/* spacing and alignment fixes (loaded after each page's own styles) */

/* section heads: heading and paragraph start on the same line, and the eyebrow has the same gap as everywhere else */
.head{align-items:start;align-items:first baseline}
.head .eyebrow{margin-bottom:1.6rem}
@media (max-width:860px){.head{align-items:start}}

/* testimonials: browser default blockquote margin was pushing the cards in from the edges */
.quote{margin:0}

/* service cards: lists and Enquire links line up across each row */
.svc__card{display:flex;flex-direction:column}
.svc__card .svc__list{margin-top:auto}

/* package cards: same-height intro so prices line up, bullets packed from the top */
@media (min-width:901px){.plan__for{min-height:4.95em}}
.plan ul{align-content:start}

/* no orphaned last words in headings and paragraphs */
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}

/* phones and portrait tablets: show the whole landing-page banner video (no cropping), with the text underneath */
@media (max-width:760px), (orientation:portrait) and (max-width:1024px){
  .hero{min-height:0;display:block;padding-block:0 3.5rem;overflow:visible}
  .hero .hero__video{position:relative;inset:auto;z-index:auto;aspect-ratio:16/9;width:100%;margin-top:4.6rem}
  .hero .hero__video video{width:100%;height:100%;object-fit:cover}
  .hero .hero__bg{display:none}
  .hero > .wrap{padding-top:2.25rem}
}