.work-cover.collection-cover { display:flex; flex-direction:column; justify-content:space-between; padding:clamp(22px,3.4vw,52px); text-decoration:none; color:#eeeee7; }
.collection-cover-0 { background:#29312c; }
.collection-cover-1 { background:#332d29; }
.collection-cover-label,.collection-cover-bottom { font:400 clamp(10px,1vw,13px)/1.4 var(--font); }
.collection-cover-label { color:#c2c7be; }
.collection-cover-title { font:400 clamp(25px,4vw,64px)/1.08 var(--serif); letter-spacing:-.035em; }
.collection-cover-bottom { display:flex; justify-content:space-between; gap:20px; width:100%; color:#c2c7be; }
.collection-cover-bottom>span { font-size:20px; color:#eeeee7; }
@media(max-width:760px) { .work-cover.collection-cover { padding:28px; } .collection-cover-title { font-size:clamp(32px,8vw,56px); } .collection-cover-label,.collection-cover-bottom { font-size:12px; } }

.design-projects { margin-top:120px; }
.design-projects>summary { display:flex; align-items:center; gap:20px; min-height:56px; padding:16px 0; cursor:pointer; list-style:none; color:var(--ink); touch-action:manipulation; }
.design-projects>summary::-webkit-details-marker { display:none; }
.design-projects>summary::before,.design-projects>summary::after { content:''; flex:1; min-width:12px; height:1px; background:var(--rule); transition:background-color 160ms ease; }
.design-projects-label { display:inline-flex; align-items:center; gap:12px; font:400 20px/1.4 var(--serif); white-space:nowrap; transition:transform 320ms ease; }
.design-projects-indicator { width:12px; text-align:center; font:400 18px/1 var(--font); color:var(--muted); }
.design-projects-indicator::before { content:'+'; }
.design-projects[open] .design-projects-indicator::before { content:'−'; }
.design-projects>summary:focus-visible { outline:2px solid #9cc7ff; outline-offset:5px; }
.design-projects-grid { margin-top:40px; }
@media(hover:hover) {
 .design-projects>summary:hover::before,.design-projects>summary:hover::after { background:var(--ink); }
 .design-projects>summary:hover .design-projects-label { transform:translateY(-3px); }
}
@media(prefers-reduced-motion:reduce) {
 .design-projects>summary::before,.design-projects>summary::after,.design-projects-label { transition:none; }
 .design-projects>summary:hover .design-projects-label { transform:none; }
}
@media(max-width:760px) {
 .design-projects { margin-top:72px; }
 .design-projects>summary { gap:12px; min-height:56px; }
 .design-projects-label { gap:10px; font-size:18px; }
 .design-projects-grid { grid-template-columns:minmax(0,1fr); margin-top:28px; }
}

.work-cover[href="scoot.html"] { display:grid; place-items:center; background:#fff; }
.work-cover[href="scoot.html"] img { width:100%; height:100%; object-fit:cover; }