:root{--bg:#070910;--card:#101624;--accent:#92a3ff;--line:#253048;--muted:#a0aac0}body.future{background:#070910;background-image:radial-gradient(ellipse at 85% 8%,#25346e25,transparent 30%),radial-gradient(ellipse at 0% 55%,#12415016,transparent 30%)}.future .scroll-rail{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#788bff,#9af2ef);box-shadow:0 0 16px #a9e9ff;transform:scaleX(0);transform-origin:left;pointer-events:none}.future header{border-color:#788bff25;position:relative;z-index:5}.future header:after{content:'';position:absolute;bottom:-1px;left:0;width:90px;height:1px;background:#a1afff;box-shadow:0 0 15px #788bff}.future .logo{letter-spacing:-2px}.future .header-cta{background:#151b2b80;border-color:#7486ce55;border-radius:4px}.future .hero{overflow:visible;min-height:740px;grid-template-columns:1.1fr 1fr;gap:0}.future .hero-copy{z-index:3}.future .hero h1{font-weight:500;letter-spacing:-3.5px;line-height:1.05}.future .hero h1 em{background:linear-gradient(100deg,#c2ceff 5%,#8b9bff 45%,#a0efee);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 55px #788bff15}.future .hero p{color:#a4afc8}.future .eyebrow{letter-spacing:2.1px;font-size:9px;color:#b8c4e2}.future .dot,.signal-dot{box-shadow:0 0 14px #91e8ee;background:#a9efef}.future .btn{border-radius:4px;background:linear-gradient(110deg,#e8edff,#c4d1ff);border-color:#d4deff;box-shadow:0 0 24px #788bff10;color:#101629}.future .btn.secondary{background:#10162699;border-color:#667cad60;color:#d8e1f9}.future .btn:hover{box-shadow:0 0 30px #8d9dff35}.future .hero-bottom{border-color:#4b639442;color:#b6c5e1;font-family:monospace;font-size:10px}.future .hero-art{height:560px;scale:1;perspective:1000px;background:none;isolation:isolate;transform:none}.stellar-grid{position:absolute;inset:5% -8%;background-image:linear-gradient(#899dff0a 1px,transparent 1px),linear-gradient(90deg,#899dff0a 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 68%);transform:perspective(500px) rotateX(24deg) rotateZ(-10deg)}.stellar-halo{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#88b6ff18,transparent 65%);box-shadow:0 0 120px #788bff0a}.holo-system{position:absolute;width:360px;height:360px;top:90px;left:50%;margin-left:-180px;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .7s ease;transform-style:preserve-3d}.holo-ring{position:absolute;inset:0;border:1px solid #9cafef66;border-radius:50%;box-shadow:inset 0 0 16px #788bff0c,0 0 20px #788bff0b}.ring-a{transform:rotateX(63deg) rotateY(-18deg) rotateZ(-25deg);border-top:2px solid #b6d8ff;border-right-color:#b6d8ff;animation:orbit-a 22s linear infinite}.ring-b{inset:22px;transform:rotateY(63deg) rotateZ(28deg);border-bottom:2px solid #b1f3f0;animation:orbit-b 26s linear infinite}.ring-c{inset:-26px;transform:rotateX(38deg) rotateY(38deg) rotateZ(-15deg);border-style:dashed;border-color:#8b9bff36;animation:orbit-c 60s linear infinite}.ring-d{inset:49px;border:1px solid #c3e3ff66;transform:rotateX(-38deg) rotateY(55deg);box-shadow:0 0 18px #788bff15}.holo-core{position:absolute;inset:82px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 25%,#bfd0ff77 0,#4e69b94d 20%,#101a3a 55%,#070c1b 80%);border:1px solid #a4c9ff66;box-shadow:inset -10px -15px 30px #0008,inset 5px 5px 22px #d1e4ff26,0 0 65px #7a9fff2b}.holo-core:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#bdd3ff0b 6px 7px);border-radius:50%}.holo-core span{font:500 110px Manrope;letter-spacing:-12px;margin-left:-10px;color:#c0d2ff;text-shadow:0 0 28px #7ba4ff;transform:skewY(-8deg)}.holo-axis{position:absolute;top:50%;left:-55px;right:-55px;height:1px;background:linear-gradient(90deg,transparent,#b4d5ff4d,transparent);transform:rotate(-27deg)}.satellite{position:absolute;width:7px;height:7px;border-radius:50%;background:#d1f9ff;box-shadow:0 0 16px #a2dfff,0 0 30px #819aff}.sat-one{top:46px;left:67px}.sat-two{bottom:62px;right:51px;width:5px;height:5px}.holo-label{position:absolute;font:8px/1.5 monospace;letter-spacing:1.5px;color:#9aacca}.label-top{top:36px;left:30px;display:flex;align-items:center;gap:10px}.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%}.label-bottom{bottom:22px;left:30px;right:15px;padding-top:15px;border-top:1px solid #6f89bd33;display:flex;justify-content:space-between}.holo-panel{position:absolute;background:linear-gradient(130deg,#263552aa,#0b1021d9);border:1px solid #718bb85c;border-radius:8px;padding:18px 20px;backdrop-filter:blur(14px);box-shadow:0 22px 45px #0005;animation:panel-drift 8s ease-in-out infinite}.holo-panel small{font:7px monospace;letter-spacing:1.4px;color:#9caed2;display:block;margin-bottom:12px}.holo-panel b{font:500 15px/1.4 Manrope;letter-spacing:-.3px;display:block}.panel-one{left:-10px;bottom:65px;width:220px;transform:rotate(-6deg);z-index:2}.panel-two{right:-12px;top:84px;width:205px;transform:rotate(7deg);animation-delay:-4s}.panel-two b{font-size:23px}.panel-two span{font:6px monospace;letter-spacing:.9px;color:#b2c8e9}.panel-line{height:2px;margin:17px 0;background:linear-gradient(90deg,#b5d1ff 65%,#a7c4ef22 65%);box-shadow:0 0 10px #788bff33}.wave-bars{display:flex;gap:5px;align-items:center;height:42px;margin-top:12px}.wave-bars i{height:calc(var(--bar)*.6);flex:1;background:linear-gradient(#c5e4ff,#788bff50);border-radius:2px}.future .section{position:relative;border-bottom-color:#6884bf24;padding:110px 0}.future .section:before{content:'+';position:absolute;left:-22px;top:-10px;color:#8da8da66;font:15px monospace}.future .section-label{font-family:monospace;letter-spacing:2px;color:#93a5ca}.future h2 em{color:#8f9fbe}.future .benefit,.future .service{background:linear-gradient(145deg,#1822359c,#0c101cbd);border:1px solid #4c638b47;border-radius:10px;position:relative;overflow:hidden}.future .benefit:before,.future .service:before{content:'';position:absolute;left:20px;top:0;width:70px;height:1px;background:linear-gradient(90deg,transparent,#b0caff,transparent)}.future .service.featured{background:linear-gradient(145deg,#29385e9c,#0f1425);border-color:#8da2ff88;box-shadow:0 0 40px #788bff10}.future .icon{color:#bbd8ff;text-shadow:0 0 22px #788bff5c}.future .work-visual{border:1px solid #8195bc50;box-shadow:0 20px 70px #0004}.future .work-label h3{letter-spacing:-.5px}.future .step{border-top-color:#6384bc6b}.future .step-num{color:#b1c8ef;text-shadow:0 0 25px #788bff35}.future .about-visual{background:radial-gradient(ellipse,#557dff29,transparent 65%),linear-gradient(140deg,#15243b,#080d18);border-color:#677fa966}.future .about-visual b{color:#d9e6ff;text-shadow:0 0 50px #788bff40}.future details{border-color:#52688f40}.future #brief{background:linear-gradient(145deg,#19253c80,#0c111faa);padding:28px;border:1px solid #718ec24d;border-radius:12px;box-shadow:0 30px 70px #0003}.future input,.future textarea,.future select{background:#070d1899;border-color:#536b934d}.future .reveal{opacity:0;transform:translate3d(0,38px,0) scale(.985);filter:blur(5px);transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1),filter .85s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.future .reveal.is-visible{opacity:1;transform:none;filter:blur(0);will-change:auto}.art-paused *{animation-play-state:paused!important}@keyframes orbit-a{to{transform:rotateX(63deg) rotateY(-18deg) rotateZ(335deg)}}@keyframes orbit-b{to{transform:rotateY(63deg) rotateZ(388deg)}}@keyframes orbit-c{to{transform:rotateX(38deg) rotateY(38deg) rotateZ(345deg)}}@keyframes panel-drift{50%{translate:0 -10px}}
@media(max-width:1100px){.future .hero h1{font-size:55px}.holo-system{scale:.85}.panel-one{left:0;width:190px}.panel-two{right:0;width:175px}.panel-two b{font-size:20px}.holo-panel{padding:15px}.future #brief{padding:20px}.future .hero-art{height:530px}}@media(max-width:700px){.future .hero{display:block;min-height:auto;overflow:hidden}.future .hero h1{font-size:48px;letter-spacing:-2.5px}.future .hero-copy{padding-top:58px}.future .hero-art{height:410px;width:100%;max-width:380px;margin:0 auto;perspective:800px}.holo-system{top:35px;scale:.73}.label-top{top:18px;left:4px;font-size:6px}.label-bottom{bottom:8px;left:4px;font-size:6px}.panel-one{bottom:35px;left:2px;width:166px}.panel-two{top:58px;right:0;width:140px}.panel-two b{font-size:18px}.holo-panel{padding:13px;backdrop-filter:none;animation:none}.holo-panel b{font-size:13px}.holo-panel small{font-size:6px}.panel-two span{font-size:5px}.future .section{padding:70px 0}.future .section:before{left:-12px}.future .hero-bottom{font-size:8px}.future .reveal{filter:none;transform:translateY(24px)}.future #brief{padding:20px 15px;gap:15px}.future .holo-ring{animation:none}.future .contact{gap:30px}.future .eyebrow{font-size:7px;letter-spacing:1.7px}}@media(prefers-reduced-motion:reduce){.future .reveal{opacity:1;transform:none;filter:none}.future *{animation:none!important;transition:none!important}.holo-system{transform:none!important}}@media print{.future .reveal{opacity:1;transform:none;filter:none}.scroll-rail{display:none}}
.future{overflow-x:clip}.future .hero{overflow-x:clip;overflow-y:visible}
/* Site-specific reveal preference, explicitly requested by the owner. */
body[data-reveal-motion="on"] .reveal{opacity:0!important;transform:translate3d(0,32px,0)!important;filter:none!important;transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--reveal-delay,0ms)!important}
body[data-reveal-motion="on"] .reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important}
body[data-reveal-motion="off"] .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:50;padding:8px 12px;border:1px solid #657cad66;border-radius:30px;background:#101726ee;color:#bdcce9;font:10px/1.4 Inter,Arial;box-shadow:0 4px 20px #0005;cursor:pointer}.motion-toggle:hover{border-color:#c1d1ff}.motion-toggle:focus-visible{outline:2px solid #a3b8ff;outline-offset:3px}@media(max-width:700px){.motion-toggle{bottom:10px;right:10px;font-size:9px}}@media print{body[data-reveal-motion="on"] .reveal{opacity:1!important;transform:none!important}.motion-toggle{display:none}}
.stroyforma-bg{background:radial-gradient(ellipse at 65% 20%,#345044,#172820 65%);position:relative;overflow:hidden}
.sf-preview{position:relative;width:100%;padding:7% 12% 7% 6%;box-sizing:border-box}
.sf-browser{border:1px solid #76908166;border-radius:12px;overflow:hidden;box-shadow:0 30px 65px #0006;transform:perspective(1400px) rotateY(-4deg)}
.sf-bar{height:30px;background:#17241e;display:flex;align-items:center;gap:5px;padding:0 12px;color:#a6b5ac;font:9px monospace;letter-spacing:1px}
.sf-bar i{width:5px;height:5px;border-radius:50%;background:#7d9383}.sf-bar span{margin:auto}.sf-bar b{font-size:16px}
.sf-preview img,.sf-shot img,.sf-full img{display:block;width:100%;height:auto}
.sf-phone{position:absolute;width:19%;right:5%;bottom:4%;border:5px solid #101b15;border-radius:23px;overflow:hidden;box-shadow:0 15px 40px #0008}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.work-grid .work{grid-column:auto!important}.work-grid .work:first-child{grid-column:1/-1!important}.work-grid .work:first-child .work-visual{height:auto;aspect-ratio:1.9}.work-grid .work:first-child .sf-preview{max-width:1040px;margin:auto}
.sf-case .case-cover{height:auto;padding:0}.sf-case .case-head h1 span{color:#b8d68d}.sf-case .case-info h2{font-size:32px;margin-top:20px}.sf-case p{line-height:1.75}
.sf-shot{margin:0 0 80px}.sf-caption{display:grid;grid-template-columns:1fr 2fr;gap:12px 32px;margin-bottom:25px}.sf-caption h3{font-size:28px;margin:0}.sf-caption p{grid-column:2;margin:0;color:#9ca3b5}.sf-shot>a{display:block;border:1px solid #35473c;border-radius:12px;overflow:hidden;transition:box-shadow .4s,transform .4s}.sf-shot>a:hover{transform:translateY(-4px);box-shadow:0 20px 70px #8aaf5d13}.sf-shot>a:focus-visible,.sf-full:focus-visible{outline:2px solid #b8d68d;outline-offset:6px}
.sf-overview{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:start}.sf-overview h3{font-size:32px;line-height:1.25}.sf-overview p{color:#9ca3b5}.sf-full{max-height:650px;overflow:auto;border-radius:12px;border:1px solid #35473c;overscroll-behavior:contain;scrollbar-color:#93ab7b #172820}
@media(max-width:700px){.work-grid{grid-template-columns:1fr!important}.sf-preview{padding:9% 14% 9% 4%}.sf-phone{border-width:3px;border-radius:12px;width:22%;right:3%}.sf-bar{height:20px;font-size:6px;padding:0 6px}.sf-bar i{width:3px;height:3px}.sf-browser{border-radius:6px}.sf-caption,.sf-overview{grid-template-columns:1fr;gap:16px}.sf-caption p{grid-column:1}.sf-caption h3{font-size:23px}.sf-shot{margin-bottom:45px}.sf-full{max-height:500px}.sf-case .case-head h1{font-size:clamp(38px,10vw,64px)}}

/* Refined editorial typography and native, draggable scrollbars. */
body,button,input,textarea,select{font-family:Onest,Arial,sans-serif!important}
.future h1,.future h2,.future h3,.future h4,.future .logo,.future .holo-panel b,.future .about-visual b{font-family:Onest,Arial,sans-serif!important;font-weight:500;letter-spacing:-.045em}
.future h1,.future h2{color:#edf3ff;text-shadow:0 0 24px #477dff26,0 0 70px #477dff12}
.future h1 em,.future h2 em{color:#9eb8ff;text-shadow:0 0 25px #587fff40,0 0 65px #587fff1c}
.future h3{color:#e1ebff;text-shadow:0 0 20px #587fff18}
.future p{letter-spacing:-.012em}.future .hero h1{line-height:1.1;font-weight:550}.future .section-intro{line-height:1.75}
.future .btn{border-radius:9px;font-weight:550;box-shadow:0 0 24px #779cff17}.future .btn:hover{box-shadow:0 0 34px #779cff30}.future .btn.secondary{box-shadow:none}
html{scrollbar-color:#7799e6 #0a101d;scrollbar-width:thin}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0a101d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9bbcff,#536cba);border:2px solid #0a101d;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#b3caff}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:#0a101d}
.sf-browser{transform:none;box-shadow:0 25px 60px #0005}.sf-preview img{image-rendering:auto}.work-grid{grid-template-columns:1fr!important}.work-grid .work:first-child .work-visual{aspect-ratio:auto}.work-grid .work:first-child .sf-preview{max-width:1200px}
.future .work-label{padding-top:24px}.future .work-label h3{font-size:30px}.sf-case .case-head h1 span{color:#9eb8ff}.sf-shot img{aspect-ratio:16/9;object-fit:cover;object-position:top}
@media(max-width:700px){.future .hero h1{font-size:clamp(36px,10.5vw,48px);letter-spacing:-.05em}.future h2{letter-spacing:-.04em}.future .work-label h3{font-size:25px}}
.holo-core span{font-family:Onest,Arial,sans-serif}
@supports selector(::-webkit-scrollbar){html{scrollbar-width:auto;scrollbar-color:auto}}
.future .holo-core span{font-family:Onest,Arial,sans-serif}@supports selector(::-webkit-scrollbar){html{scrollbar-width:auto;scrollbar-color:auto}}

/* Hero motion follows the visitor's explicit animation switch. */
body[data-reveal-motion="on"] .ring-a{animation:orbit-a 18s linear infinite!important}
body[data-reveal-motion="on"] .ring-b{animation:orbit-b 24s linear infinite reverse!important}
body[data-reveal-motion="on"] .ring-c{animation:orbit-c 40s linear infinite!important}
.ring-a:after,.ring-b:after{content:'';position:absolute;top:50%;left:-4px;width:7px;height:7px;border-radius:50%;background:#d6faff;box-shadow:0 0 12px #98eaff,0 0 24px #788bff}
body[data-reveal-motion="on"] .holo-panel{animation:panel-drift 7s ease-in-out infinite!important}
body[data-reveal-motion="on"] .panel-two{animation-delay:-3.5s!important}
body[data-reveal-motion="on"] .stellar-halo{animation:core-breathe 5s ease-in-out infinite!important}
body[data-reveal-motion="on"] .holo-core span{animation:letter-breathe 5s ease-in-out infinite!important}
body[data-reveal-motion="on"] .holo-core:before{animation:scan-flow 4s linear infinite!important}
body[data-reveal-motion="on"] .wave-bars i{transform-origin:bottom;animation:signal-wave 2.2s ease-in-out infinite alternate!important}
body[data-reveal-motion="on"] .wave-bars i:nth-child(3n){animation-delay:-.8s!important}
body[data-reveal-motion="on"] .wave-bars i:nth-child(3n+1){animation-delay:-1.5s!important}
body[data-reveal-motion="on"] .panel-line{transform-origin:left;animation:line-flow 5s ease-in-out infinite!important}
body[data-reveal-motion="on"] .satellite{animation:star-float 6s ease-in-out infinite!important}
body[data-reveal-motion="on"] .sat-two{animation-delay:-3s!important}
body[data-reveal-motion="off"] .hero-art *,body[data-reveal-motion="off"] .hero-art *:before,body[data-reveal-motion="off"] .hero-art *:after{animation:none!important}
body[data-reveal-motion="on"] .art-paused *,body[data-reveal-motion="on"] .art-paused *:before{animation-play-state:paused!important}
@keyframes core-breathe{0%,100%{opacity:.5;scale:.92}50%{opacity:1;scale:1.12}}
@keyframes letter-breathe{0%,100%{opacity:.85;text-shadow:0 0 20px #7ba4ff}50%{opacity:1;text-shadow:0 0 40px #7ba4ff,0 0 65px #7ba4ff66}}
@keyframes scan-flow{to{background-position:0 28px}}
@keyframes signal-wave{0%{scale:1 .4;opacity:.55}100%{scale:1 1;opacity:1}}
@keyframes line-flow{0%,100%{scale:.65 1;opacity:.6}50%{scale:1 1;opacity:1}}
@keyframes star-float{0%,100%{translate:0 0;opacity:.65}50%{translate:8px -14px;opacity:1}}

/* Crisp lettering, with a restrained light cycle shared by the core. */
.future .holo-panel{background:linear-gradient(130deg,#202d46f5,#0b1021f5)}
.future .holo-panel b{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:-.025em;color:#f1f6ff;text-shadow:0 0 12px #7ba4ff22}
.future .panel-two b{font-size:24px}
.future .holo-panel small{font-size:9px;line-height:1.6;letter-spacing:1px;color:#c5d4ee;font-weight:500}
.future .panel-two span{display:block;font-size:8px;line-height:1.7;letter-spacing:.4px;color:#c5d4ee}
.future .holo-label{font-size:9px;letter-spacing:1px;color:#c5d4ee}
body[data-reveal-motion="on"] .holo-panel b{animation:holo-type-light 5s ease-in-out infinite!important}
body[data-reveal-motion="on"] .holo-label,body[data-reveal-motion="on"] .holo-panel small,body[data-reveal-motion="on"] .panel-two span{animation:holo-caption-light 5s ease-in-out infinite!important}
@keyframes holo-type-light{0%,100%{color:#f1f6ff;text-shadow:0 0 12px #7ba4ff22}50%{color:#d6e8ff;text-shadow:0 0 16px #7ba4ff60}}
@keyframes holo-caption-light{0%,100%{color:#c5d4ee}50%{color:#e0f0ff}}
body[data-reveal-motion="on"] .hero-art.art-paused *,body[data-reveal-motion="on"] .hero-art.art-paused *:before{animation-play-state:paused!important}
@media(max-width:700px){.future .holo-panel b{font-size:14px}.future .panel-two b{font-size:18px}.future .holo-panel small{font-size:8px;letter-spacing:.45px}.future .panel-two span{font-size:8px;letter-spacing:0}.future .holo-label{font-size:8px;letter-spacing:.5px}}

/* Opaque cards and shadow-free lettering keep the tilted composition readable. */
.future .holo-panel{transform:none;translate:none;backdrop-filter:none;background:#111a2c}
.future .holo-panel b,.future .holo-panel small,.future .holo-panel span,.future .holo-label{text-shadow:none!important;filter:none!important}
.future .holo-panel small,.future .holo-label{font-size:10px;letter-spacing:.7px}
.future .panel-two span{font-size:9px;letter-spacing:.2px}
body[data-reveal-motion="on"] .holo-panel{animation:panel-edge-light 5s ease-in-out infinite!important}
body[data-reveal-motion="on"] .panel-two{animation-delay:0s!important}
@keyframes panel-edge-light{0%,100%{border-color:#718bb85c;box-shadow:0 18px 35px #0004}50%{border-color:#99baffaa;box-shadow:0 0 24px #788bff20,0 18px 35px #0004}}
body[data-reveal-motion="on"] .hero-art.art-paused *{animation-play-state:paused!important}
@media(max-width:700px){.future .holo-panel small,.future .holo-label{font-size:9px;letter-spacing:.2px}.future .panel-two span{font-size:9px;letter-spacing:0}}
.future .panel-two{right:14px;transform:rotate(7deg)}.future .panel-one{left:12px;transform:rotate(-6deg)}

/* A slow color flow keeps the headline sharp and stationary. */
.future .hero h1 em{background-image:linear-gradient(110deg,#c2ceff 0%,#929fff 28%,#a0efee 52%,#929fff 76%,#c2ceff 100%);background-size:200% 100%;background-position:0% 50%;text-shadow:none}
body[data-reveal-motion="on"] .hero-copy h1 em{animation:headline-color-flow 9s ease-in-out infinite!important}
body[data-reveal-motion="on"] .hero-copy .dot{animation:eyebrow-signal 4.5s ease-in-out infinite!important}
body[data-reveal-motion="off"] .hero-copy h1 em,body[data-reveal-motion="off"] .hero-copy .dot{animation:none!important}
body[data-reveal-motion="on"] .hero-copy.copy-paused h1 em,body[data-reveal-motion="on"] .hero-copy.copy-paused .dot{animation-play-state:paused!important}
@keyframes headline-color-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes eyebrow-signal{0%,100%{box-shadow:0 0 8px #91e8ee66;opacity:.8}50%{box-shadow:0 0 15px #91e8eebb;opacity:1}}

/* Cinematic opening: sharp typography, assembled orbits, a cursor light. */
.future .hero{position:relative;isolation:isolate}
.title-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.title-line{display:block}
.hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(460px circle at var(--light-x,75%) var(--light-y,40%),#6086ff18,transparent 72%)}
.hero-flare{position:absolute;left:48%;top:47%;width:52%;height:1px;pointer-events:none;z-index:0;opacity:0;background:linear-gradient(90deg,transparent,#a8dfff,transparent);transform-origin:center;box-shadow:0 0 24px 3px #78aaff55}
body[data-reveal-motion="on"] .cinema-hero .title-line{animation:title-arrive 1s cubic-bezier(.16,1,.3,1) both!important;animation-delay:var(--line-delay)!important}
body[data-reveal-motion="on"] .cinema-hero .hero-copy>p,body[data-reveal-motion="on"] .cinema-hero .hero-copy>.buttons{animation:copy-arrive 1s ease .48s both!important}
body[data-reveal-motion="on"] .cinema-hero .hero-art{animation:system-arrive 1.6s cubic-bezier(.16,1,.3,1) both!important}
body[data-reveal-motion="on"] .cinema-hero .holo-system{animation:system-assemble 1.8s cubic-bezier(.16,1,.3,1) both!important}
body[data-reveal-motion="on"] .cinema-hero .holo-core{animation:core-ignite 1.5s ease-out both!important}
body[data-reveal-motion="on"] .cinema-hero .hero-flare{animation:flare-arrive 1.6s ease-out .25s both!important}
.intro-replay{position:absolute;bottom:-9px;right:14px;border:0;background:none;color:#a5b9d9;font:10px Onest,Arial,sans-serif;cursor:pointer;padding:8px;z-index:4}
.intro-replay:hover{color:#e4efff}.intro-replay:focus-visible{outline:2px solid #9abaff;outline-offset:2px}
body[data-reveal-motion="off"] .intro-replay{display:none}
body[data-reveal-motion="off"] .hero-light{display:none}
body[data-reveal-motion="on"] .hero-art.art-paused .holo-system,body[data-reveal-motion="on"] .hero-art.art-paused .holo-core{animation-play-state:paused!important}
@keyframes title-arrive{from{translate:0 105%;opacity:.15}to{translate:0 0;opacity:1}}
@keyframes copy-arrive{from{translate:0 12px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes system-arrive{from{opacity:0}to{opacity:1}}
@keyframes system-assemble{from{rotate:-28deg;opacity:0}to{rotate:0deg;opacity:1}}
@keyframes core-ignite{0%{opacity:0;scale:.72}55%{opacity:1;scale:1.04}100%{opacity:1;scale:1}}
@keyframes flare-arrive{0%{opacity:0;scale:.1 1}30%{opacity:.75}100%{opacity:0;scale:1.4 1}}
@media(max-width:700px){.hero-light{background:radial-gradient(ellipse at 80% 50%,#6086ff12,transparent 70%)}.hero-flare{left:10%;width:80%;top:70%}.intro-replay{bottom:-14px;font-size:9px}.future .hero-art{margin-bottom:20px}}

/* The light lives behind the entire page, outside section clipping. */
body.future{isolation:isolate}
body.future>.hero-light{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(460px circle at var(--light-x,75%) var(--light-y,40%),#6086ff18,transparent 72%)}
@media(hover:none),(pointer:coarse){body.future>.hero-light{display:none}}

.native-select-hidden{display:none!important}
.future .aixel-select{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid #536b9370;border-radius:8px;background:linear-gradient(135deg,#121d30,#0b1220);color:#edf3ff;text-align:left;font-size:13px;font-weight:400;line-height:1.5;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.future .aixel-select:hover{border-color:#8da8de}.future .aixel-select:focus-visible,.future .aixel-select[aria-expanded="true"]{outline:2px solid #93b4ff;outline-offset:2px;box-shadow:0 0 22px #648dff1c}.future .aixel-select:disabled{opacity:.5;cursor:not-allowed}
.select-chevron{color:#b0c9ff;font-size:19px;line-height:1;transition:transform .2s}.aixel-select[aria-expanded="true"] .select-chevron{transform:rotate(180deg)}
.aixel-options{position:fixed;z-index:200;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #779ad586;border-radius:12px;background:#10192a;box-shadow:0 16px 48px #0009,0 0 24px #648dff18;color:#dce8ff;font:13px/1.5 Onest,Arial,sans-serif}
.aixel-options[hidden]{display:none!important}.aixel-option{position:relative;padding:12px 35px 12px 12px;border-radius:7px;cursor:pointer;transition:background .15s,color .15s;white-space:normal}
.aixel-option:hover,.aixel-option.is-active{background:#243755;color:#fff}.aixel-option[aria-selected="true"]{background:#283e63;color:#eef5ff}.aixel-option[aria-selected="true"]:after{content:'✓';position:absolute;right:13px;color:#a1c5ff}.aixel-option[aria-disabled="true"]{opacity:.4;cursor:not-allowed}
body[data-reveal-motion="on"] .aixel-options:not([hidden]){animation:select-open .16s ease-out!important}
@keyframes select-open{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}

/* AIXEL case study: contained media, editorial cards, in-page viewer. */
.future .sf-case{max-width:1120px}
.sf-case .case-head{padding:60px 0 36px;max-width:760px}
.sf-case .case-head h1{font-size:clamp(42px,6vw,76px);margin:20px 0}
.sf-case .case-head .eyebrow{color:#9eb8ff!important}
.sf-case .case-cover{max-width:880px;margin:0 auto;border:1px solid #354565;border-radius:20px;background:radial-gradient(ellipse at top,#243457,#101725 70%);box-shadow:0 24px 70px #0004}
.sf-case .case-info{gap:22px;margin:48px 0}
.sf-case .case-info>div{padding:26px;border:1px solid #293851;border-radius:16px;background:#101827}
.sf-case .sf-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:60px}
.sf-gallery>.section-top,.sf-gallery>.sf-overview{grid-column:1/-1}
.sf-case .sf-shot{margin:0;padding:22px;border:1px solid #2c3c58;border-radius:18px;background:linear-gradient(145deg,#141f32,#0c121e);transition:border-color .25s,transform .25s}
.sf-case .sf-shot:hover{border-color:#7898d5;transform:translateY(-3px)}
.sf-case .sf-caption{display:flex;flex-direction:column;gap:12px;margin:0 0 22px}
.sf-case .sf-caption h3{font-size:23px;line-height:1.3;letter-spacing:-.5px}
.sf-case .sf-caption p{font-size:13px;min-height:46px}
.sf-case .sf-shot>a{border-color:#3c4d6d;border-radius:10px;box-shadow:none;transform:none}
.sf-case .sf-shot img{aspect-ratio:16/10;object-fit:contain;background:#080e17}
.sf-case .sf-bar{background:#182338;color:#b9cae9}
.sf-case .sf-overview{margin-top:16px;padding:30px;gap:30px;grid-template-columns:1fr 1fr;border:1px solid #2c3c58;border-radius:18px;background:#101827}
.sf-case .sf-overview h3{font-size:27px;margin:18px 0}
.sf-case .sf-full{max-height:360px;border-color:#3c4d6d;scrollbar-color:#7898d5 #101827}
.future .project-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px;align-items:center;padding:28px;border:1px solid #2c3c58;border-radius:18px;background:linear-gradient(130deg,#141f32,#0d1421);margin:36px 0}
.future .film-heading{display:block;margin:0}
.future .film-heading h3{font-size:27px;margin:16px 0}
.future .film-heading p{font-size:13px}
.future .project-film video{max-height:340px;border-radius:10px;border-color:#3c4d6d}
.future .project-film>.micro{grid-column:2;margin:0}
.case-viewer{width:min(960px,calc(100vw - 40px));max-height:85dvh;padding:0;color:#edf3ff;background:#101827;border:1px solid #5b76a6;border-radius:18px;box-shadow:0 28px 100px #000a}
.case-viewer::backdrop{background:#040914d9;backdrop-filter:blur(6px)}
.case-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #2c3c58}
.case-viewer-head h3{margin:0;font-size:16px}
.case-viewer-close{background:#1b2941;border:1px solid #536b93;border-radius:8px;color:#edf3ff;width:38px;height:38px;font-size:23px}
.case-viewer-body{padding:20px;max-height:calc(85dvh - 80px);overflow:auto;overscroll-behavior:contain}
.case-viewer img{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:8px;background:#080d16}
.case-viewer.is-long img{max-height:none;height:auto}
@media(max-width:700px){.future .sf-case{width:calc(100% - 36px)}.sf-case .case-head{padding-top:35px}.sf-case .sf-gallery{grid-template-columns:1fr;gap:18px}.sf-case .sf-shot{padding:18px}.sf-case .sf-caption p{min-height:0}.sf-case .sf-overview{grid-template-columns:1fr;padding:20px}.future .project-film{grid-template-columns:1fr;padding:20px}.future .project-film>.micro{grid-column:1}.case-viewer{width:calc(100vw - 24px)}.case-viewer-body{padding:12px}.case-viewer-head{padding:14px}}
.sf-case .sf-shot>a:focus-visible,.sf-case .sf-full:focus-visible{outline-color:#9eb8ff}