/* ROUND 165 — see inc/round165.php. Body class sh-r165 on the home page, region pages and About Sentinel Homes. */

/* ---- 1. "Find an office near you" on one line where the panel allows ---- */
@media (min-width:1024px){
  .sh-r165.sh-r63-home .local__title{font-size:min(calc(48px * var(--fl, 1)),calc((50vw - 96px) / 10.3))}
}
@media (min-width:769px) and (max-width:1023px){
  .sh-r165.sh-r63-home .local__title{font-size:36px}
}
@media (max-width:768px){
  .sh-r165.sh-r63-home .local__title{font-size:clamp(32px,calc((100vw - 48px) / 10.3),36px)}
}

/* ---- 2. Hero buttons above the photo from the first frame (phones + tablets) ---- */
@media (max-width:1023px){
  .sh-r165.sh-r63-home .hero__copy{position:relative;top:auto;left:auto;z-index:2} /* top/left: the desktop absolute offsets must not apply once it is relative */
}

/* ---- 3. Ideas: "pin" clear of the collage on phones ---- */
@media (max-width:440px){
  .sh-r165.sh-r63-home .ideas__col--style .ideas__text p{max-width:108px}
}

/* ---- 4. Beautifully Built: in the flow, above the cards, no fade ---- */
@media (max-width:768px){
  .sh-r165.sh-r63-home .reviews__tagline{position:relative;top:auto;--sh-rev-tagop:1}
}
@media (min-width:769px) and (max-width:1023px){
  .sh-r165.sh-r63-home .reviews__tagline{position:relative;bottom:auto;left:auto;right:auto;z-index:3;margin:0;padding:48px 24px 0;text-align:left;white-space:normal;font-size:64px;line-height:.95}
  .sh-r165.sh-r63-home .reviews__inner{padding-top:24px}
}

/* ---- 5. Region pages: the script line whole, on the section's bottom edge ---- */
@media (min-width:1024px){
  .sh-r165.sh-r63 .rg2-reviews__script{bottom:0}
}

/* ---- 6. About hero: caption under the photo (1024+), heading line height, one-block entry ---- */
.sh-r165.sh-page-about-sentinel-homes .sy-hero--split .kd__title{line-height:1.08}
.sh-r165.sh-page-about-sentinel-homes .sy-hero--split .sh-words .sh-w,
.sh-r165.sh-page-about-sentinel-homes .sy-hero--split .sh-words.sh-words--hide .sh-w{transform:none !important;transition:none !important}
.sh-r165.sh-page-about-sentinel-homes .sy-hero__caption{display:none;margin:0}
@media (min-width:1024px){
  .sh-r165.sh-page-about-sentinel-homes .sy-hero--split .kd__head .kd__eyebrow{display:none}
  .sh-r165.sh-page-about-sentinel-homes .sy-hero--split .sy-hero__caption{display:block;grid-column:2;margin:12px 0 0}
}