/* Ember & Ear — bread club, classes, wholesale, visit, allergens */
.split-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:end}
.split-ph{aspect-ratio:4/5;max-height:560px}
.split-ph picture,.split-ph img{height:100%}
@media (max-width:900px){.split-in{grid-template-columns:1fr}.split-ph{max-width:520px;aspect-ratio:4/3}}
.ck-facts{list-style:none;margin:28px 0 0;padding:0;display:flex;border-top:1.5px solid var(--ink);max-width:560px}
.ck-facts li{flex:1;padding:12px 14px 0 0;display:flex;flex-direction:column;gap:2px}
.ck-facts li+li{border-left:1px dashed var(--line2);padding-left:14px}
.ck-facts span{font-size:.8rem;text-transform:uppercase;color:var(--crust)}
.ck-facts b{font:800 1.4rem/1.15 var(--serif);font-variant-numeric:lining-nums}
@media (max-width:480px){.ck-facts{flex-direction:column}.ck-facts li+li{border-left:0;padding-left:0;border-top:1px dashed var(--line2);margin-top:10px}}
.how{list-style:none;counter-reset:h;margin:26px 0 0;padding:0;border-top:1.5px solid var(--ink);max-width:560px}
.how li{counter-increment:h;padding:12px 0 12px 44px;position:relative;border-bottom:1px dashed var(--line2)}
.how li::before{content:"0" counter(h);position:absolute;left:0;top:12px;color:var(--acc-d);font-weight:700}
.faq-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px)}
@media (max-width:800px){.faq-wrap{grid-template-columns:1fr}}
.ck-extras{border:0;padding:0;margin:0 0 26px;display:grid;gap:10px}
.ck-extras legend{margin-bottom:12px;padding:0}

/* bread club */
.club-in{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(28px,5vw,72px);align-items:start}
.form-h{border-bottom:1.5px solid var(--ink);padding-bottom:14px;margin-bottom:28px}
.form-h2{font-size:1.5rem;margin:12px 0 18px}
.opts-tight{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.club-side{position:sticky;top:96px}
.club-big{display:flex;align-items:baseline;gap:10px;margin:4px 0 8px!important}
.club-big b{font:800 2.6rem/1 var(--serif);font-variant-numeric:lining-nums}
.d-sub{margin-top:16px!important;border-top:1px dashed var(--line2);padding-top:10px;text-transform:uppercase;font-size:.8rem;color:var(--crust)}
.next4{list-style:none;margin:6px 0 0;padding:0}
.next4 li{display:flex;justify-content:space-between;padding:4px 0}
.next4 li span:last-child{color:var(--acc-d);font-weight:700}
[data-club-done]{margin-top:24px}
@media (max-width:980px){.club-in{grid-template-columns:1fr}.club-side{position:static;order:-1;max-width:420px}}

/* classes */
.cl-list{display:grid;gap:0;border-top:1.5px solid var(--ink)}
.cl{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid var(--line2);scroll-margin-top:120px}
.cl-ph{aspect-ratio:4/5}
.cl-b h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.cl-inc{margin:14px 0 0;padding-left:18px;color:var(--ink2)}
.cl-inc li{margin-bottom:4px}
.cl-price{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.cl-price b{font:800 2rem/1 var(--serif);font-variant-numeric:lining-nums}
.cl-dates{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.date-pill{width:100%;text-align:left;padding:8px 10px;border:1.5px solid var(--line2);border-radius:var(--r);background:var(--paper);cursor:pointer;line-height:1.25}
.date-pill span{display:block;font-weight:700}
.date-pill small{color:var(--ink2)}
.date-pill:hover:not([disabled]){border-color:var(--ink)}
.date-pill.few small{color:var(--acc-d);font-weight:700}
.date-pill.full{opacity:.55;cursor:not-allowed}
.date-pill.full span{text-decoration:line-through}
@media (max-width:1100px){.cl{grid-template-columns:220px minmax(0,1fr)}.cl-side{grid-column:2}}
@media (max-width:700px){.cl{grid-template-columns:1fr}.cl-side{grid-column:auto}.cl-ph{aspect-ratio:3/2}}
.vouch-in,.enq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.band .vouch-form,.band .enq-form{background:var(--flour);color:var(--ink);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
.band .vouch-form .opts legend,.band .enq-form legend{color:var(--ink)}
@media (max-width:900px){.vouch-in,.enq-in{grid-template-columns:1fr}}
.modal{margin:auto;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 24px)}
.modal-in{background:var(--flour);border-radius:var(--r);padding:clamp(20px,3vw,32px);max-height:calc(100vh - 24px);overflow:auto}
.modal-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.modal-hd h2{font-size:1.8rem;margin:0}
.bk-dates{display:contents}
.bk-total{font-size:1.1rem;margin-top:16px}
.bk-total b{font:800 1.6rem var(--serif)}
.bk-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}

/* wholesale */
.who{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,36px);border-top:1.5px solid var(--ink)}
.who li{padding-top:18px}
.who .mono{color:var(--acc-d);font-weight:700}
.who h3{margin-top:8px}
@media (max-width:900px){.who{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.who{grid-template-columns:1fr}}
.tp-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:980px){.tp-in{grid-template-columns:1fr}}
.tbl-wrap{overflow-x:auto;max-width:100%;margin-top:18px}
.tbl{width:100%;border-collapse:collapse;font-size:.98rem}
.tbl th,.tbl td{text-align:left;padding:11px 12px 11px 0;border-bottom:1px solid var(--line)}
.tbl thead th{font:700 .8rem var(--mono);text-transform:uppercase;color:var(--crust);border-bottom:1.5px solid var(--ink)}
.tbl tbody th{font-weight:600}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;padding-right:28px}
.zone .docket{margin-bottom:28px}
.zone-form label{display:block;font-family:var(--sans);font-weight:600;margin-bottom:6px}
.pc-row{display:flex;gap:8px}
.pc-row input{min-height:42px;font-family:var(--sans)}
.z-msg{margin:10px 0!important;font-family:var(--sans);font-weight:600;min-height:1.5em}
.z-msg.good{color:#2F5A2E}
.z-msg.out,.z-msg.bad{color:var(--acc-d)}
.zone .small{font-family:var(--sans)}
.quote{margin:0;border-left:3px solid var(--acc);padding:4px 0 4px 20px}
.quote p{font:italic 500 1.35rem/1.35 var(--serif)}
.quote footer{font-size:.9rem;color:var(--ink2)}

/* visit */
.site{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;padding:clamp(24px,4vw,48px) 0;border-top:1.5px solid var(--ink)}
.site-rev .site-ph{order:2}
.site-ph{aspect-ratio:4/5;max-height:640px}
.site-ph picture,.site-ph img{height:100%}
.site h2{font-size:clamp(2.4rem,4.6vw,4rem)}
.site-open{font-weight:700;color:var(--acc-d);font-size:1.1rem}
.addr{font:700 1.25rem/1.35 var(--serif)}
.hours{margin:0 0 12px;border-top:1px solid var(--line)}
.hours div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.hours dt{font-weight:600}
.hours dd{margin:0;text-align:right;color:var(--ink2)}
.site .h-s{margin-top:22px}
@media (max-width:900px){.site{grid-template-columns:1fr}.site-rev .site-ph{order:0}.site-ph{aspect-ratio:3/2}}
.story-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.story-ph{aspect-ratio:3/2}
@media (max-width:900px){.story-in{grid-template-columns:1fr}}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:900px){.ct-in{grid-template-columns:1fr}}
[data-ct-done]{margin-top:20px}
.legal{border-top:1px solid var(--line)}
.legal-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);font-size:.95rem;color:var(--ink2)}
.legal-in>div{scroll-margin-top:120px}
@media (max-width:800px){.legal-in{grid-template-columns:1fr}}

/* allergens */
.al-hd{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(24px,5vw,72px);align-items:end}
@media (max-width:900px){.al-hd{grid-template-columns:1fr}.al-note{max-width:460px}}
.res-n{font-family:var(--mono);font-size:.9rem;color:var(--crust);margin-top:16px}
.mx{min-width:980px;font-size:.9rem}
.mx th,.mx td{padding:9px 6px;text-align:center;border-bottom:1px solid var(--line)}
.mx thead th{font-size:.72rem;letter-spacing:0}
.mx abbr{text-decoration:none}
.mx .mx-name{text-align:left;min-width:220px;position:sticky;left:0;background:var(--flour);z-index:1}
.mx .mx-cat th{text-align:left;font:800 1.1rem var(--serif);text-transform:none;color:var(--ink);padding-top:22px;border-bottom:1.5px solid var(--ink)}
.mx td.y{font-weight:700;color:var(--ink);background:rgba(169,52,84,.08)}
.mx td.m{color:var(--crust)}
.mx td.n{color:var(--ink2)}
.mx-key{margin-top:14px;max-width:80ch}