/* Shared phone/tablet alignment, after the page-specific styles. */
@media(max-width:800px){
  main h1,main h2,main section .eyebrow{margin-inline:auto}
  .about-intro.interior-image-hero .about-intro-copy,.experience-hero.interior-image-hero .experience-hero-copy{margin-inline:auto}
  .hero-content>.eyebrow,.experience-story-heading .experience-intro,
  .experience-hybrid-heading>.experience-lead,.experience-planning-grid>div>p:not(.eyebrow),
  .about-intro.interior-image-hero .about-intro-copy>p:not(.eyebrow),
  .about-story-copy>p,.about-credits-heading>p,.about-audience-copy>p{margin-inline:auto}
  .experience-overview-grid p{display:block;text-align:center;padding-inline:0!important}
  .experience-overview-grid span{padding-top:0;margin-bottom:6px}
  .experience-hero .button-row,.about-audience-copy .button-row{flex-direction:column;align-items:center;justify-content:center}
  .experience-hybrid-bottom{align-items:center;text-align:center}
  .gallery-heading-row{justify-items:center;text-align:center}
  .gallery-heading-row .section-heading{width:100%;text-align:center}
  .gallery-wand-art{justify-self:center}
  .experience-fit ul{max-width:420px;margin-inline:auto;text-align:left}
  .contact-planning-steps>li{display:flex;flex-direction:column;align-items:center;gap:10px}
  .contact-planning-steps>li>div{width:100%;text-align:center}
}
/* Keep form action labels readable and allow wrapping on narrow phones. */
@media(max-width:800px){.contact-booking-section .form-actions .button{font-size:.875rem;line-height:1.4;white-space:normal;min-height:48px;justify-content:center}}
@media(max-width:520px){.contact-booking-section .form-actions{flex-direction:column;align-items:stretch;gap:12px}.contact-booking-section .form-actions .button{width:100%;max-width:100%;margin-inline:0;padding:14px 16px}}
/* Center the card portrait independently of the older offset media-frame treatment. */
@media(max-width:800px){.career-section .career-card-photo{width:min(100%,360px);max-width:360px;margin:0;justify-self:center}.career-section .career-card-photo::after{content:none}}
