@font-face{font-family:Pretendard;src:url('/fonts/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#000;--fg:#f5f4f3;--muted:#aaa7ad;--line:#302e33;--space-xs:.375rem;--space-s:.75rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem}
*{box-sizing:border-box}html{scroll-padding-top:var(--space-l)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Pretendard,-apple-system,sans-serif;font-size:17px;line-height:1.8;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-underline-offset:.3em}a:hover{color:#fff}a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:6px}p{margin:0 0 var(--space-m)}h1,h2{margin:0;font-weight:650;line-height:1.3}h1{font-size:clamp(36px,5.2vw,64px);letter-spacing:0}h2{font-size:24px}.shell{max-width:1120px;margin:auto;padding:0 var(--space-xl)}.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-l);border-bottom:1px solid var(--line)}.brand{display:flex;gap:var(--space-s);align-items:center;font-size:24px;font-weight:600;text-decoration:none}.brand img{object-fit:contain}nav{display:flex;gap:var(--space-l);font-size:14px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;color:var(--muted)}nav a[aria-current]{color:var(--fg);text-decoration:underline}.hero{padding:var(--space-3xl) 0;display:grid;grid-template-columns:1.8fr 1fr;align-items:center;gap:var(--space-l)}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 var(--space-m)}.lead{font-size:20px;color:#c8c5cb;margin:var(--space-l) 0;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-xl);min-height:48px;padding:var(--space-s) var(--space-m);border:1px solid #aaa7ad;border-radius:8px;text-decoration:none;font-size:15px}.button:hover{background:var(--fg);color:#000}.caption{font-size:13px;color:var(--muted);margin:var(--space-s) 0 0}.hero-art{text-align:center}.hero-art img{display:block;width:min(100%,280px);height:auto;margin:auto}.hero-art p{font-size:22px;margin:var(--space-m) 0 0}.hero-art span{color:var(--muted);font-size:13px;margin-left:var(--space-s)}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-xl) 0}.intro-grid .number{display:block;font-size:13px;color:var(--muted);margin-bottom:var(--space-m);font-variant-numeric:tabular-nums}.intro-grid h2{font-size:22px;margin-bottom:var(--space-m)}.intro-grid p{font-size:16px;color:#c8c5cb;margin:0}.closing{padding:var(--space-3xl) 0}.closing h2{font-size:clamp(26px,3vw,36px);margin-bottom:var(--space-m)}.closing p{color:#c8c5cb}.text-link{font-size:15px}.page-title{padding:var(--space-3xl) 0 var(--space-xl)}.reading{max-width:720px;padding-bottom:var(--space-xl)}.text-section{border-top:1px solid var(--line);padding:var(--space-l) 0}.text-section h2{margin-bottom:var(--space-m);font-size:22px}.text-section p,.text-section li{color:#c8c5cb;font-size:16px}.text-section p:last-child{margin-bottom:0}ul{padding-left:var(--space-m);margin:0 0 var(--space-m)}li+li{margin-top:var(--space-s)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) 0;align-items:flex-start}footer p{font-size:13px;color:var(--muted);margin:var(--space-s) 0 0}footer a{font-size:14px}.footer-brand{font-size:18px;text-decoration:none}.skip-link{position:absolute;left:var(--space-m);top:-100px;padding:var(--space-s);background:#fff;color:#000;z-index:10}.skip-link:focus{top:var(--space-s)}
@media(max-width:767px){.shell{padding:0 var(--space-m)}.site-header{min-height:104px;gap:var(--space-s);flex-wrap:wrap;padding:var(--space-m) 0}nav{gap:var(--space-m);font-size:13px}.hero{grid-template-columns:1fr;padding:var(--space-2xl) 0;gap:var(--space-xl)}.hero-art img{width:176px}.hero-art{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-l)}.hero-art p{margin:0}.hero-art img{margin:0}.intro-grid{grid-template-columns:1fr;gap:var(--space-xl)}.closing,.page-title{padding:var(--space-2xl) 0}.lead{font-size:18px}footer{flex-direction:column;gap:var(--space-m)}}
