/* The anniversary project extends the existing portfolio components. */
#chainsmokers-anniversary .project-frame{aspect-ratio:16/9}
#chainsmokers-anniversary .project-frame img{object-position:center}
.anniversary-page .case-title{font-size:clamp(38px,6.4vw,98px)}
.anniversary-page .case-cover{aspect-ratio:16/9}
.anniversary-page .case-cover img{width:100%;height:100%;object-fit:contain}
.anniversary-film{padding:65px var(--gutter) 0}
.anniversary-film-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.anniversary-film-heading h2{font:700 clamp(32px,4.4vw,64px)/1.06 var(--sans);letter-spacing:-.035em;margin-top:14px}
.anniversary-film-heading .text-link{flex-shrink:0}
.anniversary-player{aspect-ratio:16/9;background:#080808}
.anniversary-player iframe{display:block;width:100%;height:100%;border:0}
.anniversary-film-description{font-size:16px;color:var(--muted);line-height:1.6;margin-top:18px;max-width:780px}
.anniversary-stills{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:4vw;padding:0 var(--gutter) 75px}
.anniversary-stills figure{min-width:0}
.anniversary-stills img{width:100%;height:auto}
.anniversary-stills figcaption{margin-top:14px;color:var(--muted);font-size:11px;line-height:1.6}
.anniversary-page .editorial-disciplines span{display:block}
@media(max-width:700px){
  .anniversary-page .case-title{font-size:clamp(26px,7.1vw,48px)}
  .anniversary-page .case-intro{gap:24px}
  .anniversary-film{padding-top:40px}
  .anniversary-film-heading{display:block}
  .anniversary-film-heading .text-link{margin-top:18px}
  .anniversary-stills{grid-template-columns:1fr;gap:32px;padding-bottom:45px}
  .anniversary-stills figure:last-child{max-width:520px;width:100%;justify-self:center}
}