.cine{background:#000;position:relative}.cine__stage{height:100svh;position:sticky;top:0;overflow:hidden}.cine__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease);position:absolute;inset:0}.cine.is-ready .cine__canvas{opacity:1}.cine__layer{z-index:0;pointer-events:none;user-select:none;max-width:none;position:absolute}.cine__shade{z-index:1;pointer-events:none;background:radial-gradient(130% 95%,#0000 58%,#0009 100%),linear-gradient(90deg,#000000c7 0%,#0006 22%,#0000 40% 74%,#00000059 100%);position:absolute;inset:0}.cine__dim{z-index:1;opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.cine__panel{z-index:3;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity, transform;flex-direction:column;justify-content:center;gap:18px;display:flex;position:absolute}.cine__panel.is-active{pointer-events:auto}.cine__panel--left{top:var(--nav-h);bottom:0;left:var(--gutter);width:min(420px,33vw)}.cine__panel--right{top:var(--nav-h);bottom:0;right:calc(var(--gutter) + 72px);width:min(300px,24vw)}.cine__panel--center{top:var(--nav-h);bottom:0;left:var(--gutter);right:var(--gutter);text-align:center;align-items:center}.cine__panel--low{justify-content:flex-end;padding-bottom:11vh}.cine__panel--high{justify-content:flex-start;padding-top:9vh}.cine__panel .lead,.cine__panel p{margin:0}.cine__actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.cine__panel--center .cine__actions{justify-content:center}.pp__index{align-items:center;gap:12px;display:flex}.pp__index:before{content:"";background:var(--red);width:28px;height:1px}.pp__name{font-size:clamp(56px,8.4vw,136px)}.pp__family{font-family:var(--f-display);letter-spacing:.02em;color:var(--bone);font-size:clamp(16px,1.3vw,19px);font-weight:600}.pp__hook{color:var(--bone-2);max-width:40ch}.pp__price{font-family:var(--f-mono);letter-spacing:.08em;color:var(--bone-2);font-size:13px}.notes{border-top:1px solid var(--line-2);gap:0;margin:0;display:grid}.notes div{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr;gap:12px;padding:12px 0;display:grid}.notes dt{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--red);padding-top:3px;font-size:10px;font-weight:600}.notes dd{color:var(--bone);margin:0;font-size:14px}.hotspot{z-index:4;opacity:0;visibility:hidden;cursor:pointer;display:block;position:absolute}.hotspot__dot{background:var(--red-hot);width:14px;height:14px;animation:ping 2.2s var(--ease) infinite;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 #e3102e8c}@keyframes ping{0%{box-shadow:0 0 #e3102e8c}70%,to{box-shadow:0 0 0 18px #e3102e00}}.hotspot__tag{white-space:nowrap;background:var(--bone);color:#000;font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);pointer-events:none;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px)}.hotspot:hover .hotspot__tag,.hotspot:focus-visible .hotspot__tag{opacity:1;transform:translate(-50%)}.hotspot:before{content:"";transition:border-color .4s var(--ease);border:1px solid #efece900;position:absolute;inset:-6px}.hotspot:hover:before{border-color:#efece959}.hotspot--bottle .hotspot__dot{top:62%}.hotspot--bottle .hotspot__tag{top:58%;bottom:auto;left:calc(100% + 18px);transform:translate(-6px,-50%)}.hotspot--bottle:hover .hotspot__tag,.hotspot--bottle:focus-visible .hotspot__tag{transform:translateY(-50%)}.hotspot--bottle:before{display:none}@media (hover:none){.hotspot__tag{opacity:1;padding:6px 8px;font-size:10px;transform:translate(-50%)}.hotspot--bottle .hotspot__tag{transform:translateY(-50%)}}.cine__progress{z-index:5;background:#ffffff12;height:2px;position:absolute;bottom:0;left:0;right:0}.cine__progress div{background:var(--red);transform-origin:0;height:100%;transform:scaleX(0)}.cine__skip{z-index:5;left:var(--gutter);color:var(--bone-2);transition:color .3s;position:absolute;bottom:22px}.cine__skip:hover{color:var(--red)}@media (width<=820px),(orientation:portrait) and (width<=1024px){.cine__shade{background:radial-gradient(140% 80% at 50% 40%,#0000 50%,#000000b3 100%)}.cine__panel--left,.cine__panel--center.cine__panel--low{width:auto;padding:90px var(--gutter) calc(64px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000 42%);justify-content:flex-end;gap:12px;inset:auto 0 0}.cine__panel--right,.hide-cine-sm{display:none!important}.pp__name{font-size:clamp(48px,15vw,84px)}.pp__hook{font-size:14px}.cine__actions .btn{white-space:normal;letter-spacing:.08em;flex:140px;min-height:48px;padding:8px 12px;font-size:12px;line-height:1.25}.hotspot--bottle .hotspot__tag,.hotspot--bottle:hover .hotspot__tag{top:34%;left:50%;transform:translate(-50%,-50%)}.cine__skip{left:auto;right:var(--gutter);bottom:18px}}