/* Content sections live in the header; the index is a view of Work. */
.site-header .primary-navigation{gap:clamp(24px,2.5vw,42px)}
.site-header .primary-link{position:relative;white-space:nowrap;padding:0 3px;transition:color 220ms var(--ease)}
.site-header .primary-link::after{content:'';position:absolute;height:1px;left:3px;right:3px;bottom:8px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 280ms var(--ease)}
.site-header .primary-link:hover{text-decoration:none}.site-header .primary-link:hover::after,.site-header .primary-link[aria-current=page]::after{transform:scaleX(1)}
.site-header #language-button{margin-left:4px;padding-left:17px;border-left:1px solid var(--line);min-width:44px}
.site-header #menu-button{display:none;align-items:center;gap:6px;min-height:44px;font-family:Plex,monospace}
.menu-count{font-size:8px;align-self:flex-start;margin-top:10px;color:var(--muted)}
.work-views{display:flex;align-items:center;gap:24px;flex-shrink:0}
.work-views button{font:inherit;min-height:40px;padding:0 2px;white-space:nowrap;text-underline-offset:4px}.work-views button:hover{text-decoration:underline}
.info-top{position:relative;gap:16px}.info-mark{margin-right:auto}.info-top #info-back{font:inherit;margin-left:auto;padding-inline:8px}.info-top #info-back[hidden]{display:none}
.info-dialog[data-mode=menu]{display:none}.info-dialog[data-mode=menu][open]{display:flex;flex-direction:column}
.info-dialog[data-mode=menu] #info-content{display:flex;flex:1;flex-direction:column;min-height:0}
.info-dialog[data-mode=menu] h2{margin:32px 0 18px;font:11px Plex,monospace;letter-spacing:0;color:var(--muted)}
.section-menu{margin-block:auto;display:grid;padding:12px 0 24px}
.section-menu button{display:grid;grid-template-columns:24px minmax(0,1fr) 25px;gap:14px;align-items:baseline;text-align:left;padding:17px 0;border-bottom:1px solid var(--line)}
.menu-number{font:10px Plex,monospace;color:var(--muted)}
.menu-word{display:block;font-size:clamp(38px,7.5vw,65px);line-height:1.1;letter-spacing:-.06em;font-variation-settings:'wdth' 105,'wght' 430;transition:font-variation-settings 360ms var(--ease),transform 360ms var(--ease)}
.section-menu button:hover .menu-word,.section-menu button:focus-visible .menu-word{font-variation-settings:'wdth' 113,'wght' 580;transform:translateX(5px)}
.menu-arrow{font-size:22px;line-height:1;color:var(--muted)}
.menu-description{grid-column:2/-1;font:10px Plex,monospace;color:var(--muted);letter-spacing:0;line-height:1.5;margin-top:-2px}
.info-dialog .menu-footnote{font:11px/1.6 Plex,monospace;color:var(--muted);margin:18px 0 0}
.info-dialog[data-mode=research]{width:min(760px,calc(100% - 32px))}
.info-dialog .section-kicker{font:11px/1.5 Plex,monospace;letter-spacing:0;color:var(--muted);margin:30px 0 15px}
.info-dialog .section-kicker+h2{margin-top:0;font-size:clamp(46px,5.5vw,76px);line-height:.98;letter-spacing:-.065em}
.info-dialog .section-intro{font-size:17px;line-height:1.6;margin-bottom:35px}
.research-notes{display:grid;gap:38px}
.research-note{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;border-top:1px solid var(--line);padding-top:19px}
.research-note img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#d1d5c7}
.research-note .note-meta{font:10px/1.5 Plex,monospace;letter-spacing:0;color:var(--muted);margin:0 0 11px}
.research-note h3{font-size:31px;line-height:1.06;letter-spacing:-.05em;font-weight:450;margin-bottom:15px;text-wrap:balance}
.research-note .note-copy{font-size:15px;line-height:1.65;margin:0 0 15px;max-width:none}
.research-note button{padding:8px 0;min-height:44px;font:11px/1.5 Plex,monospace;text-align:left;text-decoration:underline;text-underline-offset:5px}
.info-dialog .research-provenance{font:11px/1.7 Plex,monospace;color:var(--muted);border-top:1px solid var(--line);margin-top:35px;padding-top:18px}
.contact-lines{border-top:1px solid var(--line);padding-top:23px;margin-top:42px}
.contact-lines .contact-label{font:11px/1.6 Plex,monospace;color:var(--muted);margin:0 0 12px}
.contact-lines .contact-pending{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin-bottom:17px}
.contact-lines a{display:inline-block;font-size:clamp(20px,3vw,30px);line-height:1.4;overflow-wrap:anywhere}
.project-heading>p{white-space:nowrap}
.record-context{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 0 21px;font:11px/1.5 Plex,monospace;color:var(--muted)}
.record-context button{margin-left:auto;min-height:44px;font:inherit;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
@media(max-width:760px){
 .site-header .primary-navigation{gap:12px}.site-header .primary-link{display:none}.site-header #menu-button{display:inline-flex}.site-header #language-button{margin-left:0;padding-left:12px;min-width:40px;font-size:11px}
 .work-views{gap:12px}.work-views .visible-count{display:none}
 .info-dialog[data-mode=research]{width:calc(100% - 20px)}
 .research-note{grid-template-columns:83px minmax(0,1fr);gap:17px}.research-note h3{font-size:26px}.research-note .note-copy{font-size:14px}.research-note img{aspect-ratio:2/3}.info-dialog .section-intro{font-size:16px}
 .section-menu button{padding:14px 0;gap:9px 12px}.menu-word{font-size:clamp(39px,12vw,62px)}
 .record-context{gap:7px 17px;padding-bottom:15px;font-size:10px}.record-context button{flex-basis:100%;margin-left:0;text-align:left;min-height:38px}
}
@media(max-height:520px){.info-dialog[data-mode=menu] #info-content{min-height:max-content}.section-menu{grid-template-columns:1fr 1fr;gap:0 28px;margin:0}.section-menu button{grid-template-columns:18px minmax(0,1fr) 20px;padding:14px 0;gap:8px}.menu-word{font-size:35px}.menu-description{font-size:9px}.info-dialog[data-mode=menu] h2{margin:16px 0 8px}.info-dialog .menu-footnote{margin:10px 0 0}}
@media(max-width:360px){.site-header .primary-navigation{gap:6px}.site-header #language-button{min-width:36px;padding-left:8px}.work-views button{font-size:9px}.research-note{grid-template-columns:1fr}.research-note img{width:85px;aspect-ratio:3/2}.section-menu button{padding-block:11px}.menu-word{font-size:39px}}
@media(prefers-reduced-motion:reduce){.site-header .primary-link::after,.menu-word{transition:none!important}.section-menu button:hover .menu-word,.section-menu button:focus-visible .menu-word{transform:none}}