.cocktail-story{margin-top:55px;padding-top:40px;border-top:1px solid #f5efdf33}.cocktail-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end}.cocktail-heading .eyebrow{font:9px/1.8 monospace;letter-spacing:1.5px;color:var(--lime)}.cocktail-heading h3{font:800 clamp(42px,4.3vw,65px)/.98 var(--display);margin:20px 0 0}.cocktail-heading h3 em{font:400 .75em/1.3 var(--vintage);color:#f85ca6;white-space:nowrap;text-transform:none}.cocktail-heading>p{font-size:13px;line-height:1.9;color:#f5efdfb3;max-width:440px;margin-bottom:5px}.cocktail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 16px;font:8px monospace;letter-spacing:1.4px;color:var(--lime)}.cocktail-toolbar>div{display:flex;gap:10px;align-items:center}.cocktail-swipe{margin-right:12px;color:#f5efdf99}.cocktail-toolbar button{width:39px;height:39px;border:1px solid #f5efdf55;background:transparent;color:var(--cream);font-size:22px;transition:background .2s}.cocktail-toolbar button:hover{background:var(--orange)}.cocktail-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c52a73 #f5efdf22;padding-bottom:14px;overscroll-behavior-x:contain}.cocktail-photo{flex:0 0 calc((100% - 48px)/4);min-width:0;position:relative;height:220px;padding:0;border:1px solid #f5efdf33;background:#15231b;color:var(--cream);overflow:hidden;scroll-snap-align:start}.cocktail-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.cocktail-photo:hover img{transform:scale(1.045)}.cocktail-photo>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 13px 12px;background:linear-gradient(transparent,#071b10bb);font:9px monospace;letter-spacing:1.5px}.cocktail-photo b{font-size:20px;font-weight:400}.cocktail-note{font-size:10px;color:#f5efdf88;margin-top:13px}.cocktail-track:focus-visible,.cocktail-photo:focus-visible,.cocktail-toolbar button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}#cocktail-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:60px 70px 35px;border:0;background:#101810f7;color:var(--cream);overflow:auto}#cocktail-dialog[open]{display:grid;place-items:center}#cocktail-dialog::backdrop{background:#101810}#cocktail-dialog figure{width:100%;margin:0;text-align:center}#cocktail-large{display:block;width:auto;height:auto;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}#cocktail-caption{margin-top:16px;font:11px/1.7 monospace;letter-spacing:.6px}#cocktail-dialog>button{position:fixed;display:grid;place-items:center;width:44px;height:44px;border:1px solid #f5efdf80;background:#101810;color:var(--cream);font-size:25px;z-index:2}.cocktail-close{top:15px;right:20px}.cocktail-modal-prev{left:15px;top:48%}.cocktail-modal-next{right:15px;top:48%}
@media(max-width:900px){.cocktail-heading{grid-template-columns:1fr;gap:15px}.cocktail-heading>p{max-width:650px}.cocktail-photo{flex-basis:calc((100% - 32px)/3);height:200px}}
@media(max-width:650px){.cocktail-story{margin-top:35px;padding-top:28px}.cocktail-heading h3{font-size:43px}.cocktail-heading h3 em{white-space:normal}.cocktail-heading>p{font-size:12px}.cocktail-photo{flex-basis:66%;height:210px}.cocktail-swipe{display:none}.cocktail-toolbar{letter-spacing:.7px;font-size:7px;margin-top:22px}#cocktail-dialog{padding:65px 12px 80px}#cocktail-large{max-height:72dvh}#cocktail-caption{font-size:9px}.cocktail-modal-prev,.cocktail-modal-next{top:auto;bottom:15px}}
@media(prefers-reduced-motion:reduce){.cocktail-photo img,.cocktail-toolbar button{transition:none}}