/* Complete production-site navigation, without reducing the hero. */
.header{gap:32px}.header nav{gap:clamp(22px,2.2vw,36px);font-size:14px;white-space:nowrap}
.header nav>.text-link{padding:14px 0;font-weight:500;letter-spacing:-.02em}
.header-contact{padding:12px 17px;border:1px solid #211d2940;gap:20px;font-weight:550;transition:color .3s,border-color .3s}
.header-contact:hover{color:var(--purple);border-color:var(--purple)}
.header .menu-toggle{width:38px;height:44px;margin-left:0}
#menu{overflow-y:auto}
#menu .menu-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:10vw;max-width:1480px;margin:0 auto}
#menu .menu-primary{padding:30px 0 36px}
#menu .menu-primary a{font-size:clamp(28px,3.1vw,48px);font-weight:500;line-height:1.2;letter-spacing:-.045em;padding:15px 0}
#menu .menu-primary a:hover{padding-left:16px}
#menu .menu-primary small{align-self:center;font:12px Pretendard;letter-spacing:.05em}
#menu .menu-aside{padding-top:46px}
#menu .menu-aside .eyebrow{font-size:11px;letter-spacing:.1em;opacity:.7}
#menu .menu-secondary{padding:20px 0 35px}
#menu .menu-secondary a{font-size:17px;font-weight:450;letter-spacing:-.025em;line-height:1.5;padding:16px 0;gap:20px}
#menu .menu-secondary a:hover{padding-left:8px}
#menu .menu-secondary a span{font-size:20px}
.menu-contact{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.menu-contact>span{font-size:13px;opacity:.7;margin-bottom:5px}
.menu-contact>a{font-size:22px;letter-spacing:-.02em}
.menu-contact>a:last-child{font-size:15px;opacity:.8}
#menu>p{font:10px/1.6 Pretendard;letter-spacing:.08em;opacity:.7;padding-bottom:8px}
@media(max-width:1100px){.header nav{gap:22px}.header nav>.text-link{display:none}.header-contact{font-size:13px;padding:10px 15px}.header .menu-toggle{width:38px}}
@media(max-width:700px){
 .header{gap:20px}.header nav{gap:18px}.header-contact{font-size:12px;padding:8px 12px;gap:15px}.header-contact i{font-size:20px}
 #menu{padding:22px var(--g)}
 #menu .menu-columns{display:block}
 #menu .menu-primary{padding:20px 0 25px}
 #menu .menu-primary a{font-size:27px;line-height:1.25;padding:13px 0}
 #menu .menu-primary small{font-size:10px}
 #menu .menu-aside{padding:8px 0 24px}
 #menu .menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:10px 0 25px}
 #menu .menu-secondary a{font-size:12px;line-height:1.6;padding:14px 0;gap:8px;letter-spacing:-.025em}
 #menu .menu-secondary a span{font-size:16px}
 #menu .menu-aside .eyebrow{font-size:10px}
 .menu-contact{gap:8px}.menu-contact>span{font-size:11px}.menu-contact>a{font-size:21px}.menu-contact>a:last-child{font-size:13px}
}