.service-page__hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.metal-tile-page__hero{background:#e5ebea}.garage-roof-page .metal-tile-page__hero::before{background:linear-gradient(90deg,rgba(247,250,250,.97),rgba(247,250,250,.87) 51%,rgba(247,250,250,.28));filter:none}.garage-roof-page .service-page__hero .eyebrow,.garage-roof-page .service-page__hero h1,.garage-roof-page .service-page__hero .service-page__lead{color:#142330}.metal-tile-page__hero-context{max-width:700px;margin:20px 0 0;padding:12px 16px;background:rgba(255,255,255,.78);color:#203744;font-size:16px;line-height:1.65;backdrop-filter:blur(2px)}.metal-tile-page__heading{max-width:780px;margin-bottom:34px}.metal-tile-page__heading h2,.metal-tile-page__two-column h2,.metal-tile-page__diagram h2,.metal-tile-page__final h2{margin:0;color:#142330;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.metal-tile-page__scenarios,.metal-tile-page__factors,.metal-tile-page__diagram{padding:88px 0}.metal-tile-page__cards,.metal-tile-page__composition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metal-tile-page__cards article,.metal-tile-page__composition-grid article{padding:30px;border:1px solid #dbe4e7;background:#fff}.metal-tile-page__cards h3,.metal-tile-page__composition-grid h3{margin:0 0 14px;color:#142330;font-size:22px;line-height:1.2}.metal-tile-page__cards p,.metal-tile-page__composition-grid p,.metal-tile-page__factors li,.metal-tile-page__diagram p,.metal-tile-page__final p{color:#536772;font-size:16px;line-height:1.65}.metal-tile-page__cards p,.metal-tile-page__composition-grid p{margin:0}.metal-tile-page__composition{padding:88px 0;background:#173f67}.metal-tile-page__heading--light .eyebrow{color:#9fc8dc}.metal-tile-page__heading--light h2{color:#fff}.metal-tile-page__composition-grid article{border-color:rgba(255,255,255,.23);background:transparent}.metal-tile-page__composition-grid h3{color:#fff}.metal-tile-page__composition-grid p{color:#dce8ec}.metal-tile-page__composition-grid a,.metal-tile-page__diagram a{color:#1e597e;font-weight:700}.metal-tile-page__composition-grid a{color:#f2c26b}.metal-tile-page__factors{background:#eff5f6}.metal-tile-page__two-column,.metal-tile-page__diagram-grid,.metal-tile-page__final-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}.metal-tile-page__two-column ol{display:grid;gap:14px;margin:0;padding-left:24px}.metal-tile-page__diagram-grid{align-items:center}.metal-tile-page__diagram{background:#fff}.metal-tile-page__diagram figure{margin:0}.metal-tile-page__diagram img{display:block;width:100%;height:auto;border:1px solid #d5e0e3;background:#f6f9fa}.metal-tile-page__faq{padding-top:0}.metal-tile-page__final{padding:78px 0;background:#173f67}.metal-tile-page__final .eyebrow{color:#9fc8dc}.metal-tile-page__final h2{color:#fff}.metal-tile-page__final p{margin:0 0 24px;color:#dce8ec}@media(max-width:850px){.metal-tile-page__scenarios,.metal-tile-page__composition,.metal-tile-page__factors,.metal-tile-page__diagram{padding:64px 0}.metal-tile-page__cards,.metal-tile-page__composition-grid,.metal-tile-page__two-column,.metal-tile-page__diagram-grid,.metal-tile-page__final-grid{grid-template-columns:1fr}.metal-tile-page__two-column,.metal-tile-page__diagram-grid,.metal-tile-page__final-grid{gap:32px}}@media(max-width:560px){.metal-tile-page__hero-context{font-size:15px}.metal-tile-page__cards article,.metal-tile-page__composition-grid article{padding:24px}}