/* Tyler service pages: loads after ty-main.css. Hero = copy + photo left, quote form right; body = alternating photo/text rows. */
.tyi-hero{background:var(--pine3)}
.tyi-hero::before{display:none}
.tyi-hero .ty-hero-grid{padding-top:26px}
.tyi-hero h1{font-size:clamp(1.8rem,6vw,2.9rem)}
.tyi-hero-fig{margin:4px 0 0;border-radius:var(--r);overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.tyi-hero-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.tyi-row{display:grid;gap:24px;align-items:center}
.tyi-fig{margin:0}
.tyi-fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
.tyi-copy .ty-h2{margin-bottom:18px;max-width:none}
.tyi-copy p{margin:0 0 1em;max-width:68ch}
.tyi-list{list-style:none;padding:0;margin:0 0 1.1em;display:grid;gap:10px;max-width:68ch}
.tyi-list li{position:relative;padding:12px 14px 12px 40px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}
.tyi-list li::before{content:"";position:absolute;left:16px;top:21px;width:10px;height:10px;border-radius:3px;background:var(--rose);transform:rotate(45deg)}
.tyi-list strong{color:var(--ink)}
.ty-sec--sand .tyi-list li{background:var(--cream)}
.tyi-sec{padding:44px 0}
.tyi-back{font-weight:600}
.ty-quote-copy p{max-width:62ch}
@media (min-width:700px){
 .tyi-list{gap:12px}
}
@media (min-width:960px){
 .tyi-hero .ty-hero-grid{padding-top:48px;padding-bottom:56px}
 .tyi-hero-fig{margin-top:6px}
 .tyi-sec{padding:72px 0}
 .tyi-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px}
 .tyi-row--flip .tyi-fig{order:-1}
 .tyi-row--flip{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}