/* Font files load only when selected. */
.font-preview{position:absolute;top:-2.25rem;right:0;display:flex;align-items:center;gap:6px;max-width:100%;color:var(--text);font:400 11px/1.3 var(--sans)}
.font-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.font-preview-next{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:6px;border:0;border-radius:3px;background:transparent;color:var(--heading)}
.font-preview-next:hover{background:rgba(96,35,66,.05)}
.font-preview-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-font-preview] .hero h1,html[data-font-preview] h2{font-family:var(--editorial);font-weight:var(--preview-weight);font-style:normal;font-optical-sizing:auto;font-synthesis:none;-webkit-text-stroke:var(--preview-stroke,0px) currentColor;paint-order:stroke fill}
html[data-font-preview] .hero h1{font-size:calc(clamp(3rem,1.5rem + 3vw,4.5rem) * var(--preview-scale));line-height:var(--preview-leading);letter-spacing:var(--preview-tracking)}
html[data-font-preview] h2{font-size:calc(var(--section-title) * var(--preview-scale));line-height:var(--preview-section-leading);letter-spacing:var(--preview-section-tracking)}
html[data-font-preview] .services .service-preview-heading{font-size:calc(clamp(2.75rem,2.3rem + 1vw,3.25rem) * var(--preview-scale))}
html[data-font-preview] .contact-heading,html[data-font-preview] .privacy-dialog h2{font-size:calc(clamp(2rem,1.8rem + .8vw,2.5rem) * var(--preview-scale))}
@media(min-width:761px) and (max-width:1000px){
  html[data-font-preview] .hero h1{font-size:calc(clamp(2.75rem,5.4vw,3.375rem) * var(--preview-scale))}
}
@media(max-width:760px){
  html[data-font-preview] .hero h1{font-size:calc(clamp(2.5rem,10vw,3rem) * var(--preview-scale))}
  html[data-font-preview] .services .service-preview-heading{font-size:calc(var(--section-title) * var(--preview-scale))}
}
