/* Archives retain the existing portfolio typography, surface and colour bar. */
html:has(.archive-page),body.archive-page{height:auto;min-height:100%;overflow:auto}
.archive-page header{background:var(--surface);padding-bottom:16px}
.archive-page header nav{gap:24px}
.archive-main{padding:130px 28px 70px}
.archive-main>h1{font-size:clamp(32px,5vw,72px);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin:0 0 72px;text-wrap:balance}
.archive-page footer{position:static;margin:40px 28px 24px;font-size:13px}
.photo-archive,.film-archive{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px 5vw;align-items:start}
.photo-archive figure{margin:0;min-width:0}
.photo-archive figure:nth-child(4n+2){padding:13vh 0 0 12%}
.photo-archive figure:nth-child(4n+3){padding-right:15%}
.photo-archive img,.film-archive img{display:block;width:100%;height:auto}
.film-archive article{min-width:0}
.film-archive article:nth-child(even){margin-top:80px}
.film-archive img{aspect-ratio:16/10;object-fit:contain;object-position:left bottom}
.film-archive h2{font-size:16px;line-height:1.4;font-weight:400;margin:16px 0 0}
.film-watch{max-width:1400px;margin:0 auto}
.film-player{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#111}
.film-note,.full-film{display:block;font-size:13px;margin:18px 0 0}
.archive-back{display:block;margin-top:60px;font-size:13px}
.archive-page ::selection{background:#222;color:#eee}
.archive-page a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:700px){
 .archive-page header nav{gap:14px}
 .archive-main{padding:100px 17px 45px}
 .archive-main>h1{margin-bottom:44px}
 .photo-archive,.film-archive{grid-template-columns:minmax(0,1fr);gap:45px}
 .photo-archive figure:nth-child(4n+2){padding:0 0 0 13%}
 .photo-archive figure:nth-child(4n+3){padding-right:13%}
 .film-archive article:nth-child(even){margin-top:0}
 .archive-page footer{margin:28px 17px 19px}
}