@font-face{font-family:Merriweather;src:url('assets/Merriweather.ttf') format('truetype');font-weight:300 900;font-style:normal;font-display:swap}
body[data-heading-font="merriweather"] main :is(h1,h2,h3){font-family:Merriweather,Georgia,serif;font-weight:400;font-variation-settings:normal;font-synthesis:none;letter-spacing:-.035em}
.site-header{position:sticky;top:0;z-index:40;background:#fffefa;border-bottom:1px solid var(--line)}
html{scroll-padding-top:92px}
.site-header .header{height:72px;gap:20px}
.site-header .identity,.footer .identity{font-family:Merriweather,Georgia,serif;font-size:28px;font-weight:600;letter-spacing:-.035em;gap:12px}
.site-header .identity>span:last-child{display:flex;align-items:center;gap:18px}
.site-header .identity-sub{font-family:Source,'Segoe UI',sans-serif;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.3;margin:0;color:var(--muted);white-space:nowrap}
.site-header .button.small{min-height:44px;padding:10px 18px;font-size:15px}
@media(max-width:620px){html{scroll-padding-top:84px}.site-header .header{height:64px;gap:12px}.site-header .identity,.footer .identity{font-size:24px;gap:10px}.site-header .identity-sub{display:none}}
@media(max-width:360px){.site-header .header{gap:8px}.site-header .identity,.footer .identity{font-size:22px;gap:8px}}

.identity .brand-mark{display:block;width:32px;height:37px;object-fit:contain;flex-shrink:0}.site-header .identity{min-height:44px}
@media(max-width:620px){.identity .brand-mark{width:27px;height:31px}}