.scroll-story{background:#100e17;color:var(--paper);position:relative;padding:90px var(--gutter) 0}.scroll-story .story-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.story-heading h2{font-size:clamp(39px,5.6vw,80px);line-height:1.02;font-weight:400;letter-spacing:-.055em}.story-heading p{max-width:300px;color:#bfb2cc;font-size:15px}
.story-track{position:relative;height:390svh}.story-stick{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.laptop-stage{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 60%,#67547125,transparent 65%)}.laptop-stage canvas,.laptop-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.laptop-stage[data-rendered=true]>img{visibility:hidden}.story-caption{padding:10px 0 38px;display:grid;grid-template-columns:.8fr 1fr;gap:55px;border-top:1px solid #c7b0d130}.story-caption h3{font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.04em}.story-caption p{font-size:16px;max-width:520px;color:#cfc3db}.story-caption small{display:block;font-size:11px;color:#a89bb6;margin-bottom:12px}.story-progress{height:2px;background:#b78cff;transform-origin:left;transform:scaleX(0)}.story-all{display:none}.story-label{position:absolute;top:28px;left:10px;color:#c1aacd;font-size:12px}.story-guides{position:absolute;inset:20% 14%;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0}.story-guides strong{font-size:clamp(25px,4vw,52px);background:#100d18dc;padding:12px}.story-guides span{color:#ddc5f6;background:#100d18dc;padding:10px}
.creature-gallery{padding:90px var(--gutter);background:#090b16;color:var(--paper)}.creature-gallery h2{font-size:clamp(38px,5vw,72px);line-height:1.05;font-weight:400;letter-spacing:-.05em}.creature-gallery>.gallery-intro{display:flex;justify-content:space-between;gap:35px}.gallery-intro p{max-width:340px;color:#aab2ce}.creature-stage{position:relative;height:clamp(400px,46vw,670px);background:radial-gradient(ellipse at 50% 65%,#35407445,transparent 65%);touch-action:pan-y}.creature-stage img,.creature-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.creature-stage[data-rendered=true]>img{visibility:hidden}.creature-stage.switching canvas{opacity:0;transform:scale(.92) rotate(3deg)}.creature-stage canvas{transition:opacity .35s,transform .6s cubic-bezier(.23,1,.32,1)}.creature-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 24px}.creature-controls button,.gallery-motion{background:transparent;color:#d6d9f1;border:1px solid #70779770;border-radius:28px;min-height:44px;padding:12px 24px}.creature-controls button[aria-pressed=true]{background:#c8b5ff;color:#15121f;border-color:#c8b5ff}.gallery-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #6e718944;padding-top:20px}.gallery-bottom p{color:#b4bdd5;max-width:630px}.gallery-motion{font-size:12px;white-space:nowrap}
.studio-scroll{padding-top:70px}.studio-scroll .story-track{height:280svh}.studio-drawing{position:relative;min-height:0;perspective:1200px}.studio-drawing svg{position:absolute;inset:8% 0;width:100%;height:80%}.studio-trace{stroke:#c49aff;stroke-width:2;fill:none;stroke-dasharray:1600;stroke-dashoffset:1600}.studio-wire{stroke:#88809c;stroke-width:1;fill:#1b142533;opacity:0}.studio-proof{position:absolute;width:47%;height:auto;top:27%;left:8%;opacity:0;box-shadow:0 30px 70px #0008;transform:rotateY(15deg) rotateZ(-5deg)}.studio-proof.second{left:49%;top:35%;width:40%;transform:rotateY(-14deg) rotateZ(6deg)}.studio-type{position:absolute;top:14%;left:12%;font-family:Archivo,sans-serif;font-size:clamp(36px,6vw,90px);letter-spacing:-.05em;opacity:0;color:#e4d5f7}.studio-evidence-new{padding:75px var(--gutter);background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:50px}.studio-evidence-new h2{font-size:clamp(30px,4vw,56px);line-height:1.1;font-weight:400;letter-spacing:-.04em}.studio-evidence-new p{margin:18px 0}.studio-evidence-new a{display:inline-block;margin:10px 25px 10px 0;text-decoration:underline;text-underline-offset:6px}
[data-service-player]{overflow:visible!important}.service-scroll-track{height:200svh;position:relative}.service-scroll-track .service-cinema{position:sticky;top:12px}.service-scroll-track .service-stage{height:min(54svh,540px);min-height:250px}.service-scroll-track .service-story{padding:20px 25px}.service-scroll-track .service-story h4{font-size:27px}.service-scroll-track .service-process{margin-top:15px}.scroll-hint{font-size:12px;color:#756782;padding:14px 0}
@media(max-width:700px){.scroll-story{padding:60px 20px 0}.scroll-story .story-heading,.creature-gallery>.gallery-intro{display:block}.story-heading p,.gallery-intro p{margin-top:25px}.story-track{height:350svh}.story-stick{min-height:0}.story-caption{grid-template-columns:1fr;gap:12px;padding-bottom:25px}.story-caption p{font-size:14px}.story-label{top:14px;font-size:10px}.story-guides{inset:10% 5%}.creature-gallery{padding:65px 20px}.creature-stage{height:440px;margin:0 -20px}.creature-controls{gap:7px}.creature-controls button{padding:10px 15px;font-size:12px}.gallery-bottom{display:block}.gallery-motion{margin-top:20px}.studio-scroll .story-track{height:280svh}.studio-proof{width:82%;left:4%;top:24%}.studio-proof.second{width:72%;left:23%;top:48%}.studio-evidence-new{grid-template-columns:1fr;padding:55px 20px;gap:15px}.service-scroll-track{height:180svh}.service-scroll-track .service-stage{height:45svh;min-height:240px}.service-scroll-track .service-story p{font-size:13px}.service-scroll-track .service-story h4{font-size:23px}.service-scroll-track .service-process{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce),(max-height:580px){.story-track,.studio-scroll .story-track,.service-scroll-track{height:auto}.story-stick{position:relative;height:auto;min-height:0}.laptop-stage,.studio-drawing{height:380px}.story-all{display:block}.story-all article{padding:20px 0;border-top:1px solid #77638040}.story-caption{display:none}.service-scroll-track .service-cinema{position:relative;top:0}.creature-stage canvas{transition:none}.studio-drawing svg{display:none}.studio-proof{opacity:1}.studio-type{opacity:1}}
html.no-story-js .story-track{height:auto}html.no-story-js .story-stick{position:relative;height:auto}html.no-story-js .laptop-stage,html.no-story-js .studio-drawing{height:400px}html.no-story-js .story-all{display:block}html.no-story-js .story-caption{display:none}

.story-comparison{position:absolute;left:0;top:65px;display:flex;gap:12px;opacity:0;pointer-events:none}.story-comparison figure{margin:0;width:130px}.story-comparison img{width:100%;height:auto;border:1px solid #9580a5}.story-comparison figcaption{font-size:11px;color:#d7c5e7;margin-top:7px}@media(max-width:700px){.story-comparison{top:46px}.story-comparison figure{width:85px}}

.story-fallback .story-track{height:auto}.story-fallback .story-stick{position:relative;height:auto;min-height:0}.story-fallback .laptop-stage{height:380px}.story-fallback .story-all{display:block}.story-fallback .story-caption{display:none}

.no-service-scroll .service-scroll-track{height:auto}.no-service-scroll .service-cinema{position:relative;top:0}

[data-service-player] .service-scroll-track .service-stage,#frontend .service-scroll-track .service-stage{height:clamp(260px,52svh,520px);min-height:0}
[data-service-player]>.service-story{background:#100b19;color:#f6effb;border-radius:0 0 10px 10px}
@media(max-width:700px){[data-service-player] .service-scroll-track .service-stage,#frontend .service-scroll-track .service-stage{height:42svh;min-height:240px}.service-scroll-track .premium-readout{min-height:0;padding:14px;gap:10px}.service-scroll-track .premium-app-preview{padding:10px 0 0}.service-scroll-track .premium-scene-caption span{font-size:13px}}

.no-story-js .studio-proof{opacity:1}.no-story-js .creature-controls,.no-story-js .gallery-motion{display:none}

[data-scroll-story="laptop"] .story-track{height:260svh}.story-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 60px;border-top:1px solid #77638040}.story-next p{color:#c7b7d6}.story-next a{display:inline-flex;gap:35px;align-items:center;background:#c6a9ef;color:#160e21;padding:17px 25px;border-radius:32px;font-weight:600;text-decoration:none}.story-next a:hover{background:#dfc9ff}.story-next a:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:700px){[data-scroll-story="laptop"] .story-track{height:280svh}.story-next{display:block;padding-bottom:45px}.story-next a{margin-top:18px}}@media(prefers-reduced-motion:reduce),(max-height:580px){[data-scroll-story="laptop"] .story-track{height:auto}}.no-story-js [data-scroll-story="laptop"] .story-track,.story-fallback[data-scroll-story="laptop"] .story-track{height:auto}

/* Scroll owns scene time; no transition keeps moving after the visitor stops. */
.scene,.creature-stage canvas{transition:none}
.story-all,.gallery-stills{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gallery-track{height:300svh}.gallery-stick{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.gallery-stick .creature-stage{height:auto;min-height:0;margin:0}.gallery-bottom{align-items:center;padding:22px 0 32px}.gallery-chapter{color:#cbb4ee;font-size:12px;letter-spacing:.04em}.gallery-stills figure{margin:0}.gallery-stills img{max-width:100%;height:auto}.gallery-stills h3{font-weight:400;font-size:24px}
[data-service-player="branding"] .service-scroll-track,[data-service-player="social"] .service-scroll-track{height:150svh}
[data-service-player="frontend"] .service-scroll-track{height:170svh}
[data-service-player="motion"] .service-scroll-track{height:160svh}
[data-service-player="backend"] .service-scroll-track,[data-service-player="blockchain"] .service-scroll-track{height:180svh}
@media(max-width:700px){[data-service-player="branding"] .service-scroll-track,[data-service-player="social"] .service-scroll-track{height:160svh}[data-service-player="motion"] .service-scroll-track{height:170svh}.gallery-bottom p{font-size:14px;margin-top:12px}.studio-proof{top:18%}.studio-proof.second{top:47%;left:18%}}
.no-story-js .gallery-track,.gallery-fallback .gallery-track{display:none}
.no-story-js .story-all,.story-fallback .story-all,.no-story-js .gallery-stills,.gallery-fallback .gallery-stills{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
.no-service-scroll [data-service-player] .service-scroll-track{height:auto}
@media(prefers-reduced-motion:reduce),(max-height:580px){[data-service-player] .service-scroll-track{height:auto}.gallery-track{display:none}.story-all,.gallery-stills{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.gallery-stills figure{padding:20px 0}.hero-sequence{height:auto;min-height:0}.hero-stage{position:relative}}

[data-service-player]:has(.diagram-frame:not([hidden])) .service-scroll-track{height:auto}[data-service-player]:has(.diagram-frame:not([hidden])) .service-cinema{position:relative;top:0}

/* Living forms: a shared studio row, with independent looping studies. */
#living-forms{background:#100f14}
#living-forms .forms-overflow{overflow-x:auto;overscroll-behavior-x:contain;margin-top:40px;scrollbar-color:#78618e #100f14}
#living-forms .forms-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
#living-forms .form-card{margin:0;min-width:0}
#living-forms .form-image{height:clamp(260px,28vw,430px);position:relative}
#living-forms .form-image img{width:100%;height:100%;object-fit:contain}
#living-forms .forms-canvas{position:absolute;top:0;left:0;width:100%;height:clamp(260px,28vw,430px);pointer-events:none;background:radial-gradient(ellipse at 50% 70%,#46325826,transparent 70%)}
#living-forms .forms-canvas canvas{width:100%;height:100%;display:block}
#living-forms.forms-live .form-image img{visibility:hidden}
#living-forms figcaption{padding:24px 20px 8px;border-top:1px solid #ffffff20}
#living-forms figcaption small{font-size:11px;letter-spacing:.08em;color:#cbb4ee}
#living-forms figcaption h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:12px 0}
#living-forms figcaption p{color:#aab2ce;line-height:1.6;font-size:14px;max-width:29ch}
@media(max-width:700px){#living-forms .forms-row{grid-template-columns:repeat(3,minmax(260px,78vw));width:max-content}#living-forms .forms-canvas,#living-forms .form-image{height:310px}#living-forms .forms-overflow{margin-right:-20px;padding-right:20px}#living-forms figcaption{padding-left:4px}}

/* More deliberate optical scale without changing typography or palette. */
#living-forms .form-image,#living-forms .forms-canvas{height:clamp(260px,25vw,350px)}
#living-forms .forms-overflow{scroll-snap-type:x proximity}
#living-forms .form-card{scroll-snap-align:start}
@media(max-width:700px){#living-forms .form-image,#living-forms .forms-canvas{height:280px}}

/* Local handoff from original forms into the automotive product study. */
#living-forms{padding-bottom:36px}
#living-forms .forms-overflow{margin-top:24px}
#living-forms .form-image,#living-forms .forms-canvas{height:clamp(250px,22vw,320px)}
@media(max-width:700px){#living-forms{padding-bottom:24px}#living-forms .form-image,#living-forms .forms-canvas{height:250px}}