.canopy-sticky{background:radial-gradient(circle at 53% 45%,#173351 0%,#091b2b 48%,#040d17 100%)}.canopy-assembly{position:absolute;inset:8vh 7vw 4vh 7vw;width:86vw;height:88vh;overflow:visible;filter:drop-shadow(0 0 24px rgba(223,193,123,.16));transform:scale(calc(.94 + var(--canopy-progress,0) * .08));transition:transform .12s linear}.canopy-part{fill:none;stroke:rgba(229,202,139,.29);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.3;transition:opacity .65s ease,filter .65s ease}.canopy-part>*{stroke-dasharray:1450;stroke-dashoffset:1450;transition:stroke-dashoffset 1.1s cubic-bezier(.22,.61,.36,1)}.canopy-part.is-active{opacity:1;stroke:#e6cc8e;filter:drop-shadow(0 0 6px rgba(230,204,142,.38))}.canopy-part.is-active>*{stroke-dashoffset:0}.canopy-part.canopy-handle>*{transition-duration:.65s}.canopy-part.canopy-shaft>*{transition-duration:.9s}.canopy-part.canopy-ribs>*{transition-duration:1.2s}.canopy-part.canopy-fabric>*{transition-duration:1.45s}.canopy-shade{background:linear-gradient(90deg,rgba(4,12,21,.85),transparent 47%,rgba(4,12,21,.38)),linear-gradient(0deg,rgba(4,12,21,.72),transparent 38%)}.canopy-intro{max-width:500px}.canopy-note{border-color:rgba(220,193,128,.64);background:rgba(5,16,28,.92)}.note-handle{left:7vw;bottom:18vh}.note-shaft{left:23vw;bottom:7vh}.note-ribs{right:8vw;top:56vh}.note-fabric{right:7vw;top:20vh}@media (max-width:800px){.canopy-assembly{inset:19vh -36vw 10vh -36vw;width:172vw;height:71vh}.canopy-intro{z-index:3}.canopy-note{z-index:4}.note-handle{left:7vw;bottom:8vh}.note-shaft{left:7vw;bottom:27vh}.note-ribs{right:7vw;top:57vh}.note-fabric{right:7vw;top:30vh}}@media (prefers-reduced-motion:reduce){.canopy-assembly{position:relative;inset:auto;width:100%;height:560px;transform:none}.canopy-part{opacity:1}.canopy-part>*{stroke-dashoffset:0}}