.kok-brand{display:flex;align-items:center;gap:7px}.kok-brand-shuttle{width:39px;height:47px;flex:none}.kok-brand .kok-logo-crop{width:112px;aspect-ratio:1050/463}.kok-brand .kok-logo-crop img{width:206.86%;left:-65.5%}.kok-brand .kok-logo-crop .kok-logo-ink{clip-path:inset(0 0 0 50.8%)}
/* Frosted navigation */
.kok-gnb{background:rgba(255,255,255,.12);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.25);box-shadow:0 4px 24px rgba(15,40,80,.04)}
.kok-gnb.kok-gnb-solid{background:rgba(255,255,255,.65);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.65);box-shadow:0 4px 24px rgba(15,40,80,.06)}
@supports not (backdrop-filter:blur(1px)){.kok-gnb.kok-gnb-solid{background:rgba(255,255,255,.94)}}
.kok-gnb:not(.kok-gnb-solid){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none}
.kok-brand .kok-logo-crop img{width:200%;left:-68%;top:-28%}
.kok-gnb{transform:translateY(0);transition:transform .3s cubic-bezier(.22,.7,.3,1),background .25s,box-shadow .25s,color .25s;will-change:transform}
.kok-gnb.kok-gnb-hidden{transform:translateY(-105%);pointer-events:none}
.kok-gnb:focus-within{transform:translateY(0);pointer-events:auto}
@media(prefers-reduced-motion:reduce){.kok-gnb{transition:none}}
/* The GNB is 70% of its previous height; the brand is 75% of its prior size. */
.kok-gnb{height:63px;}
.kok-brand{gap:5.25px;}
.kok-brand-shuttle{width:29.25px;height:35.25px;}
.kok-brand .kok-logo-crop{width:84px;}
.kok-gnb .kok-login{padding:9px 16px;}
#kok-special{scroll-margin-top:63px;}
.kok-special-copy{top:calc(var(--kok-header-offset,63px) + 20px);}
@media(max-width:750px){.kok-gnb{height:50.4px;}.kok-gnb .kok-login{padding:7px 11px;}#kok-special{scroll-margin-top:50.4px;}}

/* Persistent shortcuts sit above the mobile bottom navigation. */
.kok-quick-actions{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.kok-quick-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:104px;min-height:46px;padding:12px 17px;border-radius:30px;font-size:13px;font-weight:750;line-height:1;letter-spacing:-.3px;text-decoration:none;box-shadow:0 5px 20px #10284a14;transition:transform .18s,box-shadow .18s}
.kok-quick-club{background:#fff;color:#172c49;border:1px solid #e4eaf3}
.kok-quick-chat{background:#0c2546;color:#fff;border:1px solid #0c2546}
.kok-quick-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kok-quick-club svg{color:#0b50cc}.kok-quick-actions a:focus-visible{outline:3px solid #3d86f2;outline-offset:4px}
@media(hover:hover){.kok-quick-actions a:hover{transform:translateY(-2px);box-shadow:0 7px 23px #10284a24}}
@media(max-width:1023px){.kok-quick-actions{right:14px;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px}.kok-quick-actions a{min-width:92px;min-height:44px;padding:11px 14px;font-size:12px;gap:8px}.kok-quick-actions svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.kok-quick-actions a{transition:none}}

#main[inert] .kok-quick-actions{visibility:hidden}