/* Dark is the studio default; the visitor may explicitly switch to light. */
:root{color-scheme:dark;--paper:#101312;--paper-light:#171b19;--ink:#f2ede4;--muted:#aeb6ae;--line:rgba(242,237,228,.24);--acid:#ffe600;--cyan:#00d8f5;--coral:#ff2bd6;--violet:#ff2bd6;--yellow:#ffe600;--green:#c1e076;--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--work-surface:#1d2421;--secondary-copy:#b5bdb6;--work-copy:#bbc3bc;--small-copy:#aab4aa;--placeholder:#9ca89e;--form-border:#88928a;--form-feedback:#bbc5bc;--error:#ffb4a8;--success:#a3eac1;--hover-surface:rgba(248,246,240,.055);--intermission-bg:#252a27;--intermission-text:#f2ede4;--intermission-copy:#d2d7d0;--form-shadow:#354039;--on-yellow:#171a18;--focus:#00d8f5;--work-arrow:#b6c2bb;--text-link-hover:var(--cyan)}
:root[data-theme="light"]{color-scheme:light;--paper:#f1eee6;--paper-light:#f8f6f0;--ink:#191b1a;--muted:#5d605c;--line:rgba(25,27,26,.23);--work-surface:#d8d7cf;--secondary-copy:#3c3e3d;--work-copy:#464947;--small-copy:#555954;--placeholder:#747872;--form-border:#757975;--form-feedback:#4e514d;--error:#a13525;--success:#246b41;--hover-surface:rgba(248,246,240,.35);--intermission-bg:#191b1a;--intermission-text:#f1eee6;--intermission-copy:#cecec8;--form-shadow:#191b1a;--on-yellow:#191b1a;--focus:#1a8f9c;--work-arrow:#666960;--text-link-hover:#b14d3e}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:var(--cyan);color:#101312}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.mono{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;letter-spacing:.105em;font-weight:700;font-size:11px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.075em}p{line-height:1.65}.skip-link{position:absolute;left:16px;top:-80px;z-index:300;padding:12px 18px;background:white}.skip-link:focus{top:16px}.site{width:100%;overflow:clip}.page-pad{padding-left:clamp(24px,5vw,100px);padding-right:clamp(24px,5vw,100px)}
/* Scroll ident uses only the canonical original arm paths and existing brand colors. */















/* Global shell */
.site-header{height:94px;padding:0 clamp(24px,5vw,100px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}.site-logo{text-decoration:none;display:flex;gap:12px;align-items:center;flex-shrink:0}.logo-mark{width:42px;height:43px;object-fit:contain;display:block;flex-shrink:0}.logo-type{font-size:23px;line-height:.83;letter-spacing:-.065em;font-weight:900}.logo-type>span{display:block;letter-spacing:.33em;font-size:10px;margin-top:7px}.nav{display:flex;gap:clamp(20px,2.8vw,52px);align-items:center}.nav a,.mobile-nav{text-decoration:none;white-space:nowrap;transition:opacity .2s}.nav a:hover,.mobile-nav:hover{opacity:.6}.nav-cta{background:var(--ink);color:var(--paper);padding:15px 22px;display:flex;gap:30px;align-items:center}.mobile-nav{display:none}
/* Hero */
.hero{padding:24px clamp(24px,5vw,100px) 0}.hero-kicker,.hero-rule{display:flex;justify-content:space-between;gap:24px}.hero-kicker{padding:8px 0 28px}.live-dot,.contact-indicator{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--coral);margin-right:10px;vertical-align:1px;box-shadow:0 0 0 4px rgba(239,106,91,.12)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(295px,.54fr);min-height:min(690px,75vh);border:1px solid var(--ink)}.hero-primary{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4vw,70px) clamp(28px,4.4vw,85px) 42px 0;min-width:0;border-right:1px solid var(--ink)}.hero .eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:11px;max-width:700px}.hero h1{font-size:clamp(58px,7.6vw,144px);line-height:.88;margin:clamp(38px,5vw,100px) 0 clamp(45px,5vw,94px);overflow-wrap:normal}.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.79em;letter-spacing:-.082em;white-space:nowrap}.punctuation{color:var(--coral)}.hero-bottom{display:flex;gap:24px;align-items:end;justify-content:space-between}.hero-bottom p{font-size:clamp(18px,1.8vw,23px);line-height:1.4;max-width:490px;margin:0;letter-spacing:-.025em}.text-link{flex-shrink:0;display:flex;gap:25px;align-items:center;text-decoration:none;border-bottom:2px solid var(--ink);padding:0 0 13px;font-size:11px;letter-spacing:.1em;font-weight:800}.text-link:hover{color:var(--text-link-hover)}.hero-art{min-height:560px;background:#000;position:relative;color:#f2ede4;display:flex;flex-direction:column;overflow:hidden}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:8px;padding:22px;position:relative;z-index:2;font-size:10px}.art-bottom{margin-top:auto;align-items:center}.art-bottom span:last-child{font-size:28px}.film-stage{position:relative;flex:1;min-height:380px;display:grid;place-items:center;isolation:isolate}
.hero-canonical-logo{position:relative;display:block;width:min(84%,330px);height:min(90%,470px);object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.15));animation:identity-float 9s ease-in-out infinite}
@keyframes identity-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.orbit-type{position:absolute;z-index:4;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px}.orbit-type span{color:var(--yellow);padding:0 10px}@keyframes frame-float{0%,100%{translate:0 0}50%{translate:3px -9px}}.hero-rule{padding:20px 0 22px;border-bottom:1px solid var(--ink)}
/* Ticker */
.ticker{white-space:nowrap;background:var(--acid);color:var(--on-yellow);overflow:hidden;border-bottom:1px solid var(--ink);height:68px;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;width:max-content;animation:marquee 32s linear infinite;font-size:23px;line-height:1;font-weight:900;letter-spacing:-.055em}.ticker-track span{padding-right:26px}.ticker-track b{font-size:29px;margin:0 32px;color:var(--coral)}@keyframes marquee{to{transform:translateX(-50%)}}
/* Studio */
.section-index{display:flex;justify-content:space-between;gap:15px;padding:33px 0 0;border-top:1px solid var(--ink)}.studio-section{padding-top:118px;padding-bottom:145px}.studio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding-top:74px}.studio-grid h2,.work-intro h2,.contact-intro h2{font-size:clamp(64px,7.5vw,148px);line-height:.89;margin:0}.studio-grid h2 em,.work-intro h2 em,.contact-intro h2 em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:.82em;letter-spacing:-.085em}.studio-copy{padding:16px 0 0;max-width:590px}.asterisk{font-size:72px;color:var(--coral);line-height:1;margin-bottom:34px}.studio-copy .lead{font-size:clamp(25px,2.25vw,37px);line-height:1.26;font-weight:700;letter-spacing:-.055em;margin:0 0 34px}.studio-copy p:not(.lead){font-size:17px;max-width:480px;color:var(--secondary-copy)}.studio-copy .micro{border-top:1px solid var(--ink);margin-top:45px;padding-top:18px;font-size:11px;color:var(--ink)}
/* What we make */
.work-section{background:var(--work-surface);padding-top:90px;padding-bottom:120px}.work-intro{display:flex;gap:80px;justify-content:space-between;align-items:end;padding:65px 0 88px}.work-intro h2{font-size:clamp(55px,6.9vw,120px)}.work-intro p{font-size:19px;max-width:360px;margin-bottom:0}.work-stack{border-top:1px solid var(--ink)}.work-item{border-bottom:1px solid var(--ink);display:grid;grid-template-columns:160px minmax(0,1fr) 164px;gap:28px;align-items:center;padding:39px 0;transition:padding .35s,background .35s}.work-item:hover{padding-left:14px;padding-right:14px;background:var(--hover-surface)}.work-number{align-self:start;padding-top:12px}.work-item h3{font-size:clamp(37px,4.8vw,87px);margin:0 0 14px;line-height:1;letter-spacing:-.07em}.word-arrow{display:inline-block;font-family:Arial,sans-serif;font-style:normal;font-size:.4em;font-weight:300;margin-left:18px;vertical-align:top;color:var(--work-arrow)}.work-item p{font-size:16px;max-width:520px;margin:0;color:var(--work-copy)}.work-art{width:164px;height:132px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-art-one{background:var(--yellow)}.work-art-one i{width:47px;height:47px;position:absolute;border:12px solid #181b19;border-radius:50%;transform:translate(-24px,-10px)}.work-art-one i:nth-child(2){transform:translate(22px,14px);border-color:var(--coral)}.work-art-one i:nth-child(3){transform:translate(12px,-31px);border-color:var(--cyan)}.work-art-two{background:var(--cyan)}.work-art-two i{position:absolute;width:80px;height:80px;background:var(--ink);transform:rotate(22deg) translate(-11px,0)}.work-art-two i:nth-child(2){background:var(--paper);transform:rotate(22deg) translate(22px,0);width:50px;height:50px}.work-art-three{background:var(--violet)}.work-art-three i{position:absolute;height:13px;width:120px;background:var(--ink);transform:rotate(-40deg)}.work-art-three i:nth-child(2){transform:rotate(40deg)}.work-art-three i:nth-child(3){width:27px;height:27px;background:var(--yellow);border-radius:50%}
/* Editorial intermission */
.intermission{background:var(--intermission-bg);color:var(--intermission-text);min-height:750px;display:flex;flex-direction:column;padding:38px clamp(24px,5vw,100px) 28px;position:relative;overflow:hidden}.intermission-meta,.intermission-base{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.intermission-content{margin:auto 0;position:relative;z-index:2;padding:62px 0 72px}.intermission h2{font-size:clamp(58px,8.5vw,160px);line-height:.9;margin-bottom:37px;max-width:1330px}.intermission h2 em{font-family:var(--serif);color:var(--acid);font-weight:400;font-style:italic;letter-spacing:-.08em}.intermission-content p{font-size:20px;max-width:420px;margin:0;color:var(--intermission-copy)}
/* Contact */
.contact-section{padding-top:120px;padding-bottom:120px;background:var(--paper-light)}.contact-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(410px,1.05fr);gap:clamp(45px,7vw,120px);padding-top:66px}.contact-intro{display:flex;flex-direction:column}.contact-intro h2{font-size:clamp(70px,7.5vw,137px)}.contact-intro>p{font-size:clamp(20px,2vw,28px);line-height:1.36;max-width:480px;margin:40px 0 0}.contact-footnote{margin-top:auto;max-width:330px;line-height:1.8;color:var(--small-copy);font-size:10px;padding-top:60px}.contact-indicator{background:var(--cyan);width:7px;height:7px;box-shadow:none;margin-right:7px}.form-shell{background:var(--paper);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--form-shadow)}.form-title{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--on-yellow);padding:22px 30px;background:var(--acid);color:var(--on-yellow)}form{padding:32px}form label{font-size:11px;letter-spacing:.06em;font-weight:800;display:flex;flex-direction:column;gap:10px;margin-bottom:22px}form label span{color:var(--coral)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}form input,form select,form textarea{background:transparent;border:0;border-bottom:1px solid var(--form-border);color:var(--ink);padding:14px 0 15px;width:100%;min-width:0;border-radius:0;outline-offset:3px;font-size:16px;font-weight:400;letter-spacing:0;transition:border-color .2s}form input:hover,form select:hover,form textarea:hover{border-color:var(--ink)}form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--focus);outline-offset:4px}form input::placeholder,form textarea::placeholder{color:var(--placeholder);opacity:1}form textarea{resize:vertical;min-height:120px}form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23191b1a' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:28px}.honeypot{position:absolute;left:-10000px;height:0;overflow:hidden}.captcha-container{margin:14px 0 4px;min-height:4px}.form-feedback{font-size:13px;color:var(--form-feedback);margin:10px 0 20px;line-height:1.5;min-height:20px}.form-feedback.error{color:var(--error)}.form-feedback.success{color:var(--success)}.submit-row{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.submit-row button{display:flex;justify-content:space-between;align-items:center;gap:48px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);padding:19px 22px;font-size:12px;font-weight:900;letter-spacing:.06em;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.submit-row button:hover:not(:disabled){background:var(--coral);color:var(--ink);transform:translateY(-2px)}.submit-row button:disabled{opacity:.42;cursor:not-allowed}.submit-row p{margin:0;font-size:11px;line-height:1.4;color:var(--small-copy);max-width:230px}
/* Footer */
.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper);border-top:1px solid var(--ink);padding:45px clamp(24px,5vw,100px);flex-wrap:wrap}.footer-mark{font-size:19px;font-weight:900;letter-spacing:-.08em;text-decoration:none}.footer-accent{color:var(--coral)}
/* Reveal */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1250px){.hero h1{font-size:clamp(58px,7.2vw,110px)}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr)}.hero-primary{padding-left:30px}.studio-grid h2{font-size:clamp(60px,7.5vw,105px)}.work-item{grid-template-columns:110px minmax(0,1fr) 130px}.work-art{width:130px;height:118px}.contact-grid{gap:45px}.submit-row{flex-direction:column;align-items:stretch}.submit-row button{width:100%}.submit-row p{max-width:100%}}
@media(max-width:900px){.site-header{height:78px}.nav a:not(.nav-cta){display:none}.nav-cta{padding:13px 16px}.hero-grid{grid-template-columns:1fr}.hero-primary{border-right:0;border-bottom:1px solid var(--ink);min-height:540px;padding:40px 32px 34px}.hero h1{font-size:clamp(62px,11vw,115px);margin:54px 0}.hero-art{min-height:410px}.film-stage{min-height:280px}.film-outline{width:260px;height:260px;border-width:28px}.studio-grid{gap:40px;grid-template-columns:1fr}.studio-grid h2{font-size:clamp(66px,11vw,118px)}.studio-copy{padding-left:20%;max-width:720px}.studio-section{padding-top:95px;padding-bottom:100px}.work-intro{align-items:start;flex-direction:column;gap:30px}.work-item{grid-template-columns:85px minmax(0,1fr) 120px;gap:20px}.work-art{width:120px;height:108px}.contact-grid{grid-template-columns:1fr}.contact-intro>p{max-width:620px}.contact-footnote{margin-top:25px}.form-shell{max-width:720px}}
@media(max-width:610px){html{scroll-padding-top:72px}.mono{font-size:9px;letter-spacing:.08em}.site-header{padding:0 22px;height:75px}.logo-mark{height:34px;width:35px;gap:2px}.logo-mark i{width:6px}.logo-type{font-size:21px}.logo-type span{font-size:9px}.nav{display:none}.mobile-nav{display:block;font-size:10px}.hero{padding:14px 18px 0}.hero-kicker>span:last-child{display:none}.hero-kicker{padding:13px 4px 21px}.hero-primary{padding:32px 20px;min-height:425px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(44px,10.1vw,71px);margin:52px 0 45px;letter-spacing:-.082em}.hero h1 em{font-size:.77em}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.hero-bottom p{font-size:17px}.hero-art{min-height:355px}.film-outline{width:230px;height:230px;border-width:27px}.hero-rule{padding:18px 4px}.hero-rule span:first-child{display:none}.ticker{height:53px}.ticker-track{font-size:17px}.ticker-track b{font-size:19px;margin:0 18px}.section-index span:last-child{max-width:45%;text-align:right}.studio-section{padding-top:76px;padding-bottom:94px}.studio-grid{padding-top:48px}.studio-grid h2,.work-intro h2,.contact-intro h2{font-size:clamp(54px,13vw,85px)}.studio-copy{padding-left:0}.asterisk{margin:0 0 20px}.studio-copy .lead{font-size:26px}.studio-copy p:not(.lead){font-size:15px}.work-section{padding-top:73px;padding-bottom:75px}.work-intro{padding:45px 0 48px}.work-intro p{font-size:16px}.work-item{grid-template-columns:1fr 70px;grid-template-areas:'num art' 'content content';padding:24px 0;gap:14px}.work-number{grid-area:num;padding-top:0}.work-item>div{grid-area:content}.work-art{grid-area:art;width:70px;height:58px}.work-art-one i{width:27px;height:27px;border-width:7px;transform:translate(-11px,-5px)}.work-art-one i:nth-child(2){transform:translate(11px,8px)}.work-art-one i:nth-child(3){transform:translate(5px,-15px)}.work-art-two i{width:43px;height:43px}.work-art-two i:nth-child(2){width:25px;height:25px}.work-art-three i{width:55px;height:7px}.work-art-three i:nth-child(3){width:17px;height:17px}.work-item h3{font-size:clamp(36px,9.6vw,56px)}.word-arrow{margin-left:10px}.work-item p{font-size:14px}.intermission{min-height:590px;padding-top:29px}.intermission h2{font-size:clamp(46px,10.2vw,76px)}.intermission-content p{font-size:16px}.contact-section{padding-top:80px;padding-bottom:90px}.contact-grid{padding-top:47px;gap:45px}.contact-intro>p{font-size:20px;margin-top:28px}.form-shell{box-shadow:7px 7px 0 var(--ink)}.form-title{padding:20px}.form-title span:last-child{display:none}form{padding:25px 20px}.form-pair{grid-template-columns:1fr;gap:0}.submit-row button{gap:18px}.footer{padding:38px 24px;gap:18px}.footer>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}

/* Exact-brand integration */
.replay-ident{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;letter-spacing:inherit;padding:6px 0;border-bottom:1px solid currentColor}
.replay-ident:hover{opacity:.65}
@media(max-width:640px){.hero-canonical-logo{height:330px;max-width:74%}}
@media(prefers-reduced-motion:reduce){.hero-canonical-logo{animation:none}}

/* Theme switch. The default visual state is DARK, independent of OS preference. */
.header-actions{display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin-left:auto}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:130px;padding:10px 13px;border:1px solid var(--ink);background:transparent;color:var(--ink);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.theme-toggle:hover{background:var(--ink);color:var(--paper)}
.theme-toggle .theme-moon{display:none}
:root[data-theme="light"] .theme-toggle .theme-sun{display:none}
:root[data-theme="light"] .theme-toggle .theme-moon{display:block}
.theme-icon{display:block;flex:none}
form select option{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23f2ede4' stroke-width='2'/%3E%3C/svg%3E")}
@media(max-width:900px){.header-actions{gap:16px}.theme-toggle{min-width:118px;padding:10px 12px}}
@media(max-width:610px){.header-actions{gap:10px}.theme-toggle{min-width:0;font-size:9px;padding:9px 10px}.theme-icon{width:15px;height:15px}.mobile-nav{font-size:9px}}
@media(max-width:375px){.header-actions{gap:9px}.theme-toggle{padding:9px;min-width:42px;min-height:42px}.theme-toggle #theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav{font-size:9px;letter-spacing:0}.logo-type{font-size:18px}.logo-type>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

/* Programmatic focus does not obscure the page; keyboard focus stays visible. */
#main:focus{outline:none}

/* v0.5 — contact-first composition. The form is the primary conversion action. */
.contact-hero{padding-top:16px;padding-bottom:0}
.contact-hero .hero-kicker{padding:15px 0 22px}
.contact-hero-grid{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);gap:0;border:1px solid var(--ink);min-width:0}
.contact-hero-intro{background:var(--paper);min-width:0;padding:clamp(26px,3.8vw,68px);padding-bottom:28px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:32px;justify-content:space-between}
.contact-eyebrow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}
.contact-eyebrow>span:last-child{font-size:20px;color:var(--cyan)}
.contact-headline .intro-line{margin:0 0 28px;font-size:10px;color:var(--muted)}
.contact-headline h1{font-size:clamp(60px,7.3vw,126px);line-height:.87;letter-spacing:-.083em;margin:0 0 31px}
.contact-headline h1 em{font-family:var(--serif);font-size:.70em;line-height:1.02;font-weight:400;letter-spacing:-.095em}
.contact-hero-lede{font-size:clamp(19px,1.85vw,25px);max-width:510px;line-height:1.35;letter-spacing:-.025em;margin-bottom:25px}
.contact-jump{display:inline-flex;align-items:center;gap:45px;padding:14px 0;border-bottom:2px solid var(--ink);text-decoration:none;font-size:11px}
.contact-jump:hover{color:var(--cyan);border-color:var(--cyan)}
.contact-jump span{font-size:18px}
.contact-identity{background:#050505;color:#f2ede4;padding:17px 20px 13px;display:grid;grid-template-rows:auto 125px auto;justify-items:center;gap:6px;min-width:0}
.contact-identity-head{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;font-size:9px;color:#b9c5be}
.contact-identity img{height:122px;max-width:55%;object-fit:contain}
.contact-identity-foot{font-size:9px;justify-self:stretch;text-align:center;color:#b9c5be}
.contact-identity-foot b{font-size:12px;margin:0 7px;color:#ff2bd6}
.contact-hero-form{padding:clamp(22px,3.4vw,58px);background:var(--paper-light);min-width:0;scroll-margin-top:100px}
.contact-form-heading .mono{color:var(--muted);font-size:10px}
.contact-form-heading h2{font-size:clamp(32px,3.55vw,59px);letter-spacing:-.068em;line-height:1.08;margin:18px 0 7px}
.contact-form-heading h2 em{font-family:var(--serif);font-style:italic;font-size:.92em;font-weight:400}
.contact-form-heading p{font-size:14px;color:var(--secondary-copy);line-height:1.55;margin:0 0 24px;max-width:540px}
.contact-hero-form .form-shell{box-shadow:8px 8px 0 var(--form-shadow)}
.contact-hero-form .form-title{padding:14px 22px;font-size:10px}
.contact-hero-form form{padding:20px 22px 22px}
.contact-hero-form form label{margin-bottom:16px;gap:7px;font-size:10px}
.contact-hero-form form input,.contact-hero-form form select,.contact-hero-form form textarea{padding:10px 0 12px}
.contact-hero-form form textarea{min-height:82px}
.contact-hero-form .form-pair{gap:16px}
.contact-hero-form .form-feedback{font-size:12px;margin:10px 0 16px}
.contact-hero-form .submit-row{padding-top:17px}
.contact-hero-form .submit-row button{background:var(--acid);border-color:var(--acid);color:var(--on-yellow);padding:15px 20px;flex:1;justify-content:space-between}
.contact-hero-form .submit-row button:hover:not(:disabled){background:var(--cyan);border-color:var(--cyan);color:#101312}
.contact-hero-form .submit-row p{max-width:175px}
.closing-invitation{padding-top:86px;padding-bottom:100px;background:var(--paper-light)}
.closing-body{padding-top:55px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.closing-body h2{font-size:clamp(50px,6.4vw,118px);line-height:.94;margin:0}
.closing-body h2 em{font-family:var(--serif);font-weight:400;font-size:.8em}
.closing-button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;flex-shrink:0;padding:22px 24px;text-decoration:none;background:var(--acid);color:var(--on-yellow);font-size:12px;font-weight:800}
.closing-button:hover{background:var(--cyan)}
@media(max-width:1260px){.contact-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.contact-hero-intro{padding:30px 27px}.contact-hero-form{padding:30px 25px}.contact-headline h1{font-size:clamp(56px,7.1vw,100px)}.contact-hero-form .submit-row{flex-direction:column;align-items:stretch}.contact-hero-form .submit-row p{max-width:none}}
@media(max-width:900px){.contact-hero-grid{grid-template-columns:1fr}.contact-hero-intro{border-right:0;border-bottom:1px solid var(--ink);gap:22px}.contact-headline h1{font-size:clamp(64px,10vw,112px)}.contact-identity{grid-template-rows:auto 115px auto}.contact-identity img{height:110px}.contact-hero-form{padding:35px 32px}.contact-hero-form .form-shell{max-width:none}.closing-body{flex-direction:column;align-items:flex-start}}
@media(max-width:610px){.contact-hero{padding:6px 14px 0}.contact-hero .hero-kicker{padding:10px 4px 16px}.contact-hero .hero-kicker>span:last-child{display:none}.contact-hero-intro{padding:24px 19px 21px;gap:23px}.contact-headline .intro-line{margin-bottom:18px}.contact-headline h1{font-size:clamp(52px,12.6vw,74px);margin-bottom:20px}.contact-hero-lede{font-size:17px;line-height:1.4;margin-bottom:8px}.contact-jump{padding:10px 0;gap:25px;font-size:10px}.contact-identity{grid-template-rows:auto 88px auto;padding:13px 10px}.contact-identity img{height:87px}.contact-identity-head{font-size:8px}.contact-identity-foot{font-size:8px}.contact-identity-foot b{margin:0 2px}.contact-hero-form{padding:26px 15px 31px}.contact-form-heading h2{font-size:clamp(31px,8.25vw,44px);margin:14px 0 9px}.contact-form-heading p{font-size:13px;margin-bottom:22px}.contact-hero-form .form-shell{box-shadow:5px 5px 0 var(--form-shadow)}.contact-hero-form form{padding:17px 15px}.contact-hero-form .form-title{padding:15px}.contact-hero-form .form-title span:last-child{display:none}.contact-hero-form .form-pair{grid-template-columns:1fr;gap:0}.contact-hero .hero-rule span:first-child{display:block}.contact-hero .hero-rule span:last-child{display:none}.closing-invitation{padding-top:75px;padding-bottom:80px}.closing-body{padding-top:36px}.closing-body h2{font-size:clamp(47px,12vw,70px)}}

/* Keep inquiry access above the fold on phones; the approved ident and header carry the brand. */
@media(max-width:610px){.contact-hero-intro{gap:12px;padding:16px 19px 19px}.contact-identity{display:none}.contact-headline .intro-line{margin-bottom:12px}.contact-headline h1{font-size:clamp(48px,11.9vw,64px);margin-bottom:17px}.contact-hero-lede{font-size:16px;line-height:1.32;margin-bottom:6px}.contact-form-heading p{font-size:13px;line-height:1.45}.contact-hero-form{padding-top:22px}}

/* Contact remains a full-size touch target in the compact header. */
@media(max-width:610px){.mobile-nav{min-height:44px;display:flex;align-items:center;font-weight:900;border-bottom:3px solid var(--acid);padding:1px 0 0;font-size:10px}}

/* v0.6: shorter headlines and plain-language form labels. */
.contact-headline h1{font-size:clamp(72px,8.8vw,146px)}
.contact-form-heading h2{max-width:16ch}
.studio-grid h2{overflow-wrap:normal}
@media(max-width:900px){.contact-headline h1{font-size:clamp(66px,10vw,112px)}}
@media(max-width:610px){.contact-headline h1{font-size:clamp(60px,13vw,82px)}.contact-hero-intro{gap:14px}.contact-hero-lede{max-width:37ch}.contact-hero-form form label{letter-spacing:.025em;font-size:12px}}

/* v0.7 — the canonical mark is assembled by scroll, not by loading the archived MP4. */
.scroll-ident{--p:1;position:relative;height:160vh;height:160svh;background:#000;color:#f2ede4;isolation:isolate}
.scroll-ident.motion-ready{--p:0}
.scroll-ident-stage{position:sticky;top:0;height:100vh;height:100svh;background:#000;display:grid;place-items:center;overflow:clip}
/* v0.8: a cinematic three-zone poster. The stage is absolute black in both themes. */
.scroll-ident-frame{width:calc(100% - clamp(28px,5.8vw,142px));height:calc(100% - clamp(28px,5.8vh,90px));border:1px solid rgba(242,237,228,.69);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:clamp(15px,3vw,54px);min-height:0;position:relative}
.ident-poster-top,.ident-poster-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(12px,3vw,50px);color:#f2ede4;font-size:clamp(9px,.85vw,12px);line-height:1.5;letter-spacing:.1em}
.ident-poster-top>span:last-child{text-align:right}
.ident-poster-bottom{align-items:flex-end}
.ident-poster-bottom>span{max-width:70%;text-wrap:balance}
.ident-poster-center{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(9px,1.6vh,22px);padding-block:clamp(10px,2vh,26px)}
.ident-assembly-mark{display:block;width:auto;height:clamp(145px,36svh,350px);max-width:min(74vw,380px);overflow:visible;flex:none}
.ident-wordmark{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.8vh,12px);background:#000;padding:0 clamp(3px,1vw,16px)}
.ident-wordmark-primary{display:block;color:#f2ede4;font-weight:850;font-size:clamp(48px,10.1vw,145px);letter-spacing:-.055em;line-height:.9}
.ident-wordmark-secondary{display:block;color:#f2ede4;font-weight:700;font-size:clamp(16px,2.8vw,37px);letter-spacing:.52em;padding-left:.52em;line-height:1.1}
.ident-poster-motto{position:relative;z-index:2;background:#000;color:#f2ede4;margin:0;font-size:clamp(9px,.9vw,13px);letter-spacing:.14em;line-height:1.4}
.ident-motto-dot{color:#ffe600;margin-inline:clamp(5px,.7vw,13px)}
.ident-poster-arrow{display:inline-grid;place-items:center;flex:none;min-width:44px;min-height:44px;color:#f2ede4;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3vw,45px);font-weight:500;line-height:1;transition:color .2s,transform .2s}
.ident-poster-arrow:hover{color:#00d8f5;transform:translate(2px,-2px)}
.ident-poster-arrow:focus-visible{outline:3px solid #00d8f5;outline-offset:3px}
.ident-arm{opacity:var(--p);transform-box:view-box;transform-origin:50% 50%;transform:translate(calc(var(--dx) * (1 - var(--p))),calc(var(--dy) * (1 - var(--p)))) rotate(calc(var(--spin) * (1 - var(--p))));will-change:transform,opacity}
.ident-arm--yellow{--dx:0px;--dy:-330px;--spin:-25deg}
.ident-arm--cyan{--dx:-285px;--dy:205px;--spin:25deg}
.ident-arm--magenta{--dx:285px;--dy:205px;--spin:-25deg}
/* The very first real content after the decorative identity is the contact hero. */
/* The inactive Selected Work section has a real-asset-only layout, never a sample card. */
.selected-section{padding-top:clamp(70px,8vw,150px);padding-bottom:clamp(85px,9vw,170px);background:var(--paper)}
.selected-feature{margin-top:clamp(42px,6vw,88px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:clamp(25px,4vw,65px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,120px)}
.selected-feature h2{font-size:clamp(58px,8vw,160px);line-height:.87;letter-spacing:-.08em;margin:0;min-width:0}
.selected-feature h2 em{display:block;font:italic 400 .75em/.95 Georgia,'Times New Roman',serif;letter-spacing:-.075em}
.selected-visual{margin:0;min-width:0}.selected-visual img{max-width:100%;height:auto;display:block}.selected-visual figcaption{font-size:clamp(15px,1.3vw,19px);line-height:1.4;margin-top:20px}.selected-link{align-self:end;grid-column:1/-1;text-decoration:none;border-top:1px solid var(--ink);padding:20px 0;color:var(--ink)}
/* v0.7 intermission: ring is anchored to the centered content area, not to the viewport edge. */
.intermission-content{width:100%;max-width:1540px;align-self:center;isolation:isolate}
.intermission-content::before{content:'';position:absolute;z-index:-1;right:clamp(0px,3.5vw,88px);top:50%;width:clamp(220px,31vw,575px);height:clamp(220px,31vw,575px);border:clamp(30px,3.4vw,75px) solid var(--yellow);border-radius:50%;opacity:.12;transform:translateY(-50%);pointer-events:none;box-sizing:border-box}
.intermission-headline{position:relative;display:flex;align-items:flex-start;gap:clamp(8px,2vw,45px);width:fit-content;max-width:100%}
.intermission-headline h2{flex:1;min-width:0}
.intermission-spark{position:relative;flex:none;display:block;font-size:clamp(44px,6vw,105px);line-height:1;color:var(--cyan);margin-top:clamp(-27px,-1.5vw,-8px)}
@media(max-width:610px){.scroll-ident-frame{width:calc(100% - 28px);height:calc(100% - 28px);padding:clamp(14px,4vw,22px)}.ident-assembly-mark{height:clamp(145px,34svh,280px);max-width:72vw}.ident-wordmark-primary{font-size:clamp(48px,11.5vw,68px)}.ident-wordmark-secondary{font-size:clamp(15px,4vw,23px)}.ident-poster-top,.ident-poster-bottom{font-size:9px;letter-spacing:.035em}.ident-poster-motto{font-size:10px;letter-spacing:.08em}.intermission-content::before{width:clamp(200px,59vw,280px);height:clamp(200px,59vw,280px);border-width:clamp(25px,7vw,44px);right:0;opacity:.09}.intermission-headline{gap:2px}.intermission-headline h2{font-size:clamp(37px,9.3vw,58px)}.intermission-spark{font-size:clamp(35px,12vw,58px);margin-top:-18px}}
@media(max-width:900px){.selected-feature{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scroll-ident{height:100vh;height:100svh;--p:1!important}.scroll-ident-stage{position:relative;height:100%}.ident-arm{opacity:1;transform:none;will-change:auto}}

/* Short viewports: the poster keeps all three rows and scales the identity instead of cropping text. */
@media(max-height:650px){.ident-poster-center{gap:clamp(4px,1.3vh,11px);padding-block:4px}.ident-assembly-mark{height:clamp(108px,30svh,245px)}.ident-wordmark-primary{font-size:clamp(44px,min(9vw,11svh),104px)}.ident-wordmark-secondary{font-size:clamp(14px,2.7vw,25px)}.ident-poster-motto{font-size:9px}.scroll-ident-frame{padding-block:clamp(12px,2vw,30px)}}
@media(max-width:390px) and (max-height:600px){.ident-assembly-mark{height:29svh}.ident-wordmark-primary{font-size:clamp(40px,12vw,54px)}.ident-poster-center{gap:7px}}
@media(prefers-reduced-motion:reduce){.ident-poster-arrow{transition:none}.ident-poster-arrow:hover{transform:none}}

/* On narrow stages, shorter entry travel keeps each assembling arm within the framed composition. The final transforms are still exact identity. */
@media(max-width:610px){.ident-arm--yellow{--dy:-210px;--spin:-18deg}.ident-arm--cyan{--dx:-150px;--dy:140px;--spin:18deg}.ident-arm--magenta{--dx:80px;--dy:130px;--spin:-14deg}}