:root{--bg:#fff;--surface:#f6f4f4;--fg:#141212;--muted:#615b5b;--faint:#b9b2b2;--rule:#e6e1e1;--accent:#c9151c;--on-accent:#fff;--ko:var(--font-ko), "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--display:var(--font-display), var(--font-ko), system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0e0d0d;--surface:#181616;--fg:#f3f0f0;--muted:#a49d9d;--faint:#4a4444;--rule:#2a2626;--accent:#ec3a41;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--ko);word-break:keep-all;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}.wrap{max-width:1120px;margin:0 auto;padding-inline:24px}header.top{justify-content:space-between;align-items:center;padding-block:24px;display:flex}.logo-svg{width:auto;height:28px;color:var(--fg);display:block}.logo-mark{fill:var(--accent)}.logo-word{fill:currentColor}.lang{gap:2px;display:flex}.lang a{font:500 12px var(--mono);letter-spacing:.08em;color:var(--muted);padding:6px 9px;text-decoration:none}.lang a[aria-current=page]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.lang a:hover{color:var(--fg)}.lang a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.intro{max-width:760px;padding-block:64px 48px}.intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;font-size:clamp(36px,5.4vw,64px);font-weight:700;line-height:1.25}.intro p{color:var(--muted);max-width:34em;margin:0;font-size:18px;font-weight:300}.doors{background:var(--rule);border-block:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.door{background:var(--bg);color:var(--fg);flex-direction:column;gap:18px;min-height:420px;padding:48px 40px 44px;text-decoration:none;transition:background .35s,color .35s;display:flex;position:relative;overflow:hidden}.door:hover,.door:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.door:focus-visible{box-shadow:inset 0 0 0 3px var(--fg)}.door .kicker{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .35s}.door:hover .kicker,.door:focus-visible .kicker{color:inherit;opacity:.8}.door .en{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.05}.door h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.door p{z-index:1;max-width:min(26em,100% - 150px);color:var(--muted);margin:0;font-size:15.5px;font-weight:300;transition:color .35s;position:relative}.door:hover p,.door:focus-visible p{color:inherit}.door .go{font:500 14px var(--mono);letter-spacing:.04em;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:inline-flex}.door .go:after{content:"→";transition:transform .25s}.door:hover .go:after{transform:translate(5px)}.door .art{opacity:.9;pointer-events:none;width:170px;height:170px;position:absolute;bottom:24px;right:24px}.door .art *{fill:none;stroke:var(--faint);stroke-width:1.5px;transition:stroke .35s}.door .art .hot{stroke:var(--accent);stroke-width:2px}.door:hover .art *,.door:focus-visible .art *{stroke:#ffffff73}.door:hover .art .hot,.door:focus-visible .art .hot{stroke:#fff}footer{color:var(--muted);padding-block:40px 56px;font-size:13px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer .mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}@media (max-width:760px){.doors{grid-template-columns:1fr}.door{min-height:0;padding:36px 24px 132px}.door .art{width:110px;height:110px;bottom:16px;right:16px}.door p{max-width:none}.intro{padding-block:40px}}@media (prefers-reduced-motion:reduce){.door,.door *{transition:none!important}}
