.facade-page .roof-hero{background:linear-gradient(125deg,#d9e6e8 0%,#eaf1ed 54%,#f7faf4 100%)}
.facade-page .roof-hero :is(h1,.service-heading){font-size:clamp(36px,3.5vw,54px);line-height:1.1}
.facade-hero-visual{aspect-ratio:16/9}
.facade-hero-visual img{object-position:center}
.facade-prevention{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}
.facade-prevention p{font-size:17px;line-height:1.7;color:#52675a;margin:0}
.facade-prevention strong{color:#244b36}
.facade-ite{padding:36px;border:1px solid #cbdccb;border-radius:12px;background:linear-gradient(125deg,#dce8d6,#f0f6e8)}
.facade-audiences{align-items:center}
.facade-page .roof-benefits{grid-template-columns:minmax(0,1fr)}
.facade-method-content{max-width:none}
.facade-method-content .detail-grid{margin-bottom:0}
.facade-method-content .detail-card{min-width:0}
.facade-method-content .detail-card .text-link{min-height:0}
@media(max-width:1000px){
  .facade-hero-visual{aspect-ratio:16/9}
  .facade-prevention{grid-template-columns:minmax(0,1fr);gap:26px}
}
@media(max-width:700px){
  .facade-page .roof-hero :is(h1,.service-heading){font-size:clamp(32px,8vw,44px)}
  .facade-hero-visual{aspect-ratio:16/9}
  .facade-prevention p{font-size:16px}
  .facade-ite{padding:26px 22px}
  .facade-method-content .detail-grid{grid-template-columns:minmax(0,1fr)}
}