/* Volume 03: image, type, space. Decoration never competes with the work. */
body.nijika {
  --layout-width:1200px;
  --sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --chinese:var(--sans);
  --body-size:17px;--body-leading:1.85;
  --summary-size:16px;--summary-leading:1.8;
  --meta-size:12px;--meta-leading:1.6;
  --page-gutter:clamp(20px,4vw,56px);
  --page-inset:max(var(--page-gutter),calc((100% - var(--layout-width))/2));
  --page-start:48px;
  --page-end:72px;
  --page-title:clamp(36px,4.4vw,64px);
  --section-space:88px;
}
/* One content axis. Reading keeps its own narrower text column inside this shell. */
.hub-v3,.live-archive.catalog-v3,.atelier-room,.music-studio,.practice-room,.series-page {
  box-sizing:border-box;width:min(var(--layout-width),calc(100% - 2 * var(--page-gutter)));
  max-width:none;margin-inline:auto;padding:var(--page-start) 0 var(--page-end);
}
/* One neutral reading palette. Saturated gold is reserved for small accents;
   the separate text accent meets contrast requirements on the page surface. */
body.nijika.light,body.nijika.light[data-section="atelier"] {
  --bg:#ffffff;--surface:#f6f6f6;--ink:#161616;--text:#252525;--muted:#595959;
  --line:#e5e5e5;--yellow:#805000;--accent:#f5c542;--accent-ink:#161616;
  --accent-soft:#fff3c4;--sage:#595959;--paper-shadow:#0000000a;
  color-scheme:light;background:var(--bg);color:var(--ink);
}
body.nijika:not(.light),body.nijika[data-section="atelier"]:not(.light) {
  --bg:#111114;--surface:#1c1c20;--ink:#f5f5f7;--text:#e4e4e7;--muted:#a1a1aa;
  --line:#35353d;--yellow:#f5cf66;--accent:#f5c542;--accent-ink:#161616;
  --accent-soft:#353024;--sage:#a1a1aa;--paper-shadow:#00000020;
  color-scheme:dark;background:var(--bg);color:var(--ink);
}
body.nijika {background-image:none}
.nijika .surface-noise {display:none}
body.nijika:not(.on-cover):not([data-section="studio"]) :is(.stage-field,.stage-field-fallback) {display:none}
body.nijika:not(.on-cover) .site-header {background:var(--bg);backdrop-filter:none;border-bottom:0;box-shadow:none}
.site-header,body[data-section="atelier"] .site-header {height:76px;max-width:none;padding-inline:var(--page-inset);border-bottom:0;background:var(--bg);gap:22px}
.site-header .brand {min-width:48px;font-size:31px;letter-spacing:-2px}
.header-navigation {gap:24px;margin-inline:auto}
.header-navigation a {padding:0 4px;font-size:14px;min-height:44px;min-width:44px;justify-content:center;color:var(--text);border-radius:0;transition:color .2s ease}
.header-navigation a:hover,.header-navigation a[aria-current=page] {color:var(--ink);background:none}
.site-header .brand>span {color:var(--accent)}
.header-navigation a[aria-current=page]:after {left:4px;right:4px;bottom:0;height:2px;background:var(--accent)}
.header-controls {gap:9px;margin-left:0}
.theme-toggle-icon {display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:0;color:var(--text);transition:color .2s ease}
.theme-toggle-icon:hover {color:var(--ink)}
.theme-toggle-icon svg {grid-area:1/1;width:19px;height:19px;stroke-width:1.5}
.theme-toggle-icon[aria-checked=true] .theme-moon,.theme-toggle-icon[aria-checked=false] .theme-sun {display:none}
.site-header .icon-button,.site-header .menu-open {height:44px;min-height:44px;min-width:44px;width:44px;color:var(--text)}
.menu-open>span {display:none}
.on-cover .site-header {position:relative;inset:auto;width:100%;max-width:none;height:76px;padding-inline:var(--page-inset);border:0;border-radius:0;background:var(--bg);backdrop-filter:none;z-index:15;box-shadow:none}
.on-cover:not(.light) .site-header {background:var(--bg);box-shadow:none}
.on-cover .site-header .brand {color:var(--ink)}
.on-cover .site-header .brand>span {color:var(--accent)}
.site-footer,.on-cover .site-footer,body[data-section="atelier"] .site-footer {max-width:none;padding-inline:var(--page-inset);padding-block:24px;min-height:80px;gap:16px;border-top:0}
.site-footer .copyright {font:var(--meta-size)/var(--meta-leading) var(--sans);color:var(--muted);letter-spacing:0}
.footer-after-links {font:var(--meta-size)/var(--meta-leading) var(--sans);gap:12px;margin-right:0}
.footer-after-links>a,.footer-after-links>button {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.site-footer .footer-after-links>button {width:44px;min-height:44px}
.site-header :is(a,button):focus-visible,.site-footer :is(a,button):focus-visible {outline:2px solid var(--ink);outline-offset:4px}
.site-header .icon-button:hover,.site-footer .icon-button:hover {background:none;color:var(--ink)}
.utility-controls {gap:1px}
.utility-controls .icon-button {width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted)}

/* A panoramic stage, with a single brand treatment across the lower plane. */
.cover.cinema-v3 {position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;height:100svh;min-height:0;overflow:hidden;background:#08131e;isolation:isolate}
.cinema-art {position:absolute;inset:90px 0 88px;margin:0;overflow:hidden;z-index:-1;background:#08131e}
.cinema-art picture {display:block;width:100%;height:100%}
.cinema-art img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:68% 45%;transform:translate(calc(var(--px,0)*-3px),calc(var(--py,0)*-2px)) scale(1.01);filter:none;opacity:1}
.cinema-art:after {content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07132099,transparent 35%),linear-gradient(90deg,#08152138,transparent 55%);pointer-events:none}
.cinema-copy {position:absolute;inset:0;pointer-events:none}
.cinema-title {position:absolute;left:5.1%;right:4%;bottom:109px;display:flex;align-items:baseline;gap:3vw;white-space:nowrap;text-wrap:nowrap;font:600 clamp(110px,min(18vw,27vh),280px)/.77 var(--condensed);letter-spacing:-.045em;color:#fff9e9;margin:0;text-shadow:0 3px 30px #04132033}
.cinema-title>span {font-size:.56em;letter-spacing:-.06em}
.cinema-title>span>span {color:#e9c778}
.cinema-title>em {font-style:normal;letter-spacing:-.035em;font-weight:600}
.cinema-bottom {position:absolute;inset:auto 0 0;height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:var(--bg);color:var(--ink);gap:25px;pointer-events:auto}
.cinema-bottom>p {font-size:14px;letter-spacing:.07em;color:var(--text);margin:0}
.cinema-v3 .cinema-enter {position:static;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:46px;width:auto;min-width:210px;height:50px;min-height:50px;border:0;border-radius:3px;padding:13px 19px;background:var(--ink);color:var(--bg);transform:none;box-shadow:none;font:13px var(--chinese);pointer-events:auto}
.cinema-v3 .cinema-enter:before,.cinema-v3 .cinema-enter:after {display:none}
.cinema-v3 .cinema-enter:hover {background:var(--accent);color:var(--accent-ink)}
.cinema-enter svg {transition:transform .24s ease}
.cinema-enter:hover svg {transform:translate(3px,-3px)}
body:not(.motion-off) .cinema-art {animation:cinema-open .85s cubic-bezier(.16,1,.3,1) both}
body:not(.motion-off) .cinema-title {animation:cinema-title-rise .7s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes cinema-open {from{clip-path:inset(5% 3% 2%);opacity:.75}to{clip-path:inset(0);opacity:1}}
@keyframes cinema-title-rise {from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* Two aligned editorial leads, followed by a compact technical index. */
.hub-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px}
.hub-heading h1 {font:500 var(--page-title)/1.2 var(--chinese);letter-spacing:-.05em;margin:0}
.hub-heading>a {display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);min-height:44px}
.hub-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;align-items:start}
.hub-card {position:relative;display:block;min-width:0;border:0;background:none;overflow:hidden;border-radius:3px;isolation:isolate}
.hub-card>img {width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s;transform-origin:center}
.hub-card-caption {position:relative;padding:18px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:7px 16px}
.hub-card-caption h2 {font:500 clamp(25px,2.4vw,32px)/1.25 var(--chinese);letter-spacing:-.045em;margin:0}
.hub-card-caption p {grid-column:1;grid-row:2;font-size:13px;line-height:1.6;color:var(--muted);margin:0;overflow-wrap:anywhere}
.hub-card-caption>svg {grid-column:2;grid-row:1/3;align-self:center;width:24px;height:24px;color:var(--yellow);transition:transform .24s}
.hub-writing>img {object-position:43% 0%;transform-origin:center top}
.hub-studio {min-width:0}
.hub-studio .hub-card>img {object-position:52% 0%;transform-origin:center top}
.hub-research,.hub-projects {display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;border-top:0;padding-top:24px;border-radius:0}
.hub-research>img,.hub-projects>img {aspect-ratio:1.25;object-position:55% center;border-radius:3px}
.hub-research .hub-card-caption,.hub-projects .hub-card-caption {padding:0}
.hub-research h2,.hub-projects h2 {font-size:25px}
.hub-secondary {grid-column:1/-1;display:flex;gap:32px;border-block:0;padding-block:8px;flex-wrap:wrap}
.hub-secondary>a {display:flex;align-items:center;gap:20px;min-height:44px;font-size:13px;color:var(--text)}
.hub-secondary svg {width:16px;height:16px;flex:none;color:var(--yellow)}
.hub-secondary>a:hover {color:var(--yellow)}
.hub-v3 a:focus-visible {outline:2px solid var(--yellow);outline-offset:5px}
.hub-v3 a[data-reveal]:focus-visible {clip-path:none;opacity:1;transform:none}
.hub-recent {margin-top:var(--section-space);display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:32px}
.hub-recent>h2 {grid-row:1/5;font:500 24px/1.5 var(--chinese);letter-spacing:-.035em;margin:0;padding-top:16px}
.hub-recent>a {grid-column:2;display:grid;grid-template-columns:100px minmax(0,1fr) 20px;gap:20px;align-items:center;padding:20px 0;border-top:0}
.hub-recent>a:last-child {border-bottom:0}
.hub-recent time {font:12px var(--sans);color:var(--muted)}
.hub-recent h3 {font:400 18px/1.6 var(--chinese);margin:0;overflow-wrap:anywhere}
.hub-recent svg {color:var(--yellow)}
.hub-recent>a:hover h3 {color:var(--yellow)}

/* On reading destinations the first article, not a poster, leads the page. */

.reading-studio .reading-opener .eyebrow {display:none}
.reading-studio .reading-opener h1 {margin-top:0;font-family:var(--chinese)}
.reading-nav>span {display:none}
.chapter-rail summary>span,.reader-encore>.eyebrow {display:none}
.encore-heading .after-eyebrow {display:none}

/* Legacy reading entrances share the quiet blog rhythm, without changing posts. */
.archive-page {width:min(960px,calc(100% - 2 * var(--page-gutter)));max-width:none;min-height:0;margin-inline:auto;padding:var(--page-start) 0 var(--page-end)}
.archive-page .archive-heading {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.archive-page .archive-heading>div {min-width:0}
.archive-page .archive-heading h1 {font:500 clamp(32px,3.6vw,44px)/1.25 var(--chinese);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.archive-page .archive-count {margin:8px 0 0;font:13px/1.7 var(--chinese);color:var(--muted)}
.archive-page .archive-return {display:inline-flex;align-items:center;min-height:44px;font:13px var(--chinese);color:var(--text);white-space:nowrap}
.archive-page .taxonomy-nav {display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0 28px;padding:0;border:0}
.archive-page .taxonomy-nav>a {min-height:44px;padding:8px 0;font-size:14px;color:var(--text);border:0}
.archive-page .taxonomy-nav>[aria-current=page] {font-weight:600;color:var(--ink)}
.archive-page .post-list {display:flex;flex-direction:column;gap:28px;margin:0}
.archive-page .post-row {display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:baseline;min-height:44px;padding:4px 0;border:0;background:none}
.archive-page .post-row:last-child {border:0}
.archive-page .post-row time {grid-column:auto;font:12px/1.8 var(--sans);color:var(--muted)}
.archive-page .post-row h2 {margin:0;font:500 21px/1.55 var(--chinese);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.archive-page .post-row>span {display:none}
.archive-page .post-row:hover h2 {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.archive-page .taxonomy-list,.archive-page .tag-cloud {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px}
.archive-page .taxonomy-list>a,.archive-page .tag-cloud>a {display:flex;align-items:baseline;gap:16px;min-height:48px;padding:10px 0;border:0;border-radius:0;background:none}
.archive-page .taxonomy-list>a>span,.archive-page .tag-cloud>a>span {font:400 18px/1.6 var(--chinese);color:var(--ink);overflow-wrap:anywhere;min-width:0}
.archive-page .taxonomy-list small,.archive-page .tag-cloud small {flex:none;font:12px/1.8 var(--chinese);color:var(--muted)}
.archive-page .taxonomy-list>a:hover>span,.archive-page .tag-cloud>a:hover>span {text-decoration:underline;text-underline-offset:5px}
.archive-page .pagination {gap:8px;margin:36px 0 0;border:0}
.archive-page .pagination>a,.archive-page .pagination>span {min-width:44px;min-height:44px;font-size:13px;color:var(--text);border:0}
.archive-page .pagination .current {background:var(--surface);color:var(--ink);font-weight:600;border-radius:3px}
.archive-page a:focus-visible {outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:600px) {
  .archive-page .archive-heading {gap:16px}
  .archive-page .archive-heading h1 {font-size:clamp(28px,7.8vw,36px)}
  .archive-page .archive-count {font-size:12px;margin-top:6px}
  .archive-page .taxonomy-nav {margin:16px 0 24px}
  .archive-page .post-list {gap:26px}
  .archive-page .post-row {grid-template-columns:minmax(0,1fr);gap:5px;padding:3px 0}
  .archive-page .post-row time {grid-column:auto;font-size:12px}
  .archive-page .post-row h2 {font-size:20px}
  .archive-page .taxonomy-list,.archive-page .tag-cloud {grid-template-columns:minmax(0,1fr);gap:4px}
  .archive-page .pagination {gap:4px}
}

/* One deliberate menu, without the second set of ticket labels. */
.nijika .menu-v3 {width:min(1040px,calc(100vw - 44px));height:auto;max-height:calc(100dvh - 44px);padding:30px 36px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:auto}
.menu-v3::backdrop {background:#07121aaf;backdrop-filter:blur(8px)}
.menu-v3-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.menu-v3-head h2 {font:500 30px var(--chinese);letter-spacing:-.04em;margin:0}
.menu-v3-layout {display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:stretch}
.menu-v3-layout>nav {display:flex;flex-direction:column}
.menu-v3-layout>nav>a {display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:61px;font:400 24px/1.5 var(--chinese);border-top:1px solid var(--line)}
.menu-v3-layout>nav>a:last-child {border-bottom:1px solid var(--line)}
.menu-v3-layout>nav>a>svg {width:22px;height:22px;color:var(--yellow)}
.menu-v3-layout>nav>a:hover,.menu-v3-layout>nav>a[aria-current=page] {color:var(--yellow)}
.menu-v3-layout>img {display:block;width:100%;height:100%;min-height:0;max-height:510px;object-fit:cover;object-position:center top;border-radius:3px}

/* Motion is opt-in through the existing setting and never hides no-JS content. */
.immersive-motion [data-reveal] {opacity:0;transform:translateY(12px);clip-path:inset(3% 0 0);transition:opacity .28s ease,transform .32s ease,clip-path .32s ease}
.immersive-motion [data-reveal].is-visible {opacity:1;transform:none;clip-path:inset(0)}
@media(hover:hover) and (pointer:fine) {
}
@media(max-width:1000px) {
  .header-navigation {gap:20px}
  .header-navigation a:last-child {display:flex}
  .cinema-title {font-size:min(23vw,27vh);gap:2.5vw;bottom:107px}
  .cinema-art img {object-position:67% center}
}
@media(max-width:760px) {
  .site-header,body[data-section="atelier"] .site-header {height:64px;padding-inline:var(--page-gutter);gap:12px}
  body.nijika {--page-start:28px;--page-end:48px;--section-space:48px}
  .header-navigation {display:flex;margin:0 auto 0 0;gap:0;min-width:0}
  .site-header .header-navigation a {display:none}
  .site-header .header-navigation a[aria-current=page] {display:flex;font-size:12px;padding:0;white-space:nowrap}
  .header-controls {margin-left:auto;gap:3px}
  .hub-grid {gap:24px}
  .hub-research,.hub-projects {grid-template-columns:100px minmax(0,1fr);gap:16px}
  .hub-research h2,.hub-projects h2 {font-size:23px}
  .hub-recent {display:block}
  .hub-recent>h2 {padding:0;margin-bottom:20px}
  .on-cover .site-header {inset:auto;width:100%;height:64px;padding-inline:var(--page-gutter);border-radius:0}
  .on-cover .header-navigation {display:none}
  .cover.cinema-v3 {min-height:0}
  .cinema-title {font-size:min(23vw,27vh);gap:3vw;left:5%;right:4%;bottom:111px}
  .cinema-art img {object-position:64% center}
  .cinema-bottom {padding-inline:25px;gap:20px}
  .cinema-bottom>p {font-size:12px;letter-spacing:.02em}
  .cinema-v3 .cinema-enter {min-width:184px;gap:28px;font-size:12px}
  .site-footer,.on-cover .site-footer,body[data-section="atelier"] .site-footer {padding:19px var(--page-gutter);gap:10px}
  .utility-controls {padding-top:6px;width:auto;border-top:0;gap:0;margin-left:auto}
  .footer-after-links {margin-left:auto;font-size:12px;gap:8px}
  .nijika .menu-v3 {padding:23px;width:calc(100vw - 30px)}
  .menu-v3-layout {gap:25px;grid-template-columns:1fr .85fr}
  .menu-v3-layout>nav>a {font-size:21px;min-height:57px}
  .menu-v3-head {margin-bottom:20px}
  .menu-v3-head h2 {font-size:27px}
}
@media(max-width:600px) {
  .hub-heading {margin-bottom:24px}
  .hub-heading>a {font-size:12px;gap:10px}
  .hub-grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .hub-card>img {aspect-ratio:1.7}
  .hub-card-caption {padding-top:14px}
  .hub-card-caption h2 {font-size:28px}
  .hub-research,.hub-projects {grid-template-columns:112px minmax(0,1fr);gap:20px;padding-top:20px}
  .hub-research>img,.hub-projects>img {aspect-ratio:1.25}
  .hub-research h2,.hub-projects h2 {font-size:24px}
  .hub-secondary {gap:8px 24px}
  .hub-recent>a {grid-template-columns:minmax(0,1fr) 22px;gap:6px 16px}
  .hub-recent time {grid-column:1;grid-row:1;font-size:11px}
  .hub-recent h3 {grid-column:1;grid-row:2;font-size:17px}
  .hub-recent svg {grid-column:2;grid-row:1/3}

  .cover.cinema-v3 {height:100svh;min-height:0}
  .cinema-art {inset:78px 0 86px}
  .cinema-art img {object-position:center top;transform:none;object-fit:contain}
  .cinema-art:after {background:linear-gradient(0deg,#05131dbc,transparent 35%)}
  .cinema-title {left:7%;right:4%;bottom:110px;display:block;font-size:clamp(77px,21vw,125px);line-height:.85;letter-spacing:-.02em}
  .cinema-title>span {font-size:.6em;display:block;line-height:.9;margin-bottom:7px}
  .cinema-title>em {display:block;font-size:1em;letter-spacing:-.01em}
  .cinema-bottom {height:86px;padding-inline:20px;gap:12px}
  .cinema-intro>p {display:none}
  .cinema-bottom>p {font-size:11px;max-width:98px;line-height:1.8;letter-spacing:0}
  .cinema-v3 .cinema-enter {min-width:160px;min-height:48px;height:48px;padding:13px 16px;font-size:12px;gap:24px}
  .nijika .menu-v3 {width:calc(100vw - 28px);padding:22px;max-height:calc(100dvh - 28px)}
  .menu-v3-layout {grid-template-columns:1.05fr 1fr;gap:20px}
  .menu-v3-layout>nav>a {min-height:49px;font-size:19px;gap:10px}
  .menu-v3-layout>nav>a>svg {width:18px;height:18px}
  .menu-v3-layout>img {object-position:center top;max-height:392px;opacity:.92}
  .menu-v3-head h2 {font-size:26px}
  .menu-v3-head {margin-bottom:17px}
  .site-footer .copyright {width:100%}
  .footer-after-links {margin-left:0;gap:0}
  .utility-controls {width:auto;justify-content:flex-end;border:0;padding-top:0}
}
@media(max-width:360px) {
  .cinema-title {font-size:76px;left:6%}
  .cinema-bottom {padding-inline:18px;gap:10px}
  .cinema-v3 .cinema-enter {min-width:150px;padding-inline:14px;font-size:11px}
  .cinema-bottom>p {font-size:10px;max-width:84px}
  .menu-v3-layout {grid-template-columns:1.15fr 1fr;gap:16px}
  .menu-v3-layout>nav>a {font-size:17px}
}
.motion-off [data-reveal] {opacity:1;transform:none;clip-path:none;transition:none}
.motion-off .cinema-art,.motion-off .cinema-title {animation:none}
.motion-off .cinema-art img {transform:none}
@media(prefers-reduced-motion:reduce) {
  .cinema-art,.cinema-title {animation:none!important}
  .cinema-art img,.hub-card:hover>img {transform:none}
  .immersive-motion [data-reveal] {opacity:1;transform:none;clip-path:none;transition:none}
}

.reading-nav .queue-open .editorial-arrow,.archive-queue-link .editorial-arrow {width:14px;height:14px;margin-left:5px;vertical-align:middle}

/* The navigation determines the dialog's height. The companion frame follows
   the scene's own proportions without cropping hands or scenic context. */
.nijika #menu-dialog {min-height:0}
/* Long labels may grow vertically without widening the companion-art grid. */
.menu-v3-layout {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.menu-v3-layout > nav {min-width:0}
/* Let the row rhythm and artwork carry the menu, without a ruled-list texture. */
.menu-v3-layout > nav > a,
.menu-v3-layout > nav > a:last-child {border-top:0;border-bottom:0}
.menu-v3-layout > nav > a[aria-current=page] {font-weight:500}
.menu-v3-layout > nav > a > span {min-width:0;overflow-wrap:anywhere}
.menu-v3-layout > nav > a > svg {flex-shrink:0;color:var(--muted)}
.menu-v3-layout > nav > a:hover > svg,
.menu-v3-layout > nav > a:focus-visible > svg,
.menu-v3-layout > nav > a[aria-current=page] > svg {color:var(--yellow)}
.menu-v3-layout > .menu-scene {
  --menu-scene-max-height:510px;
  position:relative;
  isolation:isolate;
  margin:0;
  min-width:0;
  min-height:0;
  align-self:center;
  justify-self:center;
  width:min(100%, calc(var(--menu-scene-max-height) * var(--menu-scene-ratio, .6666666667)));
  height:auto;
  max-height:var(--menu-scene-max-height);
  aspect-ratio:var(--menu-scene-ratio, 2 / 3);
  overflow:hidden;
  border-radius:3px;
  background:#0c131b;
  box-shadow:inset 0 0 0 1px #ffffff09;
}
.menu-scene > .menu-scene-image {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:contain;
  object-position:50% 50%;
  border:0;
  border-radius:0;
}
.menu-scene-image.is-entering {animation:menu-scene-arrive 360ms cubic-bezier(.22,.61,.36,1) both}
.menu-scene-image.is-leaving {animation:menu-scene-depart 360ms ease both}
.menu-v3-layout > nav > a:focus-visible {
  color:var(--yellow);
  outline:2px solid var(--yellow);
  outline-offset:4px;
}
@keyframes menu-scene-arrive {
  from {opacity:0;clip-path:inset(0 0 0 3%)}
  to {opacity:1;clip-path:inset(0)}
}
@keyframes menu-scene-depart {from {opacity:1} to {opacity:0}}
.motion-off .menu-scene-image {animation:none!important}
@media (prefers-reduced-motion:reduce) {.menu-scene-image {animation:none!important}}
@media (max-width:760px) {.menu-v3-layout {grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}
@media (max-width:600px) {
  .menu-v3-layout {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .menu-v3-layout > .menu-scene {--menu-scene-max-height:392px}
}
@media (max-width:360px) {.menu-v3-layout {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}