.work-index__hero{padding:140px var(--space-6) var(--space-6)}.work-index__hero-inner{max-width:880px;margin:0 auto;text-align:center}.work-index__heading{font-size:clamp(36px,5.5vw,60px);font-weight:var(--font-weight-black);letter-spacing:var(--letter-spacing-tighter);line-height:1.08;margin-top:var(--space-3);margin-bottom:var(--space-4)}.work-index__sub{font-size:clamp(16px,2vw,19px);color:var(--text-muted);max-width:640px;margin:0 auto;line-height:1.7}.work-index__body{padding:var(--space-7) var(--space-6) var(--space-9);border-top:1px solid var(--border)}.work-index__body-inner{max-width:1200px;margin:0 auto}.work-index__empty{font-size:16px;color:var(--text-muted);text-align:center;padding:var(--space-7) 0}.work-index__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.work-tile{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);text-decoration:none;overflow:hidden;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.work-tile--featured{grid-column:span 2;grid-row:span 2}@media (max-width:1000px){.work-tile--featured{grid-column:span 1;grid-row:auto}}@media (hover:hover) and (pointer:fine){.work-tile:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.45);border-color:var(--accent)}.work-tile:hover .work-tile__cover-detail{opacity:1}.work-tile:hover .work-tile__title:after{transform:scaleX(1)}}.work-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.work-tile__cover{position:relative;aspect-ratio:16/10;overflow:hidden}.work-tile--featured .work-tile__cover{aspect-ratio:16/9}.work-tile__cover-detail,.work-tile__cover-image{position:absolute;inset:0;background-size:cover;background-position:50%}.work-tile__cover-detail{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.work-tile__body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.work-tile--featured .work-tile__body{padding:var(--space-6) var(--space-7)}.work-tile__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.work-tile__tag{font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-eyebrow);color:var(--accent);background:var(--accent-muted);border:1px solid var(--accent-muted);padding:4px 10px;border-radius:var(--radius-full)}.work-tile__year{font-size:13px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.work-tile__title{font-size:20px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:1.3;position:relative;display:inline-block}.work-tile--featured .work-tile__title{font-size:clamp(24px,2.4vw,30px)}.work-tile__title:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.work-tile__summary{font-size:15px;color:var(--text-muted);line-height:1.6}@media (max-width:900px){.work-index__hero{padding:120px var(--space-5) var(--space-5)}.work-index__body{padding:var(--space-6) var(--space-5) var(--space-8)}.work-index__grid{grid-template-columns:1fr;gap:var(--space-4)}.work-tile__body{padding:var(--space-4) var(--space-5)}}