html { --site-header-height: 124px; scroll-padding-top: calc(var(--site-header-height) + 18px); }
.artist-site { padding-top: var(--site-header-height); }
.artist-site .site-header { position: fixed; inset: 0 0 auto; z-index: 20; display: block; padding-top: 8px; padding-bottom: 8px; }
.artist-topline { display: flex; align-items: center; gap: 8px; min-width: 0; }
.artist-topline nav { margin-left: auto; }
.artist-site .site-header .artist-subnav { display: flex; justify-content: flex-start; gap: 8px; padding: 8px 0 0; margin-top: 7px; border-top: 1px solid var(--line); }
.artist-site .artist-subnav a { min-height: 40px; font-size: 14px; }
.artist-site [aria-current="page"] { border-color: var(--gold); color: var(--gold); background: #24241e; }
.artist-site .artist-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; padding: 22px 0 16px; }
.artist-site .artist-heading h1 { order: -1; margin: 0; font-size: 38px; }
.artist-site .artist-heading .eyebrow { color: var(--muted); font: 14px/1.5 system-ui; margin: 0; }
.artist-site .context-bar { position: fixed; inset: auto 0 0; z-index: 20; }
.artist-site .context-action { min-height: 36px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); padding: 0 12px; font: 600 12px system-ui; text-transform: uppercase; }
.artist-site .context-action:hover { border-color: var(--gold); color: var(--gold); }
.collection-controls { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 8px; }
.collection-controls>summary { cursor: pointer; padding: 12px 2px; color: var(--ink); font-size: 14px; }
.collection-controls>summary::marker { color: var(--gold); }
.filter-state { float: right; color: var(--gold); max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collection-controls-body { padding: 0 0 16px; }
.artist-site .filters { margin-top: 4px; }
.artist-site .filters label { font-size: 14px; }
.artist-site .filters input,.artist-site .filters select,.artist-site .filters button { min-height: 44px; }
.collection-controls .collection-note { margin: 14px 0 0; font-size: 13px; max-width: 90ch; }
.artist-site #result-count { padding-top: 0; margin: 10px 0 16px; }
.artist-site .page-footer { margin-top: 30px; }
.artist-site .editorial { padding-top: 24px; }
.artist-site .reading-jumps { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 22px; }
.reading-jumps a,.edition-links a,.writing-jumps a { display: inline-flex; align-items: center; min-height: 40px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 4px; font: 14px/1.4 system-ui; background: var(--panel); text-decoration: none; }
.reading-jumps a:hover,.edition-links a:hover,.writing-jumps a:hover { border-color: var(--gold); color: var(--gold); }
.artist-site .artist-biography { max-width: none; display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,330px); gap: 0 42px; align-items: start; }
.bio-paragraph { grid-column: 1; max-width: 72ch; }
.bio-portrait { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
.bio-portrait img { width: 100%; display: block; max-height: 360px; object-fit: contain; border: 1px solid var(--line); background: var(--panel); border-radius: 4px; }
.bio-portrait figcaption { font-size: 13px; color: var(--muted); padding: 8px 0; }
.bio-portrait figcaption a { text-decoration: underline; }
.artist-biography h2 { grid-column: 1 / -1; }
.artist-site .timeline { grid-column: 1 / -1; margin: 0; border: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.artist-site .timeline li { display: grid; grid-template-columns: 94px minmax(0,1fr); align-items: start; gap: 16px; border: 1px solid var(--line); border-radius: 4px; padding: 16px; background: var(--panel); }
.artist-site .timeline time { font-size: 14px; padding: 0; }
.artist-site .timeline h3 { font-size: 16px; margin: 0 0 8px; }
.artist-site .timeline p { font-size: 15px; margin: 0; line-height: 1.65; }
.timeline a { display: inline-block; margin-top: 8px; font-size: 13px; }
.edition-source { grid-column: 1 / -1; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 12px 0; margin-top: 24px; font-size: 14px; color: var(--muted); }
.edition-source summary { cursor: pointer; color: var(--ink); }
.edition-source p { margin: 12px 0 0; }
.edition-source a { color: var(--accent); text-decoration: underline; }
.writings-intro { max-width: 80ch; margin: 0 0 20px; }
.writing-jumps { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.writing-list { border-bottom: 1px solid var(--line); }
.writing-item { border-top: 1px solid var(--line); scroll-margin-top: calc(var(--site-header-height) + 16px); }
.writing-item>summary { cursor: pointer; display: grid; grid-template-columns: 100px minmax(0,1fr) 24px; gap: 18px; align-items: center; padding: 20px 0; list-style: none; }
.writing-item>summary::-webkit-details-marker { display: none; }
.writing-item>summary::after { content: '+'; font: 24px/1 system-ui; color: var(--gold); text-align: center; }
.writing-item[open]>summary::after { content: '\2212'; }
.writing-item .writing-date { color: var(--gold); font: 13px/1.5 ui-monospace,monospace; }
.writing-item h2 { margin: 0 0 6px; font-size: 25px; }
.writing-item .writing-meta { color: var(--muted); font-size: 13px; }
.writing-body { padding: 0 0 26px 118px; }
.writing-context { max-width: 76ch; font-size: 15px; }
.reading-text { max-width: 76ch; border-left: 2px solid #635840; padding: 4px 0 4px 24px; }
.reading-text p { color: var(--ink); font: 18px/1.9 Georgia,'Times New Roman',serif; margin: 0 0 1.2em; overflow-wrap: break-word; }
.reading-text p:last-child { margin-bottom: 0; }
.reading-text .stanza { white-space: pre-line; }
.reading-text h3 { font: 14px/1.5 system-ui; color: var(--gold); margin: 0 0 16px; }
.writing-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px 0 0; }
.writing-actions a { font-size: 14px; text-decoration: underline; color: var(--accent); }
.writing-actions button { border: 1px solid var(--line); border-radius: 4px; background: var(--panel); min-height: 40px; min-width: 40px; display: grid; place-items: center; }
.writing-actions svg { width: 18px; height: 18px; }
.writing-actions button:hover { border-color: var(--gold); }
.writing-status { font-size: 13px; }
.writing-body .edition-source { margin-top: 18px; max-width: 85ch; }
.book-editions { margin-top: 30px; }
.book-editions h2 { font-size: 26px; }
.book-editions .text-edition { padding: 20px 0; }
.book-editions .text-edition h3 { font-size: 18px; }
.book-editions p { font-size: 14px; }
.edition-links { display: flex; flex-wrap: wrap; gap: 8px; }
@media(max-width:800px) {
 .artist-site .artist-biography { grid-template-columns: minmax(0,1fr) 220px; gap: 0 24px; }
 .artist-site .timeline { grid-template-columns: 1fr; }
 .artist-site .site-header { padding-left: 18px; padding-right: 18px; }
}
@media(max-width:600px) {
 .artist-site .site-header { padding-left: 12px; padding-right: 12px; }
 .artist-topline { gap: 6px; }
 .artist-site .brand { font-size: 11px; }
 .artist-site .site-header .artist-subnav { display: grid; grid-template-columns: .9fr 1fr 1.2fr .9fr; gap: 5px; }
 .artist-site .artist-subnav a { padding: 6px 4px; font-size: 12px; white-space: normal; text-align: center; min-height: 42px; }
 .artist-site .artist-heading h1 { font-size: 32px; }
 .artist-site .artist-heading { gap: 3px 12px; padding-top: 18px; }
 .artist-site .artist-biography { display: block; }
 .bio-portrait { max-width: 270px; margin: 10px 0 24px; }
 .artist-site .timeline li { grid-template-columns: 76px minmax(0,1fr); padding: 14px; gap: 12px; }
 .artist-site .context-bar:has([data-filter-toggle])>span { display: none; }
 .artist-site .context-bar:has([data-filter-toggle]) nav { flex: 1; justify-content: space-between; }
 .artist-site .context-bar nav a,.artist-site .context-action { min-width: 0; padding: 0 8px; font-size: 11px; }
 .artist-site .context-bar nav a[aria-current="page"] { display: none; }
 .writing-item>summary { grid-template-columns: minmax(0,1fr) 24px; gap: 6px; padding: 18px 0; }
 .writing-item .writing-date { grid-column: 1; }
 .writing-item>summary>div { grid-column: 1; }
 .writing-item>summary::after { grid-column: 2; grid-row: 1 / span 2; }
 .writing-item h2 { font-size: 23px; }
 .writing-body { padding-left: 0; }
 .reading-text { padding-left: 16px; }
 .reading-text p { font-size: 17px; line-height: 1.85; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }