@font-face{font-family:Outfit;src:url('../fonts/outfit.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'DM Mono';src:url('../fonts/dmmono.woff2') format('woff2');font-weight:400;font-display:swap}


:root{--bg:#06080c;--text:#f2f0eb;--muted:#a9adb5;--line:#ffffff26;--accent:#bdcfdf;--gutter:clamp(24px,4vw,80px)}

/* Transparente Scrollleiste mit einem dezenten Griff im Glasstil. */
html::-webkit-scrollbar{width:12px;height:12px;background:transparent}
html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner{background:transparent}
html::-webkit-scrollbar-button{display:none;width:0;height:0}
html::-webkit-scrollbar-thumb{min-height:48px;border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#bdcfdf40,#a9adb52e);background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff1a}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#bdcfdf66,#a9adb54d);background-clip:padding-box}
html::-webkit-scrollbar-thumb:active{background:#bdcfdf80;background-clip:padding-box}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#bdcfdf66 transparent}}
@media(forced-colors:active){
  html{scrollbar-color:auto}
  html::-webkit-scrollbar-thumb{background:ButtonText;background-clip:padding-box;box-shadow:none}
  html::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:active{background:Highlight;background-clip:padding-box}
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 Outfit,Arial,sans-serif}main{overflow:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;display:block;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(64px,7.5vw,132px)}h2{font-size:clamp(40px,4.7vw,80px)}h3{font-size:clamp(28px,2.7vw,44px)}p{color:var(--muted)}p+p{margin-top:24px}address{font-style:normal;color:var(--muted)}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{color:var(--bg);background:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:24px;top:16px;z-index:100;background:var(--text);color:var(--bg);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}.section-pad{padding-inline:var(--gutter)}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;color:var(--text);margin-bottom:30px}.muted{color:var(--muted)}.large-copy{font-size:clamp(22px,2.05vw,32px);line-height:1.45;color:var(--text)}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:15px;line-height:1.5;border-bottom:1px solid var(--line);padding-block:12px}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(5px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;border:1px solid #f2f0eb85;padding:8px 8px 8px 22px;border-radius:3px;font-size:14px;background:#080b1080;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.button:hover{background:#f2f0eb18;border-color:var(--text)}.button-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:2px}.button-arrow svg{width:19px;height:19px}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:padding .25s}.site-header.is-scrolled{padding-block:20px}.wordmark{display:inline-flex;align-items:center;position:relative;font-size:26px;font-weight:500;line-height:1;letter-spacing:-1.2px}.wordmark>span:first-child{font-weight:300}.wordmark-orbit{margin-left:13px;width:19px;height:19px;border:1px solid #a9c8df;border-radius:50%;position:relative}.wordmark-orbit::after{content:'';position:absolute;inset:5px -6px;border:1px solid #a9c8df;border-radius:50%;transform:rotate(-40deg)}.header-actions{display:flex;align-items:center;gap:35px}.header-contact{display:flex;align-items:center;gap:18px;font-size:13px}.header-contact svg{width:18px;height:18px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:0;padding:12px 0 12px 12px;min-height:44px}.menu-label{font-size:12px}.menu-icon{width:27px;display:grid;gap:7px}.menu-icon i{height:1px;background:var(--text);transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}#navigation{display:flex;gap:24px;font-size:14px}#navigation svg,.nav-note{display:none}.js #navigation{position:absolute;right:var(--gutter);top:90px;width:min(460px,calc(100vw - 2*var(--gutter)));padding:24px 28px;background:#10151bf7;border:1px solid #ffffff30;box-shadow:0 25px 80px #0008;display:flex;flex-direction:column;gap:0;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .22s,transform .22s,visibility 0s .22s}.js #navigation.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.js #navigation>a{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:27px;letter-spacing:-.04em;border-bottom:1px solid var(--line)}.js #navigation>a[aria-current]{color:var(--accent)}.js #navigation svg{display:block}.js #navigation .nav-note{display:block;color:var(--muted);font-size:12px;padding-top:24px}.hero-track{height:160svh;position:relative}.space-hero{height:100svh;min-height:650px;position:sticky;top:0;isolation:isolate;background:#06080c}.space-scene,.space-poster,.space-canvas,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.space-scene{z-index:-2}.space-poster img{width:100%;height:100%;object-fit:cover}.space-canvas{opacity:0;transition:opacity 1s}.space-scene.is-ready .space-canvas{opacity:1}.hero-shade{z-index:-1;background:linear-gradient(90deg,#06080c44 0%,transparent 64%),linear-gradient(0deg,#06080cf0,transparent 40%);pointer-events:none}.hero-copy{position:absolute;left:var(--gutter);top:auto;bottom:140px;max-width:900px}.hero-copy .eyebrow{margin-bottom:22px;color:#d0d7df}.hero-copy h1{font-size:clamp(66px,6.9vw,124px);line-height:1.02;letter-spacing:-.055em}.hero-copy h1 span{color:#c3ccd5}.hero-description{font-size:clamp(16px,1.2vw,20px);color:#c3cad2;line-height:1.55;margin-top:28px;max-width:560px}.hero-copy .button{margin-top:30px}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#bec5cd}.scroll-hint{display:flex;align-items:center;gap:20px}.scroll-hint>span{font-size:20px}.motion-toggle{background:none;border:0;font-size:14px;display:flex;align-items:center;gap:14px;padding:12px 0}.motion-toggle span{font-size:inherit}.projects-section{padding-top:140px;padding-bottom:130px}.section-heading{margin-bottom:70px}.section-heading>div{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.section-heading h2{font-size:clamp(36px,4.2vw,70px)}.section-heading p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:400px}.project-editorial{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;margin-bottom:140px}.project-visual{display:block;position:relative;overflow:hidden;background:#0a1018;isolation:isolate;aspect-ratio:4/3}.project-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 40%);z-index:-1}.project-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;scale:1.055;translate:0 var(--image-offset,0px);transition:transform .7s cubic-bezier(.2,.65,.3,1)}.project-visual:hover img,.project-visual:focus-visible img{transform:scale(1.035)}.visual-name{position:absolute;bottom:32px;left:36px;font-size:clamp(40px,4.5vw,70px);letter-spacing:-.055em;line-height:1}.visual-type{position:absolute;top:30px;left:36px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.visual-arrow{position:absolute;right:32px;bottom:36px}.visual-arrow svg{width:30px;height:30px}.project-copy h3{font-size:clamp(32px,3.7vw,58px);margin-bottom:28px}.project-copy>p:not(.eyebrow){max-width:370px;font-size:18px}.project-copy .text-link{margin-top:28px;color:var(--accent)}.project-copy .eyebrow,.piece-caption .eyebrow,.overview-project .eyebrow,.detail-hero .eyebrow{color:var(--accent)}.project-pair{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:start}.project-piece:last-child{padding-top:160px}.project-piece:first-child .project-visual{aspect-ratio:1/1.05}.project-piece:last-child .project-visual{aspect-ratio:1.2/1}.piece-caption{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:32px}.piece-caption .eyebrow{font-size:10px;margin-bottom:16px}.piece-caption h3{font-size:clamp(28px,2.7vw,43px);max-width:430px}.project-piece>p{font-size:16px;max-width:420px;margin-top:22px}.round-link{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.section-end{text-align:right;padding-top:75px}.about-section{border-top:1px solid var(--line);padding-block:120px;background:#0b0e13}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.about-layout h2{font-size:clamp(40px,4.9vw,80px)}.about-layout h2 span{color:#8f99a7}.about-copy .text-link{margin-top:30px}.about-copy>p:not(.large-copy){max-width:570px}.contact-outro{padding-block:120px}.contact-outro>div{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-outro h2{font-size:clamp(64px,8vw,140px)}.outro-link{display:grid;place-items:center;width:140px;height:140px;border:1px solid var(--line);border-radius:50%;transition:background .2s}.outro-link:hover{background:#ffffff0a}.outro-link svg{width:65px;height:65px}.contact-outro>p:last-child{margin-top:34px}.page-intro{padding-top:185px;padding-bottom:85px}.page-intro .intro-description{font-size:clamp(18px,1.8vw,27px);line-height:1.5;margin-top:35px;max-width:800px}.overview-section{padding-bottom:40px}.overview-project{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;padding-block:75px;border-top:1px solid var(--line);align-items:center}.overview-project h2{margin-bottom:28px}.overview-project .large-copy{font-size:25px;margin-bottom:24px}.overview-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.overview-actions .text-link{font-size:13px}.detail-hero{padding-top:165px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:center;position:relative}.breadcrumb{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:60px}.detail-hero h1{font-size:clamp(70px,7vw,120px);color:var(--accent)}.detail-tagline{font-size:clamp(26px,2.6vw,42px);line-height:1.2;color:var(--text);margin-top:25px;letter-spacing:-.03em}.detail-copy>p:not(.eyebrow):not(.detail-tagline){max-width:470px;margin-top:25px}.detail-copy .button{margin-top:30px}.destination{display:block;color:var(--muted);font-size:12px;margin-top:14px}.detail-visual{position:relative;aspect-ratio:1/1.13;overflow:hidden}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:110px;border-top:1px solid var(--line)}.detail-intro h2{font-size:clamp(38px,3.7vw,62px)}.project-logo{width:150px;height:70px;object-fit:contain;object-position:left center;margin-top:32px}.project-wordmark{display:block;font-size:40px;letter-spacing:-.05em;margin-top:32px;color:var(--accent)}.features-section{padding-block:100px;background:#0b0e13}.feature-list article{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line);padding-block:36px}.feature-list article:last-child{border-bottom:1px solid var(--line)}.feature-list h3{font-size:clamp(28px,2.5vw,40px);max-width:500px}.feature-list p{max-width:550px}.use-section{padding-block:120px}.use-section h2{max-width:850px;margin-bottom:40px}.use-section .large-copy{max-width:900px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-block:70px 110px;border-top:1px solid var(--line)}.faq-section h2{font-size:48px}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:20px;padding:24px 0;list-style:none}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:28px;font-weight:300}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{padding-bottom:28px}.related-section{padding-block:80px 120px}.project-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:40px;align-items:center;padding-block:30px;border-top:1px solid var(--line)}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row>span>strong{display:block;font-size:35px;font-weight:400;letter-spacing:-.04em;color:var(--accent)}.project-row>span>span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.project-row>p{font-size:15px;max-width:530px}.project-row>svg{transition:transform .2s}.project-row:hover>svg{transform:translateX(5px)}.contact-panel{padding-block:60px 100px;background:#0b0e13;border-block:1px solid var(--line)}.email-link{display:inline-flex;align-items:center;gap:35px;font-size:clamp(28px,5vw,82px);letter-spacing:-.045em;line-height:1.3;border-bottom:1px solid #ffffff50;margin-bottom:35px}.email-link svg{width:clamp(24px,3vw,50px);height:clamp(24px,3vw,50px)}.legal-intro h1{font-size:clamp(52px,7vw,110px);overflow-wrap:anywhere}.legal-content{padding-bottom:100px;max-width:1000px}.legal-content section{padding-block:30px;border-top:1px solid var(--line)}.legal-content h2{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin-bottom:25px}.legal-content a{text-decoration:underline;text-underline-offset:4px}.legal-content>.mono{font:11px 'DM Mono',monospace;margin-bottom:35px}.error-page{min-height:80svh}.error-page .button{margin-top:35px}
@media(min-width:1700px){.hero-copy{top:auto;bottom:140px}.hero-copy h1{font-size:124px}.hero-description{font-size:20px}}
@media(max-width:1000px){.hero-copy{top:auto;bottom:130px}.hero-copy h1{font-size:clamp(60px,8.8vw,95px)}.section-heading>div{display:block}.section-heading p:not(.eyebrow){margin-top:30px}.project-editorial{gap:5vw;grid-template-columns:1.2fr 1fr}.project-copy h3{font-size:38px}.project-pair{gap:5vw}.about-layout{gap:6vw}.detail-hero{grid-template-columns:1fr 1fr;gap:4vw}.detail-hero h1{font-size:70px}.overview-project{gap:5vw}.overview-actions{gap:16px}.hero-bottom>span{display:none}}
@media(max-width:700px){:root{--gutter:24px}html{scroll-padding-top:90px}body{font-size:16px}.desktop-break{display:none}.site-header{padding-block:25px}.wordmark{font-size:23px}.wordmark-orbit{width:16px;height:16px;margin-left:12px}.header-actions{gap:22px}.header-contact{font-size:12px;gap:10px}.menu-label{display:none}.menu-icon{width:24px}.js #navigation{top:83px;padding-inline:22px}.js #navigation>a{font-size:26px}.hero-track{height:auto}.space-hero{position:relative;min-height:760px;height:100svh}.hero-copy{top:auto;bottom:135px;right:24px;max-width:none}.hero-copy h1{font-size:clamp(45px,9.1vw,67px);letter-spacing:-.055em;line-height:1.06}.hero-copy .eyebrow{font-size:9px;margin-bottom:23px}.hero-description{font-size:16px;max-width:340px;margin-top:24px;line-height:1.5}.hero-copy .button{margin-top:26px}.hero-shade{background:linear-gradient(0deg,#06080cf5,transparent 75%)}.hero-bottom{bottom:24px;font-size:10px}.motion-toggle{font-size:12px;gap:8px}.projects-section{padding-top:85px;padding-bottom:80px}.section-heading{margin-bottom:45px}.section-heading h2{font-size:39px}.eyebrow{font-size:10px;margin-bottom:24px}.project-editorial{display:block;margin-bottom:70px}.project-editorial .project-visual{aspect-ratio:1/1}.project-copy{margin-top:30px}.project-copy h3{font-size:38px;max-width:330px}.project-copy>p:not(.eyebrow){font-size:16px}.project-copy .text-link{margin-top:20px}.visual-name{left:24px;bottom:25px;font-size:48px}.visual-type{left:24px;top:24px;font-size:9px}.visual-arrow{right:24px;bottom:30px}.project-pair{display:block}.project-piece:last-child{padding-top:65px}.project-piece:first-child .project-visual,.project-piece:last-child .project-visual{aspect-ratio:1/1}.piece-caption{margin-top:28px;gap:20px}.piece-caption h3{font-size:33px}.round-link{width:44px;height:44px}.section-end{padding-top:50px;text-align:left}.about-section{padding-block:80px}.about-layout{display:block}.about-layout h2{font-size:43px;margin-bottom:42px}.large-copy{font-size:23px}.contact-outro{padding-block:80px}.contact-outro h2{font-size:63px}.outro-link{width:70px;height:70px;flex-shrink:0}.outro-link svg{width:35px;height:35px}.contact-outro>p:last-child{font-size:15px}.page-intro{padding-top:150px;padding-bottom:65px}.page-intro h1{font-size:clamp(46px,10.5vw,72px)}.page-intro .intro-description{font-size:20px;margin-top:28px}.overview-project{display:flex;flex-direction:column;gap:35px;padding-block:45px}.overview-project .project-visual{width:100%;aspect-ratio:1/1}.overview-project h2{font-size:50px}.overview-project .large-copy{font-size:23px}.overview-actions{gap:20px}.detail-hero{display:flex;flex-direction:column;gap:45px;padding-top:140px;padding-bottom:60px;align-items:stretch}.detail-hero h1{font-size:68px}.breadcrumb{margin-bottom:40px}.detail-tagline{font-size:33px}.detail-visual{aspect-ratio:1/1}.detail-intro{display:block;padding-block:70px}.detail-intro>div+div{margin-top:40px}.detail-intro h2{font-size:40px}.features-section{padding-block:65px}.feature-list article{display:block;padding-block:30px}.feature-list h3{font-size:30px;margin-bottom:22px}.use-section{padding-block:75px}.use-section h2{font-size:40px;margin-bottom:30px}.faq-section{display:block;padding-block:60px}.faq-section h2{font-size:40px;margin-bottom:30px}.faq-section summary{font-size:18px}.related-section{padding-block:60px 80px}.project-row{grid-template-columns:1fr 25px;gap:18px;padding-block:25px}.project-row>p{grid-column:1;grid-row:2;font-size:14px}.project-row>svg{grid-column:2;grid-row:1}.project-row>span>strong{font-size:32px}.project-row .sr-only{position:absolute}.contact-panel{padding-block:45px 60px}.email-link{font-size:clamp(25px,7.3vw,45px);gap:15px}.legal-intro h1{font-size:clamp(44px,9.5vw,68px)}.legal-content h2{font-size:25px}.legal-content{padding-bottom:65px}html:not(.js) .site-header{position:relative;flex-wrap:wrap}html:not(.js) #navigation{width:100%;font-size:13px;gap:18px}html:not(.js) .page-intro,html:not(.js) .detail-hero{padding-top:60px}}
@media(max-height:750px) and (min-width:701px){.space-hero{min-height:600px}.hero-copy{top:35%}.hero-copy h1{font-size:clamp(60px,6vw,90px)}.hero-description{margin-top:20px}.hero-copy .button{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-track{height:auto}.space-hero{position:relative}.project-visual:hover img{transform:none}}
.space-scene[data-scene-state=fallback] .space-canvas{transition:none}
/* Separate glass layer keeps the dropdown's backdrop independent. */
.site-header{isolation:isolate;--header-tint:#06080ce8}
.site-header::before{content:none;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffff06,transparent),var(--header-tint);border-bottom:1px solid #ffffff0c;box-shadow:inset 0 1px 0 #ffffff08,0 8px 28px #00000012;transition:background .25s}
.site-header.is-scrolled{--header-tint:#06080cf2}
.site-header.is-scrolled::before{content:''}
.js #navigation{background:linear-gradient(145deg,#ffffff08,transparent 55%),#10151bf2;box-shadow:inset 0 1px 0 #ffffff0c,0 25px 80px #0008}
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  .site-header{--header-tint:#06080c99}
  .site-header.is-scrolled{--header-tint:#06080ccc}
  .site-header.is-scrolled::before,.js #navigation{-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
  .js #navigation{background:linear-gradient(145deg,#ffffff08,transparent 55%),#10151bcc}
}
.js #navigation>a{transition:color .25s,background .25s,border-color .25s}
.js #navigation>a>svg{transition:transform .25s;transform-origin:center}
.js #navigation>a:is(:hover,:focus-visible){color:var(--accent);background:#ffffff06;border-color:#bdcfdf55}
.js #navigation>a:is(:hover,:focus-visible)>svg{transform:rotate(-45deg)}

/* Motion uses independent translate/scale properties to preserve hover transforms. */
.detail-visual img{scale:1.055;translate:0 var(--image-offset,0px)}
.text-link,.round-link,.outro-link,.project-row,.email-link,.header-contact{transition:color .22s,border-color .22s,background .22s}
.button-arrow svg,.round-link svg,.outro-link svg,.email-link svg,.header-contact svg,.visual-arrow svg{transition:transform .25s}
.text-link:is(:hover,:focus-visible) svg,.project-row:is(:hover,:focus-visible)>svg,.button:is(:hover,:focus-visible) .button-arrow svg{transform:translateX(4px)}
.email-link:is(:hover,:focus-visible) svg,.project-visual:is(:hover,:focus-visible) .visual-arrow svg{transform:translate(3px,-3px)}
.text-link:is(:hover,:focus-visible),.email-link:is(:hover,:focus-visible),.header-contact:is(:hover,:focus-visible){color:var(--accent);border-color:var(--accent)}
.header-contact:is(:hover,:focus-visible) svg{transform:translate(1px,-1px)}
.button-discover:is(:hover,:focus-visible) .button-arrow svg,.round-link:is(:hover,:focus-visible) svg,.project-piece:is(:hover,:focus-within) .round-link svg{transform:rotate(-45deg);transform-origin:center}
.project-piece:is(:hover,:focus-within) .round-link{background:#ffffff0a;border-color:var(--accent)}
.outro-link{overflow:hidden}
.outro-link svg{transition:none}
.outro-link:is(:hover,:focus-visible) svg{animation:outro-arrow-flight .45s cubic-bezier(.2,.65,.3,1)}
@keyframes outro-arrow-flight{
  0%{transform:translate(0,0);opacity:1}
  49%{transform:translate(220%,-220%);opacity:0}
  50%{transform:translate(-220%,220%);opacity:0}
  100%{transform:translate(0,0);opacity:1}
}
.button:focus-visible{background:#f2f0eb18;border-color:var(--text)}
.round-link:is(:hover,:focus-visible),.outro-link:is(:hover,:focus-visible){background:#ffffff0a;border-color:var(--accent)}
.hero-shade{background:linear-gradient(90deg,#06080c99 0%,#06080c22 55%,transparent 75%),linear-gradient(0deg,#06080cf0,transparent 45%)}
@media(max-width:700px){.hero-shade{background:linear-gradient(0deg,#06080cf5 0%,#06080caa 45%,transparent 80%)}.project-visual img,.detail-visual img{scale:none;translate:none}}
@media(max-aspect-ratio:17/20) and (min-width:701px){.hero-copy{top:auto;bottom:130px}.hero-shade{background:linear-gradient(0deg,#06080cf5 0%,#06080caa 45%,transparent 80%)}}
html.motion-paused{scroll-behavior:auto}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important}
html.motion-paused .project-visual:is(:hover,:focus-visible) img{transform:none}
html.motion-paused :is(.text-link,.project-row,.button,.round-link,.outro-link,.email-link,.header-contact,.project-visual):is(:hover,:focus-visible) svg{transform:none}
@media(prefers-reduced-motion:reduce){.project-visual img,.detail-visual img{scale:none;translate:none}.project-visual:is(:hover,:focus-visible) img{transform:none}:is(.text-link,.project-row,.button,.round-link,.outro-link,.email-link,.header-contact,.project-visual):is(:hover,:focus-visible) svg{transform:none}}
html:not(.js) .hero-track{height:auto}
html:not(.js) .space-hero{position:relative}

@media(max-height:750px) and (min-width:701px) and (min-aspect-ratio:17/20){.hero-copy{top:auto;bottom:100px}.hero-copy h1{font-size:clamp(50px,5vw,76px)}.hero-copy .eyebrow{margin-bottom:14px}.hero-description{font-size:16px;margin-top:18px}.hero-copy .button{margin-top:20px}}
@media(pointer:coarse){.hero-track{height:auto}.space-hero{position:relative}}

html.motion-paused :is(.outro-link svg,.button-discover .button-arrow svg,.project-piece .round-link svg,#navigation>a>svg){animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){:is(.outro-link svg,.button-discover .button-arrow svg,.project-piece .round-link svg,#navigation>a>svg){animation:none!important;transform:none!important;opacity:1!important}}

/* Compact project deck; the static layout also works without JavaScript. */
.projects-section{padding-block:56px}
.projects-section .section-heading{margin-bottom:28px}
.projects-section .section-heading .eyebrow{margin-bottom:14px}
.projects-section .section-heading h2{font-size:clamp(30px,3vw,46px)}
.projects-section .section-end{padding-top:24px}
.project-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff26;border-radius:12px;background:#111822;min-width:0}
.project-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.project-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06080cd9,transparent 35%,#06080ce8 65%,#06080cfa)}
.project-card-select{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;background:#06080c66;border:0;padding:16px 24px;font-size:21px;letter-spacing:-.03em}
.project-card-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.project-card-indicator{margin-left:auto;color:var(--accent);flex-shrink:0}
.project-card-indicator svg{width:20px;height:20px}
.project-card-detail{padding:100px 24px 24px}
.project-card-detail .eyebrow{color:var(--accent);font-size:10px;margin-bottom:12px}
.project-card-detail h3{font-size:clamp(26px,2.4vw,36px);line-height:1.12;margin-bottom:14px}
.project-card-detail>p:not(.eyebrow){font-size:16px;line-height:1.5;color:#cbd1d9}
.project-card-detail .text-link{margin-top:12px;color:var(--accent);font-size:14px;gap:20px}
.project-carousel.is-enhanced .project-deck{display:flex;gap:16px}
.is-enhanced .project-card{flex:1 1 0;height:var(--card-height,400px);transition:flex-grow .45s cubic-bezier(.2,.65,.3,1),transform .45s cubic-bezier(.2,.65,.3,1),border-color .45s}
.is-enhanced .project-card.is-active{flex-grow:3;border-color:var(--accent)}
.is-enhanced .project-card-detail{position:absolute;bottom:24px;left:24px;padding:0;width:var(--detail-width);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.is-enhanced .is-active .project-card-detail{opacity:1;visibility:visible;transition-delay:.18s}
.is-enhanced .project-card-select{font-size:clamp(16px,1.6vw,24px);padding-inline:20px}
.is-enhanced .project-card-select:focus-visible{outline-offset:-5px}
.is-enhanced .is-active .project-card-indicator{transform:rotate(90deg)}
.project-controls{display:flex;align-items:center;gap:24px;margin-top:18px}
.project-controls-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.project-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:#ffffff05;font-size:20px}
.project-controls button:hover{border-color:var(--accent);background:#ffffff0c}
.project-controls .project-play{display:flex;justify-content:center;gap:8px;font-size:13px;padding-inline:16px;min-width:130px}
.project-controls svg{width:20px;height:20px}
.project-position{font-size:12px;color:var(--muted);min-width:36px;text-align:center}
.project-progress{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;pointer-events:none;visibility:hidden;z-index:1}
.is-enhanced .project-card.is-active .project-progress{visibility:visible}
.project-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
@media(max-width:1000px){
  .project-deck{grid-template-columns:1fr}
  .project-carousel.is-enhanced .project-deck{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:112px;touch-action:pan-y;isolation:isolate}
  .is-enhanced .project-card{grid-area:1/1;width:100%;height:var(--card-height,400px)}
  .is-enhanced .project-card[data-slot="0"]{transform:translateY(112px);z-index:3}
  .is-enhanced .project-card[data-slot="1"]{transform:translateY(0) scale(.96);transform-origin:top;z-index:1}
  .is-enhanced .project-card[data-slot="2"]{transform:translateY(56px) scale(.98);transform-origin:top;z-index:2}
  .is-enhanced .project-card-select{font-size:20px;min-height:56px;padding:12px 20px}
  .project-card-detail h3{font-size:30px}
}
@media(max-width:700px){
  .projects-section{padding-block:48px}
  .projects-section .section-heading h2{font-size:32px}
  .project-controls{gap:14px;flex-wrap:wrap}
  .project-card-detail h3{font-size:28px}
  .project-card-detail .text-link{gap:12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.is-enhanced .project-card,.is-enhanced .project-card-detail{transition:none}}
html.motion-paused .is-enhanced .project-card,html.motion-paused .is-enhanced .project-card-detail{transition:none}
.project-card-select:disabled{cursor:default}
.project-controls button:disabled{opacity:.5;cursor:default}

/* Project overview: direct orientation, then the individual project stories. */
.brands-intro{padding-top:170px;padding-bottom:64px}
.brands-intro-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:end}
.brands-intro h1{font-size:clamp(60px,7.1vw,112px);line-height:1.04}
.brands-intro-copy{max-width:520px}
.brands-intro .intro-description{margin-top:0;margin-bottom:22px;font-size:clamp(23px,2.2vw,32px);color:var(--text)}
.brands-intro-copy>p:last-child{font-size:16px;line-height:1.7}
.brands-jumpnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.brands-jump{display:flex;align-items:center;gap:18px;min-width:0;min-height:104px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#ffffff03;transition:background .2s,border-color .2s}
.brands-jump-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.brands-jump>span:nth-child(2){min-width:0}
.brands-jump strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:400;color:var(--accent)}
.brands-jump strong+span{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.brands-jump>svg{margin-left:auto;width:20px;height:20px;color:var(--accent)}
.brands-jump:is(:hover,:focus-visible){background:#ffffff08;border-color:var(--accent)}
.page-brands .overview-section{padding-bottom:64px}
.page-brands .overview-project{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);padding-block:64px;scroll-margin-top:110px}
.page-brands .overview-project:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.page-brands .overview-project:nth-child(even) .project-visual{grid-column:2;grid-row:1}
.page-brands .overview-project:nth-child(even) .overview-copy{grid-column:1;grid-row:1}
.page-brands .overview-project .project-visual{border-radius:16px;border:1px solid var(--line);aspect-ratio:6/5}
.page-brands .overview-project .visual-name{font-size:clamp(38px,4vw,64px)}
.overview-copy{min-width:0}
.overview-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.overview-meta .eyebrow{margin-bottom:0}
.overview-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.page-brands .overview-project h2{font-size:clamp(42px,4.5vw,72px);margin-bottom:22px;color:var(--accent)}
.overview-tagline{font-size:clamp(25px,2.5vw,37px);line-height:1.2;letter-spacing:-.025em;color:var(--text);max-width:520px}
.overview-description{font-size:17px;line-height:1.65;margin-top:20px}
.overview-audience{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.overview-audience h3{font-size:11px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--text)}
.overview-audience p{font-size:15px;line-height:1.65}
.page-brands .overview-actions{margin-top:26px;gap:16px 24px}
.page-brands .overview-actions .overview-project-link{color:var(--accent);font-size:14px;gap:20px}
.brands-origin{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;padding-block:80px;border-top:1px solid var(--line);background:#0b0e13}
.brands-origin h2{font-size:clamp(36px,3.8vw,60px)}
.brands-origin .large-copy{font-size:clamp(23px,2vw,30px)}
.brands-origin .large-copy+p{font-size:16px}
@media(max-width:1000px){
  .brands-intro-layout{gap:40px;grid-template-columns:1.1fr 1fr}
  .brands-jump{gap:12px;padding:18px}
  .brands-jump strong{font-size:23px}
  .page-brands .overview-project,.page-brands .overview-project:nth-child(even){grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .page-brands .overview-project .project-visual{aspect-ratio:3/4}
}
@media(max-width:700px){
  .brands-intro{padding-top:140px;padding-bottom:40px}
  .brands-intro-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .brands-intro h1{font-size:clamp(46px,10.5vw,72px)}
  .brands-intro .intro-description{font-size:23px;margin-bottom:16px}
  .brands-jumpnav{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:32px}
  .brands-jump{min-height:80px;padding:16px 20px;gap:16px}
  .brands-jump strong+span{margin-top:4px}
  .page-brands .overview-section{padding-bottom:24px}
  .page-brands .overview-project,.page-brands .overview-project:nth-child(even){display:flex;gap:28px;padding-block:40px;scroll-margin-top:90px}
  .page-brands .overview-project .project-visual{aspect-ratio:4/3}
  .page-brands .overview-project .visual-name{font-size:42px}
  .overview-meta{margin-bottom:18px;gap:12px}
  .overview-meta .eyebrow{font-size:9px}
  .page-brands .overview-project h2{font-size:46px;margin-bottom:18px}
  .overview-tagline{font-size:28px}
  .overview-description{font-size:16px}
  .overview-audience{margin-top:24px}
  .page-brands .overview-actions{margin-top:24px}
  .page-brands .overview-actions .overview-project-link{font-size:13px;gap:12px}
  .brands-origin{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:56px}
  .brands-origin h2{font-size:38px}
}

/* Editorial project detail pages. Keep all overrides within this template. */
.page-detail .detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);padding-block:160px 80px}
.page-detail .detail-copy{min-width:0}
.page-detail .breadcrumb{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:32px}
.page-detail .breadcrumb svg{width:18px;height:18px}
.page-detail .breadcrumb:is(:hover,:focus-visible){color:var(--accent)}
.page-detail .detail-identity{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.page-detail .detail-identity img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.page-detail .detail-identity .eyebrow{margin:0;color:var(--accent)}
.page-detail .detail-hero h1{font-size:clamp(64px,6.8vw,112px);line-height:1.05}
.page-detail .detail-tagline{font-size:clamp(28px,2.6vw,42px);max-width:20ch;margin-top:24px}
.page-detail .detail-copy .detail-description{font-size:17px;line-height:1.7;max-width:48ch;margin-top:24px}
.page-detail .detail-website{margin-top:24px;font-size:14px;gap:20px;color:var(--accent)}
.page-detail .destination{margin-top:12px;overflow-wrap:anywhere}
.page-detail .detail-visual{aspect-ratio:6/5;border:1px solid var(--line);border-radius:16px;background:#0b1018}
.page-detail .detail-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,7vw,110px);padding-block:80px}
.page-detail .detail-intro h2{font-size:clamp(36px,3.5vw,58px);max-width:18ch}
.page-detail .detail-intro .large-copy{font-size:clamp(22px,2vw,30px);max-width:48ch}
.page-detail .detail-audience{margin-top:32px;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:#ffffff03}
.page-detail .detail-audience h3{font-size:11px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.page-detail .detail-audience p{font-size:15px;line-height:1.7}
.page-detail .features-section{padding-block:56px 72px;background:transparent}
.page-detail .features-section>.eyebrow{font-weight:400;letter-spacing:.13em}
.page-detail .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-detail .feature-list article{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--line);border-radius:16px;background:#0c1016}
.page-detail .feature-list h3{font-size:clamp(25px,2.1vw,34px);line-height:1.15;max-width:20ch;color:var(--accent)}
.page-detail .feature-list p{font-size:16px;line-height:1.7;max-width:65ch}
.page-detail .use-section{padding-block:88px;background:#0b0e13;border-block:1px solid var(--line)}
.page-detail .use-section h2{font-size:clamp(38px,4.3vw,70px);max-width:22ch;margin-bottom:32px}
.page-detail .use-section .large-copy{max-width:65ch;font-size:clamp(22px,2vw,30px);line-height:1.6}
.page-detail .faq-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6vw;padding-block:88px;border-top:0}
.page-detail .faq-section h2{font-size:clamp(36px,3.6vw,58px)}
.page-detail .faq-section details{border:1px solid var(--line);border-radius:16px;background:#ffffff03;overflow:clip}
.page-detail .faq-section details+details{margin-top:14px}
.page-detail .faq-section details[open]{border-color:var(--accent);background:#0c1016}
.page-detail .faq-section summary{padding:24px;font-size:18px;line-height:1.5;min-height:72px}
.page-detail .faq-section summary:is(:hover,:focus-visible){color:var(--accent)}
.page-detail .faq-section summary:focus-visible{outline-offset:-4px;border-radius:14px}
.page-detail .faq-section details p{padding:0 24px 24px;font-size:16px;line-height:1.7}
.page-detail .related-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:32px 88px}
.page-detail .related-section .section-heading{grid-column:1/-1;margin-bottom:16px}
.page-detail .related-section h2{font-size:clamp(36px,3.6vw,58px)}
.page-detail .related-card{grid-template-columns:40px minmax(0,1fr) 24px;gap:20px;padding:28px;border:1px solid var(--line);border-radius:16px;background:#0c1016;align-items:center}
.page-detail .related-card .related-logo{width:40px;height:40px;object-fit:contain}
.page-detail .related-card>span>strong{font-size:32px}
.page-detail .related-card>span>span{margin-top:6px}
.page-detail .related-card>p{grid-column:1/-1;grid-row:2;max-width:65ch;font-size:15px;line-height:1.7}
.page-detail .related-card>svg{grid-column:3;grid-row:1;color:var(--accent)}
.page-detail .related-card:is(:hover,:focus-visible){border-color:var(--accent);background:#121821}
.page-detail .related-card:focus-visible{outline-offset:4px}
@media(max-width:1099px){
  .page-detail .feature-list{grid-template-columns:minmax(0,1fr)}
  .page-detail .feature-list article{padding:28px}
  .page-detail .feature-list h3{max-width:none;margin:0}
}
@media(max-width:899px){
  .page-detail .detail-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-block:140px 64px}
  .page-detail .detail-tagline{max-width:26ch}
  .page-detail .detail-copy .detail-description{max-width:60ch}
  .page-detail .detail-visual{aspect-ratio:4/3}
  .page-detail .detail-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:64px}
  .page-detail .detail-intro>div+div{margin:0}
  .page-detail .faq-section{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:64px}
  .page-detail .faq-section h2{margin:0}
  .page-detail .related-section{grid-template-columns:minmax(0,1fr);padding-bottom:64px}
}
@media(max-width:700px){
  .page-detail .detail-hero{padding-top:130px;padding-bottom:48px}
  .page-detail .breadcrumb{margin-bottom:24px}
  .page-detail .detail-identity{gap:12px;margin-bottom:20px}
  .page-detail .detail-identity .eyebrow{font-size:9px}
  .page-detail .detail-hero h1{font-size:clamp(52px,12vw,76px)}
  .page-detail .detail-tagline{font-size:29px}
  .page-detail .detail-copy .detail-description{font-size:16px}
  .page-detail .detail-audience{padding:22px;margin-top:24px}
  .page-detail .features-section{padding-block:16px 56px}
  .page-detail .feature-list{gap:14px}
  .page-detail .feature-list article{padding:24px;gap:18px}
  .page-detail .use-section{padding-block:56px}
  .page-detail .faq-section summary{padding:20px;font-size:17px;gap:16px}
  .page-detail .faq-section details p{padding:0 20px 20px}
  .page-detail .related-card{padding:24px;gap:16px}
  .page-detail .related-card>span>strong{font-size:28px}
  html:not(.js) .page-detail .detail-hero{padding-top:48px}
}

/* Shared footer */
.site-footer{padding:72px var(--gutter) 24px;border-top:1px solid var(--line);background:#090c11}
.footer-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,80px);align-items:start;margin-bottom:64px}
.footer-top>*{min-width:0}
.footer-brand>a{display:inline-flex;align-items:center;min-height:44px}
.footer-brand>p{margin-top:22px;font-size:20px;line-height:1.5}
.footer-heading{margin:0 0 18px;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.footer-nav ul{list-style:none;margin:0;padding:0}
.footer-nav a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding-block:10px;font-size:15px;line-height:1.5;border-bottom:1px solid var(--line)}
.footer-nav svg{width:18px;height:18px;color:var(--muted)}
.footer-bottom{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 32px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px;line-height:1.5}
.footer-legal{display:flex;flex-wrap:wrap;gap:4px 28px;margin-left:auto}
.footer-bottom a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:10px}
.footer-back-top{margin-left:auto}
.image-credits{font-size:inherit;line-height:inherit;color:var(--muted)}
.image-credits summary{display:inline-flex;align-items:center;min-height:44px;padding-block:10px;list-style:none;cursor:pointer}
.image-credits summary::-webkit-details-marker{display:none}
.image-credits[open] summary{color:var(--accent)}
.image-credits p{position:absolute;z-index:2;inset:auto 0 calc(100% + 12px);max-width:750px;margin-left:auto;padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.site-footer a:is(:hover,:focus-visible),.image-credits summary:is(:hover,:focus-visible){color:var(--accent)}
.footer-nav a:is(:hover,:focus-visible){border-color:var(--accent)}
.footer-nav a:is(:hover,:focus-visible) svg{color:inherit}
.site-footer :is(a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.footer-signature{container-type:inline-size;margin-top:clamp(48px,7vw,140px);text-align:center;user-select:none}
.footer-signature>span{display:block;color:var(--text);font-size:20vw;font-size:21cqw;font-weight:600;line-height:1;letter-spacing:-.065em;white-space:nowrap}
@media(max-width:1000px){
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-bottom:48px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  .site-footer{padding-top:48px}
  .footer-top{grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:36px}
  .footer-brand>p{font-size:18px;margin-top:16px}
  .footer-heading{margin-bottom:12px}
  .footer-bottom{gap:8px 24px}
  .footer-bottom>span{flex-basis:100%}
  .footer-legal{margin-left:0;gap:4px 20px}
}