:root{--bg: #0a0a0a;--bg-elevated: #141414;--text: #f5f2ec;--text-dim: #a39e94;--accent: #d9b968;--line: #2a2a2a;--chip-bg: #1d1d1d;--chip-text: #8f8a80}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.app{max-width:900px;margin:0 auto;padding:0 20px 80px}.hero{text-align:center;padding:64px 0 40px}.hero-brand{font-size:clamp(2.2rem,8vw,4.2rem);line-height:.95;text-transform:uppercase}.hero-logo{display:block;margin:0 auto;width:clamp(220px,42vw,340px);height:auto}.hero-brand span{display:block}.hero-brand .brand-sub{font-family:Archivo Black,sans-serif;color:var(--accent);font-size:.42em;letter-spacing:.45em;margin-top:4px}.hero-tagline{margin-top:20px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.25em;font-size:.75rem}.lang-toggle{display:inline-flex;margin-top:28px;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang-toggle button{background:none;border:none;color:var(--text-dim);font:inherit;font-size:.8rem;letter-spacing:.15em;padding:8px 22px;cursor:pointer;text-transform:uppercase;transition:color .2s,background .2s}.lang-toggle button.active{background:var(--text);color:var(--bg)}.nav{position:sticky;top:0;z-index:10;background:linear-gradient(var(--bg) 92%,transparent);padding:12px 0 14px;margin:0 -20px}.nav-scroll{display:flex;gap:8px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.nav a{flex:none;text-decoration:none;text-transform:uppercase;border-radius:999px;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.nav-groups a{color:var(--text-dim);font-size:.8rem;font-weight:600;letter-spacing:.14em;padding:8px 18px;border:1px solid var(--line)}.nav-groups a:hover{color:var(--accent);border-color:var(--accent)}.nav-groups a.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.nav-subs{margin-top:8px}.nav-subs a{color:var(--text-dim);font-size:.74rem;letter-spacing:.12em;padding:6px 14px;border:1px solid var(--line)}.nav-subs a:hover,.nav-subs a.active{color:var(--accent);border-color:var(--accent)}.section{padding-top:56px;scroll-margin-top:108px}.subsection{scroll-margin-top:118px}.section-title{font-family:Archivo Black,sans-serif;font-size:clamp(1.7rem,5vw,2.6rem);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.section-title-alt{color:var(--text-dim);font-family:Archivo,sans-serif;font-weight:400;font-size:.45em;letter-spacing:.3em;display:block;margin-top:6px}.section-note{color:var(--text-dim);font-size:.85rem;max-width:60ch;margin:12px 0 4px}.section-rule{border:none;border-top:1px solid var(--line);margin:20px 0 4px}.subsection-title{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;font-weight:600;margin:36px 0 4px}.subsection-note{color:var(--text-dim);font-size:.78rem;margin:2px 0 6px}.section-footnote{border:1px solid var(--line);border-radius:8px;color:var(--text-dim);font-size:.82rem;padding:12px 16px;margin-top:20px}.strength{color:var(--accent);font-size:.55em;letter-spacing:3px;margin-left:10px;vertical-align:middle;white-space:nowrap}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:9px;vertical-align:baseline}.dot-white{background:#f0e6b8}.dot-orange{background:#e08c2d}.dot-rose{background:#f2a0b5}.dot-red{background:#8d1a26}.dot-cider{background:#b9d47e}.item{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:none}.item-body{flex:1;min-width:0}.item-name{font-weight:600;font-size:1.02rem;text-transform:uppercase;letter-spacing:.04em}.item-desc{color:var(--text-dim);font-size:.86rem;margin-top:4px}.item-notes{color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-top:6px}.item-region{color:var(--text-dim);font-size:.8rem;margin-top:2px;text-transform:uppercase;letter-spacing:.08em}.item-rec{color:var(--text-dim);font-size:.75rem;margin-top:8px;font-style:italic}.item-rec b{color:var(--chip-text);font-style:normal;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:600}.allergen-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.allergen-chip{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;padding:3px 10px}.item-photo{display:block;width:100%;max-width:420px;height:auto;border-radius:10px;margin-top:14px;border:1px solid var(--line)}.item-price{flex:none;text-align:right;font-family:Archivo Black,sans-serif;font-size:1.05rem;color:var(--text);white-space:nowrap}.item-price .price-note{display:block;font-family:Archivo,sans-serif;font-weight:400;color:var(--text-dim);font-size:.7rem}.price-multi{display:flex;flex-direction:column;gap:2px}.price-multi .price-line small{color:var(--text-dim);font-family:Archivo,sans-serif;font-weight:400;font-size:.68rem;letter-spacing:.05em;margin-right:4px}.price-split{font-size:.95rem}.price-split small{color:var(--text-dim);font-family:Archivo,sans-serif;font-weight:400;font-size:.68rem;letter-spacing:.05em}.footer{margin-top:80px;padding-top:32px;border-top:1px solid var(--line);text-align:center;color:var(--text-dim);font-size:.8rem}.footer a{color:var(--accent);text-decoration:none}.footer .allergen-legend{margin-top:16px;justify-content:center}@media(max-width:560px){.item{gap:10px}.item-name{font-size:.94rem}}