@font-face {
    font-family: 'Forma Sans';
    src: url('/assets/forma-sans.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.site-header nav { font-family: 'Forma Sans', var(--font-body); font-size: .9rem; font-weight: 600; letter-spacing: .015em; }
.site-header .nav-account { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 30px; }
.nav-account svg { flex: 0 0 auto; }
.public-site .hero-copy { min-width: 0; }
.public-site .hero h1 { font-family: 'Forma Sans', var(--font-body); font-weight: 600; font-size: clamp(2.35rem, 5.7vw, 6.15rem); line-height: 1.16; letter-spacing: -.045em; overflow: visible; }
.public-site .hero h1 em { display: inline-block; max-width: 100%; padding-block: .04em .18em; margin-block: -.04em -.18em; line-height: 1.2; overflow: visible; }
.concept-watermark { position: fixed; inset: 0; z-index: 12; pointer-events: none; background: url('/assets/concept-watermark.svg') center top / 640px 480px repeat; opacity: .1; }
@media (max-width: 640px) {
    .public-site .site-header nav { font-size: .78rem; gap: 8px 15px; align-items: center; }
    .site-header .nav-account { padding: 6px 10px; min-height: 40px; }
    .public-site .hero h1 { font-size: clamp(2.15rem, 8.9vw, 3.8rem); line-height: 1.17; }
    .concept-watermark { background-size: 510px 382.5px; }
}
@media print { .concept-watermark { position: fixed; print-color-adjust: exact; -webkit-print-color-adjust: exact; opacity: .12; } }