.work-index { background: var(--bg-primary); color: var(--text-primary); }
.work-index-nav { display: flex; align-items: center; gap: var(--space-4); }
.work-index-hero { padding: var(--section-compact) 0 var(--space-8); background: radial-gradient(circle at 84% 18%, rgba(49,93,255,.2), transparent 34%), var(--bg-primary); }
.work-index-hero__inner { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:var(--space-8); align-items:end; }
.work-index-hero h1 { font-family:var(--font-display); font-size:clamp(3.8rem,8vw,7.5rem); line-height:.92; text-transform:uppercase; margin:var(--space-3) 0 var(--space-5); }
.work-index-hero p { max-width:720px; color:var(--text-secondary); font-size:1.08rem; line-height:1.7; }
.work-index-note { border-left:2px solid #ff2f78; padding-left:var(--space-5); color:var(--text-secondary); }
.work-index-grid-section { background:var(--bg-secondary); color:var(--ink,#11131a); padding:var(--section-standard) 0; }
.work-index-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
.work-card { display:grid; grid-template-columns:minmax(0,1fr); background:#fff; border:1px solid rgba(17,19,26,.12); border-radius:var(--radius-lg); overflow:hidden; text-decoration:none; color:#11131a; transition:transform 180ms ease, box-shadow 180ms ease; }
.work-card:hover { transform:translateY(-3px); box-shadow:0 18px 44px rgba(8,10,18,.12); }
.work-card__media { aspect-ratio:16/9; background:#0b0b12; overflow:hidden; }
.work-card__media img { width:100%; height:100%; object-fit:cover; display:block; }
.work-card__copy { padding:var(--space-6); }
.work-card__copy small { color:#c40058; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.work-card__copy h2 { font-family:var(--font-display); font-size:clamp(2rem,3vw,3rem); line-height:1; margin:var(--space-3) 0; text-transform:uppercase; }
.work-card__copy p { color:#5d6472; line-height:1.6; margin:0 0 var(--space-4); }
.work-card__link { color:#c40058; font-weight:800; }
.work-index-cta { padding:var(--section-compact) 0; background:linear-gradient(110deg,#ff3347,#f00079 34%,#7940e8 68%,#168cff); color:white; text-align:center; }
.work-index-cta .eyebrow { color:#fff; }
.work-index-cta h2 { font-family:var(--font-display); font-size:clamp(3rem,6vw,5.5rem); line-height:.95; margin:var(--space-3) auto var(--space-5); max-width:900px; text-transform:uppercase; }
.work-index-footer { padding-block:var(--space-6); }
@media (max-width:900px){ .work-index-hero__inner,.work-index-grid{grid-template-columns:1fr;} .work-index-hero{padding-top:var(--space-7);} }
@media (max-width:640px){ .work-index-nav > a:first-child{display:none;} }