/* ROUND 174 — see inc/round174.php. Body class sh-r174 on every page. */

/* ---- 1. Hero titles: the Gallery entry (hidden, then a 1s fade + 10px rise with the word cascade inside) ---- */
@media (prefers-reduced-motion: no-preference){
  .js .sh-r174 :is(.ed__h,.da__h,.proc__title){opacity:0;transform:translateY(10px);transition:opacity 1s var(--ease-lux),transform 1.1s var(--ease-lux)}
  html:not(.sh-r63-ready) body.sh-r174 :is(.ed__h,.da__h,.proc__title){opacity:0;transform:translateY(10px)} /* beats r63's .ed__h.is-in and the .reveal.is-visible rules until the entry starts */
  html.sh-r63-ready body.sh-r174 :is(.ed__h,.da__h,.proc__title){opacity:1;transform:none}
}

/* ---- 2. Beautifully Built, phones and 768px tablets: one line on the header's gutters, 32px to the cards ---- */
@media (max-width:768px){
  .sh-r174.sh-r165.sh-r63-home .reviews__tagline{height:auto;margin-bottom:8px;padding:0 24px;text-indent:0;text-align:left;white-space:nowrap;font-size:min(64px,calc((100vw - 48px) / 6.9));line-height:.95} /* text ≈ 6.85 × font-size; margin-bottom 8 + the cards' 24px padding = 32 */
}

/* ---- 3. Beautifully Built, iPad Pro: two lines, right edge on the Contact button, over the photo column ---- */
@media (min-width:1024px) and (max-width:1099px){
  .sh-r174.sh-r169.sh-r63-home .reviews__tagline{left:50%;right:var(--global-padding,48px);text-align:right;white-space:normal;font-size:92px;line-height:.9}
}

/* ---- 4. Find an office near you, iPad Pro: sized to the panel. Rounds 165/169 wrote this rule at (0,3,0) but
        r66.css pins 48px at (0,4,0) from 1024px up, so the iPad kept wrapping; this one outranks it. ---- */
@media (min-width:1024px) and (max-width:1099px){
  .sh-r174.sh-r66.sh-r63.sh-r63-home .local__title{font-size:calc((50vw - 96px) / 10.4)} /* 40px at 1024, one line (text ≈ 10.3 × size, panel 50vw − 96px) */
}