@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--ink:#101916;--cream:#eee9da;--muted:#a3aba0;--gold:#c4a674;--line:rgba(196,166,116,.24)}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.page{max-width:1600px;margin:auto;padding:0 6.1%;overflow:hidden}
.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-1px;color:var(--cream);text-decoration:none;white-space:nowrap}
.wordmark>span:first-child{font-style:italic;font-weight:400}.wordmark-dot{font-family:Georgia,serif;font-size:19px;color:var(--gold);margin-left:15px;vertical-align:middle}
.edition{font-size:9px;letter-spacing:2.3px;color:var(--gold)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:690px;align-items:center;gap:20px;padding:48px 0 50px}
.copy{position:relative;z-index:1;padding:20px 0}
.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);display:flex;align-items:center;gap:12px;margin:0 0 29px}
.eyebrow>span{width:27px;height:1px;background:var(--gold)}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(68px,7.3vw,112px);line-height:.99;letter-spacing:-3.5px;font-weight:400;margin:0 0 28px}
h1 em{color:var(--gold);font-weight:400}
.intro{font-size:15px;line-height:1.7;margin:0 0 12px;color:#d7dbd1}
.description{font-size:12px;line-height:1.95;max-width:350px;color:var(--muted);margin:0}
.coming-soon{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:10px;font-weight:500;letter-spacing:2.2px;color:var(--cream)}
.status-light{width:5px;height:5px;border-radius:100%;background:var(--gold);box-shadow:0 0 10px #c4a67455}
.rule{width:32px;height:1px;background:var(--line);margin:0 3px}
.small-note{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:0;font-size:17px;font-style:italic;font-weight:400;color:var(--muted)}
.drink{margin:0;position:relative;align-self:stretch;display:flex;justify-content:center;align-items:center;min-width:0}
.drink-halo{position:absolute;width:112%;aspect-ratio:1;max-width:640px;border:1px solid rgba(196,166,116,.09);border-radius:50%;background:radial-gradient(ellipse at center,#31433155 0%,#1b2a2060 35%,#10191600 70%)}
.drink-halo::before{content:"";position:absolute;inset:20px;border:1px solid rgba(196,166,116,.045);border-radius:50%}
.martini{width:115%;max-width:650px;position:relative;flex-shrink:0;transform:translateY(-19px)}
figcaption{position:absolute;bottom:13px;right:9%;font-size:8px;line-height:2.2;letter-spacing:2px;color:var(--muted)}
figcaption em{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;line-height:1.5;letter-spacing:0;color:var(--gold)}
.caption-line{position:absolute;right:calc(100% + 15px);top:9px;width:35px;height:1px;background:var(--line)}
.bar-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;display:flex;align-items:center;gap:42px}
.note-number{font-size:9px;letter-spacing:2px;color:var(--gold);white-space:nowrap}
.bar-note p{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;margin:0;color:#d4d5c7}
.note-divider{font-family:Georgia,serif;color:#63715e;font-size:15px;margin:0 23px}
.bar-note p em{color:var(--gold)}
.sparkle{margin-left:auto;font-size:23px;color:var(--gold)}
footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 0 30px;color:#7f8b7e;font-size:8px;line-height:1.6}
.footer-signoff{font-size:8px;letter-spacing:1.6px;color:var(--muted)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
@media(min-width:1500px){.hero{min-height:780px}}
@media(max-width:1000px){.page{padding:0 5%}.hero{min-height:640px;grid-template-columns:1.15fr 1fr}h1{font-size:80px}.edition{font-size:8px;letter-spacing:1.5px}.drink-halo{width:125%}figcaption{right:0;bottom:40px}.bar-note{gap:25px}.bar-note p{font-size:18px}.note-divider{margin:0 15px}footer{flex-wrap:wrap}.footer-signoff{margin-left:auto}}
@media(max-width:700px){.page{padding:0 7%}.masthead{min-height:85px}.wordmark{font-size:27px}.edition{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:45px 0 32px;min-height:0}.copy{padding:0}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}h1{font-size:clamp(61px,13.5vw,88px);letter-spacing:-2px;margin-bottom:25px}.intro{font-size:13px;max-width:300px}.description{font-size:12px;max-width:350px}.coming-soon{margin-top:28px}.drink{height:420px;align-self:stretch;margin-top:20px}.drink-halo{width:100%;max-width:370px}.martini{height:460px;width:auto;max-width:100%;transform:translateY(-3px)}figcaption{bottom:0;right:0;font-size:7px}figcaption em{font-size:19px}.bar-note{gap:20px;align-items:flex-start;padding:23px 0}.note-number{font-size:8px;margin-top:6px}.bar-note p{font-size:19px;line-height:1.6}.note-divider{display:block;height:0;visibility:hidden}.sparkle{font-size:18px;margin-top:5px}footer{padding:24px 0;gap:14px;font-size:8px;align-items:flex-start}footer>span:nth-child(2){order:3;width:100%;max-width:290px}.footer-signoff{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:no-preference){.copy,.drink{animation:arrive 1s ease-out both}.drink{animation-delay:.15s}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
