:root{
 --type-display:clamp(52px,5.7vw,72px);
 --type-section:48px;
 --type-title:32px;
 --type-subheading:20px;
 --type-body:16px;
 --type-small:14px;
 --type-label:11px;
}
.hero h1{font-size:var(--type-display);line-height:1.04}
.hero-word-geist{font-family:Geist,Arial,sans-serif;font-style:normal;font-weight:400}
.hero-word-playfair,.hero-title-line-accent em{font-family:Playfair,Georgia,serif;font-style:italic;font-weight:400}
.hero .hero-summary{max-width:760px;font-size:var(--type-body);white-space:nowrap}
.services>#services-title{font-size:clamp(40px,3vw,var(--type-section))}
.contact h2,.faq h2{font-size:var(--type-section)}
.service-deck-ready .service-copy h3.service-direct-title,.enquiry-intro h2{font-size:var(--type-title)}
.service-deck-controls h3{font-size:var(--type-title)}
.service-tile-title,.service-benefits h4,.studio-fact h3{font-size:var(--type-subheading)}
.service-deck-ready .service-copy>p:not(.eyebrow):not(.story-price),.faq summary{font-size:var(--type-body)}
.service-tile-summary,.service-benefits p,.studio-fact p,.service-deck-controls{font-size:var(--type-small)}
.fact-kicker,.benefit-number,.service-tile-number,.eyebrow{font-size:var(--type-label)}
@media(max-width:700px){
 :root{--type-display:clamp(40px,10vw,56px);--type-section:34px;--type-title:28px}
 .hero .hero-summary{max-width:390px;font-size:var(--type-small);white-space:normal}
}