/* Bean Theory — inner-2026.css. Page compositions, each scoped: shp- lot- org- brw- thy- clb- bag- vis- nf- fd- cr- */

th a{display:inline-flex;align-items:center;min-block-size:44px;min-inline-size:44px}
.org-t h2 a{display:inline-flex;align-items:center;min-block-size:44px}
/* shared: crumbs, page head */
.crumbs{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:0 var(--s2);margin-block-end:var(--s5);font-size:var(--t-label);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:var(--s2);color:var(--line-strong)}
.crumbs a{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;min-inline-size:44px;color:var(--muted);text-decoration:none;font-weight:500}
.crumbs a:hover{color:var(--brand-t);text-decoration:underline}
.crumbs [aria-current]{display:inline-flex;align-items:center;min-block-size:44px;color:var(--fg);font-weight:600}
.page-head{padding-block:var(--s6) var(--s7);border-block-end:1px solid var(--line)}
.page-head h1{margin-block:var(--s3) var(--s4)}
.page-head .lead{margin-block-start:var(--s3)}
[hidden]{display:none!important}
.kicker+h2{margin-block-start:var(--s3)}
h2+.lead{margin-block-start:var(--s4)}
@media (min-width:760px){.lot-main .spec{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}.lot-main .spec>div:nth-child(2){border-block-start:0}}

/* ---------- shop ---------- */
.shp-hero{padding-block:var(--s6) 0;overflow:clip}
.shp-hero__g{display:grid;gap:var(--s5);align-items:center}
.shp-hero__t h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s4)}
.shp-hero__m img{inline-size:100%;aspect-ratio:16/9;object-fit:cover}
@media (min-width:900px){.shp-hero__g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7)}.shp-hero__m{order:2}.shp-hero__m img{aspect-ratio:4/3}}
.shp-cat{padding-block-start:var(--s6)}
.shp-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);padding-block:var(--s4);border-block:1px solid var(--line);margin-block-end:var(--s6)}
.shp-flab{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.shp-grid{list-style:none;padding:0;display:grid;gap:var(--s7) var(--s5)}
@media (min-width:700px){.shp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.shp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.shp-card{display:grid;grid-template-rows:auto 1fr auto;block-size:100%;gap:var(--s4)}
.shp-img{display:block;overflow:hidden}
.shp-img--z img{transform:scale(1.8);transform-origin:78% 62%}
.shp-img img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
.shp-img:hover img{opacity:.92}
.shp-lot{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brand-t);margin-block-end:var(--s2)}
.shp-name{font-size:var(--t-h3);font-weight:420;margin-block-end:var(--s2)}
.shp-name a{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none}
.shp-name a:hover{color:var(--brand-t)}
.shp-where{color:var(--muted);line-height:1.45;margin-block-end:var(--s2)}
.shp-notes{font-weight:500}
.shp-buy{display:grid;gap:var(--s3);padding-block-start:var(--s4);border-block-start:1px solid var(--line)}
.shp-price{font-family:var(--f-display);font-size:1.75rem;font-weight:420;font-variant-numeric:lining-nums;line-height:1}
.shp-price small{font-family:var(--f-body);font-size:var(--t-label);color:var(--muted);margin-inline-start:var(--s2);font-weight:500}
.shp-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2)}
.shp-form .add-status{grid-column:1/-1;min-block-size:0}
.shp-form .add-status:empty{display:none}
.shp-open{justify-self:start}
.shp-club__g{display:grid;gap:var(--s7)}
@media (min-width:1100px){.shp-club__g{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s8);align-items:start}}

/* ---------- lot ---------- */
.lot-top{padding-block:var(--s6) var(--sec)}
.lot-g{display:grid;gap:var(--s7)}
@media (min-width:1000px){.lot-g{grid-template-columns:minmax(0,7fr) minmax(320px,4fr);gap:var(--s8);align-items:start}}
.lot-main h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s3)}
.lot-sub{font-size:var(--t-lead);color:var(--muted);margin-block-end:var(--s3)}
.lot-notes{font-family:var(--f-display);font-style:italic;font-size:var(--t-h3);color:var(--brand-t);margin-block-end:var(--s6)}
.lot-main .ph{margin-block-end:var(--s6)}
.lot-story{font-size:var(--t-lead);line-height:1.6;margin-block-end:var(--s7)}
.lot-h{font-size:var(--t-h3);margin-block:var(--s7) var(--s4)}
.lot-more{margin-block:var(--s6) var(--s4);color:var(--muted)}
.lot-same{list-style:none;padding:0;display:grid;border-block-start:1px solid var(--line)}
.lot-same a{display:flex;align-items:center;gap:var(--s4);min-block-size:72px;padding-block:var(--s2);border-block-end:1px solid var(--line);text-decoration:none}
.lot-same img{inline-size:56px;block-size:56px;object-fit:cover}
.lot-same b{display:block;font-family:var(--f-display);font-weight:420;font-size:1.25rem}
.lot-same small{color:var(--muted);font-size:1rem}
.lot-same a:hover b{color:var(--brand-t)}
.lot-buy{display:grid;gap:var(--s4);padding:var(--s6);background:var(--surface);border:1px solid var(--line-strong)}
@media (min-width:1000px){.lot-buy{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.lot-price{font-family:var(--f-display);font-size:3rem;font-weight:380;line-height:1;font-variant-numeric:lining-nums}
.lot-price small{font-family:var(--f-body);font-size:var(--t-body);color:var(--muted);margin-inline-start:var(--s2);font-weight:500}
.lot-roasted{font-weight:600}
.lot-grind{border:0;padding:0;display:grid;gap:var(--s2)}
.lot-grind legend{font-weight:600;padding:0;margin-block-end:var(--s2)}
.lot-act{display:grid;gap:var(--s3)}
.lot-buy .hint{border-block-start:1px solid var(--line);padding-block-start:var(--s4)}

/* ---------- origins ---------- */
.org-hero{padding-block:var(--s6) var(--s7);border-block-end:1px solid var(--line)}
.org-hero h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;max-inline-size:16ch;margin-block:var(--s3) var(--s5)}
.org-idx{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s7);border-block-start:1px solid var(--fg)}
@media (min-width:900px){.org-idx{grid-template-columns:repeat(4,minmax(0,1fr))}}
.org-idx a{display:grid;gap:2px;min-block-size:44px;padding:var(--s4) var(--s4) var(--s4) 0;text-decoration:none;border-block-end:1px solid var(--line)}
.org-idx span{font-family:var(--f-display);color:var(--brand-t);font-size:1.25rem}
.org-idx b{font-family:var(--f-display);font-weight:420;font-size:1.375rem;line-height:1.15}
.org-idx small{color:var(--muted);font-size:1rem}
.org-idx a:hover b{color:var(--brand-t)}
.org-list{padding-block:var(--s7) var(--sec)}
.org-row{display:grid;gap:var(--s5);padding-block:var(--s7);border-block-end:1px solid var(--line);scroll-margin-top:calc(var(--header) + var(--s5))}
.org-row:last-child{border-block-end:0}
@media (min-width:900px){.org-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8);align-items:center}.org-row:nth-child(even) .org-m{order:2}}
.org-m img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}
.org-n{font-family:var(--f-display);font-size:clamp(4rem,3rem + 4vw,7rem);line-height:.9;color:var(--brand-t);font-weight:300;font-variant-numeric:lining-nums;margin-block-end:var(--s3)}
.org-t h2{font-size:var(--t-h2);margin-block:var(--s3) var(--s3)}
.org-t h2 a{text-decoration:none}
.org-t h2 a:hover{color:var(--brand-t)}
.org-title{font-family:var(--f-display);font-style:italic;font-size:var(--t-h3);line-height:1.25;margin-block-end:var(--s3)}
.org-dek{font-size:var(--t-lead);color:var(--muted);margin-block-end:var(--s5)}
.org-f{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:var(--s2) var(--s6);margin-block-end:var(--s4);padding-block:var(--s4);border-block:1px solid var(--line)}
.org-f dt{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.org-f dd{font-weight:500;font-variant-numeric:tabular-nums}

/* ---------- origin page ---------- */
.org-ph{padding-block:var(--s6) 0;overflow:clip}
.org-ph__g{display:grid;gap:var(--s5);align-items:end;margin-block-end:var(--s6)}
.org-ph h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;max-inline-size:14ch;margin-block:var(--s3) var(--s4)}
.org-ph__place{font-family:var(--f-display);font-size:clamp(3rem,2rem + 6vw,8rem);font-weight:300;line-height:.9;letter-spacing:-.04em;color:var(--muted);text-align:end;overflow-wrap:anywhere}
@media (min-width:900px){.org-ph__g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7)}}
.org-ph__m img{inline-size:100%;aspect-ratio:16/9;object-fit:cover}
.org-ph .stock{margin-block-end:0}
.org-body__g{display:grid;gap:var(--s7)}
@media (min-width:1000px){.org-body__g{grid-template-columns:minmax(0,7fr) minmax(300px,4fr);gap:var(--s8);align-items:start}}
.org-pull{margin:0 0 var(--s7);padding-inline-start:var(--s5);border-inline-start:3px solid var(--brand)}
.org-pull p{font-family:var(--f-display);font-style:italic;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);line-height:1.25;letter-spacing:-.015em}
.org-pull footer{margin-block-start:var(--s3);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.org-sec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4) var(--s5);padding-block:var(--s6);border-block-start:1px solid var(--line)}
.org-sn{font-family:var(--f-display);font-size:1.5rem;color:var(--brand-t);font-variant-numeric:lining-nums;min-inline-size:2ch}
.org-sec h2{font-size:var(--t-h3);margin-block-end:var(--s3)}
.org-sec p{font-size:var(--t-lead);line-height:1.6}
@media (min-width:1000px){.org-side{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.org-lh{font-size:var(--t-h3);margin-block:var(--s7) var(--s4)}
.org-lots{list-style:none;padding:0;border-block-start:1px solid var(--fg)}
.org-lots a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none}
.org-lots img{inline-size:56px;block-size:56px;object-fit:cover}
.org-lots b{display:block;font-family:var(--f-display);font-weight:420;font-size:1.25rem;line-height:1.2}
.org-lots small{color:var(--muted);font-size:1rem;line-height:1.35;display:block}
.org-lots em{font-style:normal;font-family:var(--f-display);font-size:1.25rem}
.org-lots a:hover b{color:var(--brand-t)}
.org-next{border-block-start:1px solid var(--line);background:var(--surface)}
.org-next .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.org-next a{display:grid;gap:2px;padding:var(--s6) var(--s4) var(--s6) 0;text-decoration:none}
.org-next a+a{padding-inline:var(--s4) 0;text-align:end;border-inline-start:1px solid var(--line)}
.org-next small{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.org-next b{font-family:var(--f-display);font-weight:380;font-size:var(--t-h3);line-height:1.15}
.org-next span{color:var(--muted)}
.org-next a:hover b{color:var(--brand-t)}

/* ---------- brew ---------- */
.brw-hero{padding-block:var(--s6) var(--s7);border-block-end:1px solid var(--line)}
.brw-hero h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;max-inline-size:14ch;margin-block:var(--s3) var(--s5)}
.brw-cards{list-style:none;padding:0;display:grid;gap:var(--s6)}
@media (min-width:1100px){.brw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brw-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5);block-size:100%;padding:var(--s4);background:var(--surface);border:1px solid var(--line);text-decoration:none;align-items:stretch}
@media (max-width:499px){.brw-card{grid-template-columns:1fr}.brw-card__m img{min-block-size:0;aspect-ratio:16/10}}
.brw-card__m img{inline-size:100%;block-size:100%;min-block-size:220px;aspect-ratio:4/5;object-fit:cover}
.brw-card__t{display:grid;gap:var(--s3);align-content:start;padding-block:var(--s2)}
.brw-card__t b{font-family:var(--f-display);font-weight:380;font-size:var(--t-h2);line-height:1;letter-spacing:-.025em}
.brw-sum{color:var(--muted);line-height:1.5}
.brw-st{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6);margin-block-start:auto;padding-block-start:var(--s4);border-block-start:1px solid var(--line);font-weight:600;font-variant-numeric:tabular-nums}
.brw-st small{display:block;font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.brw-card:hover{border-color:var(--fg)}
.brw-card:hover b{color:var(--brand-t)}
.brw-mh{padding-block:var(--s6) 0;overflow:clip}
.brw-mh__g{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.brw-mh__g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7)}.brw-mh__m{order:2}}
.brw-mh h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s4)}
.brw-mh__m img{inline-size:100%;aspect-ratio:4/5;object-fit:cover;max-block-size:640px}
.brw-gh{font-size:var(--t-label);font-family:var(--f-body);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-block:var(--s6) var(--s3)}
.brw-gear{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.brw-gear li{padding:var(--s2) var(--s4);border:1px solid var(--line-strong);background:var(--surface);font-weight:500}
.brw-bench{padding-block-start:var(--s7)}
.brw-bench__g{display:grid;gap:var(--s6)}
@media (min-width:1000px){.brw-bench__g{grid-template-columns:minmax(0,7fr) minmax(300px,4fr);gap:var(--s7);align-items:start}.brw-timer{position:sticky;inset-block-start:calc(var(--header) + var(--s5));order:2}}
.brw-left{display:grid;gap:var(--s6)}
.brw-calc h2{font-size:var(--t-h3);margin-block-end:var(--s5)}
.brw-ctl{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s4);align-items:center;margin-block-end:var(--s5)}
.brw-ctl label{font-weight:600}
.brw-ctl output{font-family:var(--f-display);font-size:1.5rem;font-variant-numeric:lining-nums}
.brw-ctl input{grid-column:1/-1}
html:not(.js) .brw-ctl input{display:none}
.brw-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--fg)}
@media (min-width:640px){.brw-res{grid-template-columns:repeat(4,minmax(0,1fr))}}
.brw-res>div{padding:var(--s4) var(--s3) var(--s4) 0;border-block-end:1px solid var(--line)}
.brw-res dt{font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.brw-res dd{font-family:var(--f-display);font-size:1.5rem;line-height:1.2;font-variant-numeric:lining-nums}
.brw-grind{margin-block-start:var(--s4)}
.brw-grind b{font-size:var(--t-label);letter-spacing:.12em;color:var(--muted);margin-inline-end:var(--s2)}
.brw-steps{list-style:none;padding:0;border-block-start:1px solid var(--fg)}
.brw-steps li{display:grid;grid-template-columns:5ch minmax(0,1fr);gap:var(--s5);padding:var(--s5) var(--s3);border-block-end:1px solid var(--line);border-inline-start:3px solid transparent}
.brw-steps li.is-now{background:var(--surface);border-inline-start-color:var(--brand)}
.brw-steps li.is-done{color:var(--muted)}
.brw-t{font-family:var(--f-display);font-size:1.5rem;color:var(--brand-t);line-height:1.2}
.brw-steps h3{font-size:1.375rem;margin-block-end:var(--s2)}
.brw-timer{display:grid;gap:var(--s4);justify-items:start}
.brw-clock{font-family:var(--f-display);font-size:clamp(4rem,3rem + 5vw,6.5rem);line-height:1;font-weight:300;letter-spacing:-.04em}
.brw-now{font-size:var(--t-lead);font-weight:600}
.brw-lots .shead-row{margin-block-end:var(--s5)}
.brw-ll{list-style:none;padding:0;display:grid;border-block-start:1px solid var(--fg)}
@media (min-width:900px){.brw-ll{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7)}}
.brw-ll a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none}
.brw-ll img{inline-size:56px;block-size:56px;object-fit:cover}
.brw-ll b{display:block;font-family:var(--f-display);font-weight:420;font-size:1.25rem}
.brw-ll small{color:var(--muted);font-size:1rem}
.brw-ll em{font-style:normal;font-family:var(--f-display);font-size:1.25rem}
.brw-ll a:hover b{color:var(--brand-t)}

/* ---------- theory ---------- */
.thy-hero{padding-block:var(--s6) 0;overflow:clip}
.thy-hero__g{display:grid;gap:var(--s6);align-items:center}
.thy-hero h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s5)}
.thy-hero__m img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:900px){.thy-hero__g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7)}}
.thy-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--s6);border-block-start:1px solid var(--fg);border-block-end:1px solid var(--line)}
@media (min-width:768px){.thy-facts dl{grid-template-columns:repeat(5,minmax(0,1fr))}}
.thy-facts dl>div{padding:var(--s4) var(--s4) var(--s4) 0}
.thy-facts dt{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.thy-facts dd{font-family:var(--f-display);font-size:1.5rem;line-height:1.15}
.thy-do__g{display:grid;gap:var(--s7)}
@media (min-width:1000px){.thy-do__g{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s8)}.thy-do__h{position:sticky;inset-block-start:calc(var(--header) + var(--s5));align-self:start}}
.thy-do__h .kicker{margin-block-end:var(--s3)}
.thy-prin{list-style:none;padding:0;border-block-start:1px solid var(--fg)}
.thy-prin li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s5);padding-block:var(--s6);border-block-end:1px solid var(--line)}
.thy-pn{font-family:var(--f-display);font-size:clamp(2.5rem,2rem + 2vw,4rem);line-height:.9;color:var(--brand-t);font-weight:300;font-variant-numeric:lining-nums;min-inline-size:2ch}
.thy-prin h3{margin-block-end:var(--s3)}
.thy-prin p{font-size:var(--t-lead);line-height:1.6;max-inline-size:60ch}
.thy-pick{display:grid;gap:var(--s5)}
@media (min-width:1000px){.thy-pick{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--s8);align-items:start}.thy-chips{grid-column:1/-1}.thy-pick__m{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.thy-pick__m img{aspect-ratio:4/5;object-fit:cover;inline-size:100%}
.thy-label .spec{border-block-start:0}
.thy-chips{display:flex;flex-wrap:wrap}
html:not(.js) .thy-chips{display:none}
.thy-labels{display:grid;gap:var(--s5)}
.thy-label{display:grid;gap:var(--s4);align-content:start;padding:var(--s6);background:var(--field);border:1px solid var(--fg);position:relative}
.thy-label header{padding-block-end:var(--s4);border-block-end:2px solid var(--fg)}
.thy-label h3{font-size:var(--t-h2);margin-block:var(--s2)}
.thy-cn{color:var(--muted);font-weight:600}
.thy-cta__g{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.thy-cta__g{grid-template-columns:1fr auto}}
.thy-cta h2{font-size:var(--t-display);font-weight:340;line-height:1;margin-block-end:var(--s3)}

/* ---------- club ---------- */
.clb-hero{padding-block:var(--s6) 0;overflow:clip}
.clb-hero__g{display:grid;gap:var(--s6);align-items:center}
.clb-hero h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s5);max-inline-size:14ch}
.clb-hero__m img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:900px){.clb-hero__g{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7)}}
.clb-plans .shead{margin-block-end:var(--s6)}
.clb-hold__g{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
@media (min-width:1000px){.clb-hold__g{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8);align-items:start}}
.clb-hold__t h2{margin-block:var(--s3) var(--s4)}
.clb-bag{margin-block-start:var(--s6);max-inline-size:340px}
.clb-bag img{aspect-ratio:4/5;object-fit:cover}
.clb-hold__tb .hint{margin-block-start:var(--s4)}

/* ---------- bag ---------- */
.bag-head{padding-block:var(--s6) var(--s5);border-block-end:1px solid var(--line)}
.bag-head h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block-start:var(--s3)}
.bag-empty{display:grid;gap:var(--s6);align-items:center}
@media (min-width:900px){.bag-empty{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7)}}
.bag-empty h2{margin-block-end:var(--s3)}
.bag-empty .lead{margin-block-end:var(--s5)}
.bag-empty__m img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}
.bag-full{display:grid;gap:var(--s7)}
@media (min-width:1000px){.bag-full{grid-template-columns:minmax(0,7fr) minmax(320px,4fr);gap:var(--s8);align-items:start}.bag-co{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
.bag-list{list-style:none;padding:0;border-block-start:1px solid var(--fg)}
.bag-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line);align-items:center}
.bag-list b{font-family:var(--f-display);font-weight:420;font-size:1.375rem}
.bag-list small{color:var(--muted);display:block;font-size:1rem}
.bag-list .qty{grid-column:1}
.bag-sum,.bag-total{display:flex;justify-content:space-between;align-items:baseline;padding-block:var(--s4);font-size:var(--t-lead)}
.bag-sum b,.bag-total b{font-family:var(--f-display);font-size:2rem;font-weight:420}
.bag-co h2{font-size:var(--t-h3);margin-block-end:var(--s3)}
.bag-co .form{margin-block-start:var(--s5)}
.bag-done{max-inline-size:640px;display:grid;gap:var(--s4);justify-items:start}
.bag-done h2 span{color:var(--brand-t)}

/* ---------- visit ---------- */
.vis-hero{padding-block:var(--s6) 0;overflow:clip}
.vis-hero__g{display:grid;gap:var(--s6);align-items:center}
.vis-hero h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s5);max-inline-size:12ch}
.vis-hero__m img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:900px){.vis-hero__g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7)}}
.vis-live{display:flex;align-items:center;gap:var(--s3);font-weight:600;margin-block-end:var(--s3)}
.vis-live .dot{inline-size:10px;block-size:10px;border-radius:50%;background:var(--ok);flex:none}
.vis-live .dot[data-state="closed"]{background:#a56a00}
.vis-info__g{display:grid;gap:0;border-block-start:1px solid var(--fg)}
@media (min-width:900px){.vis-info__g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vis-card{display:grid;gap:var(--s3);align-content:start;padding:var(--s6) var(--s5) var(--s6) 0;border-block-end:1px solid var(--line)}
@media (min-width:900px){.vis-card{padding-inline:var(--s6);border-inline-start:1px solid var(--line);border-block-end:0}.vis-card:first-child{padding-inline-start:0;border-inline-start:0}}
.vis-card h2{font-size:var(--t-h3)}
.vis-card address{font-style:normal;font-family:var(--f-display);font-size:1.5rem;line-height:1.25}
.vis-hours{inline-size:100%;border-collapse:collapse}
.vis-hours th,.vis-hours td{padding:var(--s2) 0;text-align:start;border-block-end:1px solid var(--line);font-weight:500}
.vis-hours td{text-align:end;font-variant-numeric:tabular-nums}
.vis-hours tr.today th,.vis-hours tr.today td{font-weight:700;color:var(--brand-t)}
.vis-pour{font-family:var(--f-display);font-size:1.5rem;line-height:1.2}
.vis-pour a{text-decoration:none}
.vis-pour a:hover{color:var(--brand-t)}
.vis-room__g{display:grid;gap:var(--s7);align-items:center}
@media (min-width:900px){.vis-room__g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8)}}
.vis-room h2{margin-block:var(--s3) var(--s4)}
.vis-room .lead{margin-block-end:var(--s5)}
.vis-room img{aspect-ratio:3/2;object-fit:cover}

/* ---------- 404, credits, forms demo ---------- */
.nf{padding-block:var(--s7) var(--sec);overflow:clip}
.nf__g{display:grid;gap:var(--s6);align-items:center}
.nf h1{font-size:var(--t-display);font-weight:340;line-height:.98;letter-spacing:-.035em;margin-block:var(--s3) var(--s4);max-inline-size:11ch}
.nf .lead{margin-block-end:var(--s5)}
.nf__m img{inline-size:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:900px){.nf__g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7)}}
.cr-h{font-size:var(--t-h3);margin-block:var(--s7) var(--s3)}
.fd-g{display:grid;gap:var(--s6);align-items:start}
@media (min-width:1000px){.fd-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7)}}
.fd-g h2{font-size:var(--t-h3);margin-block-end:var(--s4)}
.fd-side{display:grid;gap:var(--s5)}
@media (max-width:999px){
  .lot-g{display:flex;flex-direction:column;gap:0}
  .lot-main{display:contents}
  .lot-main>*{order:2}
  .lot-main>.kicker,.lot-main>h1,.lot-main>.lot-sub,.lot-main>.lot-notes{order:0}
  .lot-buy{order:1;margin-block-end:var(--s7)}
}
/* no motion */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}