@import url('design.css');
/* Shared navigation and responsive composition, no framework required. */
body{font-family:Inter,sans-serif;font-weight:500;color:#1d1e1f}
body:not(.page-index) p,body:not(.page-index) h2,body:not(.page-index) h3{margin:0}
body:not(.page-index) a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
.brand-sections button{border:0;background:none;padding:0;text-align:inherit}
.brand-section img{display:block}
.brand-section a{font-weight:700}
a:focus-visible,button:focus-visible{outline:3px solid #2d23e8;outline-offset:6px}
.brand-skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:white;z-index:200}
.brand-skip:focus{top:16px}
.brand-library{display:grid;grid-template-columns:255px minmax(0,1fr);gap:62px;padding:0 max(32px,calc((100vw - 1920px)/2 + 194px)) 0 max(36px,calc((100vw - 1920px)/2 + 36px));background:#ebeff3;position:relative}
.brand-sections{min-width:0}
.brand-section{position:relative;padding:160px 0;background:#ebeff3}
.section-content{width:100%;min-width:0;padding:0;align-items:stretch}
.section-intro{max-width:100%;align-items:flex-start}
.section-content h2{scroll-margin-top:120px}
.section-content h2:focus{outline:none}
.section-sidebar{padding-top:160px;font-size:16px;line-height:1.5}
.section-sidebar nav{position:sticky;top:160px;display:flex;flex-direction:column;gap:20px;max-height:calc(100dvh - 180px);overflow-y:auto;padding:4px}
.section-sidebar a{font-weight:700}
.section-sidebar a[aria-current]{color:#2d23e8}
.section-sidebar a:hover{text-decoration:underline}
.intro-width{width:436.336px;max-width:100%}
.menu-toggle,.menu-close{position:fixed;right:max(24px,calc((100vw - 1920px)/2 + 194px));top:64px;width:64px;height:64px;border:0;border-radius:50%;display:grid;place-content:center;z-index:50}
.menu-toggle{background:#2d23e8;color:white;gap:5px}
.menu-toggle span{display:block;width:20px;height:2px;background:currentColor}
.menu-close{position:absolute;background:transparent;color:#fff;font-size:46px;font-weight:400;line-height:1}
#brand-menu{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:0;background:#2d23e8;color:#fff;overflow:auto}
#brand-menu::backdrop{background:#2d23e8}
#brand-menu a{color:#fff;text-decoration:none}
#brand-menu a:hover,#brand-menu a[aria-current]{text-decoration:underline;text-underline-offset:6px}
#brand-menu a:focus-visible,#brand-menu button:focus-visible{outline-color:#fff}
.menu-inner{padding:clamp(130px,25.6vh,277px) max(24px,calc((100vw - 1920px)/2 + 193px)) 80px}
#menu-title,.menu-group-title{font:600 48px/1 'Proxima Nova',sans-serif;letter-spacing:-1px;display:block}
.menu-group-title{margin:64px 0!important}
.menu-inner nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:24px;line-height:1.2}
body.menu-open{overflow:hidden}
.brand-footer{background:#141516;color:#fff;padding:160px max(24px,calc((100vw - 1920px)/2 + 156px));min-height:1080px}
.brand-footer a{color:inherit;text-decoration:none}
.brand-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-title,.brand-footer h2{font:600 48px/1 'Proxima Nova',sans-serif;letter-spacing:-1px;margin:0}
.brand-footer h2{margin:120px 0 64px!important}
.brand-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:24px;font-size:24px;line-height:1.5}
.brand-footer a:focus-visible{outline-color:white}
.mw-cover__text h1{font-size:clamp(100px,12.4vw,238px)}
.artboard-viewport{width:100%;position:relative;min-width:0;overflow:hidden;flex-shrink:0}
.artboard{transform-origin:top left;flex:none!important;max-width:none!important}
.artboard .responsive-row{flex-wrap:nowrap}
.artboard-tile{transform-origin:top left}
.icon-sprite-grid{display:grid;grid-template-columns:repeat(19,24px);gap:32px;min-width:0}
.icon-sprite,.topic-icon{display:block;position:relative;width:24px;height:24px;overflow:hidden;flex:none}
.icon-sprite img,.topic-icon img{position:absolute;width:1032px;height:360px;max-width:none}
.topic-icon{transform:scale(2);transform-origin:center center;margin:12px}
.icon-sprite-grid+.responsive-row{min-width:0}
.brand-sections a[data-name="Button"]{min-height:56px;transition:filter .15s}
.brand-sections a[data-name="Button"]:hover{filter:brightness(.87)}
.replaced-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@media(min-width:1200px) and (max-width:1700px){
 .brand-library{grid-template-columns:180px minmax(0,1fr);gap:36px;padding-inline:36px 8vw}
 .brand-section{padding-block:120px}
 .section-sidebar{padding-top:120px}.section-sidebar nav{top:120px}
 .section-content>.responsive-row{gap:24px}
 .section-content>.responsive-row>[class*="w-[260px]"]{width:180px}
 .icon-sprite-grid{grid-template-columns:repeat(auto-fit,24px);flex:1;gap:24px}
}
@media(max-width:1199px){
 .brand-library{grid-template-columns:180px minmax(0,1fr);gap:24px;padding-inline:32px}
 .brand-section{padding-block:96px}
 .section-sidebar{padding-top:96px}.section-sidebar nav{top:96px}
 .section-content{gap:48px}
 .section-content>.responsive-row{flex-direction:column;align-items:stretch}
 .section-content>.responsive-row>*{max-width:100%;width:auto;flex:auto}
 .icon-sprite-grid{grid-template-columns:repeat(auto-fit,24px);gap:24px}
 .brand-sections .responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .brand-sections [data-node-id="848:2616"] .responsive-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .brand-sections [class*="w-[109"],.brand-sections [class*="w-[795"],.brand-sections [class*="w-[815"]{max-width:100%}
 .brand-footer{min-height:800px;padding:100px 8vw}
 .brand-footer h2{margin:80px 0 48px!important}
 .menu-toggle,.menu-close{right:32px;top:40px}
 .menu-inner{padding:150px 8vw 60px}
 .mw-cover__text h1{font-size:clamp(80px,12vw,144px)}
}
@media(max-width:767px){
 .brand-library{display:block;padding-inline:24px}
 .section-sidebar{display:none}
 .brand-section{padding-block:64px}
 .section-content{gap:32px}
 .section-content h2{font-size:36px;line-height:1;letter-spacing:-1px;scroll-margin-top:96px}
 .section-intro{gap:24px}
 .section-intro p{font-size:16px;line-height:1.5}
 .section-content>.responsive-row,.section-content .responsive-row:not(.artboard .responsive-row){flex-direction:column;align-items:stretch}
 .section-content .responsive-row>*:not(.artboard *){max-width:100%;min-width:0}
 .section-content .responsive-row>p{width:100%;font-size:14px}
 .brand-sections .responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .brand-sections [data-node-id="848:2616"] .responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
 .brand-sections [class*="text-[112px]"]{font-size:52px}
 .brand-sections [class*="text-[88px]"]{font-size:44px}
 .brand-sections [class*="text-[72px]"]{font-size:38px}
 .brand-sections [class*="text-[56px]"]{font-size:32px}
 .brand-sections [class*="text-[48px]"]{font-size:28px}
 .brand-sections [class*="text-[36px]"]{font-size:24px}
 .brand-sections [class*="text-[length:var(--mw-scale-16"]{font-size:52px}
 .brand-sections [class*="text-[length:var(--mw-scale-15"]{font-size:44px}
 .brand-sections [class*="text-[length:var(--mw-scale-14"]{font-size:38px}
 .brand-sections [class*="text-[length:var(--mw-scale-13"]{font-size:32px}
 .brand-sections [class*="text-[length:var(--mw-scale-12"]{font-size:32px}
 .brand-sections [class*="text-[length:var(--mw-scale-09"]{font-size:24px}
 .brand-sections [class*="text-[length:var(--mw-scale-05"]{font-size:16px}
 .brand-sections [class*="text-[length:var(--mw-scale-06"]{font-size:18px}
 .brand-sections [class*="w-[min-content]"]{width:auto;min-width:0}
 .brand-sections [class*="whitespace-nowrap"]{white-space:normal}
 .brand-sections .responsive-row:not(.artboard *){gap:24px}
 .brand-sections [class*="px-[48px]"]{padding-inline:24px}
 .brand-sections [class~="p-[var(--mw-space-1600,64px)]"]{padding:24px}
 .brand-sections [class*="pt-[320px]"]{padding-top:120px}
 .brand-sections [class*="gap-[132px]"]{gap:48px}
 .brand-footer{min-height:0;padding:80px 24px}
 .footer-title,.brand-footer h2{font-size:32px}
 .brand-footer h2{margin:64px 0 32px!important}
 .brand-footer nav{font-size:18px;gap:20px}
 .menu-toggle,.menu-close{width:48px;height:48px;top:24px;right:24px}
 .menu-inner{padding:130px 24px 48px}
 #menu-title,.menu-group-title{font-size:32px}
 .menu-group-title{margin:48px 0 32px!important}
 .menu-inner nav{font-size:20px;gap:20px}
 .mw-cover__brand{top:34px;width:112px;height:auto}.mw-cover__brand img{width:112px;height:auto}
 .mw-cover__text h1{font-size:clamp(40px,11.8vw,90px);letter-spacing:-1px;left:0}
 .mw-cover__text p{font-size:20px}
 .mw-cover__text{gap:32px}
 .mw-cover{min-height:440px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand-library{--content-left:353px}
.full-bleed{width:100vw!important;margin-left:calc(-1 * var(--content-left));max-width:none}
.full-bleed>[class*="flex-"]{min-width:0}
.full-bleed [class*="w-[932px]"],.full-bleed [class*="w-[856px]"]{width:100%;max-width:100%}
.full-bleed .responsive-grid>*,.responsive-grid>*{min-width:0}
.misuse-font{max-width:100%}
@media(min-width:1200px) and (max-width:1700px){.brand-library{--content-left:252px}}
@media(min-width:768px) and (max-width:1199px){.brand-library{--content-left:236px}}
@media(max-width:767px){
 .brand-library{--content-left:24px}
 .full-bleed{flex-direction:column}
 .full-bleed>*{width:100%!important;flex:auto!important}
 .responsive-grid>*{grid-column:auto!important;grid-row:auto!important}
 .page-typografie .responsive-grid{grid-template-columns:1fr}
}
@media(max-width:1199px){
 .brand-sections div:not(.artboard):not(.artboard *){max-width:100%;min-width:0}
 .brand-sections .responsive-grid>*{grid-column:auto!important;grid-row:auto!important}
}
@media(max-width:767px){
 .section-content .responsive-row>p{font-size:inherit}
 .section-content .responsive-row>p:first-child{font-size:14px}
 .section-content .responsive-row>p:last-child:not(:first-child){font-size:clamp(24px,8vw,38px);line-height:1.1;letter-spacing:-1px}
 .page-typografie [class*="max-h-"]:not(.artboard *){max-height:none;overflow:visible}
 .page-typografie .full-bleed p{overflow:visible}
 .page-typografie .section-content [class*="text-[24px]"]:not(.artboard *){font-size:18px}
 .page-typografie .brand-section [class*="gap-[var(--mw-space-3200"]{gap:48px}
 .page-typografie .brand-section [class*="min-h-[52px]"]{min-height:0}
}
.collage-slot{display:contents}
.collage-mobile{display:grid!important;grid-template-columns:1fr;gap:20px;overflow:hidden}
.collage-mobile .collage-slot{display:block;position:relative;width:100%;overflow:hidden}
@media(max-width:1199px){
 .brand-sections p:not(.artboard *),.brand-sections h2:not(.artboard *),.brand-sections h3:not(.artboard *){max-width:100%;min-width:0}
}
@media(max-width:767px){.brand-sections .full-bleed .responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.icon-sprite img,.topic-icon img{width:1081px;height:360px}
.full-bleed{width:var(--viewport-width,100vw)!important}
.brand-sections a.overview-link{font-weight:500}
.brand-sections a.overview-link:hover h3{text-decoration:underline}
.topic-icon{transform:scale(2.22222)}
@media(max-width:767px){
 .brand-sections .section-content h2{font-size:36px}
 .brand-sections .responsive-row>a.overview-link{width:100%;flex:auto}
}
@font-face{font-family:'Inter';src:url('assets/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

#brand-menu #menu-title{margin:0}