/* Explicit surface colors and resilient mobile layouts. */
:root{color-scheme:dark;--text-dark:#111116;--text-light:#f6f5f1;--copy-light:#d1d1db;--copy-dark:#35363e}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body{background:#08090b;color:var(--text-light)}
main,section,article,figure,nav,footer,.section-head>*,.hero-bottom>*,.intro>*{min-width:0}
img,video{max-width:100%}
h1,h2,h3,h4,p{overflow-wrap:break-word}
h1,h2,h3,h4{color:inherit}
.header{color:#fff;background:#0c0c10e8;border-color:#ffffff35;isolation:isolate}
.header .nav a{color:#fff}.header .nav a:hover,.header .nav a[aria-current=page]{color:#ffad80}
.menu{color:#fff;background:#17171f;border-color:#82828c;min-height:46px}
.hero,.subhero,.intro,.people-section,.manifesto,.founder-link,.founder-hero,.bio-chapters,.brand-film,.contact-studio{color:var(--text-light);background-color:#101014}
.worlds,.brands,.editorial,.creator-paths{color:var(--text-dark);background-color:#f1f2ee;color-scheme:light}
.next-worlds,.quote-panel,.roster-announcement,.title-hero.lime{color:var(--text-dark);background-color:#d1ee39;color-scheme:light}
.footer,.title-hero.orange,.roster-announcement.orange{color:var(--text-dark);background-color:#ff641a;color-scheme:light}
.vision,.title-hero.purple{color:#fff;background-color:#6230d6}
.world-card.blue{background:#ff641a;color:#111116}.world-card.purple{background:#6230d6;color:#fff}
.intro-copy>p,.hero-bottom p,.manifesto>p,.founder-link p,.bio-chapter p,.contact-studio p,.collab-intro,.roster-context{color:#d1d1db}
.vision>p{color:#fff}.years{color:#dedee5}
.brands .brand-note{color:#45464d}.editorial .body-copy,.editorial .editorial-columns p{color:#35363e}
.section-tail p,.photo-note,.photo-credits{color:#c6c6d0}
.text-link{color:inherit;min-height:48px;border-color:currentColor;max-width:100%;white-space:normal;text-align:center}
.hero .text-link,.intro .text-link,.people-section .text-link,.founder-link .text-link{color:#fff;background:#1c1c25;border-color:#c1c1ca}
.quote-panel .text-link,.editorial .text-link{color:#111116;background:transparent;border-color:#111116}
.text-link:hover{color:#111116;background:#d1ee39;border-color:#d1ee39}
.glass-button{min-height:48px;max-width:100%;white-space:normal;text-align:center;line-height:1.45}
.creator-hero{color:#fff;background-color:#101014}
.creator-actions .glass-button{color:#fff;background:#292334;border-color:#b8accb}
.creator-actions .glass-button:first-child{color:#111116;background:#d1ee39;border-color:#d1ee39}
.creator-path-grid article{color:#fff;background:#6230d6}.creator-path-grid article+article{color:#111116;background:#ff641a}
.creator-path-grid article .glass-button{color:#fff;background:#3b197f;border-color:#bfa5f1}
.creator-path-grid article+article .glass-button{color:#111116;background:#ff9c62;border-color:#111116}
.contact-options .glass-button{color:#111116;background:#d1ee39;border-color:#d1ee39}
.contact-options>a:not(.glass-button){color:#fff;text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.contact-options a[href^="tel:"]{text-decoration:none}
.footer a{color:#111116}.footer-bottom,.footer-company{font-size:14px;line-height:1.6}
.event-posters article{color:#111116;background:#ff641a}.event-posters article:nth-child(2){color:#fff;background:#6230d6}
.portrait-card .portrait-info{color:#fff;background:linear-gradient(transparent 0%,#08090bcc 35%,#08090bf5 100%);padding:48px 18px 18px}
.portrait-card .portrait-info h3,.portrait-card .portrait-info>span{color:#fff;text-shadow:0 1px 8px #0008}
.portrait-card .portrait-info h3{line-height:1.15;letter-spacing:-.035em}
.portrait-card .portrait-info>span{font-size:12px;line-height:1.4}
.creator-wall figcaption{color:#fff;background:linear-gradient(transparent,#08090bee 50%);text-shadow:0 1px 4px #000;line-height:1.4}
.roster-card .portrait-photo img{filter:none;object-position:center}.roster-card:hover .portrait-photo img{filter:none}
.motion-toggle{color:#fff;background:#111116;border-color:#c1c1ca;min-height:44px}
.film-content{color:#fff}.film-content p{color:#fff;text-shadow:0 1px 8px #000}
.brand-film:after{background:linear-gradient(90deg,#08090bee 0%,#08090b80 60%,#08090b20 100%)}
.whatsapp-float{color:#101116;background:#d1ee39;min-width:48px;min-height:48px}
:focus-visible{outline:3px solid #ffb88c;outline-offset:4px}
@media(max-width:1100px) and (min-width:951px){.nav{gap:14px;font-size:13px}.header{padding-left:4%;padding-right:4%;gap:22px}}
@media(max-width:950px){
 .header{height:86px}.nav{background:#111116;color:#fff;max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #565660;padding:16px 6% 24px;z-index:12}
 .nav a{display:block;min-height:48px;font-size:16px;line-height:1.5;border-bottom:1px solid #ffffff18;padding:12px 0}
 .nav.open{display:flex}.nav a[aria-current=page]{border-color:#ff8a4c}
 .section-head{flex-wrap:wrap}.section-head h2{min-width:0;max-width:100%}
 .contact-studio{grid-template-columns:1fr;gap:32px}.contact-options{width:100%}
}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 body{width:100%;overflow-x:clip}
 section{padding:64px 6%}
 .header{padding:0 6%;gap:20px}.header .logo{width:110px;height:45px}
 .hero,.subhero{height:auto;min-height:0;max-height:none;padding:138px 6% 50px;gap:45px}
 .hero h1,.subhero h1{font-size:clamp(43px,11.4vw,75px);letter-spacing:-.055em;line-height:1.08;margin:30px 0 10px;max-width:100%}
 .hero .eyebrow{display:block;max-width:100%;font-size:12px;line-height:1.75;letter-spacing:.06em}.hero .eyebrow:before{display:none}
 .hero:after{background:linear-gradient(90deg,#08090bec,#08090b55),linear-gradient(0deg,#08090b 0%,transparent 60%)}
 .hero-art{animation:none;opacity:.8;object-fit:cover;object-position:60% center;width:140%;max-width:none;right:-40%;top:0;height:100%}
 .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
 .hero-bottom p{font-size:16px;line-height:1.8;max-width:100%;margin:0}
 .hero-bottom .text-link{font-size:14px;flex-shrink:1}
 .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em;gap:12px;flex-wrap:wrap}.eyebrow:before{width:20px}
 .section-head{display:block;margin-bottom:32px}.section-head .eyebrow{min-width:0;margin:0 0 22px}
 .section-head h2,.intro h2{font-size:clamp(31px,8.5vw,48px);line-height:1.14;letter-spacing:-.045em;max-width:100%}
 .intro{grid-template-columns:minmax(0,1fr);gap:38px}
 .intro h2{margin:24px 0}.intro-copy>p{font-size:17px;line-height:1.8;margin:24px 0}
 .liquid-number{width:100%;max-width:420px;margin:0 auto}.liquid-number img{animation:none}.years{font-size:15px;line-height:1.7;text-align:center}
 .world-grid{grid-template-columns:minmax(0,1fr);gap:18px}.world-card{min-height:370px;padding:28px 24px}
 .world-card h3{font-size:clamp(32px,9.1vw,48px);line-height:1.1;letter-spacing:-.04em}.world-card p{font-size:16px;line-height:1.65;max-width:100%}
 .card-number{font-size:12px;line-height:1.5;max-width:75%}.card-arrow{right:24px;top:26px}.card-word{font-size:120px;top:55px}
 .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{padding:22%}.brand-volkswagen{padding:30%}.brand-note{font-size:14px;line-height:1.7}
 .portrait-grid,.collab-section .portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .portrait-card,.portrait-card:nth-child(even){aspect-ratio:4/5;padding:0;margin:0}.portrait-photo{aspect-ratio:auto;height:100%}
 .portrait-photo img{object-fit:cover;object-position:center 30%}
 .portrait-card .portrait-info{padding:38px 12px 14px}.portrait-card .portrait-info h3{font-size:clamp(18px,5.3vw,26px);margin:5px 0 0;line-height:1.12}
 .portrait-card .portrait-info>span{font-size:11px;letter-spacing:0;line-height:1.3}
 .event-portraits{grid-template-columns:repeat(2,minmax(0,1fr))}.event-portraits .portrait-card:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:1.2}
 .event-portraits .portrait-card:last-child:nth-child(odd) img{object-position:center 25%}
 .section-tail{gap:16px;margin-top:26px}.section-tail p,.photo-note{font-size:14px;line-height:1.7}
 .title-hero{min-height:0;padding:138px 6% 52px}.title-hero h1{font-size:clamp(43px,11vw,74px);line-height:1.1;letter-spacing:-.05em;margin:26px 0}.title-hero p{font-size:17px;line-height:1.7;max-width:100%}
 .title-mark{opacity:.07;pointer-events:none}.title-hero:before{height:86px}
 .editorial p.lead{font-size:clamp(22px,5.5vw,30px);line-height:1.55;letter-spacing:-.02em}
 .editorial-columns p,.body-copy{font-size:17px;line-height:1.85}.editorial-columns{gap:24px}
 .pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pillars p{font-size:19px;line-height:1.55}
 .manifesto h2,.vision h2,.quote-panel h2{font-size:clamp(34px,9vw,54px);line-height:1.13;letter-spacing:-.045em;margin:28px 0}
 .manifesto>p,.vision>p,.founder-link p,.quote-panel p{font-size:17px;line-height:1.8}
 .quote-panel blockquote{font-size:clamp(27px,7vw,40px);line-height:1.4;letter-spacing:-.025em;margin:28px 0}
 .founder-hero{padding:138px 6% 52px;gap:28px;grid-template-columns:1fr}.founder-heading h1{font-size:clamp(64px,17vw,95px);line-height:1.04;letter-spacing:-.065em;margin:24px 0}.founder-heading p{font-size:18px;line-height:1.65}.founder-hero>img{width:84%;height:auto;max-height:none;aspect-ratio:4/5;max-width:360px}
 .founder-link h2{font-size:40px;line-height:1.12}.timeline-item p,.bio-chapter p{font-size:17px;line-height:1.8}
 .timeline-item h2{font-size:28px;line-height:1.25}.bio-chapter h3{line-height:1.3}
 .duo-links{grid-template-columns:1fr;gap:32px}.duo-links h2{font-size:clamp(35px,10vw,48px);line-height:1.15}.duo-links p{font-size:17px;line-height:1.75}
 .creator-hero{padding:138px 6% 60px;grid-template-columns:minmax(0,1fr);gap:32px}.creator-copy h1{font-size:clamp(49px,13.3vw,80px);line-height:1.06;letter-spacing:-.055em;margin:25px 0}.creator-copy p{font-size:17px;line-height:1.8}
 .creator-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-actions .glass-button{padding:15px 12px;font-size:14px}
 .creator-wall{grid-template-columns:repeat(3,minmax(0,1fr));transform:none;gap:8px;padding:0;margin:0;width:100%;max-width:100%}
 .creator-wall figure,.creator-wall figure:nth-child(3n+2){transform:none;animation:none;aspect-ratio:3/4;border-radius:18px;box-shadow:none}
 .creator-wall figure:nth-child(2n){border-radius:18px}.creator-wall figcaption{font-size:11px;line-height:1.3;padding:22px 5px 9px}.creator-wall img{object-position:center 30%!important}
 .creator-marquee{font-size:16px;padding:17px 0}
 .creator-path-grid{grid-template-columns:1fr}.creator-path-grid article{padding:32px 24px}.creator-path-grid h3{font-size:clamp(30px,8.5vw,43px);line-height:1.17;margin:28px 0 20px}.creator-path-grid p{font-size:16px;line-height:1.8}.creator-path-grid .glass-button{width:100%;padding:15px 13px;font-size:14px}
 .collab-section .section-head h2{font-size:clamp(29px,7.9vw,42px);line-height:1.2}.collab-intro{font-size:17px;line-height:1.8;margin-bottom:28px}
 .roster-name-art{font-size:clamp(26px,7vw,40px);padding:22% 10%}.roster-context{font-size:14px;line-height:1.75}
 .brand-film{height:auto;min-height:430px;padding:56px 6% 88px}.film-lines{height:auto;min-height:160px;margin:28px 0 20px}
 .film-lines h2{font-size:clamp(39px,10.2vw,62px);line-height:1.12;letter-spacing:-.045em;position:static;animation:none;opacity:1;transform:none}
 .film-lines h2:not(:first-child){display:none}.film-content p{font-size:16px;line-height:1.7;max-width:100%;margin:0}.brand-film:after{background:#08090bc9}.motion-toggle{font-size:13px;padding:10px 16px;bottom:22px;right:6%}
 .contact-studio{grid-template-columns:1fr;gap:26px}.contact-studio h2{font-size:clamp(34px,9.2vw,50px);line-height:1.15;letter-spacing:-.04em}.contact-studio p{font-size:17px;line-height:1.8}.contact-options .glass-button{width:100%}.contact-options>a{font-size:15px;overflow-wrap:anywhere}
 .footer{padding:42px 6% 95px}.footer-title{font-size:clamp(36px,10vw,59px);line-height:1.12;letter-spacing:-.045em}.footer-top{margin-bottom:34px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.footer-links a{padding:8px 0;min-height:40px}.footer-bottom,.footer-company{font-size:14px}
 .event-posters{grid-template-columns:1fr}.event-posters article{padding:28px 24px}.event-posters h3{font-size:clamp(43px,12vw,65px);line-height:1.07;letter-spacing:-.055em}.event-row{grid-template-columns:25px minmax(0,1fr);gap:16px}.event-brand img{max-width:90px}.event-brand{gap:12px}
 .whatsapp-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));padding:12px}
 .js .reveal{opacity:1;transform:none;transition:none}
}
@media(max-width:359px){.creator-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-wall figcaption{font-size:12px}.portrait-info>span{font-size:11px}.creator-actions{grid-template-columns:1fr}.hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-art,.liquid-number img,.creator-wall figure,.ticker span,.creator-marquee span{animation:none!important}.js .reveal{opacity:1;transform:none}}