/* Route-local editorial indexes. Native links and disclosures work before JS. */
.notes-editorial-heading *, .notes-paths *, .creation-index * {min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.index-eyebrow {font:500 10px/1.6 var(--sans);letter-spacing:.14em;color:var(--muted)}
.index-section-heading {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 26px}
.index-section-heading h2 {margin:0;font:500 clamp(23px,2.5vw,32px)/1.5 var(--chinese);letter-spacing:-.035em}
.index-section-heading>span,.index-section-heading>a {font:13px/1.6 var(--chinese);color:var(--muted)}
.live-archive.catalog-v3 {width:min(var(--layout-width),calc(100% - 2 * var(--page-gutter)));max-width:none;padding-inline:0}
.catalog-v3 .notes-editorial-heading {grid-template-columns:1fr 1.05fr;gap:55px;margin-bottom:60px}
.catalog-v3 .notes-editorial-heading h1 {font-size:clamp(56px,6vw,86px);line-height:1.12;margin:24px 0}
.catalog-v3 .notes-editorial-heading h1 span {display:block;font:400 clamp(21px,2.2vw,29px)/1.5 var(--chinese);letter-spacing:-.03em;margin-top:19px}
.catalog-v3 .notes-editorial-heading .notes-deck {font:14px/1.9 var(--chinese);color:var(--muted)}
.notes-editorial-heading nav {display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}
.catalog-v3 .notes-editorial-heading nav a {font-size:13px}
.notes-editorial-heading figure {margin:0;position:relative}
/* HTML height=1024 reserves the intrinsic image ratio, not the displayed height.
   Explicit auto overrides that presentational height; 3:2 keeps face and hands uncropped. */
.notes-editorial-heading figure img {display:block;width:100%;height:auto;min-height:0;aspect-ratio:3 / 2;object-fit:contain;object-position:center}
.notes-editorial-heading figcaption {display:flex;justify-content:space-between;gap:12px;margin-top:10px;font:9px/1.5 var(--sans);letter-spacing:.08em;color:var(--muted)}
.notes-paths {scroll-margin-top:0px;margin-bottom:68px}
.notes-path-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.notes-path {border-top:2px solid var(--ink);padding:18px 0 0}
.path-topline {display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:34px;font:9px/1.6 var(--sans);letter-spacing:.04em;color:var(--muted)}
.path-formula {font:500 16px/1.5 monospace;letter-spacing:-.06em;color:var(--ink)}
.notes-path h3 {font:500 22px/1.4 var(--chinese);letter-spacing:-.03em;margin:16px 0 10px}
.notes-path>p {font:13px/1.8 var(--chinese);color:var(--muted);margin:0 0 18px}
.notes-path summary {display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font:13px/1.7 var(--chinese);border-bottom:1px solid var(--line)}
.notes-path summary:after {content:'+';font-size:18px;margin-left:10px}
.notes-path[open] summary:after,.notes-path details[open] summary:after {content:'−'}
.notes-path summary>span {margin-left:auto;color:var(--muted);font-size:10px}
.notes-path summary::-webkit-details-marker {display:none}
.notes-path ol {list-style:decimal-leading-zero;margin:12px 0 0;padding-left:24px;color:var(--muted);font:10px/1.6 var(--sans)}
.notes-path li {padding-left:5px}
.notes-path li a {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font:13px/1.6 var(--chinese);color:var(--ink)}
.notes-path li a>span {color:var(--muted)}
.notes-catalog-shell {scroll-margin-top:0px;border-top:1px solid var(--line);padding-top:32px}
.notes-catalog-shell>.index-section-heading {margin-bottom:20px}
.catalog-v3 .notes-catalog-shell .archive-results[data-mode=list] {gap:0}
.catalog-v3 .notes-catalog-shell .archive-results[data-mode=list] .archive-record {padding:26px 0;border-bottom:1px solid var(--line)}
.catalog-v3 .notes-catalog-shell .archive-results[data-mode=list] .archive-record h2 {font-size:21px}
.catalog-v3 .notes-catalog-shell .archive-results[data-mode=list] .archive-record p {max-width:65em}
.catalog-v3 .notes-catalog-shell .archive-options {margin-bottom:0}
.creation-index .creation-heading {display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:58px}
.creation-heading h1 {font:500 clamp(42px,5.8vw,76px)/1.2 var(--chinese);letter-spacing:-.055em;margin:22px 0}
.creation-heading h1 em {font-style:normal;color:var(--muted)}
.creation-heading>div>p:last-child {font:14px/1.8 var(--chinese);color:var(--muted);margin:0}
.creation-heading nav {display:grid;gap:4px;min-width:140px;padding-bottom:4px}
.creation-heading nav a {display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line);font:13px/1.6 var(--chinese)}
.creation-works,.creation-traces {scroll-margin-top:0px}
.creation-main-work {display:grid;grid-template-columns:1.5fr 1fr;background:var(--surface);margin-bottom:30px}
.creation-scene {position:relative;display:block;min-height:400px;overflow:hidden}
.creation-scene img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.creation-scene>span {position:absolute;bottom:18px;left:22px;padding:8px 12px;background:var(--bg);color:var(--ink);font:10px/1.6 var(--sans);letter-spacing:.1em}
.creation-work-copy {padding:35px;align-self:center}
.creation-work-copy h3 {font:500 clamp(25px,2.8vw,37px)/1.3 var(--chinese);letter-spacing:-.04em;margin:17px 0}
.creation-work-copy>p:not(.index-eyebrow) {font:14px/1.9 var(--chinese);color:var(--muted)}
.creation-enter {display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:25px 0 20px;border-bottom:1px solid var(--ink);font:14px/1.6 var(--chinese)}
.creation-index details {font:13px/1.85 var(--chinese);color:var(--muted)}
.creation-index summary {min-height:44px;padding:10px 0;cursor:pointer;color:var(--ink)}
.creation-index details ol {padding-left:18px;margin:0 0 12px}
.creation-index details a {display:inline-flex;min-height:44px;align-items:center}
.creation-pair {display:grid;grid-template-columns:1fr 1fr;gap:30px}
.creation-code-visual,.creation-query-visual {min-height:250px;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;background:var(--ink);color:var(--bg)}
.creation-query-visual {background:#eedb92;color:#232419}
.creation-code-visual>span,.creation-query-visual>span {font:10px/1.6 var(--sans);letter-spacing:.12em;opacity:.75}
.creation-code-visual strong,.creation-query-visual strong {font:400 clamp(27px,3vw,42px)/1.4 var(--chinese);letter-spacing:-.045em}
.creation-code-visual strong>span {padding-left:24px;color:var(--bg)}
.creation-code-visual>div {font:13px/1.6 var(--chinese);display:flex;gap:16px;flex-wrap:wrap}
.creation-code-visual i {font-style:normal;color:var(--bg)}
.creation-query-visual>div {display:flex;gap:12px;flex-wrap:wrap;font:12px/1.6 monospace}
.creation-query-visual>div>span {border-bottom:1px solid #978449;padding-bottom:4px}
.creation-small-copy {padding:22px 0 0}
.creation-small-copy h3 {font:500 25px/1.4 var(--chinese);margin:0 0 10px;letter-spacing:-.03em}
.creation-small-copy>p {font:14px/1.8 var(--chinese);color:var(--muted);margin:0 0 10px}
.creation-small-copy>a {display:inline-flex;align-items:center;min-height:44px;font:13px/1.6 var(--chinese);margin-right:24px}
.creation-traces {display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;border-top:1px solid var(--line);padding-top:38px;margin-top:72px}
.creation-traces h2 {font:500 32px/1.4 var(--chinese);letter-spacing:-.04em;margin:18px 0}
.creation-traces>div>p:not(.index-eyebrow) {font:13px/1.9 var(--chinese);color:var(--muted)}
.creation-traces>div>a {display:inline-flex;align-items:center;min-height:44px;font:13px/1.6 var(--chinese)}
.creation-traces ol {list-style:none;margin:0;padding:0}
.creation-traces li {padding:18px 0;border-bottom:1px solid var(--line)}
.creation-traces li:first-child {padding-top:0}
.creation-traces time {display:block;font:10px/1.6 var(--sans);color:var(--muted);margin-bottom:6px}
.creation-traces li>a {display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;font:500 18px/1.6 var(--chinese)}
.creation-traces li>a>span {font-size:16px;color:var(--muted)}
.creation-coda {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:62px;padding:24px 0;border-top:1px solid var(--line)}
.creation-coda>span {font:10px/1.6 var(--sans);color:var(--muted);letter-spacing:.1em}
.creation-coda>p {margin:0 auto 0 0;font:15px/1.6 var(--chinese)}
.creation-coda>a {display:inline-flex;align-items:center;min-height:44px;font:13px/1.6 var(--chinese)}
.notes-paths :is(a,summary):focus-visible,.notes-editorial-heading a:focus-visible,.notes-catalog-shell a:focus-visible,.creation-index :is(a,summary):focus-visible {outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:900px) {
 .catalog-v3 .notes-editorial-heading {gap:30px}
 .notes-path-grid {gap:18px}
 .path-topline {display:block}
 .path-formula {display:block;margin-top:10px}
 .notes-path h3 {font-size:20px}
 .creation-main-work {grid-template-columns:1.2fr 1fr}
 .creation-work-copy {padding:25px}
 .creation-traces {gap:30px}
}
@media(max-width:700px) {
 .catalog-v3 .notes-editorial-heading {grid-template-columns:1fr;gap:26px;margin-bottom:38px}
 .catalog-v3 .notes-editorial-heading h1 {font-size:58px;margin:14px 0}
 .catalog-v3 .notes-editorial-heading h1 span {font-size:24px;margin-top:12px}
 .notes-path-grid {grid-template-columns:1fr;gap:24px}
 .path-topline {display:flex}.path-formula {margin:0}
 .notes-path h3 {font-size:23px;margin-top:8px}
 .notes-path>p {margin-bottom:5px}
 .notes-paths {margin-bottom:38px}
 .index-section-heading {align-items:start;gap:12px;flex-wrap:wrap;margin-bottom:18px}
 .index-section-heading>span {font-size:11px}
 .catalog-v3 .notes-catalog-shell .archive-results[data-mode=list] .archive-record h2 {font-size:20px}
 .creation-index .creation-heading {display:block;margin-bottom:34px}
 .creation-heading h1 {font-size:clamp(39px,10vw,60px)}
 .creation-heading nav {display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
 .creation-main-work,.creation-pair,.creation-traces {grid-template-columns:1fr}
 .creation-scene {min-height:0;aspect-ratio:1.5}
 .creation-work-copy {padding:24px}
 .creation-work-copy h3 {font-size:30px}
 .creation-pair {gap:32px}
 .creation-code-visual,.creation-query-visual {min-height:225px;padding:24px}
 .creation-code-visual strong,.creation-query-visual strong {font-size:34px}
 .creation-traces {gap:24px;margin-top:42px;padding-top:28px}
 .creation-traces h2 {font-size:29px;margin:10px 0}
 .creation-coda {gap:14px 20px;margin-top:36px}
 .creation-coda>span {flex-basis:100%}
}