/* ROUND 169 — see inc/round169.php. Body class sh-r169 on the home page and About Sentinel Homes. */

/* ---- 1. About hero caption: under the photo on tablets, hidden on phones ---- */
@media (min-width:769px) and (max-width:1023px){
  .sh-r169.sh-page-about-sentinel-homes .sy-hero--split .kd__head .kd__eyebrow{display:none}
  .sh-r169.sh-page-about-sentinel-homes .sy-hero--split .sy-hero__caption{display:block;width:100%;margin:-20px 0 0} /* the column's 32px gap less 20px = the desktop 12px under the photo */
}
@media (max-width:768px){
  .sh-r169.sh-page-about-sentinel-homes .sy-hero--split .kd__head .kd__eyebrow{display:none}
  .sh-r169.sh-page-about-sentinel-homes .sy-hero--split .sy-hero__caption{display:none}
}

/* ---- 2. "Find an office near you" on one line: the size follows the panel's width (text ≈ 10.3 × font-size) ---- */
@media (min-width:1024px){
  .sh-r169.sh-r63-home .local__title{font-size:min(calc(48px * var(--fl, 1)),calc((50vw - 96px) / 10.4))} /* round 165's rule with a touch more room (10.3 → 10.4): at 1024px the line was 0.5px inside the panel */
}
@media (min-width:769px) and (max-width:1023px){
  .sh-r169.sh-r63-home .local__title{font-size:min(36px,calc((50vw - 96px) / 10.4))}
}
@media (max-width:768px){
  .sh-r169.sh-r63-home .local__title{font-size:min(36px,calc((100vw - 48px) / 10.4))}
}

/* ---- 3. Beautifully Built, iPad Pro: right edge on the header's Contact button ---- */
@media (min-width:1024px) and (max-width:1099px){
  .sh-r169.sh-r63-home .reviews__tagline{left:0;right:var(--global-padding,48px);text-align:right;white-space:nowrap} /* left:0 so the line has room; the box would otherwise be narrower than the text and let it run past the edge */
}

/* ---- 4. About hero: the section spacing (96px) between the caption and The Sentinel Way ---- */
@media (min-width:1024px){
  .sh-r169.sh-page-about-sentinel-homes .sy-hero--split .sy-hero__inner{padding-bottom:0}
}

/* ---- 5. About hero title: the Gallery title's word-by-word rise (home.js R37 / home.css .sh-words) ---- */
@media (prefers-reduced-motion: no-preference){
  .js .sh-r169.sh-r165.sh-page-about-sentinel-homes .sy-hero--split .sh-words .sh-w{transition:transform .95s var(--ease-lux) !important}
  .js .sh-r169.sh-r165.sh-page-about-sentinel-homes .sy-hero--split .sh-words.sh-words--hide .sh-w{transform:translateY(.5em) !important}
}