/* Theme overrides shared by both experiments. The baseline remains untouched. */
:root{--body:'Manrope',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--on-accent:#fff}
html{scroll-padding-top:24px}
body.theme-experiment{font-family:var(--body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
.theme-experiment h1,.theme-experiment h2,.theme-experiment h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;font-style:normal}
.theme-experiment h2{font-size:clamp(2.3rem,4.4vw,4.6rem);line-height:1.08}
.theme-experiment h2>span,.theme-experiment h1>span{font-style:normal;color:var(--accent)}
.wrap,.header{width:calc(100% - 96px);max-width:1360px}
.header{height:88px;border-color:var(--line);gap:24px}
.brand{min-width:190px;gap:10px}.brand-symbol{color:var(--ink);width:36px;height:36px}
.brand-name,.brand-name strong{font-family:var(--body);font-size:1rem;font-weight:600;letter-spacing:-.045em;color:var(--ink)}
.brand-name strong{font-weight:800}.desktop-nav{font-size:.875rem;gap:32px}.desktop-nav a:hover{background:transparent;color:var(--accent)}
.header-project{font-size:.875rem;padding:12px 20px;border:1px solid var(--line);border-radius:100px;color:var(--ink);background:transparent}
.header-project:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.button,.filter{border-radius:100px}.button{font-size:.9375rem;min-height:50px;gap:20px;padding:14px 23px;font-weight:600}
.button.blue,.cta .button.white{background:var(--blue);border-color:var(--blue);color:white}.button.blue:hover,.cta .button.white:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--soft);color:var(--ink);border-color:var(--muted)}
.inline-link{border-color:var(--line);font-size:.9375rem;color:var(--ink)}.inline-link:hover{color:var(--accent);border-color:var(--accent)}
.experiment-switch{min-height:42px;padding:9px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:18px;background:var(--labbar);color:var(--muted);border-bottom:1px solid var(--line);font-size:.75rem;line-height:1.5}
.experiment-switch>a{font-weight:800;color:var(--ink)}.experiment-switch>span{border-left:1px solid var(--line);padding-left:18px}.experiment-switch nav{margin-left:auto;display:flex;gap:5px}
.experiment-switch nav a{padding:3px 12px;border-radius:99px}.experiment-switch nav a[aria-current]{background:var(--ink);color:var(--paper)}
.lab-hero.cinema-hero{width:100%;max-width:none;margin:0;min-height:0;height:auto;display:flex;flex-direction:column;align-items:center;border:0;border-radius:0;padding:38px 24px 42px;overflow:hidden;background:var(--hero-paper);color:var(--ink)}
.lab-hero .hero-topline{position:static;inset:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 28px;padding:0;text-align:center;color:var(--muted);z-index:1;width:auto}
.lab-hero .hero-topline .eyebrow,.lab-hero .hero-topline>span{font-family:var(--body);font-size:.75rem;line-height:1.5;letter-spacing:.04em;font-weight:500;color:var(--muted)}
.lab-title{position:relative;text-align:center;z-index:2;margin-top:32px;width:100%}
.lab-title h1{color:var(--ink);margin:0;font-size:clamp(4rem,8.8vw,9.5rem);line-height:.98;font-weight:800;letter-spacing:-.075em}
.lab-title h1>span{font-style:normal}
.lab-film{position:relative;isolation:isolate;width:min(100%,1120px);aspect-ratio:2.12;background:#173d44;margin:40px auto 0;overflow:hidden;border-radius:24px}
.lab-film .ark-hero-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;opacity:1;z-index:0}
.lab-film-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(3,9,16,.4));pointer-events:none;z-index:1}
.lab-film .hero-feature{position:absolute;inset:auto 24px 24px auto;display:block;margin:0;width:auto;max-width:250px;padding:12px 18px;text-align:left;border:1px solid #ffffff80;border-radius:14px;background:#ffffffed;color:#111d28;z-index:3;backdrop-filter:blur(12px)}
.lab-film .hero-feature>span{font-size:.75rem;letter-spacing:0;color:#465361}.lab-film .hero-feature strong{font-family:var(--body);font-size:1rem;line-height:1.5;font-weight:700;letter-spacing:-.03em;color:#111d28;display:flex;gap:20px;align-items:center}.lab-film .hero-feature strong svg{width:16px;height:16px;color:inherit}
.lab-film .hero-video-toggle{position:absolute;inset:auto auto 26px 24px;z-index:4;width:42px;height:42px;border:1px solid #ffffff90;background:#0a172dcc;color:white;border-radius:50%;transform:none}
.lab-film .hero-audio-toggle{position:absolute;inset:auto auto 26px 74px;z-index:4;height:42px;border:1px solid #ffffff90;background:#0a172dcc;color:white;border-radius:99px;padding:0 13px;transform:none;font-size:.8125rem}
.lab-film .hero-audio-toggle:hover,.lab-film .hero-video-toggle:hover{background:#000;color:white}
.lab-intro{max-width:750px;text-align:center;margin:34px auto 0;z-index:2}.lab-intro>p{color:var(--muted);font-size:1.0625rem;line-height:1.85}.lab-intro .cinema-actions{justify-content:center;display:flex;flex-wrap:wrap;gap:12px;margin:23px 0 0}
.lab-scroll{position:static;margin-top:30px;z-index:2}.lab-scroll .scroll-prompt{font-size:.8125rem;color:var(--muted)}.lab-scroll .scroll-prompt>span{border-color:var(--line)}
.studio-line{font-family:var(--body);font-size:.8125rem;line-height:1.6;color:var(--muted);border-color:var(--line);letter-spacing:0}.studio-line i{color:var(--accent)}
.eyebrow,.small-meta,.gallery-count,.film-slot,.film-state,.service-tags,.step-counter,.viewer-bar>p{font-family:var(--body);letter-spacing:.035em}
.eyebrow,.index,.production-number{color:var(--accent)}
.section{padding-top:100px;padding-bottom:100px}.production-section{padding-top:80px}
.production-heading h2{font-family:var(--display);font-weight:700;letter-spacing:-.055em;max-width:850px;color:var(--ink)}
.production-grid{gap:20px}.production-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card);display:flex;flex-direction:column}
.production-card h3{font-family:var(--display);font-size:1.6rem;font-weight:700;line-height:1.25;letter-spacing:-.04em;min-height:0;color:var(--ink)}
.production-card>p{max-width:none;font-size:1rem;line-height:1.75;color:var(--muted)}.production-card .inline-link{margin-top:auto;padding-top:24px;align-self:flex-start}
.screening-section{padding-top:80px}.screening-heading h2,.starting-section h2{font-weight:700;letter-spacing:-.055em}.screening-intro>p{color:var(--muted);line-height:1.8}
.gallery-toolbar{border-color:var(--line);gap:20px;padding:18px 0}.filter-list{gap:4px}.filter{font-size:.875rem;padding:10px 15px;color:var(--muted)}
.filter.active{background:var(--blue);border-color:var(--blue);color:white}.filter:not(.active):hover{background:var(--soft);color:var(--ink)}
.sample-row+.sample-row{border-color:var(--line)}.sample-row-heading h3{font-family:var(--display);font-size:clamp(1.4rem,2.15vw,1.85rem);line-height:1.3;font-weight:700;letter-spacing:-.035em}
.sample-row-controls button{border-color:var(--line);color:var(--ink)}.sample-row-controls button:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:white}
.film-cover{border-radius:15px;border-color:var(--line);background:var(--soft)}.film-cover>img{filter:none}.film-cover:hover>img{filter:brightness(.95)}.film-cover:hover .film-open{background:var(--blue);color:white;border-color:white}
.film-slot{background:#fffffff0;border-color:#ffffff90;color:#17212e;border-radius:5px}.film-open{border-radius:50%;background:#111a27aa;color:white}.film-state,.film-hover-label{color:white}
.film-caption h3{font-family:var(--body);font-size:1.2rem;line-height:1.35;font-weight:700;letter-spacing:-.035em}.film-caption p{font-size:.875rem;line-height:1.65;color:var(--muted)}.film-detail-link{color:var(--accent)}
.collection-note,.gallery-count{color:var(--muted)}
.craft-card{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:28px}.craft-card:hover{background:var(--soft);border-color:var(--accent)}.craft-card>span{color:var(--accent)}.craft-card h3{font-family:var(--display);font-size:2rem;line-height:1.15;letter-spacing:-.05em}.craft-card>p{font-size:1rem;color:var(--muted);line-height:1.8}
.human-section{background:var(--panel);color:var(--ink);border-color:var(--line)}.human-section h2{font-weight:700;letter-spacing:-.055em}.human-section h2>span{color:var(--accent)}.human-section .eyebrow{color:var(--accent)}.human-section .wrap>div>p{color:var(--muted);line-height:1.8}.human-section .inline-link{color:var(--ink);border-color:var(--line)}
.starting-links span{font-family:var(--display);font-weight:600;letter-spacing:-.04em}.starting-links small{font-family:var(--body);font-size:.8125rem;color:var(--muted)}
.cta{background:var(--panel);color:var(--ink);border-color:var(--line);padding-top:70px;padding-bottom:75px}.cta h2{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.06em;color:var(--ink)}.cta-main p,.cta-meta .eyebrow,.cta-index{color:var(--muted)}
.footer{background:var(--paper);color:var(--ink)}.footer-brand{font-family:var(--body);font-size:1.4rem;font-weight:700;letter-spacing:-.04em}.footer-brand>span{font-family:var(--body);font-weight:400}.footer-wordmark{font-family:var(--display);color:var(--ink);font-weight:700;letter-spacing:-.05em}.footer-wordmark>span{color:var(--accent)}.footer-brand>span,.footer-top p,.footer-bottom{color:var(--muted)}.footer-bottom{border-color:var(--line)}
.page-title-row h1,.project-title-row h1,.studio-hero h1,.brief-heading h1{font-family:var(--display);font-weight:700;letter-spacing:-.06em;line-height:1.06}.page-title-row>p,.project-story p,.service-block>div>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.8}
.service-block{border-color:var(--line)}.service-block h2,.project-story h2{font-weight:700;letter-spacing:-.05em}.service-big-number{font-family:var(--body);font-size:1.4rem;color:var(--accent)}.service-tags li{border-color:var(--line);font-size:.875rem}
.service-block .editorial-note{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:20px}.editorial-note blockquote{font-family:var(--display);font-weight:600;letter-spacing:-.04em;font-style:normal}.editorial-note .eyebrow{color:var(--accent)}
.service-block>img,.project-cover,.project-expand{border-radius:20px;border-color:var(--line);filter:none}.process-grid>div,.principle-list>div{border-color:var(--line)}.process-grid h3,.principle-list h3{font-family:var(--display);font-weight:700}.concept-disclosure{border-color:var(--accent)}
.project-form{background:var(--card);border-color:var(--line);border-radius:20px}.brief-step h2{font-family:var(--display);font-weight:700;letter-spacing:-.04em}.path-options label{background:var(--paper);border-color:var(--line);border-radius:12px}.path-options label:has(input:checked){background:var(--soft);border-color:var(--blue)}
.form-field input,.form-field textarea,.form-field select,#copy-fallback{background:var(--paper);border-color:var(--line);color:var(--ink);border-radius:10px;font-size:1rem}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.brief-result{background:var(--soft);border-color:var(--blue);border-radius:12px}
.film-viewer{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px}.film-viewer::backdrop{background:#030511da;backdrop-filter:blur(12px)}.viewer-bar{border-color:var(--line)}.viewer-info h2{font-family:var(--display);font-weight:700;letter-spacing:-.04em}.viewer-info #viewer-description,.viewer-status{color:var(--muted)}.viewer-control{background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:50%}.viewer-control:hover{background:var(--blue);color:white}
.mobile-menu{background:var(--paper);border-color:var(--line);color:var(--ink)}.menu-toggle{background:transparent;border-color:var(--line);color:var(--ink)}.menu-toggle span{background:var(--ink)}
.theme-experiment :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1024px){.wrap,.header{width:calc(100% - 56px)}.production-grid{grid-template-columns:1fr}.production-card h3{font-size:1.75rem}.production-card>p{max-width:70ch}.lab-film{width:100%}.header{gap:18px}.desktop-nav{gap:20px}.header-project{gap:12px}}
@media(max-width:760px){.wrap,.header{width:calc(100% - 36px)}.header{height:74px}.brand-name,.brand-name strong{font-size:1rem}.brand{min-width:0}.experiment-switch{padding:8px 18px;gap:10px}.experiment-switch>span{display:none}.experiment-switch nav a{padding:3px 10px}.lab-hero.cinema-hero{padding:32px 18px 34px}.lab-hero .hero-topline>span{display:none}.lab-title{margin-top:26px}.lab-title h1{font-size:clamp(3.1rem,12vw,5.6rem);line-height:1.01}.lab-film{aspect-ratio:1.4;margin-top:28px;border-radius:20px}.lab-film .ark-hero-video{object-position:center;height:100%;inset:0}.lab-film .hero-feature{inset:auto 12px 12px auto;padding:8px 10px;max-width:180px;border-radius:10px}.lab-film .hero-feature strong{font-size:.8125rem;gap:9px}.lab-film .hero-feature>span{font-size:.6875rem}.lab-film .hero-video-toggle{left:12px;bottom:18px;width:36px;height:36px}.lab-film .hero-audio-toggle{left:54px;bottom:18px;height:36px;padding:0 9px;font-size:.75rem;gap:5px}.lab-film .hero-audio-toggle svg{width:16px;height:16px}.lab-intro{margin-top:26px}.lab-intro>p{font-size:1rem;line-height:1.8}.lab-intro>p br{display:none}.lab-intro .cinema-actions{gap:10px}.lab-intro .button{font-size:.875rem;padding:12px 16px;min-height:46px;gap:10px}.studio-line{font-size:.75rem;line-height:1.8;gap:12px}.section{padding-top:64px;padding-bottom:64px}.production-section{padding-top:54px}.production-card{padding:24px}.theme-experiment h2{font-size:2.35rem}.screening-heading{gap:26px}.sample-row-heading h3{font-size:1.5rem}.film-caption h3{font-size:1.125rem}.film-caption p{font-size:.8125rem}.page-title-row h1,.project-title-row h1,.studio-hero h1,.brief-heading h1{font-size:clamp(2.6rem,10vw,4.5rem)}.cta h2{font-size:clamp(2.6rem,10vw,4.5rem)}.footer-wordmark{font-size:8vw}.project-form{border-radius:16px}.production-heading h2{font-size:2.35rem}}
@media(max-width:390px){.lab-film .hero-feature{max-width:142px}.lab-film .hero-feature strong{font-size:.75rem}.lab-film .hero-feature .arrow{display:none}.lab-film .hero-audio-toggle span{font-size:.6875rem}.lab-film .hero-audio-toggle{padding:0 7px}}