/* Shared company navigation, including the standalone contact page. */
:root{--space:clamp(24px,5vw,80px)}
.wordmark{font-family:Cinzel,serif;font-weight:700;letter-spacing:.14em;white-space:nowrap}.wordmark>span{color:var(--gold)}
header.header{width:100%;max-width:none;margin:0;color:var(--ink,#142038);font-family:'Noto Sans KR',sans-serif}
header.header a{min-height:0}
header.header .brand{font-size:24px;line-height:1}
header.header .desktop-nav{align-items:normal}
header.header .desktop-nav a{display:block;align-items:normal}
.skip{position:fixed;top:-60px;left:20px;z-index:150;background:var(--paper);padding:12px 18px}.skip:focus{top:8px}
header.header{position:fixed;top:0;left:0;right:0;height:86px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;z-index:100;background:rgba(248,247,243,.95);border-bottom:1px solid transparent;transition:color .25s,background .25s,border-color .25s}.brand{font-size:24px;line-height:1}header.header .desktop-nav{display:flex;gap:36px;font-size:14px;font-weight:500;position:absolute;left:50%;transform:translateX(-50%)}header.header .desktop-nav a{padding:14px 0;position:relative}header.header .desktop-nav a::after{content:'';position:absolute;height:1px;left:0;right:100%;bottom:6px;background:currentColor;transition:right .3s}header.header .desktop-nav a:hover::after,header.header .desktop-nav a[aria-current=page]::after{right:0}.header-actions{display:flex;align-items:center;gap:24px}.nav-contact{font-size:13px;border-bottom:1px solid currentColor;padding:9px 0;display:flex;gap:34px;align-items:center}.nav-contact span{font-size:21px}.menu-toggle{display:none;background:none;border:0;color:inherit;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.theme-dark header.header:not(.scrolled){background:transparent;color:#fff;border-color:#ffffff20}header.header.scrolled{border-bottom-color:var(--line)}header.header.on-gold:not(.scrolled){color:#35290c}.mobile-nav{position:fixed;inset:76px 0 0;z-index:95;background:var(--navy);color:#fff;padding:38px var(--space);overflow-y:auto}.mobile-nav a{display:flex;justify-content:space-between;font-size:30px;font-weight:500;padding:22px 0;border-bottom:1px solid #ffffff30}.mobile-nav a span{font-family:'Josefin Sans',sans-serif;font-size:15px}.mobile-nav p{margin-top:56px;color:var(--gold);font-family:'Josefin Sans',sans-serif;letter-spacing:2px}.menu-open{overflow:hidden}.menu-open header.header{color:#fff;background:var(--navy);border-color:#ffffff30}
header.header .desktop-nav{font-size:14px;gap:36px}
.contact-page{padding-top:86px;--ink:#142038;--line:#d8dadc}
.contact-page .mobile-nav a{min-height:0}
.contact-page .inquiry>.preview-note{max-width:960px;margin:0 auto 26px;background:#f7f3e8;color:#6d7480;text-align:left;font-size:11px;line-height:1.8;padding:12px 16px;border-left:2px solid #b49249}
.contact-page{scroll-padding-top:108px}html:has(.contact-page){scroll-padding-top:108px}
@media(max-width:1000px){header.header{height:76px}header.header .brand{font-size:21px}header.header .desktop-nav{gap:25px}.nav-contact{gap:18px}.contact-page{padding-top:76px}}
@media(max-width:760px){:root{--space:24px}header.header{padding:0 var(--space);height:76px}header.header .desktop-nav{display:none}.menu-toggle{display:block}.header-actions{gap:18px}.nav-contact{font-size:11px;gap:16px}.nav-contact span{font-size:18px}.contact-page .inquiry>.preview-note{font-size:10px;padding:10px 12px;margin-bottom:24px}}
@media(max-width:390px){:root{--space:20px}.header-actions{gap:12px}header.header .brand{font-size:19px}.nav-contact{gap:10px}}

/* Native modal navigation: background is inert while showModal() is active. */
dialog.mobile-menu{inset:0;margin:0;border:0;padding:0;width:100%;max-width:none;height:100svh;max-height:100svh;background:var(--navy,#0f1c35);color:#fff;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;font-family:'Noto Sans KR',sans-serif}
dialog.mobile-menu:not([open]){display:none}dialog.mobile-menu[open]{display:flex;flex-direction:column}dialog.mobile-menu::backdrop{background:#0f1c35}
.mobile-menu-bar{position:sticky;top:0;z-index:1;flex-shrink:0;min-height:76px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;background:var(--navy,#0f1c35)}
.mobile-menu-brand{font-size:21px;line-height:1;min-height:44px;display:flex;align-items:center}.mobile-menu-close{display:block;position:relative;background:none;border:0;color:#fff;width:44px;height:44px;padding:10px;cursor:pointer}.mobile-menu-close span{position:absolute;left:10px;right:10px;top:21px;height:1px;background:currentColor;transform:rotate(45deg)}.mobile-menu-close span:last-child{transform:rotate(-45deg)}
.mobile-menu .mobile-nav{position:static;inset:auto;width:100%;padding:28px var(--space) 40px;overflow:visible;flex:1}.mobile-menu .mobile-nav a{min-height:72px;font-size:30px;line-height:1.5;align-items:center;gap:20px}.mobile-menu .mobile-nav p{font-size:15px;line-height:1.8;margin-top:42px}.mobile-menu :focus{outline:none}.mobile-menu.menu-keyboard :focus{outline:2px solid #d4b878;outline-offset:5px}.menu-open{overflow:hidden}
@media(max-width:390px){.mobile-menu-brand{font-size:19px}.mobile-menu .mobile-nav a{font-size:27px}}