/* One breakpoint governs the whole menu, including tablets from 701 to 800px. */
.mobile-nav-caption,.nav-index,.nav-arrow{display:none}
.home-page.world-design .site-header #navigation>a:last-child{display:inline-flex;align-items:center;gap:10px}
.menu-glyph{position:relative;width:18px;height:16px;display:block;flex:none}
.menu-glyph i{position:absolute;left:0;width:18px;height:1.5px;border-radius:2px;background:currentColor;top:4px;transition:transform .25s,top .25s}
.menu-glyph i:last-child{top:11px}
.menu-toggle[aria-expanded=true] .menu-glyph i{top:7px;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-glyph i:last-child{transform:rotate(-45deg)}
@media(max-width:800px){
  .home-page.world-design .site-header{height:80px;padding:16px max(16px,5vw);align-items:flex-start;z-index:60;background:transparent}
  .home-page.world-design .site-header>.menu-toggle{
    display:inline-flex;justify-content:space-between;gap:16px;min-width:118px;min-height:46px;margin:0 0 0 auto;
    padding:12px 17px;color:#203b4d;font:500 13px/1.4 'Segoe UI',Arial,sans-serif;
    background:linear-gradient(130deg,#fffffff0,#edf3f1e6);border:1px solid #ffffffeb;border-radius:28px;
    box-shadow:inset 0 1px #fff,0 5px 20px #29495514;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    transition:background .25s,box-shadow .25s,color .25s
  }
  .home-page.world-design.is-night .site-header>.menu-toggle{color:#f1f5fa;background:linear-gradient(130deg,#344b62eb,#1a2e46eb);border-color:#d8eaff3d;box-shadow:inset 0 1px #ffffff1f,0 5px 20px #0002}
  .home-page.world-design .site-header #navigation{
    position:absolute;inset:72px max(16px,5vw) auto auto;display:flex;flex-direction:column;align-items:stretch;gap:0;
    width:min(360px,calc(100% - max(32px,10vw)));max-width:none;max-height:calc(100svh - 92px);overflow-y:auto;overscroll-behavior:contain;
    margin:0;padding:20px;color:#203b4d;background:linear-gradient(145deg,#fffdf8f5,#eaf0eff5);
    border:1px solid #ffffffed;border-radius:24px;box-shadow:inset 0 1px #fff,0 24px 60px #152c4329,0 3px 12px #152c4314;
    backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;
    transition:opacity .22s ease,transform .22s ease,visibility .22s
  }
  .home-page.world-design .site-header #navigation.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .home-page.world-design.is-night .site-header #navigation{color:#edf4fa;background:linear-gradient(145deg,#20364df5,#13263bf5);border-color:#d6e9ff30;box-shadow:inset 0 1px #ffffff17,0 24px 60px #030e2455}
  .home-page.world-design .site-header #navigation .mobile-nav-caption{display:flex;flex-direction:column;gap:5px;padding:3px 10px 17px}
  .mobile-nav-caption small{font:500 9px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em;opacity:.68}
  .mobile-nav-caption>span{font:22px/1.25 Georgia,serif}
  .home-page.world-design .site-header #navigation>a{
    display:flex;align-items:center;gap:15px;min-height:51px;width:100%;margin:0;padding:12px 10px;
    font:500 16px/1.5 'Segoe UI',Arial,sans-serif;color:inherit;text-decoration:none;text-align:left;
    border:0;border-bottom:1px solid #24475b1c;border-radius:0;background:transparent;box-shadow:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;overflow:visible;transition:background .18s,color .18s
  }
  .home-page.world-design.is-night .site-header #navigation>a{border-bottom-color:#dcecff1c}
  .home-page.world-design .site-header #navigation>a:hover{background:#759bac14;border-radius:9px;transform:none;box-shadow:none}
  .home-page.world-design .site-header #navigation>a:focus-visible{outline:2px solid #aa7b35;outline-offset:1px;border-radius:8px}
  .home-page.world-design.is-night .site-header #navigation>a:focus-visible{outline-color:#e4c58e}
  .home-page.world-design .site-header #navigation .nav-index{display:block;flex:none;min-width:20px;font:10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.06em;opacity:.58}
  .home-page.world-design .site-header #navigation .nav-arrow{display:block;margin-left:auto;font-size:18px;font-weight:400;opacity:.65}
  .home-page.world-design .site-header #navigation>a:last-child{
    justify-content:space-between;min-height:49px;margin-top:16px;padding:12px 16px;border:1px solid #486b7c;border-radius:13px;
    background:linear-gradient(135deg,#365b70,#203e53);color:#fff;font-size:14px;box-shadow:inset 0 1px #ffffff25,0 4px 12px #2444551a
  }
  .home-page.world-design.is-night .site-header #navigation>a:last-child{color:#1a3349;background:linear-gradient(135deg,#eef5fb,#cddfeb);border-color:#f4f9ff99}
  .home-page.world-design .site-header #navigation>a:last-child:hover{filter:brightness(1.06)}
  html.intro-locked .home-page.world-design .site-header #navigation{visibility:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .home-page.world-design .site-header #navigation,.home-page.world-design .site-header #navigation>a,.menu-glyph i{transition:none}
}
