/* Consistent booking placement beside every page introduction. */
.agency .booking-hero{width:100%;margin:0;padding:48px 0;border:0;background:linear-gradient(90deg,rgba(5,22,28,.93) 0%,rgba(5,22,28,.68) 45%,rgba(5,22,28,.12) 100%),url('./editorial/city-night.webp') center 48%/cover;color:#fff}
.agency .booking-hero .hero-enquiry-layout{width:min(1600px,calc(100% - 96px));grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,3.5vw,56px);align-items:center}
.agency .booking-hero .booking-page-copy{min-width:0}
.agency .booking-hero .booking-page-copy h1{font-size:clamp(40px,4.2vw,64px);font-weight:500;line-height:1.08;letter-spacing:-1.8px;max-width:none;margin:0 0 24px;overflow-wrap:anywhere;text-wrap:balance;color:#fff}
.agency .booking-hero .booking-page-copy .eyebrow{color:#a8dbd9;margin:0 0 24px}
.agency .booking-hero .booking-page-copy :is(p,.lede,a){color:#e2ebea;max-width:none}
.agency .booking-hero .booking-page-copy :is(.intro-photo,.hero-image){margin:28px 0 0;background:transparent;aspect-ratio:auto;overflow:visible;max-width:100%}
.agency .booking-hero .booking-page-copy img{display:block;max-width:100%;width:auto;height:auto;max-height:220px;object-fit:contain;margin:0}
.agency .booking-hero .hero-enquiry-layout .booking-section{width:100%;max-width:none;margin:0;padding:28px}
/* Microsoft Bookings within the city-image enquiry panel. */
.agency .booking-hero .booking-frame{display:block;width:100%;height:640px;border:1px solid #a7bab6;background:#fff}
.agency .booking-hero .booking-fallback{margin:16px 0 10px;font-size:13px;line-height:1.6}
.agency .booking-hero .booking-fallback a,.agency .booking-hero .booking-privacy a{color:#122e32;text-underline-offset:3px}
.agency .booking-hero .booking-privacy{margin:0;line-height:1.6}
@media(max-width:640px){.agency .booking-hero .hero-enquiry-layout .booking-section{padding:22px 14px}.agency .booking-hero .booking-frame{height:660px}}
@media print{.agency .booking-hero .booking-frame{display:none}}

.agency .booking-hero .booking-summary{padding:26px;background:#edf4ef;border:1px solid #a7bab6}
.agency .booking-hero .booking-summary .booking-meta{font-size:12px;font-weight:bold;color:#34666c;margin:0 0 16px}
.agency .booking-hero .booking-summary h3{font:26px/1.2 Georgia,serif;margin:0 0 16px;color:#122e32}
.agency .booking-hero .booking-summary p{font-size:14px;color:#43585c;line-height:1.6;margin:0 0 22px}
.agency .booking-hero .booking-button{display:flex;justify-content:space-between;align-items:center;background:#173c40;color:#fff;padding:16px 20px;font-size:14px;text-decoration:none;gap:20px}
.agency .booking-hero .booking-button:hover{background:#27575d}
.agency .booking-hero .booking-summary .small{margin:12px 0 0}
.agency .booking-hero .booking-fallback[hidden]{display:none}
.agency .booking-hero .booking-summary[hidden]{display:none}
.agency .booking-hero .hero-enquiry-layout .enquiry-panel>.booking-privacy{margin:16px 0 0}
@media(max-width:640px){.agency .booking-hero .booking-summary{padding:22px 18px}.agency .booking-hero .booking-summary h3{font-size:24px}}

/* Mission statement within the booking panel, above the booking options. */
.agency .booking-hero .booking-mission{padding:22px 0;margin:0 0 24px;border-top:1px solid #9cb6b4;border-bottom:1px solid #9cb6b4}
.agency .booking-hero .hero-enquiry-layout .booking-mission h2{font:27px/1.25 Georgia,serif;color:#122e32;letter-spacing:-.4px;max-width:none;margin:0 0 18px}
.agency .booking-hero .booking-mission>p{font-size:14px;line-height:1.7;color:#243f43;max-width:none;margin:0}
@media(max-width:640px){.agency .booking-hero .hero-enquiry-layout .booking-mission h2{font-size:24px}.agency .booking-hero .booking-mission>p{font-size:14px}}

/* The mission statement now introduces the booking panel. */
.agency .booking-hero .booking-mission{padding-top:0;border-top:0}

@media(max-width:1040px){.agency .booking-hero .hero-enquiry-layout{width:calc(100% - 48px);grid-template-columns:1fr;gap:32px}}
@media(max-width:760px){
 .agency .booking-hero{padding:32px 0}
 .agency .booking-hero .hero-enquiry-layout{width:calc(100% - 36px);gap:28px}
 .agency .booking-hero .booking-page-copy h1{font-size:clamp(34px,8vw,48px);letter-spacing:-1.2px}
 .agency .booking-hero .hero-enquiry-layout .booking-section{padding:22px 18px}
  .agency .booking-hero .booking-frame{display:none}
  .agency .booking-hero .booking-summary[hidden]{display:block}
  .agency .booking-hero .booking-fallback{display:none}
  .agency .booking-hero .hero-enquiry-layout .booking-mission{padding-bottom:20px;margin-bottom:20px}
  .agency .booking-hero .hero-enquiry-layout .booking-mission h2{font-size:25px;line-height:1.25}
  .agency .booking-hero .booking-mission>p{font-size:15px;line-height:1.7}
  .agency .booking-hero .booking-summary{padding:20px 18px}
  .agency .booking-hero .booking-summary h3{font-size:24px;line-height:1.25}
  .agency .booking-hero .booking-summary p{font-size:15px}
  .agency .booking-hero .booking-button{min-height:52px;padding:14px 18px;font-size:15px}


}