@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg: #141916;--panel: #1b241d;--line: #30392f;--line-2: #3b4637;--lime: #d6f57b;--lime-ink: #27351c;--text: #e3e6dc;--text-2: #b8c2ad;--text-muted: #8fa08a;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--display: "Barlow Condensed", "DM Sans", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark;font-family:DM Sans,Noto Sans KR,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg) radial-gradient(ellipse at 85% -10%,#25302677,transparent 50%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{color:var(--lime-ink);background:var(--lime)}.icon{width:18px;height:18px;flex-shrink:0}.label{font:11px var(--mono);letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase}.hub{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,56px) 40px;min-height:100dvh;display:flex;flex-direction:column}.hub-header{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 22px var(--display);letter-spacing:1px;color:var(--text-2)}.brand b{color:var(--lime)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--lime);color:#1d291b;transform:rotate(-7deg)}.brand-mark .icon{width:20px;height:20px;transform:rotate(7deg)}.slash{color:#6f7e68;padding:0 5px;font-weight:500}.lang-switch{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line-2);border-radius:4px;font:11px var(--mono);letter-spacing:1px;color:var(--text-2);transition:color .15s,border-color .15s}.lang-switch:hover{color:var(--lime);border-color:#607052}.intro{padding:clamp(40px,7vw,96px) 0 clamp(32px,5vw,64px);max-width:640px;animation:rise .6s var(--ease) both}.intro h1{font-size:clamp(34px,4.6vw,60px);line-height:1.12;letter-spacing:-.03em;font-weight:700;margin:14px 0 18px}.lede{font-size:15px;line-height:1.8;color:var(--text-2);max-width:52ch;margin:0 0 28px}.facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 0}.facts li{padding-right:18px;margin-right:18px;border-right:1px solid var(--line-2)}.facts li:last-child{border:0;margin:0;padding:0}.cabinets{display:grid;gap:clamp(28px,4vw,56px);border-top:1px solid var(--line);padding-top:clamp(28px,4vw,56px)}.cabinet{display:grid;grid-template-columns:7fr 5fr;gap:clamp(20px,3vw,48px);align-items:center;animation:rise .7s var(--ease) both;animation-delay:calc(.12s + var(--index) * .14s)}.cabinet:nth-child(2n) .poster{order:2}.cabinet:nth-child(2n) .meta{padding-left:clamp(0px,4vw,48px)}.poster{position:relative;display:block;aspect-ratio:16 / 10;max-width:100%;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;background:#0b1214;box-shadow:0 24px 60px -30px #000c;transition:transform .35s var(--ease),border-color .2s}.poster:hover{transform:translateY(-3px);border-color:#58684f}.poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.poster:hover img{transform:scale(1.02)}.poster-tag{position:absolute;top:12px;left:14px;padding:4px 8px;border-radius:3px;background:#0b1214cc;color:var(--text-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.meta h2{font:700 clamp(34px,3.6vw,48px) var(--display);letter-spacing:1px;margin:10px 0 12px;line-height:1}.meta h2 b{color:var(--lime)}.meta p{font-size:14px;line-height:1.8;color:var(--text-2);max-width:44ch;margin:0 0 18px}.controls{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px}.control{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.control span{margin-left:4px}kbd{font:11px var(--mono);padding:4px 6px;min-width:22px;text-align:center;border:1px solid #414d38;border-bottom-width:2px;border-radius:4px;background:#222d22;color:#c3cfb5;line-height:1;display:inline-block}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:180px;height:46px;padding:0 20px;border:1px solid #e0ffa0;border-radius:5px;background:var(--lime);color:var(--lime-ink);font-size:13px;font-weight:700;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:translateY(1px)}.hub-footer{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:860px){.cabinet,.cabinet:nth-child(2n){grid-template-columns:1fr;gap:18px}.cabinet:nth-child(2n) .poster{order:0}.cabinet:nth-child(2n) .meta{padding-left:0}.hub-header{height:56px}.intro{padding-top:36px}.primary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}