/* ═══ ACTIVATIONS · SECTION 5 — FORMATS ═══ */
.formats{position:relative;padding:clamp(74px,12vh,150px) var(--gut);
  background:#080808;border-top:1px solid var(--border)}
.formats h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:16ch}
.fmt-list{margin-top:clamp(32px,5.5vh,60px);border-top:1px solid var(--border)}
.fmt{position:relative;overflow:hidden;border-bottom:1px solid var(--border);
  padding:clamp(20px,3.2vh,34px) 0;
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(14px,3vw,44px);align-items:baseline;
  opacity:0;transform:translateY(16px);
  transition:opacity .7s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.fmt.is-in{opacity:1;transform:none}
.fmt::before{content:"";position:absolute;inset:0;background:var(--surface);
  transform:translateX(-101%) skewX(-9deg);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);z-index:0}
.fmt:hover::before{transform:translateX(0) skewX(-9deg)}
.fmt > *{position:relative;z-index:1}
.fmt .n{font-size:10.5px;letter-spacing:.16em;font-weight:700;color:var(--cut);
  padding-left:clamp(0px,1.6vw,20px)}
.fmt h3{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.05rem,2.2vw,1.7rem);line-height:1.05;letter-spacing:-.026em}
.fmt p{font-size:clamp(.92rem,1.02vw,1.02rem);line-height:1.6;color:var(--muted);max-width:48ch}
@media(max-width:840px){.fmt{grid-template-columns:auto minmax(0,1fr)}
  .fmt p{grid-column:2}}

@media(prefers-reduced-motion:reduce){
  .fmt{opacity:1;transform:none}
}