/* 글로벌 헤더(gh) — 홈·블로그의 landing 헤더와 같은 모양 */
.gh{position:sticky;top:0;z-index:300;display:flex;align-items:center;gap:30px;padding:14px 52px;background:rgba(7,19,30,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(246,231,200,.16);font-family:var(--keke-font)}
.gh-brand{display:flex;align-items:center;gap:14px;margin-right:auto;color:#F6E7C8}
.gh-brand .brand-sym{width:44px;height:44px}.gh-brand .brand-wm{height:32px;width:auto}
.gh-nav{display:flex;gap:26px;font-size:14px;font-weight:500}
.gh-nav a{color:#c9c2ae;text-decoration:none;padding:6px 0}.gh-nav a:hover,.gh-nav a[aria-current=page]{color:#22B8EC}
.gh-lang{display:flex;gap:4px}.gh-lang a{font-size:13px;font-weight:500;padding:7px 11px;border:1px solid rgba(246,231,200,.16);border-radius:999px;color:#F6E7C8;text-decoration:none}
.gh-lang a[aria-current=true]{background:#22B8EC;border-color:#22B8EC;color:#07131E}
.gh-toggle{display:none;width:44px;height:44px;border:1px solid rgba(246,231,200,.22);border-radius:12px;background:none;position:relative;cursor:pointer}
.gh-toggle i,.gh-toggle i::before,.gh-toggle i::after{position:absolute;left:12px;right:12px;height:2px;background:#F6E7C8;border-radius:2px;content:"";transition:.2s}
.gh-toggle i{top:21px}.gh-toggle i::before{left:0;right:0;top:-7px}.gh-toggle i::after{left:0;right:0;top:7px}
.gh.open .gh-toggle i{background:transparent}.gh.open .gh-toggle i::before{top:0;transform:rotate(45deg)}.gh.open .gh-toggle i::after{top:0;transform:rotate(-45deg)}
@media(max-width:1060px){.gh{padding:12px 20px;gap:12px}.gh-toggle{display:block;order:3}.gh-lang{order:2}
 .gh-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#0F2536;border-bottom:1px solid rgba(246,231,200,.16);padding:8px 20px 16px}
 .gh.open .gh-nav{display:flex}.gh-nav a{padding:14px 4px;font-size:16px;border-bottom:1px solid rgba(246,231,200,.08)}}
body.has-gh .header.dark,body.has-gh header.top{top:var(--gh-h,73px)}
.subnav{display:flex;gap:22px;flex-wrap:wrap;padding:10px 52px;background:#0F2536;font-size:13px;font-weight:600;letter-spacing:.12em}
.subnav a{color:#F6E7C8}
@media(max-width:700px){.subnav{padding:10px 20px}.gh-lang a{padding:6px 9px}.gh-brand .brand-wm{height:26px}.gh-brand .brand-sym{width:38px;height:38px}}
/* 홈: BI·CI / 케케폰트 소개 */
.brand-feature{padding-top:20px;padding-bottom:70px}
.bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bf-card{display:flex;align-items:center;gap:26px;padding:30px;border:1px solid rgba(246,231,200,.16);border-radius:24px;background:#0F2536;color:#F6E7C8}
.bf-card:hover{border-color:#22B8EC}
.bf-card img{width:96px;height:96px;flex:none}
.bf-card h2{margin:0 0 8px;font-size:28px;font-weight:700}.bf-card p{margin:0 0 12px}.bf-card b{color:#22B8EC;font-size:15px}
.bf-card .eyebrow{font-size:13px;letter-spacing:.15em;color:#22B8EC}
.bf-chips{display:flex;gap:8px;margin:0 0 14px}.bf-chips i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(246,231,200,.3)}
.bf-aa{flex:none;width:96px;height:96px;border-radius:22px;background:#07131E;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:26px;line-height:1.15;color:#F6E7C8;border:1px solid rgba(246,231,200,.22)}
@media(max-width:860px){.bf-grid{grid-template-columns:1fr}.bf-card{padding:22px;gap:18px}.bf-card h2{font-size:24px}.brand-feature{padding-inline:20px}}
/* 홈 게임 섹션: 대표작 큰 카드 */
.game-grid .game-card.is-feature{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;border-color:#22B8EC}
.game-grid .game-card.is-feature .game-art{height:100%;min-height:300px}
.game-grid .game-card.is-feature .game-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.game-grid .game-card.is-feature h3{font-size:clamp(26px,3vw,38px);line-height:1.15}
.studio-chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 6px}.studio-chips span{font-size:13px;font-weight:600;letter-spacing:.12em;padding:8px 14px;border:1px solid rgba(246,231,200,.22);border-radius:999px;color:#F6E7C8}
@media(max-width:860px){.game-grid .game-card.is-feature{grid-template-columns:1fr}.game-grid .game-card.is-feature .game-art{min-height:0;height:auto;aspect-ratio:16/9}.game-grid .game-card.is-feature .game-copy{padding:22px}}