/* Shared display typography: photographs carry the energy; type supplies clarity. */
body.typography-v20{--display-font:'Segoe UI Variable Display','Segoe UI',Arial,sans-serif}
body.typography-v20 h1,body.typography-v20 h2,body.typography-v20 h3{font-family:var(--display-font);font-weight:600;font-style:normal;letter-spacing:-.035em;text-wrap:balance;color:#242b2b}
body.typography-v20 h1{font-size:clamp(42px,4.8vw,70px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
body.typography-v20 h2{font-weight:500;line-height:1.17;letter-spacing:-.035em}
body.typography-v20 h3{line-height:1.25;letter-spacing:-.025em}
body.typography-v20 h1 em,body.typography-v20 h2 em,body.typography-v20 h3 em,body.typography-v20 h1>span,body.typography-v20 .production-copy h2>span{background:none;box-shadow:none;text-decoration:none;font-style:normal;color:inherit}
body.typography-v20 h1>span:after,body.typography-v20 h1 em:after,body.typography-v20 h2 em:after{content:none;display:none}
body.typography-v20 .hero h1{font-size:clamp(54px,5.2vw,80px);font-weight:500;line-height:1.09;letter-spacing:-.048em;margin-bottom:28px}
body.typography-v20 .hero h1>span{font-weight:650}
body.typography-v20 .hero-copy{padding-top:62px}
body.typography-v20 .eyebrow{font-weight:500;letter-spacing:.13em;color:#727977}
body.typography-v20 .hero-copy .eyebrow>span{width:5px;height:5px;border-radius:50%;background:#a59b7e}
body.typography-v20 .intro{font-size:15px;line-height:1.8;max-width:430px;color:#59615f}
body.typography-v20 .production-copy h2{font-size:clamp(36px,3.8vw,56px);font-weight:500;line-height:1.16;letter-spacing:-.04em}
body.typography-v20 .featured-copy h2{font-weight:500;line-height:1.18}
body.typography-v20 .direction-copy h1,body.typography-v20 .contact-direction h1,body.typography-v20 .split-hero h1{max-width:16ch;margin-bottom:27px}
body.typography-v20 .direction-copy h1 em,body.typography-v20 .contact-direction h1 em,body.typography-v20 .split-hero h1 em{display:block}
body.typography-v20.page-catalog .catalog-direction h1{font-size:clamp(38px,3.7vw,56px);max-width:14ch}
body.typography-v20 .collection-heading h2,body.typography-v20 .portfolio-intro h2{font-size:clamp(27px,2.6vw,39px)}
body.typography-v20 .contact-photo-label{font-family:var(--display-font);font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.02em}
body.typography-v20 .wide-cta h2,body.typography-v20 .direction-end h2{max-width:19ch}
body.typography-v20 .tile-info h3{font-weight:600;letter-spacing:-.015em}
@media(max-width:760px){
 body.typography-v20 h1{font-size:clamp(36px,9.8vw,46px);line-height:1.14;letter-spacing:-.04em}
 body.typography-v20 .hero h1{font-size:clamp(43px,11.8vw,62px);line-height:1.12;letter-spacing:-.045em;margin-bottom:22px}
 body.typography-v20 .hero-copy{padding-top:30px}
 body.typography-v20 .intro{font-size:14px;line-height:1.75}
 body.typography-v20 .eyebrow{letter-spacing:.09em}
 body.typography-v20 .production-copy h2{font-size:36px;line-height:1.18}
 body.typography-v20.page-catalog .catalog-direction h1{font-size:36px}
 body.typography-v20 .collection-heading h2,body.typography-v20 .portfolio-intro h2{font-size:27px}
 body.typography-v20 .contact-photo-label{font-size:20px}
}