:root{--ink: #fff6e4;--muted: #c8bca7;--faint: #887c69;--bg: #100d0b;--bg-strong: #080706;--surface: #1b1713;--surface-2: #251f19;--line: rgba(255, 246, 228, .14);--amber: #d89a3a;--cream: #fff0c8;--green: #75b77c;--burgundy: #8f3249;--radius: 8px;--max: 1180px;color:var(--ink);background:var(--bg-strong);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#root{min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(90deg,rgba(255,246,228,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,246,228,.025) 1px,transparent 1px),var(--bg-strong);background-size:84px 84px}a,button{font:inherit}a{color:inherit}.site-shell{position:relative;overflow:clip;background:radial-gradient(circle at 82% 18%,rgba(216,154,58,.2),transparent 25rem),radial-gradient(circle at 12% 70%,rgba(117,183,124,.1),transparent 20rem),var(--bg-strong)}.skip-link{position:absolute;left:0;top:0;z-index:20;width:1px;height:1px;overflow:hidden;border-radius:var(--radius);padding:10px 14px;background:var(--ink);color:var(--bg-strong);font-weight:900;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;overflow:visible;clip-path:none}.topbar{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:16px 0}.topbar:before{position:fixed;inset:0 0 auto;z-index:-1;height:74px;border-bottom:1px solid var(--line);background:#080706d6;content:"";-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.call-link,.topbar nav,.hero-actions,.rating-strip,.stars,.visit-actions,.close-badges,.close-badges span,.footer div,.source-list,.source-list a{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;font-weight:950}.brand small{display:block;margin-top:2px;color:var(--faint);font-size:12px;font-weight:800}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--amber)}.topbar nav{justify-content:center;gap:6px}.topbar nav a,.call-link,.primary-action,.secondary-action,.source-list a{border-radius:var(--radius);text-decoration:none}.topbar nav a{padding:10px 12px;color:var(--muted);font-size:14px;font-weight:900}.topbar nav a:hover,.topbar nav a:focus-visible{background:#ffffff12;color:var(--ink)}.call-link{justify-content:center;gap:8px;min-height:44px;padding:0 14px;background:var(--ink);color:var(--bg-strong);font-weight:950}.hero{position:relative;display:grid;min-height:94dvh;align-items:center;width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:94px 0 72px}.hero-image{position:absolute;inset:74px calc((100vw - min(var(--max),calc(100vw - 40px)))/-2) 0 34%;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(90deg,var(--bg-strong),rgba(8,7,6,.55) 27%,rgba(8,7,6,.08)),linear-gradient(180deg,transparent 50%,var(--bg-strong)),url(/p/natomas-bottle-shop-p557x/natomas-bottle-shop-hero.png);background-position:center;background-size:cover;filter:saturate(.98) contrast(1.06)}.hero-image:after{position:absolute;top:9%;right:7%;bottom:12%;left:22%;border:1px solid rgba(255,246,228,.12);border-radius:var(--radius);background:linear-gradient(90deg,rgba(255,246,228,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,246,228,.08) 1px,transparent 1px),#0807061f;background-size:62px 62px;content:"";box-shadow:inset 0 0 80px #0807064d}.hero-copy{position:relative;z-index:2;width:min(650px,100%)}.eyebrow{margin:0 0 14px;color:var(--amber);font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin:0;text-wrap:balance}h1{max-width:10.8ch;font-size:clamp(48px,7.8vw,106px);line-height:.9}.lede{max-width:590px;margin:26px 0 0;color:var(--muted);font-size:clamp(17px,1.8vw,21px);line-height:1.6}.hero-actions,.visit-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;font-weight:950}.primary-action{background:var(--amber);color:#1b1005;box-shadow:0 18px 60px #00000059}.secondary-action{border:1px solid var(--line);background:#ffffff0f;color:var(--ink)}.rating-strip{flex-wrap:wrap;gap:10px;max-width:560px;margin-top:30px;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:#1b1713c2;color:var(--muted)}.stars{gap:3px;color:var(--amber)}.rating-strip strong{color:var(--ink)}.proof-band,.wall-section,.selection,.visit-panel,.reviews,.close-panel,.footer{width:min(var(--max),calc(100% - 40px));margin:0 auto}.proof-band{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0 82px}.proof-band article,.feature-grid article,.review-grid article,.wall-stage,.category-list article,.visit-panel,.close-panel{border:1px solid var(--line);border-radius:var(--radius);background:#1b1713d1}.proof-band article{min-height:162px;padding:20px}.proof-band strong{display:block;font-size:36px;line-height:1}.proof-band span{display:block;margin-top:10px;color:var(--amber);font-size:12px;font-weight:950;text-transform:uppercase}.proof-band p,.feature-grid p,.review-grid p,.visit-panel p,.close-panel p,.category-card p,.category-list p,.footer{color:var(--muted);line-height:1.6}.section-heading{max-width:760px;padding-top:82px}.section-heading h2,.visit-panel h2,.close-panel h2{font-size:clamp(34px,4.25vw,64px);line-height:1}.wall-layout{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr);gap:24px;align-items:start;padding:38px 0 88px}.wall-stage{position:sticky;top:104px;padding:18px}.bottle-wall{position:relative;display:grid;grid-template-columns:repeat(14,minmax(12px,1fr));gap:12px 9px;min-height:440px;overflow:hidden;border-radius:var(--radius);padding:26px;background:linear-gradient(180deg,rgba(255,246,228,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,246,228,.04) 1px,transparent 1px),#14100d;background-size:100% 71px,58px 58px;box-shadow:inset 0 0 80px #00000059}.shelf-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(216,154,58,.16),transparent);transform:translate(-40%);animation:shelf-scan 8s ease-in-out infinite}.bottle{position:relative;align-self:end;width:100%;height:44px;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 38%),var(--bottle-color);opacity:.58;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.bottle:nth-child(3n){height:58px}.bottle:nth-child(5n){height:36px}.bottle:before{position:absolute;left:32%;top:-14px;width:36%;height:15px;border-radius:4px 4px 0 0;background:inherit;content:""}.bottle.lit{opacity:1;transform:translateY(-5px);box-shadow:0 0 26px color-mix(in srgb,var(--bottle-color),white 22%)}.category-card{margin-top:16px;border:1px solid rgba(255,246,228,.1);border-radius:var(--radius);padding:18px;background:#fff6e40e}.category-card span{color:var(--amber);font-size:12px;font-weight:950;text-transform:uppercase}.category-card h3{margin-top:8px;font-size:32px}.category-list{display:grid;gap:14px}.category-list article{display:grid;grid-template-columns:12px 1fr;gap:16px;min-height:122px;padding:18px;opacity:.68;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.category-list article.active{border-color:#d89a3a94;background:#251f19fa;opacity:1;transform:translateY(0)}.category-list article>span{width:12px;min-height:72px;border-radius:999px}.category-list h3,.feature-grid h3,.review-grid h3{font-size:25px}.selection,.reviews{padding-bottom:88px}.feature-grid,.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.review-grid{grid-template-columns:repeat(3,1fr)}.feature-grid article,.review-grid article{min-height:250px;padding:24px}.feature-grid svg{color:var(--amber)}.visit-panel,.close-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:34px}.visit-panel{background:linear-gradient(135deg,#d89a3a29,#75b77c14),var(--surface)}.close-panel{margin-bottom:34px;background:linear-gradient(135deg,#8f324933,#d89a3a1a),var(--surface)}.visit-panel p,.close-panel p{max-width:730px;margin:18px 0 0}.visit-actions{justify-content:flex-end;margin-top:0}.close-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px}.close-badges span{gap:7px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:#ffffff0f;color:var(--muted);font-weight:900}.footer{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 48px}.footer div{gap:8px}.source-list{grid-column:1 / -1;flex-wrap:wrap;gap:8px}.source-list a{gap:6px;border:1px solid var(--line);padding:8px 10px;color:var(--muted);font-size:13px;font-weight:900}a:focus-visible,button:focus-visible{outline:3px solid #7db7d8;outline-offset:3px}@keyframes shelf-scan{0%,to{transform:translate(-52%)}50%{transform:translate(52%)}}@media(max-width:980px){.topbar{grid-template-columns:auto auto}.topbar nav{display:none}.hero-image{top:74px;right:-20px;bottom:0;left:18%}.proof-band,.wall-layout,.feature-grid,.review-grid,.visit-panel,.close-panel,.footer{grid-template-columns:1fr}.wall-stage{position:relative;top:auto}.visit-actions,.close-badges{justify-content:flex-start}}@media(max-width:640px){.topbar,.hero,.proof-band,.wall-section,.selection,.visit-panel,.reviews,.close-panel,.footer{width:calc(100% - 28px)}.brand small,.call-link span{display:none}.hero{min-height:88dvh;padding-top:96px}.hero-image{top:74px;right:-14px;bottom:0;left:0;opacity:.44}h1{max-width:9ch;font-size:clamp(42px,15.6vw,72px)}.lede{font-size:16px}.rating-strip{align-items:flex-start}.proof-band article,.feature-grid article,.review-grid article{min-height:auto}.wall-layout{grid-template-columns:minmax(0,1fr)}.bottle-wall{grid-template-columns:repeat(10,minmax(10px,1fr));min-height:330px;padding:18px}.visit-panel,.close-panel{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}