:root{--green:#102d26;--green2:#183a31;--sage:#d9e3d4;--sage2:#edf2eb;--cream:#f7f3ec;--muted:#6a716d;--gold:#b08c4b;--copper:#b57c62;--line:#d9d1c4;--radius:24px;--shadow:0 18px 42px rgba(16,45,38,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#1d2924;background:var(--cream);line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 42px));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;border-radius:8px;z-index:1000}
.header{position:sticky;top:0;z-index:50;background:rgba(16,45,38,.96);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:86px}.brand-mark img{height:50px;width:auto}.brand-sub{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#d9c8b0;margin-top:3px}.nav{display:flex;gap:24px;align-items:center;color:#fff;font-family:Arial,sans-serif;font-size:15px}.nav a{opacity:.88}.nav a:hover,.nav a[aria-current="page"]{opacity:1;color:#f3e7c8}.toggle{display:none;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 11px;border-radius:12px}
.hero{padding:48px 0 10px;background:radial-gradient(circle at top left, #f7faf6 0, #eff4ef 38%, #edf0ec 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center}.hero-brand img{height:110px;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.06))}.eyebrow{font-family:Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#6c7f74;margin:0 0 16px}.hero h1,.section h2,.cta h2{font-size:clamp(2.4rem,5vw,4.1rem);line-height:.97;margin:.12em 0 .28em;color:var(--green)}.hero h1 em,.section h2 em,.mate-tradition-section h2 em{font-style:italic;color:#567568}.hero p,.section p,.cta p{font-size:1.08rem;color:#32423c}.btn{display:inline-block;margin-top:10px;background:var(--green);color:#fff;padding:16px 22px;border-radius:999px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;box-shadow:var(--shadow)}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.45)}
.hero-photo{background:linear-gradient(145deg,#dfe8da,#cfd8d0);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;min-height:510px;display:flex;align-items:center;justify-content:center;padding:22px}.hero-photo img{width:100%;height:100%;max-height:540px;object-fit:contain}
.ribbon{padding:15px 18px;text-align:center;background:var(--green);color:#efe9de;font-family:Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.section{padding:84px 0}.intro{text-align:center;max-width:840px}.intro h2{margin-left:auto;margin-right:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.story .split:nth-child(even){} .dark{background:#13362e;color:#e9eee9}.dark h2,.dark p,.dark .eyebrow,.dark .pullquote{color:#f4f8f3}.pullquote{font-size:1.25rem;font-style:italic}.image-frame{background:#e6ece4;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.image-frame img{width:100%;height:100%;object-fit:cover;min-height:420px}.image-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.image-stack img{border-radius:22px;box-shadow:var(--shadow);background:#f0f0f0;height:430px;object-fit:cover}
.mate-tradition-section{background:#f4eee2;position:relative;overflow:hidden}.mate-tradition-section:before,.product-band:before{content:"";position:absolute;inset:auto -20px -35px auto;width:240px;height:240px;background:url('assets/logo-mark.png') no-repeat center/contain;opacity:.08;pointer-events:none}.mate-tradition-section .image-frame{background:#f9f8f5}.mate-tradition-section .image-frame img{object-fit:contain;padding:24px;background:#f9f8f5}
.product-band{position:relative}.product-band .image-frame{background:#f4f1eb}.product-band .image-frame img{min-height:380px}.bus-mini{margin:26px 0 0;padding:0;border:none;background:transparent;box-shadow:none;max-width:170px}.bus-mini img{width:100%;height:auto;object-fit:contain}
.london-photo-band{padding:0 0 78px}.london-photo-band img{width:min(1160px,calc(100% - 42px));margin:0 auto;border-radius:24px;box-shadow:var(--shadow);height:360px;object-fit:cover;object-position:center 46%}
.award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}.award{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.04)}.award img{width:100%;height:160px;object-fit:contain;margin-bottom:12px}.award strong{display:block;color:var(--green)}.award p{margin:6px 0 0;color:var(--muted);font-family:Arial,sans-serif}
.stockist-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px}.stockist{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.stockist h3{margin:0 0 6px;color:var(--green)}.stockist a{color:#496b5b;font-family:Arial,sans-serif;font-weight:700}.muted{color:var(--muted)}
.cta{padding:86px 0;background:linear-gradient(135deg,#17392f,#0e2a24);text-align:center;color:#f3f7f3}.cta .eyebrow,.cta h2,.cta p{color:#fff}
.footer{background:#0d231e;color:#dfe6de;padding:48px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.footer strong{display:block;margin-bottom:10px}.footer a{display:block;color:#dfe6de;margin:6px 0;font-family:Arial,sans-serif}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;color:#b2c0b6;font-family:Arial,sans-serif;font-size:14px}
.age-gate{position:fixed;inset:0;background:rgba(6,18,15,.82);display:flex;align-items:center;justify-content:center;z-index:70;padding:18px}.age-panel{max-width:520px;width:100%;background:#fff;border-radius:26px;padding:30px;text-align:center;box-shadow:var(--shadow)}.age-panel .brand-mark{display:flex;flex-direction:column;align-items:center}.age-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px}
/* Cocktails */
.cocktail-hero{padding:42px 0;background:radial-gradient(circle at top left,#f7faf6 0,#eff4ef 38%,#edf0ec 100%)}.cocktail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.cocktail-hero figure{margin:0;background:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.cocktail-hero figure img{width:100%;height:100%;min-height:420px;object-fit:cover}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}.filter{border:1px solid var(--line);background:#fff;color:var(--green);padding:10px 14px;border-radius:999px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer}.filter[aria-pressed="true"]{background:var(--green);color:#fff}.recipe-count{margin-top:14px;color:var(--muted);font-family:Arial,sans-serif}.cocktail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px}.cocktail-card{background:#fff;border-radius:24px;border:1px solid var(--line);overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.04)}.cocktail-photo{width:100%;height:250px;object-fit:cover}.card-top{padding:22px}.number,.kind{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6d8076}.number{display:inline-block;margin-right:12px}.cocktail-card h3{margin:12px 0 4px;color:var(--green);font-size:1.6rem}.subtitle{font-style:italic;color:#587768;margin:0 0 8px}.description{margin:0}.cocktail-card details{border-top:1px solid var(--line);padding:0 22px 18px}.cocktail-card summary{cursor:pointer;padding:16px 0;font-family:Arial,sans-serif;font-weight:700;color:var(--green)}.recipe-inside h4{margin:10px 0 8px;color:#365147}.recipe-inside ul{padding-left:18px}.editorial-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.editorial-strip figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.04)}.editorial-strip img{width:100%;height:220px;object-fit:contain;background:#f5f3ee;border-radius:14px}.editorial-strip figcaption{padding:12px 4px 4px;text-align:center;color:#4f655d;font-family:Arial,sans-serif;font-weight:700}.menu-note{margin-top:18px;color:var(--muted);font-family:Arial,sans-serif}
@media (max-width: 960px){.hero-grid,.split,.cocktail-hero-grid,.footer-grid{grid-template-columns:1fr}.image-stack,.award-grid,.stockist-grid,.cocktail-grid,.editorial-strip{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.nav{position:absolute;right:20px;top:74px;background:#102d26;border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:16px;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.toggle{display:block}}
@media (max-width: 640px){.wrap{width:calc(100% - 30px)}.brand-mark img{height:42px}.hero-brand img{height:80px}.hero-photo{min-height:360px;padding:14px}.hero h1,.section h2,.cta h2{font-size:2.15rem}.image-stack,.award-grid,.stockist-grid,.cocktail-grid,.editorial-strip{grid-template-columns:1fr}.london-photo-band img{height:260px}.image-frame img,.image-stack img{min-height:280px;height:280px}.editorial-strip img{height:190px}}

/* Bilingual flag switcher */
.header-inner{gap:18px}
.nav{margin-left:auto}
.language-switch{display:flex;gap:6px;align-items:center;white-space:nowrap;font:700 12px Arial,sans-serif;color:white}
.language-switch a{display:flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid transparent;border-radius:8px;color:#e3ede4}
.language-switch a:hover,.language-switch a[aria-current=page]{border-color:#b1c8b5;background:#ffffff16}
.language-switch img{width:26px;height:16px;object-fit:cover;border:1px solid #eee}
@media(max-width:960px){.language-switch{order:2}.toggle{order:3}.nav{order:4;top:86px}.header-inner{gap:10px}}
@media(max-width:390px){.language-switch a{font-size:10px;padding:4px}.brand-mark img{height:34px}.brand-sub{font-size:8px}}

/* Keep all cocktail glasses fully visible, except Buenos Aires Negroni */
.cocktail-card .cocktail-photo{height:310px;object-fit:contain;object-position:center;background:#eeeae2;padding:8px}
.cocktail-card .cocktail-photo--cover{height:310px;object-fit:cover;padding:0}
.featured-cocktails .cocktail-photo{height:310px;object-fit:contain;background:#eeeae2;padding:8px}
@media(max-width:640px){.cocktail-card .cocktail-photo,.featured-cocktails .cocktail-photo{height:285px}}