/* MNK v72   genuinely merged optical lens. No nested pill backgrounds.
 * SVG unified morphology + CSS live backdrop; hero video is refracted by WebGL2.
 * Fallbacks are deliberately light; no opaque frosted toothpaste styling. */
body.mnk71-ready :is(.site-header,.topbar,.mnk48-launch,.mnk48-launch-floating,.full-menu,.mnk70-nav){display:none!important}
.mnk71-nav,.mnk71-nav *{box-sizing:border-box}
.mnk71-nav{--split:0;position:fixed!important;z-index:920;top:clamp(10px,1.45vw,19px);left:clamp(12px,2.4vw,38px);right:clamp(12px,2.4vw,38px);height:58px;pointer-events:none;color:#304551;isolation:isolate;font-family:var(--mnk-font-sans,-apple-system,BlinkMacSystemFont,'Inter',Arial,sans-serif)!important;-webkit-font-smoothing:antialiased}
.mnk71-body{position:relative;width:min(100%,1580px);height:100%;margin:0 auto;pointer-events:none}
.mnk71-glass{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;filter:drop-shadow(0 7px 15px rgba(16,43,59,.12))}
.mnk71-blur{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.58),rgba(255,255,255,.42) 52%,rgba(255,255,255,.55));backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);clip-path:url(#mnk71-clip);-webkit-clip-path:url(#mnk71-clip)}
.mnk71-optic{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;opacity:.95;clip-path:url(#mnk71-clip)}
.mnk71-optic.mnk71-active{display:block}
.mnk71-rim{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.mnk71-rim .outer{fill:none;stroke:url(#mnk71-edge);stroke-width:1.1;vector-effect:non-scaling-stroke}
.mnk71-rim .fine{fill:none;stroke:url(#mnk71-fine);stroke-width:.54;vector-effect:non-scaling-stroke;transform:translateY(1px)}
.mnk71-rim .top-glare{fill:none;stroke:rgba(255,255,255,.36);stroke-width:.8;stroke-linecap:round;vector-effect:non-scaling-stroke}
.mnk71-rim .bottom-shadow{fill:none;stroke:rgba(96,118,132,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.mnk71-content{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}
.mnk71-logo{height:100%;display:flex;align-items:center;gap:10px;padding:7px 15px 7px 12px;pointer-events:auto;text-decoration:none!important;color:#304551!important;white-space:nowrap;min-width:0}
.mnk71-logo img{display:block!important;width:47px!important;height:43px!important;object-fit:contain!important;filter:none!important}
.mnk71-logo-copy{display:grid;gap:3px;line-height:1.05;font-weight:670;font-size:11px;letter-spacing:-.035em}
.mnk71-logo-copy small{font-size:8px;letter-spacing:.095em;font-weight:560;color:#607684}
.mnk71-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(12px,2.05vw,29px);align-items:center;white-space:nowrap;opacity:clamp(0,calc(1 - var(--split) * 4),1);pointer-events:auto}
.mnk71-nav[data-split="true"] .mnk71-middle{pointer-events:none;visibility:hidden}
.mnk71-middle a{text-decoration:none!important;color:#304551!important;font-size:12px;font-weight:540;letter-spacing:-.016em;padding:13px 0;position:relative;transition:opacity .2s}
.mnk71-middle a:hover{opacity:.58}
.mnk71-middle a:after{position:absolute;content:'';bottom:7px;left:0;right:0;height:1px;background:#102B3B;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.mnk71-middle a:hover:after,.mnk71-middle a[aria-current="page"]:after{transform:scaleX(1)}
.mnk71-right{height:100%;width:122px;display:flex;justify-content:center;align-items:center;pointer-events:auto}
.mnk71-toggle{color:#304551!important;display:flex;justify-content:center;gap:13px;align-items:center;height:100%;width:100%;border:0!important;background:transparent!important;cursor:pointer;font:570 12px/1 var(--mnk-font-sans,Arial,sans-serif)!important;letter-spacing:.012em;position:relative}
.mnk71-toggle .lines{width:19px;height:18px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;justify-content:center}
.mnk71-toggle .lines i{width:19px;height:1.5px;display:block;background:currentColor;border-radius:3px;transition:transform .44s cubic-bezier(.18,.8,.23,1),width .33s}
.mnk71-toggle .lines i:last-child{width:12px}
.mnk71-toggle:hover .lines i:last-child{width:19px}
html.mnk48-open .mnk71-toggle .lines i:first-child{transform:translateY(3.25px) rotate(45deg)}
html.mnk48-open .mnk71-toggle .lines i:last-child{width:19px;transform:translateY(-3.25px) rotate(-45deg)}
.mnk71-nav :is(a,button):focus-visible{outline:2px solid #607684;outline-offset:2px;border-radius:9px}
/* Fast, composed menu entrance. No full-panel animated clip-path or blur-filter
   animations: both caused repeated offscreen rasterization and visible input lag. */
body.mnk71-ready .mnk48-overlay{transition:opacity .18s ease,visibility 0s .18s!important}
body.mnk71-ready .mnk48-overlay.mnk48-open{transition:opacity .18s ease,visibility 0s!important}
body.mnk71-ready .mnk48-overlay .mnk48-panel{
  transform-origin:calc(100% - 63px) 8px;
  clip-path:none!important;-webkit-clip-path:none!important;
  transform:translate3d(0,-10px,0) scale(.987);
  opacity:0;
  transition:transform .28s cubic-bezier(.2,.85,.23,1),opacity .16s ease!important;
  background:rgba(255,255,255,.972);
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  will-change:transform,opacity;
  box-shadow:0 24px 65px -26px rgba(16,43,59,.28),0 1px 2px rgba(16,43,59,.10);
}
body.mnk71-ready .mnk48-overlay.mnk48-open .mnk48-panel{
  transform:translate3d(0,0,0) scale(1);opacity:1;
}
body.mnk71-ready .mnk48-overlay .mnk48-entry{
  animation-duration:.24s!important;
  animation-delay:calc(var(--entry) * 18ms)!important;
}
body.mnk71-ready .mnk48-overlay.mnk48-open :is(.mnk48-header,.mnk48-section-head,.mnk48-viewport){
  animation:mnk72-appear .31s both cubic-bezier(.17,.8,.23,1);
}
body.mnk71-ready .mnk48-overlay.mnk48-open .mnk48-section-head{animation-delay:.035s}
body.mnk71-ready .mnk48-overlay.mnk48-open .mnk48-viewport{animation-delay:.06s}
@keyframes mnk72-appear{from{opacity:.35;transform:translate3d(0,7px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:1080px){.mnk71-middle{gap:14px}.mnk71-middle a{font-size:11px}.mnk71-logo-copy{font-size:10px}}
@media(max-width:870px){.mnk71-middle{display:none}.mnk71-nav{height:54px;top:11px}.mnk71-right{width:108px}.mnk71-logo{padding:5px 9px}.mnk71-logo img{width:43px!important;height:40px!important}.mnk71-logo-copy{font-size:10px}.mnk71-logo-copy small{font-size:7px}}
@media(max-width:430px){.mnk71-nav{top:9px;left:9px;right:9px;height:52px}.mnk71-right{width:95px}.mnk71-toggle{font-size:11px!important;gap:7px}.mnk71-logo{gap:5px}.mnk71-logo img{width:38px!important;height:36px!important}.mnk71-logo-copy{font-size:9.5px}.mnk71-logo-copy small{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){body.mnk71-ready .mnk48-overlay .mnk48-panel{transition:none!important}.mnk71-nav *,body.mnk71-ready .mnk48-overlay.mnk48-open :is(.mnk48-header,.mnk48-section-head,.mnk48-viewport){animation:none!important}}
@media(prefers-reduced-transparency:reduce){.mnk71-blur{-webkit-backdrop-filter:none;backdrop-filter:none;background:#FFFFFF}}
body.mnk71-ready .mnk71-inner-spacer{height:76px;pointer-events:none}
@media(max-width:870px){body.mnk71-ready .mnk71-inner-spacer{height:65px}}

/* Subtle material compression at touch-down, then surface returns to rest. */
.mnk71-nav.mnk71-press .mnk71-toggle{animation:mnk71-press .27s cubic-bezier(.2,.85,.21,1) both}
@keyframes mnk71-press{0%{transform:scale(1)}33%{transform:scale(.93,.91)}70%{transform:scale(1.025,1.035)}100%{transform:scale(1)}}

/* v72: eliminate the per-folder live backdrop samples while animating the
   full menu; preserve the original translucent folder faces and printed art. */
body.mnk71-ready .mnk48-overlay .mnk48-folder .gf-front{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  background:linear-gradient(150deg,rgba(255,255,255,.25),rgba(255,255,255,.26));
}
body.mnk71-ready .mnk48-overlay .mnk48-folder .gf-shadow{
  filter:none!important;
}
