/* Shared presentation for featured projects and the full portfolio. */
.work-card{--work-tint:#1b2532;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:clamp(28px,4vw,64px);align-items:center;padding:40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(125deg,#141925,#0d1019);overflow:hidden}
.work-card+.work-card{margin-top:32px}
.work-card--garage{--work-tint:#38271f}.work-card--clean{--work-tint:#243943}.work-card--wood{--work-tint:#392733}.work-card--gallery{--work-tint:#252d38}.work-card--travel{--work-tint:#1f3033}.work-card--archive{--work-tint:#303226}.work-card--restaurant{--work-tint:#38251f}
.work-copy{min-width:0;padding-block:14px}
.work-kind{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-2);margin:0 0 20px}
.work-kind>span{color:var(--muted);font-weight:450;letter-spacing:.03em}
.work-copy h3{font-size:clamp(30px,3.5vw,42px);margin:0 0 20px;color:var(--text)}
.work-lead{font-size:16px;line-height:1.75;color:var(--muted);max-width:55ch;margin:0}
.work-decisions{padding:22px 0 0;margin:24px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:12px}
.work-decisions li{position:relative;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.6}
.work-decisions li:before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:var(--accent-2)}
.work-copy .work-link{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;margin-top:30px;font-size:14px}
.work-link .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-preview{margin:0;padding:26px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:18px;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,var(--work-tint),#10141c 85%)}
.work-screen{width:min(100%,260px);border:1px solid #ffffff25;border-radius:12px;overflow:hidden;background:var(--work-tint);box-shadow:0 20px 50px #0005}
.work-screen picture{display:block}
.work-screen img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}
.work-preview figcaption{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;font-size:10px;line-height:1.5;color:#bcc4d2}
.work-view-desktop{display:none}
@media(max-width:980px){
 .work-card{grid-template-columns:1fr;gap:0;padding:0}
 .work-preview{order:-1;padding:24px;border-radius:0;border-bottom:1px solid var(--line)}
 .work-screen{width:100%;border-radius:8px}
 .work-screen img{aspect-ratio:16/10}
 .work-preview figcaption{font-size:10px}
 .work-view-mobile{display:none}.work-view-desktop{display:inline}
 .work-copy{padding:28px}
 .work-copy h3{font-size:32px}
}
@media(max-width:600px){
 .work-card{border-radius:20px}
 .work-card+.work-card{margin-top:24px}
 .work-preview{padding:16px;gap:12px}
 .work-copy{padding:26px 22px 28px}
 .work-kind{font-size:10px;gap:6px 12px;margin-bottom:14px}
 .work-copy h3{font-size:29px;margin-bottom:16px}
 .work-lead{font-size:15px;line-height:1.7}
 .work-decisions{margin-top:20px;padding-top:20px}
 .work-decisions li{font-size:13px}
 .work-copy .work-link{margin-top:24px;min-height:48px;width:100%;padding-inline:16px}
}
.work-copy .work-link::after{content:none}