:root{--bg:#07080b;--bg2:#101217;--ink:#f7f7f2;--muted:#a9acb7;--brand:#ffc600;--brand2:#ffc600;--line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.075);--light:#f2f1ec;--darkink:#111217;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,.brand-text{font-family:"Space Grotesk",sans-serif}a{text-decoration:none}.py-md-6{padding-top:7rem!important;padding-bottom:7rem!important}.section-dark{background:var(--bg)}.section-light{background:var(--light);color:var(--darkink)}.z-2{z-index:2}.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{display:none;position:fixed;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.12),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}
.glass-nav{padding:14px 0;background:rgba(7,8,11,.55);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:.35s}.glass-nav.scrolled{padding:9px 0;border-bottom-color:var(--line);background:rgba(7,8,11,.84)}.navbar-brand{color:#fff}.brand-mark{width:38px;height:28px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text{font-weight:700;letter-spacing:.16em;font-size:.9rem}.nav-link{color:rgba(255,255,255,.72)!important;font-size:.9rem;padding:.65rem .85rem!important}.nav-link:hover{color:#fff!important}.menu-lines{display:flex;flex-direction:column;gap:6px}.menu-lines i{display:block;width:26px;height:2px;background:#fff}.btn-brand{background:var(--brand);color:#111;border:1px solid var(--brand);font-weight:700;box-shadow:0 10px 40px rgba(255,196,0,.18)}.btn-brand:hover{background:#ffc600;border-color:#ffc600;color:#111;transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.09)}.btn{transition:.3s}.mobile-canvas{background:#0b0c10;color:#fff}.mobile-links{display:flex;flex-direction:column}.mobile-links a{color:#fff;font:600 2rem "Space Grotesk";padding:1rem 0;border-bottom:1px solid var(--line)}
.hero{padding-top:92px;background:radial-gradient(circle at 70% 30%,#18181b 0,#090a0d 42%,#050609 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.5}.orb-one{width:380px;height:380px;background:rgba(255,196,0,.18);right:-150px;top:15%}.orb-two{width:260px;height:260px;background:rgba(94,74,255,.13);left:-130px;bottom:10%}.orb-three{width:120px;height:120px;background:var(--brand);right:31%;bottom:7%;filter:blur(80px);opacity:.16}.eyebrow{display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--brand)}.eyebrow.dark{color:#ffc600}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(255,196,0,.5);animation:pulse 2s infinite}.hero-title{font-size:clamp(3.25rem,9vw,7.6rem);line-height:.88;letter-spacing:-.065em;font-weight:700;margin:0;max-width:980px}.text-gradient{background:linear-gradient(100deg,#fff4c4,var(--brand),#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:690px;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);line-height:1.7;margin-top:1.7rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2.4rem}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font:700 1.35rem "Space Grotesk"}.hero-meta span{color:var(--muted);font-size:.78rem}.glass-card{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 25px 80px rgba(0,0,0,.25);backdrop-filter:blur(22px);border-radius:var(--radius)}.hero-orbit-card{height:520px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit-core{width:130px;height:130px;border-radius:50%;background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.45);display:grid;place-items:center;box-shadow:0 0 80px rgba(255,196,0,.22)}.orbit-logo{width:82px}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.ring-a{width:260px;height:260px}.ring-b{width:410px;height:410px}.orbit-tag{position:absolute;padding:.75rem 1rem;border:1px solid var(--line);background:rgba(12,13,17,.78);border-radius:999px;font-size:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}.orbit-tag i{color:var(--brand);margin-right:.4rem}.tag-a{top:18%;left:8%}.tag-b{top:28%;right:5%}.tag-c{bottom:22%;left:6%}.tag-d{bottom:12%;right:9%}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:1rem;z-index:3;opacity:.7}.scroll-cue i{animation:down 1.8s infinite}
.story-section{position:relative;min-height:100vh;padding-top:0!important;padding-bottom:0!important}.sticky-story{height:100vh;height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;will-change:transform}.story-kicker{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.story-lines{position:relative;width:100%;height:38vh;display:grid;place-items:center;perspective:900px}.story-lines p{position:absolute;margin:0;font:700 clamp(2.3rem,8vw,7rem)/1 "Space Grotesk";letter-spacing:-.055em;opacity:0;filter:blur(14px);transform:translateZ(-500px) scale(.6);width:100%}.story-final{max-width:850px;padding:1.5rem 1.3rem;opacity:0;transform:translateY(40px)}.story-final span{color:var(--brand);font-size:.7rem;letter-spacing:.2em}.story-final h2{font-size:clamp(1.4rem,4vw,2.5rem);margin:.6rem 0 0}
.mode-section,.process-section,.cta-section{background:linear-gradient(180deg,#08090c,#111319)}.section-head{max-width:760px}.section-head h2,.manifesto-section h2,.faq-section h2{font-size:clamp(2.35rem,6vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:1rem 0}.section-head p,.manifesto-section p,.faq-section p{color:var(--muted);line-height:1.75}.mode-switcher{max-width:680px;margin-inline:auto;padding:7px;display:grid;grid-template-columns:1fr 1fr;position:relative}.mode-tab{position:relative;z-index:2;border:0;background:transparent;color:#fff;padding:1rem .7rem;border-radius:22px;display:flex;align-items:center;gap:.8rem;text-align:left}.mode-tab strong,.mode-tab small{display:block}.mode-tab small{color:var(--muted);font-size:.68rem;margin-top:.1rem}.mode-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center}.mode-tab.active{background:rgba(255,255,255,.09)}.mode-tab.active .mode-icon{background:var(--brand);color:#111}.mode-panel{padding:1.3rem;min-height:600px;display:flex;align-items:center}.panel-number{color:var(--brand);font-size:.7rem;letter-spacing:.18em}.mode-panel h3{font-size:clamp(2rem,5vw,4.2rem);line-height:1;letter-spacing:-.045em;margin:1rem 0}.mode-panel p{color:var(--muted);line-height:1.7}.check-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin:1.5rem 0}.check-grid span{color:#dedfe5}.check-grid i{color:var(--brand);margin-right:.5rem}.text-link{color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:.7rem;margin-top:.8rem}.text-link:hover{color:var(--brand)}.visual-stack{height:430px;position:relative}.visual-photo{position:absolute;inset:30px 12px;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 35px 70px rgba(0,0,0,.38)}.photo-main{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.35)),url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=85')}.float-card{position:absolute;background:rgba(10,11,14,.8);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);border-radius:18px;padding:1rem;display:grid;box-shadow:0 18px 50px rgba(0,0,0,.3)}.float-card i{color:var(--brand)}.float-card strong{font:700 1.5rem "Space Grotesk"}.float-card span{font-size:.72rem;color:var(--muted)}.fc-report{right:-2%;top:3%}.fc-team{left:-2%;bottom:3%}.avatar-row{display:flex;margin-bottom:.35rem}.avatar-row i{width:26px;height:26px;border-radius:50%;background:#d9d9d9;border:2px solid #111;margin-right:-7px}.avatar-row i:nth-child(2){background:#c39a73}.avatar-row i:nth-child(3){background:#8a735d}.app-window{border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;background:#111319;box-shadow:0 35px 80px rgba(0,0,0,.45)}.app-top{height:50px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted)}.app-top span{width:9px;height:9px;border-radius:50%;background:#4a4c53}.app-top b{margin-left:auto;margin-right:auto;font-weight:500}.app-body{display:grid;grid-template-columns:54px 1fr;min-height:390px}.app-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:1.3rem;padding-top:1.3rem;color:#777}.app-sidebar .active{color:var(--brand)}.app-canvas{padding:1rem;display:flex;flex-direction:column;gap:1rem}.canvas-card{flex:1;border-radius:16px;background:radial-gradient(circle at 70% 20%,#ffc600,transparent 30%),linear-gradient(135deg,#191b22,#050608);display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem;position:relative;overflow:hidden}.canvas-card:after{content:"";position:absolute;width:180px;height:180px;border:40px solid var(--brand);border-radius:50%;right:-35px;top:10px;opacity:.65}.canvas-card span,.canvas-card strong,.canvas-card em{position:relative;z-index:2}.canvas-card span{font-size:.65rem;letter-spacing:.25em}.canvas-card strong{font:700 2.6rem "Space Grotesk"}.canvas-card em{font-size:.78rem;color:#c6c7cc}.prompt-bar{display:flex;align-items:center;gap:.6rem;background:#1b1d23;border:1px solid var(--line);padding:.65rem;border-radius:14px;font-size:.66rem;color:#9b9da5}.prompt-bar i{color:var(--brand)}.prompt-bar button{margin-left:auto;border:0;border-radius:9px;background:var(--brand);color:#111;font-weight:700;padding:.45rem .65rem}
.display-title{font-size:clamp(2.25rem,5vw,4.8rem);line-height:1;letter-spacing:-.05em}.lead-copy{color:#5f6066;line-height:1.7}.service-list{border-top:1px solid rgba(0,0,0,.18)}.service-row{display:grid;grid-template-columns:42px 1fr 34px;gap:1rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(0,0,0,.18);transition:.3s;position:relative}.service-row:hover{padding-left:.8rem}.service-index{font-size:.72rem;color:#777}.service-title{display:flex;align-items:center;gap:.8rem}.service-title i{width:42px;height:42px;border:1px solid rgba(0,0,0,.15);border-radius:50%;display:grid;place-items:center}.service-title h3{font-size:1.35rem;margin:0}.service-row p{display:none;color:#62636a;margin:0}.service-arrow{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:grid;place-items:center;font-size:.75rem}
.manifesto-track{white-space:nowrap;display:flex;gap:1.8rem;align-items:center;font:700 clamp(3rem,8vw,7rem) "Space Grotesk";color:rgba(255,255,255,.08);width:max-content}.manifesto-track i{width:15px;height:15px;border-radius:50%;background:var(--brand)}.manifesto-image{height:520px;border-radius:30px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1300&q=85') center/cover}.metric-list{margin-top:2rem}.metric-list div{display:grid;grid-template-columns:90px 1fr;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--line)}.metric-list strong{font:700 2.6rem "Space Grotesk";color:var(--brand)}.metric-list span{color:#d5d6db}
.process-timeline{position:relative;max-width:920px;margin-inline:auto}.process-progress{position:absolute;left:25px;top:0;bottom:0;width:1px;background:var(--line)}.process-progress span{display:block;width:2px;height:0;background:var(--brand)}.process-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:1.3rem;padding:0 0 4rem}.step-num{width:52px;height:52px;border-radius:50%;background:#111319;border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);z-index:2;font-size:.75rem}.process-step span{font-size:.68rem;letter-spacing:.18em;color:var(--brand)}.process-step h3{font-size:clamp(1.6rem,4vw,2.6rem);margin:.5rem 0}.process-step p{color:var(--muted);line-height:1.7;max-width:640px}
.case-scroller{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(1rem,calc((100vw - 1320px)/2));scrollbar-width:none}.case-scroller::-webkit-scrollbar{display:none}.case-card{flex:0 0 84vw;max-width:560px;height:620px;border-radius:30px;position:relative;background-size:cover;background-position:center;overflow:hidden;scroll-snap-align:center}.case-one{background-image:url('https://images.unsplash.com/photo-1531058020387-3be344556be6?auto=format&fit=crop&w=1000&q=85')}.case-two{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1000&q=85')}.case-three{background-image:url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1000&q=85')}.case-four{background-image:url('https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1000&q=85')}.case-overlay{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.94));color:#fff}.case-overlay span{color:var(--brand);font-size:.7rem;letter-spacing:.18em}.case-overlay h3{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.05;margin:.6rem 0}.case-overlay p{color:#c3c5cb}.case-controls{gap:.7rem}.case-controls button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,0,0,.16);background:transparent}.case-controls button:hover{background:#111;color:#fff}
.custom-accordion .accordion-item{background:transparent;border-color:var(--line);color:#fff}.custom-accordion .accordion-button{background:transparent;color:#fff;box-shadow:none;padding:1.4rem 0;font:600 1.05rem "Space Grotesk"}.custom-accordion .accordion-button:after{filter:invert(1)}.custom-accordion .accordion-body{padding:0 0 1.5rem;color:var(--muted);line-height:1.7}.cta-section{min-height:720px;display:grid;place-items:center}.cta-orb{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.22),transparent 65%);filter:blur(15px)}.cta-box{max-width:980px;padding:2rem 1rem}.cta-logo{width:120px;margin-bottom:2rem}.cta-box h2{font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:-.06em;margin:1rem 0}.cta-box p{color:var(--muted);font-size:1.05rem}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2rem 0}.cta-box small{color:#7f8189}.footer{border-top:1px solid var(--line);font-size:.75rem;color:#878993}.footer-logo{width:36px}.socials{display:flex;gap:.6rem}.socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#fff}.socials a:hover{background:var(--brand);color:#111}.showreel-placeholder{background:radial-gradient(circle at center,#25272e,#090a0d);display:grid;place-items:center;text-align:center}.showreel-placeholder i{width:70px;height:70px;border-radius:50%;background:var(--brand);color:#111;display:grid;place-items:center;margin:auto;font-size:1.4rem}.showreel-placeholder h3{margin-top:1rem}.showreel-placeholder p{color:var(--muted)}.modal-close{position:absolute;right:20px;top:20px;z-index:2}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,196,0,0)}}@keyframes down{50%{transform:translateY(7px)}}
@media(min-width:768px){.cursor-glow{display:block}.mode-panel{padding:3rem}.check-grid{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:52px minmax(250px,.8fr) 1fr 42px;padding:1.8rem 0}.service-row p{display:block}.case-card{flex-basis:55vw}.cta-box{padding:4rem}.mode-tab{padding:1rem 1.4rem}.mode-tab small{font-size:.75rem}}
@media(min-width:992px){.service-title h3{font-size:1.65rem}.process-step{grid-template-columns:80px 1fr;gap:2rem;padding-bottom:5rem}.process-progress{left:26px}.case-card{flex-basis:42vw}.hero-meta{gap:4rem}}
@media(max-width:767.98px){.py-md-6{padding-top:5rem!important;padding-bottom:5rem!important}.hero{min-height:780px!important}.hero-title{font-size:clamp(3.5rem,17vw,5rem)}.hero-actions .btn{width:100%}.hero-meta{gap:1.25rem}.scroll-cue{display:none}.story-final{margin-inline:.5rem}.mode-panel{min-height:auto}.visual-stack{height:360px}.fc-report{right:0}.fc-team{left:0}.app-body{min-height:320px}.canvas-card strong{font-size:2rem}.manifesto-image{height:400px}.case-card{height:520px}.cta-actions .btn{width:100%}.footer{text-align:center}.footer .d-flex,.socials{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor-glow{display:none}}

/* Top-level product mode navigation */
.mode-nav .container-fluid{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.top-mode-tabs{display:flex;align-items:center;padding:.28rem;border:1px solid rgba(255,255,255,.13);background:rgba(10,11,15,.72);backdrop-filter:blur(20px);border-radius:999px;box-shadow:0 14px 45px rgba(0,0,0,.25)}
.top-mode-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:118px;padding:.72rem 1.15rem;border-radius:999px;color:#aeb0b8;font-size:.82rem;font-weight:700;transition:.3s ease}
.top-mode-tab:hover{color:#fff}.top-mode-tab.active{background:var(--brand);color:#111;box-shadow:0 8px 28px rgba(255,196,0,.22)}
.top-mode-tab i{font-size:.78rem}
@media(max-width:575.98px){.mode-nav .brand-text{display:none}.mode-nav .brand-mark img{width:36px}.top-mode-tabs{margin-left:auto}.top-mode-tab{min-width:104px;padding:.68rem .85rem;font-size:.76rem}.top-mode-tab i{display:none}}

/* Self service product page */
.self-page{background:#08090d}.self-page .glass-nav{background:rgba(8,9,13,.72)}
.self-hero{min-height:100svh;padding-top:110px;background:radial-gradient(circle at 75% 20%,rgba(255,196,0,.16),transparent 30%),radial-gradient(circle at 20% 70%,rgba(114,75,255,.14),transparent 34%),#08090d}
.self-badge{display:inline-flex;gap:.55rem;align-items:center;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:.72rem;letter-spacing:.08em;color:#d7d8de}.self-badge i{color:var(--brand)}
.self-title{font-size:clamp(3.6rem,10vw,8.5rem);line-height:.86;letter-spacing:-.07em;margin:1.3rem 0 1.5rem;max-width:1100px}.self-title em{font-style:normal;color:var(--brand)}
.self-lead{max-width:680px;color:var(--muted);font-size:clamp(1rem,2vw,1.28rem);line-height:1.7}
.self-dashboard{margin-top:4rem;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(17,18,24,.78);box-shadow:0 50px 120px rgba(0,0,0,.5);overflow:hidden;transform:perspective(1200px) rotateX(5deg)}
.self-dash-top{height:55px;display:flex;align-items:center;gap:.45rem;padding:0 1rem;border-bottom:1px solid var(--line)}.self-dash-top i{width:9px;height:9px;border-radius:50%;background:#41434b}.self-dash-top b{margin-left:.7rem;font-size:.75rem;color:#aaa}
.self-dash-grid{display:grid;grid-template-columns:72px 1fr;min-height:500px}.self-dash-side{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem .5rem}.self-dash-side span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#777}.self-dash-side span.active{background:var(--brand);color:#111}
.self-dash-main{padding:1rem;display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.ai-stage{min-height:420px;border-radius:20px;background:linear-gradient(145deg,#2b1d72,#ff8d3b);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.ai-stage:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.17);right:-40px;top:-60px;filter:blur(2px)}.ai-stage small{letter-spacing:.16em}.ai-stage strong{font:700 clamp(2.8rem,7vw,6rem)/.85 "Space Grotesk";max-width:500px}.ai-stage p{margin:1rem 0 0}.ai-panel{display:flex;flex-direction:column;gap:1rem}.ai-widget{padding:1.25rem;border-radius:18px;background:#171920;border:1px solid var(--line)}.ai-widget span{font-size:.68rem;color:#888;letter-spacing:.12em}.ai-widget strong{display:block;margin-top:.5rem}.prompt-demo{flex:1;display:flex;flex-direction:column;justify-content:space-between}.prompt-demo p{color:#bbb;font-size:.88rem;line-height:1.6}.prompt-demo button{border:0;border-radius:12px;background:var(--brand);padding:.85rem;font-weight:800}
.self-section{padding:7rem 0}.self-section-head{max-width:850px}.self-section-head h2{font-size:clamp(2.8rem,7vw,6.5rem);line-height:.92;letter-spacing:-.055em}.self-section-head p{color:var(--muted);font-size:1.08rem;line-height:1.8;max-width:680px}
.feature-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;margin-top:5rem}.feature-sticky{position:sticky;top:130px}.feature-sticky span{color:var(--brand);font-size:.72rem;letter-spacing:.18em}.feature-sticky h3{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.8rem 0}.feature-sticky p{color:var(--muted);line-height:1.7}.feature-cards{display:grid;gap:1.2rem}.feature-card{min-height:390px;border-radius:28px;padding:2rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:space-between}.feature-card .num{font:700 5rem "Space Grotesk";color:rgba(255,255,255,.08)}.feature-card i{font-size:2rem;color:var(--brand)}.feature-card h4{font-size:2rem;margin:.8rem 0}.feature-card p{color:var(--muted);max-width:520px;line-height:1.7}
.workflow-strip{background:var(--brand);color:#111;padding:1rem 0;overflow:hidden;white-space:nowrap}.workflow-strip div{display:inline-flex;gap:2rem;font:700 1.1rem "Space Grotesk";animation:selfMarquee 18s linear infinite}.workflow-strip i{opacity:.4}@keyframes selfMarquee{to{transform:translateX(-50%)}}
.self-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.self-step{padding:1.6rem;border-top:1px solid var(--line)}.self-step b{color:var(--brand);font-size:.72rem}.self-step h4{margin:2rem 0 .7rem}.self-step p{color:var(--muted);line-height:1.65;font-size:.9rem}
.self-cta{padding:8rem 0;background:radial-gradient(circle at center,rgba(255,196,0,.18),transparent 45%)}.self-cta-box{max-width:1050px;margin:auto;text-align:center}.self-cta h2{font-size:clamp(3.4rem,9vw,8rem);line-height:.88;letter-spacing:-.07em}.self-cta p{color:var(--muted);font-size:1.1rem;max-width:650px;margin:1.5rem auto 2rem}
@media(max-width:991.98px){.self-dash-main{grid-template-columns:1fr}.ai-panel{display:grid;grid-template-columns:1fr 1fr}.feature-story{grid-template-columns:1fr}.feature-sticky{position:relative;top:auto}.self-steps{grid-template-columns:1fr 1fr}}
@media(max-width:575.98px){.self-hero{padding-top:90px}.self-dashboard{margin-top:2.5rem;border-radius:20px;transform:none}.self-dash-grid{grid-template-columns:48px 1fr}.self-dash-side span{width:32px;height:32px}.self-dash-main{padding:.55rem}.ai-stage{min-height:360px;padding:1.3rem}.ai-panel{grid-template-columns:1fr}.self-section{padding:5rem 0}.feature-card{min-height:330px;padding:1.4rem}.self-steps{grid-template-columns:1fr}.self-title{font-size:clamp(3.4rem,18vw,5.3rem)}}


/* Agency page — full light theme. Self service remains dark via .self-page rules. */
.agency-page{
  --bg:#f4f1e9;
  --bg2:#ebe7de;
  --ink:#15161a;
  --muted:#666971;
  --line:rgba(17,18,23,.13);
  --glass:rgba(255,255,255,.68);
  --light:#f4f1e9;
  --darkink:#15161a;
  background:var(--bg);
  color:var(--ink);
}
.agency-page .noise{opacity:.018}
.agency-page .cursor-glow{background:radial-gradient(circle,rgba(255,196,0,.16),transparent 68%)}
.agency-page .glass-nav{background:rgba(244,241,233,.72);border-bottom-color:rgba(17,18,23,.06)}
.agency-page .glass-nav.scrolled{background:rgba(244,241,233,.92);border-bottom-color:var(--line)}
.agency-page .navbar-brand,.agency-page .nav-link{color:var(--ink)!important}
.agency-page .nav-link:hover{color:#000!important}
.agency-page .menu-lines i{background:var(--ink)}
.agency-page .top-mode-tabs{border-color:rgba(17,18,23,.12);background:rgba(255,255,255,.7);box-shadow:0 14px 45px rgba(31,28,20,.08)}
.agency-page .top-mode-tab{color:#71737a}
.agency-page .top-mode-tab:hover{color:#111217}
.agency-page .top-mode-tab.active{color:#111;background:var(--brand)}
.agency-page .hero{background:radial-gradient(circle at 70% 30%,#fff7d3 0,#f4f1e9 42%,#ece8df 100%)}
.agency-page .hero-grid{background-image:linear-gradient(rgba(17,18,23,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,23,.045) 1px,transparent 1px)}
.agency-page .orb-one{background:rgba(255,196,0,.24)}
.agency-page .orb-two{background:rgba(94,74,255,.10)}
.agency-page .hero-title,.agency-page .story-lines p,.agency-page .section-head h2,.agency-page .manifesto-section h2,.agency-page .faq-section h2,.agency-page .cta-box h2{color:var(--ink)}
.agency-page .text-gradient{background:linear-gradient(100deg,#ffc600,var(--brand),#d96f00);-webkit-background-clip:text;background-clip:text;color:transparent}
.agency-page .hero-copy,.agency-page .story-kicker,.agency-page .section-head p,.agency-page .manifesto-section p,.agency-page .faq-section p,.agency-page .cta-box p{color:var(--muted)}
.agency-page .btn-ghost{border-color:rgba(17,18,23,.16);color:var(--ink);background:rgba(255,255,255,.48)}
.agency-page .btn-ghost:hover{border-color:rgba(17,18,23,.35);color:#000;background:#fff}
.agency-page .hero-meta span{color:var(--muted)}
.agency-page .glass-card{background:rgba(255,255,255,.58);border-color:rgba(17,18,23,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 25px 80px rgba(48,42,25,.12)}
.agency-page .orbit-ring{border-color:rgba(17,18,23,.13)}
.agency-page .orbit-tag{background:rgba(255,255,255,.84);border-color:rgba(17,18,23,.12);color:var(--ink);box-shadow:0 10px 30px rgba(48,42,25,.10)}
.agency-page .scroll-cue{color:var(--ink)}
.agency-page .section-dark,.agency-page .mode-section,.agency-page .process-section,.agency-page .cta-section{background:var(--bg);color:var(--ink)}
.agency-page .section-light{background:#fffdf8;color:var(--ink)}
.agency-page .story-final span,.agency-page .eyebrow{color:#ffc600}
.agency-page .manifesto-track{color:rgba(17,18,23,.08)}
.agency-page .metric-list div,.agency-page .custom-accordion .accordion-item{border-color:var(--line)}
.agency-page .metric-list span{color:#5f6269}
.agency-page .process-progress{background:var(--line)}
.agency-page .step-num{background:#fffdf8;border-color:var(--line)}
.agency-page .process-step p{color:var(--muted)}
.agency-page .custom-accordion .accordion-item,.agency-page .custom-accordion .accordion-button{color:var(--ink)}
.agency-page .custom-accordion .accordion-button:after{filter:none}
.agency-page .custom-accordion .accordion-body{color:var(--muted)}
.agency-page .cta-orb{background:radial-gradient(circle,rgba(255,196,0,.26),transparent 65%)}
.agency-page .cta-box small,.agency-page .footer{color:#777980}
.agency-page .footer{background:#ebe7de;border-color:var(--line)}
.agency-page .socials a{border-color:var(--line);color:var(--ink)}
.agency-page .socials a:hover{background:var(--brand);color:#111}
.agency-page .mobile-canvas{background:#f4f1e9;color:var(--ink)}
.agency-page .mobile-links a{color:var(--ink);border-color:var(--line)}

/* Agency immersive centered story flow */
.agency-page .agency-story-flow{background:#f4f1e9;position:relative}
.agency-page .focus-scene{position:relative;min-height:180vh;border-bottom:1px solid rgba(17,18,23,.055)}
.agency-page .focus-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px max(20px,4vw) 50px;overflow:hidden;perspective:1100px}
.agency-page .focus-stage:before{content:"";position:absolute;width:min(72vw,850px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,196,0,.15),rgba(255,196,0,.035) 42%,transparent 70%);filter:blur(4px);z-index:-1;transform:scale(.8)}
.agency-page .focus-index{font-size:.68rem;font-weight:800;letter-spacing:.22em;color:#ffc600;text-transform:uppercase;margin-bottom:1.7rem}
.agency-page .focus-stage h1,.agency-page .focus-stage h2{font:700 clamp(3.25rem,8.5vw,8rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.068em;max-width:1180px;margin:0;color:#15161a}
.agency-page .focus-stage h1 em,.agency-page .focus-stage h2 em{font-style:normal;color:#ffc600}
.agency-page .focus-stage>p{max-width:720px;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.75;color:#676a72;margin:2rem auto 0}
.agency-page .focus-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem}
.agency-page .focus-scroll{position:absolute;bottom:28px;display:flex;align-items:center;gap:.8rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#777}
.agency-page .focus-scroll i{animation:down 1.8s infinite}
.agency-page .focus-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(17,18,23,.1);box-shadow:0 18px 60px rgba(45,39,21,.1);font-size:1.55rem;color:#ffc600;margin-bottom:2rem}
.agency-page .focus-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
.agency-page .focus-tags span{padding:.72rem 1rem;border:1px solid rgba(17,18,23,.11);background:rgba(255,255,255,.58);border-radius:999px;font-size:.75rem;font-weight:700;color:#55585f}
.agency-page .focus-sequence{height:36vh;min-height:260px;width:100%;position:relative;display:grid;place-items:center}
.agency-page .focus-sequence strong{position:absolute;font:700 clamp(3rem,9vw,8rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.065em;opacity:0;color:#15161a;width:100%}
.agency-page .focus-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:min(800px,100%);margin-top:2.8rem}
.agency-page .focus-metrics div{padding:1.6rem 1rem;border-top:1px solid rgba(17,18,23,.14);display:flex;flex-direction:column}
.agency-page .focus-metrics strong{font:700 clamp(2.2rem,5vw,4.4rem) "Space Grotesk";color:#ffc600}
.agency-page .focus-metrics span{font-size:.75rem;color:#6b6d73}
.agency-page .focus-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;width:min(900px,100%);margin-top:2.8rem}
.agency-page .focus-steps span{padding:1.15rem;border:1px solid rgba(17,18,23,.11);border-radius:18px;background:rgba(255,255,255,.48);font-weight:700;color:#3d3f45}
.agency-page .focus-steps b{display:block;font-size:.65rem;letter-spacing:.15em;color:#ffc600;margin-bottom:.4rem}
.agency-page .focus-last{min-height:125vh}
.agency-page .focus-last .focus-stage:before{background:radial-gradient(circle,rgba(255,196,0,.25),rgba(255,196,0,.055) 42%,transparent 70%)}
.agency-page footer{position:relative;z-index:2}
@media(max-width:767.98px){
 .agency-page .focus-scene{min-height:150vh}
 .agency-page .focus-stage{padding-top:95px}
 .agency-page .focus-stage h1,.agency-page .focus-stage h2{font-size:clamp(3.1rem,16vw,5.2rem)}
 .agency-page .focus-metrics{grid-template-columns:1fr 1fr 1fr;gap:.2rem}
 .agency-page .focus-metrics div{padding:1rem .25rem}
 .agency-page .focus-steps{grid-template-columns:1fr 1fr}
 .agency-page .focus-icon{width:64px;height:64px;margin-bottom:1.4rem}
}

@font@font.editorial-agency{--paper:#f3efe6;--paper2:#e9e3d7;--charcoal:#11110f;--acid:#ffc600;--hair:rgba(17,17,15,.16);background:var(--paper);color:var(--charcoal);font-family:Inter,sans-serif}
.editorial-agency .noise{opacity:.035;mix-blend-mode:multiply}
.editorial-agency .cursor-glow{width:360px;height:360px;background:radial-gradient(circle,rgba(204,158,0,.085),transparent 68%);mix-blend-mode:multiply;filter:blur(4px)}
.editorial-agency .glass-nav{padding:18px 0;background:linear-gradient(to bottom,rgba(243,239,230,.93),rgba(243,239,230,.64),transparent);border:0;backdrop-filter:none}
.editorial-agency .glass-nav.scrolled{padding:11px 0;background:rgba(243,239,230,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--hair)}
.editorial-agency .navbar-brand,.editorial-agency .brand-text{color:var(--charcoal)}
.editorial-agency .brand-text{font-size:.72rem;letter-spacing:.28em}
.editorial-agency .top-mode-tabs{background:rgba(255,255,255,.38);border-color:var(--hair);box-shadow:none}
.editorial-agency .top-mode-tab{min-width:98px;color:#6b685f;padding:.58rem 1rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.editorial-agency .top-mode-tab:hover{color:#111}
.editorial-agency .top-mode-tab.active{background:#111;color:#fff;box-shadow:none}
.editorial-agency .nav-contact{align-items:center;gap:.6rem;color:#111;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid #111;padding-bottom:4px}
.editorial-agency .focus-scene{position:relative;min-height:180vh;background:var(--paper);overflow:clip}
.editorial-agency .focus-stage{position:sticky;top:0;height:100vh;min-height:650px;padding:120px 7vw 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;perspective:1300px;transform-style:preserve-3d}
.editorial-agency .focus-stage:before{display:none}
.editorial-agency .focus-index{margin:0 0 2rem;font:700 .64rem Inter;letter-spacing:.28em;color:#817b6e;text-transform:uppercase}
.editorial-agency .focus-stage h1,.editorial-agency .focus-stage h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(3.6rem,8.6vw,9rem);font-weight:600;line-height:.82;letter-spacing:-.075em;color:var(--charcoal);max-width:1300px;text-wrap:balance}
.editorial-agency .focus-stage h1 em,.editorial-agency .focus-stage h2 em,.editorial-agency .focus-sequence em{font-family:"Playfair Display","Cormorant Garamond",serif;font-weight:600;font-style:italic;letter-spacing:.005em;color:var(--acid);font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"dlig" 1;text-rendering:optimizeLegibility}
.editorial-agency .focus-stage>p,.editorial-agency .stage-content>p{max-width:670px;margin:2.2rem auto 0;color:#6c685f;font-size:clamp(.95rem,1.4vw,1.13rem);line-height:1.75}
.editorial-agency .scene-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(8rem,27vw,32rem)/.75 Space Grotesk;letter-spacing:-.1em;color:rgba(17,17,15,.025);white-space:nowrap;pointer-events:none}
.editorial-agency .hero-foot{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:.58rem;font-weight:700;letter-spacing:.18em;color:#817b6e}
.editorial-agency .magnetic-link{margin-top:2.4rem;display:inline-flex;align-items:center;gap:1rem;color:#111;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:1rem 0;border-bottom:1px solid #111}
.editorial-agency .statement-scene{background:#11110f;color:#f3efe6}
.editorial-agency .statement-scene .focus-index,.editorial-agency .statement-scene .focus-stage>p{color:#8f8b82}
.editorial-agency .focus-sequence{position:relative;width:100%;height:45vh;min-height:330px;display:grid;place-items:center}
.editorial-agency .focus-sequence strong{position:absolute;width:100%;opacity:0;font:600 clamp(4rem,11vw,11rem)/.82 Space Grotesk;letter-spacing:-.08em;color:#f3efe6}
.editorial-agency .scene-ghost{position:absolute;inset:auto auto 1vh 50%;transform:translateX(-50%);font:600 clamp(8rem,23vw,25rem)/.7 Space Grotesk;letter-spacing:-.09em;color:rgba(17,17,15,.025);white-space:nowrap}
.editorial-agency .split-stage{display:grid;grid-template-columns:minmax(120px,.3fr) minmax(0,1.7fr);align-items:center;text-align:left;gap:5vw;width:min(1500px,100%);margin:auto}
.editorial-agency .stage-meta{height:min(62vh,620px);border-right:1px solid var(--hair);display:flex;flex-direction:column;justify-content:space-between;padding:1rem 3vw 1rem 0;color:#827d72}
.editorial-agency .stage-meta>span{font:600 clamp(4rem,8vw,8rem)/1 "Playfair Display","Cormorant Garamond",serif;font-style:italic;color:var(--acid)}
.editorial-agency .stage-meta small{font:700 .6rem/1.8 Inter;letter-spacing:.18em}
.editorial-agency .stage-content{max-width:1050px}
.editorial-agency .stage-content .focus-index{display:block}
.editorial-agency .stage-content h2{font-size:clamp(3.5rem,7.6vw,8.2rem);text-align:left}
.editorial-agency .stage-content>p{margin-left:0}
.editorial-agency .editorial-tags{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:2rem}
.editorial-agency .editorial-tags span{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding-bottom:.45rem;border-bottom:1px solid var(--hair);color:#4d4a43}
.editorial-agency .reverse-scene{background:var(--paper2)}
.editorial-agency .dark-interlude{background:#181815;color:#f4f0e7}
.editorial-agency .dark-interlude .scene-ghost{color:rgba(255,255,255,.025)}
.editorial-agency .dark-interlude .focus-index,.editorial-agency .dark-interlude .stage-content>p,.editorial-agency .dark-interlude .stage-meta{color:#918d84}
.editorial-agency .dark-interlude .stage-meta{border-color:rgba(255,255,255,.15)}
.editorial-agency .dark-interlude .stage-content h2{color:#f4f0e7}
.editorial-agency .dark-interlude .editorial-tags span{color:#c7c2b8;border-color:rgba(255,255,255,.18)}
.editorial-agency .proof-scene{background:#ffc600}
.editorial-agency .proof-scene .focus-index{color:rgba(17,17,15,.58)}
.editorial-agency .proof-scene .focus-stage h2 em{color:#fff4c4}
.editorial-agency .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(1050px,100%);margin-top:3.5rem;border-top:1px solid rgba(17,17,15,.28)}
.editorial-agency .proof-grid>div{padding:2.2rem 1rem;border-right:1px solid rgba(17,17,15,.28)}
.editorial-agency .proof-grid>div:last-child{border-right:0}
.editorial-agency .proof-grid strong{font:600 clamp(3.8rem,8vw,8rem)/1 Space Grotesk;letter-spacing:-.07em}
.editorial-agency .proof-grid strong span{font-family:"Playfair Display","Cormorant Garamond",serif;font-style:italic;font-weight:600}
.editorial-agency .proof-grid p{margin:.8rem 0 0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.editorial-agency .process-editorial{background:#ece7dd}
.editorial-agency .process-words{display:grid;grid-template-columns:repeat(4,1fr);width:min(1200px,100%);margin-top:4rem;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.editorial-agency .process-words span{padding:2rem 1rem;font:600 clamp(1.6rem,3vw,3rem) "Playfair Display","Cormorant Garamond",serif;font-style:italic;border-right:1px solid var(--hair)}
.editorial-agency .process-words span:last-child{border-right:0}
.editorial-agency .process-words b{display:block;font:700 .58rem Inter;letter-spacing:.16em;color:#8a806d;margin-bottom:.8rem}
.editorial-agency .focus-last{background:#11110f;color:#f4f0e7;min-height:170vh}
.editorial-agency .focus-last .focus-stage h2{color:#f4f0e7}
.editorial-agency .focus-last .focus-stage>p{color:#98938a}
.editorial-agency .bottom-word{top:auto;bottom:2vh;color:rgba(255,255,255,.025)}
.editorial-agency .big-mail{display:flex;align-items:center;gap:1.2rem;margin-top:3rem;color:#f4f0e7;font:600 clamp(1.3rem,3vw,3.2rem) "Playfair Display","Cormorant Garamond",serif;font-style:italic;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:.55rem}
.editorial-agency .big-mail:hover{color:#ffc600}
.editorial-agency .big-mail i{font-size:.7em}
.editorial-agency .contact-row{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.18em;color:#77736b}
@media(max-width:900px){
 .editorial-agency .focus-scene{min-height:155vh}
 .editorial-agency .focus-stage{padding:100px 28px 45px;min-height:600px}
 .editorial-agency .focus-stage h1,.editorial-agency .focus-stage h2{font-size:clamp(3.4rem,15vw,6.5rem);line-height:.86}
 .editorial-agency .split-stage{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem;text-align:left}
 .editorial-agency .stage-meta{height:auto;width:100%;border-right:0;border-bottom:1px solid var(--hair);flex-direction:row;align-items:end;padding:0 0 1rem}
 .editorial-agency .stage-meta>span{font-size:3.6rem}
 .editorial-agency .stage-meta small{text-align:right}
 .editorial-agency .stage-content h2{font-size:clamp(3.2rem,14vw,6rem)}
 .editorial-agency .proof-grid{grid-template-columns:1fr 1fr 1fr}
 .editorial-agency .proof-grid>div{padding:1.3rem .3rem}
 .editorial-agency .proof-grid strong{font-size:clamp(2.5rem,10vw,4.2rem)}
 .editorial-agency .process-words{grid-template-columns:1fr 1fr}
 .editorial-agency .process-words span:nth-child(2){border-right:0}
 .editorial-agency .process-words span:nth-child(-n+2){border-bottom:1px solid var(--hair)}
 .editorial-agency .hero-foot,.editorial-agency .contact-row{font-size:.48rem}
}
@media(max-width:575px){
 .editorial-agency .nav-contact{display:none}
 .editorial-agency .focus-stage{padding-inline:20px}
 .editorial-agency .focus-stage h1,.editorial-agency .focus-stage h2{font-size:clamp(3.2rem,17vw,5rem)}
 .editorial-agency .focus-sequence strong{font-size:clamp(3.6rem,17vw,5.7rem)}
 .editorial-agency .hero-foot span:first-child,.editorial-agency .contact-row span:last-child{display:none}
 .editorial-agency .proof-grid p{font-size:.52rem}
}

/* Scroll-synchronised word reveal */
.editorial-agency .word-mask{display:inline-block;overflow:hidden;vertical-align:.08em;padding:.08em .025em .12em;margin:-.08em -.025em -.12em}
.editorial-agency .word{display:inline-block;will-change:transform,opacity,filter;backface-visibility:hidden}
.editorial-agency .focus-stage h1 .word-mask,.editorial-agency .focus-stage h2 .word-mask,.editorial-agency .focus-sequence .word-mask{vertical-align:-.02em}
.editorial-agency .scene-word,.editorial-agency .scene-ghost{display:none!important}
.editorial-agency .focus-stage{perspective:1400px}
@media(prefers-reduced-motion:reduce){
 .editorial-agency .word{opacity:1!important;transform:none!important;filter:none!important}
}

/* Final editorial refinements */
.editorial-agency .focus-hero .focus-actions{margin-top:3.4rem}
.editorial-agency .focus-scene{isolation:isolate}
.editorial-agency .focus-stage{will-change:transform}
@media(max-width:767.98px){.editorial-agency .focus-hero .focus-actions{margin-top:2.4rem}}

/* Centered continuous story — every word follows scroll */
.editorial-agency .focus-stage,
.editorial-agency .split-stage{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  gap:0!important;
  padding:110px clamp(20px,6vw,96px) 55px!important;
}
.editorial-agency .stage-content{max-width:1200px!important;text-align:center!important}
.editorial-agency .stage-content h2{margin-inline:auto!important;text-align:center!important}
.editorial-agency .focus-stage>p,
.editorial-agency .stage-content>p{margin:2rem auto 0!important;text-align:center!important}
.editorial-agency .stage-meta{display:none!important}
.editorial-agency .editorial-tags{justify-content:center!important}
.editorial-agency .focus-sequence{
  position:static!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.18em!important;
}
.editorial-agency .focus-sequence strong{
  position:static!important;
  opacity:1!important;
  width:auto!important;
  font-size:clamp(3.5rem,9vw,9rem)!important;
}
.editorial-agency .proof-grid,
.editorial-agency .process-words{margin-inline:auto!important}
.editorial-agency .word-mask{overflow:visible!important}
.editorial-agency .word{opacity:.08;will-change:transform,opacity,filter}
.editorial-agency .scene-word,
.editorial-agency .scene-ghost{display:none!important}
@media(max-width:900px){
  .editorial-agency .focus-stage,
  .editorial-agency .split-stage{align-items:center!important;text-align:center!important;padding:96px 20px 42px!important}
  .editorial-agency .stage-content h2{text-align:center!important}
  .editorial-agency .editorial-tags{gap:.8rem 1.1rem!important}
}

/* =========================================================
   ALCATRAZ — INTERACTIVE SHORT FILM / AGENCY INDEX
   ========================================================= */
@font@font.cinematic-agency{--paper:#f2eee5;--paper2:#e8e1d4;--ink:#11110f;--muted:#777167;--acid:#ffc600;--warm:var(--brand);background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;overflow-x:clip}
.cinematic-agency .noise,.cinematic-agency .cursor-glow{display:none}
.film-grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.026;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.film-glow{position:fixed;z-index:0;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(210,166,23,.11),transparent 67%);filter:blur(14px);mix-blend-mode:multiply;will-change:left,top}
.film-orb{position:fixed;z-index:0;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.28;will-change:transform,opacity}
.film-orb-a{width:36vw;height:36vw;right:-16vw;top:8vh;background:#ffc600}
.film-orb-b{width:30vw;height:30vw;left:-13vw;bottom:0;background:#b6a3e7;opacity:.15}
.film-nav{padding:18px 0;z-index:1000;color:currentColor;background:linear-gradient(to bottom,rgba(242,238,229,.86),rgba(242,238,229,.35),transparent);transition:padding .35s,background .35s,color .35s}
.film-nav.scrolled{padding:10px 0;background:rgba(242,238,229,.78);backdrop-filter:blur(18px)}
.film-nav.on-dark{color:#f2eee5;background:linear-gradient(to bottom,rgba(17,17,15,.78),rgba(17,17,15,.18),transparent)}
.film-nav.on-dark.scrolled{background:rgba(17,17,15,.76)}
.film-nav .container-fluid{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.film-brand{display:inline-flex;align-items:center;gap:.7rem;color:currentColor;font:700 .68rem Inter;letter-spacing:.27em}.film-brand:hover{color:currentColor}.film-brand .brand-mark{width:34px;height:25px}.film-brand img{width:100%;height:100%;object-fit:contain;filter:none}
.film-tabs{display:flex;padding:.26rem;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 5%,transparent);backdrop-filter:blur(15px)}
.film-tabs a{min-width:94px;text-align:center;padding:.58rem .9rem;border-radius:999px;color:color-mix(in srgb,currentColor 58%,transparent);font:700 .66rem Inter;letter-spacing:.1em;text-transform:uppercase}.film-tabs a.active{background:currentColor;color:var(--paper)}.film-nav.on-dark .film-tabs a.active{color:var(--ink);background:#f2eee5}
.film-contact{align-items:center;gap:.55rem;color:currentColor;font:700 .67rem Inter;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}.film-contact:hover{color:currentColor}
.film-story{position:relative;z-index:1}
.film-scene{position:relative;min-height:300vh;background:transparent;color:var(--ink)}
.film-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:112px 6vw 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;transform-style:preserve-3d;perspective:1400px}
.scene-copy{position:relative;z-index:4}.scene-copy-center{display:flex;flex-direction:column;align-items:center}
.scene-kicker{display:inline-block;margin-bottom:1.8rem;color:var(--muted);font:700 .62rem Inter;letter-spacing:.29em;text-transform:uppercase}
.film-title{margin:0;max-width:1350px;font:600 clamp(4rem,9.4vw,10.5rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.082em;text-wrap:balance;color:inherit}
.film-title em,.formula-stack em,.proof-film-grid strong em{font-family:"Playfair Display","Cormorant Garamond",serif;font-weight:600;font-style:italic;letter-spacing:.005em;color:var(--acid);font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"dlig" 1;text-rendering:optimizeLegibility}
.film-lead{max-width:680px;margin:2.2rem auto 0;color:var(--muted);font-size:clamp(.98rem,1.35vw,1.16rem);line-height:1.75;text-wrap:balance}
.scroll-whisper{position:fixed;left:50%;bottom:28px;z-index:1002;transform:translateX(-50%);display:grid;place-items:center;color:#8c887f;opacity:.78;pointer-events:none;transition:color .42s cubic-bezier(.22,1,.36,1),opacity .32s ease}.scroll-whisper i{font-size:1.05rem;animation:down 1.8s infinite}.cinematic-agency.webgl-active .scroll-whisper{color:rgba(242,238,229,.72)}.cinematic-agency.scroll-cue-hidden .scroll-whisper{opacity:0}
.scene-timeline{position:fixed;left:50%;bottom:22px;z-index:1003;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:min(72vw,760px);padding:10px 13px;border:1px solid rgba(17,17,15,.14);border-radius:999px;background:rgba(242,238,229,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(30,25,12,.08);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:background-color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),opacity .32s ease,transform .22s ease}.scene-timeline.is-scrubbing{cursor:grabbing;transform:translateY(-1px)}.scene-timeline button{position:relative;width:8px;height:8px;flex:0 0 auto;border:0;border-radius:50%;padding:0;background:rgba(17,17,15,.32);cursor:inherit;transition:width .28s ease,height .28s ease,background-color .28s ease,transform .28s ease,opacity .28s ease}.scene-timeline button:hover,.scene-timeline button:focus-visible{transform:scale(1.35);outline:0}.scene-timeline.is-scrubbing button:hover{transform:none}.scene-timeline button.is-active{width:24px;border-radius:999px;background:#11110f}.scene-timeline button span{position:absolute;left:50%;bottom:20px;transform:translateX(-50%) translateY(5px);padding:7px 9px;border-radius:999px;background:#11110f;color:#f2eee5;font:700 .58rem Inter;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scene-timeline button:hover span,.scene-timeline button:focus-visible span{opacity:1;transform:translateX(-50%) translateY(0)}.scene-timeline.is-scrubbing button span{opacity:0}.cinematic-agency.webgl-active .scene-timeline{border-color:rgba(242,238,229,.18);background:rgba(17,17,15,.34);box-shadow:none}.cinematic-agency.webgl-active .scene-timeline button{background:rgba(242,238,229,.34)}.cinematic-agency.webgl-active .scene-timeline button.is-active{background:var(--brand)}.cinematic-agency.theme-warm .scene-timeline,.cinematic-agency.theme-acid .scene-timeline{border-color:rgba(17,17,15,.22);background:rgba(17,17,15,.08);box-shadow:none}.cinematic-agency.theme-warm .scene-timeline button,.cinematic-agency.theme-acid .scene-timeline button{background:rgba(17,17,15,.34)}.cinematic-agency.theme-warm .scene-timeline button.is-active,.cinematic-agency.theme-acid .scene-timeline button.is-active{background:#11110f}
.timeline-autoplay{position:fixed;left:calc(50% - min(72vw,760px)/2 - 50px);bottom:22px;z-index:1004;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(17,17,15,.14);border-radius:999px;background:rgba(242,238,229,.42);color:#11110f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(30,25,12,.08);cursor:pointer;transition:background-color .28s ease,border-color .28s ease,color .28s ease,transform .22s ease,opacity .22s ease}.timeline-autoplay:hover,.timeline-autoplay:focus-visible{transform:translateY(-1px);outline:0}.timeline-autoplay i{font-size:.82rem}.timeline-autoplay[aria-pressed="true"]{background:#11110f;color:#f2eee5;border-color:#11110f}.cinematic-agency.webgl-active .timeline-autoplay{border-color:rgba(242,238,229,.18);background:rgba(17,17,15,.34);color:#f2eee5;box-shadow:none}.cinematic-agency.webgl-active .timeline-autoplay[aria-pressed="true"]{background:var(--brand);color:#11110f;border-color:var(--brand)}.cinematic-agency.theme-warm .timeline-autoplay,.cinematic-agency.theme-acid .timeline-autoplay{border-color:rgba(17,17,15,.22);background:rgba(17,17,15,.08);color:#11110f;box-shadow:none}.cinematic-agency.theme-warm .timeline-autoplay[aria-pressed="true"],.cinematic-agency.theme-acid .timeline-autoplay[aria-pressed="true"]{background:#11110f;color:#f2eee5}
.timeline-controls{position:fixed;left:50%;bottom:22px;z-index:1004;transform:translateX(-50%);display:flex;align-items:stretch;gap:8px}
.timeline-controls .scene-timeline{position:relative;left:auto;bottom:auto;transform:none;max-width:min(72vw,760px)}
.timeline-controls .scene-timeline.is-scrubbing{transform:translateY(-1px)}
.timeline-controls .timeline-autoplay{position:relative;left:auto;bottom:auto;z-index:auto;flex:0 0 42px;width:42px;height:auto;min-height:100%;box-shadow:0 16px 50px rgba(30,25,12,.08)}
[data-theme="ink"]{color:#f2eee5}.film-scene[data-theme="ink"] .scene-kicker,.film-scene[data-theme="ink"] .film-lead{color:#9c978e}.film-scene[data-theme="ink"] .film-title em{color:#ffc600}
[data-theme="acid"]{color:#11110f}.film-scene[data-theme="acid"] .scene-kicker{color:rgba(17,17,15,.6)}.film-scene[data-theme="acid"] .film-title em{color:#fff3c5}
.film-scene[data-theme="warm"]{color:#11110f}.film-scene[data-theme="warm"] .film-title em,.film-scene[data-theme="warm"] .chapter-mark b{color:#11110f}.film-scene.scene-design[data-theme="warm"] .film-title em,.film-scene.scene-design[data-theme="warm"] .film-title em .word{color:#fff}.film-scene[data-theme="warm"] .scene-kicker,.film-scene[data-theme="warm"] .film-lead,.film-scene[data-theme="warm"] .chapter-mark{color:rgba(17,17,15,.62)}.film-scene[data-theme="warm"] .chapter-mark{border-color:rgba(17,17,15,.22)}.film-scene[data-theme="warm"] .film-tags span{border-color:rgba(17,17,15,.24);color:rgba(17,17,15,.68)}
.signal-field{position:absolute;inset:0;z-index:1;pointer-events:none}.signal-field span{position:absolute;font:700 clamp(2rem,6vw,7rem)/1 Space Grotesk;color:rgba(255,255,255,.035);letter-spacing:-.06em}.signal-field span:nth-child(1){left:5%;top:20%}.signal-field span:nth-child(2){right:8%;top:15%}.signal-field span:nth-child(3){left:14%;bottom:15%}.signal-field span:nth-child(4){right:12%;bottom:18%}.signal-field span:nth-child(5){left:40%;top:8%}.signal-field span:nth-child(6){right:34%;bottom:5%}
.formula-stack{position:relative;width:100%;height:48vh;min-height:360px;display:grid;place-items:center}.formula-stack h2{position:absolute;margin:0;width:100%;font:600 clamp(4.2rem,11vw,12rem)/.8 Space Grotesk;letter-spacing:-.085em}.formula-lead{position:absolute;bottom:8vh}
.cinematic-split{display:grid;grid-template-columns:minmax(110px,.25fr) minmax(0,1.15fr) minmax(300px,.7fr);gap:4vw;align-items:center;text-align:left;width:min(1500px,100%);margin:auto}.scene-design .cinematic-split,.scene-social .cinematic-split{display:flex;align-items:center;justify-content:center;text-align:center;width:min(1180px,100%)}.scene-design .chapter-copy,.scene-social .chapter-copy{max-width:1000px;margin:auto;text-align:center}.scene-design .chapter-copy .film-title,.scene-social .chapter-copy .film-title{text-align:center}.scene-design .chapter-copy .film-lead,.scene-social .chapter-copy .film-lead{margin-left:auto;margin-right:auto}.scene-design .kinetic-shape{position:absolute;right:8vw;top:50%;width:min(28vw,420px);opacity:.18;transform:translateY(-50%)}.cinematic-reverse{grid-template-columns:minmax(300px,.7fr) minmax(0,1.15fr) minmax(110px,.25fr)}.cinematic-reverse .chapter-mark{grid-column:3;grid-row:1}.cinematic-reverse .chapter-copy{grid-column:2;grid-row:1}.cinematic-reverse>:last-child{grid-column:1;grid-row:1}
.cinematic-no-mark{grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr)}
.scene-media .cinematic-no-mark{display:flex;align-items:center;justify-content:center;text-align:center;width:min(1180px,100%)}
.scene-media .chapter-copy{max-width:1000px;margin:auto;text-align:center}
.scene-media .chapter-copy .film-title{text-align:center}
.scene-media .chapter-copy .film-lead{margin-left:auto;margin-right:auto}
.scene-media .data-rings{position:absolute;right:9vw;top:50%;width:min(24vw,360px);opacity:.26;transform:translateY(-50%)}
.scene-digital .cinematic-no-mark{display:flex;align-items:center;justify-content:center;text-align:center;width:min(1180px,100%)}
.scene-digital .chapter-copy{max-width:1000px;margin:auto;text-align:center}
.scene-digital .chapter-copy .film-title{text-align:center}
.scene-digital .chapter-copy .film-lead{margin-left:auto;margin-right:auto}
.scene-digital .ui-window{position:absolute;right:8vw;top:50%;width:min(23vw,330px);opacity:.2;transform:translateY(-50%) perspective(1000px) rotateY(-8deg) rotateX(4deg)}
.scene-human .cinematic-no-mark{display:flex;align-items:center;justify-content:center;text-align:center;width:min(1180px,100%)}
.scene-human .chapter-copy{max-width:1000px;margin:auto;text-align:center}
.scene-human .chapter-copy .film-title{text-align:center}
.scene-human .chapter-copy .film-lead{margin-left:auto;margin-right:auto}
.scene-human .chapter-copy .film-title em{color:#fff}
.scene-human .human-orbits{position:absolute;right:8vw;top:50%;width:min(24vw,350px);opacity:.22;transform:translateY(-50%);overflow:hidden}
.scene-proof .film-title em{color:#fff}
.chapter-mark{height:min(62vh,620px);padding-right:2.5vw;border-right:1px solid rgba(17,17,15,.18);display:flex;flex-direction:column;justify-content:space-between;color:var(--muted)}.chapter-mark b{font:600 clamp(4rem,7vw,7rem)/1 "Playfair Display","Cormorant Garamond",serif;font-style:italic;color:var(--acid)}.chapter-mark span{font:700 .58rem/1.8 Inter;letter-spacing:.19em}.film-scene[data-theme="ink"] .chapter-mark{border-color:rgba(255,255,255,.16)}
.chapter-copy{position:relative;z-index:3}.chapter-copy .film-title{font-size:clamp(3.7rem,7.2vw,8.4rem);text-align:left}.chapter-copy .film-lead{margin-left:0}.film-tags{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.1rem}.film-tags span{padding-bottom:.45rem;border-bottom:1px solid rgba(17,17,15,.2);color:color-mix(in srgb,currentColor 68%,transparent);font:700 .63rem Inter;letter-spacing:.14em;text-transform:uppercase}.film-scene[data-theme="ink"] .film-tags span{border-color:rgba(255,255,255,.2)}
.kinetic-shape,.data-rings,.human-orbits,.ui-window,.social-type-cloud{position:relative;z-index:2;width:min(32vw,470px);aspect-ratio:1}
.kinetic-shape{display:grid;place-items:center}.kinetic-shape i{position:absolute;border:1px solid rgba(17,17,15,.24);width:72%;height:72%;transform:rotate(45deg)}.kinetic-shape i:nth-child(2){width:48%;height:48%;background:var(--acid);border:0}.kinetic-shape i:nth-child(3){width:22%;height:22%;background:var(--ink);border:0}
.film-scene[data-theme="warm"] .kinetic-shape i{border-color:rgba(17,17,15,.22)}.film-scene[data-theme="warm"] .kinetic-shape i:nth-child(2){background:rgba(255,255,255,.42)}.film-scene[data-theme="warm"] .kinetic-shape i:nth-child(3){background:#11110f}
.social-type-cloud span{position:absolute;font:700 clamp(1.7rem,4.2vw,4.4rem)/1 Space Grotesk;letter-spacing:-.06em}.social-type-cloud span:nth-child(1){left:5%;top:8%}.social-type-cloud span:nth-child(2){right:0;top:25%;font-family:"Playfair Display","Cormorant Garamond",serif;font-style:italic;color:var(--acid)}.social-type-cloud span:nth-child(3){left:18%;bottom:18%}.social-type-cloud span:nth-child(4){right:18%;bottom:0;font-family:"Playfair Display","Cormorant Garamond",serif;font-style:italic}.social-type-cloud span:nth-child(5){left:34%;top:47%;color:var(--acid)}
.scene-social .social-type-cloud{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:.72}.scene-social .social-type-cloud span{position:absolute;white-space:nowrap;color:rgba(17,17,15,.64)}.scene-social .social-type-cloud span:nth-child(1){left:7vw;top:32vh}.scene-social .social-type-cloud span:nth-child(2){right:8vw;top:31vh;color:rgba(17,17,15,.5);font-size:clamp(2rem,4.6vw,5rem)}.scene-social .social-type-cloud span:nth-child(3){left:9vw;bottom:27vh;color:rgba(17,17,15,.58)}.scene-social .social-type-cloud span:nth-child(4){right:15vw;bottom:16vh;color:rgba(17,17,15,.78);font-size:clamp(2.2rem,5vw,5.6rem)}.scene-social .social-type-cloud span:nth-child(5){left:18vw;top:57vh;color:rgba(17,17,15,.48)}
.data-rings{display:grid;place-items:center}.data-rings i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.data-rings i:nth-child(1){inset:3%}.data-rings i:nth-child(2){inset:19%;border-color:rgba(227,188,58,.6)}.data-rings i:nth-child(3){inset:36%;background:#ffc600;border:0}.data-rings b{position:relative;z-index:2;color:#111;font:700 .58rem Inter;letter-spacing:.16em}
.ui-window{aspect-ratio:4/5;border:1px solid rgba(17,17,15,.24);border-radius:18px;background:rgba(242,238,229,.12);box-shadow:none;overflow:hidden;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg)}.ui-top{height:46px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(17,17,15,.18)}.ui-top i{width:7px;height:7px;border-radius:50%;background:rgba(17,17,15,.42)}.ui-body{height:calc(100% - 46px);padding:24px;display:grid;grid-template-rows:1fr auto auto;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0))}.ui-body:before{content:"";align-self:start;width:76%;aspect-ratio:1.9;border:1px solid rgba(17,17,15,.16);border-radius:14px;background:linear-gradient(135deg,rgba(255,198,0,.16),transparent 62%)}.ui-body span{width:32%;height:5px;background:#ffc600}.ui-body strong{width:82%;height:1px;background:rgba(17,17,15,.28)}.ui-body em{width:58%;height:1px;background:rgba(17,17,15,.18)}
.human-orbits{display:grid;place-items:center;--orbit:0deg}.human-orbits i{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--ink);top:50%;left:50%;right:auto;bottom:auto;transform-origin:center center;transform:translate(-50%,-50%) rotate(calc(var(--orbit-angle,0deg) + var(--orbit))) translateX(var(--orbit-radius,84px)) rotate(calc(-1 * (var(--orbit-angle,0deg) + var(--orbit))))}.human-orbits i:nth-child(1){--orbit-radius:74px;--orbit-angle:0deg}.human-orbits i:nth-child(2){--orbit-radius:106px;--orbit-angle:90deg;background:var(--acid)}.human-orbits i:nth-child(3){--orbit-radius:84px;--orbit-angle:180deg;background:#6f5d45}.human-orbits i:nth-child(4){--orbit-radius:122px;--orbit-angle:270deg;background:#b89677}.human-orbits:before,.human-orbits:after{content:"";position:absolute;border:1px solid rgba(17,17,15,.2);border-radius:50%;inset:14%}.human-orbits:after{inset:31%}.human-orbits span{font:700 .62rem Inter;letter-spacing:.15em}
.film-scene[data-theme="warm"] .human-orbits i:nth-child(2){background:rgba(255,255,255,.62)}.film-scene[data-theme="warm"] .human-orbits i:nth-child(3){background:#332d1f}.film-scene[data-theme="warm"] .human-orbits i:nth-child(4){background:rgba(17,17,15,.42)}
.proof-title{font-size:clamp(3.8rem,8vw,8.8rem)}.proof-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1100px,100%);margin-top:3.5rem;border-top:1px solid rgba(17,17,15,.3)}.proof-film-grid article{min-width:0;padding:2rem 1rem;border-right:1px solid rgba(17,17,15,.3);display:grid;justify-items:center;align-content:start;text-align:center}.proof-film-grid article:last-child{border-right:0}.proof-film-grid strong{display:flex;align-items:baseline;justify-content:center;gap:.04em;width:100%;font:700 clamp(4.4rem,8vw,7.5rem)/.92 Space Grotesk;letter-spacing:-.08em;font-variant-numeric:tabular-nums;overflow:visible}.proof-film-grid .count-value{display:inline-block;text-align:center}.proof-film-grid strong em{font-size:.55em;transform:translateY(-.08em);color:#11110f}.proof-film-grid article > span{display:block;width:100%;margin-top:.8rem;font:700 .8rem Inter;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.process-film{display:grid;grid-template-columns:repeat(4,1fr);width:min(1250px,100%);margin-top:4rem;border-top:1px solid rgba(17,17,15,.18);border-bottom:1px solid rgba(17,17,15,.18)}.process-film article{min-height:178px;padding:1.65rem 1.3rem;text-align:left;border-right:1px solid rgba(17,17,15,.18);display:flex;flex-direction:column;justify-content:center}.process-film article:last-child{border-right:0}.process-film h3{margin:0 0 .45rem;font:600 clamp(1.8rem,3vw,3.1rem) "Playfair Display","Cormorant Garamond",serif;font-style:italic;line-height:1;white-space:nowrap}.process-film h3 .process-num{position:relative;top:-.1em;font:inherit;color:var(--acid)}.process-film p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.film-mail{display:inline-flex;align-items:center;gap:1rem;margin-top:3rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.38);color:#f2eee5;font:600 clamp(1.4rem,3vw,3.4rem) "Playfair Display","Cormorant Garamond",serif;font-style:italic}.film-mail:hover{color:#ffc600}.film-footer{position:absolute;left:5vw;right:5vw;bottom:28px;display:flex;justify-content:space-between;color:#79756e;font:700 .57rem Inter;letter-spacing:.17em}.film-footer a{color:inherit;text-decoration:none}.film-footer a:hover{color:#ffc600}
.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.14em .08em .24em;margin:-.14em -.08em -.24em}.word{display:inline-block;will-change:transform,opacity,filter}.cinematic-agency em .word{font-family:inherit;font-style:inherit}
.film-title .word-mask,.formula-stack .word-mask,.wow-stage .word-mask{overflow:visible}
.scene-design .film-title{line-height:.9;overflow:visible}
@media(max-width:991.98px){.film-stage{padding:98px 28px 40px}.film-title{font-size:clamp(3.4rem,14vw,7rem)}.cinematic-split,.cinematic-reverse{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:1.3rem}.cinematic-reverse .chapter-mark,.cinematic-reverse .chapter-copy,.cinematic-reverse>:last-child{grid-column:auto;grid-row:auto}.chapter-mark{order:0;width:100%;height:auto;padding:0 0 .9rem;border-right:0;border-bottom:1px solid rgba(17,17,15,.18);flex-direction:row;align-items:flex-end}.chapter-mark b{font-size:3.5rem}.chapter-mark span{text-align:right}.chapter-copy{order:1}.chapter-copy .film-title{font-size:clamp(3.2rem,13vw,6.5rem)}.kinetic-shape,.data-rings,.human-orbits,.ui-window,.social-type-cloud{position:absolute;right:-12vw;bottom:-5vh;width:58vw;opacity:.15;order:2}.ui-window{height:55vh}.proof-film-grid{grid-template-columns:repeat(3,1fr)}.proof-film-grid article{padding:1.2rem .3rem}.proof-film-grid strong{font-size:clamp(2.9rem,12vw,5.5rem)}.proof-film-grid article > span{font-size:.68rem}.process-film{grid-template-columns:1fr 1fr}.process-film article:nth-child(2){border-right:0}.process-film article:nth-child(-n+2){border-bottom:1px solid rgba(17,17,15,.18)}.formula-stack{height:50vh}.film-footer{font-size:.5rem}}
@media(max-width:575.98px){.film-nav{padding:12px 0}.film-brand>span:last-child{display:none}.film-tabs a{min-width:82px;padding:.53rem .7rem;font-size:.61rem}.film-stage{min-height:570px;padding:86px 20px 34px}.scene-kicker{font-size:.54rem;letter-spacing:.2em;margin-bottom:1.3rem}.film-title{font-size:clamp(3.25rem,16vw,5.4rem);line-height:.88}.film-lead{font-size:.92rem;margin-top:1.5rem}.formula-stack h2{font-size:clamp(3.4rem,16vw,5.8rem)}.formula-lead{bottom:6vh}.film-tags{gap:.85rem}.film-tags span{font-size:.54rem}.process-film article{padding:1.15rem .8rem}.process-film p{display:none}.film-mail{font-size:clamp(1.15rem,6vw,1.8rem)}.film-footer span:last-child{display:none}.film-orb{display:none}.scroll-whisper{display:none}.timeline-autoplay{left:calc(50% - (100vw - 92px)/2 - 42px);bottom:max(12px,env(safe-area-inset-bottom));width:38px;height:44px}.scene-timeline{left:calc(50% + 24px);bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 92px);gap:7px;padding:18px 12px 9px;overflow:visible}.scene-timeline:before{content:attr(data-active-label);position:absolute;left:50%;top:4px;transform:translateX(-50%);color:rgba(17,17,15,.62);font:800 .5rem Inter;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.cinematic-agency.webgl-active .scene-timeline:before{color:rgba(242,238,229,.68)}.scene-timeline button{width:7px;height:7px}.scene-timeline button.is-active{width:20px}.scene-timeline button span{display:none}}
@media(max-width:575.98px){.scene-design .cinematic-split{align-items:center;text-align:center}.scene-design .chapter-copy{width:100%;max-width:360px}.scene-design .chapter-copy .film-title,.scene-design .chapter-copy .film-lead{text-align:center}.scene-design .kinetic-shape{position:absolute;left:0;right:0;top:auto;bottom:clamp(62px,7svh,92px);width:min(42vw,170px);margin:0 auto;opacity:.26;order:2;z-index:1}}
@media(max-width:575.98px){.timeline-controls{bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}.timeline-controls .timeline-autoplay{left:auto;bottom:auto;width:38px;height:auto;flex-basis:38px}.timeline-controls .scene-timeline{left:auto;bottom:auto;max-width:calc(100vw - 74px)}}
@media(prefers-reduced-motion:reduce){.film-glow,.film-orb{display:none}.word{opacity:1!important;transform:none!important;filter:none!important}.film-scene{min-height:100vh}.film-stage{position:relative}}

/* =========================================================
   ALCATRAZ 10/10 — LOGO CINEMA, WEBGL, WOW MOMENT
   ========================================================= */
.webgl-stage{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s ease}.cinematic-agency.webgl-active .webgl-stage{opacity:.68}
.film-nav-actions{display:flex;align-items:center;gap:1.2rem}
.sound-toggle{display:inline-flex;align-items:center;gap:.45rem;border:0;background:transparent;color:currentColor;padding:.45rem;font:700 .58rem Inter;letter-spacing:.13em;text-transform:uppercase;opacity:.65;transition:opacity .25s,transform .25s}
.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{opacity:1}.sound-toggle i{width:14px}.sound-toggle:active{transform:scale(.95)}
.scene-logo-reveal{--intro-edge-x:0px;--intro-edge-y:0px;color:#11110f}.intro-stage{overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,198,0,.13),transparent 30%),linear-gradient(180deg,#f8f5ee 0%,#f2eee5 100%)}
.logo-cinema{position:absolute;inset:0;display:grid;place-items:center;z-index:2;perspective:1200px;pointer-events:none}
.hero-logo-lockup{position:absolute;left:50%;top:50%;z-index:3;width:min(78vw,1250px);transform:translate(-50%,-50%);transform-origin:50% 50%;will-change:transform,opacity,filter}.hero-logo-svg{position:relative;width:100%;height:auto;opacity:0;filter:drop-shadow(var(--intro-edge-x) var(--intro-edge-y) 0 rgba(255,245,196,.16)) drop-shadow(0 18px 38px rgba(150,105,0,.12));will-change:opacity,filter;z-index:3}.hero-logo-subtitle{position:absolute;left:50%;top:calc(100% + clamp(14px,1.7vw,28px));z-index:4;width:max-content;font:400 clamp(1.55rem,3.2vw,3.25rem)/1 "Indie Flower",cursive;color:#2f2b25;letter-spacing:.03em;text-shadow:0 12px 32px rgba(125,86,0,.13);opacity:0;will-change:transform,opacity,filter}.logo-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.logo-aura{position:absolute;width:min(80vw,1200px);aspect-ratio:2.6;border-radius:50%;background:radial-gradient(ellipse,rgba(255,198,0,.22),rgba(255,198,0,.04) 45%,transparent 72%);filter:blur(55px);opacity:.7}

.intro-statement{position:relative;z-index:3;opacity:0;transform:translateY(10vh)}
.scene-wow{overflow:hidden}.wow-stage{display:grid;place-items:center;perspective:1200px}
.wow-line,.wow-answer,.wow-signature{position:absolute;margin:0;text-align:center;will-change:transform,opacity,filter}
.wow-line{font:700 clamp(5rem,15vw,17rem)/.75 Space Grotesk;letter-spacing:-.095em;text-transform:uppercase}
.wow-line-a{transform:translateY(-22vh)}.wow-line-b{font-family:"Playfair Display","Cormorant Garamond",serif;font-weight:600;font-style:italic;text-transform:none;color:var(--acid)}.wow-line-c{transform:translateY(22vh)}
.wow-answer{font:600 clamp(4rem,11vw,12rem)/.82 Space Grotesk;letter-spacing:-.085em}.wow-answer em{display:block;font-family:"Playfair Display","Cormorant Garamond",serif;font-weight:600;font-style:italic;color:var(--acid)}
.wow-signature{font:600 clamp(2.3rem,6vw,6.5rem)/.95 "Playfair Display","Cormorant Garamond",serif;font-style:italic;letter-spacing:.005em;white-space:nowrap;font-variant-ligatures:common-ligatures discretionary-ligatures;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"dlig" 1;text-rendering:optimizeLegibility}
.wow-signature span{display:inline}
.cinematic-agency .film-scene{margin-top:-1px}
.cinematic-agency .film-stage{transform-style:preserve-3d}
@media(max-width:575.98px){.hero-logo-lockup{width:90vw}.hero-logo-subtitle{top:calc(100% + clamp(10px,3vw,18px));font-size:clamp(1.35rem,8vw,2.15rem)}.sound-toggle span{display:none}.film-nav-actions{gap:.2rem}.wow-line{font-size:clamp(3.5rem,18vw,6rem)}.wow-answer{font-size:clamp(3.2rem,16vw,5.4rem)}.wow-signature{width:min(86vw,360px);padding:0 1rem;font-size:clamp(2.7rem,14vw,4.15rem);line-height:.9;white-space:normal;letter-spacing:0}.wow-signature span{display:block}}
@media(prefers-reduced-motion:reduce){.webgl-stage{display:none}.intro-statement{opacity:1;transform:none}.logo-cinema{opacity:.13}.hero-logo-subtitle{opacity:1;transform:none}.wow-line{display:none}.wow-answer,.wow-signature{position:relative;opacity:1!important;transform:none!important}.wow-signature{margin-top:2rem}}

/* Solid scene surfaces prevent the WebGL atmosphere from muddying light chapters. */
.film-scene[data-theme="paper"] .film-stage{background:#f2eee5}
.film-scene[data-theme="warm"] .film-stage{background:var(--brand)}
.film-scene[data-theme="acid"] .film-stage{background:#ffc600}
.film-scene[data-theme="ink"] .film-stage{background:#11110f}
.scene-logo-reveal .film-stage{background:radial-gradient(circle at 50% 44%,rgba(255,198,0,.14),transparent 31%),linear-gradient(180deg,#faf7f0,#f2eee5)}
.scene-logo-reveal .scene-kicker{color:#6d675d}
.scene-logo-reveal .film-lead{color:#6d675d}
.scene-logo-reveal .film-title em{color:#ffc600}
.logo-aura{background:radial-gradient(circle,rgba(255,198,0,.22),rgba(255,198,0,.07) 28%,transparent 68%);filter:blur(24px)}


/* =========================================================
   SEAMLESS CANVAS FIX — no card/blur blocks between chapters
   ========================================================= */
.film-nav,
.film-nav.scrolled,
.film-nav.on-dark,
.film-nav.on-dark.scrolled{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
}

.film-scene{
  isolation:isolate;
  overflow:clip;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none;
}
.film-scene[data-theme="paper"]{background:#f2eee5}
.film-scene[data-theme="warm"]{background:var(--brand)}
.film-scene[data-theme="acid"]{background:#ffc600}
.film-scene[data-theme="ink"]{background:#11110f}
.scene-logo-reveal{
  background:radial-gradient(circle at 50% 44%,rgba(255,198,0,.14),transparent 31%),linear-gradient(180deg,#faf7f0,#f2eee5)!important;
}

/* The surface belongs to the chapter, not to the animated sticky layer. */
.film-scene .film-stage,
.film-scene[data-theme="paper"] .film-stage,
.film-scene[data-theme="warm"] .film-stage,
.film-scene[data-theme="acid"] .film-stage,
.film-scene[data-theme="ink"] .film-stage,
.scene-logo-reveal .film-stage{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  opacity:1;
}

/* Prevent blur filters from producing a rectangular compositing surface. */
.film-stage{
  filter:none!important;
  will-change:auto;
  contain:layout paint;
}
.scene-copy,.cinematic-split,.formula-stack,.proof-film-grid,.process-film,
.signal-field,.kinetic-shape,.social-type-cloud,.data-rings,.ui-window,.human-orbits{
  will-change:transform,opacity;
}

/* Hide sub-pixel seams between consecutive full-screen surfaces. */
.cinematic-agency .film-scene{margin-top:-2px;padding-top:2px}


/* Refined logo cinema: clean assembly + soft 3D reflection */
.logo-particles{opacity:1;transition:opacity .32s ease}
.logo-particles.is-clean{opacity:0}
.hero-logo-reflection{
  position:absolute;
  width:min(70vw,1120px);
  height:auto;
  z-index:1;
  opacity:0;
  transform:translateY(clamp(72px,8vw,128px)) scaleY(-.22) scaleX(.96);
  transform-origin:50% 0%;
  filter:blur(18px) saturate(.75);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 72%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 72%);
  pointer-events:none;
  will-change:opacity,transform,filter;
}
.logo-cinema::after{
  content:"";position:absolute;left:50%;top:56%;width:min(62vw,980px);height:clamp(38px,5vw,78px);
  transform:translate(-50%,85px);border-radius:50%;
  background:radial-gradient(ellipse,rgba(128,88,0,.18),rgba(194,143,0,.07) 42%,transparent 72%);
  filter:blur(22px);opacity:0;z-index:0;pointer-events:none;
  animation:none;
}
.scene-logo-reveal.logo-assembled .logo-cinema::after{opacity:.78;transition:opacity .8s ease}
@media(max-width:575.98px){.hero-logo-reflection{width:82vw;transform:translateY(54px) scaleY(-.18) scaleX(.96)}}


/* Header cleanup: logo-only brand, no audio UI, explicit tab contrast */
.film-brand{gap:0}
.film-brand .brand-mark{width:88px;height:34px;overflow:visible}
.film-brand img{display:block;width:100%;height:100%;object-fit:contain}
.film-nav:not(.on-dark) .film-tabs{background:rgba(17,17,15,.035);border-color:rgba(17,17,15,.16)}
.film-nav:not(.on-dark) .film-tabs a{color:#6f6b63}
.film-nav:not(.on-dark) .film-tabs a.active{background:#fff;color:#11110f;box-shadow:0 4px 14px rgba(17,17,15,.08)}
.film-nav.on-dark .film-tabs a{color:rgba(242,238,229,.62)}
.film-nav.on-dark .film-tabs a.active{background:#f2eee5;color:#11110f;box-shadow:none}
.sound-toggle{display:none!important}
.mode-nav .navbar-brand{gap:0!important}
.mode-nav .navbar-brand .brand-mark{width:88px;height:34px;overflow:visible}
.mode-nav .navbar-brand .brand-mark img{width:100%;height:100%;object-fit:contain}
@media(max-width:575.98px){.film-brand .brand-mark,.mode-nav .navbar-brand .brand-mark{width:70px;height:29px}}


/* Intro navigation choreography: controls begin inside the hero composition,
   then dock into the permanent header as the story starts. */
.cinematic-agency.intro-nav-docked .film-brand{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.cinematic-agency.intro-nav-docked .film-tabs,
.cinematic-agency.intro-nav-docked .film-contact{
  will-change:transform,opacity;
}
@media(max-width:767.98px){
  .cinematic-agency.intro-nav-docked .film-tabs{
    transform:translate3d(0,calc(100svh - 94px),0);
  }
}


/* Alcatraz brand color system — single source of truth */
:root{
  --brand:#ffc600;
  --brand-rgb:255,198,0;
  --brand-soft:#fff4c4;
  --brand-glow:rgba(255,198,0,.24);
  --brand-glow-soft:rgba(255,198,0,.10);
}
.cinematic-agency{--acid:var(--brand)}
.film-scene[data-theme="acid"],
.film-scene[data-theme="acid"] .film-stage{background:var(--brand)}
.film-scene[data-theme="acid"] .film-title em{color:#11110f}
.scene-proof .film-title em{color:#fff!important}
.scene-proof .proof-title{line-height:.94}
.hero-logo-svg{filter:drop-shadow(0 0 72px rgba(var(--brand-rgb),.16)) drop-shadow(0 0 150px rgba(var(--brand-rgb),.07))}
.hero-logo-reflection{filter:blur(18px) saturate(1.12);opacity:.13}
.logo-aura{background:radial-gradient(circle,rgba(var(--brand-rgb),.22),rgba(var(--brand-rgb),.08) 38%,transparent 70%)}


/* =========================================================
   FIXED TOP HEADER
   ========================================================= */
.cinematic-agency .film-story{position:relative}
.cinematic-agency .film-brand-nav{
  background:transparent!important;
  backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none;
}
.cinematic-agency .film-brand-nav .container-fluid{justify-content:flex-start}
.cinematic-agency .film-brand-nav .film-brand{
  opacity:1;
  visibility:visible;
  transform:none!important;
  transition:opacity .28s ease,visibility .28s ease;
  pointer-events:auto;
}
.cinematic-agency .natural-sticky-layer{
  position:fixed;
  top:0;
  right:0;
  left:0;
  height:76px;
  z-index:1001;
  pointer-events:none;
}
.cinematic-agency .natural-sticky-bar{
  position:relative;
  top:0;
  height:76px;
  display:flex;
  align-items:center;
  color:var(--ink);
  pointer-events:none;
  transform:none!important;
}
.cinematic-agency .natural-sticky-grid{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1rem;
}
.cinematic-agency .natural-sticky-grid .film-tabs,
.cinematic-agency .natural-sticky-grid .film-contact{
  transform:none!important;
  will-change:auto!important;
  pointer-events:auto;
}
.cinematic-agency .natural-sticky-grid .film-tabs{grid-column:2}
.cinematic-agency .natural-sticky-grid .film-nav-actions{grid-column:3;justify-self:end}
.cinematic-agency .natural-sticky-grid .film-contact{display:inline-flex}
.cinematic-agency .film-nav.on-dark,
.cinematic-agency .film-nav.on-dark.scrolled,
.cinematic-agency .film-nav.scrolled{
  background:transparent!important;
  backdrop-filter:none!important;
}
.cinematic-agency.intro-nav-docked .film-tabs,
.cinematic-agency.intro-nav-docked .film-contact{transform:none!important}
@media(max-width:767.98px){
  .cinematic-agency .natural-sticky-layer,
  .cinematic-agency .natural-sticky-bar{height:68px}
  .cinematic-agency .natural-sticky-grid{grid-template-columns:minmax(0,1fr) auto}
  .cinematic-agency .natural-sticky-grid .film-tabs{
    grid-column:2;
    justify-self:end;
  }
  .cinematic-agency .natural-sticky-grid .film-nav-actions{display:none}
}

/* Social scene background type needs its own responsive composition. */
.scene-social .social-type-cloud span:nth-child(5){left:6vw;top:50vh}
@media(max-width:991.98px){
  .scene-social .social-type-cloud{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    right:auto;
    bottom:auto;
    opacity:.58;
    overflow:hidden;
  }
  .scene-social .social-type-cloud span{
    font-size:clamp(1.9rem,9vw,4.2rem);
    filter:blur(.5px);
  }
  .scene-social .social-type-cloud span:nth-child(1){left:7vw;top:19svh}
  .scene-social .social-type-cloud span:nth-child(2){right:5vw;top:17svh;font-size:clamp(2.1rem,10vw,4.5rem)}
  .scene-social .social-type-cloud span:nth-child(3){left:6vw;bottom:19svh}
  .scene-social .social-type-cloud span:nth-child(4){right:7vw;bottom:13svh;font-size:clamp(2.2rem,10.5vw,4.7rem)}
  .scene-social .social-type-cloud span:nth-child(5){left:7vw;top:42svh}
}
@media(max-width:575.98px){
  .scene-social .social-type-cloud{opacity:.5}
  .scene-social .social-type-cloud span{font-size:clamp(1.45rem,10vw,2.65rem)}
  .scene-social .social-type-cloud span:nth-child(1){left:5vw;top:16svh}
  .scene-social .social-type-cloud span:nth-child(2){right:4vw;top:18svh;font-size:clamp(1.75rem,12vw,3.15rem)}
  .scene-social .social-type-cloud span:nth-child(3){left:5vw;bottom:21svh}
  .scene-social .social-type-cloud span:nth-child(4){right:5vw;bottom:15svh;font-size:clamp(1.9rem,12vw,3.3rem)}
  .scene-social .social-type-cloud span:nth-child(5){left:6vw;top:29svh}
}
@media(max-width:991.98px){
  .scene-media .cinematic-no-mark,.scene-digital .cinematic-no-mark,.scene-human .cinematic-no-mark{align-items:center;text-align:center}
  .scene-media .chapter-copy,.scene-digital .chapter-copy,.scene-human .chapter-copy{width:100%}
  .scene-media .chapter-copy .film-title,.scene-digital .chapter-copy .film-title,.scene-human .chapter-copy .film-title{text-align:center}
  .scene-media .chapter-copy .film-lead,.scene-digital .chapter-copy .film-lead,.scene-human .chapter-copy .film-lead{margin-left:auto;margin-right:auto}
  .scene-media .data-rings{right:-12vw;bottom:5vh;top:auto;width:min(62vw,330px);opacity:.18;transform:none}
  .scene-digital .ui-window{right:-13vw;bottom:4vh;top:auto;width:min(58vw,320px);height:auto;opacity:.16;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg)}
  .scene-human .human-orbits{right:-11vw;bottom:5vh;top:auto;width:min(60vw,330px);opacity:.16;transform:none}
}
@media(max-width:575.98px){
  .scene-media .data-rings{right:-18vw;bottom:9vh;width:70vw;opacity:.14}
  .scene-human .human-orbits{right:-18vw;bottom:8vh;width:68vw;opacity:.14}
}
@media(max-width:575.98px){
  .scene-digital .cinematic-no-mark{align-items:center;text-align:center}
  .scene-digital .chapter-copy{width:100%;max-width:380px}
  .scene-digital .ui-window{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    bottom:clamp(58px,6.5svh,86px);
    width:min(38vw,150px);
    height:auto;
    margin:0 auto;
    opacity:.24;
    transform:perspective(1000px) rotateY(-8deg) rotateX(4deg);
    z-index:1;
  }
}
@media(max-width:575.98px) and (min-height:800px){
  .scene-digital .ui-window{
    bottom:clamp(70px,8svh,100px);
    width:min(34vw,140px);
  }
}
@media(max-width:575.98px){
  .scene-human .cinematic-no-mark{align-items:center;text-align:center}
  .scene-human .chapter-copy{width:100%;max-width:380px}
  .scene-human .human-orbits{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    bottom:clamp(92px,12svh,135px);
    width:min(50vw,210px);
    margin:0 auto;
    overflow:visible;
    opacity:.22;
    order:2;
  }
}

/* =========================================================
   NATIVE STICKY NAV — LIGHT / DARK CONTRAST FIX
   The bottom/sticky mode switcher lives outside .film-nav, so it needs
   its own explicit theme colors. Using currentColor on the active pill
   made the text and pill resolve to the same color.
   ========================================================= */
.cinematic-agency .natural-sticky-bar{
  color:#11110f;
  transition:color .28s ease;
}
.cinematic-agency .natural-sticky-bar .film-tabs{
  border-color:rgba(17,17,15,.16);
  background:rgba(17,17,15,.035);
}
.cinematic-agency .natural-sticky-bar .film-tabs a{
  color:#6f6b63;
}
.cinematic-agency .natural-sticky-bar .film-tabs a:hover{
  color:#11110f;
}
.cinematic-agency .natural-sticky-bar .film-tabs a.active{
  background:#fff;
  color:#11110f;
  box-shadow:0 4px 14px rgba(17,17,15,.08);
}
.cinematic-agency .natural-sticky-bar .film-contact{
  color:#11110f;
  border-color:#11110f;
}
.cinematic-agency.theme-warm .film-brand img,
.cinematic-agency.theme-acid .film-brand img{filter:brightness(0)}
.cinematic-agency.theme-warm .natural-sticky-bar .film-tabs,
.cinematic-agency.theme-acid .natural-sticky-bar .film-tabs{
  border-color:rgba(17,17,15,.22);
  background:rgba(17,17,15,.08);
}
.cinematic-agency.theme-warm .natural-sticky-bar .film-tabs a,
.cinematic-agency.theme-acid .natural-sticky-bar .film-tabs a{
  color:rgba(17,17,15,.58);
}
.cinematic-agency.theme-warm .natural-sticky-bar .film-tabs a.active,
.cinematic-agency.theme-acid .natural-sticky-bar .film-tabs a.active{
  background:#11110f;
  color:var(--brand);
  box-shadow:none;
}
.cinematic-agency.theme-warm .scroll-whisper,
.cinematic-agency.theme-acid .scroll-whisper{color:rgba(17,17,15,.58)}

/* app.js toggles .webgl-active while the current chapter is dark. */
.cinematic-agency.webgl-active .natural-sticky-bar{
  color:#f2eee5;
}
.cinematic-agency.webgl-active .natural-sticky-bar .film-tabs{
  border-color:rgba(242,238,229,.18);
  background:rgba(242,238,229,.055);
}
.cinematic-agency.webgl-active .natural-sticky-bar .film-tabs a{
  color:rgba(242,238,229,.68);
}
.cinematic-agency.webgl-active .natural-sticky-bar .film-tabs a:hover{
  color:#fff;
}
.cinematic-agency.webgl-active .natural-sticky-bar .film-tabs a.active{
  background:#f2eee5;
  color:#11110f;
  box-shadow:none;
}
.cinematic-agency.webgl-active .natural-sticky-bar .film-contact{
  color:#f2eee5;
  border-color:#f2eee5;
}

/* =========================================================
   FIXED CINEMATIC STAGE — scroll drives time, not page motion
   The document still supplies ScrollTrigger distance, but every scene is
   rendered on the same viewport-locked stage. This removes the visible
   "page moving downward" sensation while preserving all existing timelines.
   ========================================================= */
@media (prefers-reduced-motion:no-preference){
  .cinematic-agency.cinematic-fixed-stage .film-scene{
    background:transparent!important;
    overflow:visible;
  }
  .cinematic-agency.cinematic-fixed-stage .film-stage{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    width:100%;
    height:100svh;
    min-height:650px;
    z-index:2;
    visibility:hidden;
    pointer-events:none;
    background:var(--scene-surface,#f2eee5)!important;
    transform-style:preserve-3d;
    opacity:0;
    transition:opacity .62s cubic-bezier(.22,1,.36,1), visibility 0s linear .62s;
  }
  .cinematic-agency.cinematic-fixed-stage .film-scene.is-scene-active .film-stage{
    z-index:3;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transition-delay:0s;
  }
  .cinematic-agency.cinematic-fixed-stage .scene-logo-reveal .film-stage{
    --scene-surface:radial-gradient(circle at 50% 44%,rgba(255,198,0,.14),transparent 31%),linear-gradient(180deg,#faf7f0,#f2eee5);
  }
  .cinematic-agency.cinematic-fixed-stage .film-scene[data-theme="paper"] .film-stage{--scene-surface:#f2eee5}
  .cinematic-agency.cinematic-fixed-stage .film-scene[data-theme="warm"] .film-stage{--scene-surface:var(--brand,#ffc600)}
  .cinematic-agency.cinematic-fixed-stage .film-scene[data-theme="acid"] .film-stage{--scene-surface:var(--brand,#ffc600)}
  .cinematic-agency.cinematic-fixed-stage .film-scene[data-theme="ink"] .film-stage{--scene-surface:#11110f}

  /* UI chrome stays above the locked cinematic surface. */
  .cinematic-agency.cinematic-fixed-stage .natural-sticky-layer,
  .cinematic-agency.cinematic-fixed-stage .film-brand-nav{z-index:1001}
}


/* =========================================================
   CINEMATIC HEADER THEME HANDOFF
   Keep header chrome locked to the active scene and soften only the
   color/filter handoff. No position, scale or translate animation here.
   ========================================================= */
.cinematic-agency .film-brand img{
  transition:filter .42s cubic-bezier(.22,1,.36,1), opacity .42s ease;
}
.cinematic-agency .natural-sticky-bar,
.cinematic-agency .natural-sticky-bar .film-tabs,
.cinematic-agency .natural-sticky-bar .film-tabs a,
.cinematic-agency .natural-sticky-bar .film-contact{
  transition:
    color .42s cubic-bezier(.22,1,.36,1),
    background-color .42s cubic-bezier(.22,1,.36,1),
    border-color .42s cubic-bezier(.22,1,.36,1),
    box-shadow .42s cubic-bezier(.22,1,.36,1);
}

/* Stable slide mode: viewport ownership and readable content must never depend
   on a scroll-timeline frame after browser fullscreen/window resize changes. */
@media (prefers-reduced-motion:no-preference){
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .film-stage{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto;
  }
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .scene-kicker,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .film-title,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .film-lead,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .word,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .film-mail,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .film-footer span,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .proof-film-grid,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .proof-film-grid article,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .process-film article{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .kinetic-shape,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .data-rings,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .ui-window,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .human-orbits,
  .cinematic-agency.cinematic-resize-lock .film-scene.is-scene-active .social-type-cloud span{
    opacity:.22!important;
    visibility:visible!important;
    filter:none!important;
  }
  .cinematic-agency.cinematic-resize-lock .scene-formula.is-scene-active .formula-stack{
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.08em;
  }
  .cinematic-agency.cinematic-resize-lock .scene-formula.is-scene-active .formula-stack h2{
    position:relative!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    font-size:clamp(2.6rem,6.8vw,7rem);
  }
  .cinematic-agency.cinematic-resize-lock .scene-formula.is-scene-active .formula-lead{
    position:relative;
    bottom:auto;
  }
  .cinematic-agency.cinematic-resize-lock .scene-wow.is-scene-active .wow-line{
    display:none;
  }
  .cinematic-agency.cinematic-resize-lock .scene-wow.is-scene-active .wow-answer,
  .cinematic-agency.cinematic-resize-lock .scene-wow.is-scene-active .wow-signature{
    position:relative!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    letter-spacing:0!important;
  }
  .cinematic-agency.cinematic-resize-lock .scene-wow.is-scene-active .wow-signature{
    margin-top:1.4rem;
    white-space:normal;
  }
}

@media(max-width:991.98px){
  .scene-proof .proof-film-grid{
    margin-top:2.6rem;
  }
  .scene-proof .proof-film-grid article{
    padding:1.45rem .12rem 1.35rem;
  }
  .scene-proof .proof-number,
  .scene-proof .proof-film-grid strong{
    font-size:clamp(2.75rem,12.8vw,3.25rem)!important;
    line-height:.9!important;
    letter-spacing:-.08em!important;
  }
  .scene-proof .proof-film-grid strong em{
    font-size:.48em!important;
    margin-left:.03em;
  }
  .scene-proof .proof-film-grid strong span,
  .scene-proof .proof-film-grid .count-value,
  .scene-proof .proof-film-grid strong .word-mask,
  .scene-proof .proof-film-grid strong .word,
  .scene-proof .proof-film-grid article > span .word-mask,
  .scene-proof .proof-film-grid article > span .word{
    font-size:inherit!important;
  }
  .scene-proof .proof-film-grid article > span{
    max-width:5.8rem;
    font-size:.76rem!important;
    line-height:1.08!important;
    letter-spacing:.045em!important;
    white-space:normal;
    text-wrap:balance;
  }
}

@media(max-width:575.98px){
  .scene-proof .proof-number,
  .scene-proof .proof-film-grid strong{
    font-size:clamp(2.85rem,13.2vw,3.35rem)!important;
  }
  .scene-proof .proof-label,
  .scene-proof .proof-film-grid article > span{
    font-size:.76rem!important;
  }
}

@media(max-width:575.98px){
  .scene-finale .film-stage{
    padding-bottom:132px;
  }
  .scene-finale .film-footer{
    left:20px;
    right:20px;
    bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px));
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    text-align:center;
    font-size:.66rem;
    line-height:1.35;
    letter-spacing:.12em;
    color:rgba(242,238,229,.68);
  }
  .scene-finale .film-footer span,
  .scene-finale .film-footer span:last-child{
    display:block!important;
  }
  .scene-finale .film-footer a{
    color:rgba(242,238,229,.82);
  }
}

/* Mobile service scenes: keep copy, decorative marks and bottom controls in
   separate bands on compact phones. */
@media(max-width:575.98px){
  .scene-design .film-stage,
  .scene-media .film-stage,
  .scene-digital .film-stage,
  .scene-human .film-stage{
    height:100svh;
    min-height:0;
    padding:88px 18px calc(150px + env(safe-area-inset-bottom));
    justify-content:center;
  }

  .scene-design .chapter-copy,
  .scene-media .chapter-copy,
  .scene-digital .chapter-copy,
  .scene-human .chapter-copy{
    width:100%;
    max-width:360px;
    z-index:4;
    transform:translateY(clamp(-46px,-5.6svh,-24px));
  }

  .scene-design .chapter-copy .film-title,
  .scene-media .chapter-copy .film-title,
  .scene-digital .chapter-copy .film-title,
  .scene-human .chapter-copy .film-title{
    font-size:clamp(3rem,14.2vw,4.45rem);
    line-height:.92;
    letter-spacing:-.072em;
    text-align:center;
  }

  .scene-design .chapter-copy .film-lead,
  .scene-media .chapter-copy .film-lead,
  .scene-digital .chapter-copy .film-lead,
  .scene-human .chapter-copy .film-lead{
    max-width:340px;
    margin:1.35rem auto 0;
    font-size:clamp(.88rem,4.15vw,1rem);
    line-height:1.62;
    text-align:center;
  }

  .scene-design .kinetic-shape,
  .scene-media .data-rings,
  .scene-digital .ui-window,
  .scene-human .human-orbits{
    z-index:1;
    pointer-events:none;
  }

  .scene-design .kinetic-shape{
    top:auto;
    bottom:calc(92px + env(safe-area-inset-bottom));
    width:min(34vw,132px);
    opacity:.18;
  }

  .scene-media .data-rings{
    left:50%;
    right:auto;
    bottom:calc(86px + env(safe-area-inset-bottom));
    width:min(44vw,170px);
    transform:translateX(-50%);
    opacity:.105;
  }

  .scene-digital .ui-window{
    bottom:calc(82px + env(safe-area-inset-bottom));
    width:min(31vw,122px);
    opacity:.18;
  }

  .scene-human .human-orbits{
    bottom:calc(80px + env(safe-area-inset-bottom));
    width:min(43vw,168px);
    opacity:.145;
  }

  .scene-human .human-orbits i{
    width:32px;
    height:32px;
  }
}

@media(max-width:575.98px) and (max-height:760px){
  .scene-design .film-stage,
  .scene-media .film-stage,
  .scene-digital .film-stage,
  .scene-human .film-stage{
    padding-top:78px;
    padding-bottom:calc(126px + env(safe-area-inset-bottom));
  }

  .scene-design .chapter-copy,
  .scene-media .chapter-copy,
  .scene-digital .chapter-copy,
  .scene-human .chapter-copy{
    transform:translateY(-34px);
  }

  .scene-design .chapter-copy .film-title,
  .scene-media .chapter-copy .film-title,
  .scene-digital .chapter-copy .film-title,
  .scene-human .chapter-copy .film-title{
    font-size:clamp(2.66rem,13vw,3.75rem);
    line-height:.94;
  }

  .scene-design .chapter-copy .film-lead,
  .scene-media .chapter-copy .film-lead,
  .scene-digital .chapter-copy .film-lead,
  .scene-human .chapter-copy .film-lead{
    margin-top:1.05rem;
    font-size:.84rem;
    line-height:1.5;
  }

  .scene-design .kinetic-shape,
  .scene-media .data-rings,
  .scene-digital .ui-window,
  .scene-human .human-orbits{
    opacity:.075;
  }

  .scene-media .data-rings{
    left:50%;
    right:auto;
    bottom:calc(68px + env(safe-area-inset-bottom));
    width:min(34vw,122px);
    transform:translateX(-50%);
  }
}

@media(max-width:380px){
  .scene-design .chapter-copy,
  .scene-media .chapter-copy,
  .scene-digital .chapter-copy,
  .scene-human .chapter-copy{
    max-width:326px;
  }

  .scene-design .chapter-copy .film-title,
  .scene-media .chapter-copy .film-title,
  .scene-digital .chapter-copy .film-title,
  .scene-human .chapter-copy .film-title{
    font-size:clamp(2.55rem,13.4vw,3.38rem);
  }

  .scene-design .chapter-copy .film-lead,
  .scene-media .chapter-copy .film-lead,
  .scene-digital .chapter-copy .film-lead,
  .scene-human .chapter-copy .film-lead{
    max-width:306px;
  }
}

/* Mobile header: logo left, mode switch right. */
.mobile-sticky-brand{display:none}
@media(max-width:575.98px){
  .cinematic-agency .film-brand-nav{
    display:none!important;
  }

  .cinematic-agency .natural-sticky-layer{
    z-index:1005;
  }

  .cinematic-agency .natural-sticky-grid{
    position:relative;
    display:block;
    height:68px;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .mobile-sticky-brand{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    display:flex;
    align-items:center;
    width:62px;
    height:26px;
    pointer-events:auto;
  }

  .mobile-sticky-brand img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:brightness(0);
    transition:filter .42s cubic-bezier(.22,1,.36,1), opacity .42s ease;
  }

  .cinematic-agency .natural-sticky-grid .film-tabs{
    position:absolute;
    right:14px;
    top:50%;
    max-width:calc(100vw - 96px);
    transform:translateY(-50%)!important;
  }

  .cinematic-agency .natural-sticky-bar .film-tabs a{
    min-width:64px;
    padding:.48rem .5rem;
    font-size:.54rem;
    letter-spacing:.075em;
  }

  .cinematic-agency.webgl-active .mobile-sticky-brand img{
    filter:none;
  }
}

@media(max-width:360px){
  .mobile-sticky-brand{
    width:54px;
    height:23px;
  }

  .cinematic-agency .natural-sticky-grid .film-tabs{
    max-width:calc(100vw - 82px);
  }

  .cinematic-agency .natural-sticky-bar .film-tabs a{
    min-width:58px;
    padding:.46rem .44rem;
    font-size:.5rem;
  }
}