@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-vietnamese-600-normal-Ipewt4hn.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-600-normal-BppAn7jL.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-ext-600-normal-CN5JKkBm.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-600-normal-DF26P3Q7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-vietnamese-700-normal-BLYPkJbo.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-700-normal-CHrFuVHU.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-ext-700-normal-fBkt-7fi.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-700-normal-BXpPFNFj.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-vietnamese-800-normal-RJtJa6zl.woff2) format("woff2"),url(/assets/bricolage-grotesque-vietnamese-800-normal-DJ4hCX8l.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-ext-800-normal-BimIDUhy.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-ext-800-normal-CkoBqIJM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2) format("woff2"),url(/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #f7f1e7;--surface: #ffffff;--surface-2: #efe6d6;--ink: #14100d;--muted: #6b6259;--line: #e4d9c7;--primary: #14100d;--primary-2: #3b322b;--primary-soft: #efe6d6;--on-primary: #ffffff;--amber: #e6b563;--amber-ink: #9a6a14;--gold: #9a6a14;--gold-soft: #f6e6c4;--ok: #2f7a1f;--danger: #b3261e;--font-head: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 14px;--tabbar-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-head);text-wrap:balance;letter-spacing:-.01em}a{color:inherit}button,input,select{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{min-height:100%;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 24px)}.topbar{position:sticky;top:0;z-index:10;background:var(--primary);color:var(--on-primary);padding-top:env(safe-area-inset-top,0px)}.topbar-inner{max-width:960px;margin:0 auto;height:56px;padding-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-family:var(--font-head);font-weight:800;letter-spacing:.22em;font-size:18px;text-decoration:none}.page{max-width:960px;margin:0 auto;padding-inline:16px;padding-block:20px 8px;display:flex;flex-direction:column;gap:28px}.tabbar{position:fixed;inset:auto 0 0 0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar ul{list-style:none;margin:0 auto;padding:0;max-width:960px;height:var(--tabbar-h);display:grid;grid-template-columns:repeat(5,1fr)}.tabbar a{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:11px;letter-spacing:.03em}.tabbar a.active{color:var(--primary);font-weight:600}.badge{position:absolute;top:8px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:700;display:grid;place-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.title{font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.1}.h2{font-size:20px;font-weight:700}.h3{font-family:var(--font-head);font-size:15px;font-weight:600;line-height:1.3}.muted{color:var(--muted)}.small{font-size:14px}.lede{font-size:17px;max-width:60ch}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.section{display:flex;flex-direction:column;gap:14px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head a{font-size:14px;color:var(--primary-2);text-decoration:none;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-2)}.btn.light{background:var(--on-primary);border-color:var(--on-primary);color:var(--primary)}.btn.ghost{background:none;border-color:transparent;padding-inline:10px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:default}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.chips.scroll::-webkit-scrollbar{display:none}.chip{flex:none;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.chip[aria-pressed=true],.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip:disabled{opacity:.45;text-decoration:line-through;cursor:default}input[type=search]{width:100%;min-height:46px;border:1px solid var(--line);border-radius:999px;padding:0 18px;background:var(--surface)}input[type=search]:focus-visible{outline:none;border-color:var(--primary-2)}.back{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-size:14px;background:none;border:0;padding:0;cursor:pointer;align-self:flex-start}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 880px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.product-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;min-width:0}.product-card .media{position:relative;aspect-ratio:1;max-width:100%;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.product-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .media img{transform:scale(1.03)}.product-card .name{font-family:var(--font-head);font-weight:600;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.price{font-weight:600;font-variant-numeric:tabular-nums}.was{color:var(--muted);text-decoration:line-through;font-weight:400;margin-left:6px}.flag{position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--surface);color:var(--ink)}.flag.award{background:var(--gold-soft);color:var(--gold)}.flag.soldout{background:var(--ink);color:var(--surface)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:14px;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}@media (min-width: 640px){.rail{grid-auto-columns:minmax(180px,23%)}}.hero{border-radius:20px;overflow:hidden;background:var(--primary);color:var(--on-primary);display:grid}.hero .copy{padding:22px 20px 24px;display:flex;flex-direction:column;gap:14px}.hero .title{font-size:clamp(28px,7vw,44px);color:var(--on-primary)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:112px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none}.tile strong{font-family:var(--font-head);font-size:16px}.tile.feature{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.banner{display:grid;grid-template-columns:1fr;border-radius:20px;overflow:hidden;background:var(--primary-soft)}@media (min-width: 640px){.banner{grid-template-columns:1fr 1fr}}.banner img{width:100%;height:100%;max-height:280px;object-fit:cover}.banner .copy{padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:center}.hero-banner{display:block;background:#000}.hero-banner img{width:100%;height:auto;aspect-ratio:1009 / 568;object-fit:cover}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scent-card{position:relative;display:grid;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 5;max-width:100%;background:var(--primary);color:var(--on-primary);text-decoration:none}.scent-card img{grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.scent-card .label{grid-area:1 / 1;align-self:end;padding:40px 14px 14px;background:linear-gradient(transparent,#000000e6);font-family:var(--font-head);font-weight:700;font-size:16px}.stack-card{background:var(--primary);color:var(--on-primary);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}.scent-list{display:grid;gap:12px}@media (min-width: 760px){.scent-list{grid-template-columns:1fr 1fr}}.scent-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}.scent-row:hover{border-color:var(--muted)}.scent-thumb{width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--surface-2)}.scent-thumb img{width:100%;height:100%;object-fit:cover}.scent-name{font-family:var(--font-head);font-weight:700;font-size:18px;line-height:1.2}.note-chips{display:flex;flex-wrap:wrap;gap:6px}.note{padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:13px;max-width:100%;overflow-wrap:anywhere}.note.outline{background:none;border:1px solid var(--line)}.note-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:start}.note-tier{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:4px}.scent-hero{display:grid;gap:20px}@media (min-width: 700px){.scent-hero{grid-template-columns:2fr 3fr;align-items:center}}.scent-hero-media{border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);aspect-ratio:1;max-width:100%}.scent-hero-media img{width:100%;height:100%;object-fit:cover}.scent-tagline{font-family:var(--font-head);font-weight:600;font-size:18px}.stack-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18)}.stack-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.18)}.pdp{display:grid;gap:24px}@media (min-width: 760px){.pdp{grid-template-columns:1fr 1fr;align-items:start}}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:20px;background:var(--surface);border:1px solid var(--line);scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.gallery img{width:100%;height:auto;aspect-ratio:1;max-width:100%;object-fit:contain;scroll-snap-align:start}.dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dots span{width:6px;height:6px;border-radius:50%;background:var(--line)}.dots span.on{background:var(--primary)}.option-group{display:flex;flex-direction:column;gap:8px}.option-group .label{font-size:14px;font-weight:600}.purchase{display:flex;flex-direction:column;gap:10px}.plan{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;width:100%}.plan[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.plan .dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}.plan[aria-pressed=true] .dot{border:6px solid var(--primary)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.qty button{width:40px;height:40px;border:0;background:none;font-size:18px;cursor:pointer}.qty output{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.rich{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.rich>*+*{margin-top:.9em}.rich h1,.rich h2,.rich h3,.rich h4{font-size:19px;margin-top:1.4em}.rich a{color:var(--primary-2);font-weight:600}.rich img{border-radius:var(--radius);height:auto}.rich ul,.rich ol{padding-left:22px}.rich table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.rich td,.rich th{border:1px solid var(--line);padding:6px 10px}details.fold{border-top:1px solid var(--line);padding-block:14px}details.fold summary{cursor:pointer;font-family:var(--font-head);font-weight:600;list-style:none;display:flex;justify-content:space-between}details.fold summary::-webkit-details-marker{display:none}details.fold summary:after{content:"+";color:var(--muted)}details.fold[open] summary:after{content:"–"}details.fold>div{padding-top:12px}.guide-card{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;text-decoration:none}.guide-card img{width:96px;height:96px;object-fit:cover;border-radius:12px;background:var(--surface-2)}.guide-hero img{width:100%;max-height:340px;object-fit:cover;border-radius:20px}.article{max-width:680px}.line{display:grid;grid-template-columns:76px 1fr;gap:14px;padding-block:14px;border-bottom:1px solid var(--line)}.line img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:var(--surface-2)}.summary{position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 10px);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 28px #0000001a}.quiz-option{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;width:100%}.quiz-option[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.quiz-option strong{font-family:var(--font-head)}.progress{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress span{display:block;height:100%;background:var(--primary);transition:width .3s}.step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.step-num{width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:700;font-family:var(--font-head)}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}.notice{padding:14px 16px;border-radius:var(--radius);background:var(--primary-soft);font-size:15px}.error{padding:14px 16px;border-radius:var(--radius);background:#fbe9e7;color:var(--danger);font-size:15px}.empty{text-align:center;padding:32px 16px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--surface);padding:12px 12px 12px 18px;border-radius:16px;font-size:14px;line-height:1.4;box-shadow:0 8px 28px #00000040;animation:toast-in .25s ease-out;width:max-content;max-width:min(calc(100% - 32px),440px)}.toast a{color:var(--surface);font-weight:700;background:#ffffff24;padding:6px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.fireworks{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:40;background:#0a0a0a59;cursor:pointer}.snow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.snow span{position:absolute;top:-10px;width:6px;height:6px;border-radius:50%;background:#fff;animation:snow-fall linear infinite}@keyframes snow-fall{to{transform:translate(18px,340px)}}@media (prefers-reduced-motion: reduce){.snow{display:none}}.countdown{display:flex;gap:8px}.countdown span{display:grid;min-width:56px;padding:8px 6px;border-radius:12px;background:#ffffff1a;text-align:center;font-size:12px;opacity:.85}.countdown strong{font-family:var(--font-head);font-size:22px;opacity:1}.age-gate{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:28px;padding:32px 24px;background:var(--primary);color:#fff}.age-gate .stack{max-width:340px;width:100%}.age-gate>img{width:220px;max-width:70vw;height:auto}.age-gate{grid-template-columns:minmax(0,340px)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;flex:none}.icon-btn.light{background:transparent;border-color:#ffffff59;color:#fff}.brewery{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.showcase-strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,420px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:none}.showcase-strip::-webkit-scrollbar{display:none}.showcase-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:var(--primary);color:#fff;text-decoration:none;scroll-snap-align:start;aspect-ratio:4 / 3}.showcase-card img{width:100%;height:100%;object-fit:cover;opacity:.85}.showcase-info{position:absolute;inset:auto 0 0 0;display:grid;gap:4px;padding:48px 16px 16px;background:linear-gradient(transparent,#14100deb 55%)}.showcase-title{font-family:var(--font-head);font-size:20px;line-height:1.2}.hero-box{background:var(--primary);color:#fff;border-radius:var(--radius);padding:22px 18px}.dip-card{background:linear-gradient(135deg,#14100d,#3b2a14);color:#fff;border-radius:var(--radius);padding:16px}.dip-card svg{color:var(--amber)}.segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:999px;padding:4px}.segmented button{border:0;background:transparent;border-radius:999px;min-height:42px;font:600 15px var(--font-body);color:var(--ink);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--primary);color:#fff}.progress{height:8px;border-radius:999px}.progress.amber span{background:var(--amber)}.pick-row{display:grid;grid-template-columns:48px 1fr auto 40px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.pick-row img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:var(--surface)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.facts>div{display:grid;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.facts a{color:var(--ink);font-weight:600}.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:13px}.tag.amber{background:var(--gold-soft);color:var(--amber-ink)}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--muted)}.search input{flex:1;min-height:44px;border:0;background:transparent;font:inherit;color:var(--ink);outline:none}select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}a.chip{text-decoration:none;color:inherit}.chip .muted{margin-left:4px}.summary.in-page{position:static;box-shadow:none;border:1px solid var(--line)}.segmented.dark{background:#ffffff1f}.segmented.dark button{color:#fff}.segmented.dark button[aria-pressed=true]{background:var(--amber);color:var(--ink)}.dip-button{min-height:54px;font-size:17px;gap:8px}.fine-tune summary{cursor:pointer;list-style:none}.fine-tune summary:after{content:"+";float:right;font-size:20px;line-height:1}.fine-tune[open] summary:after{content:"−"}.pint-pour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--primary);color:#eff3f6;animation:pour-out .4s ease 2.6s forwards}.pint-pour .pint{width:190px;height:auto;overflow:visible}.pint-pour .beer-fill,.pint-pour .foam-head{transform:translateY(185px);animation:pour-once 2.2s ease-in-out .15s forwards}@keyframes pour-once{0%{transform:translateY(185px)}to{transform:translateY(27px)}}@keyframes pour-out{to{opacity:0}}.pint-pour .bubble{animation:pint-rise 2s linear infinite;opacity:0}.pint-pour .bubble:nth-child(2){animation-delay:-.65s}.pint-pour .bubble:nth-child(3){animation-delay:-1.25s}.pint-pour .bubble:nth-child(4){animation-delay:-1.7s}@keyframes pint-rise{0%{transform:translateY(26px);opacity:0}20%{opacity:.55}80%{opacity:.45}to{transform:translateY(-90px);opacity:0}}.pour-text{font-size:13px;font-weight:650;letter-spacing:.22em;text-transform:uppercase}.pour-text:after{content:"";animation:pour-dots 1.4s steps(4,end) infinite}@keyframes pour-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@media (prefers-reduced-motion: reduce){.pint-pour,.pint-pour .beer-fill,.pint-pour .foam-head,.pint-pour .bubble,.pour-text:after{animation:none}.pint-pour .beer-fill,.pint-pour .foam-head{transform:translateY(27px)}}.flags{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.flags .flag{position:static}.flag.last-few,.tag.last-few{background:#b3261e;color:#fff}.flag.short-dated,.tag.short-dated{background:var(--amber);color:var(--ink)}.flag.back-in-stock,.tag.back-in-stock{background:var(--ok);color:#fff}.ga-notice{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px);transform:translate(-50%);z-index:25;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.4;box-shadow:0 8px 28px #0000001f;width:min(calc(100% - 32px),440px)}.ga-notice-actions{display:flex;gap:8px;margin-left:auto}.ga-notice button{border:0;border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer}.ga-ok{background:var(--ink);color:var(--surface)}.ga-off{background:transparent;color:var(--muted)}.notify-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:grid;align-items:end;justify-items:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#14100d8c;animation:notify-fade .25s ease-out}.notify-sheet{width:100%;max-width:420px;gap:12px;padding:24px 20px 18px;border-radius:22px;background:#fff;color:var(--ink);text-align:center;box-shadow:0 12px 40px #0000004d;animation:notify-rise .3s ease-out}.notify-icon{justify-self:center;align-self:center;display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border-radius:50%;background:var(--ink);color:var(--amber)}@keyframes notify-fade{0%{opacity:0}}@keyframes notify-rise{0%{transform:translateY(24px);opacity:0}}@media (prefers-reduced-motion: reduce){.notify-backdrop,.notify-sheet{animation:none}}
