/* ===== Header ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:background .3s var(--ease),padding .3s var(--ease),box-shadow .3s var(--ease)}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header .logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ivory);font-size:18px;letter-spacing:-.02em}
.site-header .logo img{height:32px;width:auto;transition:filter .25s var(--ease)}
.site-header:not(.is-light) .logo img{filter:brightness(0) invert(1) opacity(.92)}
.site-header.is-light .logo img{filter:none}
.site-footer .logo img{filter:brightness(0) invert(1) opacity(.92)}
.site-header .logo .ko{font-family:var(--font-kr)}
.site-header .logo .en{font-family:var(--font-en);font-size:13px;color:var(--gold-soft);letter-spacing:.1em}

.nav-list{display:flex;gap:36px;align-items:center}
.nav-list a{color:var(--ivory);font-size:15px;font-weight:500;position:relative;padding:6px 0;transition:color .25s var(--ease)}
.nav-list a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-list a:hover{color:var(--gold-soft)}
.nav-list a:hover::after,.nav-list a.active::after{transform:scaleX(1)}
.nav-cta{
  margin-left:24px;
  padding:11px 36px;
  background:transparent;
  color:var(--gold);
  border:1.5px solid var(--gold);
  border-radius:6px;
  font-weight:700;
  font-size:15px;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:background .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease);
  white-space:nowrap;
}
.nav-cta:hover{
  background:var(--gold);
  color:var(--navy-900);
  box-shadow:0 4px 18px rgba(201,169,97,.35);
}
.site-header.is-light .nav-cta{
  color:var(--navy-700);
  border-color:var(--navy-700);
}
.site-header.is-light .nav-cta:hover{
  background:var(--navy-700);
  color:#fff;
  border-color:var(--navy-700);
  box-shadow:0 4px 18px rgba(27,42,78,.2);
}
.nav-cta::after{display:none!important}
@media(max-width:900px){
  .nav-cta{
    margin-left:0;
    width:100%;
    text-align:center;
    font-size:18px;
    padding:14px 24px;
    border-radius:8px;
    box-sizing:border-box;
  }
}

.site-header.is-solid{background:rgba(14,26,53,.95);backdrop-filter:blur(10px);padding:12px 0;box-shadow:0 4px 24px rgba(0,0,0,.18)}

/* Header on light pages */
.site-header.is-light .logo,
.site-header.is-light .nav-list a{color:var(--navy-700)}
.site-header.is-light.is-solid{background:rgba(247,244,236,.96);box-shadow:0 4px 24px rgba(27,42,78,.08)}

.nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--ivory)}
.nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";display:block;width:22px;height:2px;background:currentColor;position:absolute;transition:transform .25s var(--ease),opacity .25s var(--ease)}
.nav-toggle{position:relative}
.nav-toggle::before{transform:translateY(-7px)}
.nav-toggle::after{transform:translateY(7px)}
.site-header.is-open .nav-toggle::before{transform:rotate(45deg)}
.site-header.is-open .nav-toggle::after{transform:rotate(-45deg)}
.site-header.is-open .nav-toggle span{opacity:0}

@media (max-width:900px){
  .nav-toggle{display:flex}
  .nav-list{position:fixed;inset:64px 0 0 0;background:var(--navy-900);flex-direction:column;justify-content:center;gap:28px;transform:translateY(-110%);transition:transform .35s var(--ease);padding:40px;z-index:200}
  .nav-list a{font-size:22px;color:var(--ivory)}
  .site-header.is-open .nav-list{transform:none}
  .site-header.is-light .nav-toggle{color:var(--navy-700)}
  .site-header.is-light.is-open .nav-toggle{color:var(--ivory)}
}

/* ===== Footer ===== */
.site-footer{background:var(--navy-900);color:var(--ivory);padding:64px 0 32px}
.site-footer a{color:var(--ivory);opacity:.85}
.site-footer a:hover{opacity:1;color:var(--gold-soft)}
.footer-top{display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid var(--line-dark)}
.footer-brand{max-width:360px}
.footer-brand .logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.footer-brand .logo img{height:36px}
.footer-brand .desc{color:var(--navy-300);font-size:14px;line-height:1.7}
.footer-cols{display:flex;gap:64px;flex-wrap:wrap}
.footer-col h4{font-family:var(--font-en);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer-col li{margin-bottom:10px;font-size:14px}
.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-top:24px;color:var(--navy-300);font-size:13px}
.footer-bottom .small-links{display:flex;gap:20px}

/* page hero (sub pages) */
.page-hero{padding:160px 0 80px;background:var(--ivory-50);border-bottom:1px solid var(--line)}
.page-hero .eyebrow{margin-bottom:12px}
.page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.035em}
.page-hero p{margin-top:18px;font-size:18px;color:var(--text-2);max-width:640px}