/* Shared type scale. Hero lettering, logo and supplied contact artwork are display assets. */
:root{--text-meta:12px;--text-small:14px;--text-body:16px;--text-card:18px;--text-section:32px;--text-display:56px;--text-nav:14px}
body{font-size:var(--text-body);line-height:1.65}
p,.about-copy p,.timeline p,.experience-timeline p,.featured-heading p,.work-intro p,.case-card p,.sharing-link p,.case-lead,.case-details dd{font-size:var(--text-body);line-height:1.75;letter-spacing:0}
.about h1,.experience h2,.work h2,html[lang=en] .about h1,html[lang=en] .experience h2,html[lang=en] .work h2,#case-title{font-size:var(--text-section);line-height:1.25;letter-spacing:.02em}
h3,.timeline h3,.company,.experience-company,.case-card h3,.sharing-link h3{font-size:var(--text-card);line-height:1.45;letter-spacing:0}
.site-header nav>a:not(.brand){font-size:var(--text-nav);line-height:1.4;white-space:nowrap}
.language,.pill,.dialog-bottom,.dialog-bar h2,.case-link,.case-details dt,.experience h2 small,html[lang=en] .experience h2 small,.timeline time,.experience-date,.character-reaction{font-size:var(--text-small);line-height:1.5;letter-spacing:0}
.featured-heading>span,.case-kicker,.case-card-top,.sharing-label,.flow-caption,.current-badge,.case-flow{font-size:var(--text-meta);line-height:1.5;letter-spacing:.02em}
.character-note .handwritten,.contact-avatar .character-note p{font-size:var(--text-small);line-height:1.6;letter-spacing:0}
.footer-preferences .design-quotes blockquote p{font-size:var(--text-body);line-height:1.6}
.footer-preferences .design-quotes cite,footer,.footer-actions{font-size:var(--text-small);line-height:1.5}
.contact-email{font-size:var(--text-card);line-height:1.5;overflow-wrap:anywhere}
html[lang=en] .contact h2{font-size:var(--text-display);line-height:1.15}
@media(max-width:760px){
 :root{--text-section:28px;--text-display:44px;--text-nav:12px}
 .site-header nav>a:not(.brand){padding-inline:0}
 .site-header nav{grid-template-columns:1fr 1fr 1.45fr 1fr 1fr}
 .case-card{padding:18px}
 .case-link{position:static;transform:none;margin-top:14px;font-size:var(--text-small)}
 .case-link>span{font-size:var(--text-card)}
 .case-card p{margin-bottom:0}
 .footer-preferences .design-quotes{min-width:0}
 .footer-actions{flex-wrap:wrap}
}
@media(max-width:380px){.site-header{width:calc(100% - 20px)}.site-header .brand strong{font-size:18px}.site-header .brand span{font-size:14px}}