/* A quiet numbered index and one clear invitation to commission work. */
.site-header{height:96px;gap:30px}
.site-header .brand{width:80px;height:80px}
.site-header nav{display:flex;justify-content:space-between;align-items:center;width:min(760px,calc(100% - 110px));gap:30px;font-family:Manrope,'Noto Thai',sans-serif}
.header-index{display:flex;align-items:center;gap:32px}
.site-header .nav-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:7px 0;text-decoration:none;min-height:45px}
.nav-link>span{font:9px/1 'Courier New',monospace;color:var(--muted);transition:transform .3s}
.nav-link>strong{font:700 16px/1.1 Manrope,sans-serif;letter-spacing:-.045em;transition:letter-spacing .3s}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}
.nav-link:hover>span{transform:translateX(4px)}
.nav-link:hover>strong{letter-spacing:-.015em}
.header-project{display:flex;align-items:center;gap:24px}
.site-header .header-brief{display:flex;align-items:center;gap:22px;min-height:48px;padding:7px 13px;background:var(--ink);color:var(--paper);text-align:left;border:1px solid var(--ink);transition:background .25s,color .25s}
.header-brief>span:first-child{display:flex;flex-direction:column;gap:3px}
.header-brief small{font:8px/1.4 'Courier New',monospace;letter-spacing:.07em;opacity:.65}
.header-brief strong{font:600 13px/1.4 'Noto Thai',Manrope,sans-serif;letter-spacing:-.02em;white-space:nowrap}
.header-arrow{font:400 24px/1 Manrope,sans-serif;border-left:1px solid color-mix(in srgb,currentColor 35%,transparent);padding-left:13px;transition:transform .3s}
.header-brief:hover{background:var(--paper);color:var(--ink)}.header-brief:hover .header-arrow{transform:translate(2px,-2px)}
.header-project #language{min-height:36px;font:500 10px/1 'Courier New',monospace;border-bottom:1px solid var(--rule);padding:3px 0;width:21px}
@media(max-width:1000px){.site-header nav{width:min(670px,calc(100% - 80px));gap:22px}.header-index{gap:21px}.header-project{gap:16px}.nav-link>strong{font-size:14px}.header-brief strong{font-size:12px}.site-header .header-brief{gap:15px;min-height:45px}}
@media(max-width:600px){.site-header{height:74px;gap:12px;padding-top:8px;padding-bottom:8px}.site-header .brand{width:40px;height:40px}.site-header nav{width:auto;flex:1;gap:12px;justify-content:flex-end}.header-index{gap:13px}.site-header .nav-link{min-height:38px;gap:3px;padding:4px 0}.header-index .nav-link:first-child,.header-index .nav-link:nth-child(2){display:none}.nav-link>span{font-size:7px}.nav-link>strong{font-size:12px}.header-project{gap:12px}.site-header .header-brief{padding:6px 8px;min-height:39px;gap:9px}.header-brief small{font-size:6px;letter-spacing:.03em}.header-brief strong{font-size:10px}.header-arrow{font-size:18px;padding-left:7px}.header-project #language{font-size:9px;width:17px;min-height:31px}}
@media(max-width:370px){.header-index .nav-link:nth-child(3){display:none}.header-project{gap:10px}.site-header nav{gap:14px}}
@media(max-width:600px),(max-height:650px){.site-header{height:80px}.site-header .brand{width:64px;height:64px}}
@media(max-height:650px){.site-header .header-brief{min-height:40px}}
@media(prefers-reduced-motion:reduce){.site-header *,.site-header *::after{transition:none!important}}