.storyboard-page{position:relative;height:100svh;overflow:hidden;background:#050708;color:#fff}.storyboard-scenes{height:100%;position:relative}.storyboard-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s}.storyboard-scene.active{opacity:1;visibility:visible}.storyboard-image{-o-object-fit:cover;object-fit:cover;transform:scale(1.05);transition:transform 7s ease}.storyboard-scene.active .storyboard-image{transform:scale(1.12)}.storyboard-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0003 55%,#0008),linear-gradient(0deg,#000b,transparent 55%)}.storyboard-caption{position:absolute;left:clamp(1.5rem,8vw,8rem);bottom:clamp(5rem,12vh,9rem);max-width:35rem;z-index:2}.storyboard-caption p{font-size:.72rem;letter-spacing:.2em;color:#d8b56a}.storyboard-caption h1{margin:.7rem 0;font-size:clamp(2.5rem,7vw,6.5rem);font-weight:400;letter-spacing:-.05em}.storyboard-caption span{font-size:clamp(1rem,2vw,1.35rem);color:#e5e9e8}.storyboard-progress{position:absolute;top:0;left:0;height:3px;background:#e5c477;z-index:5;transition:width .4s}.storyboard-dots{position:absolute;z-index:5;right:2rem;bottom:2rem;display:flex;gap:.45rem}.storyboard-dots button{width:2rem;height:3px;border:0;background:#ffffff66;cursor:pointer}.storyboard-dots button.active{background:#e5c477}@media(max-width:600px){.storyboard-caption{left:1.25rem;right:1.25rem;bottom:5rem}.storyboard-caption h1{font-size:clamp(2.4rem,13vw,4rem)}.storyboard-dots{left:1.25rem;right:1.25rem;bottom:1.5rem}.storyboard-dots button{flex:1}}