.work-page{background:var(--background)}
.work-page .header nav [aria-current="page"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.archive{width:calc(100% - 128px);max-width:1120px;margin:0 auto;padding:165px 0 130px}
.archive-heading{margin-bottom:64px}
.archive h1{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.08em;margin:0 0 22px;line-height:1.4;color:#aaa}
.disciplines{justify-content:flex-start;gap:38px;flex-wrap:wrap}
.disciplines a,.disciplines button{font-size:26px;padding:10px 0;letter-spacing:.01em;color:#858585;font-weight:400;justify-content:flex-start}
.disciplines [aria-current="page"]{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:1px}
.mediums{justify-content:flex-start;gap:28px;margin-top:28px}
.mediums a{font-size:12px;padding:12px 0;letter-spacing:.04em;font-weight:700}
.mediums a:hover{text-decoration:underline;text-underline-offset:7px}
.archive-section{scroll-margin-top:125px}
.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292929;padding-top:25px;margin-bottom:40px}
.section-heading h2{font:700 14px/1.4 var(--sans);letter-spacing:.05em;margin:0}
.section-heading span{font-size:11px;letter-spacing:.05em;color:#858585}
.film-grid,.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:88px}
.project-entry{display:block;width:100%;text-align:left}
.poster{height:640px;display:flex;align-items:flex-end;justify-content:flex-start}
.poster img{display:block;max-width:100%;height:100%;object-fit:contain;object-position:left bottom}
.archive h3{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:27px 0 14px}
.project-entry:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.archive-meta{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.6;color:#aaa}
#music-video{margin-top:125px}
.video-grid{column-gap:48px}
.video-thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
.video-thumbnail.tessa{object-position:50% 46%}
.artist{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.055em;margin:25px 0 11px}
.video-grid h3{margin:0 0 16px;font-size:36px}
.year-placeholder{color:#888;font-size:12px}
@media(max-width:1100px){.poster{height:52vw}.film-grid{column-gap:48px}.archive h3{font-size:34px}.archive-meta{font-size:12px}.video-grid{column-gap:32px}.video-grid h3{font-size:30px}}
@media(max-width:700px){.archive{width:calc(100% - 48px);padding:128px 0 80px}.disciplines{gap:20px}.disciplines a,.disciplines button{font-size:17px}.archive-heading{margin-bottom:40px}.film-grid,.video-grid{grid-template-columns:1fr;row-gap:56px}.poster{height:auto}.poster img{height:auto;width:auto;max-width:100%;max-height:650px}.archive h3{font-size:36px}.archive-meta{font-size:13px}#music-video{margin-top:80px}.archive-section{scroll-margin-top:105px}.section-heading{margin-bottom:28px}.mediums{gap:24px}.mediums a{font-size:12px}}