/* Explicit typography properties for consistent Chrome/Safari rendering */
.hero-content h1{font-family:var(--serif);font-size:clamp(44px,5.1vw,76px);font-weight:400;line-height:1.2}
.display-heading{font-family:var(--serif);font-size:clamp(36px,3.7vw,54px);font-weight:400;line-height:1.4}
.stat strong{font-family:var(--serif);font-size:clamp(23px,2.3vw,32px);font-weight:400;line-height:1.2}
.section-heading h2{font-family:var(--serif);font-size:clamp(36px,3.5vw,48px);font-weight:400;line-height:1.3}
.card-name{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.45}
.process-section h2{font-family:var(--serif);font-size:clamp(32px,3.5vw,46px);font-weight:400;line-height:1.4}
.design-text h3{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.55}
.manifesto blockquote{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.6}
.footer-about h2{font-family:var(--serif);font-size:19px;font-weight:400}
.modal-header h2{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.3}
@media(max-width:700px){.hero-content h1{font-size:clamp(39px,11vw,56px)}.display-heading{font-size:42px}.stat strong{font-size:26px}.section-heading h2{font-size:36px}.card-name{font-size:21px}.process-section h2{font-size:31px}.manifesto blockquote{font-size:22px}.modal-header h2{font-size:24px}}
@media(max-width:380px){.hero-content h1{font-size:36px}.section-heading h2{font-size:33px}}
@media(max-width:700px){.hero-image:first-child{background-position:10% center}.hero-image:nth-child(2){background-position:65% center}.hero-image:nth-child(3){background-position:80% center}.hero-image:nth-child(4){background-position:50% center}}