:root{--scene-progress:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
header{background:rgba(8,25,37,.88);box-shadow:none}
.scroll-scene{height:205svh;position:relative;background:#081b29;color:#fff}
.scene-stage{height:calc(100svh - 78px);min-height:610px;position:sticky;top:78px;overflow:hidden;perspective:1100px;isolation:isolate}
.scene-photo{position:absolute;z-index:0;inset:-7%;background:#102431 url('hero-bluestone.jpeg') center 48%/cover no-repeat;transform:translate3d(0,calc(var(--scene-progress)*-5%),0) scale(calc(1.1 + var(--scene-progress)*.22)) rotateY(calc(var(--scene-progress)*-3deg));transform-origin:center;will-change:transform}
.scene-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,31,.82),rgba(8,25,37,.40) 62%,rgba(5,19,28,.18)),linear-gradient(0deg,#081b29 0%,transparent 36%);pointer-events:none}
.scene-grid{position:absolute;inset:0;z-index:1;opacity:.3;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(234,225,198,.28) 50%,transparent calc(50% + .5px)),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(234,225,198,.19) 25%),repeating-linear-gradient(0deg,transparent 0,transparent 24.9%,rgba(234,225,198,.11) 25%);transform:translateZ(65px) scale(1.07);pointer-events:none}
.scene-frame{position:absolute;z-index:2;inset:6% 4%;border:1px solid rgba(233,220,184,.46);transform:translateZ(95px) translateY(calc(var(--scene-progress)*-35px));pointer-events:none}
.scene-frame:before,.scene-frame:after{content:"";position:absolute;width:72px;height:3px;background:#b89b5e;top:-2px;left:-1px}.scene-frame:after{top:auto;left:auto;bottom:-2px;right:-1px}
.scene-content{position:relative;z-index:3;display:flex;align-items:center;height:100%;width:min(1180px,88%);margin:auto;transform:translate3d(0,calc(var(--scene-progress)*-12vh),0) scale(calc(1 - var(--scene-progress)*.08));transform-origin:left center;will-change:transform}
.scene-copy{max-width:800px;padding:6rem 0 8rem;text-shadow:0 3px 22px rgba(0,0,0,.25)}
.scene-copy .badge{display:inline-block;color:#e8d7ae;background:rgba(13,38,53,.45);border:1px solid rgba(230,214,171,.45);padding:.5rem .85rem;border-radius:2px;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:700}
.scene-copy h1{color:#fff;font-size:clamp(3.5rem,7.2vw,7.9rem);line-height:.98;letter-spacing:-.045em;margin:1.5rem 0 1.4rem;max-width:920px}
.scene-copy h1 span{color:#d8bd80}
.scene-copy p{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.7;color:#e8eef0;max-width:690px;margin:0 0 2rem}
.scene-copy .actions{display:flex;gap:1rem;flex-wrap:wrap}.scene-copy .btn{background:#c7a868}.scene-copy .btn2{color:#fff;border-color:rgba(255,255,255,.7)}
.scene-scroll{position:absolute;z-index:3;bottom:7%;right:7%;font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;color:#e7e1d3;display:flex;align-items:center;gap:16px}.scene-scroll:after{content:"";height:1px;width:70px;background:#d9bd83}
.scroll-scene + .stats{position:relative;z-index:4;margin-top:-1px;background:#102431}
.stats .stat-grid{gap:0}.stats .stat{border-left:1px solid rgba(255,255,255,.16);padding:2rem 1.3rem}.stats .stat:last-child{border-right:1px solid rgba(255,255,255,.16)}
main>.section{overflow:hidden}.section .card{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.1,1),box-shadow .5s}.section .card:hover{transform:perspective(900px) rotateX(4deg) rotateY(-5deg) translateY(-8px);box-shadow:22px 32px 65px rgba(12,34,47,.16)}
.section .visual{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.1,1);box-shadow:22px 30px 60px rgba(11,36,49,.12)}.section .visual:hover{transform:perspective(1100px) rotateY(4deg) rotateX(2deg)}
.depth-reveal{opacity:0;transform:perspective(1200px) translateY(65px) rotateX(7deg);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.1,1);transform-origin:50% 100%}.depth-reveal.is-visible{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0)}
@media(max-width:800px){.scroll-scene{height:165svh}.scene-stage{min-height:560px}.scene-photo{background-position:52% center}.scene-stage:after{background:linear-gradient(0deg,rgba(5,20,30,.98),rgba(5,20,30,.58) 68%,rgba(5,20,30,.35))}.scene-content{width:84%;align-items:end;transform:translate3d(0,calc(var(--scene-progress)*-5vh),0)}.scene-copy{padding:3rem 0 5.5rem}.scene-copy h1{font-size:clamp(3rem,11vw,5.2rem)}.scene-copy p{font-size:1rem}.scene-frame{inset:3%}.scene-scroll{bottom:3%;right:8%}.stats .stat{border:0;border-top:1px solid rgba(255,255,255,.16);padding:1.3rem 0}}
@media(max-width:480px){.scene-stage{top:70px;height:calc(100svh - 70px)}.scene-copy h1{font-size:clamp(2.9rem,12vw,4rem)}.scene-copy .actions{gap:.6rem}.scene-copy .btn,.scene-copy .btn2{font-size:.86rem;padding:.75rem .85rem}.scene-scroll{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-photo,.scene-content,.scene-frame,.section .card,.section .visual,.depth-reveal{transform:none!important;transition:none!important;will-change:auto}.depth-reveal{opacity:1}}