/* A pearl-like navigation lens, continuous with YAYOI's spatial hero. */
[data-site-header]{gap:16px!important;align-items:center!important;pointer-events:none}
[data-site-header] [data-brand]{display:flex;align-items:center;flex:none;min-height:44px;pointer-events:auto;transition:opacity .65s ease,visibility 0s}
[data-site-header][data-brand-at-top] [data-brand]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility 0s .65s}
.site-brand-logo{display:block;width:136px;height:auto;overflow:visible}
.site-menu-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:112px;min-height:48px;padding:6px 0 6px 12px;border:0;border-radius:0;background:transparent;color:#6d6391;font-family:Jost,sans-serif;font-size:10px;font-weight:400;letter-spacing:.2em;line-height:1;pointer-events:auto;cursor:pointer;transition:color .3s,opacity .4s}
.site-menu-toggle[hidden]{display:none}
.site-menu-toggle:hover{color:#40335f}
.site-menu-mark{position:relative;display:block;flex:none;width:38px;height:38px;perspective:120px}
.site-menu-mark::before,.site-menu-mark::after{content:"";position:absolute;inset:1px;border:1px solid #b4c9df;border-radius:50%;transform:rotate(-32deg) scaleY(.42);transition:transform .85s cubic-bezier(.22,1,.36,1),border-color .4s}
.site-menu-mark::after{border-color:#c8b9dc;transform:rotate(45deg) scaleY(.42)}
.site-menu-seed{position:absolute;left:15px;top:15px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white 0 10%,#e4e8fa 30%,#d2c9f2 58%,#bce4e2 100%);box-shadow:0 0 11px rgba(186,186,227,.5);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .4s}
.site-menu-toggle:hover .site-menu-mark::before{transform:rotate(-10deg) scaleY(.55)}
.site-menu-toggle:hover .site-menu-mark::after{transform:rotate(65deg) scaleY(.55)}
.site-menu-toggle[aria-expanded="true"] .site-menu-mark::before{transform:rotate(45deg) scaleY(0);border-color:#a4b8d4}
.site-menu-toggle[aria-expanded="true"] .site-menu-mark::after{transform:rotate(135deg) scaleY(0);border-color:#b6a6cf}
.site-menu-toggle[aria-expanded="true"] .site-menu-seed{transform:scale(.2);opacity:0}
[data-site-header] .site-menu{position:absolute;right:clamp(16px,4vw,48px);top:calc(100% + 12px);display:grid!important;align-content:center;gap:0;width:510px;min-height:min(490px,calc(100svh - 126px));box-sizing:border-box;max-height:calc(100svh - 126px);overflow:auto;overscroll-behavior:contain;padding:58px 62px 50px 66px;background:radial-gradient(ellipse at 22% 16%,rgba(255,255,255,.99) 0 12%,transparent 48%),radial-gradient(ellipse at 87% 72%,rgba(214,236,238,.8),transparent 46%),radial-gradient(ellipse at 74% 18%,rgba(225,220,245,.8),transparent 58%),rgba(250,251,255,.95);border:1px solid rgba(255,255,255,.95);border-radius:49% 51% 47% 53% / 48% 46% 54% 52%;box-shadow:inset 0 0 50px rgba(255,255,255,.9),0 24px 80px rgba(103,103,141,.09);pointer-events:auto;isolation:isolate;opacity:0;transform:translate(8px,-14px) scale(.94);transform-origin:92% 0;transition:opacity .45s ease,transform .85s cubic-bezier(.22,1,.36,1)}
[data-site-header] .site-menu[hidden]{display:none!important}
.site-menu-orbits{position:absolute;inset:20px;z-index:-1;pointer-events:none;overflow:hidden;border-radius:50%}
.site-menu-orbits span{position:absolute;inset:18px;border:1px solid rgba(160,177,211,.24);border-radius:50%;transform:rotate(-28deg) scaleX(.64);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .7s;opacity:0}
.site-menu-orbits span+span{inset:30px;border-color:rgba(188,164,205,.22);transform:rotate(42deg) scaleX(.72)}
.site-menu-heading,.site-menu-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:Jost,sans-serif;font-size:8px;letter-spacing:.18em;line-height:1.6;color:#7e8498}
.site-menu-heading{padding:0 16px 24px 32px}
.site-menu-footer{padding:26px 18px 0 32px;letter-spacing:.04em;font-size:9px}
.site-menu-point{width:3px;height:3px;border-radius:50%;background:#b5a4d3;box-shadow:0 0 0 5px rgba(255,255,255,.6)}
[data-site-header] .site-menu a{position:relative;display:grid;grid-template-columns:22px 1fr 30px;align-items:center;gap:14px;min-height:62px;padding:5px 4px;color:#696082;font-family:Jost,sans-serif;line-height:1.15;border:0;text-decoration:none;opacity:0;transform:translate(7px,8px);transition:opacity .45s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:0s}
[data-site-header] .site-menu a:nth-of-type(1),[data-site-header] .site-menu a:nth-of-type(4){margin-left:26px;margin-right:14px}
.site-menu-number{font-size:8px;letter-spacing:.06em;color:#9692aa}
.site-menu-title{font-size:36px;font-weight:300;letter-spacing:.005em;transition:transform .6s cubic-bezier(.22,1,.36,1),color .3s}
.site-menu-arrow{position:relative;justify-self:end;width:24px;height:24px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.site-menu-arrow::before{content:"";position:absolute;left:1px;right:1px;top:11px;height:1px;background:linear-gradient(90deg,rgba(178,179,210,.2),#bbb5d2)}
.site-menu-arrow::after{content:"";position:absolute;right:1px;top:9px;width:5px;height:5px;border:1px solid #bbb5d2;border-radius:50%;background:#f8f8ff;box-sizing:border-box}
[data-site-header] .site-menu a:hover .site-menu-title{transform:translateX(5px);color:#40335f}
[data-site-header] .site-menu a:hover .site-menu-arrow{transform:translateX(4px)}
[data-site-header][data-menu-open] .site-menu{opacity:1;transform:translate(0,0) scale(1)}
[data-site-header][data-menu-open] .site-menu-orbits span{opacity:1;transform:rotate(-18deg) scaleX(.68)}
[data-site-header][data-menu-open] .site-menu-orbits span+span{transform:rotate(52deg) scaleX(.76)}
[data-site-header][data-menu-open] .site-menu a{opacity:1;transform:translate(0,0);transition-delay:calc(var(--row)*45ms + 80ms)}
[data-site-header] .site-menu[data-closing]{transform:translate(3px,-8px) scale(.97);transition-duration:.55s;pointer-events:none}
[data-site-header]:not([data-menu-ready]) .site-menu,[data-site-header]:not([data-menu-ready]) .site-menu a{opacity:1;transform:none}
[data-site-header] a:focus-visible,.site-menu-toggle:focus-visible{outline:2px solid #9bcaf9;outline-offset:5px;border-radius:4px}
/* Leave the Partners title clear while keeping the navigation available. */
@media(min-width:721px){html[data-partnervis] [data-site-header] [data-brand]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}
@media(max-width:720px){
  .site-brand-logo{width:96px}
  .site-menu-toggle{min-width:98px;gap:14px}
  .site-menu-mark{width:34px;height:34px}
  .site-menu-seed{left:13px;top:13px}
  [data-site-header] .site-menu{left:auto;right:18px;top:calc(100% + 12px);width:calc(100vw - 36px);max-width:420px;min-height:min(355px,calc(100svh - 120px));max-height:calc(100svh - 120px);padding:32px 44px 40px;border-radius:48% 52% 45% 55% / 35% 40% 60% 65%}
  .site-menu-orbits{inset:12px}
  .site-menu-heading{font-size:7px;letter-spacing:.12em;padding:0 10px 18px 18px}
  [data-site-header] .site-menu a{grid-template-columns:18px 1fr 21px;gap:8px;min-height:51px}
  [data-site-header] .site-menu a:nth-of-type(1),[data-site-header] .site-menu a:nth-of-type(4){margin-left:12px;margin-right:4px}
  .site-menu-title{font-size:29px}
  .site-menu-arrow{width:20px}
  .site-menu-footer{justify-content:center;padding:18px 0 0;font-size:8px;letter-spacing:0;gap:12px}
  html[data-msgvis]:not([data-contactvis]) .site-menu-toggle,html[data-msgvis]:not([data-contactvis]) .site-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html[data-contactvis] .site-menu-toggle{min-width:48px;width:48px;gap:0;padding:0;justify-content:center}
  html[data-contactvis] [data-menu-label]{display:none}
  html[data-partnervis][data-mobile-partner-card="1"] [data-site-header] [data-brand]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html[data-mobile-partner-card="1"] .site-menu-toggle,html[data-mobile-partner-card="1"] .site-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(min-width:721px) and (max-height:650px){[data-site-header] .site-menu{align-content:start;min-height:0;border-radius:56px;padding-top:26px;padding-bottom:26px}}
@media(max-height:550px){[data-site-header] .site-menu{min-height:0;align-content:start;border-radius:56px;padding-top:26px;padding-bottom:26px}}
@media(prefers-reduced-motion:reduce){[data-site-header] [data-brand],.site-menu-toggle,.site-menu-mark::before,.site-menu-mark::after,.site-menu-seed,.site-menu-title,.site-menu-arrow,[data-site-header] .site-menu,[data-site-header] .site-menu-orbits span,[data-site-header] .site-menu a{transition:none!important}}

/* The existing four links travel around the front arc, with a soft hidden return. */
.site-menu-orbit{position:relative;--orbit-step:62px}
.site-menu[data-orbit-ready]{touch-action:pan-x pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}
.site-menu[data-orbit-dragging]{cursor:grabbing}
.site-menu[data-orbit-ready] .site-menu-orbit{height:calc(var(--orbit-step)*4);overflow:hidden;overflow:clip;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
[data-site-header] .site-menu[data-orbit-ready] .site-menu-orbit a{position:absolute;top:0;left:0;width:calc(100% - 24px);height:var(--orbit-step);min-height:44px;box-sizing:border-box;margin:0;transform:translate3d(var(--orbit-x,0px),var(--orbit-y,0px),0);opacity:var(--orbit-opacity,1);transition:none;cursor:pointer}
[data-site-header] .site-menu[data-orbit-ready] .site-menu-title{scale:var(--orbit-scale,1);transform-origin:left center}
.site-menu-gesture{display:none}
.site-menu[data-orbit-ready] .site-menu-gesture{display:inline;font-size:8px;letter-spacing:.12em}
.site-menu[data-orbit-ready] .site-menu-motto{display:none}
@media(max-width:720px){.site-menu-orbit{--orbit-step:51px}}
@media(max-height:550px){
  .site-menu-orbit{--orbit-step:48px}
  .site-menu[data-orbit-ready] .site-menu-heading{padding-bottom:12px}
  .site-menu[data-orbit-ready] .site-menu-footer{padding-top:14px}
}
@media(max-height:390px){.site-menu-orbit{--orbit-step:44px}}
