.project-collection{color:var(--ink,#121015);text-align:left}
.collection-group{margin:38px 0 44px}
.collection-group>h2,.collection-group>h3{margin:0 0 6px;font:800 clamp(22px,3vw,30px)/1.12 "Syne Display",sans-serif;letter-spacing:-.025em}
.collection-note{margin:0 0 20px!important;font-size:14px;line-height:1.5;color:#655e58!important}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.work-card{display:grid;grid-template-columns:40% minmax(0,1fr);min-width:0;width:100%;padding:0;border:1px solid rgba(18,16,21,.17);background:rgba(255,255,255,.16);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.work-card:hover,.work-card:focus-visible{border-color:#121015;box-shadow:0 8px 30px rgba(18,16,21,.08)}
.work-preview{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden;background:#161518}
.work-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.work-preview img.contain{object-fit:contain}
.work-card:hover img{transform:scale(1.035)}
.work-type{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:#f3ebdd;color:#121015;font-size:11px;font-weight:600}
.work-copy{display:flex;flex:1;flex-direction:column;padding:20px}
.work-category{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#655e58}
.work-copy h3,.work-copy h4{margin:10px 0;font:800 clamp(20px,2.5vw,28px)/1.12 "Syne Display",sans-serif;letter-spacing:-.025em}
.work-copy p{display:none}
.work-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(18,16,21,.14);font-size:11px}
.work-footer b{font-size:13px;text-decoration:underline;text-decoration-color:#ff647c;text-underline-offset:5px}
.collection-archive{padding-top:24px;border-top:1px solid rgba(18,16,21,.2)}
.archive-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:80px;padding:14px 0;border:0;border-top:1px solid rgba(18,16,21,.15);background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.archive-row b,.archive-row small{display:block}.archive-row small{margin-top:5px;color:#655e58;font-size:12px}.archive-row>span:last-child{flex:none;font-size:13px}
@media(max-width:640px){
 .collection-grid{grid-template-columns:1fr;gap:14px}.collection-group{margin:28px 0 36px}
 .work-card{display:grid;grid-template-columns:108px minmax(0,1fr)}
 .work-preview{height:100%;min-height:145px;aspect-ratio:auto}
 .work-copy{padding:14px}.work-copy h3,.work-copy h4{font-size:20px;margin:8px 0}
 .work-category{font-size:9px;letter-spacing:.06em}
 .work-copy p,.work-footer>span{display:none}
 .work-footer{padding-top:6px;border-top:0}.work-footer b{font-size:12px}
 .work-type{left:8px;bottom:8px;padding:4px 7px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.work-card,.work-preview img{transition:none}}

@media(min-width:641px) and (max-width:900px){.collection-grid{grid-template-columns:1fr}.work-preview{min-height:190px}}

/* Shared category controls in the Store and on the classic project page. */
.project-collection [hidden]{display:none!important}
.collection-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 10px}
.collection-filters button{min-height:44px;padding:10px 16px;border:1px solid #a39b90;border-radius:999px;background:transparent;color:#121015;font:600 12px/1.3 Bricolage,system-ui,sans-serif;cursor:pointer}
.collection-filters button[aria-pressed="true"]{background:#121015;border-color:#121015;color:#f3ebdd}
.collection-filters button:hover{border-color:#121015}
.collection-filters button:focus-visible{outline:2px solid #121015;outline-offset:3px}
.collection-count{font-size:12px!important;color:#655e58!important;margin-bottom:20px!important}
@media(max-width:640px){
 .collection-filters{gap:7px;margin-top:20px}.collection-filters button{padding:10px 12px;font-size:11px}
 .collection-group>h2,.collection-group>h3{font-size:clamp(19px,5.4vw,24px)}
 .work-copy{min-width:0}.work-copy h3,.work-copy h4{overflow-wrap:anywhere;hyphens:auto}
}
@media(max-width:360px){.work-card{grid-template-columns:84px minmax(0,1fr)}.work-copy{padding:10px}.work-copy h3,.work-copy h4{font-size:18px}}