/* Placement C (v3): logo + text block locked side by side as a tight pair, centred; below it the form and booking cards, equal width and height, centred with a gap. */
/* Arriving at #contact: skip most of the section's top padding so the heading row AND the top of the form/booking cards land in view below the 72px fixed header (html has scroll-padding-top:80px). */
.section-contact{scroll-margin-top:calc(12px - clamp(72px,8.5vw,120px))}
@media(min-width:981px){
  .section-contact .contact{grid-template-columns:repeat(2,minmax(0,540px));justify-content:center;column-gap:44px;row-gap:44px;align-items:stretch}
  .section-contact .contact > .form,.section-contact .contact > .booking{width:100%;min-width:0;margin:0}
  .section-contact .contact-intro{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;justify-content:stretch}
  .section-contact .contact-logo{order:-1;width:300px;margin:0;justify-self:end}
  .section-contact .contact-intro .contact-text{max-width:60ch;justify-self:start}
  .section-contact .contact-intro .contact-alt{margin-top:22px}
}
@media(max-width:980px){
  .section-contact .contact-intro{display:flex;flex-direction:column;align-items:center;text-align:center}
  .section-contact .contact-intro .lead{margin-inline:auto}
  .section-contact .contact-logo{order:-1;width:min(100%,250px);max-height:none;margin:0 auto 22px}
}