/* 시안 공통 높이: 본문 여백은 펼친 높이를 유지한다. */
html:has([data-header-mode]) { --hd-h:156px; --hd-h-scrolled:112px; scroll-padding-top:var(--hd-h-scrolled); }
body:has([data-header-mode="solid"]) { padding-top:var(--hd-h); }
[data-header-mode="overlay"] ~ main .s2 .hero { padding-top:var(--hd-h); min-height:calc(600px + var(--hd-h)); }
[data-header-mode="overlay"] ~ main .hero#top { padding-top:var(--hd-h); }
.hd2.site-header { position:fixed; inset:0 0 auto; z-index:100; display:flex; flex-direction:column; gap:0; padding:0 var(--edge); height:var(--hd-h); background:transparent; color:var(--ink); border-bottom:1px solid rgba(34,26,29,.10); font-family:var(--sans); transition:height .25s, background .25s, box-shadow .25s; }
.hd2[data-header-tone="dark"] { color:#fff; border-bottom-color:rgba(255,255,255,.18); }
.hd2[data-header-mode="solid"] { background:var(--hd-color); border-bottom-color:var(--line); }
.hd2.is-scrolled { height:var(--hd-h-scrolled); background:var(--hd-color); backdrop-filter:blur(12px); box-shadow:0 3px 15px #0000000d; transition:height .25s, box-shadow .25s; }
.hd2 .hd2-brand { display:flex; flex-direction:column; justify-content:center; align-items:center; flex:none; height:96px; color:inherit; line-height:1.3; text-decoration:none; transition:height .25s; }
.hd2 .hd2-brand__en { font-family:"Avenir Next","Helvetica Neue","Segoe UI",Arial,var(--sans),sans-serif; font-size:28px; font-weight:700; letter-spacing:-.6px; transition:font-size .25s; }
.hd2 .hd2-brand__ko { font-size:12px; font-weight:400; letter-spacing:2px; margin-top:5px; }
.hd2.is-scrolled .hd2-brand { height:56px; }
.hd2.is-scrolled .hd2-brand__en { font-size:22px; }
.hd2.is-scrolled .hd2-brand__ko { display:none; }
.hd2 .site-nav { color:inherit; }
.hd2 .lang-switch { color:inherit; gap:12px; font-size:13px; align-items:center; }
.hd2 .lang-switch a,.hd2 .lang-switch [aria-current] { color:inherit; }
.hd2 .lang-switch a { opacity:.6; }
.hd2 .lang-switch a::before { content:""; display:inline-block; height:11px; border-left:1px solid currentColor; margin-right:12px; }
.hd2 .site-nav [aria-current="page"] { font-weight:700; }
@media(min-width:769px) {
 .hd2 .menu-panel { display:contents; }
 .hd2 .site-nav { flex-wrap:nowrap; align-items:center; gap:42px; height:59px; flex:none; font-size:15px; }
 .hd2 .site-nav > a,.hd2 .site-nav > .nav-sub > summary { position:relative; padding:0; color:inherit; white-space:nowrap; text-decoration:none; }
 .hd2 .site-nav > a::after,.hd2 .site-nav > .nav-sub > summary::after { content:""; position:absolute; bottom:-9px; left:0; width:100%; height:2px; background:currentColor; border:0; transform:scaleX(0); transform-origin:center; transition:transform .25s; }
 .hd2 .site-nav > a:is(:hover,:focus-visible,[aria-current="page"])::after,.hd2 .nav-sub > summary:is(:hover,:focus-visible,[aria-current="page"])::after,.hd2 .nav-sub[open] > summary::after { transform:scaleX(1); }
 .hd2 .nav-sub > summary::marker { content:""; }
 .hd2 .nav-sub > summary::before { content:""; position:absolute; left:calc(100% + 7px); top:calc(50% - 2px); width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-50%) rotate(45deg); }
 .hd2 .nav-sub[open] > summary::before { transform:translateY(-50%) rotate(-135deg); }
 .hd2 .site-nav .sub-list { left:50%; top:calc(100% + 18px); transform:translateX(-50%); color:var(--ink); background:#fff; border-radius:12px; box-shadow:0 10px 30px #0002; }
 .hd2 .site-nav .sub-list a { color:var(--ink); }
 .hd2 .sub-list a[aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
 .hd2 .lang-switch { position:absolute; right:var(--edge); top:0; height:96px; transition:height .25s; }
 .hd2.is-scrolled .lang-switch { height:56px; }
}
@media(min-width:769px) and (max-width:1024px) { .hd2 .site-nav { gap:22px; font-size:14px; } }
@media(max-width:768px) {
 html:has([data-header-mode]) { --hd-h:64px; --hd-h-scrolled:64px; }
 [data-header-mode="overlay"] ~ main .s2 .hero { padding-top:calc(32px + var(--hd-h)); min-height:0; }
 .hd2.site-header { flex-direction:row; justify-content:space-between; }
 .hd2 .hd2-brand,.hd2.is-scrolled .hd2-brand { height:64px; align-items:flex-start; }
 .hd2 .hd2-brand__en,.hd2.is-scrolled .hd2-brand__en { font-size:20px; }
 .hd2 .hd2-brand__ko,.hd2.is-scrolled .hd2-brand__ko { display:block; font-size:10px; letter-spacing:1px; margin-top:2px; }
 .hd2 .menu-icon,.hd2 .menu-icon::before,.hd2 .menu-icon::after { background:currentColor; }
 .hd2 .menu-panel { background:#fff; color:var(--ink); }
 .hd2:has(.menu-check:checked) { backdrop-filter:none; }
 .hd2 .menu-panel .site-nav { color:var(--ink); }
 .hd2 .lang-switch { gap:12px; }
 .hd2 .site-nav [aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; }
}
@media(prefers-reduced-motion:reduce) { .hd2,.hd2 * { transition:none !important; } }