.msm-cocktailbar-hero{position:relative;min-height:100svh;display:grid;place-items:center;background:var(--m-bg);color:var(--m-ink);overflow:hidden;font-family:var(--m-font-body);isolation:isolate}.msm-cocktailbar-hero *{box-sizing:border-box}.msm-cocktailbar-hero .cb-copy{position:relative;z-index:4;text-align:center}.msm-cocktailbar-hero .cb-copy p{font-size:9px;letter-spacing:.2em}.msm-cocktailbar-hero h1{margin:15px 0 25px;font:900 clamp(68px,10vw,150px)/.8 var(--m-font-display);letter-spacing:-.06em}.msm-cocktailbar-hero .cb-copy a{display:inline-block;padding:14px 18px;background:var(--m-primary);color:var(--m-bg);text-decoration:none;font-weight:900}.msm-cocktailbar-hero .cb-stream{position:absolute;z-index:-1;inset:0;perspective:900px;opacity:.75}.msm-cocktailbar-hero .cb-stream:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--m-bg) 0,transparent 43%),linear-gradient(90deg,var(--m-bg),transparent 24%,transparent 76%,var(--m-bg))}.msm-cocktailbar-hero .cb-rail{position:absolute;top:16%;left:50%;display:flex;gap:28px;width:max-content;transform-style:preserve-3d;animation:cb-flow 18s linear infinite}.msm-cocktailbar-hero .cb-rail-b{top:61%;animation-direction:reverse;animation-duration:22s}.msm-cocktailbar-hero .cb-rail img{width:260px;height:210px;object-fit:cover;border:1px solid #fff3;box-shadow:0 20px 60px #0008}.msm-cocktailbar-hero .cb-rail img:nth-child(2){transform:scale(1.18)}.msm-cocktailbar-hero .cb-pause{position:absolute;right:24px;bottom:20px;padding:10px;border:1px solid #fff5;background:transparent;color:inherit;font:700 9px var(--m-font-body);letter-spacing:.12em}.msm-cocktailbar-hero.is-paused .cb-rail{animation-play-state:paused}@keyframes cb-flow{from{transform:translateX(-62%) rotateY(-8deg)}to{transform:translateX(-38%) rotateY(8deg)}}@media(max-width:700px){.msm-cocktailbar-hero h1{font-size:18vw}.msm-cocktailbar-hero .cb-copy{padding:0 16px}.msm-cocktailbar-hero .cb-rail img{width:170px;height:230px}.msm-cocktailbar-hero .cb-stream:after{background:radial-gradient(circle,var(--m-bg) 0,transparent 55%),linear-gradient(90deg,var(--m-bg),transparent 18%,transparent 82%,var(--m-bg))}}@media(prefers-reduced-motion:reduce){.msm-cocktailbar-hero .cb-rail{animation:none}.msm-cocktailbar-hero .cb-pause{display:none}}
