.pool-build{height:360svh;background:#211915;color:#f4e6d3;position:relative}
.pool-build-stage{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:minmax(0,53fr) minmax(0,47fr);overflow:hidden}
.pool-build-media{position:relative;min-width:0;overflow:hidden;background:#7b513c}
.pool-build-media img,.pool-build-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pool-build-media canvas{display:block}
.pool-build-media canvas[hidden]{display:none}
.pool-build-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1d151522,transparent 28%,transparent 76%,#1d151566);pointer-events:none}
.pool-build-media-label{position:absolute;z-index:1;top:34px;left:36px;font-size:12px;letter-spacing:.18em;background:#211915dd;padding:10px 13px}
.pool-build-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,6vw,100px);min-width:0}
.pool-build-kicker{font-size:12px;letter-spacing:.2em;color:#eac9aa;margin-bottom:34px}
.pool-build-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(54px,5.6vw,92px);line-height:1.04;letter-spacing:-.035em}
.pool-build-copy h2 i{font-family:Georgia,serif;font-weight:400;color:#e7b98c}
.pool-build-lead{font-size:16px;line-height:1.7;max-width:390px;margin-top:28px;color:#f3e6d6}
.pool-build-phases{display:flex;gap:18px;flex-wrap:wrap;margin-top:44px;border-top:1px solid #d9b99855;padding-top:19px}
.pool-build-phases span{font-size:12px;letter-spacing:.04em;color:#cbb7a3;opacity:.65;transition:opacity .2s,color .2s}
.pool-build-phases span.is-active{color:#fff1df;opacity:1}
.pool-build-progress{height:2px;width:100%;background:#a5846966;margin-top:18px;overflow:hidden}
.pool-build-progress span{display:block;width:100%;height:100%;background:#e7b98c;transform:scaleX(0);transform-origin:left center}
.pool-build-direction{font-size:13px;color:#d9c4ae;margin-top:13px}
.pool-build-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d9b99899;padding:12px 0;max-width:310px;font-size:14px;margin-top:34px}
.pool-build-link:hover{color:#fff;border-color:#fff}
.pool-build-disclaimer{font-size:12px;color:#cdb9a7;margin-top:28px;max-width:390px;line-height:1.6}
@media(max-width:750px){.pool-build{height:330svh}.pool-build-stage{display:block;min-height:0}.pool-build-media{position:absolute;inset:0}.pool-build-media:after{background:linear-gradient(180deg,#17100d99,transparent 33%,transparent 55%,#17100dee 100%)}.pool-build-media-label{top:25px;left:6vw}.pool-build-copy{position:absolute;inset:0;padding:0 6vw 98px;justify-content:flex-end;background:linear-gradient(180deg,transparent 32%,#1b131100 48%,#1b1311dd 100%)}.pool-build-kicker{margin-bottom:12px}.pool-build-copy h2{font-size:clamp(43px,11vw,68px)}.pool-build-lead{font-size:14px;line-height:1.5;margin-top:12px;max-width:350px}.pool-build-phases{margin-top:18px;padding-top:10px;gap:9px 16px}.pool-build-phases span{font-size:12px}.pool-build-progress{margin-top:10px}.pool-build-direction{font-size:12px;margin-top:8px}.pool-build-link{font-size:13px;margin-top:15px;padding:7px 0}.pool-build-disclaimer{font-size:12px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.pool-build{height:auto}.pool-build-stage{position:relative;min-height:760px}.pool-build-phases span{transition:none}}
