.fd-section{position:relative;margin:40px 0 0;color:#0a0a0a}
.fd-sticky{position:relative;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.65fr);align-items:center;max-width:1600px;margin:auto;padding:100px 3vw 70px 6vw;overflow:clip}
.fd-section.fd-motion{height:205svh}
.fd-motion .fd-sticky{position:sticky;top:0;height:100svh;padding-block:80px 30px}
.fd-copy{position:relative;z-index:2;text-align:left;pointer-events:none}
.fd-copy h2{font-size:clamp(32px,3.25vw,52px);line-height:1.2;letter-spacing:-.055em}
.fd-copy p{font-size:17px;line-height:1.65;margin:24px 0 0;color:#777;max-width:320px}
.fd-stage{position:relative;margin:0 0 0 -7%;width:107%;aspect-ratio:1.5;isolation:isolate}
.fd-backplate{position:absolute;left:31%;top:12%;width:64%;height:74%;border-radius:3.90625% / 3.37838%;background:url('assets/frame-depth/elevator-background.webp?v=2.4') center/cover no-repeat;overflow:hidden}
.fd-shadow{position:absolute;left:31%;top:33%;width:25%;height:48%;border-radius:40%;background:#271d17;filter:blur(24px);opacity:var(--fd-shadow,.05);transform:translateX(12px);pointer-events:none}
.fd-canvas,.fd-poster,.fd-start-poster{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.fd-canvas{opacity:0}.fd-ready .fd-canvas{opacity:1}.fd-ready .fd-poster{visibility:hidden}.fd-stage:not(.fd-ready) .fd-backplate,.fd-stage:not(.fd-ready) .fd-shadow{visibility:hidden}
.fd-section+.pricing-section{padding-top:90px;padding-bottom:120px;min-height:65svh}
@media(max-width:1050px){.fd-sticky{grid-template-columns:.9fr 1.3fr;padding-left:4vw;padding-right:0}.fd-copy h2{font-size:32px}.fd-copy p{font-size:15px;max-width:260px}.fd-stage{width:116%;margin-left:-13%}}
@media(max-width:760px){.fd-section{margin:20px 0 0}.fd-sticky,.fd-motion .fd-sticky{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:85px 22px 25px;gap:15px}.fd-copy h2{font-size:31px}.fd-copy p{font-size:14px;max-width:290px;margin:18px 0 0}.fd-stage{width:calc(100vw + 34px);max-width:650px;margin:0 0 0 -39px}.fd-section.fd-motion{height:185svh}.fd-shadow{filter:blur(17px)}.fd-section+.pricing-section{padding-block:75px;gap:38px}.fd-motion .fd-sticky{height:100svh}}
@media(prefers-reduced-motion:reduce),(max-height:620px){.fd-section.fd-motion{height:auto}.fd-motion .fd-sticky{height:auto;position:relative;padding-block:80px}.fd-copy p{margin-bottom:14px}}

/* Match the resting pose during texture loading; static fallbacks retain the full-depth poster. */
.fd-start-poster{visibility:hidden}.fd-motion .fd-poster{visibility:hidden}.fd-motion .fd-start-poster{visibility:visible}.fd-ready .fd-start-poster{visibility:hidden}