/* =====================================================================
   Selected Work — case studies
   File: 07-work.css
   ===================================================================== */

/* ================= WORK / CASE STUDIES ================= */
.work-list{margin-top:60px; display:flex; flex-direction:column;}
.work-item{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; padding:56px 0; border-top:1px solid var(--line);}
.work-item:last-child{border-bottom:1px solid var(--line);}
.work-item:nth-child(even){grid-template-columns:1.1fr .9fr;}
.work-item:nth-child(even) .work-media{order:2;}
.work-media{border-radius:var(--radius); overflow:hidden; aspect-ratio:16/11; position:relative;}
.work-media img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1);}
.work-item:hover .work-media img{transform:scale(1.06);}
.work-top{display:flex; align-items:center; gap:14px; margin-bottom:18px;}
.work-idx{font-family:var(--serif); font-style:italic; font-size:26px; color:var(--muted2);}
.work-cat{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--orange); font-weight:700;}
.work-item h3{font-size:clamp(24px,2.6vw,34px); font-weight:400; margin-bottom:14px; font-family:var(--font-heading);}
.work-item p{font-size:15px; max-width:440px; margin-bottom:20px;}
.work-meta{display:flex; gap:26px; margin-bottom:24px; flex-wrap:wrap;}
.work-meta div{font-size:12px; color:var(--muted2);}
.work-meta strong{display:block; color:var(--text); font-size:15px; font-weight:600; margin-bottom:2px;}
.work-link{display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; border-bottom:1px solid var(--line-strong); padding-bottom:6px; transition:border-color .3s;}
.work-link:hover{border-color:var(--orange);}
@media(max-width:900px){.work-item, .work-item:nth-child(even){grid-template-columns:1fr; gap:26px;} .work-item:nth-child(even) .work-media{order:0;}}