/* TOASTED catering: their focaccia stack on black, then the request form on white. */
.cat-head{padding:0;background:var(--ink);color:#fff;display:grid}
.cat-head img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 50%}
.cat-t{padding-block:28px 44px}
.cat-t h1{font-size:clamp(52px,15vw,120px);color:var(--gold)}
.cat-t p{margin-top:16px;color:rgba(255,255,255,.88)}
.cat-form h2{font-size:clamp(36px,9vw,60px)}
.cat-side p{margin-top:14px}
.row2{display:grid;gap:var(--s4)}
fieldset{border:0;margin:0;padding:0;display:grid;gap:4px}
legend{font-weight:600;font-size:15px;margin-bottom:6px}
legend small{font-weight:400;color:var(--muted)}
.chk{display:flex!important;grid-auto-flow:column;align-items:center;gap:10px;min-height:44px;font-weight:400!important}
.chk input{width:20px;height:20px;accent-color:var(--ink)}
.form input:not([type=checkbox]):not([type=radio]),.form textarea{border-color:rgba(17,17,17,.4)}
@media (min-width:600px){.row2{grid-template-columns:1fr 1fr}}
@media (min-width:900px){
  .cat-head{grid-template-columns:1fr 1fr;align-items:end;min-height:calc(100vh - var(--head-h));max-height:900px;max-width:1920px;margin-inline:auto}
  main{background:var(--ink)}
  .cat-form{background:#fff}
  .cat-head img{height:100%;aspect-ratio:auto;max-height:900px}
  .cat-t{padding:56px 48px}
  .cat-form .wrap{display:grid;grid-template-columns:4fr 8fr;gap:64px}
  .cat-form .form{margin-top:0}
  .cat-side{position:sticky;top:calc(var(--head-h) + 32px);align-self:start}
}