/* ROUND 161 — Our Process on tablets, About / Our Promise photo edge. See inc/round161.php. */

/* ---- 1. Our Process, 769 to 1023: the band scales with the width (0.6 at 769 to 0.78 at 1023, where the desktop
         ramp in r64.css continues from 0.78). Numerals, titles, picture band, hover circle and the numeral's
         overlap all follow; body copy, labels and links keep their sizes. ---- */
@media (min-width:769px) and (max-width:1023px){
  .sh-r161.sh-r63-home{--sh-r161-fl:clamp(.6, tan(atan2(100vw, 1312px)), .78)}
  .sh-r161.sh-r63-home .step__media{height:calc(340px * var(--sh-r161-fl))}
  .sh-r161.sh-r63-home .step__body{gap:24px;padding-right:16px}
  .sh-r161.sh-r63-home .step__num{font-size:calc(200px * var(--sh-r161-fl));line-height:calc(140px * var(--sh-r161-fl));margin-top:calc(-45px * var(--sh-r161-fl))}
  .sh-r161.sh-r63-home .step__num::before{width:calc(279px * var(--sh-r161-fl));height:calc(279px * var(--sh-r161-fl))}
  .sh-r161.sh-r63-home .step__text{padding-top:calc(30px * var(--sh-r161-fl))}
  .sh-r161.sh-r63-home .step__title{font-size:calc(36px * var(--sh-r161-fl))}
}

/* ---- 3. About Sentinel Homes / Our Promise, 1024 and up: the photo stops at the content edge ---- */
@media (min-width:1024px){
  .sh-r161.sh-r153.sh-r63 .sy-hero--split .sy-hero__inner{padding-right:var(--global-padding)}
}