.work-showcase{padding-block:clamp(36px,6vw,80px)}
.work-showcase h2{margin-block:0 .45em}
.work-intro{max-width:62ch;margin:0 0 1.5rem}
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}
.work-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:16px;display:flex;flex-direction:column}
.work-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;display:block}
.work-copy{padding:1rem;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.work-copy small{font-size:.85rem;margin-bottom:.4rem}
.work-copy h3{margin:0 0 .45rem;font-size:1.25rem}
.work-copy p{margin:0 0 .9rem}
.work-copy a{margin-block-start:auto;text-decoration:underline;text-underline-offset:.22em;font-weight:700}


.work-showcase{padding-block:clamp(18px,3vw,36px)}
.work-disclosure{border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:16px}
.work-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;cursor:pointer;list-style:none;border-radius:inherit}
.work-disclosure>summary::-webkit-details-marker{display:none}
.work-disclosure>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.work-disclosure>summary h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem)}
.work-toggle-icon::before{content:"+";font-size:1.5rem;line-height:1}
.work-disclosure[open] .work-toggle-icon::before{content:"−"}
.work-panel{padding:0 1.25rem 1.25rem}

.work-showcase .work-disclosure:not([open])>.work-panel{display:none!important}
.work-showcase .work-card>img{inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%}
.work-showcase .work-card>img[src$="/sports-car.jpeg"]{object-position:50% 49%}
.work-showcase .work-card>img[src$="/generator.jpeg"]{object-position:50% 44%}
.work-showcase .work-card>img[src$="/prefab-kiosk.jpeg"]{object-position:50% 53%}