/* ROUND 82 — Region (Local Office) pages only (body.sh-r82-rg, inc/round82.php). Desktop (1024+) keeps
   the round 63 / 67 composition untouched; everything below is for phones and tablets. */

/* READ MORE: when the introduction fits its collapsed area the copy shows in full and the fade goes
   (r82-region.js adds .is-fit after the webfonts have loaded, and re-checks on resize). */
.sh-r63.sh-r82-rg .rg2-team__body.is-fit{max-height:none}
.sh-r63.sh-r82-rg .rg2-team__body.is-fit::after{display:none}

@media (max-width:1023px){
  /* hero photo starts under the fixed bar (the bar covered the top 63px, where the heads are) */
  .sh-r63.sh-r82-rg .rg2-hero{padding-top:var(--sh-r77-bar,63px)}
  /* heading: no CMS line break on small screens, natural wrap, scales down at 320 */
  .sh-r63.sh-r82-rg .rg2-hero__title br{display:none}
  .sh-r63.sh-r82-rg .rg2-hero__title{font-size:clamp(32px,9.5vw,40px);line-height:1.08;max-width:none;overflow-wrap:break-word}
  /* lead person photo (560/400): the head sits in the top of the 1:1 source */
  .sh-r63.sh-r82-rg .rg2-person--lead .rg2-person__photo img{object-position:50% 15%}
  /* "Proud to be trusted": fits the width and stays inside the reviews section */
  .sh-r63.sh-r82-rg .rg2-reviews__script{font-size:min(56px,10.5vw);bottom:.3em;left:24px;right:24px;white-space:nowrap;overflow:hidden;text-overflow:clip}
}
@media (max-width:359px){
  .sh-r63.sh-r82-rg .rg2-hero__title{font-size:30px}
}

/* ROUND 83: the contact form anchor (#rg-contact, reached from the Contact page cards) lands with the section
   edge exactly under the bar. The global scroll padding is the 92px compact bar; the bar on these pages keeps
   its full height (--sh-r77-bar, measured by r77.js), so the difference is added here. */
.sh-r82-rg #rg-contact{scroll-margin-top:max(0px,calc(var(--sh-r77-bar,92px) - var(--sh-snap-pad,92px)))}
/* Desktop: the form card is centred in the band and stands 25px proud of the section's top edge, so the
   landing leaves room for it too. */
@media (min-width:1024px){
  .sh-r82-rg #rg-contact{scroll-margin-top:calc(max(0px,calc(var(--sh-r77-bar,92px) - var(--sh-snap-pad,92px))) + 32px)}
}
