@font-face{font-family:'Noto Sans SC';src:url('assets/brand/fonts/noto-sans-sc.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'Manrope';src:url('assets/brand/fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--ink:#20211F;--accent:#20211F;--subtle:#646660;--surface:#F7F7F5;--line:#D7D8D3;--white:#fff;--soft:#ECEDEA;--focus:#3B5B9B;--canvas:#F7F7F5;--brand:#20211F;--muted:#646660;--tint:#ECEDEA;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--surface);color:var(--ink);font-family:'Manrope','Noto Sans SC',sans-serif;font-size:16px;line-height:1.65}
a{color:var(--accent);text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
.wordmark{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit;flex-shrink:0}
.wordmark img{width:66px;height:auto}
.wordmark span{font:500 12px/1.35 'Manrope',sans-serif;letter-spacing:.035em}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header nav{display:flex;align-items:center;gap:32px}
.site-header nav a{font-size:14px;font-weight:600;text-decoration:none;min-height:44px;display:flex;justify-content:center;flex-direction:column}
.site-header nav span{font-size:12px;font-weight:400;display:block}
.button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:64px;padding:12px 22px;text-decoration:none;font-size:15px;font-weight:650;line-height:1.35;border:1px solid var(--accent);transition:background-color .18s,color .18s}
.button span{font-size:12px;font-weight:500;margin-top:4px}
.primary{background:var(--accent);color:#fff}
.secondary{color:var(--accent)}
.primary:hover{background:#3d3e3b}
.secondary:hover{background:var(--soft)}
@media(max-width:640px){.wordmark{gap:10px}.wordmark img{width:49px}.wordmark span{font-size:11px}.site-header{gap:16px}.site-header nav{gap:17px}.site-header nav a{font-size:12px}.site-header nav span{font-size:12px}.button{padding:11px 18px;min-height:60px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.wordmark .brand-name{display:flex;flex-direction:column;gap:3px;letter-spacing:0}
.brand-name strong{font-size:15px;font-weight:650;line-height:1.2}
.brand-name small{font-size:9px;line-height:1.3;letter-spacing:.015em;white-space:nowrap}
@media(max-width:640px){.brand-name strong{font-size:12px}.brand-name small{font-size:8px}}