.canopy-experience{height:340vh;background:#071421;position:relative}.canopy-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#06121f}.canopy-diagram{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.77) contrast(1.08);transform:scale(calc(1.06 + var(--canopy-progress,0) * .08));transition:transform .08s linear}.canopy-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,21,.76),transparent 48%,rgba(4,12,21,.38)),linear-gradient(0deg,rgba(4,12,21,.7),transparent 42%);pointer-events:none}.canopy-intro{position:absolute;top:11vh;left:8vw;max-width:570px;z-index:1}.canopy-intro h2{font:500 clamp(43px,5.2vw,80px)/.97 "Playfair Display",serif;letter-spacing:-.045em;margin:21px 0}.canopy-intro em{color:var(--gold-light)}.canopy-note{position:absolute;z-index:2;width:min(290px,24vw);padding:18px 19px;border:1px solid rgba(220,193,128,.54);background:rgba(6,18,31,.86);box-shadow:0 18px 50px rgba(0,0,0,.24);opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.canopy-note.is-active{opacity:1;transform:none}.canopy-note span{color:var(--gold-light);font:10px "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.canopy-note h3{font:500 25px "Playfair Display",serif;margin:9px 0 5px}.canopy-note p{margin:0;color:#b8c1c8;font-size:12px;line-height:1.5}.note-fabric{right:7vw;top:21vh}.note-ribs{right:9vw;top:57vh}.note-shaft{left:19vw;bottom:10vh}.note-handle{left:7vw;bottom:23vh}.canopy-progress{position:absolute;z-index:2;bottom:7vh;right:7vw;display:flex;gap:8px}.canopy-progress span{width:28px;height:2px;background:rgba(231,207,147,.3);transition:background .25s}.canopy-progress span.is-active{background:var(--gold-light)}@media (max-width:800px){.canopy-experience{height:270vh}.canopy-intro{top:10vh;left:8vw}.canopy-diagram{object-position:57% center}.canopy-note{width:min(260px,70vw);padding:14px}.note-fabric{right:7vw;top:29vh}.note-ribs{right:7vw;top:51vh}.note-shaft{left:7vw;bottom:20vh}.note-handle{left:7vw;bottom:5vh}.canopy-progress{right:8vw;bottom:4vh}}@media (prefers-reduced-motion:reduce){.canopy-experience{height:auto;padding:80px 0}.canopy-sticky{position:relative;height:800px}.canopy-note{opacity:1;transform:none}.canopy-diagram{transform:none}}