/* Bean Theory — home-2026.css (scoped .hm-) */
.hm-shead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s3) var(--s6);margin-block-end:var(--s6)}
.hm-shead .kicker{margin-block-end:var(--s3)}
.hm-shead h2{max-inline-size:18ch}

/* hero */
.hm-hero{padding-block:var(--s6) 0;overflow:clip}
.hm-hero__g{display:grid;gap:var(--s6);align-items:center}
.hm-hero__t h1{font-size:var(--t-display);line-height:.98;letter-spacing:-.035em;margin-block-end:var(--s5);font-weight:340;max-inline-size:11ch}
.hm-hero__t .lead{margin-block-end:var(--s6)}
.hm-hero__m{margin-inline:calc(var(--gutter) * -1)}
.hm-hero__m img{inline-size:100%;aspect-ratio:5/4;object-fit:cover;object-position:60% 50%}
@media (min-width:900px){
  .hm-hero{padding-block:var(--s7) 0}
  .hm-hero__g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7)}
  .hm-hero__m{margin-inline:0}
}
.hm-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s7);border-block-start:1px solid var(--fg)}
.hm-facts>div{display:grid;gap:var(--s1);padding:var(--s4) var(--s4) var(--s4) 0;border-block-end:1px solid var(--line)}
.hm-facts dt{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.hm-facts dd{font-family:var(--f-display);font-size:1.75rem;font-weight:380;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:lining-nums}
@media (min-width:768px){.hm-facts{grid-template-columns:repeat(4,minmax(0,1fr));border-block-end:1px solid var(--line)}.hm-facts>div{border-block-end:0;padding-inline:var(--s5);border-inline-start:1px solid var(--line)}.hm-facts>div:first-child{padding-inline-start:0;border-inline-start:0}}

/* on the table */
.hm-rows{list-style:none;padding:0;border-block-start:1px solid var(--fg)}
.hm-row{display:grid;grid-template-columns:auto 72px minmax(0,1fr) auto;gap:var(--s3) var(--s4);align-items:center;padding-block:var(--s4);border-block-end:1px solid var(--line);color:var(--fg);text-decoration:none}
.hm-n{font-family:var(--f-display);font-size:1.25rem;color:var(--brand-t);font-variant-numeric:lining-nums;min-inline-size:2ch}
.hm-th picture{inline-size:72px;block-size:72px}
.hm-th img{inline-size:72px;block-size:72px;object-fit:cover}
.hm-rt{display:grid;gap:2px;min-inline-size:0}
.hm-rt b{font-family:var(--f-display);font-weight:420;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);letter-spacing:-.02em;line-height:1.15}
.hm-rt small{color:var(--muted);font-size:1rem;line-height:1.4}
.hm-pr{display:grid;justify-items:end;font-family:var(--f-display);font-size:1.5rem;font-weight:420;font-variant-numeric:tabular-nums;line-height:1.1}
.hm-pr small{font-family:var(--f-body);font-size:var(--t-label);color:var(--muted);font-weight:500;letter-spacing:.06em}
.hm-row:hover .hm-rt b{color:var(--brand-t)}
.hm-row:hover{background:var(--surface)}
@media (max-width:559px){.hm-row{grid-template-columns:auto 64px minmax(0,1fr)}.hm-th picture,.hm-th img{inline-size:64px;block-size:64px}.hm-pr{grid-column:3;justify-items:start;grid-auto-flow:column;gap:var(--s2);align-items:baseline}}

/* club band */
.hm-club__g{display:grid;gap:var(--s7)}
.hm-club__t h2{font-size:var(--t-h2);max-inline-size:14ch;margin-block-end:var(--s4)}
.hm-club__s{display:grid;gap:var(--s6)}
.hm-club__t{position:sticky;inset-block-start:calc(var(--header) + var(--s6));align-self:start}
@media (min-width:1100px){.hm-club__g{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s9);align-items:start}}

/* kenya feature */
.hm-kenya__g{display:grid;gap:var(--s6);align-items:center}
.hm-kenya__m{margin-inline:calc(var(--gutter) * -1)}
.hm-kenya__m img{inline-size:100%;aspect-ratio:4/5;object-fit:cover;max-block-size:640px}
.hm-kenya__t{display:grid;gap:var(--s5);align-content:center;justify-items:start}
.hm-kenya__t h2{font-size:var(--t-h1);line-height:1;max-inline-size:10ch}
.hm-pull{border-inline-start:3px solid var(--brand);padding-inline-start:var(--s5);margin:0}
.hm-pull p{font-family:var(--f-display);font-style:italic;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.3;letter-spacing:-.01em;font-weight:360;max-inline-size:28ch}
.hm-kenya__t>p:not(.kicker):not(.stock){color:var(--muted);font-size:var(--t-lead);max-inline-size:44ch}
@media (min-width:900px){.hm-kenya__g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s9)}.hm-kenya__m{margin-inline:0}}

/* brew */
.hm-brew{background:var(--surface);border-block:1px solid var(--line)}
.hm-bcards{list-style:none;padding:0;display:grid;gap:var(--s6) var(--s5);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.hm-bcards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:519px){.hm-bcards{grid-template-columns:minmax(0,1fr)}}
.hm-bcard{display:grid;gap:var(--s2);text-decoration:none;color:var(--fg);align-content:start}
.hm-bcard .ph{margin-block-end:var(--s2)}
.hm-bn{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--brand-t)}
.hm-bcard b{font-family:var(--f-display);font-size:1.875rem;font-weight:420;letter-spacing:-.02em;line-height:1.1}
.hm-bm{display:flex;gap:var(--s5);padding-block-start:var(--s3);border-block-start:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:600}
.hm-bm span{display:grid;gap:2px}
.hm-bm small{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.hm-bcard:hover b{color:var(--brand-t)}

/* visit */
.hm-visit__g{display:grid;gap:var(--s6);align-items:center}
.hm-visit__t{display:grid;gap:var(--s4);align-content:center;justify-items:start}
.hm-visit__t h2{max-inline-size:14ch}
.hm-live{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600;min-block-size:44px}
.hm-live .dot{inline-size:10px;block-size:10px;border-radius:50%;background:#2f8f55;flex:none}
.hm-live .dot[data-state="closed"]{background:#b07d12}
.hm-addr{display:grid;inline-size:100%;max-inline-size:440px;border-block-start:1px solid var(--fg)}
.hm-addr>div{display:grid;grid-template-columns:7ch 1fr;gap:var(--s4);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.hm-addr dt{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hm-addr dd{font-weight:500}
@media (min-width:900px){.hm-visit__g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8)}}
/* no motion */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}