@font-face{font-family:Onest;src:url("onest-variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:ArtDisplay;src:url("cormorant-variable.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}
/* Optical rhythm for both the portfolio and assessment form. */
html:root body :is(p,small,dd,figcaption,.card-fact,.step-heading p,.consent span){text-wrap:pretty;word-break:normal;hyphens:none}
html:root body :is(.about-quote p,.about-lead h2,.contacts h2,.estimate-intro h1,.step-heading h2,.send-panel h2){text-wrap:balance!important}
html:root body :is(.about-copy,.about-lead,.education-item,.card-editorial,.project-view article,.estimate-intro,.form-step,.step-heading>div){min-width:0}
html:root body .education-item h3{line-height:1.22!important}
html:root body :is(.education-course,.journey small){line-height:1.65!important;text-wrap:pretty}
html:root body .card-fact p{line-height:1.65!important;letter-spacing:0!important}
html:root body .portfolio-media .card-editorial h3{line-height:1.2!important;text-wrap:balance!important}
html:root body .estimate-notes small{line-height:1.6}
html:root body .step-heading p{font-size:.94rem!important;line-height:1.65!important;max-width:none}
html:root body :is(.form-privacy,.consent){font-size:.8rem!important;line-height:1.65!important}
html:root body :is(.helper-answer,.ai-answer,.atelier-helper-answer){overflow-wrap:anywhere;line-height:1.65}
@media(max-width:560px){
  html:root body .education-item h3{font-size:clamp(1.4rem,6vw,1.75rem)!important}
  html:root body .estimate-intro h1{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.12!important}
  html:root body .step-heading h2{font-size:clamp(1.5rem,6.5vw,2rem)!important;line-height:1.18!important}
  html:root body .step-heading{grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important}
}