.archive-page{background:#fff;color:#111;color-scheme:light}
.archive-main{min-height:100dvh;padding:180px 64px 80px}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(72px,8vw,144px) clamp(32px,5vw,88px);list-style:none;margin:0;padding:0}
/* Two loose columns: each image keeps its own scale, inset, and starting height. */
.archive-grid>li{min-width:0;width:var(--archive-width,100%);justify-self:var(--archive-align,start);margin-block-start:var(--archive-offset,0)}
.archive-grid>li:nth-child(8n+1){--archive-width:90%;--archive-align:center;--archive-offset:clamp(24px,3vw,56px)}
.archive-grid>li:nth-child(8n+2){--archive-width:72%;--archive-align:end;--archive-offset:clamp(88px,10vw,176px)}
.archive-grid>li:nth-child(8n+3){--archive-width:76%;--archive-align:start;--archive-offset:clamp(48px,6vw,112px)}
.archive-grid>li:nth-child(8n+4){--archive-width:100%;--archive-align:center;--archive-offset:0px}
.archive-grid>li:nth-child(8n+5){--archive-width:100%;--archive-align:start;--archive-offset:0px}
.archive-grid>li:nth-child(8n+6){--archive-width:82%;--archive-align:center;--archive-offset:clamp(64px,8vw,144px)}
.archive-grid>li:nth-child(8n+7){--archive-width:68%;--archive-align:end;--archive-offset:clamp(32px,4vw,80px)}
.archive-grid>li:nth-child(8n+8){--archive-width:94%;--archive-align:start;--archive-offset:clamp(112px,12vw,208px)}
.archive-image{display:block;width:100%;cursor:zoom-in}
.archive-image img{display:block;width:100%;height:auto}
html.archive-preview-open{overflow:hidden}
.archive-lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:64px 40px 32px;background:rgb(255 255 255 / .97);color:#111;cursor:zoom-out}
.archive-lightbox[open]{display:grid;place-items:center}
.archive-lightbox::backdrop{background:rgb(255 255 255 / .9)}
.archive-lightbox img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 96px);object-fit:contain;cursor:default}
.archive-lightbox-close{position:absolute;top:16px;right:24px;min-width:44px;min-height:44px;padding:8px;font-size:14px;color:#111;cursor:pointer}
@media(max-width:1439.98px){.archive-main{padding:120px 32px 64px}}
@media(max-width:767.98px){.archive-main{padding:112px 24px 48px}.archive-grid{gap:48px 16px}.archive-grid>li:nth-child(8n+2){--archive-width:84%;--archive-offset:48px}.archive-grid>li:nth-child(8n+3){--archive-width:88%;--archive-offset:28px}.archive-grid>li:nth-child(8n+6){--archive-width:90%;--archive-offset:40px}.archive-grid>li:nth-child(8n+7){--archive-width:84%;--archive-offset:20px}.archive-grid>li:nth-child(8n+8){--archive-offset:56px}.archive-lightbox{padding:64px 16px 24px}.archive-lightbox img{max-height:calc(100dvh - 88px)}.archive-lightbox-close{right:12px}}