#intro{position:relative;height:480vh;margin-bottom:-100vh;margin-bottom:-100svh;z-index:15;pointer-events:none}
#intro .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1100px}
#intro .bg{position:absolute;inset:0;background:#fff}
#intro .c3d{position:absolute;inset:0;width:100%;height:100%}
#intro.is3d .bottle{visibility:hidden}
#intro .bottle{height:56vh;height:56svh;aspect-ratio:175/290;max-width:70vw;will-change:transform,opacity}
#intro .bottle svg{width:100%;height:100%;display:block}
#intro canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#intro .hint{position:absolute;bottom:4vh;left:0;right:0;margin:0;text-align:center;font:700 .8rem Montserrat,sans-serif;letter-spacing:.2em;color:#99A1AD;text-transform:uppercase}
#intro .hint:after{content:"";display:block;margin:10px auto 0;width:2px;height:28px;background:#99A1AD;animation:cs-hint 1.6s infinite}
@keyframes cs-hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:700px){#intro .bottle{height:50vh;height:50svh}}
@media (prefers-reduced-motion:reduce){#intro{display:none}}