.work-detail{padding:3rem 0 5rem;background:var(--off-white)}
.work-detail-inner{max-width:960px;margin:0 auto}
.work-back{display:inline-block;color:var(--blue);text-decoration:none;font-weight:600;margin-bottom:1.5rem;font-size:.92rem}
.work-media{background:#111;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(10,22,40,.12);margin-bottom:2rem}
.work-media img,.work-media video,.work-media iframe{width:100%;display:block;aspect-ratio:16/10;border:0}
.work-media img{object-fit:contain;background:#111}
.work-media video,.work-media iframe{object-fit:cover}
.work-media iframe{aspect-ratio:16/9;height:auto;min-height:320px}
.work-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 24px rgba(10,22,40,.08)}
.work-content h1{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;text-transform:uppercase;color:var(--navy);margin-bottom:.5rem;line-height:1.1}
.work-meta{font-size:.82rem;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.work-content p{color:var(--text-mid);line-height:1.75;font-size:1.02rem}
.related{padding:1rem 0 4rem}
.related h2{font-family:var(--font-d);font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--navy);margin-bottom:1.25rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.related-card{background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(10,22,40,.06)}
.related-card img,.related-card video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#111}
.related-card-body{padding:1rem}
.related-card-body strong{font-family:var(--font-d);font-size:.9rem;text-transform:uppercase;display:block;color:var(--navy)}
@media(max-width:768px){.related-grid{grid-template-columns:1fr}}