/* LTS spatial hero study — progressive 2.5D, no WebGL dependency. */
.spatial-hero{--bg-x:0px;--bg-y:0px;--mist-x:0px;--mist-y:0px;--line-x:0px;--line-y:0px;--copy-x:0px;--copy-y:0px;position:relative;isolation:isolate;min-height:clamp(640px,86svh,920px);overflow:hidden;background:#050607;color:#fff;perspective:1200px}
.spatial-hero__scene,.spatial-hero__layer{position:absolute;inset:0;pointer-events:none}.spatial-hero__scene{z-index:0;overflow:hidden;transform-style:preserve-3d}.spatial-hero__backdrop{inset:-4%;transform:translate3d(var(--bg-x),var(--bg-y),-80px) scale(1.12);will-change:transform}.spatial-hero__backdrop picture,.spatial-hero__backdrop img{display:block;width:100%;height:100%}.spatial-hero__backdrop img{object-fit:cover;object-position:58% 50%;filter:saturate(.82) contrast(1.08) brightness(.83)}
.spatial-hero__mist{inset:-10%;background:radial-gradient(ellipse at 58% 51%,rgba(235,242,245,.18),transparent 28%),linear-gradient(98deg,rgba(2,3,4,.83) 0%,rgba(4,5,6,.46) 38%,rgba(4,5,6,.08) 67%,rgba(2,3,4,.28) 100%);mix-blend-mode:screen;opacity:.48;transform:translate3d(var(--mist-x),var(--mist-y),20px) scale(1.04);will-change:transform}
.spatial-hero__shade{background:linear-gradient(90deg,rgba(3,4,5,.82) 0%,rgba(3,4,5,.54) 34%,transparent 68%),linear-gradient(0deg,rgba(3,4,5,.74) 0%,transparent 42%),radial-gradient(circle at 75% 45%,transparent 0 18%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.55) 100%)}
.spatial-hero__line{inset:-3%;width:106%;height:106%;overflow:visible;transform:translate3d(var(--line-x),var(--line-y),90px);filter:drop-shadow(0 0 10px rgba(237,25,54,.35));will-change:transform}.spatial-hero__line path{fill:none;stroke:#ed1936;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1800;stroke-dashoffset:1800;animation:lts-line-draw 2.2s .25s cubic-bezier(.16,1,.3,1) forwards}.spatial-hero__line path+path{stroke:#fff;stroke-width:.7;opacity:.34;stroke-dasharray:12 18;animation:none;stroke-dashoffset:0}
.spatial-hero__glow{background:radial-gradient(circle at 78% 43%,rgba(237,25,54,.16),transparent 3%,transparent 100%);transform:translate3d(var(--line-x),var(--line-y),110px)}
.spatial-hero__grain{opacity:.13;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.spatial-hero__particles{inset:-5%;transform:translate3d(var(--mist-x),var(--mist-y),55px);will-change:transform}.spatial-hero__particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 15px 3px rgba(255,255,255,.22);opacity:.3;animation:lts-drift 7s ease-in-out infinite}.spatial-hero__particles i:nth-child(1){left:12%;top:22%}.spatial-hero__particles i:nth-child(2){left:29%;top:66%;animation-delay:-2s}.spatial-hero__particles i:nth-child(3){left:49%;top:31%;animation-delay:-5s}.spatial-hero__particles i:nth-child(4){left:71%;top:19%;animation-delay:-1s}.spatial-hero__particles i:nth-child(5){left:84%;top:67%;animation-delay:-4s}.spatial-hero__particles i:nth-child(6){left:61%;top:78%;animation-delay:-3s}
.spatial-hero__content{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:inherit;width:min(100%,1440px);margin:0 auto;padding:90px clamp(24px,6vw,92px) clamp(78px,11vh,130px);transform:translate3d(var(--copy-x),var(--copy-y),0);will-change:transform}.spatial-hero__copy{width:min(620px,58vw)}.spatial-hero .brand-kicker{color:#d8dcde;margin-bottom:20px}.spatial-hero h1{max-width:9ch;margin:0 0 22px;color:#fff;font-size:clamp(55px,7vw,104px);font-weight:760;line-height:.91;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 18px 54px rgba(0,0,0,.42)}.spatial-hero__lede{max-width:42ch;margin:0 0 30px;color:#e3e6e7;font-size:clamp(15px,1.3vw,18px);line-height:1.65;text-shadow:0 2px 20px rgba(0,0,0,.8)}.spatial-hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.spatial-hero__actions .lts-btn{padding:15px 23px;font-size:13px;box-shadow:0 14px 38px rgba(213,16,43,.22)}.spatial-hero__link{padding:8px 0;color:#fff;font-size:13px;border-bottom:1px solid rgba(255,255,255,.46)}
.spatial-hero__meta{position:absolute;z-index:6;right:28px;top:28px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.spatial-hero__meta:before{content:'';width:34px;height:1px;background:#ed1936}.spatial-hero__motion{position:absolute;z-index:7;right:28px;bottom:76px;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(5,6,7,.36);color:#fff;font:650 10px/1 var(--font-ui);letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(10px);cursor:pointer}.spatial-hero__motion:before{content:'';width:6px;height:6px;border-radius:50%;background:#ed1936;box-shadow:0 0 0 4px rgba(237,25,54,.15)}.spatial-hero__motion[aria-pressed=true]:before{background:#999;box-shadow:none}.spatial-hero__scroll{position:absolute;z-index:6;left:50%;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.18em;text-transform:uppercase;transform:translateX(-50%)}.spatial-hero__scroll:after{content:'';width:1px;height:32px;background:linear-gradient(#ed1936,transparent);animation:lts-scroll-pulse 2s ease-in-out infinite}
.spatial-hero[data-motion-paused=true] .spatial-hero__backdrop,.spatial-hero[data-motion-paused=true] .spatial-hero__mist,.spatial-hero[data-motion-paused=true] .spatial-hero__line,.spatial-hero[data-motion-paused=true] .spatial-hero__glow,.spatial-hero[data-motion-paused=true] .spatial-hero__particles,.spatial-hero[data-motion-paused=true] .spatial-hero__content{transform:none!important}.spatial-hero[data-motion-paused=true] .spatial-hero__particles i,.spatial-hero[data-motion-paused=true] .spatial-hero__scroll:after{animation:none}.spatial-hero[data-motion-paused=true] .spatial-hero__line path{animation:none;stroke-dashoffset:0}
@keyframes lts-line-draw{to{stroke-dashoffset:0}}@keyframes lts-drift{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(7px,-13px,0);opacity:.48}}@keyframes lts-scroll-pulse{0%,100%{transform:scaleY(.35);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}
@media(max-width:959px){.spatial-hero{min-height:calc(100svh - 76px)}.spatial-hero__backdrop img{object-position:67% 50%}.spatial-hero__content{padding:72px 24px 86px}.spatial-hero__copy{width:min(600px,82vw)}.spatial-hero h1{font-size:clamp(52px,10vw,78px)}.spatial-hero__meta{top:20px;right:20px}.spatial-hero__motion{right:18px;bottom:72px}.spatial-hero__scroll{display:none}}
@media(max-width:600px){.spatial-hero{min-height:calc(100svh - 76px)}.spatial-hero__backdrop{inset:-2% -18%;transform:translate3d(var(--bg-x),var(--bg-y),-80px) scale(1.08)}.spatial-hero__backdrop img{object-position:69% 48%}.spatial-hero__shade{background:linear-gradient(0deg,rgba(3,4,5,.93) 0%,rgba(3,4,5,.72) 38%,rgba(3,4,5,.08) 74%),linear-gradient(90deg,rgba(3,4,5,.25),transparent)}.spatial-hero__mist{opacity:.35}.spatial-hero__line{width:140%;height:110%;left:-20%;top:-5%}.spatial-hero__content{justify-content:flex-end;padding:80px 22px 82px}.spatial-hero__copy{width:100%}.spatial-hero h1{max-width:8ch;margin-bottom:17px;font-size:clamp(47px,15vw,66px);line-height:.91}.spatial-hero__lede{max-width:31ch;margin-bottom:23px;font-size:14px;line-height:1.55}.spatial-hero__actions{gap:16px}.spatial-hero__meta{left:22px;right:auto;top:22px}.spatial-hero__motion{display:none}.spatial-hero__particles i:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.spatial-hero__backdrop,.spatial-hero__mist,.spatial-hero__line,.spatial-hero__glow,.spatial-hero__particles,.spatial-hero__content{transform:none!important;will-change:auto}.spatial-hero__line path{animation:none;stroke-dashoffset:0}.spatial-hero__particles i,.spatial-hero__scroll:after{animation:none}.spatial-hero__motion{display:none}}
