/* A photographic journal: oversized masthead, quiet rules, open margins. */
body{--bg:#f5f5f5;--ink:#171717;--muted:#606060;--line:#d1d1d1;--accent:var(--ink)}
body.is-night,body.always-night{--bg:#0b0b0b;--ink:#ededed;--muted:#aaa;--line:#343434}
.sidebar{padding-top:28px;border-right:1px solid var(--line)}
.wordmark{width:116px;margin-left:0}
.identity{margin-top:20px;margin-bottom:36px}
nav{gap:17px}
nav a{position:relative;transition:color .2s,transform .2s}
nav a:hover{transform:translateX(4px)}
nav a[aria-current]::after{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:auto;align-self:center}
.index-top{display:block;padding:45px 0 23px}
.index-top h1{font:900 clamp(52px,9vw,172px)/.9 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;white-space:nowrap;margin:0 0 30px}
.masthead-period{font-family:Georgia,serif;font-weight:400}
.masthead-meta{display:flex;justify-content:space-between;gap:15px;font:11px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}
.eyebrow{letter-spacing:.12em;font-size:11px}
.home .exhibit,.home .exhibit-2{padding-top:45px;padding-bottom:70px}
.home .exhibit-heading h2,.home .exhibit-2 h2{font:800 clamp(62px,8vw,140px)/.95 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:18px 0 35px}
.home .exhibit-heading h2 a{gap:15px}
.home .exhibit-heading h2 span{font-size:30px}
.home .exhibit-1 .cover-photo{width:90%}
.home .exhibit-2 .cover-photo{width:84%}
.home .index-events .cover-photo{width:80%;margin-left:auto}
.home .index-events .collection-entry{margin-left:auto;width:230px}
.home .index-after-hours h2{font:italic 400 clamp(56px,6.8vw,116px)/1 Georgia,serif;text-transform:none;letter-spacing:-.055em}
.collection-entry{font-size:12px;letter-spacing:.02em;padding-bottom:13px}
figcaption{padding-top:14px;border-top:1px solid var(--line);margin-top:10px}
.frame-number{font-size:11px}
.frame-title{font-weight:500}
.frame-context{font:10px/1.6 ui-monospace,monospace;letter-spacing:.035em;text-transform:uppercase}
.collection-heading{padding-top:55px;padding-bottom:35px;margin-bottom:55px;position:relative}
.collection-heading h1,.sports .collection-heading h1,.video-page .collection-heading h1{font:800 clamp(56px,7.6vw,140px)/1 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:25px 0 15px}
.after-hours .collection-heading h1,.in-passing .collection-heading h1{font:italic 400 clamp(60px,8.5vw,146px)/1.1 Georgia,serif;text-transform:none;letter-spacing:-.06em}
.events .collection-heading h1{font:400 clamp(80px,12vw,200px)/.9 Georgia,serif;letter-spacing:-.07em;text-transform:none}
.project-credits{display:flex;justify-content:space-between;gap:25px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font:11px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.events .sequence{gap:85px 3vw}
.events .sequence .photograph:nth-child(n){grid-column:1 / 7;margin-top:0}
.events .sequence .photograph:nth-child(2n){grid-column:7 / 13;margin-top:100px}
.events .sequence .photograph:first-child{grid-column:1 / 12;margin-bottom:15px}
.events .sequence .photograph:nth-child(4){grid-column:2 / 12;margin-top:10px}
.events .night-sequence .photograph:first-child{grid-column:2 / 12}
.events .night-sequence .photograph:last-child{grid-column:1 / 13;margin-top:25px}
.events .night-sequence{margin-top:100px}
.viewer-top,.viewer-bottom{font-family:Arial,Helvetica,sans-serif}
.film-heading{padding-top:18px;border-top:1px solid var(--line)}
.film-index h2{font-style:italic}
@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:20px;padding-bottom:20px}.wordmark{width:100px}.identity{margin-top:15px;margin-bottom:25px}nav{gap:14px}.sidebar-bottom{font-size:11px}}
@media(max-width:1000px) and (min-width:761px){.masthead-meta{flex-direction:column;gap:6px}.index-top h1{font-size:8.5vw}.project-credits{flex-direction:column;gap:8px}}
@media(max-width:760px){
 .sidebar{padding:12px 4vw 16px}.wordmark{width:82px}.identity{margin:0}.sidebar nav{gap:10px 18px;flex-wrap:wrap}.sidebar nav a{min-height:28px}.sidebar nav a[aria-current]::after{display:none}
 .index-top{padding-top:30px}.index-top h1{font-size:12.1vw;letter-spacing:-.075em;margin-bottom:23px}.masthead-meta{font-size:9px;gap:10px}.masthead-meta>span:last-child{text-align:right;max-width:45%}
 .home .exhibit,.home .exhibit-2{padding:35px 0 48px}.home .exhibit-heading h2,.home .exhibit-2 h2{font-size:14vw;margin:15px 0 26px}.home .exhibit-heading h2 span{font-size:24px}.home .exhibit-1 .cover-photo,.home .exhibit-2 .cover-photo,.home .index-events .cover-photo{width:100%}.home .index-after-hours h2{font-size:15vw}
 .collection-heading{padding:35px 0 28px;margin-bottom:35px}.collection-heading h1,.sports .collection-heading h1,.video-page .collection-heading h1{font-size:11.7vw}.in-passing .collection-heading h1,.after-hours .collection-heading h1{font-size:15vw}.events .collection-heading h1{font-size:24vw}.project-credits{flex-direction:column;margin-top:28px;gap:8px;font-size:10px}
 .events .sequence{display:block}.events .sequence .photograph:nth-child(n){width:100%;margin:0 0 40px}.events .night-sequence{margin-top:45px}.events .night-sequence .photograph:last-child{margin:0}.frame-context{font-size:9px}.film-heading h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){nav a{transition:none}nav a:hover{transform:none}}