.collection-intro{padding:65px var(--gutter) 70px;background:var(--paper)}
.collection-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:28px}
.collection-heading h1{font:400 clamp(100px,17vw,250px)/.9 var(--serif);letter-spacing:-.045em;margin:0}

.collection-description{display:block;padding-top:30px}
.collection-description h2{font:400 clamp(32px,4vw,58px)/1.2 var(--serif);margin:0}
.collection-description p{font-size:14px;line-height:2;letter-spacing:.06em;margin:0}

.works-grid{padding:0 var(--gutter) 100px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 32px}
.work-card{margin:0;grid-column:span 6;min-width:0}
.work-card:nth-child(7n+1){grid-column:span 7}
.work-card:nth-child(7n+2){grid-column:span 5;margin-top:110px}
.work-card:nth-child(7n+5),.work-card:nth-child(7n+6),.work-card:nth-child(7n+7){grid-column:span 4}
.work-photo{display:block;width:100%;border:0;padding:0;background:#e5dfd0;position:relative;overflow:hidden}
.work-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:filter .4s}

.work-open{position:absolute;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--light);font-size:25px;font-weight:300;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.work-photo:hover .work-open,.work-photo:focus-visible .work-open{opacity:1;transform:none}


.collection-end{display:flex;justify-content:space-between;align-items:center;margin:0 var(--gutter);padding:0 0 65px;border-bottom:1px solid var(--line)}
.collection-end>span{font:italic clamp(36px,6vw,80px) var(--serif)}
.collection-end>a{font-size:13px;padding:15px 0}
.collection-page .image-dialog-stage img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:800px){.collection-intro{padding-top:40px}.works-grid{gap:35px 20px}.work-card:nth-child(n){grid-column:span 6;margin-top:0}.work-card:first-child{grid-column:span 12}.collection-description{gap:12px}.work-open{opacity:1;transform:none;right:10px;bottom:10px;width:36px;height:36px}.collection-description p{font-size:12px}}
@media(max-width:500px){.collection-intro{padding-bottom:35px}.collection-heading{padding-bottom:24px}.collection-description{display:block}.collection-description h2{margin-bottom:16px}.works-grid{gap:30px}.work-card:nth-child(n){grid-column:span 12}.collection-end{padding-bottom:35px}.collection-end>span{font-size:32px}}
@media(prefers-reduced-motion:reduce){.work-photo img,.work-open{transition:none}}
@media(min-width:801px){.collection-intro{padding-top:40px;padding-bottom:45px}.collection-heading h1{font-size:clamp(100px,14vw,210px)}.work-card:nth-child(7n+2){margin-top:65px}}

/* Align gallery headings, photographs, and the closing rule on wide screens. */
.collection-intro,.works-grid{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-gutter)}
.collection-end{width:calc(100% - 2 * var(--content-gutter));max-width:var(--content-inner-max);margin-inline:auto}