.hero-scroll{position:relative;height:215svh;min-height:1650px;background:var(--midnight)}.hero-scroll .hero{position:sticky;top:0;height:100svh;min-height:790px;max-height:none}.parallax-scene{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}.parallax-ready .parallax-scene{opacity:1}.parallax-ready .hero-image{opacity:0}.scene-layer{position:absolute;inset:-8% -5%;will-change:transform;transform-origin:center center}.scene-layer img{object-fit:cover;object-position:center 57%;width:100%;height:100%}.scene-room{transform:translate3d(var(--room-x,0px),var(--room-y,0px),0) scale(var(--room-scale,1))}.scene-tree{transform:translate3d(var(--tree-x,0px),var(--tree-y,0px),0) scale(var(--tree-scale,1));transform-origin:82% 65%}.scene-foreground{transform:translate3d(var(--front-x,0px),var(--front-y,0px),0) scale(var(--front-scale,1));transform-origin:75% 50%}.hero-scroll .hero-content{transform:translateY(calc(-42% + var(--copy-y,0px)));opacity:var(--copy-opacity,1);will-change:transform,opacity}.hero-scroll .hero-bottom{opacity:var(--cue-opacity,1)}.hero-scroll .hero-image{transform:none!important;transition:opacity .6s}.hero-scroll .hero-sparkles{transform:translateY(var(--sparkle-y,0px))}.hero-scroll .image-credit{z-index:3}
@media(max-width:800px){.hero-scroll{height:180svh;min-height:1380px}.hero-scroll .hero{min-height:780px}.hero-scroll .hero-content{transform:translateY(calc(-35% + var(--copy-y,0px)))}.scene-layer img{object-position:62% center}}
@media(max-width:520px){.hero-scroll{height:175svh;min-height:1320px}.hero-scroll .hero{min-height:760px}.hero-scroll .hero-content{transform:translateY(calc(-25% + var(--copy-y,0px)))}.scene-layer img{object-position:67% center}}
.hero-scroll .hero{overflow:clip}.motion-toggle{position:absolute;right:7.5%;bottom:86px;z-index:4;display:flex;align-items:center;gap:10px;border:1px solid #dec89c65;color:#eee1c7;background:#12231cb0;min-height:44px;padding:9px 13px;font-size:8px;letter-spacing:1px}.motion-toggle span{font-size:18px}.hero-scroll:not(.motion-enabled){height:auto;min-height:0}.hero-scroll:not(.motion-enabled) .hero{position:relative}.hero-scroll:not(.motion-enabled) .parallax-scene{display:none}.hero-scroll:not(.motion-enabled) .hero-image{opacity:1}.hero-scroll:not(.motion-enabled) .hero-content{opacity:1;transform:translateY(-42%)}.hero-scroll:not(.motion-enabled) .hero-bottom{opacity:1}
@media(max-width:800px){.hero-scroll:not(.motion-enabled) .hero-content{transform:translateY(-35%)}.motion-toggle{right:6%;bottom:70px}}@media(max-width:520px){.hero-scroll:not(.motion-enabled) .hero-content{transform:translateY(-25%)}.motion-toggle{right:7%;bottom:22px;min-height:44px;padding:8px 10px;font-size:7px}}