/* Campaign films */
.campaign{padding:0 var(--pad) 96px;display:flex;flex-direction:column;gap:28px}
.campaign-head{display:grid;grid-template-columns:200px 1fr auto;align-items:end;gap:24px;border-top:1px solid var(--rule);padding-top:24px}
.campaign-name{font:400 clamp(36px,4.6vw,68px)/1 var(--serif);letter-spacing:-.01em}
.campaign-src{color:var(--mute)}.campaign-src:hover{color:var(--ink)}
.films{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.film{position:relative;margin:0;aspect-ratio:1/1;background:#f1f1f1;overflow:hidden;cursor:pointer}
.film video{width:100%;height:100%;object-fit:cover;display:block}
.film .sound{position:absolute;left:10px;bottom:10px;font:500 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);padding:6px 8px;opacity:0;transition:opacity .2s}
.film:hover .sound{opacity:1}
@media (max-width:820px){
  .campaign{padding:0 var(--pad) 48px;gap:16px}
  .campaign-head{grid-template-columns:1fr;gap:8px}.campaign-name{font-size:36px}
  .films{grid-template-columns:1fr 1fr;gap:8px}.film .sound{opacity:1}
}