/* =====================================================================
   page: business.html  (base.css tokens only; no new colours/fonts/radii/shadows)
   Rhythm: ink hero (type only, ~9 columns) -> two tick columns -> ink memo
   (with how it starts) -> booking + facts + talk.
   ===================================================================== */

/* 1. hero */
.bz-hero{padding-block:var(--s7) var(--s8)}
.bz-hero h1{font-size:clamp(2.35rem,1.5rem + 3.4vw,4.1rem)}
@media (min-width:1024px){ .bz-hero h1{font-size:clamp(3.4rem,1.5rem + 3vw,4.4rem)} }
.bz-hero .lead{margin-top:var(--s5);max-width:46ch}
.bz-hero__btns{margin-top:var(--s6)}
.bz-hero__met{margin-top:var(--s5);max-width:52ch}
.bz-hero__met .link-go{display:inline-block;margin-top:var(--s2)}
@media (max-width:599px){
  .bz-hero__btns{flex-direction:column;align-items:stretch}
  .bz-hero__btns .btn{width:100%}
}
@media (min-width:1024px){
  .bz-hero{padding-block:var(--s9)}
  .bz-hero__copy{grid-column:1 / span 7}
  .bz-hero__grid{align-items:center}
  .bz-hero__sheet{grid-column:8 / span 5;justify-self:end;width:100%;max-width:420px}
}
/* the walkthrough sheet: base.css .sheet__dl */

/* 2. regular visit: two labelled lists side by side */
.bz-visit__lists{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6) var(--s6)}
@media (min-width:768px){ .bz-visit__lists{grid-template-columns:repeat(2,minmax(0,1fr))} }
.bz-visit__k{margin-bottom:var(--s3);color:var(--ink-2)}
@media (min-width:1024px){ .bz-visit{align-items:start} .bz-visit__lists{padding-top:var(--s2)} }

/* 3. forward memo */
.bz-fwd__how{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--rule-dark)}
.bz-fwd__how b{color:#fff;font-weight:600}
@media (min-width:1024px){ .bz-fwd{align-items:center} }
.bz-fwd .memo{margin-top:var(--s6)}
@media (min-width:1024px){ .bz-fwd .memo{margin-top:0} }

/* 4. booking */
.bz-book__facts{margin-top:var(--s6);font-weight:600;color:var(--ink)}
.bz-book .lead{max-width:40ch}
.bz-book__builder{margin-top:var(--s4);padding-top:var(--s4);border-top:var(--hair);max-width:34rem}
@media (min-width:1024px){ .bz-book{align-items:end} }
.bz-book__builder .link-go{display:inline-block}
.bz-fwd__how + .bz-fwd__how{margin-top:var(--s3);padding-top:0;border-top:0}  /* pricing line sits under "how it starts", one rule for both */