/* Keep the photography in front, with one quiet type scale across the family. */
:root{--copy-title:#d9ddd7;--copy-secondary:#a2aba4;--copy-accent:var(--lime,#d7ef58)}
.family-home .family-intro h1,
body[data-product=two] .product-hero h1,
body[data-product=three] .hero-copy h1{font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:400;line-height:1.06;letter-spacing:-.045em;color:var(--copy-title)}
.family-home .family-intro h1 span,
body[data-product=two] .product-hero h1 span,
body[data-product=three] .hero-copy h1 span{color:var(--copy-accent)}
body[data-product=two] .product-hero h1,
body[data-product=three] .hero-copy h1{margin:22px 0}
.family-home .home-section-heading h2,
body[data-product] .scene-heading h2,
body[data-product] .design-heading h2,
body[data-product] .moves-intro h2,
body[data-product=two] .stability-copy h2{font-size:clamp(1.65rem,2.5vw,2.65rem);font-weight:400;line-height:1.15;letter-spacing:-.035em;color:var(--copy-title)}
.family-home .product-heading h2{font-size:clamp(2rem,3vw,3rem);font-weight:400;color:var(--copy-title)}
.family-home .story-pair h3{font-size:clamp(1.25rem,1.85vw,1.8rem);font-weight:400;line-height:1.15;color:#e4e8e1}
.family-home .family-kicker,
body[data-product] :is(.scene-heading,.design-heading,.moves-intro,.product-hero-copy,.hero-copy)>.eyebrow,
body[data-product] :is(.scene-heading,.design-heading) .eyebrow{font-weight:400;letter-spacing:.09em;color:var(--copy-secondary)}
.family-home .family-intro .family-kicker{color:#c1c8c0}
.family-home .intro-aside p{color:#c1c8c0;font-size:1rem}
body[data-product=two] .intro h2{font-size:clamp(1.4rem,1.9vw,2rem);font-weight:400;color:var(--copy-title)}
body[data-product=two] .design-intro h2,
body[data-product=two] .control-heading h2,
body[data-product=three] .creative-heading h2,
body[data-product=two] .contact-visual h2,
body[data-product=three] .closing h2{font-size:clamp(2rem,3.2vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;color:var(--copy-title)}
body[data-product=two] :is(.design-intro h2 .accent,.contact-visual h2 span){color:var(--copy-accent)}
body[data-product=two] .scroll-copy h2,
body[data-product=two] .hero-outro h2{font-size:clamp(2.1rem,3.7vw,4rem);font-weight:400;line-height:1.08;color:var(--copy-title)}
body[data-product=two] .scroll-copy h2 span{color:var(--copy-title)}
body[data-product=two] :is(.scroll-copy h2 span+span,.hero-outro h2 span+span){color:var(--copy-accent)}
body[data-product=three] .chapter-copy h3{font-size:clamp(1.25rem,1.75vw,1.9rem);font-weight:400;line-height:1.2;color:var(--copy-title)}
body[data-product] .location-spread figcaption :is(strong,h2){font-size:clamp(1.35rem,2vw,2.1rem);font-weight:400;line-height:1.15;color:#e4e8e1}
body[data-product=two] .design-fact h3{font-size:1rem;font-weight:400;color:var(--copy-title)}
body[data-product=two] .design-focus h3,
body[data-product=two] .control-row>span,
body[data-product=three] .creative-copy dt{font-size:1rem;font-weight:400;color:var(--lime)}
body[data-product=two] :is(.product-hero-description,.hero-outro-description,.design-focus p,.design-fact p,.control-row p),
body[data-product=three] :is(.hero-description,.chapter-copy>p,.creative-copy dd){color:var(--copy-secondary)}
body[data-product=two] #hero-description{min-height:0}
.family-home .detail-frame h3{margin-top:0}
body[data-product=two] .design-fact h3{margin-bottom:0}
@media(max-width:760px){
 .family-home .family-intro h1,body[data-product=two] .product-hero h1,body[data-product=three] .hero-copy h1{font-size:clamp(2.3rem,9vw,3.4rem)}
 .family-home .home-section-heading h2,body[data-product] .scene-heading h2,body[data-product] .design-heading h2,body[data-product] .moves-intro h2,body[data-product=two] .stability-copy h2{font-size:1.65rem}
 .family-home .product-heading h2{font-size:2.1rem}.family-home .story-pair h3{font-size:1.35rem}
 body[data-product=two] .intro h2{font-size:1.4rem}
 body[data-product=two] .design-intro h2,body[data-product=two] .control-heading h2,body[data-product=three] .creative-heading h2,body[data-product=two] .contact-visual h2,body[data-product=three] .closing h2{font-size:1.85rem}
 body[data-product=two] .scroll-copy h2,body[data-product=two] .hero-outro h2{font-size:clamp(2rem,7.7vw,3rem)}
 body[data-product=three] .chapter-copy h3{font-size:1.25rem}
 body[data-product] .location-spread figcaption :is(strong,h2){font-size:1.35rem}
}