@font-face{font-family:'source-han-sans-kr-variable';src:url('/assets/fonts/SourceHanSansKR-VF.woff2') format('woff2');font-weight:250 900;font-style:normal;font-display:swap}
@font-face{font-family:'SUIT';src:url('/assets/fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Kanit';src:url('/assets/fonts/Kanit-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Kanit';src:url('/assets/fonts/Kanit-Medium.woff2') format('woff2');font-weight:500 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#15171b;--muted:#737780;--accent:#245bff}
*{box-sizing:border-box}
html{background:#fff}
body{margin:0;background:#fff;color:var(--ink);font-family:'source-han-sans-kr-variable','SUIT','Kanit',sans-serif;-webkit-font-smoothing:antialiased}
.english{font-family:'Kanit',sans-serif}
.page{max-width:1600px;min-height:100svh;margin:0 auto;padding:0 clamp(24px,5.5vw,88px);display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:34px 0}
.wordmark{text-decoration:none;color:var(--ink);font-size:30px;font-weight:500;letter-spacing:-1.25px;line-height:1.2}
.brand-dot{color:var(--accent)}
.tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:400;letter-spacing:1.35px;white-space:nowrap;color:#565b65}
.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
main{display:grid;place-items:center;flex:1;padding:46px 0 74px}
.hero{text-align:center}
.eyebrow{margin:0 0 27px;color:var(--accent);font-size:11px;letter-spacing:3.2px;font-weight:400}
h1{margin:0;font-size:clamp(72px,8.2vw,118px);font-weight:500;line-height:.99;letter-spacing:-4.8px}
.period{color:var(--accent)}
.intro{margin-top:35px}
h2{font-size:clamp(19px,2vw,23px);font-weight:550;line-height:1.6;letter-spacing:-.9px;margin:0 0 12px}
.intro p{margin:0;color:var(--muted);font-size:14px;font-weight:400;line-height:1.95;letter-spacing:-.3px;word-break:keep-all}
.signature{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:41px;font-size:10px;letter-spacing:1.6px;color:#6c727c}
.signature-line{width:24px;height:1px;background:var(--accent)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 27px;border-top:1px solid #edf0f3;color:#858a94;font-size:10px;letter-spacing:.8px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
@media(max-width:600px){.header{padding:27px 0}.wordmark{font-size:25px}.tag{font-size:9px;letter-spacing:1px;gap:7px}main{padding:54px 0 66px}h1{font-size:82px;letter-spacing:-3.7px}.eyebrow{font-size:10px;letter-spacing:2.3px;margin-bottom:26px}.intro{margin-top:30px}h2{font-size:19px;letter-spacing:-.8px}.intro p{font-size:12px;line-height:2}.signature{margin-top:34px;font-size:9px;letter-spacing:1.3px}.footer{font-size:8px;letter-spacing:.55px;padding:21px 0 23px}}
@media(max-width:360px){.page{padding:0 20px}.wordmark{font-size:23px}.tag{font-size:8px}h1{font-size:72px}.intro p{font-size:11px}.footer{letter-spacing:0}}
@media(prefers-reduced-motion:no-preference){.hero{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
/* Kanit-based outlined wordmark: steady proportions, optical tracking. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.wordmark img{display:block;width:180px;height:auto}
@media(max-width:600px){.wordmark img{width:148px}}
@media(max-width:360px){.wordmark img{width:136px}}