:root{--ink: #120E0D;--ink-raised: #1C1715;--paper: #F2EFEA;--muted: #B8AFA8;--dim: #8A827D;--teal: #17A2AE;--teal-bright:#3ECBD6;--amber: #F58220;--hairline: rgba(242, 239, 234, .13);--accent: var(--teal);--measure: 34rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--step-0: 1rem;--step-1: 1.2rem;--step-2: clamp(1.4rem, 2.4vw, 1.85rem);--step-3: clamp(1.9rem, 4vw, 2.9rem);--step-4: clamp(2.6rem, 7vw, 5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--paper);font-family:Nexa,Gotham,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:Oswald,Rift,Haettenschweiler,Arial Narrow,sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.005em;text-transform:uppercase}a{color:var(--teal-bright)}a:focus-visible,button:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px}.wrap{width:min(70rem,100% - var(--gutter) * 2);margin-inline:auto}.prose{max-width:var(--measure)}.masthead{display:flex;flex-wrap:wrap;gap:1.5rem 2rem;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid var(--hairline)}.masthead__logo img{width:11rem}.nav{display:flex;flex-wrap:wrap;gap:1.4rem}.nav a{color:var(--paper);text-decoration:none;font-size:.95rem;padding-bottom:2px;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--teal)}.sitefoot{margin-top:6rem;padding:2.5rem 0 4rem;border-top:1px solid var(--hairline);color:var(--dim);font-size:.85rem}.sitefoot a{color:var(--muted)}.button{display:inline-block;padding:.85rem 1.5rem;background:var(--teal);color:#06282b;font-weight:700;text-decoration:none;border:2px solid var(--teal)}.button:hover{background:var(--teal-bright);border-color:var(--teal-bright)}.button--quiet{background:transparent;color:var(--teal-bright)}.button--quiet:hover{background:transparent;border-color:var(--teal-bright)}.hero{padding:clamp(3rem,9vw,6rem) 0 clamp(2rem,5vw,4rem)}.hero h1{font-size:var(--step-4);max-width:16ch}.hero p{margin-top:1.25rem;max-width:var(--measure);color:var(--muted);font-size:var(--step-1)}.hero .actions{margin-top:2rem;display:flex;gap:.75rem;flex-wrap:wrap}.rangehead{margin:3.5rem 0 1.25rem}.rangehead h2{font-size:var(--step-2)}.rangehead p{color:var(--muted);max-width:var(--measure);margin-top:.4rem}.beerlist{list-style:none;padding:0;display:grid;gap:1px;background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.beercard{background:var(--ink)}.beercard a{display:grid;grid-template-rows:auto 1fr;height:100%;text-decoration:none;color:inherit}.beercard a:hover .beercard__name{color:var(--beer-accent)}.beercard__art{background:#0b0908;padding:1.1rem;display:grid;place-items:center;border-bottom:3px solid var(--beer-accent)}.beercard__art img{max-height:9.5rem;width:auto}.beercard__text{padding:.95rem 1.1rem 1.2rem}.beercard__name{font-family:Oswald,Rift,sans-serif;text-transform:uppercase;font-size:1.15rem;font-weight:600}.beercard__meta{color:var(--dim);font-size:.82rem;margin-top:.15rem}.beercard__tag{color:var(--muted);font-size:.9rem;margin-top:.6rem}.beerhead{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 85%,#000),color-mix(in srgb,var(--accent) 22%,var(--ink)));padding:clamp(2rem,6vw,4rem) 0;margin-top:2rem}.beerhead__inner{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,1fr);align-items:center}@media(min-width:46rem){.beerhead__inner{grid-template-columns:15rem minmax(0,1fr)}}.beerhead h1{font-size:var(--step-3)}.beerhead__style{margin-top:.5rem;font-size:var(--step-1);color:#f2efeadb}.beerhead__art img{max-height:15rem;width:auto;margin-inline:auto}.beerbody{padding-top:2.5rem}.beerbody>p{max-width:var(--measure);font-size:var(--step-1);color:var(--muted)}.spec{margin:2.5rem 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);display:grid;gap:1.25rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(9rem,auto));padding:1.25rem 0}.spec div span{display:block;color:var(--dim);font-size:.78rem}.spec div strong{font-weight:700;font-size:1.05rem}.flag{border-left:3px solid var(--amber);background:var(--ink-raised);padding:.9rem 1.1rem;color:var(--muted);font-size:.9rem;max-width:var(--measure);margin-bottom:2rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}