/* Continuous photographic scene and restrained motion. */
:root{--bg:#11110f;--ink:#f5f1e9;--muted:#b8b2a7;--accent:#e0bc8b;--border:#3a342b}
.cinematic-page{background:#11110f}
.cinematic-page .header{background:rgba(17,17,15,.78);border-color:#c2a17c1c;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
.cinematic-page .header-inner{min-height:82px}
.cinematic-page .hero{position:relative;isolation:isolate;background:#11110f;padding-top:35px;overflow:hidden}
.cinema-scene,.cinema-shade,.cinema-light{position:absolute;inset:0;pointer-events:none}
.cinema-scene{z-index:-3;overflow:hidden}
.cinema-canvas{display:block;width:100%;height:100%;min-height:100%;transform-origin:72% 62%}
[data-quill]{filter:drop-shadow(-9px 15px 9px #0e090540)}
.cinema-shade{z-index:-2;background:linear-gradient(90deg,rgba(17,17,15,.96) 0%,rgba(17,17,15,.91) 29%,rgba(17,17,15,.6) 47%,rgba(17,17,15,.12) 64%,transparent 80%),linear-gradient(0deg,#11110f 0%,rgba(17,17,15,.08) 19%,transparent 70%,#11110fc9 100%)}
.cinema-light{z-index:-1;background:radial-gradient(ellipse at var(--light-x,78%) var(--light-y,34%),#deb18012 0%,transparent 47%);mix-blend-mode:screen;transition:opacity .6s}
.cinematic-page .hero-grid{grid-template-columns:1.08fr 1fr;gap:50px;min-height:670px}
.cinematic-page .hero-copy{padding-block:40px 50px;position:relative;z-index:2}
.cinematic-page .hero-copy h1{font-size:clamp(43px,4.05vw,60px);line-height:1.12;letter-spacing:-.047em;max-width:670px;text-wrap:balance}
.cinematic-page .hero-copy .lead{font-size:17px;line-height:1.85;color:#e2dacf;max-width:575px;margin-top:26px}
.cinematic-page .hero-detail{color:#c3b9aa;max-width:520px;font-size:13px;line-height:1.9;margin-top:18px}
.cinematic-page .hero-copy .button{margin-top:26px}
.hero-art-space{min-height:560px;pointer-events:none}
.cinematic-page .hero-foot{position:relative;z-index:2;border-color:#c3a78323;color:#bdb2a2;padding-block:22px;font-size:8px;letter-spacing:.19em}
.motion-toggle{position:absolute;right:30px;bottom:110px;z-index:4;display:inline-flex;align-items:center;gap:9px;border:1px solid #e0bc8b32;border-radius:30px;background:#17141174;backdrop-filter:blur(14px);color:#dbc7ad;font:500 10px/1.4 var(--font);padding:9px 13px;cursor:pointer;transition:background .3s,border-color .3s}
.motion-toggle:hover{background:#302719b8;border-color:#e0bc8b88}
.motion-toggle[hidden]{display:none}
.cinematic-page .button{border-radius:12px;background:linear-gradient(135deg,#e5c59d,#d5ac78);border:1px solid #f5ddbb77;box-shadow:inset 0 1px 0 #ffecd644,0 5px 25px #0002;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s}
.cinematic-page .button:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffecd644,0 12px 32px #d8a76718}
.cinematic-page .button:active{transform:translateY(0) scale(.985)}
.cinematic-page .button span{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cinematic-page .button:hover span{transform:translate(3px,-3px)}
.cinematic-page .section{position:relative;background:radial-gradient(ellipse at 95% 20%,#30271b1e,transparent 55%),#11110f;border-top:1px solid #c2a17c12}
.cinematic-page .light{background:radial-gradient(ellipse at 12% 20%,#392e201e,transparent 55%),#181713;color:var(--ink)}
.cinematic-page .light em{color:var(--accent)}
.cinematic-page .light .eyebrow,.cinematic-page .light .mini-label{color:#caa97f}
.cinematic-page .light .prose,.cinematic-page .light .section-heading>p:last-child{color:#bcb5aa}
.cinematic-page .section h2{text-wrap:balance}
.cinematic-page .symptoms{gap:30px;border-color:#b69d7c2e}
.cinematic-page .symptoms article{padding:8px 5px 0}
.cinematic-page .symptoms p,.cinematic-page .solution-sequence p,.cinematic-page .deliverables p,.cinematic-page .commercial-columns p,.cinematic-page .ecosystem-points p,.cinematic-page .process-list p,.cinematic-page .fit-grid li,.cinematic-page .faq-items details>div,.cinematic-page .faq-layout>div:first-child>p:last-child{color:#bcb5aa}
.cinematic-page .symptoms article>span,.cinematic-page .solution-sequence li>span,.cinematic-page .deliverables article>span,.cinematic-page .deliverables small,.cinematic-page .process-output,.cinematic-page .ecosystem-points span,.cinematic-page .ecosystem-core span{color:#d1af83}
.cinematic-page .comparison-diagram,.cinematic-page .engagement-card,.cinematic-page .ecosystem-map{background:linear-gradient(135deg,#3e342731,#171612a6);border-color:#bda07b35;border-radius:20px;box-shadow:inset 0 1px 0 #e1c7a00d,0 25px 80px #0002}
.cinematic-page .diagram-divider,.cinematic-page .example-tabs,.cinematic-page .proof-list article,.cinematic-page .process-list li,.cinematic-page .deliverables article,.cinematic-page .scope-note,.cinematic-page .ecosystem-core,.cinematic-page .fit-grid article,.cinematic-page .fit-grid li,.cinematic-page .faq-items details,.cinematic-page .ecosystem-points article+article{border-color:#c1a68527}
.cinematic-page .solution-sequence li{border-color:#b99a70}
.cinematic-page .ecosystem-core strong{color:var(--ink)}
.cinematic-page .ecosystem-core p,.cinematic-page .scope-note,.cinematic-page .deliverable-aside>p{color:#a69d8f}
.cinematic-page .step{background:#aa865b22;color:#e0bd91}
.cinematic-page .document-stack{filter:drop-shadow(0 18px 38px #0003)}
.cinematic-page .deliverable-aside>.text-link{color:#d7b382}
.cinematic-page .example-panel,.cinematic-page .author-image{border-radius:20px;border-color:#bda07b35}
.cinematic-page .example-before{background:#181712}
.cinematic-page .example-after{background:linear-gradient(135deg,#31291e,#201c16)}
.cinematic-page .boundaries{border-radius:16px;background:#201d1655}
.cinematic-page .faq-items summary{transition:color .25s}
.cinematic-page .faq-items summary:hover{color:#e0bc8b}
.cinematic-page .final{background:radial-gradient(ellipse at 50% 100%,#6945223b,transparent 66%),#11110f}
.cinematic-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.cinematic-page .reveal.is-visible{opacity:1;transform:none}
.hero-copy>*{animation:hero-enter .9s cubic-bezier(.16,1,.3,1) both}
.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.2s}.hero-copy>*:nth-child(4){animation-delay:.3s}.hero-copy>*:nth-child(5){animation-delay:.4s}.hero-copy>*:nth-child(6){animation-delay:.5s}
@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.cinematic-page .hero-grid{min-height:710px}.cinematic-page .hero-copy h1{font-size:58px}}
@media(max-width:1100px) and (min-width:821px){.cinematic-page .hero-grid{grid-template-columns:1.2fr .8fr;gap:15px}.cinematic-page .hero-copy h1{font-size:43px}.cinema-shade{background:linear-gradient(90deg,#11110ff7 0%,#11110fe6 34%,#11110fbb 52%,#11110f33 75%,transparent),linear-gradient(0deg,#11110f,transparent 20%,transparent 75%,#11110fbb)}}
@media(max-width:820px){.cinematic-page .hero{padding-top:25px}.cinematic-page .hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.cinematic-page .hero-copy{padding-block:28px 15px}.cinematic-page .hero-copy h1{font-size:clamp(38px,6.5vw,55px)}.hero-art-space{height:440px;min-height:0}.cinema-scene{top:auto;height:550px;bottom:55px}.cinema-canvas{width:200%;max-width:none;margin-left:-95%;height:100%}.cinema-shade{background:linear-gradient(0deg,#11110f 0%,transparent 12%,transparent 27%,#11110f88 44%,#11110f 59%)}.cinema-light{opacity:.4}.motion-toggle{right:32px;bottom:90px}.cinematic-page .hero-foot{font-size:7px}.cinematic-page .symptoms article{border-color:#c1a68527}}
@media(max-width:540px){.cinematic-page .header-inner{min-height:72px}.cinematic-page .hero-copy h1{font-size:36px;line-height:1.1}.cinematic-page .hero-copy h1 br{display:none}.cinematic-page .hero-copy .lead{font-size:16px;line-height:1.85}.cinematic-page .hero-detail{font-size:13px}.cinematic-page .hero-copy .button{width:100%;font-size:12px}.hero-art-space{height:350px}.cinema-scene{height:425px;bottom:65px}.cinema-canvas{width:250%;margin-left:-145%}.cinema-shade{background:linear-gradient(0deg,#11110f 0%,transparent 13%,transparent 25%,#11110f88 41%,#11110f 52%)}.motion-toggle{right:20px;bottom:92px;font-size:9px;padding:8px 12px}.cinematic-page .hero-foot{padding-block:19px}.cinematic-page .section{padding-block:70px}.cinematic-page .comparison-diagram,.cinematic-page .engagement-card,.cinematic-page .ecosystem-map{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none}.cinematic-page .reveal{opacity:1;transform:none;transition:none}.cinematic-page .button,.cinematic-page .button span,.cinema-light{transition:none}.cinematic-page .button:hover,.cinematic-page .button:hover span{transform:none}}