:root{--header-h:88px;--stage-h:max(700px,100svh);--page:clamp(24px,6.15vw,108px)}
.header{display:flex;justify-content:center;column-gap:0;height:88px;background:#08080825;padding:0 24px}
.header.is-scrolled{height:72px;background:#080808e8}
.header nav{display:flex;justify-content:center;width:max-content;max-width:100%;gap:clamp(30px,5vw,78px)}
.header nav>a{font-size:16px;letter-spacing:1px;font-weight:400;line-height:1.5;padding:12px 0;min-height:48px}
.header nav>a:hover{opacity:1}.header nav>a:hover::after,.header nav>a:focus-visible::after{transform:scaleX(1)}
.nav-toggle{display:none}
.hero-content{padding:106px var(--page) 100px;isolation:auto}
.hero-eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:20px;color:#f1f1f1}
.hero h1.official-logo{width:min(600px,66vw);max-width:none;position:relative;aspect-ratio:1.95;overflow:hidden;margin:0 0 30px;flex:none}
.official-logo img{position:absolute;left:0;top:0;transform:translateY(-23%);width:100%;height:auto;filter:url(#logo-ink)}
.hero-line{font-size:20px;color:#eee;line-height:1.65;text-shadow:0 2px 5px #000,0 0 18px #000;max-width:640px}
.hero .button{align-self:center;display:inline-flex;justify-content:center;gap:24px;padding:19px 28px;font-size:12px;letter-spacing:.65px;line-height:1.4;min-height:60px;margin:29px auto 0}
.arrow{display:inline-block;flex:0 0 auto;font-size:25px!important;width:26px;height:28px!important;line-height:28px!important;text-align:center;transition:transform .3s ease}
.button:hover .arrow,.button:focus-visible .arrow{transform:translate(3px,-3px)}
.button{overflow:visible}.hero-bottom{top:calc(var(--stage-h) - 69px)}.hero-bottom>a,.motion-toggle{font-size:11px}
.universe .cosmos,.universe .cosmos.has-canvas{opacity:1}
.universe .cosmos{background-position:83% 38%;animation:universe-framing 14s ease-in-out infinite alternate;inset:-1%}
.universe .cosmos.has-canvas{inset:0;animation:none}
.hero-vignette{background:linear-gradient(180deg,#0003,transparent 30%,transparent 82%,#08080855)}
.horizon-light{position:absolute;z-index:-1;left:82%;top:69%;width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 18px 9px #ffffff70,0 0 95px 25px #ffffff30;pointer-events:none}
.horizon-light::before,.horizon-light::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff8,transparent);height:1px;width:180px;transform:translate(-50%,-50%) rotate(-20deg)}
.horizon-light::after{width:65px;transform:translate(-50%,-50%) rotate(70deg)}
@keyframes universe-framing{from{transform:scale(1.01) translate(0,0)}to{transform:scale(1.04) translate(-.5%,.5%)}}
@media(max-width:900px){.header nav{gap:28px}.header nav>a{font-size:15px}.hero h1.official-logo{width:64vw}}
@media(max-width:700px){
:root{--header-h:76px;--stage-h:max(730px,100svh)}
.header,.header.is-scrolled{height:76px;grid-template-rows:none;display:flex;align-items:center;justify-content:center;padding:0 24px;background:#080808b8}
.header nav{width:100%;display:flex;position:static;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:0 18px;padding:8px 0}
.header nav>a{font-size:12px;letter-spacing:.3px;min-height:26px;padding:3px 0}
.nav-ready .nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:48px;border:0;background:none;color:white;font-size:13px;letter-spacing:1.5px;padding:0}
.nav-toggle-icon{width:22px;height:10px;border-top:1px solid white;border-bottom:1px solid white;transition:transform .3s}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon{transform:rotate(-45deg)}
.nav-ready .header nav{position:absolute;top:76px;left:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:20px 28px 32px;background:#080808f8;border-bottom:1px solid #ffffff30;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;max-height:calc(100svh - 76px);overflow:auto}
.nav-ready .header nav.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.nav-ready .header nav>a{font-size:20px;text-align:left;justify-content:start;padding:13px 0;min-height:48px}
.hero-content{padding:114px 20px 115px}.hero-eyebrow{font-size:10px;letter-spacing:1.1px;max-width:300px;margin-bottom:22px;line-height:1.7}
.hero h1.official-logo{width:100%;max-width:480px;margin-bottom:25px}.hero-line{font-size:17px;max-width:345px;line-height:1.6}
.hero .button{font-size:10px;gap:17px;padding:17px 20px;margin-top:27px;min-height:58px;max-width:100%}.arrow{font-size:23px!important;width:25px}
.hero-bottom>a,.motion-toggle{font-size:10px}.hero-bottom{left:24px;right:24px;gap:12px}.horizon-light{left:77%;top:72%}
.universe .cosmos{background-position:100% center}.universe .cosmos.has-canvas{opacity:1}
}
@media(prefers-reduced-motion:reduce){.universe .cosmos{animation:none}.arrow{transition:none}}
/* Connected scenes: the same point expands into an evolving network. */
.origin-energy{position:absolute!important;inset:0;z-index:1;pointer-events:none;opacity:0;height:100%;aspect-ratio:auto;background:radial-gradient(ellipse at 52% 58%,#ffffff08,transparent 58%)}
.origin-story{background:linear-gradient(180deg,#08080888,#080808);gap:36px}
.cinematic .origin-story{background:none}
.origin-story p{font-size:clamp(29px,3.6vw,58px);text-shadow:0 2px 25px #000}
.origin-point{width:6px;height:6px;position:relative;z-index:3}
.origin-point::after{content:"";position:absolute;inset:-38px;border:1px solid #ffffff28;border-radius:50%;box-shadow:0 0 40px #ffffff12}
.about{padding:130px var(--page) 125px;background:radial-gradient(ellipse at 90% 20%,#15191b,#080808 58%)}
.group-heading{grid-template-columns:1.25fr .75fr;gap:3vw}
.group-heading h2{font-size:clamp(47px,5.8vw,94px)}
.network-art{position:relative;width:100%;aspect-ratio:1/1;min-width:0}
.network-art canvas,.network-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.network-ready .network-fallback{visibility:hidden}
.group-heading .network-art{max-width:510px;justify-self:end;min-height:340px;cursor:crosshair}
.group-copy{margin-top:55px}.group-copy p{font-size:clamp(21px,1.9vw,28px)}.group-caption{font-size:11px;line-height:1.9;letter-spacing:1.3px}
.section-heading{display:block;margin-bottom:70px}.section-heading>p{font-size:20px;line-height:1.7;max-width:665px;margin:32px 0 0 auto}.text-link{font-size:14px}
.philosophy-stage{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#171b1f,#080808 65%);padding-top:70px}
.philosophy-atmosphere{position:absolute;inset:-15% 0;z-index:-1;height:130%;aspect-ratio:auto;opacity:.76;pointer-events:none}
.philosophy-core{z-index:1}.philosophy-words>span{text-shadow:0 4px 55px #000}
.philosophy-statement{font-size:clamp(25px,2.55vw,40px);font-weight:400;line-height:1.45;letter-spacing:-.025em}
.philosophy-bottom{font-size:13px}.cinematic .philosophy-stage{top:72px;height:calc(100svh - 72px)}
.cinematic .philosophy{height:220svh}
.contact-grid>div>p{font-size:18px}
footer{font-size:13px}footer p,.back-top{font-size:12px}
@media(max-width:700px){
.origin-story p{font-size:30px}.origin-energy{height:100%;aspect-ratio:auto}
.about{padding:75px var(--page) 75px}.group-heading{display:block}.group-heading h2{font-size:11.5vw}
.group-heading .network-art{display:block;min-height:0;aspect-ratio:1.3;margin:25px auto 0;max-width:360px}
.group-copy{margin-top:15px}.group-copy p{font-size:19px}.group-caption{font-size:10px}
.section-heading>p{font-size:17px;margin:25px 0 0}.section-heading{margin-bottom:42px}
.philosophy-statement{font-size:23px}.cinematic .philosophy-stage{top:76px;height:calc(100svh - 76px);min-height:440px}
.cinematic .philosophy{height:205svh}.philosophy-bottom{font-size:11px}.contact-grid>div>p{font-size:17px}
}
/* Full-width editorial entries link to dedicated, accessible pages. */
.industry-gallery{display:flex;flex-direction:column;gap:85px}
.industry-entry{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,92px);align-items:center;border-top:1px solid #c9c9c9;padding-top:36px}
.industry-entry:nth-child(even){grid-template-columns:1fr 1.2fr}.industry-entry:nth-child(even) .industry-photo{order:2}
.industry-entry .industry-photo{aspect-ratio:1.24}.industry-entry img{transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:grayscale(1)}
.industry-entry:hover img{transform:scale(1.065)}.industry-entry:hover .arrow{transform:translate(4px,-4px)}
.industry-photo figcaption{position:absolute;z-index:2;bottom:15px;left:18px;font-size:11px;color:#fff;background:#111a;padding:5px 9px;letter-spacing:.4px}
.entry-number{display:block;font-size:67px;line-height:1;font-weight:300;color:#999;letter-spacing:-4px;margin-bottom:26px}
.industry-entry h3{font-size:clamp(30px,3.1vw,48px);line-height:1.1;letter-spacing:-1.6px;font-weight:400;max-width:500px}
.industry-entry p{font-size:18px;line-height:1.7;color:#626262;margin-top:22px;max-width:460px}
.entry-link{display:inline-flex;align-items:center;gap:30px;padding-bottom:7px;border-bottom:1px solid #999;font-size:14px;margin-top:28px}
.industries-bottom{font-size:12px;line-height:1.7}.photo-credits{max-width:470px}.photo-credits summary{min-height:44px}
.inner-page{background:var(--paper)}.inner-page .header{background:#080808ec}
.inner-page h1{font-size:clamp(45px,5.5vw,92px);line-height:1.05;letter-spacing:-.05em;font-weight:400}
.industry-detail-hero{padding:125px var(--page) 70px;background:#080808;color:#eee}
.industry-detail-hero .text-link{margin:0 0 48px}.industry-detail-hero .detail-kicker{font-size:12px;color:#aaa;margin-bottom:25px}
.industry-detail-hero h1{max-width:1000px}.detail-intro{font-size:22px;line-height:1.65;color:#aaa;max-width:750px;margin:35px 0 60px}
.industry-detail-hero figure{width:100%}.industry-detail-hero figure img{width:100%;height:min(60vw,600px);object-fit:cover;filter:grayscale(1)}
.industry-detail-hero figcaption{font-size:12px;line-height:1.6;color:#b0b0b0;margin-top:14px}
.industry-detail-body{padding:90px var(--page);display:grid;grid-template-columns:1fr 1fr;gap:65px}
.industry-detail-body h2{font-size:35px;line-height:1.15}.activity-list{list-style:none;padding:0;margin:30px 0 0}.activity-list li{font-size:20px;padding:20px 0;border-top:1px solid #ccc}
.brand-names{display:flex;flex-wrap:wrap;gap:30px;margin:35px 0;font-size:24px;letter-spacing:-.5px}.industry-detail-body>.text-link{justify-self:start}
@media(max-width:700px){
.industry-gallery{gap:48px}.industry-entry,.industry-entry:nth-child(even){display:flex;flex-direction:column;gap:25px;align-items:stretch;padding-top:23px}.industry-entry:nth-child(even) .industry-photo{order:0}.industry-entry .industry-photo{aspect-ratio:1.2}
.entry-number{font-size:40px;margin-bottom:17px;letter-spacing:-2px}.industry-entry h3{font-size:33px;letter-spacing:-1px}.industry-entry p{font-size:17px;margin-top:15px}.entry-link{font-size:13px;margin-top:20px}
.inner-page h1{font-size:12vw}.industry-detail-hero{padding:109px var(--page) 50px}.industry-detail-hero .text-link{margin-bottom:35px}.detail-intro{font-size:19px;margin:25px 0 40px}
.industry-detail-hero figure img{height:350px}.industry-detail-body{grid-template-columns:1fr;gap:40px;padding:55px var(--page)}.industry-detail-body h2{font-size:29px}.activity-list li{font-size:18px}.brand-names{font-size:22px}
}
/* Forms remain explicitly inactive until delivery and privacy are configured. */
.contact-form-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,6vw,95px);align-items:start}
.contact-editorial h2{font-size:clamp(33px,3.65vw,59px);line-height:1.13}.contact-editorial>p{font-size:19px;line-height:1.7;margin-top:30px;max-width:470px;color:#666}
.contact-editorial .contact-details{margin-top:45px}.contact-details .detail-kicker{font-size:11px}.contact-details a{font-size:clamp(17px,1.7vw,26px)}
.business-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;min-width:0}.field-wide{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:10px;min-width:0}.field label{font-size:14px;color:#333;line-height:1.5}.field label>span{font-size:12px;color:#666}
.field input,.field select,.field textarea{font-family:var(--sans);font-size:16px;color:#111;background:transparent;border:1px solid #bdbdbd;border-radius:0;outline:none;padding:15px 13px;width:100%;min-height:54px;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:130px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111;box-shadow:0 0 0 1px #111}
.field [aria-invalid=true]{border-color:#9b2929}.field-error{font-size:13px;line-height:1.5;color:#872323}.field-error:empty{display:none}
.field small{font-size:12px;line-height:1.65;color:#666}.form-hint{font-size:12px;color:#666}
.form-pending{font-size:14px;line-height:1.7;padding:20px;border-left:2px solid #888;background:#e7e7e7;color:#555}.form-pending a{color:#111;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.consent{font-size:13px;line-height:1.7;display:flex;align-items:flex-start;gap:12px}.consent input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:#111}.consent a{text-decoration:underline;text-underline-offset:3px}.consent small{display:block;color:#666}
.form-status{font-size:14px;line-height:1.65}.form-status:empty{display:none}.form-submit{justify-self:start;margin-top:0!important;gap:28px;font-size:12px;letter-spacing:.4px}
.form-submit:disabled{background:#b4b4b4;color:#333;cursor:not-allowed;transform:none}.form-submit:disabled .arrow{transform:none}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.talent-hero{background:radial-gradient(ellipse at 75% 42%,#1b2025,#080808 63%);color:white;padding:150px var(--page) 90px;display:grid;grid-template-columns:1.3fr .7fr;gap:3vw;align-items:center}
.talent-heading>.eyebrow{font-size:12px;letter-spacing:1.8px;margin-bottom:36px}.talent-heading h1{font-size:clamp(50px,6.5vw,104px)}.talent-intro{font-size:21px;line-height:1.65;color:#bbb;margin-top:35px;max-width:620px}
.talent-network{aspect-ratio:.85;min-height:420px}.application-section{padding:95px var(--page);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.application-section h2{font-size:clamp(33px,3vw,46px)}
.application-section>div>p{font-size:19px;line-height:1.7;color:#666;margin-top:27px}.application-section .application-note{font-size:14px;border-top:1px solid #ccc;padding-top:25px;margin-top:35px}
.privacy-page{padding:130px var(--page) 100px;max-width:1200px;margin:auto}.privacy-page h1{margin-top:35px}.privacy-intro{font-size:21px;line-height:1.7;margin:30px 0 60px;color:#555}.privacy-page section{padding:30px 0;border-top:1px solid #ccc}.privacy-page h2{font-size:30px}.privacy-page section p{font-size:18px;line-height:1.8;max-width:800px;margin-top:25px}
@media(max-width:1000px){.contact-form-layout{grid-template-columns:1fr;gap:55px}.contact-editorial>p{max-width:650px}.contact-editorial .contact-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:25px}.contact-editorial h2{font-size:5vw}.application-section{grid-template-columns:1fr;gap:45px}.application-section .application-note{max-width:600px}}
@media(max-width:700px){.contact-editorial h2{font-size:8.5vw}.contact-editorial>p{font-size:17px}.contact-editorial .contact-details{display:block}.contact-details a{font-size:22px}.business-form{grid-template-columns:1fr;gap:23px}.field-wide{grid-column:auto}.form-pending{font-size:13px;padding:17px}.form-submit{width:100%;justify-content:center}.talent-hero{display:block;padding:115px var(--page) 60px}.talent-heading h1{font-size:12vw}.talent-heading>.eyebrow{font-size:10px;margin-bottom:30px}.talent-intro{font-size:18px}.talent-network{min-height:0;max-width:360px;aspect-ratio:1.5;margin:15px auto 0}.application-section{padding:60px var(--page)}.application-section>div>p{font-size:17px}.privacy-page{padding:110px var(--page) 60px}.privacy-intro{font-size:18px}.privacy-page h2{font-size:26px}.privacy-page section p{font-size:16px}}

@media(max-width:700px){.header.is-scrolled{background:#080808ed}.cinematic .philosophy-words>span:not(:last-child){font-size:20vw}}