/* Direction A: real completed roof; this introduction alone is redesigned. */
.tiili-page.tile-hero-a-page{padding-top:58px}
.tile-service-hero{position:relative;isolation:isolate;min-height:520px;display:flex;align-items:center;background:#3D4936;color:#F9F7EF;overflow:hidden;font-family:Poppins,Arial,sans-serif}
.tile-service-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1D261DEF 0%,#1D261DBC 36%,#1D261D54 67%,#1D261D14 100%),linear-gradient(0deg,#1D261D70,transparent 30%)}
.tile-service-hero .tile-service-hero__photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 53%;filter:none}
.tile-service-hero__inner{width:min(1240px,88vw);margin:0 auto;padding:58px 0 66px;position:relative}
.tile-service-hero .tile-service-hero__kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:400;letter-spacing:.09em;line-height:1.6;color:#E4C798;margin:0 0 20px;text-transform:uppercase}
.tile-service-hero__kicker::before{content:'';width:24px;height:1px;background:#C6A16A}
.tile-service-hero h1{font:400 clamp(36px,4.1vw,54px)/1.12 Poppins,Arial,sans-serif;letter-spacing:-.045em;max-width:670px;color:#F9F7EF;margin:0 0 22px;text-shadow:none;text-wrap:balance}
.tile-service-hero h1{font-family:Poppins,Arial,sans-serif!important;font-weight:400!important}
.tile-service-hero .tile-service-hero__lead{max-width:550px;font-size:14px;font-weight:400;line-height:1.85;margin:0 0 30px;color:#F1F1E8}
.tile-service-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.tile-service-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;padding:13px 21px;border:1px solid #BDC4A8;border-radius:2px;background:#4C5943;color:#F9F7EF;text-decoration:none;font:400 12px/1.6 Poppins,Arial,sans-serif;transition:background-color .2s,border-color .2s}
.tile-service-hero__button--outline{background:#1D261D30;border-color:#F9F7EF80}
.tile-service-hero__button:hover{background:#3D4936;border-color:#E4C798}
.tile-service-hero__button--outline:hover{background:#F9F7EF;color:#30382A}
.tile-service-hero__button:focus-visible{outline:2px solid #F9F7EF;outline-offset:5px}
.tile-service-hero .tile-service-hero__caption{position:absolute;bottom:19px;right:6vw;color:#F9F7EF;font-size:10px;font-weight:400;line-height:1.6;margin:0}
.tile-hero-a-page>.section-hero>.container>.hero{display:block}
.tile-hero-a-page>.section-hero .hero>.side-card{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.tile-hero-a-page>.section-hero .hero>.side-card>h3,.tile-hero-a-page>.section-hero .hero>.side-card>.side-compact-intro,.tile-hero-a-page>.section-hero .hero>.side-card>.side-stats{grid-column:1/-1}
@media(max-width:780px){.tiili-page.tile-hero-a-page{padding-top:76px}.tile-service-hero{min-height:500px}.tile-service-hero__inner{width:calc(100% - 44px);padding:46px 0 76px}.tile-service-hero h1{font-size:clamp(33px,6vw,44px);max-width:580px}.tile-service-hero .tile-service-hero__lead{font-size:13px;max-width:470px}.tile-service-hero::after{background:linear-gradient(90deg,#1D261DDE,#1D261D80 75%,#1D261D60)}.tile-service-hero .tile-service-hero__caption{right:22px;left:22px;font-size:9px}.tile-hero-a-page>.section-hero .hero>.side-card{grid-template-columns:1fr}}
@media(max-width:420px){.tile-service-hero__actions{gap:10px}.tile-service-hero__button{font-size:11px;padding:12px 14px;gap:16px}.tile-service-hero .tile-service-hero__photo{object-position:62% 50%}}
@media(prefers-reduced-motion:reduce){.tile-service-hero__button{transition:none}}