/* CINEPASS.AI / THE PRODUCTION LANGUAGE / Website preview v1.0 */
:root{--paper:#f4f2eb;--ink:#171914;--muted:#5d625a;--line:#d1d3c9;--lime:#d7f36a;--forest:#25372a;--dark:#121913;--lavender:#e7e5ee;--rust:#ae5034;--sans:Arial,Helvetica,system-ui,sans-serif;--serif:Georgia,'Times New Roman',serif;--pad:clamp(24px,5.6vw,100px);--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.01}h1{font-size:clamp(56px,6.6vw,112px)}h2{font-size:clamp(40px,4.7vw,80px)}h3{font-size:clamp(25px,2.4vw,40px)}em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}p{line-height:1.65}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #57772b;outline-offset:5px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}.fineprint{font-size:12px;line-height:1.6;color:var(--muted)}.measure{max-width:700px;margin:25px 0 35px}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--lime);padding:15px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:86px;padding:0 var(--pad);background:rgba(244,242,235,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,34,26,.12)}.wordmark{font-size:22px;font-weight:700;letter-spacing:-.06em;display:inline-flex;align-items:center;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{display:block;height:10px;width:10px;background:#6e8b35;margin-left:8px}.primary-nav{display:flex;align-items:center;gap:28px;font-size:13px}.primary-nav>a{padding:15px 0;position:relative}.primary-nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:7px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.primary-nav>a:hover:after,.primary-nav>a[aria-current]:after{width:100%}.primary-nav .nav-cta{padding:12px 19px;border:1px solid #9da291;border-radius:2px;display:flex;gap:22px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:2px;font-size:13px;font-weight:600;letter-spacing:.005em;transition:background .25s,transform .25s;line-height:1.35}.button span{font-size:20px;font-weight:400}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:#344a30;transform:translateY(-2px)}.button.line{border-color:currentColor;background:transparent;color:inherit}.button.line:hover{background:rgba(128,128,100,.1)}.button.text{background:transparent;color:inherit;padding-left:0;padding-right:0}.text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;min-height:44px;display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:600;color:inherit;text-align:left;line-height:1.5}.text-link:hover{opacity:.7}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#658234;margin-right:12px}.page-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:64px var(--pad) 80px;min-height:780px;align-items:center;overflow:hidden}.home-hero{min-height:calc(100svh - 86px);padding-top:48px;padding-bottom:64px}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{margin-bottom:38px;max-width:420px}.hero-description{margin-top:30px;font-size:16px;max-width:445px;color:#4f554b}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}.hero-note{font-size:9px;letter-spacing:.12em;margin-top:32px;font-weight:600;color:#59614e}.hero-index{position:absolute;bottom:22px;right:var(--pad);font-size:10px;letter-spacing:.15em}.hero-media{height:100%;max-height:720px;min-height:580px;border-radius:2px;box-shadow:0 25px 80px -50px #2f3928}.home-hero .hero-media{margin-right:calc(var(--pad)*-.55)}.media{background:#232d26;position:relative;overflow:hidden;isolation:isolate;min-width:0;aspect-ratio:16/10;color:#f4f2eb}.media-art{position:absolute;inset:-3%;overflow:hidden;z-index:-2;transition:transform .7s var(--ease);transform:translate3d(0,var(--media-y,0),0) scale(1.04)}.media:hover .media-art{scale:1.035}.media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%,rgba(0,0,0,.56));z-index:-1;pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7}.ambient-a{width:85%;height:65%;right:-20%;top:-10%;background:#d8cdab}.ambient-b{width:100%;height:35%;left:-40%;bottom:10%;background:#617b60}.sculpture{position:absolute;inset:12% 5% 10%;display:grid;place-items:center}.sculpture i{position:absolute;display:block;border:1px solid rgba(251,247,223,.3);height:75%;width:50%;transform:rotate(-14deg);background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,0) 60%);box-shadow:20px 30px 60px rgba(0,0,0,.15)}.sculpture i:nth-child(2){transform:rotate(-5deg) translate(12%,5%)}.sculpture i:nth-child(3){transform:rotate(5deg) translate(24%,10%)}.sculpture i:nth-child(4){transform:rotate(15deg) translate(36%,15%)}.horizon-line{position:absolute;left:0;right:0;bottom:24%;height:1px;background:rgba(245,233,187,.4)}.grain{position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 3px);pointer-events:none}.media-horizon{background:#485646}.media-horizon .ambient-a{background:#f1d8a4;top:0;right:-10%;filter:blur(55px);height:80%}.media-horizon .ambient-b{background:#4f6259;bottom:-10%;left:-40%;height:90%;width:130%;transform:rotate(-22deg);border-radius:0;filter:blur(20px)}.media-horizon .sculpture{inset:14% 10% 0 25%;border:1px solid rgba(247,235,207,.5);border-bottom:0;box-shadow:-80px 0 120px rgba(22,35,22,.35);transform:perspective(800px) rotateY(-12deg)}.media-horizon .sculpture i{display:none}.media-horizon .horizon-line{bottom:30%}.media-paper{background:#a59c85}.media-paper .ambient-a{background:#d8d2bd;width:120%;height:90%;top:-40%;left:-30%}.media-paper .sculpture i{background:linear-gradient(130deg,#cec5b1,#807962);border:9px solid rgba(232,222,203,.5);width:48%;height:60%}.media-storm{background:#354855}.media-storm .ambient-a{background:#aab8c0;top:-15%;right:-25%;height:85%}.media-storm .ambient-b{background:#9e7244;left:-20%;bottom:-10%;height:50%;width:70%}.media-storm .sculpture{inset:15% 18% 30%;border:1px solid rgba(192,214,224,.5);border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(208,226,233,.24),transparent);box-shadow:0 20px 80px #121c29}.media-storm .sculpture i{display:none}.media-stack{background:#666b61}.media-stack .ambient-a{background:#d6d9c9}.media-stack .ambient-b{background:#b3b0c9}.media-stack .sculpture i{width:63%;height:45%;transform:perspective(450px) rotateX(25deg) rotateZ(-20deg);background:linear-gradient(45deg,rgba(214,243,106,.16),rgba(255,255,255,.13));top:14%}.media-stack .sculpture i:nth-child(2){top:26%}.media-stack .sculpture i:nth-child(3){top:38%}.media-stack .sculpture i:nth-child(4){top:50%}.media-orbit{background:#242338}.media-orbit .ambient-a{background:#b9abc7;right:-45%;width:120%}.media-orbit .ambient-b{background:#5e6a85}.media-orbit .sculpture{inset:20%;border:1px solid #ded5e0;border-radius:50%;box-shadow:0 0 80px #787384,inset 0 0 80px #787384}.media-orbit .sculpture i{display:none}.media-copper{background:#72442f}.media-copper .ambient-a{background:#cfa680}.media-copper .ambient-b{background:#874a2e}.media-studio{background:#7d8376}.media-studio .ambient-a{background:#d8d5bd}.media-studio .sculpture i{transform:none;background:rgba(222,222,207,.15);height:100%;width:27%;left:0}.media-studio .sculpture i:nth-child(2){left:32%}.media-studio .sculpture i:nth-child(3){left:64%}.media-studio .sculpture i:nth-child(4){display:none}.media-night{background:#1f2a38}.media-night .ambient-a{background:#63739a}.media-night .ambient-b{background:#b18854}.media-motion{background:#665c48}.media-motion .ambient-a{background:#ddac6e}.media-motion .sculpture i{width:2px;border:0;background:#e7ceb3;transform:rotate(25deg);height:140%;left:20%}.media-motion .sculpture i:nth-child(2){left:40%;transform:rotate(25deg)}.media-motion .sculpture i:nth-child(3){left:60%;transform:rotate(25deg)}.media-motion .sculpture i:nth-child(4){left:80%;transform:rotate(25deg)}.media-portrait{background:#727569}.media-portrait .ambient-a{background:#d0c6b6}.media-portrait .sculpture{inset:24% 35% 8%;background:#4c5547;border-radius:45% 45% 0 0}.media-portrait .sculpture i{display:none}.media-portrait .sculpture:before{content:'';position:absolute;top:-14%;left:20%;right:20%;height:31%;border-radius:50%;background:#a9a894}.media-top{position:absolute;top:22px;left:23px;right:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;z-index:3;color:#fff}.media-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:rgba(255,255,255,.85);pointer-events:none}.media-center>span{font-size:36px;font-weight:300;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:74px;height:74px;display:grid;place-items:center;backdrop-filter:blur(6px)}.media-center>small{font-size:9px;letter-spacing:.18em}.frame-corners{position:absolute;inset:48px 22px 96px;border:1px solid rgba(255,255,255,.13);z-index:1;pointer-events:none}.media figcaption{position:absolute;bottom:21px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:5;color:#fff}.media figcaption strong{font-size:12px;line-height:1.4;font-weight:500;display:block;max-width:240px}.media figcaption small{font-size:9px;display:block;margin-top:6px;letter-spacing:.03em;color:#e0e3d8}.prompt-button{min-height:44px;min-width:62px;padding:9px 0;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.5);font-size:11px;white-space:nowrap}.media-target{position:absolute;inset:0;z-index:0}.media-target:empty{display:none}.media.has-media .media-art,.media.has-media .media-center{display:none}.media.has-media:after{z-index:1}.media.has-media figcaption small{color:#e0e3d8}.section-pad{padding:110px var(--pad)}.section-intro{display:grid;grid-template-columns:1.25fr .65fr;align-items:end;gap:8vw;margin-bottom:60px}.section-intro .eyebrow{margin-bottom:26px}.section-intro>p{font-size:16px;color:var(--muted);max-width:420px}.editorial-section{padding:100px var(--pad);display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;border-top:1px solid var(--line)}.editorial-section .eyebrow{margin-bottom:30px}.editorial-section>p.eyebrow{grid-column:1/-1;margin:0}.editorial-section>h2{max-width:900px}.editorial-body p{max-width:500px;font-size:18px;color:var(--muted)}.manifesto{display:block;padding-top:120px;padding-bottom:120px;border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(42px,5.9vw,98px);max-width:1240px;margin-top:34px}.manifesto-bottom{display:flex;gap:6vw;align-items:center;margin-top:56px}.manifesto-bottom p{max-width:480px;color:var(--muted);font-size:16px}.manifesto-bottom .side-note{font-size:10px;letter-spacing:.13em;margin-left:auto;max-width:150px}.giant-symbol{font-size:90px;font-weight:300;line-height:1}.immersive-section{position:relative;isolation:isolate;min-height:580px;background:var(--dark);color:var(--paper);overflow:hidden}.immersive-media{position:absolute!important;inset:0;aspect-ratio:auto!important;z-index:-1;opacity:.64}.immersive-copy{padding:120px var(--pad) 140px;position:relative;pointer-events:none}.immersive-copy h2{font-size:clamp(44px,6.5vw,110px);margin:35px 0 25px;line-height:1.02}.immersive-copy .eyebrow{color:#e6eddd}.immersive-copy p{font-size:16px;color:#e3e7db}.immersive-media .media-center{display:none}.immersive-media .frame-corners{inset:45px var(--pad) 90px}.immersive-media figcaption{left:var(--pad);right:var(--pad)}.workflow-interactive{border:1px solid var(--line);background:#eaece3}.workflow-tabs{display:grid;grid-template-columns:repeat(7,1fr);background:#f4f2eb;border-bottom:1px solid var(--line)}.workflow-tabs button{text-align:left;padding:22px 14px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);line-height:1.3;min-height:87px;position:relative}.workflow-tabs button:last-child{border-right:0}.workflow-tabs button small{display:block;font-size:10px;opacity:.7;margin-bottom:12px}.workflow-tabs button span{font-size:12px;font-weight:600}.workflow-tabs button[aria-selected=true]{background:var(--lime)}.workflow-tabs button[aria-selected=true]:after{content:'↗';position:absolute;top:17px;right:16px}.workflow-panel{display:grid;grid-template-columns:.85fr 1.15fr;min-height:480px}.workflow-info{padding:45px}.workflow-info h3{font-size:36px;margin:20px 0}.workflow-info>p:not(.eyebrow):not(.fineprint){font-size:14px;max-width:430px;color:var(--muted)}.output-box{border-top:1px solid var(--line);margin:25px 0 18px;padding-top:18px}.output-box small{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:7px}.output-box strong{display:block;font-size:14px;font-weight:500}.workflow-info .text-link{margin-top:10px}.workflow-visual{position:relative;padding:32px 32px 70px}.workflow-image{height:100%;min-height:340px}.workflow-ticket{position:absolute;bottom:24px;left:12px;right:60px;background:var(--paper);padding:20px 25px;box-shadow:0 12px 45px #23321d22;z-index:7;border:1px solid #c7cdbd}.workflow-ticket strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;margin:8px 0}.workflow-ticket .eyebrow{font-size:8px}.status-dot{font-size:10px;color:#56713d}.quality-section{background:#d9d9cf}.comparison-block{margin-bottom:55px}.comparison-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px;gap:30px}.comparison-header h3{font-size:26px;max-width:500px}.comparison{position:relative;aspect-ratio:2/1;background:#202f37;overflow:hidden}.comparison-base,.comparison-before{position:absolute;inset:0;background:linear-gradient(125deg,#192b34,#67818b)}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:linear-gradient(125deg,#192b34,#67818b)}.comparison-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 27% 65%,#b18d5e88,transparent 40%)}.scene-window{position:absolute;top:13%;right:17%;width:18%;height:48%;border-radius:50% 50% 0 0;border:7px solid #5c6d6b;background:linear-gradient(#a9bbc1,#58798c);box-shadow:0 0 80px #abb1a14d}.scene-window:after{content:'';height:100%;width:3px;background:#4a636e;position:absolute;left:50%}.scene-desk{position:absolute;left:14%;right:15%;top:66%;height:8%;background:linear-gradient(#69513b,#3e3529);box-shadow:0 32px 45px #0007;transform:skewX(-10deg)}.scene-lantern{position:absolute;left:27%;top:43%;height:24%;width:5%;border:4px solid #b59767;border-radius:45% 45% 12% 12%;background:radial-gradient(#ffce79,#bd883b);box-shadow:0 0 35px #ffc36b88}.scene-envelope{position:absolute;left:52%;top:61%;width:13%;height:9%;background:#8c2f2b;transform:rotate(-6deg);border:1px solid #b66751}.scene-envelope.variation{background:#2f6f8c;border-color:#678fa6}.scene-person{position:absolute;right:29%;top:39%;height:46%;width:12%;border-radius:40% 40% 0 0;background:linear-gradient(100deg,#102127,#1e343e);box-shadow:-7px 0 30px #b1bca011}.scene-person:before{content:'';position:absolute;top:-37%;left:20%;width:62%;height:45%;border-radius:48%;background:#272a27}.comparison-image-target{position:absolute;inset:0}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--lime);pointer-events:none;z-index:3}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:var(--ink);font-size:25px}.compare-label{position:absolute;top:26px;padding:10px 14px;font-size:10px;letter-spacing:.08em;background:#18221bdd;color:#fff;z-index:2}.target{right:26px}.variation-label{left:26px}.compare-disclaimer{position:absolute;bottom:24px;left:26px;background:#101e23cc;color:#e6e8e0;padding:8px 12px;font-size:9px;letter-spacing:.05em;z-index:4}.compare-controls{display:flex;gap:25px;align-items:center;margin-top:16px;flex-wrap:wrap}.compare-controls label{font-size:12px}.compare-controls input{flex:1;min-width:140px;max-width:380px;accent-color:#4e683b;height:44px}.under-section{display:flex;justify-content:space-between;gap:25px;align-items:center}.agent-section{background:var(--lavender)}.agent-preview{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.giant-number{font-size:clamp(150px,20vw,300px);line-height:.9;letter-spacing:-.09em;display:flex;align-items:end;gap:25px}.giant-number span{font-size:10px;line-height:1.5;letter-spacing:.1em;margin-bottom:20px}.agent-statement p{margin:30px 0;color:var(--muted)}.agent-list>div{padding:24px 0;display:grid;grid-template-columns:30px 1fr;gap:8px 14px;border-top:1px solid #c1bfcd}.agent-list>div>span{font-size:10px;padding-top:5px}.agent-list h3{font-size:26px;letter-spacing:-.035em}.agent-list p{grid-column:2;font-size:13px;color:#5c5968}.architecture{max-width:1320px;margin:0 auto}.architecture-human{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:25px}.architecture-human strong{font-size:30px;font-weight:400;letter-spacing:-.04em}.architecture-human>span:last-child{font-size:12px;color:var(--muted)}.architecture-lines{height:55px;width:1px;background:#83956b;margin:auto}.architecture-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#d1d3c9}.architecture-layers article{padding:35px;background:#e6e9de;position:relative}.architecture-layers article:nth-child(2){background:#dce8bc}.architecture-layers article:nth-child(3){background:#e4e3df}.architecture-layers article>span{display:block;font-size:12px;margin-bottom:35px;color:var(--muted)}.architecture-layers h3{font-size:29px;line-height:1.1;margin-bottom:20px}.architecture-layers p{font-size:12px;min-height:45px;color:var(--muted)}.architecture-layers small{font-size:8px;letter-spacing:.08em;display:block;margin-top:24px}.architecture-footer{font-size:11px;text-align:center;margin-top:25px;color:var(--muted)}.showcase-section{background:var(--dark);color:var(--paper)}.showcase-section .section-intro>p{color:#b6beb0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story-card:nth-child(2){margin-top:70px}.story-card:nth-child(3){margin-top:140px}.story-copy{padding:24px 0 0}.story-copy .eyebrow{font-size:8px;color:#b7c2ab}.story-copy h3{font-size:31px;letter-spacing:-.04em;margin:12px 0}.story-copy p{font-size:13px;max-width:340px;color:#b9c3b2}.story-copy .text-link{font-size:11px;margin-top:15px}.audience-row{display:grid;grid-template-columns:70px 1fr 70px;gap:30px;padding:38px 0;border-top:1px solid var(--line);transition:padding .3s}.audience-row:last-child{border-bottom:1px solid var(--line)}.audience-row:hover{padding-left:12px;padding-right:12px}.audience-num{font-size:12px;padding-top:6px;color:var(--muted)}.audience-row h3{font-size:clamp(28px,3.8vw,60px);margin-bottom:10px}.audience-row p{font-size:14px;color:var(--muted)}.audience-arrow{font-size:45px;align-self:center;text-align:right}.status-section{background:#e6e8df}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.status-grid article{padding-top:25px;border-top:1px solid #aeb8a1}.status-label{font-size:9px;font-weight:600;letter-spacing:.1em;color:#405932;margin-bottom:22px}.status-label.proposed{color:#635477}.status-label.future{color:#864c36}.status-grid h3{font-size:26px;margin-bottom:20px}.status-grid article>p:last-of-type{font-size:14px;color:var(--muted)}.status-grid .text-link{margin-top:15px}.faq-section{padding:110px var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.faq-section .eyebrow{margin-bottom:30px}.faq-section h2{font-size:clamp(34px,3.8vw,60px)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:23px 0;list-style:none;display:flex;justify-content:space-between;gap:22px;cursor:pointer;font-size:15px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1}details[open] summary span{transform:rotate(45deg)}details>p{font-size:14px;padding-bottom:25px;color:var(--muted)}.closing-cta{background:var(--lime);padding:100px var(--pad) 80px}.closing-cta h2{font-size:clamp(50px,7.5vw,128px);margin:38px 0 50px}.cta-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.cta-bottom p{font-size:14px;max-width:360px}.site-footer{padding:65px var(--pad) 25px;background:#10170f;color:#d8dfd0}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px;border-bottom:1px solid #3b4434}.footer-top .wordmark{font-size:32px;color:#f0f3e9}.footer-top .wordmark i{background:var(--lime)}.footer-top p{font-family:var(--serif);font-style:italic;font-size:22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;padding:45px 0 55px}.footer-grid strong{display:block;font-size:12px;color:#eef3e7;margin-bottom:15px}.footer-grid a{display:block;font-size:12px;line-height:1.5;padding:7px 0;color:#bac5b1}.footer-grid a:hover{color:var(--lime)}.footer-grid p{font-size:12px;color:#bac5b1}.footer-grid .eyebrow{font-size:9px;margin-bottom:18px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #3b4434;padding-top:25px;font-size:9px;color:#9dac93}.motion-toggle{border:1px solid #7a886e;color:#e2ecd6;background:transparent;min-height:44px;padding:8px 15px;font-size:11px;margin-top:14px}.preview-label{position:fixed;left:14px;bottom:13px;padding:8px 11px;background:#f4f2ebe8;border:1px solid #bfc4b5;backdrop-filter:blur(12px);color:#3b4930;font-size:8px;font-weight:600;letter-spacing:.1em;z-index:35;pointer-events:none}.preview-label span{border-left:1px solid #afb6a2;padding-left:9px;margin-left:9px;color:#73776b}.tone-dark{background:var(--dark);color:var(--paper);border-color:#3a4431}.tone-dark p,.tone-dark .editorial-body p{color:#bac5b1}.tone-dark .eyebrow{color:#d5ddca}.tone-dark .output-box{border-color:#46503e}.tone-light{background:#e5e7dd}.workflow-summary{padding:22px var(--pad);display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px}.workflow-deep{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.workflow-deep-copy{max-width:540px}.workflow-deep .step-number{font-size:75px;font-family:var(--serif);font-style:italic;display:block;line-height:1;color:#748364;margin-bottom:35px}.workflow-deep h2{font-size:clamp(36px,4vw,64px);margin:22px 0}.workflow-deep p:not(.eyebrow):not(.fineprint){font-size:15px;color:var(--muted)}.workflow-deep.tone-dark p{color:#bac5b1}.format-section{background:var(--lime)}.format-section h2{margin:30px 0}.format-math{display:flex;align-items:center;gap:25px;margin:40px 0;flex-wrap:wrap}.format-math strong{font-size:clamp(20px,3vw,40px);font-weight:400;letter-spacing:-.04em}.format-math span{font-size:30px;font-family:var(--serif)}.format-section>p:last-child{max-width:700px;font-size:14px}.agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.agent-card{padding:35px 0;border-top:1px solid #4b5542}.agent-card h3{margin:18px 0;font-size:37px}.agent-card .agent-headline{font-family:var(--serif);font-size:21px;font-style:italic;color:#d6ebbc}.agent-card>p:not(.eyebrow){margin-top:15px;font-size:14px;max-width:470px}.agent-card details{border-color:#46503d;margin-top:22px}.agent-card summary{font-size:12px;color:#e2ead6}.agent-card dt{font-size:10px;font-weight:600;color:#bfd795;margin:16px 0 6px}.agent-card dd{font-size:12px;margin:0 0 18px;color:#b9c3b0}.quality-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#e5e6dc}.quality-dimensions>div{padding:28px 0;border-top:1px solid #a4af97}.quality-dimensions span{font-size:10px;color:var(--muted)}.quality-dimensions h3{margin:25px 0 15px;font-size:28px}.quality-dimensions p{font-size:12px;max-width:260px;color:var(--muted)}.quality-loop{background:var(--lime)}.quality-loop>div{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0}.quality-loop>div>span{font-size:30px;letter-spacing:-.04em;border-top:1px solid #6d813d;padding-top:24px}.quality-loop small{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:20px}.quality-loop>p:last-child{font-size:13px}.solution-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:0}.script-excerpt{background:#e7e3d7;padding:36px;font-family:'Courier New',monospace;font-size:13px}.script-excerpt>span{font-size:11px}.script-excerpt p{margin:20px 0}.script-excerpt strong{display:block;text-align:center;font-size:12px;font-weight:400}.script-excerpt small{display:block;font-family:var(--sans);font-size:10px;color:var(--muted);margin-top:30px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.status-checklist p{padding:25px 0;border-top:1px solid var(--line);display:flex;gap:30px;font-size:17px;max-width:900px}.status-checklist span{color:#658234}.demo-layout{padding:90px var(--pad) 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;border-top:1px solid var(--line)}.demo-layout h2{font-size:clamp(36px,4vw,60px);margin:30px 0}.demo-layout>div>p:not(.eyebrow){font-size:15px;color:var(--muted)}.form-notice{border-left:2px solid #677c42;padding-left:22px;margin-top:40px;max-width:420px}.form-notice strong{font-size:13px}.form-notice p{font-size:12px;margin-top:12px;color:var(--muted)}form label{display:block;font-size:12px;font-weight:600}input,textarea,select{border:1px solid #a7af9a;border-radius:0;background:#f9f8f2;color:var(--ink);padding:14px 16px;font-size:14px;width:100%;margin:10px 0 24px;min-height:48px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6b7162}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check-label{display:flex;align-items:start;gap:12px;font-size:12px;font-weight:400;margin:10px 0 22px}.check-label input{width:18px;min-height:18px;margin:0;accent-color:#5f773b;flex:none}.demo-layout form>.fineprint{margin-top:20px}.demo-layout form>.button{width:100%}#form-result{background:#e3ebd4;padding:25px;margin-top:25px}#form-result p{font-size:13px;margin-top:12px}#form-preview{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:300px;overflow:auto}.desk-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px;align-items:center}.desk-toolbar label{font-size:12px}.desk-toolbar p{font-size:12px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.asset-meta{padding:15px 0 25px}.asset-meta span{font-size:9px;letter-spacing:.03em}.asset-meta p{font-size:11px;color:var(--muted);margin-top:7px}.privacy-notes{max-width:780px}.privacy-notes h2{font-size:34px;margin:45px 0 20px}.privacy-notes p{font-size:16px;color:var(--muted)}dialog{width:min(860px,calc(100% - 32px));max-height:88svh;padding:38px;border:1px solid #a4af94;background:var(--paper);color:var(--ink);box-shadow:0 30px 160px #0008}dialog::backdrop{background:#12190fcc;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.close-dialog{background:none;border:1px solid #9ca88c;min-height:44px;padding:8px 16px;font-size:12px}.dialog-top .eyebrow{font-size:10px}dialog h2{font-size:38px;line-height:1.05;margin:30px 0 15px}#dialog-meta{font-size:12px;color:var(--muted)}.dialog-actions{display:flex;align-items:center;gap:22px;margin:25px 0}#copy-status{font-size:12px}#dialog-prompt{white-space:pre-wrap;word-break:break-word;background:#e6e8df;padding:25px;font-family:var(--sans);font-size:13px;line-height:1.7;max-height:40svh;overflow:auto}dialog .fineprint{margin-top:20px}.video-toggle{position:absolute;right:24px;top:48px;z-index:10;min-width:44px;min-height:44px;background:#18221bdd;color:#fff;border:1px solid #c8d3b5;padding:8px 14px;font-size:11px}
@media(min-width:1600px){body{max-width:1600px;margin:auto}.site-header{max-width:2000px}.page-hero{min-height:850px}.hero-media{max-height:850px}}
@media(max-width:1100px){.primary-nav{gap:18px}.hero-copy h1{font-size:clamp(54px,7vw,88px)}.page-hero{gap:25px;min-height:700px}.hero-media{min-height:520px}.hero-actions{gap:12px}.hero-actions .button{padding:13px 18px}.workflow-info{padding:30px}.workflow-info h3{font-size:30px}.workflow-visual{padding:25px 25px 80px}.workflow-ticket{right:36px}.workflow-tabs button{padding:19px 10px}.workflow-tabs button span{font-size:10px}.architecture-layers article{padding:28px}.architecture-layers h3{font-size:24px}.footer-grid{gap:26px}.section-intro{gap:50px}.comparison-header{align-items:start}.story-grid{gap:20px}.hero-description{font-size:14px}.home-hero .hero-media{margin-right:0}}
@media(max-width:900px){.site-header{min-height:74px}.primary-nav{gap:17px}.primary-nav>a{font-size:11px}.primary-nav .nav-cta{padding:10px 12px;gap:10px}.wordmark{font-size:20px}.page-hero{padding-top:48px}.section-pad{padding-top:80px;padding-bottom:80px}.editorial-section{padding-top:80px;padding-bottom:80px}.workflow-tabs{overflow-x:auto;grid-template-columns:repeat(7,minmax(95px,1fr))}.workflow-panel{grid-template-columns:1fr 1fr}.workflow-visual{padding:22px 18px 90px}.workflow-ticket{left:0;right:30px}.workflow-image{min-height:380px}.agent-preview{gap:40px}.giant-number{font-size:180px}.giant-number span{font-size:8px}.story-copy h3{font-size:24px}.story-copy .eyebrow{font-size:7px}.status-grid{gap:25px}.status-grid h3{font-size:23px}.faq-section{gap:50px}.architecture-human strong{font-size:25px}.architecture-human .eyebrow{font-size:9px}.architecture-human>span:last-child{font-size:10px}.asset-grid{grid-template-columns:repeat(2,1fr)}.workflow-summary{flex-wrap:wrap;justify-content:start}.workflow-deep{gap:40px}.workflow-deep .step-number{font-size:60px}.demo-layout{gap:50px}.form-grid{grid-template-columns:1fr}.quality-loop>div>span{font-size:24px}}
@media(max-width:740px){:root{--pad:24px}.site-header{min-height:74px;gap:20px}.menu-toggle{display:flex;align-items:center;gap:17px;min-height:44px;padding:10px 0;background:none;border:0;font-size:12px}.menu-toggle span{font-size:23px;font-weight:300}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:24px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #18201211}.primary-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.primary-nav>a{font-size:20px;padding:13px 0}.primary-nav .nav-cta{padding:16px;margin-top:15px;font-size:14px}.primary-nav>a:after{display:none}.page-hero{grid-template-columns:1fr;gap:38px;min-height:0;padding-top:45px;padding-bottom:50px}.home-hero{min-height:0}.hero-copy h1{font-size:clamp(54px,11.5vw,84px);line-height:.99}.hero-copy .eyebrow{font-size:9px;max-width:330px;margin-bottom:28px}.hero-description{font-size:14px;max-width:440px;margin-top:24px}.hero-note{font-size:8px;margin-top:25px}.hero-actions{gap:20px}.hero-media{min-height:0;height:auto;aspect-ratio:4/4.7!important;max-height:none}.hero-index{display:none}.section-pad{padding:65px var(--pad)}.section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.section-intro>p{font-size:14px;max-width:500px}.section-intro .eyebrow{margin-bottom:22px}h2{font-size:clamp(36px,8.5vw,60px)}.editorial-section{padding:65px var(--pad);display:block}.editorial-section>h2,.editorial-section .section-heading{margin-bottom:28px}.editorial-section>p.eyebrow{margin-bottom:26px}.editorial-body p,.editorial-section>p:not(.eyebrow){font-size:15px}.manifesto h2{font-size:clamp(37px,8.8vw,58px);line-height:1.04;margin-top:30px}.manifesto-bottom{gap:25px;align-items:start;margin-top:30px}.manifesto-bottom p{font-size:14px}.manifesto-bottom .side-note{display:none}.giant-symbol{font-size:56px}.immersive-section{min-height:470px}.immersive-copy{padding:90px var(--pad) 150px}.immersive-copy h2{font-size:clamp(42px,9.2vw,64px);margin:25px 0}.immersive-copy p{font-size:12px}.immersive-copy .eyebrow{font-size:9px}.immersive-media .media-top{display:none}.immersive-media .frame-corners{display:none}.workflow-panel{grid-template-columns:1fr}.workflow-info{padding:28px}.workflow-info h3{font-size:32px;max-width:400px}.workflow-visual{padding:0 18px 75px}.workflow-image{min-height:300px;aspect-ratio:4/3}.workflow-ticket{left:30px;right:30px;bottom:25px;padding:15px 18px}.workflow-ticket strong{font-size:16px}.workflow-tabs button{min-height:80px}.comparison-header{display:block}.comparison-header h3{font-size:24px;margin-top:15px}.comparison{aspect-ratio:4/3}.compare-label{font-size:7px;top:12px;padding:8px}.target{right:12px}.variation-label{left:12px}.compare-disclaimer{font-size:6px;left:10px;bottom:12px;max-width:calc(100% - 20px)}.comparison-divider>span{height:40px;width:40px;font-size:20px}.compare-controls{gap:10px 15px}.compare-controls label{font-size:11px;flex:1}.compare-controls input{width:45%;min-width:120px;flex:0}.compare-controls .text-link{font-size:11px;min-height:40px}.under-section{display:block}.under-section .button{margin-top:24px}.agent-preview{grid-template-columns:1fr;gap:45px}.giant-number{font-size:170px}.giant-number span{font-size:9px;margin-bottom:16px}.agent-statement p{margin:25px 0}.agent-list h3{font-size:25px}.architecture-human{flex-wrap:wrap;gap:15px;padding:25px 0}.architecture-human>.eyebrow{width:100%}.architecture-human strong{font-size:28px}.architecture-layers{grid-template-columns:1fr;gap:2px}.architecture-layers article{padding:25px}.architecture-layers article>span{margin-bottom:20px}.architecture-layers h3{font-size:30px}.architecture-layers p{min-height:0;font-size:13px}.architecture-layers small{margin-top:18px}.architecture-footer{font-size:10px;padding:0 20px}.story-grid{grid-template-columns:1fr;gap:45px}.story-card:nth-child(2),.story-card:nth-child(3){margin-top:0}.story-copy h3{font-size:31px}.story-copy .eyebrow{font-size:8px}.story-card .media{max-height:570px;aspect-ratio:4/4.5!important}.audience-row{grid-template-columns:26px 1fr 30px;gap:14px;padding:28px 0}.audience-row h3{font-size:28px}.audience-row p{font-size:12px}.audience-arrow{font-size:30px}.status-grid{grid-template-columns:1fr;gap:35px}.status-grid h3{font-size:27px}.status-grid article>p:last-of-type{max-width:470px;font-size:13px}.faq-section{padding:65px var(--pad);grid-template-columns:1fr;gap:35px}.faq-section h2{font-size:40px}summary{font-size:14px;gap:30px}.closing-cta{padding:65px var(--pad)}.closing-cta h2{font-size:clamp(45px,10vw,68px);margin:30px 0 35px}.cta-bottom{display:block}.cta-bottom p{font-size:13px;margin-bottom:25px}.cta-bottom .button{display:flex;margin-top:15px;max-width:380px}.site-footer{padding:45px var(--pad) 28px}.footer-top{display:block;padding-bottom:30px}.footer-top .wordmark{font-size:28px}.footer-top p{font-size:20px;margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px;padding:35px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;font-size:8px;line-height:1.6;padding-bottom:15px}.footer-bottom>span{display:block;margin-top:8px}.preview-label{font-size:7px;bottom:10px;padding:7px 9px;left:10px}.workflow-deep{grid-template-columns:1fr;gap:30px}.workflow-deep .step-number{font-size:60px;margin-bottom:25px}.workflow-deep h2{font-size:40px}.workflow-summary{gap:12px 20px;font-size:9px}.format-math{gap:15px}.format-math strong{font-size:25px}.format-math span{font-size:25px}.format-section>p:last-child{font-size:12px}.agents-grid{grid-template-columns:1fr}.agent-card h3{font-size:34px}.quality-dimensions{grid-template-columns:1fr 1fr;gap:25px}.quality-dimensions h3{font-size:25px}.quality-dimensions p{font-size:11px}.quality-loop>div{grid-template-columns:1fr;gap:0}.quality-loop>div>span{display:flex;align-items:center;gap:28px;padding:22px 0;font-size:28px}.quality-loop small{margin:0;font-size:10px}.solution-gallery{grid-template-columns:1fr}.solution-gallery .media{aspect-ratio:4/3!important}.reference-grid{grid-template-columns:1fr}.script-excerpt{margin-top:35px;padding:28px}.demo-layout{grid-template-columns:1fr;padding:60px var(--pad);gap:45px}.form-notice{margin-top:25px}.form-grid{grid-template-columns:1fr}.demo-layout h2{font-size:40px}.status-checklist p{font-size:14px;gap:20px}.desk-toolbar{grid-template-columns:1fr 1fr;gap:0 16px}.desk-toolbar>label:first-child{grid-column:1/-1}.desk-toolbar p{font-size:10px}.asset-grid{grid-template-columns:1fr;gap:20px}.asset-grid .media{aspect-ratio:16/11!important}.privacy-notes h2{font-size:30px}.privacy-notes p{font-size:14px}dialog{padding:23px}dialog h2{font-size:29px}#dialog-prompt{padding:17px;font-size:12px}.dialog-top .eyebrow{font-size:8px}.dialog-actions{gap:15px;flex-wrap:wrap}.close-dialog{font-size:11px}.media-top{font-size:8px}.media figcaption strong{font-size:11px}.media figcaption small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.media-art{transform:none!important}.media:hover .media-art{scale:1!important}}
body.motion-paused .media-art{transform:none!important;scale:1!important}body.motion-paused *{scroll-behavior:auto!important;animation:none!important}
@media print{.site-header,.site-footer,.preview-label,.hero-actions,.prompt-button,.media-center{display:none}.page-hero,.editorial-section,.section-pad,.faq-section{padding:25px;break-inside:avoid}.page-hero{min-height:0}body{background:white;color:black}.media{max-height:300px}.tone-dark,.showcase-section{background:#eee;color:#111}.hero-media{min-height:200px}h1{font-size:50px}h2{font-size:35px}a:after{content:none!important}}
/* Explicit minimums prevent intrinsic media sizing from widening mobile grids. */
.workflow-panel,.workflow-info,.workflow-visual,.workflow-panels{min-width:0}.workflow-interactive{max-width:100%;min-width:0}.workflow-image{width:100%}.hero-copy{min-width:0}
@media(max-width:740px){.workflow-image{height:300px;min-height:0;aspect-ratio:auto!important}.workflow-panel{grid-template-columns:minmax(0,1fr)}.hero-copy h1{font-size:clamp(43px,12vw,84px)}}
/* Alternate comparison schematics are design-only; generated pairs replace them. */
.comparison[data-before="I18"] .comparison-base .comparison-scene{transform:scale(1.22);transform-origin:60% 50%}
.comparison[data-before="I18"] .scene-envelope.variation{background:#8c2f2b;border-color:#b66751}
.comparison[data-before="I20"] .comparison-before{filter:saturate(.65);background:linear-gradient(125deg,#576b6f,#829497)}
.comparison[data-before="I20"] .scene-envelope.variation{background:#8c2f2b;border-color:#b66751}

/* Packaging 1.1: visible workflow briefs must never be covered by approval notes. */
.workflow-visual{display:flex;flex-direction:column;gap:16px;padding-bottom:32px;}
.workflow-visual .workflow-image{height:340px;min-height:300px;flex:0 0 auto;}
.workflow-ticket{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;margin:0;z-index:auto;flex:0 0 auto;}
@media(max-width:740px){.workflow-visual{padding-bottom:20px;}.workflow-ticket{margin:0;}}

@media(max-width:740px){.workflow-visual .workflow-image{height:300px;min-height:300px;}}

/* v2 / THE CINEMATIC STUDIO — scoped additions preserve the original design system. */
:root{--navy:#17252d;--cream:#f4f2eb;--violet:#e7e3ee;--amber:#d2b489}
.cinema-hero{position:relative;isolation:isolate;aspect-ratio:21/9;background:#101b23;color:#f6f3e9;overflow:hidden}.hero-cinema-plane{position:absolute;inset:0;z-index:-3}.cinema-media{width:100%;height:100%;min-height:0;max-height:none;box-shadow:none}.cinema-media .media-top,.cinema-media .media-center,.cinema-media .frame-corners,.cinema-media figcaption{display:none}.cinema-media .media-art{background:radial-gradient(ellipse at 77% 52%,#ab9e80 0,transparent 18%),radial-gradient(ellipse at 80% 20%,#596f78 0,#1d3443 35%,#10191c 75%);inset:0;transform:none}.cinema-media .ambient-a{background:#c8ae7e;opacity:.16;top:35%;height:25%;right:8%;width:40%}.cinema-media .ambient-b{background:#467588;opacity:.3;bottom:-10%;left:20%;height:40%;width:100%}.cinema-media .sculpture{inset:5% -5% 20% 51%;border:2px solid #d2cbbf77;border-radius:50%;transform:rotate(-29deg);box-shadow:0 0 120px #aac0d01a,inset 0 0 40px #b7bbba22;background:radial-gradient(ellipse at 60% 10%,#d9c6a633,transparent 70%)}.cinema-media .sculpture i{display:none}.cinema-media .horizon-line{bottom:19%;height:2px;background:linear-gradient(90deg,transparent,#d9c6a666,transparent)}.cinema-media:after{background:linear-gradient(90deg,#08101466,transparent 75%)}.hero-cinema-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,14,17,.82),rgba(8,14,17,.35) 53%,rgba(8,14,17,0)),linear-gradient(0deg,rgba(8,14,17,.65),transparent 20%)}.cinema-hero-copy{padding:clamp(30px,4vw,72px) var(--pad) 60px;max-width:77%;position:relative}.cinema-hero-copy .eyebrow{font-size:10px;letter-spacing:.2em;color:#dde0d2;margin-bottom:22px}.cinema-hero h1{font-size:clamp(48px,5.7vw,106px);line-height:.98;letter-spacing:-.06em;max-width:940px}.cinema-hero h1 em{color:var(--lime);letter-spacing:-.055em}.cinema-intro{font-size:clamp(13px,1.1vw,18px);line-height:1.6;margin-top:24px;color:#dddcd3}.cinema-hero .hero-actions{margin-top:24px;gap:22px}.cinema-hero .button.primary{background:var(--lime);color:#172016}.cinema-hero .text-link{color:#f5f2e9;font-weight:400;font-size:12px}.cinema-status{font-size:9px;letter-spacing:.11em;line-height:1.5;margin-top:22px;color:#d1d6cb;display:flex;align-items:center;gap:9px}.cinema-status span{width:5px;height:5px;border-radius:50%;background:var(--lime)}.hero-shot-index{position:absolute;right:var(--pad);bottom:110px;width:220px;text-align:right}.hero-shot-index>span{font-size:9px;letter-spacing:.14em;color:#d4d3c4}.hero-shot-index strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.02em;margin-top:12px;font-weight:400}.hero-shot-index>div{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0}.hero-shot-index b{font-size:76px;letter-spacing:-.08em;line-height:1;font-weight:400}.hero-shot-index small{font-size:8px;text-align:left;letter-spacing:.1em;line-height:1.7}.hero-shot-index p{font-size:8px;letter-spacing:.06em;white-space:nowrap}.hero-film-caption{position:absolute;bottom:15px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff27;padding-top:10px}.hero-film-caption>span{font-size:9px;color:#d5dacf;margin-right:auto}.hero-film-caption .text-link{font-size:10px;border:0;min-height:30px;padding:0}.hero-film-caption .motion-toggle{border-color:#ffffff50;background:none;color:#fff;font-size:10px;min-height:32px;padding:5px 10px}.cinema-ribbon{display:flex;align-items:center;gap:40px;padding:22px var(--pad);font-size:10px;letter-spacing:.13em;border-bottom:1px solid var(--line)}.cinema-ribbon a{margin-left:auto;letter-spacing:0;font-size:12px}.product-showcase{padding-top:90px}.product-showcase .section-intro>div:last-child{max-width:430px}.product-showcase .section-intro .text-link{margin-top:15px}.product-disclosure{font-size:11px;color:var(--muted);max-width:780px;margin-top:22px}.studio-shell{background:#171f1a;color:#eef1e7;border-radius:9px;border:1px solid #353f34;box-shadow:0 30px 80px -45px #15271788;overflow:hidden;position:relative;min-width:0}.studio-chrome{display:flex;align-items:center;gap:30px;padding:22px 28px;border-bottom:1px solid #ffffff18;background:#111914;font-size:12px}.studio-brand{font-weight:700;font-size:17px;letter-spacing:-.05em;display:inline-flex;align-items:center;gap:9px}.studio-brand span{font-weight:400;font-size:9px;letter-spacing:.16em;padding-left:10px;border-left:1px solid #869380}.studio-chrome>div{margin-right:auto;font-size:11px;letter-spacing:.04em}.studio-chrome>div>span{margin:0 10px;color:#a2b195}.studio-chrome small{font-size:8px;letter-spacing:.12em;color:#b9c5af}.studio-preview-chip{font-size:10px;border:1px solid #5f6b58;color:#d8e6cc;border-radius:99px;padding:6px 11px;white-space:nowrap}.studio-stepbar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid #ffffff20;padding:0 22px;background:#1b241d}.studio-stepbar button{display:flex;align-items:center;gap:8px;padding:18px 10px;border:0;border-bottom:2px solid transparent;background:none;color:#d3d9ce;font-size:11px;line-height:1.3;min-height:60px;text-align:left}.studio-stepbar button small{font-size:9px;opacity:.7}.studio-stepbar button[aria-selected=true]{color:var(--lime);border-bottom-color:var(--lime);background:#d7f36a0a}.studio-shell :focus-visible{outline-color:var(--lime);outline-offset:2px}.studio-view{padding:30px;min-height:510px}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.studio-kicker{color:#b4c7a7;font-size:9px;letter-spacing:.13em;line-height:1.5;margin-bottom:9px}.studio-shell h3{font-size:32px;line-height:1.05;font-weight:400;letter-spacing:-.045em}.studio-shell h4{font-size:18px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:16px 0 8px}.studio-shell p{font-size:12px;line-height:1.6}.studio-tag{font-size:9px;border:1px solid #657457;border-radius:3px;padding:7px 9px;display:inline-block;margin-left:6px;color:#d4dfc8;white-space:nowrap}.studio-tag.warning{color:#ead4af;border-color:#a68b66}.studio-three{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px}.studio-card{padding:12px;border:1px solid #4d594540;border-radius:4px;background:#212d22;min-width:0}.studio-card p{color:#c1ccba;font-size:11px}.studio-action{color:#e3f3cc;background:#1b2a1d;border:1px solid #7b8a6666;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:11px;min-height:44px;text-align:left;margin-top:16px;border-radius:3px}.studio-action:hover{background:#384c2f}.studio-inspector{padding:22px;background:#111a14;border:1px solid #46543f;border-radius:4px}.studio-inspector h4{font-size:25px;margin:8px 0 23px}.studio-inspector dl{margin:0}.studio-inspector dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a5b59c;margin-top:12px}.studio-inspector dd{margin:3px 0 0;font-size:12px;line-height:1.5}.studio-inspector>p:last-child{font-size:10px;color:#b9c6b0;margin-top:18px}.studio-media{border-radius:3px}.studio-media .media-top{top:10px;left:10px;right:10px;font-size:7px}.studio-media .media-center>span{width:38px;height:38px;font-size:20px}.studio-media .media-center>small{font-size:7px}.studio-media .frame-corners{inset:30px 9px 46px}.studio-media figcaption{left:10px;right:10px;bottom:9px;align-items:center;gap:8px}.studio-media figcaption strong{display:none}.studio-media figcaption small{font-size:7px;max-width:180px;line-height:1.4}.studio-media .prompt-button{font-size:9px;min-height:32px;min-width:35px;padding:4px 0}.studio-media .sculpture{opacity:.8}.studio-split{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.studio-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-sheet-grid .studio-card h4{font-size:14px;line-height:1.35}.studio-footnote{color:#b7c3ae;font-size:10px!important;margin-top:18px;line-height:1.6!important}.studio-story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.studio-shot{min-width:0;border:1px solid transparent;border-radius:4px;padding:3px;background:#253126}.studio-shot.selected{border-color:var(--lime)}.studio-shot .media-center{display:none}.studio-shot .media-top{display:none}.studio-shot .media figcaption small{display:none}.studio-shot .media figcaption{bottom:2px;left:6px;right:6px;justify-content:flex-end}.studio-shot .frame-corners{inset:10px;opacity:.5}.studio-shot>button{display:flex;flex-direction:column;align-items:start;gap:3px;width:100%;min-height:60px;border:0;background:none;color:#edf3e7;font-size:10px;text-align:left;padding:10px 6px;line-height:1.4}.studio-shot>button small{font-size:9px;color:#bfccb5}.shot-detail{display:grid;grid-template-columns:.9fr 1.4fr;gap:24px;background:#111a14;border:1px solid #55634b;margin-top:24px;padding:22px;border-radius:4px}.shot-detail h4{font-size:27px;margin:0 0 10px}.shot-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.shot-detail dt{font-size:9px;text-transform:uppercase;color:#a8ba9b;letter-spacing:.1em}.shot-detail dd{margin:5px 0 0;font-size:13px}.shot-detail .studio-action{margin-top:0;grid-column:1/-1;justify-self:start}.studio-notice{padding:13px 30px;font-size:10px;color:#c1cdb8;background:#1e2c1e;border-top:1px solid #46543c;line-height:1.6}.studio-notice.is-active{background:#e7eddb;color:#1b291b}.studio-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 30px;color:#c0cfb5;font-size:9px;border-top:1px solid #ffffff17}.studio-bottom .text-link{font-size:10px;min-height:34px;padding:0;border-bottom:0}.studio-start{display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio-muted{color:#c0cbb8;margin:15px 0}.studio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.studio-form-grid label{display:grid;gap:6px;font-size:10px;color:#bccbb2}.studio-form-grid input,.studio-form-grid select{width:100%;background:#101a12;color:#edf3e6;border:1px solid #526147;padding:10px;font-size:11px;border-radius:2px;min-height:42px}.studio-start>div>small{display:block;font-size:10px;line-height:1.6;color:#c3cdbd;margin-top:12px}.studio-script{background:#e8e7d9;color:#273021;padding:24px;min-width:0;border-radius:3px;box-shadow:6px 6px 0 #89987c33}.studio-script>p{font-size:13px;font-weight:bold;border-bottom:1px solid #bcc1ae;padding-bottom:18px}.studio-script>p>span{display:block;font-size:8px;font-weight:400;letter-spacing:.08em;margin-top:5px}.studio-script pre{font-family:'Courier New',monospace;white-space:pre-wrap;font-size:11px;line-height:1.65;margin:22px 0}.studio-script>div{font-size:9px;border-top:1px solid #b7beaa;padding-top:13px}.review-pair{display:grid;grid-template-columns:1fr;gap:12px}.review-pair article>p{margin-top:5px;font-size:10px;color:#c2ccb9}.journey-section{background:#e7e5dc}.journey-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:stretch}.script-pullquote{background:#f7f5ec;border:1px solid #d1d3c6;padding:44px;box-shadow:7px 7px 0 #cccdbd44;display:flex;flex-direction:column;justify-content:center}.script-pullquote>span{font-family:'Courier New',monospace;font-size:11px}.script-pullquote blockquote{font-size:clamp(25px,2.5vw,42px);line-height:1.25;margin:32px 0;letter-spacing:-.03em}.script-pullquote blockquote em{color:#954d3d;letter-spacing:-.03em}.script-pullquote p{max-width:350px;font-size:13px;color:#555e4e}.journey-decisions>div{border-bottom:1px solid #b5bcac;padding:24px 0}.journey-decisions>div:first-child{padding-top:0}.journey-decisions>div>span{font-size:10px;letter-spacing:.1em;color:#5d6854}.journey-decisions strong{display:block;font-size:22px;letter-spacing:-.025em;line-height:1.3;margin-top:12px;font-weight:400}.journey-decisions p{font-size:13px;margin-top:9px;color:#5d6356}.journey-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}.journey-footer p{font-size:11px;color:#5f6659}.evidence-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:35px;align-items:center}.evidence-layout .comparison{aspect-ratio:16/10}.evidence-layout .comparison-header{align-items:start;flex-direction:column;gap:10px}.evidence-layout .comparison-header h3{font-size:24px;line-height:1.2}.evidence-card{background:#f4f2eb;padding:32px;border:1px solid #bfc5b4}.evidence-kicker{font-size:9px;letter-spacing:.13em;color:#536246}.evidence-card h3{font-size:36px;margin:20px 0 25px}.evidence-card h3 em{color:#8b4838}.evidence-card p{font-size:13px;color:#525d4a}.color-evidence{display:flex;gap:20px;margin-bottom:22px}.color-evidence>span{font-size:9px;line-height:1.4}.color-evidence i{display:block;width:39px;height:28px;margin-bottom:8px;border:1px solid #0002}.red-swatch{background:#a93b31}.blue-swatch{background:#486894}.evidence-card dl{font-size:11px;margin-top:20px}.evidence-card dt{font-weight:bold;margin-top:10px}.evidence-card dd{margin:3px 0;line-height:1.5;color:#56644a}.evidence-card .text-link{margin-top:12px}.evidence-layout .scene-envelope{width:9%;height:7%;right:24%;bottom:23%;background:#ab3c32;border:1px solid #d5a59c;box-shadow:0 2px 4px #0003}.evidence-layout .scene-envelope.variation{background:#486894;border-color:#adc0d6}.evidence-layout .compare-controls{flex-wrap:wrap;gap:10px 18px}.evidence-layout .compare-controls label{flex-basis:100%;font-size:12px}.evidence-layout .compare-controls input{flex:1}.evidence-layout .compare-controls .text-link{font-size:10px}.evidence-layout .compare-disclaimer{font-size:8px}.agent-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px}.agent-flow article{border-top:1px solid #aaa5ba;padding-top:20px}.agent-flow span{font-size:9px;letter-spacing:.1em;color:#5c576d}.agent-flow h3{font-size:38px;margin:26px 0 20px}.agent-flow p{font-size:13px;max-width:240px;color:#5c5868}.discipline-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#bcb7c9;border:1px solid #bcb7c9;margin-bottom:24px}.discipline-strip a{font-size:11px;line-height:1.4;padding:15px;background:var(--lavender);display:flex;gap:10px;align-items:center;min-height:64px}.discipline-strip a span{font-size:9px;color:#736c81}.discipline-strip a:hover{background:#d8d2e2}.worlds-section{background:#101d1c;color:#e9eee2}.worlds-section .section-intro>p{color:#bacabc}.worlds-section h2 em{color:#d5e8ab}.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.genre-grid article>div{padding-top:20px}.genre-grid h3{font-size:31px;line-height:1.1;letter-spacing:-.03em;margin:13px 0}.genre-grid article>div>p:last-child{font-size:13px;color:#b6c6b6}.genre-grid .eyebrow{font-size:9px;color:#baccac}.worlds-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;border-top:1px solid #47584a;padding-top:25px}.worlds-foot p{font-size:11px;color:#bdcdb9}.film-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;margin-bottom:80px}.film-facts strong{font-size:60px;letter-spacing:-.06em;line-height:1;font-weight:400}.film-facts small{display:block;font-size:9px;letter-spacing:.1em;line-height:1.5;margin-top:15px}.film-treatment-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:end;margin-bottom:65px}.film-treatment-intro .button{margin-top:25px}.film-shot-list>article{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:40px 0;border-top:1px solid var(--line);align-items:center}.film-shot-list h3{font-size:34px;line-height:1.1;margin:20px 0}.film-shot-list p{font-size:13px}.film-shot-list dl{font-size:12px;display:grid;grid-template-columns:80px 1fr;gap:10px;margin-top:20px}.film-shot-list dt{font-weight:bold}.film-shot-list dd{margin:0}.film-production-rule{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px;background:var(--lavender);margin-top:50px}.film-production-rule h3{font-size:40px}.film-production-rule p{font-size:15px}#film-dialog{width:min(1050px,94vw);max-height:90svh;padding:38px;background:var(--paper);color:var(--ink);border:0;overflow:auto}#film-dialog::backdrop{background:#080d0de6}#film-dialog h2{font-size:50px;line-height:1.03;margin:30px 0}#film-plan-fallback>p{max-width:650px}.film-plan-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.film-plan-mini span{background:#e1e6d6;padding:18px;font-size:10px;letter-spacing:.06em}#film-plan-fallback>.text-link{margin-left:20px}.close-film{font-size:13px;background:none;border:0;color:inherit;padding:10px;min-height:44px}#film-player-mount video{height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}.studio-full-page{padding-top:15px}.studio-full-page .studio-view{min-height:580px}.studio-full-page .studio-shell{max-width:1600px;margin:0 auto}.agent-card{scroll-margin-top:120px}.video-toggle{z-index:8}.cinema-media .video-toggle{right:var(--pad);top:20px;bottom:auto}
@media(min-width:1800px){.cinema-hero-copy{padding-top:5vw}.cinema-hero h1{font-size:6vw}.hero-shot-index{bottom:150px}}
@media(max-width:1200px){.cinema-hero-copy{max-width:78%;padding-top:30px}.cinema-hero h1{font-size:5.7vw}.cinema-hero .hero-actions{margin-top:18px}.cinema-intro{margin-top:18px}.cinema-status{margin-top:15px}.hero-shot-index{width:170px;right:35px;bottom:80px}.hero-shot-index strong{font-size:16px}.hero-shot-index b{font-size:58px}.hero-shot-index p{font-size:6px}.studio-stepbar button{font-size:10px;padding:14px 6px}.studio-view{padding:24px}.studio-three{grid-template-columns:1fr 1fr}.studio-three .studio-inspector{grid-column:1/-1}.studio-three .studio-inspector dl{display:grid;grid-template-columns:140px 1fr;gap:7px}.studio-three .studio-inspector dt{margin:0}.studio-three .studio-inspector dd{margin:0}.studio-sheet-grid{grid-template-columns:1fr 1fr}.studio-story-grid{grid-template-columns:repeat(3,1fr)}.studio-story-grid .media{aspect-ratio:16/9!important}.evidence-layout{grid-template-columns:1.4fr 1fr}.evidence-card{padding:24px}}
@media(max-width:1024px){.cinema-hero{aspect-ratio:auto;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);overflow:visible}.cinema-hero-copy{max-width:none;padding:55px var(--pad);order:1}.cinema-hero h1{font-size:clamp(50px,8vw,82px);max-width:850px}.cinema-hero h1 em{color:#657d34}.cinema-hero-copy .eyebrow{color:#586344}.cinema-intro{color:#505b49;font-size:15px}.cinema-hero .text-link{color:var(--ink)}.cinema-status{color:#5b6754;font-size:8px}.hero-cinema-plane{position:relative;inset:auto;order:2;aspect-ratio:4/5;max-height:650px;width:100%;z-index:0}.cinema-media{aspect-ratio:4/5!important}.hero-cinema-shade,.hero-shot-index{display:none}.hero-film-caption{position:static;order:3;padding:15px var(--pad);background:#111e20;color:var(--paper);flex-wrap:wrap;gap:10px 20px}.hero-film-caption>span{flex-basis:100%;font-size:10px}.hero-film-caption .text-link{color:var(--paper)}.cinema-ribbon{flex-wrap:wrap;gap:20px}.cinema-ribbon a{margin-left:0}.studio-chrome{gap:16px}.studio-chrome>div>small{display:none}.studio-stepbar{padding:0 12px}.studio-split{grid-template-columns:1fr 1fr}.shot-detail{gap:20px}.evidence-layout{grid-template-columns:1fr}.evidence-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}.evidence-kicker,.evidence-card .text-link{grid-column:1/-1}.evidence-card h3{margin:5px 0}.evidence-card dl{margin:0}.discipline-strip{grid-template-columns:repeat(2,1fr)}.agent-flow{grid-template-columns:1fr 1fr;gap:30px}.genre-grid h3{font-size:25px}}
@media(max-width:740px){.cinema-hero-copy{padding:40px 24px 36px}.cinema-hero h1{font-size:clamp(43px,9.5vw,70px);line-height:1.02}.cinema-hero-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:24px}.cinema-intro{font-size:14px}.cinema-hero .hero-actions{align-items:stretch;flex-direction:column;max-width:320px;gap:12px;margin-top:26px}.cinema-hero .hero-actions .text-link{align-self:flex-start}.hero-cinema-plane{max-height:none;aspect-ratio:4/5;width:100%}.cinema-status{margin-top:24px}.cinema-ribbon{font-size:8px;gap:20px;padding:19px 24px}.cinema-ribbon a{display:block;width:100%;font-size:11px}.product-showcase{padding-top:70px}.product-showcase .section-intro{gap:24px}.studio-shell{border-radius:5px}.studio-chrome{padding:15px;gap:12px;flex-wrap:wrap}.studio-brand{font-size:16px}.studio-brand span{font-size:8px}.studio-chrome>div{font-size:10px;margin-right:0;margin-left:auto}.studio-preview-chip{width:100%;font-size:9px;max-width:200px;border:0;padding:0;white-space:normal}.studio-stepbar{display:flex;overflow:auto;padding:0 8px;scrollbar-width:thin}.studio-stepbar button{flex:0 0 106px;gap:6px;font-size:10px;min-height:54px;padding:12px 8px}.studio-view{padding:18px;min-height:0}.studio-section-heading{align-items:start;flex-direction:column;gap:15px}.studio-shell h3{font-size:27px}.studio-three,.studio-split,.studio-start,.studio-sheet-grid{grid-template-columns:1fr}.studio-three .studio-inspector{grid-column:auto}.studio-three .studio-inspector dl{display:block}.studio-three .studio-inspector dt{margin-top:12px}.studio-three .studio-inspector dd{margin-top:4px}.studio-inspector{padding:20px}.studio-inspector h4{font-size:24px}.studio-story-grid{grid-template-columns:1fr 1fr;gap:9px}.studio-shot>button{font-size:9px;min-height:67px}.studio-story-grid .studio-media figcaption{justify-content:flex-start}.shot-detail{grid-template-columns:1fr;padding:18px}.shot-detail h4{font-size:24px}.shot-detail dl{gap:15px}.studio-bottom{padding:10px 18px;gap:12px;align-items:start;flex-direction:column}.studio-notice{padding:14px 18px}.studio-form-grid{gap:12px}.studio-form-grid input,.studio-form-grid select{font-size:12px;padding:9px 7px}.studio-script{padding:20px}.studio-script pre{font-size:10px}.studio-media .media-top{font-size:7px}.studio-media figcaption small{font-size:8px;max-width:180px}.studio-footnote{font-size:10px!important}.journey-grid{grid-template-columns:1fr;gap:32px}.script-pullquote{padding:26px}.script-pullquote>span{font-size:9px}.script-pullquote blockquote{font-size:27px;margin:26px 0}.journey-decisions strong{font-size:21px}.journey-footer,.worlds-foot{align-items:flex-start;flex-direction:column}.evidence-layout .comparison{aspect-ratio:4/3}.evidence-layout .compare-label{font-size:7px;padding:8px}.evidence-layout .compare-disclaimer{font-size:6px;max-width:85%;text-align:center;bottom:14px;line-height:1.5}.evidence-card{display:block;padding:25px}.evidence-card h3{margin:18px 0}.evidence-card dl{margin-top:20px}.evidence-card .color-evidence{margin:20px 0}.agent-flow{grid-template-columns:1fr 1fr;gap:25px 20px}.agent-flow h3{font-size:31px;margin:20px 0 15px}.agent-flow span{font-size:8px;line-height:1.6;display:block;min-height:25px}.agent-flow p{font-size:12px}.discipline-strip a{font-size:10px;padding:13px;min-height:70px;gap:8px}.genre-grid{grid-template-columns:1fr;gap:40px}.genre-grid h3{font-size:31px}.genre-grid article>div{padding-top:16px}.film-facts{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:45px}.film-facts strong{font-size:47px}.film-treatment-intro,.film-shot-list>article,.film-production-rule{grid-template-columns:1fr;gap:25px}.film-shot-list h3{font-size:30px}.film-shot-list dl{grid-template-columns:60px 1fr}.film-production-rule{padding:25px}.film-production-rule h3{font-size:32px}#film-dialog{padding:24px}#film-dialog h2{font-size:39px}.film-plan-mini{grid-template-columns:1fr 1fr}.film-plan-mini span{font-size:8px;padding:14px}#film-plan-fallback>.text-link{margin-left:0;margin-top:15px}.studio-full-page{padding:0 14px 60px}.studio-full-page .studio-view{min-height:0}.studio-full-page+.closing-cta{margin-top:0}}
@media(prefers-reduced-motion:reduce){.cinema-media .media-art{transition:none;transform:none}.cinema-ribbon,.hero-cinema-plane{animation:none}html{scroll-behavior:auto}}
/* v3 Quality Intelligence Gallery — public preview / illustration, not verified output */
.qi-gallery{background:#f4f2eb;color:#15201a}.qi-gallery-head{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end;margin-bottom:48px}.qi-gallery-head h2{margin-top:19px;max-width:900px}.qi-gallery-head h2 em{color:#66812e}.qi-gallery-head>p{max-width:510px;font-size:15px;color:#485447}.qi-filters{position:sticky;top:86px;z-index:14;display:flex;flex-wrap:wrap;gap:8px;padding:15px 0;background:#f4f2ebec;backdrop-filter:blur(12px);border-top:1px solid #bec7b7;border-bottom:1px solid #bec7b7;margin-bottom:40px}.qi-filters button{border:1px solid #899a82;background:transparent;padding:11px 21px;border-radius:30px;min-height:44px;font-size:12px;font-weight:600}.qi-filters button.is-active{background:#14221b;color:#eaf4dc;border-color:#14221b}.qi-filters button:hover:not(.is-active){background:#e0e8d7}.qi-examples{display:grid;gap:72px}.qi-study{padding:34px 0 0;border-top:1px solid #b8c2b4;scroll-margin-top:180px}.qi-study-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;font-weight:600;letter-spacing:.12em;color:#63715d}.qi-study-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:20px 0 28px}.qi-study-intro h3{font-size:clamp(28px,4vw,62px);max-width:940px}.qi-study-intro>p{max-width:220px;font-size:12px;color:#667162;text-align:right}.qi-study-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.8fr);gap:18px;align-items:stretch}.qi-media-panel{padding:14px 14px 16px;background:#e3e5dc;border:1px solid #c4cabf;min-width:0}.qi-picture{position:relative;aspect-ratio:16/9;overflow:hidden;background:#171c1d;color:#eff6e9}.qi-target,.qi-before{position:absolute;inset:0}.qi-before{clip-path:inset(0 calc(100% - var(--qi-split)) 0 0);z-index:2}.qi-splitter{position:absolute;z-index:4;left:var(--qi-split);top:0;bottom:0;width:2px;background:#d4ff6b;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 13px #d4ff6b7a}.qi-splitter span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d5ff70;color:#102217;border:2px solid white;width:45px;height:45px;display:grid;place-items:center;font-size:20px}.qi-placeholder{position:absolute;inset:0;overflow:hidden;background:linear-gradient(130deg,#0d151d,#31444a 48%,#19232b);font-size:12px}.qi-placeholder.qi-variant{background:linear-gradient(140deg,#22343d,#555046 48%,#172023)}.qi-art{position:absolute;inset:0;overflow:hidden}.qi-art-horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#d7ad7355,transparent 41%),linear-gradient(180deg,transparent 45%,#10252f 46%,#0e2126 58%,#14241b 58%,#171d1d 100%)}.qi-art-window{position:absolute;left:11%;top:10%;height:68%;width:29%;border:13px solid #263336;box-shadow:0 0 0 2px #8d967d,14px 12px 30px #04090a78}.qi-art-window:before{content:"";position:absolute;left:50%;height:100%;width:5px;background:#506367}.qi-art-subject{position:absolute;right:24%;bottom:8%;width:22%;height:57%;border-radius:45% 45% 16% 16%;background:linear-gradient(125deg,#1b292a,#0d1417);box-shadow:10px 0 25px #142f32aa}.qi-art-subject:before{content:"";position:absolute;left:24%;top:-22%;width:53%;height:29%;border-radius:49%;background:linear-gradient(135deg,#7b5343,#342924);box-shadow:5px -4px 0 3px #121615}.qi-art-object{position:absolute;left:39%;bottom:23%;width:19%;height:10%;background:#b83f3a;transform:rotate(-8deg);box-shadow:8px 7px 0 #090f10a8}.qi-art-hud{position:absolute;left:35%;bottom:12%;width:37%;height:2px;background:#ddcf9b66}.qi-Q01.qi-variant .qi-art-subject{background:linear-gradient(125deg,#6d7150,#353d2c)}.qi-Q01.qi-intended .qi-art-subject{background:linear-gradient(125deg,#1b2f50,#101e32)}.qi-Q02.qi-variant .qi-art-object{background:#3f75ae;left:46%}.qi-Q02.qi-intended .qi-art-object{background:#aa3a2d;left:39%}.qi-Q03.qi-variant .qi-art-subject{right:59%}.qi-Q03.qi-intended .qi-art-subject{right:24%}.qi-Q04.qi-variant .qi-art-horizon{background:linear-gradient(155deg,#adb7a9,#899ba1 65%,#4d5f61)}.qi-Q04.qi-intended .qi-art-horizon{background:radial-gradient(ellipse at 10% 40%,#e7a85e91,transparent 35%),linear-gradient(145deg,#111f36,#20404d 65%,#121923)}.qi-Q05 .qi-art-hud,.qi-Q06 .qi-art-hud{height:4px;left:10%;width:80%;bottom:14%;background:linear-gradient(90deg,#b3db7a 30%,#81a8bb 30%,#81a8bb 52%,#b3db7a 52%)}.qi-Q05.qi-variant .qi-art-hud{background:linear-gradient(90deg,#bb6b5c 48%,#81a8bb 48%)}.qi-Q06.qi-variant .qi-art-object{transform:rotate(18deg) translateY(-20px);background:#c8a873}.qi-Q06.qi-intended .qi-art-object{transform:rotate(-8deg);background:#c8a873}.qi-state{position:absolute;z-index:2;top:15px;left:15px;background:#111b19db;color:#e2e9d9;border:1px solid #dae5c05c;padding:8px 10px;font-size:9px;letter-spacing:.07em}.qi-asset-id{position:absolute;z-index:2;bottom:17px;left:16px;font-size:9px;letter-spacing:.1em;color:#e3e9e6}.qi-planned-note{position:absolute;right:14px;bottom:15px;z-index:5;color:#e4eada;font-size:9px;letter-spacing:.08em;text-align:right;background:#101b1bbb;padding:6px}.qi-controls{display:flex;align-items:center;gap:14px;margin:16px 4px 10px}.qi-controls label{font-size:12px;white-space:nowrap}.qi-controls input{flex:1;min-width:40px;accent-color:#5d7829}.qi-readout{font-size:11px;min-width:80px;text-align:right;font-variant-numeric:tabular-nums}.qi-asset-actions{display:flex;gap:16px;flex-wrap:wrap;padding:6px 4px}.qi-asset-actions button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:11px;color:#1b342a}.qi-evidence{background:#14241d;color:#edf2e8;padding:clamp(22px,2.6vw,44px);display:flex;flex-direction:column;gap:20px}.qi-evidence-kicker{font-size:9px;letter-spacing:.15em;color:#cde79f}.qi-evidence h4{font-size:clamp(26px,2.7vw,40px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:500}.qi-evidence-row{border-top:1px solid #627263a0;padding-top:17px}.qi-evidence-row small{display:block;color:#d0eca0;letter-spacing:.1em;font-size:9px;font-weight:650;margin-bottom:8px}.qi-evidence-row p{font-size:13px;color:#d5ddd0;line-height:1.6}.qi-human{margin-top:auto;padding-top:19px;border-top:1px solid #627263a0;font-size:11px;line-height:1.5;color:#c0d2ae;display:flex;gap:9px;align-items:start}.qi-human span{font-size:16px}.qi-timeline{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.08em;padding:0 4px;margin:9px 0}.qi-time-track{flex:1;height:17px;background:#172c26;position:relative;overflow:hidden}.qi-track-inner{position:absolute;inset:4px;background:repeating-linear-gradient(90deg,#e7f0dc 0 4%,#4d8a79 4% 8%,#b9d6a2 8% 13%,#112820 13% 14%)}.qi-marker{position:absolute;left:50%;top:0;height:100%;width:3px;background:#dcf96d}.qi-time-note{font-size:10px;line-height:1.5;color:#566453;padding:3px 4px 12px}.qi-gallery-footer{background:#d4f56d;padding:45px;margin-top:68px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end}.qi-gallery-footer h3{font-size:clamp(33px,4vw,67px)}.qi-gallery-footer p{font-size:14px;max-width:460px}.qi-gallery-footer em{font-family:var(--serif)}
@media(max-width:900px){.qi-gallery-head,.qi-study-grid,.qi-gallery-footer{grid-template-columns:1fr}.qi-gallery-head{gap:24px}.qi-evidence{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.qi-evidence h4{grid-column:1/-1}.qi-study-intro{align-items:start;flex-direction:column}.qi-study-intro>p{text-align:left}.qi-filters{top:75px}.qi-gallery-footer{padding:30px}}
@media(max-width:580px){.qi-gallery{padding-left:16px;padding-right:16px}.qi-gallery h2{font-size:clamp(40px,10vw,58px)}.qi-study-meta{font-size:8px}.qi-study-intro h3{font-size:34px}.qi-evidence{display:block}.qi-evidence>*{margin-bottom:18px}.qi-filters{top:70px;gap:4px}.qi-filters button{font-size:10px;padding:9px 13px}.qi-controls{flex-wrap:wrap}.qi-controls label{width:100%}.qi-picture{aspect-ratio:4/3}.qi-asset-id,.qi-planned-note{font-size:7px}.qi-state{font-size:7px}.qi-gallery-footer{margin-top:42px}.qi-examples{gap:48px}}

/* V4: deliberate visual production enhancement, distinct from QC evidence. */
.tx-section{background:#ecece4;color:#151d18}.tx-intro{padding-bottom:3.8rem}.tx-disclosure{font-size:.76rem;color:#59635a;margin-top:1.2rem}.tx-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:2.5rem}.tx-filters button{border:1px solid #9aab95;padding:.7rem 1rem;background:transparent;color:inherit;border-radius:99px;cursor:pointer;font:inherit;font-size:.78rem}.tx-filters button.active,.tx-filters button[aria-pressed="true"]{background:#17291e;color:#eaffc1}.tx-grid{display:grid;gap:2.8rem}.tx-study{background:#f9f9f2;padding:clamp(1.1rem,3vw,3rem);border:1px solid #d1d9c9}.tx-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid #c5c9bb;padding-bottom:1rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.tx-study h3{font-size:clamp(2rem,4vw,4.3rem);font-weight:450;line-height:1.05;margin:1.5rem 0 1rem;letter-spacing:-.06em}.tx-description{font-size:clamp(.9rem,1.25vw,1.15rem);max-width:55rem;margin:0 0 1.8rem}.tx-plates{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tx-plate{min-width:0;border:1px solid #c5d0c1;background:#e2e5dd}.tx-plate.after{background:#132a22;border-color:#132a22;color:#e9ffd5}.tx-label{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem .9rem;font-size:.7rem}.tx-label strong{letter-spacing:.16em}.tx-plate .tx-media{margin:0;max-width:none;min-height:0;width:100%;border-radius:0!important}.tx-plate .tx-media figcaption{display:none}.tx-plate .tx-media .media-top{font-size:.62rem}.tx-brief{width:100%;border:0;padding:1rem 1.1rem;text-align:left;font:inherit;cursor:pointer;background:transparent;color:inherit;font-size:.76rem}.tx-brief:hover{text-decoration:underline}.tx-review{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;padding-top:1.2rem;font-size:.76rem;color:#3f5245;line-height:1.45}.tx-review b{display:block;letter-spacing:.12em;font-size:.64rem;margin-bottom:.5rem}.tx-footer{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding-top:3rem;border-top:1px solid #b5bfac;margin-top:3.5rem}.tx-footer p{max-width:45rem}.tx-footer a{white-space:nowrap;color:#1b422c;text-underline-offset:.25rem}.qi-transformation-crosslink{background:#dfff77;color:#172418}.qi-transformation-crosslink h2{font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.055em;line-height:1.03}.qi-transformation-crosslink p{max-width:46rem}.qi-transformation-crosslink a{color:inherit;text-decoration:underline}.tx-study[hidden]{display:none!important}@media(max-width:760px){.tx-plates,.tx-review{grid-template-columns:1fr}.tx-footer{display:block}.tx-footer a{display:inline-block;margin-top:1rem}.tx-plate .tx-media{aspect-ratio:16/9!important}.tx-top{font-size:.58rem}}

/* v5: user-supplied stills, true aligned before/after image comparator. */
.tx-comparator{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#14211c;isolation:isolate;border:1px solid #95a897}
.tx-comparator-after,.tx-comparator-before{position:absolute;inset:0;overflow:hidden}
.tx-comparator-before{z-index:2;clip-path:inset(0 calc(100% - var(--tx-split)) 0 0)}
.tx-comparator .tx-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important;overflow:hidden!important;border:0!important;border-radius:0!important}
.tx-comparator .tx-media .media-target,.tx-comparator .tx-media .media-art{position:absolute;inset:0}
.tx-comparator .tx-media .media-target img{width:100%;height:100%;object-fit:cover;display:block}
.tx-comparator .tx-media .media-top,.tx-comparator .tx-media .media-center,.tx-comparator .tx-media .frame-corners{display:none!important}
.tx-comparator .tx-photo-label{position:absolute;z-index:4;top:16px;padding:9px 11px;background:rgba(11,24,18,.86);color:#fff;font-size:10px;letter-spacing:.09em;font-weight:650;line-height:1.25;pointer-events:none}
.tx-photo-before{left:16px}.tx-photo-after{right:16px}
.tx-comparator-rule{position:absolute;z-index:5;left:var(--tx-split);top:0;bottom:0;border-left:2px solid #d9ff79;transform:translateX(-1px);pointer-events:none}
.tx-comparator-rule span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d9ff79;color:#1d2b18;box-shadow:0 3px 18px #0006;font-size:22px;font-weight:600}
.tx-slider-ui{display:flex;align-items:center;gap:17px;padding:17px 0;flex-wrap:wrap;border-bottom:1px solid #cbd5c6}
.tx-slider-ui label{font-size:12px;font-weight:600;white-space:nowrap}
.tx-slider-ui input{flex:1 1 220px;min-width:110px;accent-color:#395b35;height:38px;cursor:ew-resize}
.tx-slider-ui .tx-view{padding:9px 12px;border:1px solid #a2b09c;background:transparent;color:#1b2b20;min-height:40px;font-size:11px;cursor:pointer}
.tx-slider-ui .tx-view:hover,.tx-slider-ui .tx-view:focus-visible{background:#193526;color:#e4ffcc}
.tx-brief-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.tx-brief-row .tx-brief{width:auto;padding:10px 15px;border:1px solid transparent;font-size:11px}
.tx-brief-row .tx-brief:focus-visible{outline:2px solid #284b32;outline-offset:2px}
@media(max-width:760px){.tx-comparator .tx-photo-label{font-size:8px;top:10px;padding:6px 7px}.tx-photo-before{left:8px}.tx-photo-after{right:8px}.tx-comparator-rule span{width:30px;height:30px;font-size:17px}.tx-slider-ui{gap:7px}.tx-slider-ui label{width:100%}.tx-slider-ui input{flex:1 0 100%}.tx-slider-ui .tx-view{flex:1}.tx-brief-row{display:grid;grid-template-columns:1fr 1fr}.tx-brief-row .tx-brief{padding:12px 8px;text-align:center}}

/* v6 Animation Studio: full-width cinematic hero, animation gallery, and responsive workflow */
.animation-hero{min-height:min(840px,88svh);height:750px;max-height:900px;position:relative;display:flex;align-items:flex-end;isolation:isolate;background:#111a1b;color:white;overflow:hidden}
.animation-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:-2}
.animation-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,17,.82) 0%,rgba(9,21,24,.55) 42%,rgba(3,13,17,.10) 100%),linear-gradient(0deg,rgba(5,15,18,.55),transparent 55%);z-index:-1}
.animation-hero-content{padding:clamp(35px,5vw,90px);max-width:950px;position:relative;z-index:1}
.animation-hero h1{font-size:clamp(64px,8.4vw,145px);font-weight:500;line-height:.91;letter-spacing:-.075em;margin:24px 0 30px;color:#fff}
.animation-hero h1 em{font-weight:400;color:#d8ff74;font-family:Georgia,serif;letter-spacing:-.05em}
.animation-hero-content>p:not(.eyebrow){font-size:clamp(15px,1.5vw,23px);max-width:540px;line-height:1.5}
.animation-hero .eyebrow{color:#d9ff83;font-size:11px;letter-spacing:.14em}
.animation-hero .hero-actions{margin:35px 0;display:flex;gap:13px;flex-wrap:wrap}
.animation-hero .button.line{border-color:#fff;color:#fff}
.animation-hero-note{opacity:.82;font-size:11px!important;max-width:none!important}
.animation-play-toggle{position:absolute;right:clamp(20px,4vw,70px);top:30px;z-index:4;border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(10,15,17,.5);padding:14px 20px;cursor:pointer;min-height:46px}
.animation-hero-facts{position:absolute;bottom:25px;right:45px;letter-spacing:.12em;font-size:11px;opacity:.8}
.animation-lead{background:#efeee7}.animation-swatch{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:45px}.animation-swatch span{padding:14px 6px;background:#e4ebd2;text-align:center;letter-spacing:.08em;font-size:10px}
.animation-gallery{background:#f1f0eb}.animation-gallery .tx-study{margin-bottom:75px}.animation-gallery .tx-top{color:#53614a}.animation-gallery .tx-media .media-top,.animation-gallery .tx-media .media-center{display:none!important}.animation-style-tag{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px;color:#525b52;margin-top:20px}.animation-style-tag strong{color:#19251b}
.animation-process{background:#ebe7f1}.animation-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:40px 0}.animation-step-grid>div{background:#fff9;padding:30px 20px;display:flex;flex-direction:column;gap:16px;min-height:130px}.animation-step-grid>div span{font-size:12px;color:#627254}.animation-step-grid>div strong{font-size:clamp(14px,1.35vw,22px);font-weight:500;letter-spacing:-.025em}
.animation-business{background:#19221c;color:#f4f4e9;min-height:520px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.animation-business h2{color:#fff;font-size:clamp(45px,6vw,95px);line-height:1;letter-spacing:-.06em;margin:35px 0}.animation-business h2 em{color:#d8ff74}.animation-business>p:not(.eyebrow){max-width:660px;line-height:1.7;font-size:16px}.animation-business .button{margin-top:25px}
.animation-home-promo{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#e7ddec;align-items:center}.animation-home-promo h2{font-size:clamp(46px,5vw,90px);line-height:1.02;letter-spacing:-.065em;margin:25px 0}.animation-home-promo em{font-family:Georgia,serif}.animation-home-promo p:not(.eyebrow){max-width:450px;line-height:1.7}.animation-home-promo a{margin-top:25px}.animation-home-poster{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:2px}
@media(max-width:950px){.animation-hero{height:670px;min-height:0}.animation-swatch{grid-template-columns:repeat(3,1fr)}.animation-step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.animation-hero{height:740px;max-height:95svh;align-items:flex-end}.animation-hero-video{object-position:54% 50%}.animation-hero-shade{background:linear-gradient(0deg,rgba(4,13,18,.94) 0%,rgba(4,13,18,.48) 65%,rgba(4,13,18,.20) 100%)}.animation-hero-content{padding:32px 23px 50px}.animation-hero h1{font-size:clamp(51px,11vw,78px)}.animation-hero .hero-actions{flex-direction:column;align-items:flex-start}.animation-play-toggle{top:15px;right:15px}.animation-hero-facts{display:none}.animation-swatch{grid-template-columns:repeat(2,1fr)}.animation-style-tag{flex-direction:column;align-items:flex-start}.animation-step-grid{grid-template-columns:1fr}.animation-home-promo{grid-template-columns:1fr}.animation-business{min-height:460px}}
@media(prefers-reduced-motion:reduce){.animation-hero-video{display:none}.animation-hero{background-image:url('media/animation_studio_hero_poster.jpg');background-size:cover;background-position:center}}

/* Film-plan: previously-shared concept hero video */
.film-prev-hero{position:relative;margin:30px 0 10px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#0c0b07;border:1px solid rgba(255,255,255,.08)}
.film-prev-hero-video{width:100%;height:100%;object-fit:cover;display:block}
.film-prev-hero figcaption{position:absolute;left:16px;bottom:14px;margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.55)}
.film-prev-toggle{position:absolute;top:14px;right:14px;background:rgba(10,9,6,.62);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:7px 13px;font:inherit;font-size:12px;cursor:pointer}
.film-prev-toggle:hover{background:rgba(10,9,6,.85)}

/* Homepage hero reuses the animation-hero layout with the ship poster fallback */
.animation-hero.home-hero{background-image:url('media/concept_film_prev_hero_poster.jpg')}

/* Homepage hero: full-quality film preview dialog */
.hero-preview-btn{position:absolute;top:clamp(16px,2.6vw,28px);right:clamp(16px,3.4vw,52px);z-index:4;width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);background:rgba(10,15,17,.35);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.hero-preview-btn::before{content:"";width:0;height:0;margin-left:3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.hero-preview-btn:hover{transform:scale(1.08);background:rgba(10,15,17,.6);border-color:#fff}
.hero-preview-btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:740px){.hero-preview-btn{width:40px;height:40px;top:13px;right:13px}}
.preview-dialog{border:0;padding:0;background:#000;width:min(94vw,1180px);max-width:94vw;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.preview-dialog::backdrop{background:rgba(6,10,12,.86)}
.preview-dialog video{display:block;width:100%;height:auto;max-height:86vh;background:#000}
.preview-close{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:30px;height:30px;background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:13px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease}
.preview-close:hover{background:rgba(0,0,0,.8)}
.preview-close:hover{background:rgba(0,0,0,.8)}

/* Quality gallery: real generated before/after images */
.qi-placeholder .qi-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.qi-placeholder.qi-has-media .qi-state{z-index:2;position:absolute}

/* Official brand logo in header and footer */
.wordmark img{display:block;width:auto;height:52px;max-height:100%;object-fit:contain}
.site-footer .wordmark img{height:58px}

/* Smoother media load: fade images in, no '+' placeholder flash on reload */
.media-target img{opacity:0;transition:opacity .4s ease}
.media.has-media .media-target img{opacity:1}
.media-center{display:none}

/* Media preloader: clean animated shimmer skeleton until the image loads (hides the tone-colored box flash) */
.media:not(.has-media)::after{
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(100deg,transparent 18%,rgba(255,255,255,.09) 40%,rgba(255,255,255,.17) 50%,rgba(255,255,255,.09) 60%,transparent 82%),
    #2a2824;
  background-size:220% 100%,100% 100%;background-repeat:no-repeat;
  animation:mediaShimmer 1.3s linear infinite;
}
.media.has-media::after{content:none}
.media:not(.has-media) .media-top,.media:not(.has-media) figcaption{opacity:0}
@keyframes mediaShimmer{0%{background-position:165% 0,0 0}100%{background-position:-65% 0,0 0}}
@media(prefers-reduced-motion:reduce){.media:not(.has-media)::after{animation:none}}

/* Large-screen stability: lock hero typography + spacing above the 1600px content cap (no drift when enlarging the window) */
@media(min-width:1600px){
  :root{--pad:90px}
  .animation-hero h1{font-size:134px}
  .animation-hero-content{padding:80px}
  .hero-copy h1{font-size:106px}
  .page-hero{min-height:780px;gap:64px}
}

/* Liquid layout: backgrounds, media and chrome run edge-to-edge; the readable column
   stays centred at --content so type size and position never drift on wide screens.
   Below --content the max() collapses to --pad, so narrow screens are untouched. */
:root{--content:1600px}
body{max-width:none;margin:0}
.site-header{max-width:none}
.cinema-ribbon,
.section-pad,
.site-footer,
.page-hero{
  padding-inline:max(var(--pad),calc((100% - var(--content))/2 + var(--pad)));
}
/* Header runs edge-to-edge: wordmark pinned far-left, nav + CTA far-right (drop.tv treatment). */
.site-header{padding-inline:var(--pad)}
/* Taller bar so the larger wordmark sits comfortably, and more breathing room
   above the hero copy so the headline reads bigger and less cramped. */
.site-header{min-height:72px;height:72px}
/* Hero must fit the fold on a laptop or the film never reads. Lock it to the
   viewport and let the type scale off viewport HEIGHT as well as width, so a
   short window shrinks the headline instead of pushing the hero below the fold. */
/* padding-block:0 — the hero's own 48/64 padding double-counted against the
   content's padding and pushed the bottom-aligned copy off the top edge. */
.home-hero{height:calc(100svh - 72px);min-height:460px;max-height:none;overflow:hidden;padding-block:0}
.animation-hero h1{font-size:min(clamp(44px,6.8vw,124px),13svh);line-height:.96;letter-spacing:-.03em}
.animation-hero-content{padding-block:clamp(28px,3.4svh,56px) clamp(30px,4.4svh,64px)}
.animation-hero-content .eyebrow{margin-bottom:clamp(14px,3.4svh,34px)}
.animation-hero-content>p:not(.eyebrow):not(.animation-hero-note){
  font-size:clamp(15px,1.2vw,20px);max-width:41ch;margin-top:clamp(16px,4.2svh,40px)}
.hero-actions{margin-top:clamp(20px,5.2svh,50px)}
.animation-hero-note{margin-top:clamp(16px,4.6svh,46px)}
@media(min-width:1600px){
  /* keep the frozen inset, but never let the headline outgrow the window */
  .animation-hero h1{font-size:min(124px,13svh)}
}
@media(max-width:900px){
  .site-header{min-height:72px;height:72px}
  .wordmark img{height:38px}
  .home-hero{height:auto;min-height:0;overflow:visible}
  .animation-hero h1{font-size:clamp(40px,8.4vw,64px)}
}
/* The hero stays full-bleed (its video/shade are inset:0 against the padding box);
   only its content box is inset to the centred column, so the copy keeps its own
   frozen padding and 950px measure instead of being crushed by a huge inline pad. */
.animation-hero{padding-inline:max(0px,calc((100% - var(--content))/2))}


/* ===== V9 workflow (THE SIGNAL) — scoped .w8-/.w9- rules merged from the supplied package ===== */
/* V8 / THE SIGNAL — cinematic interactive workflow: scoped styles */
.w8-root{--w8-cream:#f4f3e9;--w8-ink:#17241d;--w8-lime:#d8fa80;--w8-green:#11221d;color:var(--w8-ink)}
.w8-hero{background:#f4f3e9;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(35px,5vw,90px);padding:clamp(54px,6vw,100px) var(--pad);min-height:740px;align-items:center}
.w8-hero h1{font-size:clamp(54px,5.65vw,112px);letter-spacing:-.075em;line-height:.98;margin:26px 0 28px;max-width:750px}
.w8-hero h1 em,.w8-root h2 em,.w8-root h3 em{font-family:Georgia,serif;font-weight:400}
.w8-hero-content>p:not(.eyebrow){font-size:clamp(16px,1.45vw,22px);line-height:1.55;max-width:610px;color:#566158}
.w8-hero .hero-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.w8-hero-subnote{font-size:10px!important;letter-spacing:.16em;margin-top:31px}
.w8-hero-film{aspect-ratio:4/3;overflow:hidden;position:relative;background:linear-gradient(135deg,#122a35,#2c5c65 42%,#161e33 78%);border-radius:4px;box-shadow:0 32px 70px #14251c38;isolation:isolate}
.w8-hero-cosmos{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 44%,#bcebdc29 0%,transparent 49%),linear-gradient(130deg,transparent,#0a152f88)}
.w8-cosmos-planet{position:absolute;left:29%;width:86%;aspect-ratio:1;bottom:-60%;border-radius:50%;background:radial-gradient(circle at 36% 20%,#6eb7bf,#244f75 35%,#091d3b 67%);box-shadow:0 0 85px #8efdec46, inset 10px 10px 40px #bbffe866;transform:rotate(-15deg)}
.w8-cosmos-ring{position:absolute;width:84%;height:70%;border:2px solid #ddf6d455;border-radius:50%;transform:rotate(-28deg);left:29%;top:6%}
.w8-cosmos-figure{position:absolute;left:18%;bottom:0;width:22%;height:37%;background:linear-gradient(100deg,#34453f,#0a1117 65%);clip-path:polygon(31% 24%,26% 5%,42% 0,60% 7%,68% 24%,74% 31%,100% 100%,0 100%,25% 31%);filter:drop-shadow(12px 3px 6px #010408)}
.w8-hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.w8-hero-film-cap{position:absolute;left:26px;bottom:23px;z-index:3;color:#f7f5e9;display:flex;gap:10px;flex-direction:column;text-shadow:0 2px 8px #000}
.w8-hero-film-cap span{font-size:10px;letter-spacing:.15em}
.w8-hero-film-cap strong{font-size:clamp(20px,2.8vw,45px);letter-spacing:.16em;font-weight:500}
.w8-hero-plan{position:absolute;right:24px;top:24px;z-index:3;border:1px solid #f1f1deac;background:#0717176b;color:white;padding:12px 15px;font-size:11px;cursor:pointer}
.w8-intro{background:#11241e;color:#f3f4ee;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:8vw}
.w8-intro h2{font-size:clamp(48px,5.3vw,94px);line-height:1.04;letter-spacing:-.065em;margin:22px 0}
.w8-intro>p{max-width:520px;font-size:clamp(17px,1.4vw,21px);line-height:1.6;color:#c7d1c8}
.w8-explorer{background:#e8eadd;padding-top:94px;scroll-margin-top:85px}
.w8-explorer-header{padding:0 var(--pad) 42px;display:flex;gap:5vw;justify-content:space-between;align-items:end}
.w8-explorer-header h2{font-size:clamp(46px,4.8vw,85px);line-height:1.06;margin:15px 0 0;letter-spacing:-.065em}
.w8-explorer-header>p{font-size:15px;max-width:290px;color:#5e6c5d}
.w8-sticky{position:sticky;top:76px;z-index:28;background:#f1f1e8;border-block:1px solid #bdc7ba;box-shadow:0 9px 15px #17241812}
.w8-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 var(--pad)}
.w8-tab{background:none;border:0;border-bottom:4px solid transparent;min-height:79px;padding:13px 8px;display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;cursor:pointer;color:#304132}
.w8-tab span{font-size:11px;color:#5a795d}
.w8-tab strong{font-size:clamp(10px,1.1vw,14px);font-weight:700}
.w8-tab:hover{background:#d9e1cd}
.w8-tab.is-active{background:#ddf2a8;border-bottom-color:#587536;color:#122515}
.w8-stage-shell{padding:54px var(--pad) 15px}
.w8-panel{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(28px,5vw,95px);min-height:600px;align-items:center}
.w8-panel[hidden]{display:none!important}
.w8-panel-info{display:flex;flex-direction:column;align-items:flex-start}
.w8-stage-number{color:#58744f;font-size:11px;font-weight:700;letter-spacing:.15em}
.w8-panel h3{font-size:clamp(40px,4.7vw,75px);line-height:1.08;margin:19px 0 22px;letter-spacing:-.055em;font-weight:550;max-width:580px}
.w8-panel-info>p{max-width:530px;color:#5a685b;font-size:clamp(15px,1.3vw,19px);line-height:1.55}
.w8-output,.w8-decision{margin-top:27px;border-top:1px solid #bdc9b7;padding-top:16px;width:100%;max-width:520px;display:grid;gap:8px}
.w8-decision{margin-top:18px}
.w8-output small,.w8-decision small{letter-spacing:.15em;font-size:10px;color:#5b7658}
.w8-output strong,.w8-decision strong{font-size:15px;font-weight:600}
.w8-panel-action{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:25px}
.w8-inline-brief{background:none;border:0;border-bottom:1px solid currentColor;padding:9px 0;cursor:pointer;font-weight:650;font-size:13px;color:#17291d}
.w8-panel-action>span{font-size:10px;color:#747f75}
.w8-product-shell{background:#142621;color:#f1f4eb;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 22px 48px #15211b31;min-height:425px;border:1px solid #3a5343}
.w8-product-top,.w8-product-bottom{min-height:43px;padding:14px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.13em;color:#b9c6b5}
.w8-product-top{border-bottom:1px solid #ffffff24}
.w8-product-bottom{border-top:1px solid #ffffff24;font-size:9px;letter-spacing:.06em}
.w8-script-view{padding:0 20px 22px}
.w8-editor-bar{font-size:9px;letter-spacing:.12em;padding:15px 8px;display:flex;justify-content:space-between}
.w8-dot-group{color:#9ece68}
.w8-script-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.w8-paper{background:#f6f4e9;color:#14251d;padding:25px;min-height:310px;box-shadow:4px 5px 0 #425b46}
.w8-paper>span{font:11px monospace}
.w8-paper p{font:clamp(10px,1vw,14px)/1.75 monospace;margin:16px 0}
.w8-paper mark{background:#dfff96}
.w8-extract{display:flex;flex-direction:column;gap:12px;padding:18px 8px}
.w8-smallcap{font-size:10px;color:#d6f88e;letter-spacing:.14em;font-weight:700}
.w8-extract>div:not(.w8-status){background:#30463c;padding:13px;display:flex;flex-wrap:wrap;gap:7px;font-size:11px}
.w8-extract b{color:#cde685}
.w8-extract strong{font-size:12px}
.w8-status{font-size:10px;color:#b8d8aa;margin-top:auto}
.w8-cast-view{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:23px;min-height:345px}
.w8-cast-stage{position:relative;background:linear-gradient(130deg,#4b5a64,#1b2b37);overflow:hidden;min-height:320px;display:flex;align-items:end;padding:16px}
.w8-cast-stage>span{position:relative;z-index:2;font-size:9px}
.w8-actor-head{position:absolute;width:105px;height:136px;border-radius:48% 48% 42% 42%;background:#8b6256;top:45px;left:calc(50% - 52px);box-shadow:0 -22px 0 #1c1f20}
.w8-actor-body{position:absolute;width:230px;height:200px;background:linear-gradient(150deg,#788990,#1a222a 70%);border-radius:40% 40% 0 0;bottom:-40px;left:calc(50% - 115px)}
.w8-cast-details{display:flex;flex-direction:column;justify-content:center}
.w8-cast-details h3,.w8-prop-side h3,.w8-review-panel h3{font-size:clamp(24px,2.5vw,39px);line-height:1.1;margin:13px 0}
.w8-cast-details p,.w8-prop-side p{font-size:13px}
.w8-ref-chips,.w8-prop-states{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}
.w8-ref-chips span,.w8-prop-states span{padding:7px 9px;border:1px solid #bed4b27e;font-size:10px}
.w8-mock-actions{display:flex;gap:5px;flex-wrap:wrap}
.w8-mock-actions span{padding:9px;background:#e3f2cb;color:#182b1d;font-size:10px;font-weight:700}
.w8-note{font-size:10px!important;color:#c0c9bb!important}
.w8-world-view{height:357px;position:relative;overflow:hidden;background:linear-gradient(160deg,#071b2b,#123d52 50%,#152833)}
.w8-world-planet{position:absolute;width:75%;aspect-ratio:1;bottom:-85%;right:-8%;border-radius:50%;background:radial-gradient(circle at 30% 10%,#b6ebe5,#3d9fae 24%,#194e74 48%,#081b2e 68%);box-shadow:0 0 60px #81ffe75e}
.w8-world-horizon{position:absolute;inset:0}
.w8-rib{position:absolute;width:50%;height:210%;border:21px solid #15252b;border-radius:50%;top:-65%;box-shadow:inset 2px 0 #78958a}
.w8-rib.one{left:-34%}
.w8-rib.two{left:5%}
.w8-rib.three{left:50%}
.w8-world-panel{position:absolute;left:25px;bottom:24px;max-width:72%;text-shadow:0 2px 7px #000}
.w8-world-panel span{font-size:9px;letter-spacing:.16em}
.w8-world-panel h3{font-size:33px;margin:10px 0}
.w8-world-panel p{font-size:11px}
.w8-prop-view{min-height:356px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:15px;padding:20px;background:radial-gradient(circle at 25% 46%,#2c5860,#101f29 60%)}
.w8-prism-glow{height:250px;display:grid;place-items:center;background:radial-gradient(circle,#50f8de80,transparent 59%)}
.w8-prism{width:150px;height:185px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(135deg,#d0fff9b5,#6fc8ba56 45%,#e4f9f39e);border:3px solid #befff4;box-shadow:0 0 30px #75fce9;position:relative;transform:rotate(15deg)}
.w8-prism:after{content:'';position:absolute;width:3px;height:90%;top:5%;left:50%;background:#ffd77d;box-shadow:0 0 20px #ffcf56}
.w8-prop-side .w8-note{margin-top:20px}
.w8-sheets-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:120px;gap:8px;padding:15px}
.w8-sheet-card{background:linear-gradient(140deg,#637d7a,#253b42);position:relative;text-align:center;font-size:9px;padding:12px;overflow:hidden}
.w8-person-line{position:absolute;width:70%;height:80%;bottom:-13%;left:15%;background:radial-gradient(ellipse at 50% 22%,#8e6050 0 22%,transparent 23%),radial-gradient(ellipse at 50% 92%,#1b2932 0 52%,transparent 53%)}
.w8-sheet-banner{grid-column:span 3;background:#c4dcb1;color:#243b2c;padding:12px;font-size:10px;letter-spacing:.1em;font-weight:700}
.w8-sheet-mini{grid-column:span 3;background:linear-gradient(95deg,#294956,#10292c);padding:16px;font-size:11px;font-weight:600}
.w8-board-view{padding:16px}
.w8-board-top{display:flex;justify-content:space-between;font-size:10px;color:#dce7cc;letter-spacing:.1em;margin-bottom:14px}
.w8-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.w8-shot{border:1px solid #6f8d79;background:#283f3b;text-align:left;padding:10px;color:#edf3e6;cursor:pointer;min-height:129px}
.w8-shot.is-active{border:2px solid #c7f17d;background:#385144}
.w8-shot>span,.w8-shot small{font-size:10px}
.w8-shot-thumb{display:block;height:67px;margin:7px 0;background:linear-gradient(130deg,#6b9296,#0b2a40)}
.w8-shot-thumb.shot1{background:radial-gradient(circle at 50% 80%,#738f9b,#13212d)}
.w8-shot-thumb.shot2{background:linear-gradient(90deg,#aa845f,#214660)}
.w8-shot-thumb.shot3{background:radial-gradient(circle at 50% 50%,#93f4c5,#184052)}
.w8-shot-thumb.shot4{background:linear-gradient(130deg,#295e68,#59718e)}
.w8-shot-thumb.shot5{background:radial-gradient(circle at 50% 40%,#af8269,#13252f)}
.w8-board-footer{display:flex;gap:25px;justify-content:space-between;margin-top:14px;background:#dcecc4;color:#1a2b1d;padding:13px 15px}
.w8-board-footer>div{display:grid;gap:7px}
.w8-board-footer span{font-size:9px;letter-spacing:.1em}
.w8-board-footer strong{font-size:13px}
.w8-review-view{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:16px;min-height:335px}
.w8-review-film{background:linear-gradient(160deg,#16435a,#0c172e 60%);overflow:hidden;position:relative;min-height:305px}
.w8-final-planet{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 10%,#85e8d5,#276781 35%,#061f40 62%);bottom:-100%;right:-10%;box-shadow:0 0 65px #81f8e840}
.w8-final-ring{position:absolute;width:80%;height:37%;border-radius:50%;border:5px solid #b3feda8f;left:13%;top:37%;transform:rotate(23deg);box-shadow:0 0 40px #bafad66e}
.w8-frame-label{position:absolute;left:15px;bottom:14px;z-index:1;font-size:9px;letter-spacing:.1em}
.w8-review-panel{display:flex;flex-direction:column;justify-content:center}
.w8-review-panel p{font-size:12px;color:#c1d3c9}
.w8-review-panel>div{padding:12px 0;border-top:1px solid #bdcdb356;display:grid;gap:7px;font-size:11px}
.w8-review-panel>div strong{color:#d7f485}
.w8-navigation-row{padding:20px var(--pad) 62px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.w8-navigation-row button{background:#182b20;color:#f2f4e8;padding:14px 19px;border:0;cursor:pointer;font-size:13px}
.w8-navigation-row button:disabled{opacity:.35;cursor:not-allowed}
.w8-navigation-row>span{font-size:12px;font-weight:700}
.w8-director-story{background:#f4f2e9}
.w8-story-head{display:flex;justify-content:space-between;align-items:end;gap:8vw;margin-bottom:42px}
.w8-story-head h2,.w8-film-copy h2,.w8-calc-wrap h2,.w8-cta h2{font-size:clamp(48px,5.4vw,93px);line-height:1.04;letter-spacing:-.07em;margin:22px 0}
.w8-story-head>p{max-width:450px;color:#647164;font-size:17px;line-height:1.6}
.w8-three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.w8-three-cards article{border:1px solid #b9c5b2;min-height:240px;padding:29px}
.w8-three-cards article span{font-size:10px;letter-spacing:.12em;color:#657d56}
.w8-three-cards h3{font-size:clamp(26px,2.6vw,42px);margin:38px 0 15px}
.w8-three-cards p{font-size:13px;color:#5f705f}
.w8-film-finale{background:#112822;color:#f4f5ed;display:grid;grid-template-columns:.93fr 1.07fr;min-height:610px}
.w8-film-copy{padding:clamp(48px,6vw,95px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.w8-film-copy>p:not(.eyebrow){font-size:16px;color:#b8cec0;line-height:1.6;max-width:480px}
.w8-film-copy .hero-actions{margin-top:28px}
.w8-film-copy .button.primary{background:#d7f483;color:#17281b}
.w8-finale-scene{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#719eab,#173d58 48%,#0b1629 77%)}
.w8-finale-orbit{position:absolute;width:100%;aspect-ratio:1;left:15%;bottom:-78%;background:radial-gradient(circle at 40% 0%,#a5ded1,#317b9a 26%,#0b2855 55%,#020f2b 67%);border-radius:50%;box-shadow:0 -10px 66px #99fbef62}
.w8-finale-sun{position:absolute;left:20%;top:36%;width:70%;height:28%;border-radius:50%;border:5px solid #c4fcca9c;transform:rotate(-16deg);box-shadow:0 0 50px #bcfdbf70}
.w8-finale-scene>span{position:absolute;bottom:22px;left:28px;font-size:10px;letter-spacing:.16em}
.w8-calc-wrap{background:#d9f48d;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.w8-calc-wrap>div:first-child p:not(.eyebrow){max-width:550px;line-height:1.65}
.w8-calc{background:#f5f4e9;padding:35px;display:grid;gap:18px}
.w8-calc label{display:grid;gap:7px;font-size:12px;font-weight:700}
.w8-calc input{padding:12px;background:white;border:1px solid #a1b69a;max-width:100%;color:#17251d}
.w8-calc>span{font-size:11px;letter-spacing:.16em}
.w8-calc>strong{font-size:85px;line-height:1}
.w8-calc small{font-size:11px;color:#62725f}
.w8-cta{background:#16231c;color:#e8f1e6}
.w8-cta>p:not(.eyebrow){font-size:17px}
.w8-cta .hero-actions{margin-top:30px}
.w8-cta .button.primary{background:#d4f482;color:#1e291e}
.w8-dialog-top{display:flex;justify-content:space-between;gap:18px}
.w8-dialog-top span{font-size:10px;letter-spacing:.15em}
.w8-dialog-top h2{font-size:30px;margin:9px 0}
.w8-dialog-top button{font-size:25px;background:transparent;border:0;cursor:pointer}
.w8-dialog-foot{display:flex;align-items:center;gap:14px;margin-top:17px}
.w8-dialog-foot span{font-size:12px}
@media(max-width:1050px){.w8-hero{min-height:0}.w8-hero h1{font-size:clamp(48px,6vw,78px)}.w8-panel{grid-template-columns:1fr;gap:30px}.w8-stage-shell{padding-top:40px}.w8-panel-info>p{max-width:900px}.w8-tab{flex-direction:column}.w8-sticky{top:67px}.w8-panel-media{max-width:920px;width:100%}}
@media(max-width:720px){.w8-hero{grid-template-columns:1fr;min-height:0;padding:54px var(--pad) 56px}.w8-hero h1{font-size:clamp(47px,10vw,75px)}.w8-hero-film{aspect-ratio:4/3}.w8-hero-content>p:not(.eyebrow){font-size:15px}.w8-intro{grid-template-columns:1fr;gap:10px}.w8-explorer{padding-top:64px}.w8-explorer-header{display:block}.w8-sticky{top:66px;overflow-x:auto}.w8-tabs{min-width:630px;padding:0 12px}.w8-tab{min-height:70px;padding:8px 5px}.w8-stage-shell{padding:31px var(--pad) 0}.w8-panel h3{font-size:clamp(38px,9vw,56px)}.w8-product-shell{min-height:0}.w8-product-top,.w8-product-bottom{font-size:8px;padding:12px}.w8-script-columns{grid-template-columns:1fr}.w8-paper{min-height:210px;padding:18px}.w8-extract{padding:12px 0}.w8-cast-view{gap:12px;padding:12px}.w8-cast-stage{min-height:250px}.w8-actor-head{width:74px;height:92px;left:calc(50% - 37px)}.w8-actor-body{width:140px;left:calc(50% - 70px);height:155px}.w8-cast-details h3{font-size:23px}.w8-review-view{grid-template-columns:1fr}.w8-review-film{min-height:240px}.w8-prop-view{grid-template-columns:1fr}.w8-prism-glow{height:170px}.w8-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w8-shot{min-height:115px}.w8-shot-thumb{height:47px}.w8-navigation-row{padding-bottom:45px}.w8-navigation-row button{padding:11px 10px}.w8-navigation-row>span{font-size:10px}.w8-story-head{display:block}.w8-three-cards{grid-template-columns:1fr}.w8-three-cards article{min-height:150px}.w8-three-cards h3{margin:20px 0 12px}.w8-film-finale{grid-template-columns:1fr}.w8-film-copy{padding:60px var(--pad)}.w8-finale-scene{min-height:360px}.w8-calc-wrap{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.w8-root *{animation:none!important;scroll-behavior:auto!important}}
/* v9 supplied-media integration: real concept imagery throughout Workflow */
.w9-hero-film{background:#101d1b;}
.w9-hero-film .w9-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% 49%;z-index:1;}
.w9-hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:2;display:block;opacity:1;}
.w9-hero-film:after{content:"";position:absolute;z-index:3;inset:38% 0 0;background:linear-gradient(transparent,#07141499);pointer-events:none;}
.w9-hero-film .w8-hero-film-cap{z-index:4;bottom:24px;left:22px;right:22px;color:white;position:absolute;pointer-events:none;}
.w9-film-toggle{position:absolute;z-index:5;right:18px;top:18px;color:#fff;background:#111b1ca8;border:1px solid #e6efe9a0;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:650;backdrop-filter:blur(8px)}
.w9-film-toggle:focus-visible{outline:3px solid #d8fa80;outline-offset:3px}
.w9-video-length{position:absolute;z-index:4;right:22px;bottom:20px;color:#f2f8ed;font-size:10px;letter-spacing:.1em}
.w8-product-shell{min-height:0}
.w9-stage-media{position:relative;overflow:hidden;background:#13231f;display:flex;flex-direction:column}
.w9-stage-media>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
.w9-image-badge{position:absolute;left:16px;top:14px;background:#101b18db;color:#f7f7ec;border:1px solid #cbe9b830;padding:8px 10px;font-size:10px;letter-spacing:.12em;font-weight:700}
.w9-media-sub{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 17px;background:#162a23;color:#e9f0e6;flex-wrap:wrap}
.w9-media-sub strong{font-size:11px;letter-spacing:.11em}
.w9-media-sub span{font-size:11px;color:#b9c8b8}
.w9-shot-picker{padding:18px 14px 8px;background:#12251f}
.w9-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.w9-shot-grid .w8-shot{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:11px;background:#25392f;color:#eaf3e8;border:1px solid #53694b;border-radius:4px;cursor:pointer}
.w9-shot-grid .w8-shot small{font-style:normal;font-size:10px;line-height:1.3;white-space:normal;text-align:left}
.w9-shot-grid .w8-shot span{font-size:10px;color:#d8fa80}
.w9-shot-grid .w8-shot.is-active{border-color:#d8fa80;background:#334a30}
.w9-shot-picker .w8-board-footer{padding:15px 2px 8px}
.w9-finale-scene{background:#10211f}
.w9-finale-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 48%}
.w9-finale-scene:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#050e13bb);pointer-events:none}
.w9-finale-scene>span{z-index:2}
@media(max-width:720px){.w9-hero-film{aspect-ratio:4/3}.w9-video-length{display:none}.w9-stage-media>img{aspect-ratio:16/9}.w9-media-sub{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.w9-hero-film:not(.w9-user-play) video{display:none!important}}

/* V9 workflow media: same skeleton preloader as the rest of the site.
   Andre's page uses its own .w9-stage-media / .w9-hero-film wrappers rather than
   our .media component, so the shimmer is attached to those directly. */
.w9-stage-media,.w9-hero-film{position:relative;overflow:hidden}
.w9-stage-media:not(.is-loaded)::after,.w9-hero-film:not(.is-loaded)::after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.09) 40%,rgba(255,255,255,.17) 50%,rgba(255,255,255,.09) 60%,transparent 82%),#23302b;
  background-size:220% 100%,100% 100%;background-repeat:no-repeat;
  animation:mediaShimmer 1.3s linear infinite;
}
.w9-stage-media img,.w9-hero-film .w9-hero-poster{opacity:0;transition:opacity .45s ease}
.w9-stage-media.is-loaded img,.w9-hero-film.is-loaded .w9-hero-poster{opacity:1}
@media(prefers-reduced-motion:reduce){
  .w9-stage-media:not(.is-loaded)::after,.w9-hero-film:not(.is-loaded)::after{animation:none}
}

/* Mobile legibility floor: frame chrome and micro-labels were rendering at 6-8px,
   below the readable threshold on a phone. Nothing drops under ~9.5px now. */
@media(max-width:700px){
  .media-top span,.media-top small,
  .media-center small,
  .cinema-ribbon span,.cinema-ribbon a,
  .compare-label,.compare-disclaimer,
  .tx-photo-label,.studio-tag,.status-label,.evidence-kicker,
  .studio-preview-chip,.studio-footnote,
  .footer-bottom span,.hero-note,.workflow-ticket .eyebrow,
  .w8-product-top span,.w8-product-bottom span,
  .qi-study-meta span,.qi-state,.qi-planned-note,
  .story-copy .eyebrow,.animation-hero-note,.animation-hero-facts,
  .studio-chrome small,.studio-script p span,
  .agent-flow article span,.architecture-layers article small,
  figcaption,figcaption small{font-size:9.5px!important;letter-spacing:.1em}
  .media figcaption,.media-top{line-height:1.35}
}