html[data-menu-theme=noir] .menu-public-shell{--n-black:#070706;--n-bronze:#d8a76f;--n-line:#d8a76f2e;background:radial-gradient(at 50% 0,#d8a76f21,#0000 28rem),radial-gradient(circle at 80% 62%,#d8a76f0e,#0000 18rem),#070706;position:relative}html[data-menu-theme=noir] .menu-public-shell:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle at 50% 35%,#0000 0 18%,#00000057 58%,#000000c7 100%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px);position:fixed;inset:0}html[data-menu-theme=noir] .menu-public-shell>header,html[data-menu-theme=noir] .menu-public-shell>main,html[data-menu-theme=noir] .menu-public-shell>footer{z-index:1;position:relative}html[data-menu-theme=noir] .menu-public-shell header{isolation:isolate;position:relative;overflow:clip}html[data-menu-theme=noir] .menu-public-shell header:before{content:"";aspect-ratio:1;inset-inline-start:50%;filter:blur(1px);pointer-events:none;background:radial-gradient(circle,#d8a76f2e,#d8a76f0d 27%,#0000 68%);width:min(72vw,38rem);position:absolute;top:4rem;transform:translate(-50%)}html[data-menu-theme=noir] .menu-public-shell header:after{z-index:2}html[data-menu-theme=noir] .menu-public-shell header h1{text-wrap:balance;letter-spacing:-.045em;max-width:8ch}html[data-menu-theme=noir] .menu-public-shell main>section{position:relative}html[data-menu-theme=noir] .menu-public-shell main>section>h2{text-wrap:balance;padding-inline-end:2.5rem;display:inline-block;position:relative}html[data-menu-theme=noir] .menu-public-shell main>section>h2:after{content:"";inset-inline-end:0;background:var(--n-bronze);width:1.75rem;height:1px;position:absolute;bottom:.3em;box-shadow:0 0 18px #d8a76fa6}html[data-menu-theme=noir] .menu-public-shell main ul>li{min-width:0;position:relative}html[data-menu-theme=noir] .menu-public-shell main ul>li>button{isolation:isolate;border-color:var(--n-line);background:linear-gradient(145deg,#ffffff09,#0000 32%),linear-gradient(155deg,#171411,#0b0a09);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .45s;position:relative;overflow:clip}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:before{content:"";z-index:2;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,15%), #ffdbaa2e, transparent 30%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:after{content:"";z-index:3;opacity:0;pointer-events:none;border:1px solid #d8a76f38;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:.65rem;transform:scale(.985)}html[data-menu-theme=noir] .menu-public-shell main ul>li>button>:first-child{position:relative;overflow:hidden}html[data-menu-theme=noir] .menu-public-shell main ul>li>button img{filter:saturate(.72)contrast(1.13)brightness(.68);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s;transform:scale(1.045)}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:focus-visible{border-color:#d8a76f85;transform:translateY(-.45rem)scale(1.008);box-shadow:0 28px 80px #00000094,0 0 34px #d8a76f13}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover:before,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:focus-visible:before,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover:after,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:focus-visible:after{opacity:1;transform:scale(1)}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover img,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:focus-visible img{filter:saturate(.84)contrast(1.12)brightness(.79);transform:scale(1.105)}html[data-menu-theme=noir] .menu-public-shell main ul>li:nth-child(3n+2)>button{border-radius:1rem .25rem}html[data-menu-theme=noir] .menu-public-shell main ul>li:nth-child(3n+3)>button{border-radius:.25rem 1rem}@supports (animation-timeline:view()){html[data-menu-theme=noir] .menu-public-shell main ul>li{animation:linear both noir-cinema-reveal;animation-timeline:view(12% 8%)}}@keyframes noir-cinema-reveal{0%{opacity:.2;filter:blur(2px);transform:translateY(1.2rem)scale(.985)}40%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=700px){html[data-menu-theme=noir] .menu-public-shell header>div:after{display:none}html[data-menu-theme=noir] .menu-public-shell main{padding-inline:.85rem}html[data-menu-theme=noir] .menu-public-shell main>section{padding-block:clamp(2.75rem,10vw,4.5rem)}html[data-menu-theme=noir] .menu-public-shell main ul>li>button{min-height:0}html[data-menu-theme=noir] .menu-public-shell main ul>li>button>:first-child{height:clamp(12rem,58vw,17rem)!important}html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover,html[data-menu-theme=noir] .menu-public-shell main ul>li>button:focus-visible{transform:none}}@media (hover:none){html[data-menu-theme=noir] .menu-public-shell main ul>li>button:hover{transform:none}}@media (prefers-reduced-motion:reduce){html[data-menu-theme=noir] .menu-public-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}html[data-menu-theme=noir] .menu-public-shell [role=dialog]{background:var(--color-surface-primary)!important;color:var(--color-content-primary)!important;border-color:var(--color-border-strong)!important}html[data-menu-theme=noir] .menu-public-shell [role=dialog] .bg-paper,html[data-menu-theme=noir] .menu-public-shell [role=dialog] .bg-paper\/95{background:var(--color-surface-primary)!important}html[data-menu-theme=noir] .menu-public-shell [role=dialog] .bg-sand{background:var(--color-surface-secondary)!important}html[data-menu-theme=noir] .menu-public-shell [role=dialog] .text-ink,html[data-menu-theme=noir] .menu-public-shell [role=dialog] .text-ink-soft,html[data-menu-theme=noir] .menu-public-shell [role=dialog] .text-muted{color:var(--color-content-primary)!important}html[data-menu-theme=noir] .menu-public-shell [role=dialog] .text-muted{color:var(--color-content-muted)!important}html[data-menu-theme=noir] .menu-public-shell [role=dialog] .border-line{border-color:var(--color-border-subtle)!important}
