header.case-intro { margin-top: 3rem; }
.site-nav a[aria-current="page"] { opacity: 1; text-decoration: underline; text-underline-offset: .4em; }
.project-card { display: block; text-decoration: none; border-radius: var(--border-radius); }
.project-card .work-tile__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.8) 100%); pointer-events: none; }
.project-caption { position: absolute; inset: auto 0 0; z-index: 3; padding: clamp(1.5rem,3.4vw,3.5rem); display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; }
.project-caption .eyebrow { margin: 0 0 .6rem; opacity: .85; }
.project-caption h2 { font-size: clamp(2rem,3.5vw,3.5rem); font-weight: 500; letter-spacing: -.025em; line-height: 1.1; margin: 0 0 .7rem; }
.project-description { font-size: clamp(.95rem,1.25vw,1.1rem); line-height: 1.5; max-width: 42rem; margin: 0; color: rgba(255,255,255,.85); }
.project-cta { display: flex; gap: 1rem; align-items: center; flex-shrink: 0; font-size: .85rem; }
.project-cta span { font-size: 1.5rem; transition: transform 200ms; }
.project-card:hover .project-cta span, .project-card:focus-visible .project-cta span { transform: translate(3px,-3px); }
@media(max-width:600px) { .project-list { grid-template-columns: 1fr; grid-auto-rows: auto; } .project-card .work-tile__media { aspect-ratio: 4 / 5; height: auto; } .project-caption { flex-direction: column; align-items: flex-start; gap: 1.25rem; } .project-card .work-tile__media::after { background: linear-gradient(transparent 15%,rgba(0,0,0,.8)); } }