.story{padding-inline:calc(var(--sc-gutter) + 9rem) var(--sc-gutter);background:#f5f1e8;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,4vw,5rem);display:grid;position:relative}.story__read{padding-block:30vh 40vh}.beat{align-content:center;min-height:78svh;display:grid}.beat__text{opacity:.22;max-width:30rem;transition:opacity .5s var(--sc-ease-out)}.story[data-beat="0"] .beat[data-beat="0"] .beat__text,.story[data-beat="1"] .beat[data-beat="1"] .beat__text,.story[data-beat="2"] .beat[data-beat="2"] .beat__text,.story[data-beat="3"] .beat[data-beat="3"] .beat__text,.story[data-beat="4"] .beat[data-beat="4"] .beat__text,.story[data-beat="5"] .beat[data-beat="5"] .beat__text,.story[data-beat="6"] .beat[data-beat="6"] .beat__text{opacity:1}.beat__big{margin:0 0 var(--sc-4);font-family:var(--sc-font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.9rem,3.2vw,3.2rem);font-weight:650;line-height:1.02}.beat p:not(.beat__big){font-size:var(--sc-t-lg);color:var(--sc-ink-soft);text-wrap:pretty;margin:0;line-height:1.45}.story__stage{align-self:start;align-items:center;height:100svh;display:grid;position:sticky;top:0}.story--layerd{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}.camera{aspect-ratio:3/2;width:100%;max-height:78svh;box-shadow:var(--sc-e3);background:#e9e3d6;border-radius:8px;position:relative;overflow:hidden}.cam{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.plate{width:100%;max-width:none;height:100%;transition:opacity 1.1s var(--sc-ease-out);position:absolute;inset:0}.plate--off,.plate--lit{opacity:0}.story--layerd[data-beat="3"] .plate--off,.story--layerd:is([data-beat="4"],[data-beat="5"]) .plate--lit{opacity:1}.tag{--i:0;opacity:0;transition:opacity .42s var(--sc-ease-out), transform .42s var(--sc-ease-out);pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;transform:translateY(8px)}.story--layerd[data-beat="5"] .tag{opacity:1;transition-delay:calc(var(--i) * 90ms);transform:none}.tag__dot{background:#f5f1e8;border-radius:50%;order:2;width:9px;height:9px;box-shadow:0 0 0 3px #f5f1e859,0 2px 6px #0006}.tag__name{color:#f5f1e8;white-space:nowrap;background:#1c1f1ad1;border-radius:4px;padding:3px 8px;font-size:.72rem}.story--neet .story__stage{justify-items:center}.pour{place-items:center;width:100%;height:100%;display:grid;position:relative}.pour__strip{font-family:var(--sc-font-display);letter-spacing:-.06em;color:#1c1f1a;opacity:0;transition:opacity .6s var(--sc-ease-out), transform .6s var(--sc-ease-out);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(8rem,22vw,20rem);font-weight:700;line-height:1;position:absolute;transform:scale(1.04)}.pour__strip span{letter-spacing:-.02em;color:var(--sc-ink-soft);margin-left:.04em;font-size:.4em}.story--neet:is([data-beat="0"],[data-beat="1"],[data-beat="2"]) .pour__strip{opacity:1;transform:none}.story--neet:is([data-beat="1"],[data-beat="2"]) .pour__strip{opacity:.12}.pour__bottle{--fill:0;--bottom:89.5%;--top:40%;aspect-ratio:1050/1400;opacity:0;height:min(80svh,44rem);transition:opacity .7s var(--sc-ease-out), transform .7s var(--sc-ease-out);position:relative;transform:translateY(16px)}.story--neet:not([data-beat="0"]):not([data-beat="1"]):not([data-beat="2"]) .pour__bottle{opacity:1;transform:none}.pour__bottle img{border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.pour__empty{box-shadow:var(--sc-e3)}.pour__full{clip-path:inset(calc(var(--bottom) - (var(--bottom) - var(--top)) * var(--fill)) 0 0 0)}.pour__marks{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.pour__marks li{--at:0;left:61%;top:calc(var(--bottom) - (var(--bottom) - var(--top)) * var(--at));color:var(--sc-ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.78rem;display:flex;position:absolute;translate:0 -50%}.pour__marks li:before{content:"";background:currentColor;width:18px;height:1px}.story--posy{--sc-ink-soft:#5d5350;background:#f9eae7}.story--posy .story__stage{justify-items:center}.feed{--feed-h:min(80svh, 44rem);width:min(100%,30rem);height:var(--feed-h);position:relative;overflow:hidden}.feed__pings{align-content:center;gap:10px;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.ping,.feed__heart{box-shadow:var(--sc-e1);background:#fff;border-radius:14px;gap:2px;padding:12px 16px;font-size:.9rem;display:grid}.ping b,.feed__heart b{font-weight:600}.ping span{color:#6b6360}.ping{--i:0;opacity:0;transition:opacity .42s var(--sc-ease-out), transform .42s var(--sc-ease-out);transform:translateY(-14px)scale(.97)}.story--posy:is([data-beat="1"],[data-beat="2"]) .ping{opacity:1;transition-delay:calc(var(--i) * 80ms);transform:none}.story--posy[data-beat="3"] .ping{opacity:0;transition-delay:calc(var(--i) * 50ms);transform:translateY(30px)}.feed__heart{color:#fff;transition:opacity .5s var(--sc-ease-out), transform .6s var(--sc-ease-out);background:#e2264d;grid-auto-flow:column;gap:8px;font-size:1.05rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.story--posy:is([data-beat="1"],[data-beat="2"]) .feed__heart{transform:translateY(calc(var(--feed-h) * .4)) scale(.9);opacity:.55}.story--posy[data-beat="2"] .feed__heart{opacity:.25}.story--posy:is([data-beat="3"],[data-beat="4"]) .feed__heart{opacity:0;transform:translateY(40px)}.feed__bouquet{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .9s var(--sc-ease-out), transform 1.1s var(--sc-ease-out);position:absolute;inset:0;transform:scale(.86)translateY(30px);-webkit-mask-image:radial-gradient(closest-side,#000 78%,#0000);mask-image:radial-gradient(closest-side,#000 78%,#0000)}.story--posy[data-beat="4"] .feed__bouquet{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.plate,.tag,.pour__strip,.pour__bottle,.ping,.feed__heart,.feed__bouquet,.beat__text{transition-duration:1ms!important;transition-delay:0s!important}}@media (max-width:860px){.story{padding-inline:var(--sc-gutter);grid-template-columns:1fr;gap:0}.story__stage{z-index:2;background:inherit;grid-row:1;height:calc(52svh + 60px);padding:60px 0 8px;top:0}.story--posy .story__stage{background:#f9eae7}.story--layerd .story__stage,.story--neet .story__stage{background:#f5f1e8}.story__read{grid-row:2;padding-block:4svh 30svh}.beat{align-content:start;min-height:52svh;padding-top:4svh}.camera{aspect-ratio:auto;width:auto;max-width:100%;height:100%}.pour__bottle{height:100%}.feed{--feed-h:calc(52svh - 68px);height:var(--feed-h)}.pour__strip{font-size:34vw}.tag__name{padding:2px 5px;font-size:.62rem}.ping:nth-child(n+6){display:none}.ping,.feed__heart{padding:9px 13px;font-size:.8rem}.feed__pings{gap:7px}}