/* Scoped work showcase: existing palette and fonts, no new global visual system. */
.work-showcase{font-family:var(--sans);color:var(--ink);padding-top:3.5rem;max-width:1180px}
.work-showcase .work-hero{padding-bottom:2rem;max-width:950px}
.work-showcase .work-hero h1{font-family:var(--serif);font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.06;max-width:19ch;font-weight:400}
.work-showcase .work-lead{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:70ch;color:var(--muted)}
.work-hero-links,.work-area-links{display:flex;gap:.65rem 1.6rem;flex-wrap:wrap;font-size:.95rem}
.work-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1rem 0 1.5rem}
.work-map a{padding:1.1rem 1rem 1.1rem 0;display:flex;flex-direction:column;gap:.2rem;text-decoration:none;font-size:.95rem;line-height:1.4}
.work-map a:hover{text-decoration:underline}.work-map span{font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--accent)}
.work-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:4rem;padding:2.8rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1.5rem}
.work-area-heading{position:relative;padding-left:3.5rem}
.work-area-number{position:absolute;left:0;top:-.15rem;font:400 2.2rem/1 var(--serif);color:var(--teal)}
.work-attribution{font-size:.72rem;line-height:1.5!important;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 .8rem}
.work-showcase .work-area h2{font:400 clamp(1.8rem,2.7vw,2.5rem)/1.15 var(--serif);margin:0}
.work-area-body p{font-size:1rem;margin-bottom:1rem;max-width:64ch}.work-area-body .work-contribution{color:var(--muted)}
.work-area-links{margin-top:1.3rem}.work-area-links a{overflow-wrap:anywhere}
.work-showcase .work-depth{padding:2rem 0;border-bottom:1px solid var(--line)}
.work-showcase .work-depth h2,.work-showcase .work-contact h2{font:400 clamp(1.8rem,3vw,2.5rem)/1.15 var(--serif);margin:0 0 1rem}
.work-depth>p,.work-contact p{max-width:74ch;font-size:1rem}
.work-showcase details.work-catalogue{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;margin:1.6rem 0;padding:1rem 0}
.work-catalogue>summary{font:600 1rem/1.5 var(--sans);padding:.4rem 0}.work-catalogue .review-draft-card{background:var(--card);border-color:var(--line);border-radius:5px}
.work-catalogue .review-draft-card p{font-size:.92rem}.work-catalogue .review-draft-card h3{font-size:1.35rem}
.work-contact{padding:2.5rem 0 1.5rem}.work-review-note{border-top:1px solid var(--line);padding-top:1.3rem;margin-top:1.3rem;font-size:.8rem;color:var(--muted);max-width:90ch}
@media(max-width:760px){.work-map{grid-template-columns:repeat(2,minmax(0,1fr))}.work-map a{padding:.8rem .9rem .8rem 0}.work-area{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding:2rem 0}.work-area-heading{padding-left:3rem}.work-attribution{margin-bottom:.5rem}.work-showcase .work-area h2{max-width:26ch}.work-area-number{font-size:1.8rem}.work-showcase{padding-top:2.3rem}}
@media(max-width:380px){.work-map{grid-template-columns:minmax(0,1fr)}.work-map a{flex-direction:row;gap:.7rem}.work-area-heading{padding-left:2.5rem}}
@media(prefers-reduced-motion:reduce){html:has(.work-showcase){scroll-behavior:auto}}