.roof-water-path{background:#07141b;color:#eaf4f7;padding:clamp(4.5rem,8vw,8rem) 0;position:relative;overflow:hidden}
.roof-water-path::before{background:radial-gradient(circle at 78% 18%,rgba(120,216,255,.14),transparent 34%),linear-gradient(115deg,rgba(228,189,117,.05),transparent 44%);content:"";inset:0;pointer-events:none;position:absolute}
.roof-water-path .wrap{position:relative;z-index:1}
.roof-water-path__intro{align-items:end;display:grid;gap:1.6rem;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);margin-bottom:clamp(2rem,4vw,3.5rem)}
.roof-water-path__eyebrow{color:#8bdcff;font-size:.74rem;font-weight:800;letter-spacing:.16em;margin:0 0 .8rem;text-transform:uppercase}
.roof-water-path h2{color:#fff;font-size:clamp(2rem,4.4vw,4.4rem);line-height:.98;margin:0;max-width:14ch}
.roof-water-path__lead{color:#bfd0d8;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.72;margin:0}
.roof-water-path__figure{background:#0a1b24;border:1px solid rgba(139,220,255,.2);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.28);margin:0;overflow:hidden}
.roof-water-path__figure img{aspect-ratio:80/49;display:block;height:auto;width:100%}
.roof-water-path__caption{border-top:1px solid rgba(139,220,255,.16);display:grid;gap:1.5rem;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);padding:clamp(1.4rem,3vw,2.4rem)}
.roof-water-path__caption strong{color:#fff;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.roof-water-path__caption span{color:#b8cad3;line-height:1.65}
.roof-water-path__steps{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:1.2rem 0 0;padding:0}
.roof-water-path__steps li{background:rgba(255,255,255,.035);border:1px solid rgba(139,220,255,.14);border-radius:18px;min-height:150px;padding:1.25rem}
.roof-water-path__steps b{align-items:center;border:1px solid rgba(139,220,255,.38);border-radius:999px;color:#8bdcff;display:flex;font-size:.76rem;height:2rem;justify-content:center;margin-bottom:1rem;width:2rem}
.roof-water-path__steps strong{color:#fff;display:block;font-size:.92rem;margin-bottom:.45rem}
.roof-water-path__steps span{color:#aebfc7;font-size:.86rem;line-height:1.55}
.roof-envelope-lab__head span,.roof-water-path__boundary{color:#e4bd75!important}
@media(max-width:900px){.roof-water-path__intro,.roof-water-path__caption{grid-template-columns:1fr}.roof-water-path__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.roof-water-path{padding:4rem 0}.roof-water-path__figure{border-radius:19px}.roof-water-path__steps{grid-template-columns:1fr}.roof-water-path__steps li{min-height:0}.roof-water-path__caption{padding:1.25rem}.roof-water-path h2{font-size:clamp(2rem,11vw,3rem)}}