/* Residential */
.balcony-hero{min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;padding-top:82px;color:#111;background:var(--acid)}.balcony-hero>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.balcony-hero>div>p:first-child,.balcony-system>div>p:first-child,.water-hero>div>p:first-child,.water-tank>div>p:first-child,.asphalt-hero>div>p:first-child,.asphalt-trial>div>p:first-child{font:600 9px var(--sans);letter-spacing:.17em}.balcony-hero h1{margin:38px 0;font-size:clamp(58px,6.5vw,98px);line-height:.94;letter-spacing:-.075em}.balcony-hero h1 span{display:block;white-space:nowrap}.balcony-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.6px #111}.balcony-hero>div>p:nth-of-type(2){max-width:470px;font-size:14px;line-height:2}.balcony-hero>div>strong{margin-top:30px;font:700 52px var(--sans)}.balcony-hero>div>strong small{font-size:.3em}.balcony-hero figure{position:relative;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.balcony-hero figure img{height:100%;object-fit:cover}.balcony-hero figcaption,.balcony-system figcaption,.water-hero figcaption,.water-tank figcaption,.asphalt-hero figcaption,.asphalt-trial figcaption{position:absolute;right:15px;bottom:15px;padding:10px;color:#111;background:var(--acid);font:700 8px var(--sans)}.balcony-time{display:grid;grid-template-columns:.8fr 1.2fr;padding:115px max(32px,calc((100vw - 1320px)/2))}.balcony-time>div:first-child p{font:600 9px var(--sans);letter-spacing:.15em}.balcony-time h2{font-size:clamp(52px,5.5vw,82px);line-height:1.03;letter-spacing:-.07em}.time-compare{display:flex;align-items:center}.time-compare article{flex:1;min-height:260px;padding:25px;border:1px solid var(--ink)}.time-compare article span{font:600 9px var(--sans);letter-spacing:.15em}.time-compare article strong{display:block;margin-top:75px;font:700 55px var(--sans)}.time-compare article small{display:block;font-size:.2em}.time-compare article p{font-size:11px}.time-compare article.active{background:var(--acid)}.time-compare i{padding:12px;font-style:normal}.residential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.residential-grid article{padding-bottom:25px;border-bottom:1px solid var(--ink)}.residential-grid figure{height:360px;overflow:hidden}.residential-grid img{height:100%;object-fit:cover}.residential-grid article>span{display:block;margin-top:18px;font:600 9px var(--sans);color:#777}.residential-grid h3{font-size:22px}.residential-grid p{font-size:11px;color:#686d69}.balcony-system{display:grid;grid-template-columns:1.1fr .9fr;min-height:800px;color:#fff;background:#111}.balcony-system figure{position:relative;overflow:hidden}.balcony-system figure img{height:100%;object-fit:cover}.balcony-system>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.balcony-system h2{font-size:clamp(55px,5.8vw,84px);line-height:1.02;letter-spacing:-.07em}.balcony-system>div>p:nth-of-type(2){font-size:13px;line-height:2;color:#afb3b0}.balcony-system dl{border-top:1px solid #4b4e4c}.balcony-system dl div{display:grid;grid-template-columns:100px 1fr;padding:13px 0;border-bottom:1px solid #4b4e4c}.balcony-system dt{font:600 9px var(--sans);color:var(--acid)}.balcony-system dd{margin:0;font-size:11px}

/* Permanent water */
.water-hero{position:relative;min-height:100svh;padding-top:82px;color:#fff;background:#0b0c0c;overflow:hidden}.water-hero>figure{position:absolute;inset:82px 0 0 0}.water-hero>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,12,.92) 0,rgba(5,10,12,.72) 42%,rgba(5,10,12,.12) 75%)}.water-hero figure img{height:100%;object-fit:cover}.water-hero>div{position:relative;z-index:2;padding:19vh 6vw 0;width:62%}.water-hero>div>p:first-child{color:var(--acid)}.water-hero h1{margin:38px 0;font-size:clamp(65px,7.5vw,112px);line-height:.94;letter-spacing:-.075em}.water-hero h1 em{font-style:normal;color:var(--acid)}.water-hero>div>p:nth-of-type(2){max-width:480px;color:#c1c5c3;font-size:14px;line-height:2}.water-hero>div>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.water-hero>div>div span{padding:8px 10px;border:1px solid #787e7a;font:600 8px var(--sans)}.water-principle{display:grid;grid-template-columns:.4fr 1.6fr}.water-principle>div:last-child{display:grid;grid-template-columns:1.15fr .85fr;gap:65px}.water-principle h2{grid-column:1/-1;margin:0;font-size:clamp(58px,6.5vw,96px);line-height:1;letter-spacing:-.07em}.water-principle>div>p{margin:0;color:#afb3b0;font-size:14px;line-height:2}.water-metrics{border-top:1px solid #4b4e4c}.water-metrics article{display:flex;justify-content:space-between;align-items:end;padding:14px 0;border-bottom:1px solid #4b4e4c}.water-metrics strong{font:700 34px var(--sans);color:var(--acid)}.water-metrics span{padding-bottom:5px;font-size:10px}.water-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.water-use-grid article{position:relative;height:590px;overflow:hidden}.water-use-grid img{height:100%;object-fit:cover}.water-use-grid article::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,10,12,.9))}.water-use-grid article>div{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:#fff}.water-use-grid span{font:600 8px var(--sans);letter-spacing:.14em;color:var(--acid)}.water-use-grid h3{font-size:25px}.water-use-grid p{font-size:11px;color:#c2c6c3}.water-tank{display:grid;grid-template-columns:.9fr 1.1fr;min-height:800px;background:var(--acid)}.water-tank>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.water-tank h2{font-size:clamp(52px,5.5vw,82px);line-height:1.02;letter-spacing:-.07em}.water-tank>div>p:nth-of-type(2){font-size:13px;line-height:2}.water-tank dl{border-top:1px solid rgba(17,19,19,.4)}.water-tank dl div{display:grid;grid-template-columns:100px 1fr;padding:13px 0;border-bottom:1px solid rgba(17,19,19,.4)}.water-tank dt{font:600 9px var(--sans)}.water-tank dd{margin:0;font-size:11px}.water-tank figure{position:relative;overflow:hidden}.water-tank figure img{height:100%;object-fit:cover}.water-ref-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:10px}.water-ref-grid figure{height:430px;overflow:hidden}.water-ref-grid img{height:100%;object-fit:cover}.water-reference .sp-note{margin-top:15px}

/* Asphalt overlay */
.asphalt-hero{min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;padding-top:82px;background:var(--acid)}.asphalt-hero>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.asphalt-hero h1{margin:38px 0;font-size:clamp(60px,6.8vw,102px);line-height:.94;letter-spacing:-.075em}.asphalt-hero h1 span{display:block;white-space:nowrap}.asphalt-hero>div>p:nth-of-type(2){max-width:480px;font-size:14px;line-height:2}.asphalt-hero a{align-self:flex-start;margin-top:25px;padding:14px 17px;color:#fff;background:#111;font-size:11px;font-weight:800}.asphalt-hero figure{position:relative;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.asphalt-hero figure img{height:100%;object-fit:cover}.asphalt-cost{display:grid;grid-template-columns:.75fr 1.25fr;padding:115px max(32px,calc((100vw - 1320px)/2));color:#fff;background:#111}.asphalt-cost>div:first-child p{font:600 9px var(--sans);letter-spacing:.15em;color:var(--acid)}.asphalt-cost h2{font-size:clamp(50px,5.5vw,82px);line-height:1.03;letter-spacing:-.07em}.cost-flow{grid-column:2;display:flex;align-items:center;margin-top:12px;border:1px solid #4b4e4c}.cost-flow span{align-self:stretch;width:130px;display:grid;place-items:center;background:#242725;font:600 8px var(--sans);letter-spacing:.12em}.cost-flow b,.cost-flow strong{flex:1;padding:22px;text-align:center;font-size:13px}.cost-flow i{font-style:normal;color:#777}.cost-flow.new{border-color:var(--acid)}.cost-flow.new span,.cost-flow.new strong{color:#111;background:var(--acid)}.asphalt-trial{display:grid;grid-template-columns:1.15fr .85fr;min-height:820px}.asphalt-trial figure{position:relative;overflow:hidden}.asphalt-trial figure img{height:100%;object-fit:cover}.asphalt-trial>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.asphalt-trial h2{font-size:clamp(58px,6vw,88px);line-height:1;letter-spacing:-.07em}.asphalt-trial>div>p:nth-of-type(2){font-size:13px;line-height:2}.asphalt-trial dl{border-top:1px solid var(--ink)}.asphalt-trial dl div{display:grid;grid-template-columns:90px 1fr;padding:13px 0;border-bottom:1px solid var(--line)}.asphalt-trial dt{font:600 9px var(--sans)}.asphalt-trial dd{margin:0;font-size:11px}.asphalt-trial a{align-self:flex-start;margin-top:20px;padding-bottom:7px;border-bottom:1px solid;font-size:11px;font-weight:800}.asphalt-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.asphalt-ref-grid figure{height:330px;overflow:hidden}.asphalt-ref-grid img{height:100%;object-fit:cover}.asphalt-reference .sp-note{margin-top:15px}

@media(max-width:960px){.balcony-hero,.asphalt-hero{padding-top:70px}.balcony-time,.water-principle,.asphalt-cost{grid-template-columns:1fr}.time-compare,.water-principle>div:last-child{margin-top:35px}.balcony-system,.water-tank,.asphalt-trial{grid-template-columns:1fr}.balcony-system figure,.water-tank figure,.asphalt-trial figure{min-height:65vw}.water-hero{padding-top:70px}.water-hero>figure{inset:70px 0 0}.water-hero>div{width:80%}.cost-flow{grid-column:1}.asphalt-cost>div:first-child{margin-bottom:35px}}
@media(max-width:640px){.balcony-hero,.asphalt-hero{display:block;min-height:0}.balcony-hero>div,.asphalt-hero>div{min-height:650px;padding:120px 20px 80px}.balcony-hero h1,.asphalt-hero h1{font-size:49px}.balcony-hero figure,.asphalt-hero figure{height:80vw;clip-path:none}.balcony-time,.asphalt-cost{padding:80px 20px}.balcony-time h2,.asphalt-cost h2{font-size:48px}.time-compare{display:block}.time-compare i{display:block;text-align:center}.residential-grid,.water-use-grid{display:block}.residential-grid article{margin-top:30px}.residential-grid figure{height:70vw}.balcony-system figure,.water-tank figure,.asphalt-trial figure{min-height:80vw}.balcony-system>div,.water-tank>div,.asphalt-trial>div{padding:70px 20px}.water-hero{min-height:780px}.water-hero>div{width:100%;padding:150px 20px 0}.water-hero h1{font-size:56px}.water-principle h2{font-size:50px}.water-principle>div:last-child{display:block}.water-principle>div>p,.water-metrics{margin-top:30px}.water-use-grid article{height:115vw;margin-top:10px}.water-ref-grid{display:block}.water-ref-grid figure{height:70vw;margin-top:10px}.cost-flow{overflow-x:auto}.cost-flow span{min-width:100px}.cost-flow b,.cost-flow strong{min-width:90px;padding:18px 10px}.asphalt-ref-grid{grid-template-columns:1fr 1fr}.asphalt-ref-grid figure{height:55vw}}