.buy-houses{background:#0a0a0b;color:#fff}
.buy-intro{background:#f8f7f4;color:#14233f}
.buy-heading{padding-block:76px;display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.buy-heading h2{font-size:clamp(44px,4.8vw,72px);line-height:1.04;max-width:520px;margin:0;letter-spacing:-.05em;text-wrap:balance}
.buy-support{font-size:21px;font-weight:500;line-height:1.4;margin:28px 0 8px}
.buy-heading .lead{color:#4e5663;font-size:19px;line-height:1.55;max-width:400px;margin:0}
.buy-intro-cta{margin-top:28px;gap:28px;background:#14233f;color:#fff;min-height:50px}
.buy-intro-cta span{font-size:22px;line-height:1}
.buy-intro a:focus-visible{outline-color:#14233f;outline-offset:5px}
.buy-preview{min-width:0}
.buy-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.buy-story{position:relative}
.buy-stage{position:relative;background:#0a0a0b;isolation:isolate}
.buy-film{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0a0b}
.buy-film video{width:100%;height:100%;display:block;object-fit:cover}
.buy-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 50%,#0a0a0b1f 62%,#0a0a0b99 82%,#0a0a0bc7 100%)}
.buy-panel{position:relative;padding-block:36px 44px}
.buy-benefit-heading{color:#bdd8f0;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}
.buy-beat p{margin:0;color:#fff}
.buy-statement{display:block;font-size:clamp(25px,2.6vw,38px);line-height:1.15;letter-spacing:-.035em;max-width:800px;text-wrap:pretty;margin-bottom:20px}
.buy-detail{display:block;max-width:670px;font-size:17px;line-height:1.6;color:#e1e4e9}
.buy-beat+.buy-beat{margin-top:40px}
.buy-actions{display:flex;align-items:center;gap:36px;margin-top:28px}
.buy-actions .button{gap:26px;background:#fff;color:#14233f;min-height:50px}
.buy-actions .button span{font-size:22px;line-height:1}
.buy-chapters{display:none;gap:8px}
.buy-chapters button{width:54px;height:44px;padding:18px 0;border:0;background:transparent}
.buy-chapters button span{display:block;height:2px;background:#ffffff50;transition:background .25s}
.buy-chapters button[aria-pressed=true] span{background:#bdd8f0}
.buy-houses a:focus-visible,.buy-houses button:focus-visible{outline-color:#bdd8f0}
.buy-toggle{position:absolute;top:24px;right:24px;background:#0a0a0bcc;color:#fff;border:1px solid #fff8;border-radius:30px;min-height:44px;padding:10px 18px;font-size:13px;z-index:4}
.buy-toggle[hidden]{display:none}
.buy-houses.is-scroll-driven .buy-story{height:calc(240svh + var(--scroll-end-hold,0px))}
.buy-houses.is-scroll-driven .buy-stage{position:sticky;top:84px;height:calc(100svh - 84px);min-height:600px;display:flex;align-items:flex-end}
.buy-houses.is-scroll-driven .buy-film{position:absolute;inset:0;aspect-ratio:auto}
.buy-houses.is-scroll-driven .buy-panel{padding-block:50px 44px}
.buy-houses.is-scroll-driven .buy-copy{display:grid;max-width:800px;isolation:isolate;will-change:opacity}
.buy-houses.is-scroll-driven .buy-beat{grid-area:1/1;margin:0;visibility:hidden;opacity:0;transform:none;transition:none}
.buy-houses.is-scroll-driven .buy-beat.is-active{visibility:visible;opacity:1;transform:none}
.buy-houses.is-scroll-driven .buy-chapters{display:flex}
@media(min-width:1100px){.buy-houses.is-scroll-driven .buy-actions{position:absolute;bottom:44px;right:0;flex-direction:column;align-items:flex-end;gap:20px}.buy-houses.is-scroll-driven .buy-copy{max-width:calc(100% - 280px)}}
@media(max-width:1000px){.buy-heading{gap:36px}.buy-heading .lead{font-size:19px}.buy-statement{font-size:30px}}
@media(max-width:700px){
 .buy-heading{display:block;padding-block:44px 40px}
 .buy-heading h2{font-size:clamp(26px,7.5vw,40px);max-width:none;margin:0;text-wrap:wrap}
 .buy-support{font-size:20px;margin-top:24px}
 .buy-heading .lead{font-size:17px;max-width:350px;margin:0}
 .buy-intro-cta{margin-top:24px;font-size:14px;min-height:44px;padding:10px 16px;gap:14px}
 .buy-intro-cta span{font-size:18px}
 .buy-preview{display:none}
 .buy-film{aspect-ratio:16/9}
 .buy-shade{background:linear-gradient(180deg,transparent 80%,#0a0a0b33 90%,#0a0a0b)}
 .buy-panel{padding-block:22px 30px}
 .buy-benefit-heading{font-size:20px;margin-bottom:16px}
 .buy-statement{font-size:clamp(23px,6.5vw,30px);line-height:1.15;margin-bottom:16px}
 .buy-detail{font-size:15px;line-height:1.55;color:#d5d8dd}
 .buy-actions{margin-top:24px;gap:20px;justify-content:space-between;flex-wrap:wrap}
 .buy-actions .button{font-size:14px;min-height:46px;padding:11px 18px;gap:20px}
 .buy-chapters{gap:6px}.buy-chapters button{width:28px}
 .buy-toggle{top:12px;right:12px}
 .buy-houses.is-scroll-driven .buy-story{height:calc(240svh + var(--scroll-end-hold,0px))}
 .buy-houses.is-scroll-driven .buy-stage{top:72px;height:calc(100svh - 72px);min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
 .buy-houses.is-scroll-driven .buy-film{position:relative;inset:auto;aspect-ratio:auto;height:38svh;flex-shrink:0}
 .buy-houses.is-scroll-driven .buy-film video{object-fit:cover}
 .buy-houses.is-scroll-driven .buy-panel{padding-block:14px 24px;display:flex;flex-direction:column;justify-content:flex-start;flex:1}
 .buy-houses.is-scroll-driven .buy-copy{max-width:none}
}
@media(max-width:360px){.buy-statement{font-size:22px}.buy-detail{font-size:14px}.buy-actions{margin-top:18px}.buy-actions .button{font-size:13px;padding-inline:14px}.buy-chapters button{width:22px}}
@media(prefers-reduced-motion:reduce){.buy-beat{transition:none!important;transform:none!important}}

.buy-emphasis{color:#bdd8f0}