/* The same live house, with the doors open to daylight. */
body.nijika.light,body.nijika.light[data-section="atelier"]{
  --bg:#f5f0e6;--surface:#fffaf1;--ink:#342f29;--text:#60584e;
  --muted:#7d7162;--line:#d8cdbc;--yellow:#91691f;
  background:var(--bg);color:var(--ink);color-scheme:light;
}
body{transition:background-color .4s ease,color .3s ease}
body:not(.on-cover) .site-header{
  position:sticky;top:0;z-index:55;
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);
}
.header-controls{gap:20px}
.theme-switch{
  position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;
  flex:none;width:128px;min-height:44px;padding:4px;border-radius:24px;
  border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);
  box-shadow:inset 0 1px 3px #0002;font:10px var(--chinese);letter-spacing:.03em;
}
.theme-switch-thumb{
  position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);
  border-radius:18px;background:linear-gradient(145deg,#e8c572,#c79b4b);
  box-shadow:0 2px 6px #0003,inset 0 1px #fff5;transform:translateX(100%);
  transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s;
}
.theme-side{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);z-index:1}
.theme-side svg{width:14px;height:14px;stroke-width:1.6;transition:transform .45s}
.theme-side-night{color:#332a1c}
.theme-switch[aria-checked=true] .theme-switch-thumb{transform:translateX(0);background:linear-gradient(140deg,#fff9e9,#eedeb7)}
.theme-switch[aria-checked=true] .theme-side-day{color:#765221}
.theme-switch[aria-checked=true] .theme-side-night{color:var(--muted)}
.theme-switch[aria-checked=true] .theme-side-day svg{transform:rotate(45deg)}
.theme-switch:hover{border-color:var(--yellow)}
.theme-switch:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.theme-footer{font:10px var(--chinese);color:var(--text);min-height:40px;padding:0 10px;border-right:1px solid var(--line);margin-right:4px;white-space:nowrap}
.theme-footer:hover{color:var(--yellow)}
.site-footer{min-height:68px;height:auto;padding-block:12px}
.on-cover .site-header .theme-switch{--surface:#201f1b;--line:#8b765549;--muted:#b4a689}
.on-cover.light .site-header .theme-switch{--surface:#fff9ed;--line:#d8cdbc;--muted:#7d7162}

/* Day/night art layers share an exact crop and dissolve without shifting layout. */
.live-cover .photo-cut .cover-daylight-art,.live-stage .gig-portrait>.stage-daylight-art{
  position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease;
}
.live-cover #cover-image,.live-stage .gig-portrait>img{transition:opacity .6s ease,transform .6s ease}
.light .live-cover .photo-cut .cover-daylight-art,.light .live-stage .gig-portrait>.stage-daylight-art{opacity:1}
.light .live-cover #cover-image,.light .live-stage .gig-portrait>img:not(.stage-daylight-art){opacity:0}
.light .live-cover .photo-index{display:none}
.on-cover.light .site-footer{background:var(--bg)}
.on-cover.light .live-cover .cover-type{color:#3b3026;text-shadow:0 1px 12px #fff3}
.on-cover.light .live-cover .type-period{color:#ad6e2e}
.on-cover.light .cover-editorial>.eyebrow,.on-cover.light .cover-micro{color:#806949}
.on-cover.light .cover-editorial>p{color:#745537}
.on-cover.light .live-cover .photo-light{
  background:linear-gradient(90deg,#f5f0e63b,transparent 65%),linear-gradient(0deg,#f5f0e6,transparent 25%,transparent 84%,#f5f0e6);
}
.on-cover.light .live-cover .nijika-marker{color:#6e4928}
.on-cover.light .live-cover .enter-button{background:#fff5df9c;border-color:#a77e46;color:#69431f;box-shadow:0 8px 32px #8e683b12}
.on-cover.light .live-cover .enter-button:hover{background:#815728;color:#fff4dd}
.on-cover.light .cover-bottom-line{color:#79603f;border-color:#987b4745}
.on-cover.light .live-cover .enter-button:after{border-color:#a1814a33}
.light .live-stage .gig-portrait:after{background:linear-gradient(90deg,#f5f0e6 1%,#f5f0e688 20%,transparent 55%),linear-gradient(0deg,#f5f0e6,transparent 24%,transparent 90%,#f5f0e688)}
.light .live-stage .gig-heading h1{color:#3b3026}
.light .live-stage .gig-heading h1 i{color:#a86f2d}
.light .live-stage .gig-kicker,.light .live-stage .gig-character-label{color:#6d5032}
.light .live-stage .gig-character-label span,.light .live-stage-frame{color:#856b4e}
.light .backstage-topline{color:var(--muted);border-color:var(--line)}
.light .backstage-latest,.light .backstage-object-links>a,.light .after-ribbon{border-color:var(--line)}
.light .live-stage-studio{color:#44372b}
.light .ticket-stub:before,.light .ticket-stub:after{background:var(--bg)}
.light .backstage-latest,.light .after-ribbon{color:var(--text)}
.light .shelf-label strong,.light .shelf-label b,.light .backstage-latest strong{color:var(--ink)}
.light .shelf-label small,.light .backstage-latest>span{color:var(--muted)}
.light .shelf-object{border-color:var(--line)}
.light .shelf-label i,.light .live-stage-studio strong,.light .after-ribbon-room{color:var(--yellow)}
.light .ribbon-audience b{color:var(--ink)}
.light .stage-field{opacity:.22}
.light .surface-noise{opacity:.055}

/* Illustrated record sleeve: a compact visual introduction to the archive. */
.archive-intro{grid-template-columns:minmax(0,1.7fr) minmax(160px,.8fr) minmax(180px,1fr);gap:28px}
.archive-room{position:relative;min-width:0;height:180px;margin:0;overflow:hidden;border:1px solid var(--line);background:#f6efdf;border-radius:3px;isolation:isolate}
.archive-room img{width:100%;height:100%;object-fit:contain;object-position:right center;transition:transform .8s ease}
.archive-room:hover img{transform:scale(1.035)}
.archive-room figcaption{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:start;color:#3d3329;background:linear-gradient(90deg,#f5eedfcf,transparent 63%)}
.archive-room figcaption>span{font:8px var(--condensed);letter-spacing:1.5px;color:#806445}
.archive-room figcaption>b{font:500 20px/1.65 var(--chinese);letter-spacing:0;margin:9px 0}
.archive-room figcaption>i{font:8px var(--condensed);letter-spacing:1.8px;border-top:1px solid #9e80584d;padding-top:7px}
.light .live-archive{--archive-gold:#936b25;--archive-red:#a1533f}
.light .archive-record{box-shadow:0 5px 18px #71563208;background:linear-gradient(145deg,#fffdf7,var(--surface))}
.light .archive-record:hover{box-shadow:0 12px 30px #71563214}
.light .record-top b{color:#91691f}
.light .archive-group button[aria-pressed=true]{color:#fff9e9}
.light .archive-group button[aria-pressed=true] span{color:#fff2ce}
.light .reading-opener{border-color:var(--line)}
button[data-reader-size-cycle]{font:13px var(--sans);display:inline-flex;align-items:center;gap:7px;min-width:48px}
button[data-reader-size-cycle]>span{font:12px var(--condensed);color:var(--yellow);font-variant-numeric:tabular-nums}

/* An independent print-poster treatment for the rhythm room. */
.studio-mast.studio-illustrated{position:relative;isolation:isolate;overflow:hidden;min-height:235px;padding:34px;margin-bottom:26px;border-radius:6px;border:1px solid #594c37;background:#191919;color:#fff0ce;align-items:end}
.studio-soundcheck{position:absolute;inset:0 0 0 auto;width:68%;height:100%;object-fit:cover;object-position:center 20%;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 20%)}
.studio-illustrated:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11121166,transparent 70%);z-index:-1}
.studio-illustrated>div:first-of-type{max-width:60%}
.studio-illustrated .eyebrow{color:#cdb996;font-size:9px}
.studio-illustrated h1{font-size:clamp(32px,3.7vw,56px);line-height:1.3;text-shadow:0 2px 20px #1114}
.studio-illustrated h1>span{color:#efc970}
.studio-illustrated>a{position:absolute;right:22px;top:20px;color:#f9e9c6;padding:7px 11px;background:#15151188;border:1px solid #d1bd7944;border-radius:3px;backdrop-filter:blur(5px)}
.studio-illustrated .studio-mast-mark{display:none}
.light .music-studio{--studio-gold:#936823;--studio-red:#9e523e}
.light .studio-console{border-color:#cbbfa9;background:linear-gradient(130deg,#fff7e4aa,transparent 45%),var(--surface);box-shadow:0 20px 55px #78603212,inset 0 1px #fff}
.light .studio-pattern-bar,.light .studio-bottom{background:#b3935f09}
.light .track-steps button{background:linear-gradient(#f2ecdf,#e1d7c4);border-color:#c1b49e;box-shadow:0 2px 1px #6e512719}
.light .track-steps button:nth-child(8n+5),.light .track-steps button:nth-child(8n+6),.light .track-steps button:nth-child(8n+7),.light .track-steps button:nth-child(8n+8){background:linear-gradient(#ebdfd2,#dfcdbb);border-color:#c7b19a}
.light .track-steps button.on{background:linear-gradient(#eac577,#bd8e3a);border-color:#b98c42}
.light .track-steps button.soft{background:linear-gradient(#decfa5,#c7b17d);border-color:#b99d63}
.light .studio-play,.light .track-name>div button[aria-pressed=true]{background:#e6bd6c;color:#342617;border-color:#bd944d}
.pixel-stage-card{display:block;margin:24px 0;background:#0b1025;border:1px solid #454358;border-radius:5px;overflow:hidden;color:#ddc38a;box-shadow:0 8px 24px #0002}
.pixel-stage-card img{width:100%;height:260px;object-fit:contain;image-rendering:pixelated;transition:transform .35s ease}
.pixel-stage-top,.pixel-stage-bottom{display:flex;align-items:center;gap:8px;padding:12px 15px;font:10px var(--condensed);letter-spacing:2px}
.pixel-stage-top{border-bottom:1px solid #d6ad6130}.pixel-stage-top i{width:5px;height:5px;background:#e8c273;border-radius:50%;box-shadow:0 0 8px #dfb76b66}
.pixel-stage-card b{margin-left:auto;font-weight:400}.pixel-stage-bottom{border-top:1px solid #d6ad6130;color:#a99d89}
.pixel-stage-card:hover img{transform:translateY(-3px)}.pixel-stage-card:hover .pixel-stage-bottom{color:#f1d49b}
.motion-off .pixel-stage-card img{transition:none}

@media(max-width:1000px){
  .header-controls{gap:14px}.global-studio-link{display:none}
  .archive-intro{grid-template-columns:minmax(0,1.6fr) minmax(160px,1fr);gap:20px}
  .archive-room{height:180px}.archive-graph-invite{grid-column:1/-1}
}
@media(max-width:700px){
  .site-header,body[data-section="atelier"] .site-header{height:72px;gap:10px;padding-inline:20px}
  .header-lounge,.header-home,.current-chapter{display:none}
  .header-controls{margin-left:auto;gap:12px}.theme-switch{width:116px;min-height:44px}
  .header-controls .menu-open{gap:8px}.header-controls .menu-open>span{display:none}
  .theme-side{font-size:9px}.theme-side svg{width:13px;height:13px}
  .site-footer{flex-wrap:wrap;gap:12px;padding-inline:20px}.footer-after-links{margin-left:auto;margin-right:0}
  .utility-controls{width:100%;justify-content:flex-end;gap:10px}.theme-footer{margin-right:auto;padding-left:0}
  .on-cover .site-footer{padding-block:10px}.on-cover .copyright{font-size:8px}
  .archive-intro{grid-template-columns:1fr;gap:15px}.archive-room{height:183px}
  .archive-room figcaption{padding:20px}.archive-room figcaption>b{font-size:18px}
  .archive-intro>a{grid-column:auto}.archive-graph-invite{margin-top:0;padding-block:12px!important}
  .studio-mast.studio-illustrated{min-height:205px;padding:24px 20px;margin-bottom:20px}
  .studio-illustrated h1{font-size:30px;display:grid;gap:5px}.studio-illustrated h1>span{margin-left:0}
  .studio-illustrated .eyebrow{font-size:7px;line-height:1.7;max-width:135px;display:block}
  .studio-soundcheck{width:100%;object-position:67% 25%;opacity:.8}
  .studio-illustrated>a{top:12px;right:12px;font-size:8px}
}
@media(max-width:600px){
  .on-cover.light .live-cover .photo-light{background:linear-gradient(0deg,#f5f0e6 8%,#f5f0e6eb 27%,#f5f0e622 60%,transparent 76%,#f5f0e666)}
  .light .live-stage .gig-portrait:after{background:linear-gradient(0deg,#f5f0e6 1%,#f5f0e6d9 25%,transparent 65%),linear-gradient(90deg,#f5f0e688,transparent 45%)}
  .light .live-stage .gig-character-label{background:#fff2da99;backdrop-filter:blur(6px);border:1px solid #a1814a55;border-radius:3px;padding:7px}
}
@media(prefers-reduced-motion:reduce){body,.theme-switch-thumb,.theme-side svg,.live-cover .photo-cut img,.live-stage .gig-portrait>img,.archive-room img,.pixel-stage-card img{transition:none!important}}
.motion-off{transition:none}
.motion-off .theme-switch-thumb,.motion-off .theme-side svg,.motion-off .archive-room img,.motion-off .live-cover .photo-cut img,.motion-off .live-stage .gig-portrait>img{transition:none!important}

/* Nijika refinement: one shared editorial rhythm across the live house.
   Load last; upstream/theme-specific art and interactive state remain intact. */
body.nijika {
  --ui-radius:8px;
  --ui-radius-lg:16px;
  --page-gutter:clamp(20px,4.5vw,72px);
  --page-space:clamp(32px,4.4vw,64px);
  --text:#cac8be;
  --muted:#a09e92;
  --line:#383a32;
  --yellow:#e9c77d;
  --chinese:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --focus-ring:2px solid var(--yellow);
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.nijika.light {
  --text:#554c41;
  --muted:#756957;
  --line:#d7cbbb;
  --yellow:#865d1b;
}
body.nijika[data-section="atelier"]:not(.light) {
  --bg:#111211;--surface:#1b1d19;--ink:#f2eddf;
  --text:#cbc5b6;--muted:#aaa18d;--line:#383a32;--yellow:#e9c77d;
  background:var(--bg);
}
/* Native hash clearance belongs to the scroll container, not also its headings. */
html {scroll-padding-top:110px;scrollbar-gutter:stable}
button,input,select,textarea {font:inherit}
button,select {touch-action:manipulation}
select,textarea,summary {outline-offset:4px}
:is(button,a,input,select,textarea,summary):focus-visible {outline:var(--focus-ring);outline-offset:4px}
button:disabled {opacity:.5;cursor:not-allowed}
button:disabled:hover {transform:none}
.surface-noise {opacity:.035}
.eyebrow,.after-eyebrow {font-size:11px;line-height:1.65;letter-spacing:.12em}
p {text-wrap:pretty}
h1,h2 {text-wrap:balance}

/* An uncomplicated, dependable navigation bar. */
.site-header,body[data-section="atelier"] .site-header {
  width:100%;max-width:none;height:80px;padding-inline:var(--page-gutter);gap:24px;
}
.site-header .brand {min-width:48px;font-size:34px}
.site-header .current-chapter {margin:0 auto 0 0;font-size:12px;white-space:nowrap}
.header-navigation {display:flex;align-items:center;gap:6px;margin-left:auto}
.header-navigation a {
  position:relative;display:flex;align-items:center;min-height:44px;padding:0 13px;
  font-size:13px;color:var(--muted);border-radius:6px;white-space:nowrap;
}
.header-navigation a:hover {color:var(--ink);background:color-mix(in srgb,var(--yellow) 7%,transparent)}
.header-navigation a[aria-current="page"] {color:var(--yellow)}
.header-navigation a[aria-current="page"]:after {content:'';position:absolute;bottom:2px;left:13px;right:13px;height:2px;background:var(--yellow)}
.header-controls {gap:12px}
.icon-button,.utility-controls .icon-button {height:44px;width:44px;min-width:44px;min-height:44px}
.menu-open {min-width:64px;min-height:44px;justify-content:center;gap:10px;font-size:12px}
.menu-open:hover i {width:23px}
.on-cover .header-navigation {display:none}
.on-cover .header-controls {margin-left:auto}
.site-footer,body[data-section="atelier"] .site-footer {
  max-width:none;width:100%;min-height:88px;height:auto;padding:18px var(--page-gutter);
  border-top:1px solid var(--line);gap:22px;
}
.copyright {font-size:11px;color:var(--muted);letter-spacing:.02em}
.footer-signoff {display:block;margin-top:3px;font-size:11px;letter-spacing:.08em}
.footer-after-links {font-size:12px;gap:18px;margin-right:8px}
.footer-after-links>a {display:flex;align-items:center;min-height:44px}
.footer-after-links>button {width:36px;min-height:36px}
.theme-footer {font-size:11px}
.utility-controls {gap:4px}

/* Leave the illustration room to breathe, keep the entrance unmistakable. */
.cover.live-cover {min-height:calc(100svh - 168px)}
.live-cover .cover-editorial {padding-left:var(--page-gutter);padding-top:clamp(72px,10vh,130px);padding-bottom:185px}
.cover-editorial>.eyebrow {font-size:11px;letter-spacing:.2em}
.live-cover .cover-type {margin-block:26px 28px}
.cover-editorial>p {font-size:21px;letter-spacing:.14em}
.cover-micro {font-size:10px;letter-spacing:.15em}
.live-cover .photo-cut img {object-position:72% 44%}
.live-cover .enter-button {left:var(--page-gutter);width:116px;height:116px;bottom:40px}
.live-cover .enter-label {font-size:13px;letter-spacing:.08em}
.cover-bottom-line {left:calc(var(--page-gutter) + 148px);right:var(--page-gutter);font-size:10px;letter-spacing:.12em}
.live-cover .nijika-marker {right:var(--page-gutter);font-size:12px}
.live-cover .nijika-marker small {font-size:10px}
.live-cover .photo-index {right:var(--page-gutter)}
.on-cover .site-footer {border-top-color:#aa936229}

/* The stage stays theatrical; its navigation shelf becomes easier to scan. */
.backstage {max-width:1440px;padding:0 var(--page-gutter) 48px}
.backstage-topline {min-height:55px;font-size:10px;letter-spacing:.07em}
.live-stage.gig-scene {height:570px;border-bottom:1px solid var(--line)}
.live-stage .gig-heading {left:0;top:44px}
.live-stage .gig-kicker {font-size:13px;letter-spacing:.1em}
.live-stage .gig-heading h1 {font-size:clamp(90px,9vw,120px)}
.live-stage .gig-portrait {left:26%;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0}
.live-stage .admission-ticket {left:4px;bottom:120px;width:355px;max-width:43%}
.live-stage .ticket-eyebrow,.live-stage .ticket-meta {font-size:10px}
.live-stage-studio {left:4px;gap:16px}
.live-stage-studio strong {font-size:15px}
.live-stage-studio small,.live-stage-studio em {font-size:10px}
.shelf-heading {display:flex;justify-content:space-between;align-items:center;padding:36px 0 10px;gap:16px}
.shelf-heading p {font-size:13px;color:var(--muted)}
.object-shelf {gap:16px}
.shelf-object {border-radius:var(--ui-radius);transition:background .2s,border-color .2s,transform .2s}
.shelf-object:hover {background:color-mix(in srgb,var(--yellow) 4%,transparent);transform:translateY(-3px)}
.shelf-label strong {font-size:19px}
.shelf-label small {font-size:10px;letter-spacing:.09em}
.backstage-latest {gap:24px;padding-block:24px}
.backstage-latest strong {font-size:15px;overflow-wrap:anywhere}
.backstage-latest>span {font-size:11px}
.after-ribbon {padding-top:28px;gap:28px;font-size:13px}
.after-ribbon small,.ribbon-audience small {font-size:10px;opacity:1}

/* A shared page frame and masthead for every editorial destination. */
.live-archive,.after-page,.music-studio,.series-page,.project-page,.empty-page,.archive-page,.index-page {
  width:100%;max-width:1360px;margin-inline:auto;padding:var(--page-space) var(--page-gutter) 80px;
}
.archive-mast {padding-bottom:30px;gap:24px}
.archive-mast h1 {font-size:clamp(36px,4vw,58px);letter-spacing:-.045em}
.archive-mast-index {font-size:12px}
.archive-mast-index strong {font-size:48px}
.section-mast {display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.section-mast h1 {font:500 clamp(36px,4vw,56px)/1.3 var(--chinese);letter-spacing:-.035em;margin:12px 0}
.section-mast h1>span {font:500 20px var(--condensed);margin-left:20px;color:var(--yellow);vertical-align:top}
.section-mast p {font-size:14px;color:var(--muted);line-height:1.9}
.section-mast>a {flex:none;display:flex;align-items:center;gap:18px;min-height:44px;color:var(--muted);font-size:12px}
.section-mast>a:hover {color:var(--yellow)}
.project-layout {padding-top:60px;padding-bottom:30px;gap:60px}
.project-copy>.minimal-meta {font-size:12px}
.project-copy>p {font-size:14px;color:var(--muted)}
.project-copy>.arrow-link,.quiet-message .arrow-link {font-size:13px;min-height:44px}
.quiet-composition {min-height:440px;padding:48px 0;gap:48px}
.quiet-message h2 {font-size:clamp(32px,4vw,52px)}
.quiet-message>p {font-size:15px;line-height:1.9}
.feature-caption h1 {font-size:28px}
.post-row {min-height:100px;padding-block:25px}
.post-row h2 {font-size:20px;line-height:1.65}
.post-row time,.library-list-head {font-size:12px}
.taxonomy-nav>a,.article-tags>a {min-height:44px;font-size:13px;align-items:center}
.article-tags>a {display:inline-flex}
.tag-cloud>a {border-radius:6px;font-size:14px;min-height:48px}
.pagination>a,.pagination>span {min-width:44px;min-height:44px;font-size:13px;border-radius:5px}
.series-topics {top:110px;max-height:calc(100svh - 140px)}
.series-topics>a {font-size:13px;padding-block:10px}
.series-group {scroll-margin-top:0px}
.series-track {padding-block:18px}
.series-track strong {font-size:16px}
.series-track small,.series-track .track-number {font-size:12px}

/* Archive controls and record sleeves: legibility before density. */
.archive-intro {gap:24px;padding-block:28px 32px;grid-template-columns:minmax(0,1.8fr) minmax(170px,.8fr) minmax(180px,.9fr)}
.archive-room {height:206px;border-radius:var(--ui-radius)}
.archive-room img {object-fit:cover;object-position:72% center}
.archive-room figcaption {padding:26px;background:linear-gradient(90deg,#f5eedff5, #f5eedfb8 42%,transparent 75%)}
.archive-room figcaption>span,.archive-room figcaption>i {font-size:10px}
.archive-room figcaption>b {font-size:22px}
.archive-intro>a,.archive-graph-invite {padding:18px 20px;min-height:150px;border-radius:0 var(--ui-radius) var(--ui-radius) 0}
.archive-intro small {font-size:11px}
.archive-graph-invite b {font-size:17px}
.archive-search {padding:30px 0;gap:20px}
.archive-search>label {font-size:13px;white-space:nowrap}
.archive-search>div {padding:8px 14px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface);min-width:0;min-height:52px}
.archive-search>div:focus-within {border-color:var(--yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 10%,transparent)}
.archive-search input {font-size:16px;min-width:0}
.archive-search>button {font-size:12px;min-height:44px}
.archive-layout {grid-template-columns:180px minmax(0,1fr);gap:32px}
.archive-filters {top:108px;gap:24px}
.archive-group button {min-height:44px;font-size:13px;padding-inline:12px;border-radius:6px}
.archive-filters label {font-size:12px;letter-spacing:.02em}
.archive-filters select,.archive-toolbar select {min-height:44px;padding:10px 12px;font-size:13px;border-radius:6px}
.archive-filter-tags button {font-size:11px;min-height:32px;padding:5px 9px;border-radius:4px}
.archive-queue-link {font-size:13px;min-height:44px}
.archive-toolbar {min-height:46px;margin-bottom:20px;gap:12px;font-size:12px}
.archive-toolbar>div {border-radius:7px}
.archive-toolbar button {min-height:40px;min-width:40px;padding:4px 9px;border-radius:4px}
.archive-results {gap:18px}
.archive-record {min-height:270px;padding:22px;border-radius:var(--ui-radius);box-shadow:0 4px 16px #0000000a}
.archive-record:before {height:3px;transform:scaleX(.23)}
.archive-record:focus-within {border-color:var(--yellow);box-shadow:0 0 0 2px color-mix(in srgb,var(--yellow) 20%,transparent)}
.archive-record h2 {font-size:18px;line-height:1.65;margin-top:18px}
.archive-record p {font-size:13px;line-height:1.85;-webkit-line-clamp:2}
.record-top {font-size:11px}
.record-top b {opacity:.85}
.record-bottom {font-size:11px;gap:10px}
.record-bottom button {width:40px;height:40px;flex:none;font-size:21px;background:var(--surface)}
.record-bottom>span {line-height:1.7}
.archive-results[data-mode=list] .archive-record {padding:20px 12px;grid-template-columns:70px minmax(0,1fr) 140px;gap:20px;border-radius:0}
.archive-results[data-mode=list] h2 {font-size:17px}
.archive-more {min-height:52px;border-radius:var(--ui-radius);font-size:13px}
.archive-empty {padding:70px 24px;border:1px dashed var(--line);border-radius:var(--ui-radius);background:var(--surface)}

/* Reading hierarchy: the article title precedes its optional tools in DOM order. */
.reading-studio {width:100%;max-width:1040px;margin-inline:auto;padding:32px var(--page-gutter) 64px}
.reading-studio .reader-columns {display:grid;grid-template-columns:136px minmax(0,720px);column-gap:24px;row-gap:0;max-width:880px;margin-inline:auto;justify-content:center}
.reader-frontmatter {grid-column:2;grid-row:1;min-width:0}
.reading-studio .chapter-rail {grid-column:1;grid-row:1 / span 2;top:110px;margin:0;max-height:calc(100svh - 140px);padding-right:10px}
.reader-paper {grid-column:2;grid-row:2}
.reading-studio .reading-opener {padding:0;margin:0 0 24px;border:0}
.reading-studio .reading-opener h1 {font-size:38px;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.reading-studio .reading-meta {font-size:14px;line-height:1.6;gap:6px 14px;letter-spacing:0;flex-wrap:wrap}
.reading-studio .article-toolbox {grid-column:1/-1;padding:0;margin:0;border:0;background:none;position:static}
.reading-studio .article-toolbox button {min-height:40px;font-size:12px;border-radius:5px}
.reading-studio .reading-switches {flex-wrap:wrap;gap:6px 18px;margin-top:0}
.reading-studio .reading-switches>button {border:0}
.reading-studio .reading-resume {margin:0 0 0 auto;padding:6px 0;background:none;border:0;color:var(--yellow)}
.reading-studio .article-body.markdown-body>:is(h1,h2,h3,h4,h5,h6):first-child,
.reading-studio .article-body.markdown-body>[data-feature-status]:first-child+:is(h1,h2,h3,h4,h5,h6) {margin-top:0}
.reading-studio .chapter-rail summary {min-height:36px;font-size:13px;margin-bottom:8px;border:0;letter-spacing:0}
.reading-studio .chapter-rail a {font-size:13px;line-height:1.65;padding:5px 0;border:0;background:none}
.chapter-rail summary span {font-size:10px}
.reader-find {gap:10px}
.reader-find input {font-size:13px;min-height:40px;padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--bg)}
.reader-find>div {flex-wrap:wrap;gap:6px}
.reader-find>div span {flex-basis:100%;font-size:11px}
.reader-find button {min-width:36px;min-height:36px;border-radius:5px;font-size:15px}
.reader-typesetting label,.reader-speech label {font-size:12px}
.reader-typesetting input {height:32px}
.reader-typesetting select,.reader-speech select {font-size:12px;min-height:36px}
.reader-tools-grid button {font-size:11px;min-height:66px;border-radius:6px}
.reader-speech button {font-size:11px;min-height:36px;padding-inline:7px}
.reader-speech p {font-size:11px;line-height:1.8}
.reading-studio .article-body.markdown-body {color:var(--text)}
.reading-studio .article-body.markdown-body :is(h1,h2,h3,h4,h5,h6) {scroll-margin-top:0px}
.reading-studio .article-body.markdown-body p {margin-block:0 1.1em}
.reading-studio .article-body.markdown-body a {text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--yellow) 45%,transparent)}
.reading-studio .article-body.markdown-body blockquote {border:0;border-radius:4px;padding:16px 20px;background:var(--surface)}
.reading-studio .article-body.markdown-body .code-container {border-radius:var(--ui-radius);padding-top:44px}
.reading-studio .code-container .copy-code,.code-workbench-open {min-height:34px;top:5px;font-size:11px}
.code-workbench-open {right:72px}
/* Keep the compact 13px baseline at 18px prose, while honoring reader zoom. */
.reading-studio .code-container pre,.reading-studio .article-body.markdown-body figure.highlight {font-size:calc(var(--reader-size) / 18 * 13);line-height:1.85}
/* Redefine pins pre to .9rem and 1.5 with !important. Release only article
   code's inner text to inherit its scaled figure, including gutter and spans. */
.reading-studio .article-body.markdown-body figure.highlight :is(pre,code) {font-size:inherit!important;line-height:inherit!important}
.reading-studio .article-body.markdown-body table:not(.highlight table) {font-size:calc(var(--reader-size) / 18 * 13)}
.chapter-copy {min-width:32px;min-height:32px;opacity:0}
.reading-studio .neighbor-posts {display:flex;gap:24px;margin:28px 0 16px;padding:0;border:0}
.reading-studio .neighbor-posts a {flex:1;min-width:0;padding:0;border:0;background:none;max-width:50%;gap:4px}
.reading-studio .neighbor-posts small {font-size:12px;color:var(--muted)}
.reading-studio .neighbor-posts span {font-size:15px;line-height:1.6}
.reading-focused .reading-studio .neighbor-posts {display:none}
.reading-focused .reading-studio .reader-columns {display:block;max-width:720px}
.reading-focused .reader-frontmatter {display:contents}

.reading-studio .reader-columns.reader-no-toc {display:block;max-width:720px}

/* A duplicate opening title keeps its historic hash without a second visible heading. */
.reading-studio .reader-title-anchor {display:block;height:0;margin:0;padding:0;scroll-margin-top:0px}
.reading-studio .article-body.markdown-body>.reader-title-anchor+:is(h1,h2,h3,h4,h5,h6) {margin-top:0}

.reading-studio .reading-nav {border:0;padding:0;margin:0 0 12px}
.reading-studio .reading-nav>a {font-size:13px;color:var(--muted)}
.reading-studio .article-body.markdown-body :is(h1,h2,h3) {border:0;padding-bottom:0;color:var(--ink);font-family:var(--chinese)}
.reading-studio .reader-paper .article-body.markdown-body h2 {font-size:25px;line-height:1.45;font-weight:600;font-family:var(--chinese)}
.reading-studio .reader-paper .article-body.markdown-body h3 {font-size:21px;line-height:1.5;font-weight:600;font-family:var(--chinese)}
.reading-studio .article-tags {gap:12px;margin:24px 0 8px}
.reading-studio .article-tags>a {min-height:28px;font-size:13px}
.reading-studio .article-source {border:0;padding:0;margin:12px 0 6px;font-size:13px}
.reading-studio .article-footer {border:0;padding:0;margin:6px 0 0}
.reading-studio .article-footer>a {font-size:12px}
.reading-studio .reader-options,.reading-studio .reader-comments {border:0;margin:8px 0 0;padding:0}
.reading-studio .reader-options>summary,.reading-studio .reader-comments>summary {display:flex;align-items:center;gap:8px;min-height:40px;list-style:none;cursor:pointer;font-size:14px;color:var(--muted)}
.reading-studio .reader-comments>summary::after {content:'+'}
.reading-studio .reader-comments[open]>summary::after {content:'−'}
.reading-studio .reader-comments>summary:focus-visible {outline:2px solid var(--yellow);outline-offset:3px}
.reading-studio .reader-comments .encore-comments {margin-top:12px}
.reading-studio .reading-meta .exercise-readiness {margin:0;padding:0;font-size:13px}
.reading-studio .article-body.markdown-body>.exercise-summary {display:inline;font-size:14px;line-height:1.7;margin:0 12px 0 0;color:var(--text)}
.reading-studio .article-body.markdown-body>.exercise-meta-details {display:inline-block;vertical-align:top;margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.reading-studio .exercise-meta-details>summary {padding:0;cursor:pointer}
.reading-studio .exercise-meta-details[open] {display:block;margin:8px 0 20px}
.reading-studio .exercise-meta-details[open]>p {margin:6px 0;font-size:14px}
.reading-studio .article-body.markdown-body>.exercise-meta-details+h2 {margin-top:24px}

.reading-studio .article-body.markdown-body :is(pre,code) {color:var(--text)}
.reading-studio .article-body.markdown-body :not(pre)>code {color:var(--text);background:var(--surface)}
.reading-studio .article-body.markdown-body :is(.code-container,figure.highlight,pre) {background:var(--surface);border-color:var(--line)}
.reading-studio .article-body.markdown-body figure.highlight :is(.keyword,.string,.number,.literal,.built_in,.title,.type,.params,.attr,.variable,.symbol) {color:var(--text)}
.reading-studio .article-body.markdown-body figure.highlight :is(.comment,.quote,.gutter) {color:var(--muted)}
.reading-studio .article-body.markdown-body :is(th,td) {color:var(--text);border-color:var(--line)}
.reading-studio .article-body.markdown-body blockquote p {color:var(--text)}

/* Secondary rooms share the same quality of finish. */
.after-page-heading {padding-bottom:36px}
.after-page-heading h1 {font-size:clamp(36px,4vw,58px)}
.after-page-heading>p,.guestbook-side>p {font-size:14px;line-height:1.9}
.guestbook-layout {gap:clamp(30px,5vw,72px)}
.guestbook-photo {border-radius:var(--ui-radius);overflow:hidden}
.guestbook-rules,.community-empty,.comment-status {font-size:12px;line-height:1.85}
.encore-form {border-radius:var(--ui-radius);padding:24px}
.encore-form input,.encore-form input[name=nickname],.encore-form textarea {font-size:15px;line-height:1.8;border-radius:6px;padding:12px}
.comment-form-top>label,.comment-message-label>span {font-size:13px}
.comment-stamps label>span {min-width:44px;min-height:52px;border-radius:6px}
.comment-stamps small {font-size:11px}
.comment-form-bottom>span {font-size:12px}
.comment-form-bottom button {min-height:46px;font-size:13px;padding:10px 18px;border-radius:5px}
.lounge-banner {border-radius:var(--ui-radius-lg)}
.lounge-banner>div {padding:40px}
.lounge-banner p {font-size:13px;line-height:1.8}
.lounge-banner .after-eyebrow {font-size:10px}
.lounge-tabs {gap:28px;flex-wrap:wrap;font-size:13px;padding-block:20px 28px}
.lounge-tabs>a {min-height:40px;display:inline-flex;align-items:center}
.lounge-grid {gap:24px}
.lounge-card {border-radius:var(--ui-radius);padding:32px}
.lounge-card>p {font-size:13px;line-height:1.9}
.lounge-fine-print {font-size:11px;line-height:1.8}
.after-text-button,.shuffle-actions>button,.reading-list-tabs>button {font-size:12px;min-height:44px}
.after-solid-button {min-height:48px;border-radius:5px;font-size:13px}
.profile-copy>p {font-size:16px;line-height:2}
.profile-interests>span {font-size:12px;padding:8px 12px;border-radius:5px}
.profile-actions>a {min-height:48px;font-size:14px}
.profile-pass {border-radius:10px;box-shadow:12px 20px 45px #0002}
.profile-photo {border-radius:var(--ui-radius);overflow:hidden}
.profile-photo>img {object-fit:cover;object-position:center}
.profile-photo figcaption>span {font-size:10px}
.profile-counts span {font-size:12px}
.profile-note {font-size:14px;min-height:64px}
.profile-room-link {font-size:13px;border-radius:6px;min-height:48px;align-items:center}
.pixel-stage-card {border-radius:var(--ui-radius)}

/* The instrument retains its tactile pads, with readable controls around it. */
.studio-mast.studio-illustrated {min-height:265px;border-radius:var(--ui-radius-lg);padding:38px}
.studio-illustrated .eyebrow {font-size:11px}
.studio-illustrated>a {font-size:12px;min-height:40px;display:flex;align-items:center}
.studio-top,.studio-pattern-bar {font-size:12px}
.studio-project-name input {font-size:14px;min-height:40px}
.studio-top>button {min-height:44px;font-size:12px}
.studio-transport button,.studio-export button,.studio-import {min-height:44px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.studio-transport label,.studio-export label {font-size:12px}
.music-studio select {font-size:13px;min-height:40px;padding:8px 10px}
.studio-transport input[type=range] {min-height:32px}
.studio-key,.studio-footnote {font-size:11px;line-height:1.9}
.studio-bottom p {font-size:13px;line-height:1.9}
.studio-sequencer-scroll {scrollbar-width:auto;scrollbar-color:var(--studio-gold) var(--surface);overscroll-behavior-x:contain}
.track-name>div button {min-height:30px;min-width:30px;font-size:11px}
.track-controls label {font-size:10px}
.track-controls input {height:26px}

/* Dialogs stay within the viewport, with obvious, reachable close controls. */
.nijika dialog:not(.menu-dialog):not(.image-dialog) {border-radius:12px;box-shadow:0 24px 100px #0005;scrollbar-width:thin}
.nijika #search-dialog {padding:28px;border-radius:12px}
.nijika #search-input {font-size:18px;min-height:48px}
.close-button,.live-dialog-head>button {min-width:44px;min-height:44px;display:grid;place-items:center}
.live-dialog-head {gap:16px}
.live-dialog-head h2 {font-size:22px}
.live-dialog-tools button,.live-file-label {min-height:40px;font-size:12px;padding:9px 12px;border-radius:5px}
.live-status {font-size:12px;line-height:1.85}
.queue-row>a {font-size:14px;line-height:1.75}
.queue-row small {font-size:11px}
.queue-row button {min-height:36px;min-width:36px;font-size:12px;border-radius:4px}
.toast {max-width:calc(100vw - 40px);font-size:13px;line-height:1.7;padding:12px 20px;border-radius:8px}

@media(max-width:1200px) {
  .site-header .current-chapter {display:none}
  .site-header,body[data-section="atelier"] .site-header {gap:16px}
  .header-navigation a {padding-inline:10px;font-size:12px}
  .reading-studio .reader-columns {grid-template-columns:136px minmax(0,720px);column-gap:24px}
  .archive-results {grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-intro {grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr)}
  .archive-graph-invite {grid-column:1/-1;min-height:64px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line)!important;border-radius:var(--ui-radius)}
}
@media(max-width:1000px) {
  .header-navigation a:last-child {display:none}
  .live-stage .gig-heading h1 {font-size:100px}
  .archive-layout {grid-template-columns:155px minmax(0,1fr);gap:24px}
  .reading-studio .reader-columns {grid-template-columns:minmax(0,720px);column-gap:0}
  .reader-frontmatter {grid-column:1;grid-row:1}
  .reading-studio .chapter-rail {grid-column:1;grid-row:2;position:static;max-height:none;margin-bottom:12px;border:0}
  .reader-paper {grid-column:1;grid-row:3}
  .chapter-rail details>ol {max-height:230px}
  .project-layout {gap:30px}
}
@media(max-width:760px) {
  .header-navigation {display:none}
  .header-controls {margin-left:auto}
  .site-header,body[data-section="atelier"] .site-header {height:72px;padding-inline:20px;gap:12px}
  .site-header .brand {font-size:32px}
  .menu-open {min-width:44px}
  .menu-open>span {display:none}
  .theme-switch {width:112px;min-height:44px}
  .site-footer,body[data-section="atelier"] .site-footer {padding:20px;flex-wrap:wrap;gap:12px}
  .footer-after-links {margin:0 0 0 auto;gap:14px}
  .utility-controls {width:100%;justify-content:flex-end;gap:4px;border-top:1px solid var(--line);padding-top:8px}
  .theme-footer {margin-right:auto}
  .live-archive,.after-page,.music-studio,.series-page,.project-page,.empty-page,.archive-page,.index-page {padding-inline:24px;padding-bottom:56px}
  .archive-mast h1 {font-size:38px}
  .archive-layout {display:flex;flex-direction:column;gap:24px}
  .archive-filters {position:static;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:16px}
  .archive-filters>.eyebrow,.archive-filter-tags,.archive-studio-link {display:none}
  .archive-group {grid-column:1/-1;display:flex;gap:8px}
  .archive-group button {flex:1;border:1px solid var(--line);gap:8px}
  .archive-queue-link {grid-column:1/-1;padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}
  .archive-search {flex-wrap:wrap;gap:10px 16px}
  .archive-search>label {display:block;width:100%;font-size:12px}
  .archive-search>div {flex-basis:70%}
  .archive-search kbd {display:none}
  .archive-room {height:210px}
  .reading-studio {padding:20px 24px 56px}
  .reading-studio .reader-columns {display:flex;flex-direction:column;gap:0}
  .reader-frontmatter {order:0;width:100%}
  .reading-studio .chapter-rail {order:1;width:100%;padding:0;margin-bottom:8px}
  .reading-studio .chapter-rail summary {min-height:44px;margin:0;padding:0}
  .reading-studio .reading-opener {margin-bottom:16px}
  .reader-paper {order:3;width:100%}
  .reader-tools-grid {border:0;padding:0}
  .reader-typesetting input {width:60px}
  .reading-studio .reading-opener h1 {font-size:34px;line-height:1.3}
  .reading-studio .reading-meta {font-size:13px;gap:4px 12px}
  .reading-studio .article-toolbox {margin:0}
  .reading-studio .article-toolbox button {min-height:44px;font-size:12px}
  .reader-find input,.encore-form input,.encore-form input[name=nickname],.encore-form textarea,.archive-search input,.studio-project-name input,.note-editor textarea {font-size:16px}
  .reader-find button {min-width:40px;min-height:40px}
  .reader-typesetting select,.reader-speech select {font-size:16px;max-width:100%}
  .section-mast {align-items:start;gap:16px;padding-bottom:26px}
  .section-mast h1 {font-size:38px}
  .section-mast>a {font-size:11px;gap:6px}
  .section-mast p {font-size:13px}
  .quiet-composition {min-height:0;padding:36px 0;gap:30px}
  .profile-intro {padding-inline:0;gap:55px}
  .profile-copy>p {font-size:15px}
  .profile-counts {gap:30px}
  .profile-counts span {font-size:11px}
  .lounge-card {padding:26px}
  .studio-mast.studio-illustrated {padding:28px;min-height:240px}
  .studio-illustrated>div:first-of-type {max-width:75%}
  .studio-illustrated h1 {font-size:36px}
  .studio-illustrated>a {right:14px;top:14px;font-size:11px}
  .studio-key:before {content:'左右滑动查看全部节拍 →';display:block;width:100%;color:var(--studio-gold);font-size:12px}
  .studio-bottom {gap:24px}
  .studio-transport {gap:12px}
  .studio-transport label {font-size:12px}
  .studio-project-name {font-size:11px}
  .studio-project-name input {width:155px}
  .studio-top>button {font-size:12px}
}
@media(max-width:600px) {
  .cover.live-cover {min-height:calc(100svh - 72px)}
  .live-cover .photo-cut img {object-position:75% 26%;height:70%}
  .live-cover .cover-editorial {padding:clamp(290px,44svh,380px) 24px 154px}
  .cover-editorial>.eyebrow {font-size:9px;letter-spacing:.12em}
  .live-cover .cover-type {gap:7px;margin:18px 0}
  .live-cover .type-cc {font-size:clamp(42px,12vw,64px)}
  .live-cover .type-atelier {font-size:clamp(45px,13.5vw,72px)}
  .cover-editorial>p {font-size:16px;letter-spacing:.09em}
  .cover-micro {font-size:9px;letter-spacing:.09em}
  .live-cover .enter-button {width:88px;height:88px;left:auto;right:28px;bottom:32px}
  .live-cover .enter-label {font-size:11px}
  .live-cover .nijika-marker {right:24px;top:24px;font-size:11px}
  .live-cover .photo-index {top:250px;right:24px}
  .cover-bottom-line {left:24px;right:142px;bottom:43px;font-size:9px;letter-spacing:.08em;line-height:1.8}
  .backstage {padding:0 24px 36px}
  .backstage-topline {min-height:52px;font-size:9px}
  .live-stage.gig-scene {height:610px;margin-inline:0}
  .live-stage .gig-portrait {inset:0 -20% 100px 0;border-radius:8px 8px 0 0}
  .live-stage .gig-heading {top:267px;left:0}
  .live-stage .gig-kicker {font-size:11px;letter-spacing:.035em;margin-bottom:14px}
  .live-stage .gig-heading h1 {font-size:clamp(40px,10.5vw,60px);letter-spacing:-.02em}
  .live-stage .admission-ticket {left:4px;bottom:119px;width:calc(100% - 12px);max-width:none;transform:rotate(-2deg)}
  .live-stage .ticket-main>strong {font-size:27px}
  .live-stage .ticket-main {padding:18px}
  .live-stage .ticket-meta {font-size:9px}
  .live-stage .ticket-eyebrow {font-size:9px}
  .live-stage-studio {bottom:44px;left:0}
  .live-stage-studio strong {font-size:14px}
  .live-stage-studio small,.live-stage-studio em {font-size:9px}
  .shelf-heading {padding-top:28px;display:block}
  .shelf-heading p {margin-top:6px;font-size:12px}
  .object-shelf {gap:12px}
  .shelf-label strong {font-size:18px}
  .shelf-label small {font-size:10px}
  .backstage-latest {display:grid;grid-template-columns:1fr;gap:10px;padding-block:22px}
  .backstage-latest>strong {font-size:15px;max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
  .after-ribbon {gap:20px;font-size:12px}
  .ribbon-audience {flex-wrap:wrap;gap:8px;font-size:11px}
  .ribbon-audience small {max-width:none;text-align:left;margin:0;flex-basis:100%;font-size:10px}
  .archive-mast {align-items:center;padding-bottom:24px;gap:16px}
  .archive-mast .eyebrow {font-size:10px}
  .archive-mast h1 {font-size:36px;margin-top:10px}
  .archive-mast h1>span {display:block;margin:6px 0 0;font-size:31px}
  .archive-mast-index strong {font-size:40px}
  .archive-mast-index>span {font-size:11px;max-width:88px;text-align:right;line-height:1.8}
  .archive-intro {grid-template-columns:1fr;gap:16px;padding-block:24px}
  .archive-room {height:200px}
  .archive-room figcaption {padding:20px}
  .archive-room figcaption>b {font-size:21px}
  .archive-intro>a {grid-column:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;border:1px solid var(--line);padding:16px 18px;border-radius:var(--ui-radius)}
  .archive-intro>a small {font-size:10px}
  .archive-intro>a b {font-size:25px;white-space:nowrap}
  .archive-intro>a>span {display:none}
  .archive-graph-invite {min-height:64px;gap:12px}
  .archive-graph-invite b {font-size:15px}
  .archive-search {padding-block:24px}
  .archive-search>div {flex-basis:100%;order:1}
  .archive-search>label {width:auto;flex:1}
  .archive-search>button {min-height:32px;font-size:12px}
  .archive-filters label {font-size:12px;min-width:0}
  .archive-filters select {font-size:16px;width:100%;min-width:0}
  .archive-toolbar {flex-wrap:wrap;gap:12px}
  .archive-toolbar>span {width:100%;font-size:12px}
  .archive-toolbar>div {margin-left:auto}
  .archive-toolbar select {font-size:16px;max-width:160px}
  .archive-results {grid-template-columns:1fr;gap:16px}
  .archive-record {min-height:228px;padding:22px}
  .archive-record h2 {font-size:20px;margin-block:12px 10px}
  .archive-record p {font-size:14px;-webkit-line-clamp:2;margin-bottom:20px}
  .record-top {font-size:12px}
  .record-top b {font-size:30px}
  .record-bottom>span {font-size:12px;max-width:none}
  .record-bottom button {height:44px;width:44px}
  .archive-results[data-mode=list] .archive-record {grid-template-columns:35px minmax(0,1fr) 44px;gap:14px;padding:20px 0}
  .archive-results[data-mode=list] h2 {font-size:16px}
  .archive-results[data-mode=list] .record-top>span,.archive-results[data-mode=list] .record-bottom>span {display:none}
  .archive-results[data-mode=list] .record-top b {font-size:23px}
  .constellation-top {gap:12px;flex-wrap:wrap;font-size:10px;padding:16px}
  .constellation-top button {min-width:36px;min-height:36px}
  .constellation-detail {font-size:13px;padding:18px}
  .constellation-detail strong {font-size:16px}
  .constellation-bottom select {font-size:16px;max-width:100%;margin:8px 0 0;width:100%}
  .constellation-bottom label {white-space:normal;font-size:12px}
  .reading-studio .reading-nav {font-size:12px;gap:12px}
  .reading-nav>button {font-size:12px;min-height:44px}
  .reading-studio .reading-opener h1 {font-size:34px}
  .reading-studio .reading-meta {font-size:13px;gap:4px 12px}
  .reading-studio .article-toolbox-main {gap:8px}
  .reading-studio .article-toolbox-main>button {padding:10px;font-size:11px;flex:1}
  .reading-studio .reading-switches {gap:6px 14px}
  .reader-typesetting input {width:45%;max-width:180px}
  .reader-speech button {min-height:44px;padding:10px 16px;font-size:13px}
  .reader-tools-grid {grid-template-columns:repeat(2,1fr)}
  .reader-tools-grid button {font-size:13px;min-height:76px}
  .reading-studio .article-body.markdown-body h2 {font-size:1.35em}
  .reading-studio .article-body.markdown-body blockquote {padding:14px 18px}
  .neighbor-posts {display:grid;grid-template-columns:1fr;gap:12px}
  .neighbor-posts a {max-width:none;padding:18px}
  /* Match the reader baseline specificity so phone links really get a full row. */
  .reading-studio .neighbor-posts {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .reading-studio .neighbor-posts a {max-width:none}
  .reader-encore>div {flex-wrap:wrap}
  .reader-encore button {min-height:44px}
  .section-mast {display:block}
  .section-mast>a {width:fit-content;margin-top:14px}
  .section-mast h1 {font-size:36px}
  .project-layout {padding-top:36px;gap:16px}
  .project-copy {gap:0 12px}
  .project-copy h2 {font-size:64px}
  .project-copy>.arrow-link {font-size:12px}
  .project-object {transform:scale(.88);transform-origin:center;max-width:330px;height:320px}
  .quiet-composition {gap:26px;padding-top:32px}
  .quiet-message {padding-left:0}
  .quiet-message>p {font-size:14px}
  .research-star {font-size:210px;height:215px;width:215px}
  .empty-film {margin-inline:0;height:250px}
  .empty-film>div {flex-basis:120px;height:180px}
  .series-header h1 {font-size:clamp(76px,22vw,112px)}
  .series-topics {position:static;max-height:none}
  .series-topics>a {min-height:40px;font-size:12px;padding:8px 0}
  .series-track {gap:10px;grid-template-columns:28px minmax(0,1fr) 30px 16px}
  .series-track strong {font-size:15px}
  .series-track small {font-size:11px}
  .guestbook-side>p {font-size:14px}
  .guestbook-rules {font-size:12px}
  .encore-form {padding:18px}
  .comment-form-bottom {gap:14px;flex-wrap:wrap}
  .comment-form-bottom button {min-width:140px}
  .lounge-banner>div {padding:30px 24px}
  .lounge-banner p {font-size:12px}
  .lounge-tabs {gap:10px 22px;font-size:12px;padding-block:16px 24px}
  .lounge-tabs>a:last-child {font-size:12px}
  .lounge-card {padding:26px;margin-bottom:20px}
  .lounge-card>p {font-size:13px}
  .lounge-fine-print {font-size:11px}
  .profile-copy h1 {font-size:39px}
  .profile-copy>p {font-size:15px}
  .profile-interests>span {font-size:11px}
  .profile-photo>img {height:auto;aspect-ratio:16/10}
  .profile-counts {justify-content:space-between;gap:16px}
  .profile-note {font-size:14px;gap:12px}
  .studio-mast.studio-illustrated {min-height:235px;padding:64px 22px 26px}
  .studio-illustrated>div:first-of-type {max-width:100%}
  .studio-illustrated h1 {font-size:34px}
  .studio-illustrated .eyebrow {font-size:10px}
  .studio-soundcheck {width:100%;opacity:.6;object-position:68% center}
  .studio-pattern-bar {gap:12px;font-size:11px}
  .studio-pattern-bar>span {font-size:10px}
  .studio-pattern-bar label {font-size:12px}
  .music-studio select {font-size:16px}
  .studio-export button,.studio-import {font-size:13px;min-height:44px}
  .studio-bottom p {font-size:13px}
  .studio-footnote {font-size:11px}
  .nijika #search-dialog {padding:20px}
  .live-dialog {padding:20px}
  .live-dialog-head h2 {font-size:20px}
  .queue-row {grid-template-columns:24px minmax(0,1fr);gap:12px}
  .queue-row>div {grid-column:2;flex-wrap:wrap;gap:8px}
  .queue-row button {min-height:44px;padding:8px 12px}
}
@media(max-width:360px) {
  .site-header,body[data-section="atelier"] .site-header {padding-inline:16px;gap:8px}
  .header-controls {gap:6px}
  .theme-switch {width:100px}
  .live-archive,.after-page,.music-studio,.series-page,.project-page,.empty-page,.archive-page,.index-page,.reading-studio {padding-inline:18px}
  .archive-group button {padding:8px;font-size:12px}
  .archive-mast h1 {font-size:31px}
  .reading-studio .reading-opener h1 {font-size:30px}
  .live-stage .gig-heading h1 {font-size:38px}
  .backstage {padding-inline:18px}
  .profile-copy h1 {font-size:34px}
  .studio-project-name {flex-wrap:wrap;gap:6px}
}
@media(hover:hover) {
  .archive-record:hover {transform:translateY(-3px);box-shadow:0 12px 28px #0002}
  .neighbor-posts a:hover,.profile-room-link:hover {border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 5%,var(--surface))}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  body,.archive-record,.shelf-object,.archive-room img {transition:none}
  .archive-record:hover,.shelf-object:hover {transform:none}
}
.motion-off .archive-record,.motion-off .shelf-object {transition:none}
.motion-off .archive-record:hover,.motion-off .shelf-object:hover {transform:none}
@media print {
  .site-header,.site-footer,.no-script-nav,.chapter-rail,.reader-options,.article-toolbox,.reading-nav,.reader-encore,.encore-comments,.surface-noise,.stage-field {display:none!important}
  .reading-page [data-reader-exclude],.reading-page .copy-code,.reading-page .code-workbench-open,.reading-page .chapter-copy,.reading-page .reader-comments,.reading-progress,.selection-note {display:none!important}
  :root {color-scheme:light!important}
  body.nijika {background:#fff!important;color:#111!important;color-scheme:light!important;--bg:#fff!important;--surface:#f6f6f6!important;--text:#222!important;--ink:#111!important;--muted:#595959!important;--yellow:#493616!important;--line:#ccc!important}
  /* Imported syntax classes can still consume Redefine's system-dark palette. */
  .reading-studio .article-body.markdown-body {
    --highlight-background:var(--surface)!important;--highlight-foreground:var(--text)!important;
    --highlight-keyword:var(--text)!important;--highlight-link:var(--text)!important;
    --highlight-built-in:var(--text)!important;--highlight-number:var(--text)!important;
    --highlight-string:var(--text)!important;--highlight-regexp:var(--text)!important;
    --highlight-subst:var(--text)!important;--highlight-comment:var(--muted)!important;
    --highlight-doctag:var(--text)!important;--highlight-meta:var(--text)!important;
    --highlight-variable:var(--text)!important;--highlight-attr:var(--text)!important;
    --highlight-section:var(--text)!important;--highlight-bullet:var(--text)!important;
    --highlight-addition:var(--text)!important;--highlight-deletion:var(--text)!important;
  }
  .reading-studio {padding:0;max-width:none}
  .reading-studio .reader-columns {display:block}
  .reading-studio .article-body.markdown-body {font-size:11pt!important}
  .reading-opener h1 {font-size:24pt!important}
  .article-body img,.article-body blockquote {break-inside:avoid}
}

/* Availability is readable before entering a comment, on every route. */
.encore-comments .comment-status,.encore-comments .community-retry,.encore-comments .comment-form-bottom button,.encore-comments .comment-stamps legend {font-size:13px}
.encore-comments .comment-status:empty {display:none}

.encore-comments .comment-status .community-retry {display:inline-flex;align-items:center;vertical-align:middle;margin:0;margin-inline-start:12px;min-height:44px}

/* Continuation belongs to the existing navigation, never a second toolbar. */
.reading-studio .reading-nav {flex-wrap:wrap}
.reading-studio .reading-nav .reading-resume {font:inherit;font-size:13px;min-height:44px;margin-left:auto;padding:4px 0;color:var(--muted);border:0;background:none}
.reading-studio .reading-nav .reading-resume:hover {color:var(--yellow)}
.reading-studio .reading-nav .reading-resume:focus-visible {outline:1px solid var(--yellow);outline-offset:4px}
[data-notes-resume] {overflow-wrap:anywhere}

/* Native navigation remains available until its dialog is usable. */
.menu-fallback {align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:12px}
.no-script-nav {justify-content:center;align-items:center;gap:8px 24px;flex-wrap:wrap;padding:18px var(--page-gutter);font-size:13px}
.no-script-nav a {display:flex;align-items:center;min-height:44px}

.menu-fallback:not([hidden]),.no-script-nav:not([hidden]) {display:flex}

.site-header .menu-open[hidden],.menu-fallback[hidden],.no-script-nav[hidden] {display:none}

/* Nijika / Volume 02 — an illustrated personal journal, not a wallpaper shell.
   Structural styles for the new entry, room index and edited writing archive. */
body.nijika {
  --editorial:'Noto Serif CJK SC','Songti SC','Source Han Serif SC',serif;
  --display:Georgia,'Times New Roman',serif;
  --page-gutter:clamp(24px,5.5vw,88px);
  --page-space:clamp(36px,5vw,72px);
  --ui-radius:6px;--ui-radius-lg:12px;
}
body.nijika.light,body.nijika.light[data-section="atelier"] {
  --bg:#f7f3e9;--surface:#fffcf5;--ink:#292e28;--text:#585d51;
  --muted:#787a6c;--line:#d9d8ca;--yellow:#a26a26;
  --accent-soft:#e9d5af;--sage:#78876a;--paper-shadow:#57533514;
  background:var(--bg);color:var(--ink);
}
body.nijika:not(.light),body.nijika[data-section="atelier"]:not(.light) {
  --bg:#171c1a;--surface:#212824;--ink:#f2eddf;--text:#c2c9be;
  --muted:#9ca998;--line:#3e4840;--yellow:#eac58a;
  --accent-soft:#453d2c;--sage:#a8ba90;--paper-shadow:#0003;
  background:var(--bg);color:var(--ink);
}
body.nijika {background-image:radial-gradient(ellipse at 12% 0, color-mix(in srgb,var(--yellow) 3%,transparent),transparent 60%)}
.surface-noise {opacity:.022}
.stage-field,.stage-field-fallback {opacity:.2}
.light .stage-field,.light .stage-field-fallback {opacity:.055}
.site-header,body[data-section="atelier"] .site-header {
  height:90px;max-width:1680px;margin-inline:auto;padding-inline:var(--page-gutter);
  border-bottom:1px solid var(--line);background:var(--bg);gap:22px;
}
body:not(.on-cover) .site-header {background:color-mix(in srgb,var(--bg) 94%,transparent)}
.site-header .brand {font-size:34px;letter-spacing:-2.5px;min-width:150px}
.brand small {font:600 10px/1.5 var(--sans);letter-spacing:.15em;margin-left:17px;color:var(--text)}
.site-header .current-chapter {display:none}
.header-navigation {gap:12px}
.header-navigation a {font-size:13px;padding-inline:12px}
.header-controls {gap:12px}
.on-cover .header-navigation {display:flex}
.on-cover .header-controls>.search-open {display:inline-grid}
.on-cover .site-header .theme-switch {--surface:var(--bg);--line:inherit;--muted:inherit}
.theme-switch {width:114px;min-height:40px;border-radius:7px;padding:4px;box-shadow:none;background:transparent}
.theme-switch-thumb {border-radius:4px;box-shadow:none;background:#e7c081}
.theme-switch[aria-checked=true] .theme-switch-thumb {background:#e8d3ae}
.theme-side {font-size:10px;gap:4px}
.theme-switch[aria-checked=true] .theme-side-day {color:#6f491c}
.site-footer,body[data-section="atelier"] .site-footer {
  max-width:1680px;margin-inline:auto;background:var(--bg);border-top:1px solid var(--line);padding-block:26px;min-height:108px;
}
.on-cover .site-footer,.on-cover.light .site-footer {background:var(--bg);color:var(--muted);border-top-color:var(--line)}
.on-cover .footer-after-links {display:flex}
.copyright {font-size:12px;color:var(--text)}
.footer-signoff {font-size:11px;margin-top:6px}
.eyebrow,.after-eyebrow {font-size:10px;letter-spacing:.13em;font-weight:500;color:var(--muted)}
.editorial-section-heading {display:flex;align-items:end;gap:20px;padding:0 0 28px;flex-wrap:wrap}
.editorial-section-heading>.eyebrow {width:100%;margin-bottom:-7px}
.editorial-section-heading h2 {font:500 clamp(25px,2.8vw,38px)/1.45 var(--chinese);letter-spacing:-.035em;margin:0}
.editorial-section-heading>span:last-child,.editorial-section-heading>a {margin-left:auto;font-size:12px;color:var(--muted);padding-bottom:5px}
.editorial-section-heading>a:hover {color:var(--yellow)}

/* ENTRY: masthead, art print, signature and a real table of contents. */
.on-cover main {display:block;min-height:0}
.cover.entry-v2 {display:block;width:100%;max-width:1680px;margin:0 auto;height:auto;min-height:0;padding:0 var(--page-gutter) 35px;overflow:visible;position:relative}
.entry-running-head {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font:10px var(--sans);letter-spacing:.12em;color:var(--muted)}
.entry-running-head i {color:var(--yellow);font-size:17px;margin-left:16px}
.entry-hero {display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:38px;align-items:center;padding:12px 0 46px}
.entry-copy {position:relative;z-index:2;padding:12px 0 6px;min-width:0}
.entry-volume {display:flex;align-items:center;gap:18px;font:10px var(--sans);letter-spacing:.14em;color:var(--muted);margin-bottom:25px}
.entry-volume>span {font-size:9px;border-left:1px solid var(--line);padding-left:18px}
.entry-title {font:500 clamp(68px,7.2vw,115px)/.9 var(--display);letter-spacing:-.065em;margin:0 0 38px;color:var(--ink);text-wrap:nowrap}
.entry-title>span {display:block;font:600 .52em/.85 var(--sans);letter-spacing:-.075em;margin-bottom:13px}
.entry-title>em {display:block;font-style:italic;font-weight:400;letter-spacing:-.07em}
.entry-title>em>span {color:var(--yellow)}
.entry-manifesto {font:500 clamp(29px,2.65vw,43px)/1.5 var(--editorial);letter-spacing:-.03em;color:var(--ink);margin-bottom:18px}
.entry-manifesto>span {color:var(--yellow)}
.entry-description {font-size:14px;line-height:1.95;color:var(--muted);letter-spacing:.04em;margin-bottom:30px}
.entry-actions {display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.entry-v2 .entry-enter {
  position:static;inset:auto;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:36px;
  width:auto;height:auto;min-height:52px;min-width:184px;padding:14px 20px;border:1px solid var(--ink);border-radius:3px;
  background:var(--ink);color:var(--bg);font:13px var(--chinese);letter-spacing:.04em;box-shadow:3px 4px 0 var(--accent-soft);
}
.entry-v2 .entry-enter:after,.entry-v2 .entry-enter:before {display:none}
.entry-enter>span:last-child {font:23px/.8 var(--sans)}
.entry-v2 .entry-enter:hover {background:var(--yellow);border-color:var(--yellow);color:var(--bg);transform:translateY(-2px)}
.entry-read {font-size:13px;min-height:44px;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line)}
.entry-read:hover {color:var(--yellow);border-color:var(--yellow)}
.entry-signature {display:flex;align-items:center;gap:22px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);max-width:370px}
.entry-signature>span {font:9px/1.7 var(--sans);letter-spacing:.1em;color:var(--muted)}
.entry-signature>span:last-child {margin-left:auto;text-align:right}
.entry-signature>i {font:32px var(--sans);color:var(--sage)}
.entry-art {margin:0;position:relative;min-width:0;padding:11px 11px 0;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 42px var(--paper-shadow);transform:rotate(1.3deg)}
.entry-art-window {position:relative;aspect-ratio:1672/941;overflow:hidden;background:var(--accent-soft)}
.entry-art-window img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% center;transform:scale(1.002);filter:none;opacity:1}
.entry-image-grain {position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #fff2}
.entry-art-corner {position:absolute;left:29px;top:31px;font:600 12px/1.3 var(--condensed);letter-spacing:.15em;color:#574a2a;background:#fff9e8cb;padding:13px 15px;border:1px solid #fffc}
.entry-art figcaption {padding:18px 9px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--text)}
.entry-art figcaption>span:first-child {display:flex;align-items:center;gap:10px;font-weight:500}
.entry-art figcaption small {font:9px var(--sans);letter-spacing:.08em;color:var(--muted)}
.entry-art figcaption>span:last-child {font:9px var(--sans);letter-spacing:.08em;color:var(--muted)}
.entry-art figcaption i {font-size:18px;color:var(--yellow)}
.entry-art-seal {position:absolute;right:-23px;bottom:97px;width:96px;height:96px;border:1px solid #866842;border-radius:50%;background:#efd5a4;color:#674c2b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transform:rotate(13deg);box-shadow:inset 0 0 0 6px #efd5a4,inset 0 0 0 7px #ad8b5866}
.entry-art-seal>span {font:8px var(--sans);letter-spacing:.1em}
.entry-art-seal>b {font:38px/1 var(--sans)}
.entry-index {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line);padding-block:22px}
.entry-index>a {padding:2px 23px;border-left:1px solid var(--line);display:grid;gap:14px;min-width:0}
.entry-index>a:first-child {border-left:0;padding-left:0}
.entry-index>a:last-child {padding-right:0}
.entry-index>a>span {display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.08em;color:var(--muted)}
.entry-index b {font-weight:400;font-size:8px}
.entry-index small {font:12px var(--condensed);color:var(--yellow)}
.entry-index strong {font:500 20px var(--chinese);display:flex;justify-content:space-between;gap:14px}
.entry-index i {font-weight:400;font-size:19px;color:var(--muted)}
.entry-index a:hover strong,.entry-index a:hover i {color:var(--yellow)}
.entry-latest {display:flex;gap:24px;align-items:center;padding:25px 0 0;min-width:0}
.entry-latest-tag {display:flex;align-items:center;gap:8px;font:9px var(--sans);letter-spacing:.1em;flex:none;color:var(--muted)}
.entry-latest-tag>i {width:5px;height:5px;background:var(--sage);border-radius:50%}
.entry-latest>strong {font:400 14px var(--chinese);overflow-wrap:anywhere}
.entry-latest>time {margin-left:auto;font:10px var(--sans);color:var(--muted);white-space:nowrap}
.entry-latest>span:last-child {font-size:19px;color:var(--yellow)}

/* ATELIER: a concert scene opens into an illustrated editorial directory. */
.atelier-v2 {max-width:1500px;padding:52px var(--page-gutter) 58px;margin-inline:auto}
.atelier-mast-v2 {position:relative;display:flex;justify-content:space-between;align-items:end;gap:48px;padding:0 0 40px}
.atelier-mast-v2 h1 {font:500 clamp(36px,4.5vw,66px)/1.4 var(--editorial);letter-spacing:-.05em;margin:16px 0 0}
.atelier-mast-v2 h1 span {color:var(--yellow)}
.atelier-mast-v2>p {font-size:14px;line-height:2;color:var(--muted);padding-bottom:10px;margin-right:60px}
.atelier-mast-star {position:absolute;right:0;top:8px;color:var(--sage);font:70px var(--sans);transform:rotate(7deg)}
.atelier-stage-v2 {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0;margin-bottom:72px;box-shadow:0 15px 40px var(--paper-shadow);border:1px solid var(--line)}
.atelier-performance {position:relative;margin:0;min-height:0;aspect-ratio:1672/941;overflow:hidden;background:#28251e}
.atelier-performance>img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:58% center}
.atelier-performance:after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1b1b17bb);pointer-events:none}
.atelier-performance figcaption {position:absolute;z-index:1;bottom:28px;left:32px;color:#fff5df;display:grid;gap:9px}
.atelier-performance figcaption>span {font:9px var(--sans);letter-spacing:.16em}
.atelier-performance figcaption>strong {font:italic 42px/1.1 var(--display);letter-spacing:-.04em;display:flex;align-items:center;gap:28px}
.atelier-performance figcaption>strong>span {font:30px var(--sans);color:#f2cf8e}
.atelier-performance figcaption>small {font:9px var(--sans);letter-spacing:.12em;color:#dccab0}
.atelier-admit {position:relative;display:flex;flex-direction:column;background:#eed9ad;color:#463d2e;padding:28px;isolation:isolate;border-left:1px dashed #877455aa}
.atelier-admit:before,.atelier-admit:after {content:'';position:absolute;left:-9px;width:18px;height:18px;border-radius:50%;background:var(--bg);top:-9px}
.atelier-admit:after {top:auto;bottom:-9px}
.atelier-admit-top {font:10px var(--sans);letter-spacing:.15em;display:flex;justify-content:space-between;border-bottom:1px solid #80674344;padding-bottom:19px}
.atelier-admit-top>i {font:20px/1 var(--condensed)}
.atelier-admit-heading {font:500 28px/1.5 var(--editorial);letter-spacing:-.04em;margin-top:24px}
.atelier-admit-count {display:flex;gap:15px;align-items:center;margin:16px 0 25px}
.atelier-admit-count>b {font:600 74px/.9 var(--condensed)}
.atelier-admit-count>span {font:10px/1.8 var(--sans);color:#8b7554}
.atelier-admit-action {display:flex;justify-content:space-between;align-items:center;border-block:1px solid #80674355;padding:13px 0;font-size:13px;margin-top:auto}
.atelier-admit-action>i {font:23px var(--sans)}
.atelier-admit-bottom {display:flex;justify-content:space-between;align-items:end;margin-top:22px}
.atelier-admit-bottom .barcode {width:77px;height:28px;opacity:.7}
.atelier-admit-bottom small {font:7px/1.8 var(--sans);letter-spacing:.09em;text-align:right;color:#8b7554}
.atelier-admit:hover {background:#f2d5a0}
.atelier-tiles-v2 {display:grid;grid-template-columns:1.18fr 1fr 1fr;grid-template-rows:auto auto auto;gap:24px;margin:0 0 72px}
.atelier-tile {position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.atelier-tile img {width:100%;height:100%;object-fit:cover;transition:transform .6s ease;min-height:0}
.atelier-tile>div:not(.project-mark-v2) {position:relative;padding:24px;min-width:0}
.room-number {font:9px var(--sans);letter-spacing:.12em;color:var(--muted)}
.atelier-tile h3 {font:500 25px/1.55 var(--editorial);letter-spacing:-.04em;margin:12px 0 8px}
.atelier-tile p {font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.atelier-tile>div>i {position:absolute;right:24px;bottom:24px;font:25px var(--sans);color:var(--yellow)}
.atelier-tile-writing {grid-column:1;grid-row:1/3}
.atelier-tile-writing>img {height:310px;aspect-ratio:1.2;object-position:42% center}
.atelier-tile-writing>div {padding:29px!important;flex:1}
.atelier-tile-writing h3 {font-size:32px;line-height:1.5;margin-block:18px 15px}
.atelier-tile-project {grid-column:2;grid-row:1;padding:24px;background:color-mix(in srgb,var(--sage) 9%,var(--bg))}
.atelier-tile-project>div:not(.project-mark-v2) {padding:0}
.project-mark-v2 {position:relative;font:600 90px/.85 var(--sans);letter-spacing:-.09em;margin:26px 0 28px}
.project-mark-v2>span {color:var(--yellow)}
.project-mark-v2>i {position:absolute;right:0;top:5px;font:42px var(--display);color:var(--sage)}
.atelier-tile-project h3 {font:500 21px/1.5 var(--chinese);margin-bottom:9px}
.room-footline {display:flex;justify-content:space-between;gap:12px;font:8px var(--sans);letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:24px}
.room-footline i {font-size:18px;color:var(--yellow)}
.atelier-tile-research {grid-column:3;grid-row:1}
.atelier-tile-research>img {height:175px;object-position:center 38%}
.atelier-tile-research h3 {font-size:22px;margin-top:11px}
.atelier-tile-life {grid-column:2/4;grid-row:2;display:grid;grid-template-columns:1.05fr 1fr;min-height:215px;background:color-mix(in srgb,#86958a 10%,var(--surface))}
.atelier-tile-life>img {position:absolute;width:52%;height:100%;inset:0;object-position:center}
.atelier-tile-life>div {grid-column:2;padding:25px!important;align-self:center}
.atelier-tile-life h3 {font-size:24px;margin-top:16px}
.atelier-tile-life p {font-size:12px}
.atelier-tile-life>div>i {position:static;display:block;margin-top:10px}
.atelier-tile-about {grid-column:1/-1;display:flex;align-items:center;gap:25px;padding:24px 0;border-block:1px solid var(--line)}
.atelier-tile-about>span {font:9px var(--sans);letter-spacing:.08em;color:var(--muted)}
.atelier-tile-about>strong {font:500 28px var(--editorial);letter-spacing:-.04em}
.atelier-tile-about>strong>span {color:var(--yellow)}
.atelier-tile-about>p {font-size:13px;color:var(--muted)}
.atelier-tile-about>b {font-weight:400;font-size:13px;margin-left:auto;display:flex;gap:18px;color:var(--yellow)}
.atelier-recent-v2 {margin-bottom:64px}
.atelier-recent-row {display:grid;grid-template-columns:32px 100px minmax(0,1fr) 25px;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.atelier-recent-row:last-child {border-bottom:1px solid var(--line)}
.atelier-recent-row>span {font:25px var(--condensed);color:var(--sage)}
.atelier-recent-row time {font:11px var(--sans);color:var(--muted)}
.atelier-recent-row h3 {font:400 20px/1.6 var(--chinese);margin:0;overflow-wrap:anywhere}
.atelier-recent-row>i {font-size:23px;color:var(--yellow)}
.atelier-recent-row:hover h3 {color:var(--yellow)}
.atelier-after-v2 {display:flex;align-items:center;gap:18px;background:color-mix(in srgb,var(--sage) 10%,var(--surface));padding:36px;border:1px solid var(--line)}
.atelier-after-v2>div {margin-right:auto}
.atelier-after-v2 h2 {font:500 33px var(--editorial);margin:9px 0 10px}
.atelier-after-v2 p {font-size:13px;color:var(--muted)}
.atelier-after-v2>a {font-size:13px;border:1px solid var(--line);background:var(--surface);min-height:50px;padding:14px 18px;display:flex;align-items:center;gap:24px}
.atelier-after-v2>a:hover {border-color:var(--yellow);color:var(--yellow)}
.atelier-v2 .after-ribbon {margin-top:30px}

/* NOTES: an edited front page, then a compact, useful catalogue. */
.live-archive.editorial-archive {max-width:1500px;padding:44px var(--page-gutter) 70px;--archive-gold:var(--yellow);--archive-red:#ac7557}
.archive-editorial-hero {display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center;padding-bottom:44px;border-bottom:1px solid var(--line)}
.archive-editorial-copy {min-width:0;padding:12px 0}
.archive-editorial-copy h1 {font:500 clamp(38px,4.4vw,66px)/1.3 var(--editorial);letter-spacing:-.055em;margin:22px 0}
.archive-editorial-copy h1>span {display:block;font:italic 500 .66em/1.3 var(--display);letter-spacing:-.04em;color:var(--yellow);margin-top:9px}
.archive-editorial-copy>p {font-size:14px;line-height:2;color:var(--muted)}
.archive-editorial-counts {display:flex;gap:34px;margin-top:31px;padding-top:24px;border-top:1px solid var(--line);width:fit-content}
.archive-editorial-counts>span {font-size:11px;color:var(--muted);display:flex;align-items:baseline;gap:10px}
.archive-editorial-counts b {font:600 33px var(--condensed);color:var(--ink)}
.archive-editorial-hero>figure {position:relative;margin:0;padding:9px;background:var(--surface);border:1px solid var(--line);transform:rotate(1deg);box-shadow:0 10px 30px var(--paper-shadow)}
.archive-editorial-hero>figure>img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:42% center}
.archive-editorial-hero figcaption {display:flex;align-items:center;justify-content:space-between;font:9px var(--sans);letter-spacing:.1em;padding:13px 5px 4px;color:var(--muted)}
.archive-editorial-hero figcaption>span {font:20px var(--sans);color:var(--sage)}
.archive-editor-picks {padding:44px 0}
.archive-picks-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.archive-editor-pick {display:flex;flex-direction:column;min-width:0;padding:25px 26px 0;border-left:1px solid var(--line)}
.archive-editor-pick:first-child {padding-left:0;border-left:0}
.archive-editor-pick:last-child {padding-right:0}
.archive-editor-pick>span {display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}
.archive-editor-pick>span>i {font:28px var(--condensed);color:var(--sage)}
.archive-editor-pick time {font:10px var(--sans)}
.archive-editor-pick h3 {font:500 21px/1.55 var(--chinese);letter-spacing:-.02em;overflow-wrap:anywhere;margin:17px 0 10px}
.archive-editor-pick p {font-size:13px;line-height:1.85;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}
.archive-editor-pick>b {font-size:12px;font-weight:400;display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:var(--yellow)}
.archive-editor-pick>b>i {font-size:20px}
.archive-editor-pick:hover h3 {color:var(--yellow)}
.archive-side-b {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:22px;padding:0 0 50px;border-bottom:1px solid var(--line)}
.archive-side-b>a {display:flex;align-items:center;gap:25px;padding:25px 28px;background:color-mix(in srgb,var(--sage) 10%,var(--surface));border:1px solid var(--line);min-width:0}
.side-b-record {display:grid;place-items:center;flex:none;width:88px;height:88px;border-radius:50%;color:#f4d393;font:600 37px var(--condensed);border:1px solid #5b6152;background:repeating-radial-gradient(circle,#303b33 0 2px,#242c26 3px 4px);box-shadow:0 3px 7px #0002}
.archive-side-b h2 {font:500 21px/1.55 var(--editorial);letter-spacing:-.03em;margin:8px 0}
.archive-side-b p {font-size:11px;color:var(--muted)}
.archive-side-b>a>i {font-size:25px;color:var(--yellow);margin-left:auto}
.archive-side-b .archive-graph-invite {grid-column:auto;border:1px solid var(--line)!important;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px!important;gap:10px;border-radius:0;background:var(--surface)}
.archive-side-b .archive-graph-invite>span {font-size:28px}
.archive-side-b .archive-graph-invite b {font-size:16px}
.archive-side-b .archive-graph-invite small {font-size:11px;color:var(--muted)}
.archive-catalog-heading {scroll-margin-top:118px;padding-top:42px}
.archive-catalog-heading h2 {font:500 31px/1.5 var(--editorial);margin:9px 0 0;letter-spacing:-.03em}
.archive-search {padding:26px 0 30px}
.archive-search>div {border-radius:3px;background:var(--surface)}
.archive-layout {grid-template-columns:160px minmax(0,1fr);gap:42px}
.archive-group button {border-radius:3px}
.archive-group button[aria-pressed=true] {background:var(--ink);color:var(--bg)}
.light .archive-group button[aria-pressed=true],.light .archive-group button[aria-pressed=true] span {color:var(--bg)}
.archive-filter-tags button {border-radius:2px;background:transparent}
.archive-toolbar {margin-bottom:8px}
.archive-toolbar>div {border:0;gap:5px;background:var(--surface)}
.archive-toolbar button {border-radius:2px}
.archive-toolbar button[aria-pressed=true] {background:var(--accent-soft);color:var(--ink)}
.archive-record {box-shadow:none;border-radius:3px;min-height:215px;background:transparent;padding:21px}
.light .archive-record {background:transparent;box-shadow:none}
.archive-record h2 {font-size:18px}
.archive-record:before {height:2px;transform:scaleX(.18)}
.archive-record p {color:var(--muted)}
.record-bottom button {border-radius:3px;border-color:var(--line)}
.archive-results[data-mode=list] {border-top:1px solid var(--line)}
.archive-results[data-mode=list] .archive-record {display:grid;grid-template-columns:48px minmax(0,1fr) 130px;grid-template-rows:auto auto;column-gap:22px;row-gap:7px;padding:22px 0;border-radius:0;min-height:118px;box-shadow:none;background:transparent}
.archive-results[data-mode=list] .archive-record:before {display:none}
.archive-results[data-mode=list] .record-top {grid-column:1;grid-row:1/3;align-self:center;gap:0}
.archive-results[data-mode=list] .record-top b {font:600 30px var(--condensed);color:var(--sage);opacity:1}
.archive-results[data-mode=list] .record-top>span {display:none}
.archive-results[data-mode=list] h2 {grid-column:2;grid-row:1;margin:0;font-size:18px;line-height:1.6;align-self:end}
.archive-results[data-mode=list] p {display:-webkit-box;grid-column:2;grid-row:2;align-self:start;font-size:12px;line-height:1.75;-webkit-line-clamp:1;margin:0}
.archive-results[data-mode=list] .record-bottom {grid-column:3;grid-row:1/3;align-self:center;gap:12px;justify-content:end}
.archive-results[data-mode=list] .record-bottom>span {font-size:10px;line-height:1.8;max-width:75px}
.archive-results[data-mode=list] .record-bottom>i {display:none}
.archive-results[data-mode=list] .record-bottom button {width:38px;height:38px;background:var(--surface)}
.archive-results[data-mode=list] .archive-record:hover {transform:none;background:color-mix(in srgb,var(--yellow) 3%,transparent)}
.archive-more {border-radius:3px;background:var(--surface);font-size:13px}

/* The reading room remains quiet while the rest of the journal becomes brighter. */
.reading-studio {padding-top:36px}
.reading-studio .reading-opener h1 {font-family:var(--editorial);font-weight:600;line-height:1.5}
.reading-studio .reading-opener .eyebrow {color:var(--yellow)}
.reading-studio .article-body.markdown-body {color:var(--text)}
.reading-studio .article-body.markdown-body h2 {font-family:var(--editorial);font-weight:600}
.reading-studio .article-toolbox-main>button {background:var(--surface);border-radius:3px}
.reading-studio .article-toolbox-main>button[aria-pressed=true] {background:var(--accent-soft)}
.reading-nav>a {color:var(--yellow)}
.neighbor-posts a,.profile-room-link {border-radius:3px}
.series-header h1 {color:var(--ink)}
.series-topics a {border-radius:3px}
.series-track:hover {background:color-mix(in srgb,var(--yellow) 4%,transparent)}
.studio-mast.studio-illustrated {min-height:335px;border-radius:3px;background:#211f18}
.studio-soundcheck {width:76%;object-position:60% 35%;opacity:.95}
.studio-illustrated h1 {font-family:var(--editorial);font-weight:500;letter-spacing:-.05em}
.studio-console {border-radius:6px}
.pixel-stage-card img {image-rendering:auto;object-fit:cover;object-position:58% center;height:auto;aspect-ratio:3/2}
.setlist-dialog {background:var(--bg)}
.setlist-heading h2 {font-family:var(--display);font-style:italic;font-weight:400;letter-spacing:-.05em}
.setlist-card {box-shadow:0 8px 24px var(--paper-shadow);border-radius:3px}
.setlist-writing .setlist-art>img {object-fit:cover;object-position:42% center;width:100%;height:100%;inset:0;transform:none;opacity:.9}
.setlist-writing .setlist-type {z-index:1;color:#453b29;text-shadow:0 1px 14px #fff8}
.setlist-photo img {object-fit:cover;object-position:center}

@media(min-width:1500px) {
  .entry-hero {gap:58px;grid-template-columns:.78fr 1.22fr}
  .entry-art-window {aspect-ratio:1672/941}
}
@media(max-width:1200px) {
  .site-header .brand {min-width:115px}
  .brand small {font-size:9px;margin-left:12px}
  .header-navigation {gap:2px}
  .header-navigation a {padding-inline:9px;font-size:12px}
  .entry-hero {gap:28px;grid-template-columns:.8fr 1.2fr}
  .entry-title {font-size:89px}
  .entry-volume {font-size:9px;gap:12px}
  .entry-volume>span {padding-left:12px;font-size:8px}
  .entry-manifesto {font-size:31px}
  .entry-description {font-size:13px}
  .entry-actions {gap:18px}
  .entry-v2 .entry-enter {min-width:166px;padding:13px 17px;font-size:12px;gap:23px}
  .entry-read {font-size:12px;gap:10px}
  .entry-signature {margin-top:32px;gap:15px}
  .entry-art figcaption small {display:none}
  .entry-art-seal {width:83px;height:83px;right:-17px;bottom:88px}
  .entry-art-seal>b {font-size:32px}
  .entry-art-seal>span {font-size:7px}
  .entry-index>a {padding-inline:17px}
  .entry-index>a>span {gap:8px;letter-spacing:.025em}
  .entry-index b {font-size:7px}
  .atelier-stage-v2 {grid-template-columns:minmax(0,1fr) 230px}
  .atelier-performance {min-height:0}
  .atelier-admit {padding:25px}
  .atelier-admit-heading {font-size:25px}
  .atelier-admit-count>b {font-size:67px}
  .atelier-tiles-v2 {grid-template-columns:1.1fr 1fr 1fr;gap:18px}
  .atelier-tile>div:not(.project-mark-v2) {padding:20px}
  .atelier-tile-writing>img {height:280px}
  .atelier-tile-writing>div {padding:23px!important}
  .atelier-tile-writing h3 {font-size:27px}
  .atelier-tile-project {padding:20px}
  .project-mark-v2 {font-size:78px;margin-block:25px}
  .atelier-tile-project h3 {font-size:19px}
  .atelier-tile-research>img {height:155px}
  .atelier-tile-research h3 {font-size:21px}
  .atelier-tile-life h3 {font-size:22px}
  .archive-layout {gap:28px;grid-template-columns:145px minmax(0,1fr)}
  .archive-side-b {grid-template-columns:1.4fr 1fr}
  .archive-side-b>a {padding:23px;gap:19px}
  .side-b-record {width:70px;height:70px;font-size:31px}
  .archive-side-b h2 {font-size:19px}
  .archive-editor-pick h3 {font-size:19px}
}
@media(max-width:1000px) {
  .entry-running-head {font-size:9px;letter-spacing:.07em}
  .entry-hero {gap:25px;align-items:center}
  .entry-title {font-size:75px;margin-bottom:27px}
  .entry-manifesto {font-size:27px}
  .entry-description {font-size:12px}
  .entry-volume {font-size:8px;letter-spacing:.06em}
  .entry-volume>span {display:none}
  .entry-signature {display:none}
  .entry-art-window {aspect-ratio:1.45}
  .entry-art figcaption {font-size:10px;padding:15px 4px}
  .entry-art figcaption>span:last-child {font-size:8px;letter-spacing:0}
  .entry-art-corner {font-size:10px;left:23px;top:24px;padding:10px}
  .entry-index b {display:none}
  .entry-index strong {font-size:19px}
  .atelier-mast-v2 {gap:24px}
  .atelier-mast-v2>p {font-size:12px;margin-right:20px}
  .atelier-mast-star {font-size:51px}
  .atelier-stage-v2 {grid-template-columns:minmax(0,1fr) 210px}
  .atelier-performance {min-height:0}
  .atelier-admit {padding:23px}
  .atelier-admit-heading {font-size:24px}
  .atelier-admit-count {margin-block:13px 19px}
  .atelier-admit-count>b {font-size:60px}
  .atelier-performance figcaption {left:25px}
  .atelier-performance figcaption>strong {font-size:35px}
  .atelier-tiles-v2 {grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}
  .atelier-tile-writing {grid-column:1;grid-row:1/3}
  .atelier-tile-project {grid-column:2;grid-row:1}
  .atelier-tile-research {grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;min-height:210px}
  .atelier-tile-research>img {width:100%;height:100%;object-position:50%}
  .atelier-tile-research>div {align-self:center;padding:17px!important}
  .atelier-tile-research h3 {font-size:20px}
  .atelier-tile-research p {font-size:10px}
  .atelier-tile-research>div>i {position:static;display:block;margin-top:12px}
  .atelier-tile-life {grid-column:1/-1;grid-row:3;min-height:235px}
  .atelier-tile-about {grid-row:4;flex-wrap:wrap;gap:16px 22px}
  .atelier-tile-about>span {width:100%}
  .atelier-tile-writing>img {height:355px}
  .atelier-tile-writing h3 {font-size:30px}
  .archive-editorial-hero {grid-template-columns:.9fr 1.1fr;gap:28px}
  .archive-editorial-copy h1 {font-size:44px}
  .archive-editorial-copy>p {font-size:13px}
  .archive-editorial-counts {gap:24px}
  .archive-editorial-counts>span {gap:8px}
  .archive-side-b {grid-template-columns:1fr}
  .archive-side-b .archive-graph-invite {min-height:76px;flex-direction:row;gap:20px}
  .archive-picks-grid {gap:0}
  .archive-editor-pick {padding-inline:19px}
  .archive-editor-pick h3 {font-size:18px}
  .archive-editor-pick p {font-size:12px}
}
@media(max-width:760px) {
  .site-header,body[data-section="atelier"] .site-header {height:74px;padding-inline:24px;gap:12px}
  .site-header .brand {min-width:45px;font-size:31px}
  .brand small {display:none}
  .header-navigation,.on-cover .header-navigation {display:none}
  .header-controls {gap:10px}
  .theme-switch {width:106px;min-height:40px}
  .site-footer,body[data-section="atelier"] .site-footer {padding:24px;gap:15px}
  .cover.entry-v2 {padding-inline:28px;padding-bottom:30px}
  .entry-running-head {padding:22px 0 17px}
  .entry-running-head>span:last-child {font-size:8px;max-width:180px;text-align:right}
  .entry-hero {gap:20px;padding-top:15px;padding-bottom:34px}
  .entry-title {font-size:65px}
  .entry-manifesto {font-size:25px}
  .entry-volume {margin-bottom:20px}
  .entry-actions {gap:12px}
  .entry-v2 .entry-enter {min-width:160px;min-height:49px;font-size:12px}
  .entry-read {font-size:12px}
  .entry-description {font-size:12px;line-height:1.85;margin-bottom:24px}
  .entry-art-window {aspect-ratio:1.3}
  .entry-art figcaption>span:last-child {display:none}
  .entry-art-seal {width:70px;height:70px;right:-14px;bottom:66px}
  .entry-art-seal>span {font-size:6px}
  .entry-art-seal>b {font-size:26px}
  .entry-art-corner {font-size:9px;padding:8px;left:18px;top:20px}
  .entry-index {padding-block:19px}
  .entry-index>a {padding-inline:13px;gap:9px}
  .entry-index strong {font-size:17px;gap:8px}
  .entry-index i {font-size:16px}
  .entry-latest {gap:15px;padding-top:22px}
  .entry-latest-tag {font-size:8px;letter-spacing:.035em}
  .entry-latest>strong {font-size:13px}
  .entry-latest>time {font-size:9px}
  .atelier-v2 {padding:35px 28px 45px}
  .atelier-mast-v2 {display:block;padding-bottom:28px}
  .atelier-mast-v2 h1 {font-size:42px;line-height:1.45}
  .atelier-mast-v2>p {margin:19px 0 0;font-size:13px;line-height:1.9;padding:0}
  .atelier-mast-star {right:7px;top:8px;font-size:48px}
  .atelier-stage-v2 {grid-template-columns:minmax(0,1fr) 190px;margin-bottom:48px}
  .atelier-performance {min-height:0}
  .atelier-performance figcaption {left:22px;bottom:23px}
  .atelier-performance figcaption>strong {font-size:29px}
  .atelier-performance figcaption>strong>span {font-size:23px}
  .atelier-performance figcaption>small {font-size:8px}
  .atelier-admit {padding:20px}
  .atelier-admit-heading {font-size:22px;margin-top:21px}
  .atelier-admit-count>b {font-size:53px}
  .atelier-admit-count>span {font-size:9px}
  .atelier-admit-bottom {margin-top:17px}
  .atelier-admit-bottom .barcode {width:60px;height:23px}
  .atelier-admit-bottom small {font-size:6px}
  .editorial-section-heading {padding-bottom:23px;gap:15px}
  .editorial-section-heading h2 {font-size:29px}
  .editorial-section-heading>span:last-child {display:none}
  .editorial-section-heading>a {font-size:11px}
  .atelier-tiles-v2 {gap:18px;margin-bottom:48px}
  .atelier-tile-writing>img {height:315px}
  .atelier-tile-writing>div {padding:23px!important}
  .atelier-tile-writing h3 {font-size:27px}
  .atelier-tile-writing p {font-size:11px;max-width:180px}
  .atelier-tile-project h3 {font-size:19px}
  .atelier-tile-research {display:flex;min-height:0}
  .atelier-tile-research>img {height:150px}
  .atelier-tile-research>div {padding:20px!important;width:100%}
  .atelier-tile-research h3 br {display:none}
  .atelier-tile-research h3 {font-size:19px}
  .atelier-tile-research>div>i {position:absolute;bottom:20px;right:20px}
  .atelier-tile-research p {padding-right:28px}
  .atelier-tile-about>strong {font-size:26px}
  .atelier-tile-about>p {font-size:12px}
  .atelier-recent-v2 {margin-bottom:46px}
  .atelier-recent-row {grid-template-columns:27px 80px minmax(0,1fr) 20px;gap:15px;padding:21px 0}
  .atelier-recent-row time {font-size:10px}
  .atelier-recent-row h3 {font-size:17px}
  .atelier-after-v2 {padding:27px;flex-wrap:wrap;gap:14px}
  .atelier-after-v2>div {width:100%;margin-bottom:9px}
  .atelier-after-v2 h2 {font-size:31px}
  .atelier-after-v2>a {font-size:12px;gap:23px}
  .live-archive.editorial-archive {padding:35px 28px 55px}
  .archive-editorial-hero {grid-template-columns:.9fr 1.1fr;gap:24px;padding-bottom:32px}
  .archive-editorial-copy h1 {font-size:37px;margin:15px 0 19px}
  .archive-editorial-copy>p {font-size:12px}
  .archive-editorial-copy>p br {display:none}
  .archive-editorial-counts {gap:22px;margin-top:21px;padding-top:17px}
  .archive-editorial-counts>span {display:block;font-size:10px}
  .archive-editorial-counts b {font-size:29px;display:block}
  .archive-editorial-hero>figure>img {aspect-ratio:1;object-position:42% center}
  .archive-editorial-hero figcaption {font-size:8px;letter-spacing:.04em;padding-top:9px}
  .archive-editor-picks {padding:32px 0}
  .archive-picks-grid {grid-template-columns:1fr}
  .archive-editor-pick,.archive-editor-pick:first-child,.archive-editor-pick:last-child {display:grid;grid-template-columns:29px 1fr auto;column-gap:18px;row-gap:8px;border-left:0;border-bottom:1px solid var(--line);padding:21px 0}
  .archive-editor-pick>span {display:contents}
  .archive-editor-pick>span>i {grid-column:1;grid-row:1/4;align-self:center;font-size:29px}
  .archive-editor-pick time {grid-column:2;grid-row:1;font-size:10px}
  .archive-editor-pick h3 {grid-column:2;grid-row:2;margin:0;font-size:19px}
  .archive-editor-pick p {grid-column:2;grid-row:3;margin:0;font-size:12px;-webkit-line-clamp:1}
  .archive-editor-pick>b {grid-column:3;grid-row:1/4;align-self:center;font-size:0;gap:0;margin:0}
  .archive-editor-pick>b>i {font-size:25px}
  .archive-side-b {gap:16px;padding-bottom:32px}
  .archive-side-b .archive-graph-invite small {display:block}
  .archive-catalog-heading {padding-top:32px}
  .archive-catalog-heading h2 {font-size:29px}
  .archive-layout {display:flex;gap:20px}
  .archive-toolbar {margin-bottom:10px}
  .archive-results[data-mode=list] .archive-record {grid-template-columns:35px minmax(0,1fr) 115px;column-gap:18px}
  .archive-results[data-mode=list] h2 {font-size:17px}
  .studio-mast.studio-illustrated {min-height:285px}
}
@media(max-width:600px) {
  .site-header,body[data-section="atelier"] .site-header {padding-inline:21px}
  .cover.entry-v2 {padding-inline:24px}
  .entry-running-head {font-size:8px;letter-spacing:.09em;padding-top:19px}
  .entry-running-head>span:last-child {display:none}
  .entry-running-head:after {content:'VOL. 01 / ✦';font-size:9px;color:var(--yellow)}
  .entry-hero {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 31px}
  .entry-copy {display:contents}
  .entry-volume {display:none}
  .entry-title {order:0;display:flex;align-items:baseline;gap:14px;font-size:clamp(61px,16vw,91px);letter-spacing:-.06em;margin:0 0 26px;line-height:1}
  .entry-title>span {display:inline;font-size:.7em;line-height:1;letter-spacing:-.07em;margin:0}
  .entry-title>em {display:inline;line-height:1}
  .entry-art {order:1;margin:0 3px 29px;padding:8px 8px 0;transform:rotate(1.1deg)}
  .entry-art-window {aspect-ratio:1.5}
  .entry-art-window img {object-position:65% center}
  .entry-art figcaption {font-size:11px;padding:12px 5px}
  .entry-art figcaption small {display:inline;font-size:8px}
  .entry-art-corner {left:20px;top:21px;font-size:9px;padding:10px}
  .entry-art-seal {right:-14px;bottom:71px;width:71px;height:71px}
  .entry-art-seal>b {font-size:26px}
  .entry-manifesto {order:2;font-size:clamp(30px,8vw,39px);line-height:1.5;margin:0 0 15px}
  .entry-manifesto br {display:none}
  .entry-description {order:3;font-size:13px;line-height:1.85;margin:0 0 25px}
  .entry-description br {display:none}
  .entry-actions {order:4;gap:23px}
  .entry-v2 .entry-enter {font-size:13px;min-height:52px;min-width:180px;padding:14px 18px}
  .entry-read {font-size:12px}
  .entry-signature {display:none}
  .entry-index {grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border-bottom:0;gap:0}
  .entry-index>a,.entry-index>a:first-child,.entry-index>a:last-child {padding:17px 13px;gap:9px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
  .entry-index>a:nth-child(3n+1) {padding-left:0;border-left:0}
  .entry-index>a:nth-child(3n) {padding-right:0}
  .entry-index>a>span {gap:6px}
  .entry-index small {font-size:11px}
  .entry-index b {display:none}
  .entry-index strong {font-size:18px;gap:12px}
  .entry-index>a:nth-child(4) {grid-column:1 / 2}
  .entry-index>a:nth-child(5) {grid-column:2 / 4}
  .entry-index>a:nth-child(5)>span>b {display:block;font-size:7px;letter-spacing:.01em}
  .entry-latest {display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:24px}
  .entry-latest-tag {grid-column:1;font-size:9px}
  .entry-latest>time {grid-column:2;grid-row:1;font-size:10px}
  .entry-latest>strong {grid-column:1;grid-row:2;font-size:14px}
  .entry-latest>span:last-child {grid-column:2;grid-row:2;text-align:right}
  .atelier-v2 {padding:30px 24px 42px}
  .atelier-mast-v2 h1 {font-size:clamp(32px,8.8vw,43px);line-height:1.4;margin-top:14px}
  .atelier-mast-v2>p {font-size:12px;max-width:300px;line-height:1.95}
  .atelier-mast-star {font-size:39px;right:0;top:12px}
  .atelier-stage-v2 {grid-template-columns:1fr;margin-bottom:38px}
  .atelier-performance {min-height:0;aspect-ratio:1.5}
  .atelier-performance>img {object-position:58% center}
  .atelier-performance figcaption {bottom:21px;left:20px;gap:8px}
  .atelier-performance figcaption>strong {font-size:31px;gap:20px}
  .atelier-performance figcaption>span,.atelier-performance figcaption>small {font-size:8px}
  .atelier-admit {display:grid;grid-template-columns:1fr auto;gap:13px 25px;padding:21px 23px;border-left:0;border-top:1px dashed #877455aa}
  .atelier-admit:before {left:-9px;top:-9px}
  .atelier-admit:after {left:auto;right:-9px;top:-9px;bottom:auto}
  .atelier-admit-top {grid-column:1/-1;padding-bottom:12px;font-size:9px}
  .atelier-admit-heading {grid-column:1;grid-row:2;margin:0;font-size:23px}
  .atelier-admit-count {grid-column:2;grid-row:2;margin:0;gap:10px}
  .atelier-admit-count>b {font-size:52px}
  .atelier-admit-count>span {font-size:9px}
  .atelier-admit-action {grid-column:1/-1;grid-row:3;border-bottom:0;margin:0;padding-top:13px;padding-bottom:0;font-size:13px}
  .atelier-admit-bottom {display:none}
  .editorial-section-heading h2 {font-size:27px}
  .atelier-tiles-v2 {display:block;margin-bottom:36px}
  .atelier-tile {margin-bottom:20px}
  .atelier-tile-writing {display:grid;grid-template-columns:1fr}
  .atelier-tile-writing>img {height:auto;aspect-ratio:1.55;object-position:42% 35%}
  .atelier-tile-writing>div {padding:25px!important}
  .atelier-tile-writing h3 {font-size:30px;margin-block:12px}
  .atelier-tile-writing h3 br {display:none}
  .atelier-tile-writing p {font-size:12px;max-width:none;padding-right:30px}
  .atelier-tile-writing>div>i {right:25px;bottom:25px}
  .atelier-tile-project {padding:25px;display:grid;grid-template-columns:1fr 100px;gap:18px}
  .atelier-tile-project>.room-number {grid-column:1;grid-row:1}
  .atelier-tile-project>div:not(.project-mark-v2) {grid-column:1;grid-row:2}
  .project-mark-v2 {grid-column:2;grid-row:1/3;align-self:center;font-size:77px;margin:0}
  .project-mark-v2>i {display:none}
  .atelier-tile-project h3 {font-size:22px;margin:0 0 8px}
  .atelier-tile-project p {font-size:11px}
  .room-footline {grid-column:1/-1;margin:0;font-size:8px;padding-top:14px}
  .atelier-tile-research {display:grid;grid-template-columns:1fr 1fr;min-height:235px}
  .atelier-tile-research>img {height:100%;object-position:55% center}
  .atelier-tile-research>div {padding:21px!important}
  .atelier-tile-research h3 {font-size:23px;line-height:1.55;margin-block:13px}
  .atelier-tile-research h3 br {display:block}
  .atelier-tile-research p {font-size:11px;padding:0}
  .atelier-tile-research>div>i {position:static;margin-top:12px}
  .atelier-tile-life {display:block;min-height:0}
  .atelier-tile-life>img {position:static;width:100%;height:auto;aspect-ratio:1.75;object-position:center 45%}
  .atelier-tile-life>div {padding:24px!important}
  .atelier-tile-life h3 {font-size:27px;margin:12px 0 8px}
  .atelier-tile-life>div>i {position:absolute;right:24px;bottom:24px;margin:0}
  .atelier-tile-about {gap:14px;padding-block:24px}
  .atelier-tile-about>strong {font-size:29px}
  .atelier-tile-about>p {display:none}
  .atelier-tile-about>b {font-size:12px;gap:12px}
  .atelier-recent-v2 {margin-bottom:35px}
  .atelier-recent-row {grid-template-columns:25px minmax(0,1fr) 20px;gap:7px 15px;padding-block:19px}
  .atelier-recent-row>span {grid-column:1;grid-row:1/3;font-size:25px;align-self:center}
  .atelier-recent-row time {grid-column:2;grid-row:1;font-size:10px}
  .atelier-recent-row h3 {grid-column:2;grid-row:2;font-size:17px}
  .atelier-recent-row>i {grid-column:3;grid-row:1/3;font-size:21px}
  .atelier-after-v2 {padding:25px;gap:12px}
  .atelier-after-v2>a {width:100%;justify-content:space-between;font-size:13px;background:transparent;border-color:var(--line)}
  .atelier-v2 .after-ribbon {font-size:11px;gap:20px}
  .live-archive.editorial-archive {padding:30px 24px 50px}
  .archive-editorial-hero {display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-bottom:30px}
  .archive-editorial-copy {padding:0}
  .archive-editorial-copy h1 {font-size:43px;margin:17px 0 16px}
  .archive-editorial-copy h1>span {display:inline-block;font-size:29px;margin:0 0 0 16px}
  .archive-editorial-copy>p {font-size:13px;max-width:330px}
  .archive-editorial-counts {margin-top:20px;padding-top:16px;gap:32px}
  .archive-editorial-counts>span {display:flex;align-items:baseline;gap:10px;font-size:11px}
  .archive-editorial-counts b {display:inline;font-size:29px}
  .archive-editorial-hero>figure {margin:0 3px;transform:rotate(.8deg);padding:8px}
  .archive-editorial-hero>figure>img {aspect-ratio:1.5;object-position:42% center}
  .archive-editorial-hero figcaption {font-size:8px;padding-inline:3px}
  .archive-editor-picks {padding:31px 0}
  .archive-editor-pick,.archive-editor-pick:first-child,.archive-editor-pick:last-child {grid-template-columns:25px minmax(0,1fr) 21px;gap:8px 14px;padding-block:20px}
  .archive-editor-pick h3 {font-size:18px}
  .archive-editor-pick p {font-size:12px;-webkit-line-clamp:2;line-height:1.8}
  .archive-side-b>a {padding:22px;gap:18px}
  .side-b-record {width:62px;height:62px;font-size:28px}
  .archive-side-b .eyebrow {font-size:8px;letter-spacing:.04em}
  .archive-side-b h2 {font-size:21px;line-height:1.5}
  .archive-side-b p {font-size:10px}
  .archive-side-b>a>i {font-size:23px}
  .archive-side-b .archive-graph-invite {min-height:73px;padding:16px!important;gap:13px}
  .archive-side-b .archive-graph-invite small {display:none}
  .archive-side-b .archive-graph-invite b {font-size:15px}
  .archive-catalog-heading h2 {font-size:27px}
  .archive-search {padding-block:22px 25px}
  .archive-layout {gap:22px}
  .archive-results[data-mode=list] .archive-record {grid-template-columns:29px minmax(0,1fr) 40px;column-gap:14px;row-gap:8px;padding-block:21px;min-height:110px}
  .archive-results[data-mode=list] h2 {font-size:17px;line-height:1.65}
  .archive-results[data-mode=list] p {font-size:12px;line-height:1.8;-webkit-line-clamp:2}
  .archive-results[data-mode=list] .record-top b {font-size:27px}
  .archive-results[data-mode=list] .record-bottom {gap:0}
  .archive-results[data-mode=list] .record-bottom>span {display:none}
  .archive-results[data-mode=list] .record-bottom button {width:40px;height:44px}
  .archive-record {border-radius:3px;min-height:220px;background:var(--surface)}
  .archive-record h2 {font-size:21px}
  .archive-record p {font-size:13px}
  .studio-mast.studio-illustrated {min-height:290px;padding:105px 25px 29px}
  .studio-soundcheck {width:100%;height:100%;opacity:.85;object-position:60% 40%;mask-image:none}
  .studio-illustrated:after {background:linear-gradient(0deg,#151813ef,transparent 100%)}
  .studio-illustrated h1 {font-size:39px}
  .studio-illustrated .eyebrow {font-size:9px}
  .studio-illustrated>a {font-size:11px}
}
@media(max-width:380px) {
  .header-controls {gap:5px}
  .site-header,body[data-section="atelier"] .site-header {padding-inline:17px}
  .theme-switch {width:98px}
  .cover.entry-v2,.atelier-v2,.live-archive.editorial-archive {padding-inline:20px}
  .entry-title {font-size:60px;gap:10px}
  .entry-manifesto {font-size:29px}
  .entry-actions {gap:16px}
  .entry-v2 .entry-enter {min-width:163px;font-size:12px}
  .entry-read {font-size:11px;gap:10px}
  .entry-art-seal {width:62px;height:62px;right:-11px;bottom:65px}
  .entry-art-seal>span {font-size:5px}
  .entry-art-seal>b {font-size:23px}
  .atelier-mast-v2 h1 {font-size:32px}
  .atelier-mast-star {font-size:33px}
  .atelier-admit {padding:20px}
  .atelier-admit-heading {font-size:21px}
  .atelier-admit-count>b {font-size:48px}
  .atelier-tile-research h3 {font-size:20px}
  .atelier-tile-research>div {padding:18px!important}
  .atelier-tile-project {grid-template-columns:1fr 80px;padding:22px;gap:16px}
  .project-mark-v2 {font-size:62px}
  .atelier-tile-project h3 {font-size:20px}
  .archive-editorial-copy h1 {font-size:39px}
  .archive-editorial-copy h1>span {font-size:26px;margin-left:11px}
  .archive-side-b>a {gap:14px;padding:19px}
  .side-b-record {width:51px;height:51px;font-size:24px}
  .archive-side-b h2 {font-size:19px}
  .archive-results[data-mode=list] .archive-record {column-gap:11px;grid-template-columns:25px minmax(0,1fr) 38px}
}
@media(hover:hover) {
  .atelier-tile:hover>img {transform:scale(1.035)}
  .atelier-tile:hover h3 {color:var(--yellow)}
}
.motion-off .entry-art,.motion-off .atelier-tile img {transition:none;animation:none}
@media(prefers-reduced-motion:reduce) {
  .entry-art,.atelier-tile img {transition:none;animation:none}
  .atelier-tile:hover>img {transform:none}
}
/* Give the scenic stage an uninterrupted spread on small tablets as well. */
@media(min-width:601px) and (max-width:900px) {
  .atelier-stage-v2 {grid-template-columns:1fr}
  .atelier-performance {aspect-ratio:1672/941;min-height:0}
  .atelier-admit {display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;align-items:center;border-left:0;border-top:1px dashed #877455aa;padding:22px 26px}
  .atelier-admit-top {grid-column:1;grid-row:1;padding-bottom:12px}
  .atelier-admit-heading {grid-column:2;grid-row:1/3;margin:0;font-size:26px;padding-left:15px;border-left:1px solid #80674344}
  .atelier-admit-count {grid-column:1;grid-row:2;margin:0}
  .atelier-admit-count>b {font-size:48px}
  .atelier-admit-action {grid-column:3;grid-row:1/3;border-block:0;margin:0;align-self:center;padding:15px 0;font-size:13px;gap:16px}
  .atelier-admit-bottom {display:none}
  .atelier-admit:after {left:auto;right:-9px;top:-9px;bottom:auto}
}

/* SVG marks stay crisp without depending on emoji/symbol font coverage. */
.editorial-arrow {display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5}
.entry-index .editorial-arrow {width:18px;height:18px;color:var(--muted)}
.editorial-spark {display:inline-block;vertical-align:middle;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8}