/* catering.html — the brand chooser. */

html,body{margin:0;padding:0;background:var(--cream)}
body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:clip;background-image:var(--paper);background-size:200px 200px}
a{color:var(--green);transition:color .16s ease-out,background .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}
a:hover{color:var(--green-dp)}
.cat-hero{background:var(--green);color:#FFF;overflow:hidden}
.cat-hero-inner{max-width:1000px;margin:0 auto;padding:56px 24px 60px;text-align:center}
.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.22);border-radius:999px;padding:7px 16px;font-family:var(--mark);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.cat-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:1;margin:18px 0 0;color:var(--orange);text-transform:uppercase}
.cat-hero h1 .alt{color:#FFF}
.cat-hero p{font-size:19px;line-height:1.55;max-width:56ch;margin:18px auto 0;font-weight:600;opacity:.95}
.cat-hero a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cat-hero a:hover{color:var(--orange)}
.stripe{height:14px;background:repeating-linear-gradient(90deg,var(--orange) 0 40px,#FFF 40px 80px)}
.chooser{background:#FFF;padding:64px 24px 40px}
.section-head{text-align:center;margin-bottom:40px}
.section-head .eyebrow{font-family:var(--mark);font-weight:700;font-size:14px;letter-spacing:.18em;color:var(--green);text-transform:uppercase}
.section-head h2{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4vw,48px);margin:6px 0 0;text-transform:uppercase;color:var(--ink)}
.section-head p{font-weight:600;color:var(--ink-2);margin:10px auto 0;max-width:60ch}
.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}
.brand-card{display:flex;flex-direction:column;background:#FFF;border:3px solid var(--rule);border-radius:24px;padding:30px 28px;text-decoration:none;color:var(--ink);transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}
.brand-card:hover{border-color:var(--orange-dp);box-shadow:0 14px 34px rgba(0,0,0,.10);transform:translateY(-3px);color:var(--ink)}
.brand-card .bc-zh{font-family:var(--mark);font-weight:700;font-size:36px;color:var(--green);line-height:1}
.brand-card h3{font-family:var(--disp);font-weight:800;font-size:24px;margin:14px 0 0}
.brand-card .bc-sub{font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:4px}
.brand-card p{font-weight:600;font-size:15px;color:var(--ink-2);margin:12px 0 0;line-height:1.5;flex:1}
.brand-card .bc-go{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:var(--green);color:#FFF;font-family:var(--mark);font-weight:700;font-size:16px;padding:11px 22px;border-radius:999px;align-self:flex-start;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.brand-card:hover .bc-go{background:var(--green-dp)}
.terms-note{margin:34px auto 0;max-width:820px;background:var(--cream);border:3px dashed var(--orange-dp);border-radius:18px;padding:20px 26px;font-weight:600;color:var(--ink);font-size:15px;line-height:1.6}
.terms-note b{font-weight:800}
.band{max-width:800px;margin:0 auto 40px}
.band-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:20px;border-bottom:3px solid var(--rule)}
.band-head h3{font-family:var(--disp);font-weight:800;font-size:24px;margin:0;color:var(--ink)}
.band-note{margin-left:auto;font-weight:700;font-size:13.5px;color:var(--ink-2)}
.brand-grid-solo{grid-template-columns:1fr}
@media (max-width:899.5px){
.brand-grid{grid-template-columns:1fr}
.band-note{margin-left:0;flex-basis:100%}
}