:root{color-scheme:dark;--bg: #17100d;--bg-soft: #221613;--panel: rgba(35, 23, 19, .88);--panel-strong: rgba(47, 31, 24, .96);--paper: #e8dcc4;--paper-soft: #d8c6a4;--ink: #fff8ea;--muted: #c7b79f;--line: rgba(255, 237, 204, .14);--accent: #c88b39;--accent-bright: #ebbc6f;--shadow: 0 24px 80px rgba(0, 0, 0, .42);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(200,139,57,.2),transparent 32%),radial-gradient(circle at top right,rgba(133,64,29,.24),transparent 26%),linear-gradient(180deg,#1a120f,#110b09);color:var(--ink);min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;opacity:.25}a,button,input,select{font:inherit}button,input,select{border:0}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{position:relative;padding:0 0 6rem}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100a09b8;border-bottom:1px solid var(--line)}.topbar__brand{color:var(--paper);text-decoration:none;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:700}.topbar__nav{display:flex;gap:1rem}.topbar__nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.hero,.discovery,.content-section{width:min(1280px,calc(100% - 2rem));margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;padding:1.5rem 0 1rem}.hero__media,.hero__search-panel,.results,.secondary-card,.beer-card,.detail-drawer,.search-drawer{border:1px solid var(--line);box-shadow:var(--shadow)}.hero__media{position:relative;min-height:620px;overflow:hidden;border-radius:calc(var(--radius-lg) + 8px)}.hero__media img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a080714,#0a0807a3),linear-gradient(140deg,rgba(192,114,38,.24),transparent 56%)}.hero__content{display:flex;flex-direction:column;gap:1.25rem}.hero__copy h1,.section-heading h2,.results__header h2,.detail-drawer h2,.secondary-card h3,.beer-card h3,.filters h2{margin:0;font-family:Cormorant Garamond,serif;letter-spacing:-.02em}.hero__copy{padding:2rem .25rem 0}.hero__copy h1{font-size:clamp(3rem,6vw,5.9rem);line-height:.92;max-width:12ch}.hero__lede,.section-heading p,.secondary-card p,.detail-drawer__notes,.results__actions p,.beer-card__style,.beer-card__brewery{color:var(--muted)}.hero__lede{max-width:50ch;font-size:1rem;line-height:1.7}.hero__search-panel,.results,.secondary-card,.beer-card,.detail-drawer,.search-drawer{background:linear-gradient(180deg,#31221ddb,#160e0cf5),radial-gradient(circle at top,rgba(232,220,196,.04),transparent 40%);border-radius:var(--radius-lg)}.hero__search-panel{padding:1.4rem}.hero__search-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero__search-summary h2{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:.96}.hero__search-button{display:inline-flex;align-items:center;gap:.65rem;padding:.95rem 1.15rem;border-radius:999px;color:#221613;background:linear-gradient(135deg,#f0cf99,#d29239);font-weight:800;white-space:nowrap}.search-box{display:block;padding:1rem 1.1rem;border-radius:var(--radius-md);background:#f4e9cf14;border:1px solid rgba(255,233,199,.12)}.search-box__label,.field span,.detail-drawer__meta-grid span,.hero__meta span{display:block;color:var(--paper-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.search-box input,.field input,.field select{width:100%;background:transparent;color:var(--ink);font-size:1rem;outline:none}.quick-filters{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.chip,.category-pill,.status-pill,.ghost-button,.beer-card__formats span,.beer-card__tags span,.format-card,.detail-drawer__stats span{border-radius:999px}.chip{padding:.7rem .95rem;color:var(--paper);background:#fff0d60f;border:1px solid rgba(255,240,214,.08)}.chip--active{background:#c88b392e;color:#fff3db;border-color:#ebbc6f59}.hero__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;margin-top:1.25rem}.hero__meta div{padding:1rem;border-radius:var(--radius-md);background:#fff4dd0d;border:1px solid rgba(255,244,221,.08)}.hero__meta strong{display:block;line-height:1.5}.hero__meta a{color:var(--ink);text-decoration:none}.hero__meta a:hover{color:var(--accent-bright)}.discovery{margin-top:1.2rem}.filters__header,.results__header,.section-heading,.beer-card__header,.beer-card__footer{display:flex;justify-content:space-between;gap:1rem}.field,.checkbox{display:block;margin-top:1rem}.field select,.field input{padding:.95rem 1rem;border-radius:var(--radius-md);background:#fff2d712;border:1px solid rgba(255,242,215,.08);-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.checkbox{display:flex;align-items:center;gap:.8rem;color:var(--paper)}.checkbox input{width:18px;height:18px}.ghost-button{padding:.85rem 1.1rem;background:transparent;color:var(--paper);border:1px solid rgba(255,240,214,.12)}.ghost-button--wide{width:100%;margin-top:1.1rem}.results__actions{display:flex;align-items:center;gap:1rem}.results{padding:1.2rem}.beer-grid,.secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.beer-card{overflow:hidden}.beer-card__image-wrap{padding:0;display:block;width:100%;background:#ffffff05}.beer-card__image,.secondary-card__image{width:100%;aspect-ratio:1.25 / 1;object-fit:cover}.beer-card__body,.secondary-card__body{padding:.82rem .9rem .9rem}.beer-card__style{margin:.35rem 0 .55rem;font-size:.94rem}.beer-card__stats,.detail-drawer__stats,.beer-card__formats,.beer-card__tags{display:flex;flex-wrap:wrap;gap:.55rem}.beer-card__stats span,.detail-drawer__stats span{color:var(--paper);background:#e8dcc412;padding:.34rem .65rem;border:1px solid rgba(232,220,196,.08);font-size:.82rem}.beer-card__tags{margin-top:.55rem}.beer-card__tags span,.beer-card__formats span,.category-pill,.status-pill{padding:.32rem .68rem;background:#c88b391f;border:1px solid rgba(200,139,57,.18);color:#ffd8a1;font-size:.78rem}.status-pill{display:inline-flex;align-items:center;align-self:flex-start;max-height:35px}.beer-card__footer{align-items:center;margin-top:.75rem}.beer-card__cta{padding:.72rem .92rem;border-radius:14px;color:#221613;background:linear-gradient(135deg,#f0cf99,#d29239);font-weight:800;white-space:nowrap}.content-section{padding-top:3rem}.section-heading h2,.results__header h2,.filters h2{font-size:clamp(2rem,4vw,3.4rem)}.section-heading{align-items:end}.section-heading p{max-width:42ch}.secondary-card{overflow:hidden}.secondary-card__placeholder,.image-fallback{display:grid;place-items:center;aspect-ratio:1 / 1;padding:1.5rem;text-align:center;font-family:Cormorant Garamond,serif;font-size:2rem;background:radial-gradient(circle at top,rgba(235,188,111,.2),transparent 40%),linear-gradient(180deg,#614027e6,#1e1411f2)}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:end;background:#06030294;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40}.detail-drawer{width:min(560px,100%);height:100%;padding:1.4rem;overflow-y:auto}.search-drawer{width:min(760px,calc(100% - 2rem));max-height:min(88vh,920px);align-self:center;margin:auto;padding:1.4rem;overflow-y:auto}.search-drawer__fields{margin-top:.9rem}.search-fab{position:fixed;right:1rem;bottom:1rem;z-index:35;display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.15rem;border-radius:999px;color:#221613;background:linear-gradient(135deg,#f0cf99,#d29239);box-shadow:0 18px 36px #00000052;font-weight:800}.detail-drawer__close{margin-left:auto;display:block;color:var(--paper);background:transparent}.detail-drawer__hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem}.detail-drawer__hero img,.detail-drawer__hero .image-fallback{border-radius:var(--radius-md)}.detail-drawer__hero img{height:180px;object-fit:cover}.detail-drawer__notes{line-height:1.8}.detail-drawer__meta-grid,.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.detail-drawer__meta-grid div,.format-card{padding:1rem;border:1px solid rgba(255,240,214,.08);background:#fff0d60a}.detail-drawer__section{margin-top:1.5rem}.eyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-bright);font-size:.78rem}.empty-state{padding:2rem;border-radius:var(--radius-lg);text-align:center;background:#fff2d70a;border:1px solid rgba(255,242,215,.08)}@media(max-width:1100px){.hero{grid-template-columns:1fr}}@media(max-width:760px){.topbar__nav{display:none}.hero,.discovery,.content-section{width:min(100%,calc(100% - 1rem))}.hero__media{min-height:340px}.hero__copy{padding-top:.4rem}.hero__copy h1{font-size:3.2rem}.hero__search-summary{flex-direction:column;align-items:stretch}.hero__meta,.detail-drawer__hero,.detail-drawer__meta-grid,.format-grid,.field-grid{grid-template-columns:1fr}.beer-grid,.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.beer-card__body,.secondary-card__body{padding:.72rem .72rem .8rem}.beer-card h3,.secondary-card h3{font-size:1.15rem;line-height:1}.filters__header,.results__header,.section-heading,.beer-card__header,.beer-card__footer{flex-direction:column}}