.nav,.pnav{z-index:100;height:var(--nav-h);transition:background-color .3s var(--ease), border-color .3s var(--ease), transform .4s cubic-bezier(.39,.575,.565,1);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.nav[data-hide="1"],.pnav[data-hide="1"]{transform:translateY(-101%)}.nav[data-solid="1"],.pnav[data-solid="1"],.pnav--solid{background-color:var(--ink-900);border-bottom-color:var(--ink-600)}.pnav--solid{transition:none}.nav>.wrap,.pnav>.wrap{align-items:center;gap:clamp(14px,2vw,32px);width:100%;display:flex;position:relative}.nav .logo,.pnav .logo{flex:none;line-height:0;display:block}.nav .logo img,.pnav .logo img{width:auto;height:clamp(21px,2.2vw,30px);display:block}.pnav .back{color:var(--gray-300);flex:none;align-items:center;gap:9px;font-size:14px;transition:color .18s ease-out;display:inline-flex}.pnav .back:hover{color:var(--white)}.nav-right{align-items:center;gap:clamp(14px,1.6vw,24px);margin-left:auto;display:flex}.nav-right .pname{border-left:1px solid var(--ink-500);color:var(--gray-400);white-space:nowrap;padding-left:16px;font-size:13px}.nav-right .cta{border:1px solid var(--white);color:var(--white);white-space:nowrap;cursor:pointer;padding:12px 26px;font-size:15px;font-weight:600;transition:background-color .18s ease-out}.nav-right .cta:hover{background:#ffffff1a}.nav-ico{cursor:pointer;width:44px;height:36px;color:var(--gray-300);border:0;flex:none;place-items:center;padding:0;transition:color .18s ease-out;display:grid}.nav-ico:hover{color:var(--white)}:root{--e:cubic-bezier(.86,0,.07,1);--t:1.555s}.burger{cursor:pointer;z-index:2;border:0;flex:none;align-content:center;gap:9px;width:36px;height:36px;padding:0;display:grid;position:relative}.burger span{background:var(--gray-300);opacity:1;height:2px;transition:translate .7s var(--e) .6s, background-color .7s var(--e) .6s, rotate .6s var(--e) .5s, opacity .4s var(--e) .7s;display:block;translate:0;rotate:0deg}.burger[aria-expanded=true] span{background:var(--white);transition-delay:.255s,.255s,.455s,.455s}.burger[aria-expanded=true] span:first-child{translate:0 11px;rotate:-45deg}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){translate:0 -11px;rotate:45deg}.gnb{z-index:1;visibility:hidden;transition:visibility 0s var(--t);position:fixed;top:0;bottom:0;left:0;right:0}.gnb[data-open="1"]{visibility:visible;transition:visibility}.gnb-sheet{background:var(--ink-900);transform-origin:top;transition:transform .9s var(--e) .655s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleY(0)}.gnb[data-open="1"] .gnb-sheet{transition-delay:0s;transform:scaleY(1)}.gnb-inner{padding:calc(var(--nav-h) + 4vh) 0 6vh;visibility:hidden;flex-direction:column;justify-content:center;transition:visibility 0s 1.005s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.gnb[data-open="1"] .gnb-inner{visibility:visible;transition:visibility 0s .55s}.gnb-mask{display:block;overflow:hidden}.gnb-mask>*{transition:transform 1.3s var(--e) calc(.255s - var(--i,0) * 85ms);align-items:center;display:inline-flex;transform:translateY(100%)}.gnb[data-open="1"] .gnb-mask>*{transition-delay:calc(var(--i,0) * 85ms);transform:none}.gnb-nav li+li{margin-top:clamp(2px,.5vw,10px)}.gnb-nav a{letter-spacing:-.05em;color:var(--white);font-size:clamp(34px,5.6vw,76px);font-weight:600;line-height:1.26}.gnb-nav li{transition:opacity .25s ease-out}.gnb-nav ul:hover li{opacity:.38}.gnb-nav ul li:hover{opacity:1}.gnb-foot{flex-wrap:wrap;gap:clamp(20px,3vw,48px);margin-top:clamp(40px,7vh,88px);display:flex}.gnb-foot a{color:var(--white);opacity:0;transition:opacity .8s var(--e) .2s;align-items:center;gap:10px;font-size:clamp(16px,1.5vw,22px);font-weight:600;display:inline-flex}.gnb[data-open="1"] .gnb-foot a{opacity:1;transition-delay:.555s}.gnb-foot a svg{color:var(--blue-400);transition:transform .25s var(--ease)}.gnb-foot a:hover svg{transform:translate(5px)}html{scrollbar-gutter:stable}.nav,.pnav{padding-right:var(--sbw,0px)}@media (max-width:820px){.nav-right .cta{display:none}}@media (max-width:620px){.nav-right .pname{display:none}}@media (max-width:460px){.pnav .back span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.gnb,.gnb-sheet,.gnb-inner,.gnb-mask>*,.gnb-foot a,.burger span{transition:none!important}.gnb-sheet{transform:scaleY(1)}.gnb-inner{visibility:visible}.gnb-mask>*{transform:none}.gnb-foot a{opacity:1}}
