/* A stable opaque plate protects the official white symbol from the red fluid. */
html{scrollbar-gutter:stable}
.header-symbol{top:18px;left:calc(50% - 28px);width:56px;height:56px;display:grid;place-items:center;background:#141c23;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 1px #141c2355,0 4px 14px #141c2314;isolation:isolate;transition:box-shadow .3s}
.header-symbol img{width:25px;height:34px;transition:transform .45s var(--ease)}
.header-symbol:hover img,.header-symbol:focus-visible img{transform:rotate(-8deg) scale(1.08)}
.header-symbol:hover{box-shadow:0 0 0 5px #f8f5ef66,0 4px 14px #141c2320}
.menu-toggle{overflow:hidden;isolation:isolate;transition:background .3s,border-color .3s}
.menu-toggle span{height:2px;transition:width .4s var(--ease),transform .4s var(--ease),background .3s;margin:0}
.menu-toggle span:last-child{margin-left:9px}
.menu-toggle:hover,.menu-toggle:focus-visible{background:#efd0c7;border-color:var(--ink)}
.menu-toggle:hover span,.menu-toggle:focus-visible span{background:var(--ink);width:20px;margin-left:0}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg);width:20px;margin-left:0}
/* The native dialog stays in the top layer until its exit animation has finished. */
.menu-panel{--menu-backdrop:1;padding:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;overflow:auto;overscroll-behavior:contain;background:#141c23;color:#f8f5ef;isolation:isolate}
.menu-panel::backdrop{background:rgb(8 13 18 / calc(var(--menu-backdrop)*.65));backdrop-filter:blur(8px)}
.menu-inner{min-height:100%;display:flex;flex-direction:column;padding:25px 5vw 30px;position:relative;overflow:clip}
.menu-top{position:sticky;top:0;z-index:3;gap:24px;flex-shrink:0;background:#141c23}
.menu-top>img{width:178px;height:45px;object-fit:contain;object-position:left}
.menu-kicker{font-size:11px;letter-spacing:.08em;color:#b5bec5;margin-left:auto}
.menu-close{display:flex;align-items:center;gap:16px;border:0;background:transparent;padding:0;color:#f8f5ef;min-height:48px}
.menu-close>span{font-size:11px;font-weight:800;letter-spacing:.06em}
.menu-close i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff66;border-radius:50%;font:300 29px/1 var(--body);transition:transform .55s var(--ease),background .35s,color .35s}
.menu-close:hover i,.menu-close:focus-visible i{transform:rotate(90deg);background:#293640;color:#fff}
.menu-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:5vw;align-items:center;margin:38px 0}
.menu-panel nav{margin:0;min-width:0;position:relative;z-index:2}
.menu-panel nav a{position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;font:800 clamp(38px,min(4.8vw,8vh),80px)/1.07 var(--display);letter-spacing:-.015em;padding:16px 8px;border-bottom:1px solid #ffffff30;transition:color .3s;transform:none}
.menu-panel nav a:first-child{border-top:1px solid #ffffff30}
.menu-panel nav a::before{content:'';position:absolute;inset:0;z-index:-1;background:#293640;box-shadow:inset 3px 0 #ff6262;clip-path:inset(100% 0 0 0 round 50% 50% 0 0);transition:clip-path .6s var(--ease);pointer-events:none}
.menu-panel nav a:hover,.menu-panel nav a:focus-visible{color:#fff;transform:none}
.menu-panel nav a:hover::before,.menu-panel nav a:focus-visible::before{clip-path:inset(0 0 0 0 round 0)}
.menu-panel nav a small{font:700 11px/1.3 var(--body);align-self:center;padding:0;min-width:20px;color:#ff7979;transition:color .3s}
.menu-panel nav a:hover small,.menu-panel nav a:focus-visible small{color:#ff8b8b}
.menu-panel nav a>.menu-link-mask{display:block;flex:1;min-width:0;overflow:clip;padding:6px 0;margin:0;font:inherit}
.menu-link-text{display:block;transition:transform .6s var(--ease)}
.menu-char{display:inline-block;will-change:transform}
.menu-word{display:inline-block;white-space:nowrap}
.menu-panel nav a>.menu-link-arrow{display:block;margin:0;font:300 36px/1 var(--body);transition:transform .6s var(--ease)}
.menu-panel nav a:hover .menu-link-text,.menu-panel nav a:focus-visible .menu-link-text{transform:translateX(8px)}
.menu-panel nav a:hover .menu-link-arrow,.menu-panel nav a:focus-visible .menu-link-arrow{transform:rotate(45deg)}
.menu-art{position:relative;aspect-ratio:.8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;isolation:isolate;pointer-events:none}
.menu-art:before{content:'';position:absolute;width:82%;aspect-ratio:1;background:#c9141a;border-radius:50%;z-index:-1;top:0}
.menu-art>img{width:92px;height:130px;object-fit:contain;transform:rotate(-10deg)}
.menu-art>span{text-align:center;font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.04em}
.menu-art>span em{font-size:1.15em;display:inline-block;margin-top:5px}
.menu-art-orbit{position:absolute;inset:9% -10% 25%;border:1px solid #ffffff33;border-radius:50%;transform:rotate(-30deg);z-index:-1}
.menu-bottom{border-top:1px solid #ffffff30;padding-top:24px;gap:30px;align-items:end;position:relative;z-index:2;flex-shrink:0}
.menu-bottom>span{font-size:11px;letter-spacing:.04em;color:#aeb9c2;line-height:1.7}
.menu-bottom>div{display:flex;flex-direction:column;gap:7px;margin-left:auto}
.menu-bottom>div a{font-size:15px;line-height:1.5;transition:color .25s}
.menu-bottom>div a:first-child{font-size:23px;font-weight:750;letter-spacing:-.03em}
.menu-bottom>div a:first-child span{display:inline-block;margin-left:25px;transition:transform .4s var(--ease)}
.menu-bottom>div a:hover,.menu-bottom>div a:focus-visible{color:#ff7979}
.menu-bottom>div a:hover span{transform:translate(3px,-3px)}
.menu-bottom .menu-note{margin-left:35px;text-align:right;color:#f8f5ef}
.menu-panel[data-state=closing] nav a{pointer-events:none}
@media(max-width:1149px){.menu-body{grid-template-columns:1fr}.menu-art{display:none}.menu-panel nav a{font-size:clamp(38px,min(6.2vw,8vh),70px);padding:16px 8px}}
@media(max-width:700px){
 .header-symbol{display:none}.menu-inner{padding:20px 6vw 26px}.menu-top>img{width:145px;height:40px}.menu-kicker{display:none}.menu-close{gap:10px}.menu-close>span{font-size:10px}.menu-close i{width:44px;height:44px}
 .menu-body{margin:35px 0;gap:0}.menu-panel nav a{font-size:clamp(31px,8.3vw,52px);padding:22px 0;gap:12px}.menu-panel nav a small{font-size:10px;min-width:17px}.menu-panel nav a>.menu-link-arrow{font-size:26px}.menu-panel nav a>.menu-link-mask{padding:5px 0}.menu-panel nav a:hover .menu-link-text{transform:translateX(3px)}
 .menu-bottom{flex-wrap:wrap;align-items:start;gap:18px;padding-top:22px}.menu-bottom>span{font-size:10px;flex-basis:100%}.menu-bottom>div{margin:0;gap:4px}.menu-bottom>div a:first-child{font-size:24px}.menu-bottom>div a{font-size:14px}.menu-bottom .menu-note{display:none}
}
@media(max-height:650px) and (min-width:701px){.menu-inner{padding-block:18px}.menu-body{margin:20px 0}.menu-panel nav a{font-size:clamp(32px,4vw,58px);padding:13px 8px}.menu-bottom{padding-top:16px}.menu-art{max-height:230px}.menu-art>img{height:95px}.menu-art>span{font-size:20px}}
.reduce-motion .menu-panel,.reduce-motion .menu-char{clip-path:none!important;transform:none!important}
.reduce-motion .menu-panel *{transition:none!important}.reduce-motion .header-symbol img{transform:none!important}
@media(forced-colors:active){.header-symbol{border:2px solid CanvasText}.menu-panel nav a:focus-visible{outline:3px solid Highlight}}