/* An editorial arrangement of photographs, with a quiet overlap in each group. */
.archive-toolbar{margin-bottom:clamp(40px,5vw,76px)}
.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;row-gap:clamp(64px,7vw,110px);align-items:start;position:relative;isolation:isolate;padding-top:8px}
.archive-item{--row:calc(var(--archive-group)*2 + 1);grid-row:var(--row);position:relative;width:100%;min-width:0;margin:0;z-index:1}
.archive-item[data-layout="1"]{grid-column:1/span 8}
.archive-item[data-layout="2"]{grid-column:10/span 3;margin-top:clamp(80px,12vw,190px);z-index:2}
.archive-item[data-layout="3"]{grid-column:8/span 4;grid-row:calc(var(--row) + 1);margin-top:clamp(-180px,-12vw,-90px);z-index:3}
.archive-item[data-layout="4"]{grid-column:1/span 6;grid-row:calc(var(--row) + 1);margin-top:clamp(40px,7vw,110px)}
.archive-item[data-shape="portrait"][data-layout="1"]{max-width:480px;margin-left:3vw}
.archive-item[data-shape="portrait"][data-layout="4"]{max-width:340px;margin-left:6vw}
.archive-item .image-link{aspect-ratio:auto;background:transparent;overflow:hidden}
.archive-item img{width:100%;height:auto;aspect-ratio:var(--image-ratio);object-fit:contain}
.archive-item[data-layout="3"] .image-link{border:7px solid var(--paper);margin:-7px;box-shadow:0 10px 28px #20221e12}
.archive-item figcaption{position:relative;min-height:0;padding-top:15px;background:var(--paper);font-size:11px;line-height:1.8;letter-spacing:.015em;gap:16px;align-items:baseline}
.archive-item[data-layout="1"] figcaption{max-width:76%}
.archive-item[data-layout="2"] figcaption{font-size:10px}
.archive-item figcaption .image-number{font-size:13px;flex-shrink:0}
.archive-item:focus-within{z-index:6}
.archive-item .image-hint{right:12px;bottom:12px}
.archive-bottom{margin-top:clamp(60px,7vw,108px)}
@media(min-width:561px){.archive-item[data-layout="3"][data-overlap="separate"]{margin-top:16px}}
@media(max-width:1000px) and (min-width:561px){
 .archive-grid{row-gap:70px}
 .archive-item[data-layout="1"]{grid-column:1/span 9}
 .archive-item[data-layout="2"]{grid-column:9/span 4;margin-top:30vw}
 .archive-item[data-layout="3"]{grid-column:9/span 4;margin-top:-6vw}
 .archive-item[data-layout="4"]{grid-column:1/span 7;margin-top:45px}
 .archive-item[data-layout="1"] figcaption{max-width:70%}
 .archive-item[data-shape="portrait"][data-layout="1"]{max-width:390px;margin-left:0}
 .archive-item[data-shape="portrait"][data-layout="4"]{max-width:290px;margin-left:3vw}
}
@media(max-width:560px){
 .archive-toolbar{margin-bottom:34px}
 .archive-grid{row-gap:48px;padding-top:0}
 .archive-item{--row:calc(var(--archive-group)*3 + 1)}
 .archive-item[data-layout="1"]{grid-column:1/span 11;margin:0;max-width:none}
 .archive-item[data-layout="2"]{grid-column:8/span 5;grid-row:calc(var(--row) + 1);margin-top:-84px;z-index:3}
 .archive-item[data-layout="3"]{grid-column:1/span 6;grid-row:calc(var(--row) + 1);margin-top:36px;z-index:2}
 .archive-item[data-layout="4"]{grid-column:3/span 10;grid-row:calc(var(--row) + 2);margin-top:0}
 .archive-item[data-shape="portrait"][data-layout="1"]{max-width:76%;margin:0}
 .archive-item[data-shape="portrait"][data-layout="4"]{max-width:82%;margin:0;justify-self:end}
 .archive-item[data-layout="3"] .image-link{border-width:4px;margin:-4px;box-shadow:0 6px 18px #20221e10}
 .archive-item figcaption,.archive-item[data-layout="2"] figcaption{font-size:9px;line-height:1.8;padding-top:11px;gap:8px;min-height:0}
 .archive-item figcaption .image-number{font-size:11px}
 .archive-item[data-layout="1"] figcaption{max-width:62%}
 .archive-item .image-hint{font-size:8px;padding:6px 8px;right:7px;bottom:7px}
 .archive-bottom{margin-top:55px}
}