/* ═══ ACTIVATIONS · SECTION 3 — THREE BEATS (3s / 2m / after) ═══ */
.beats{position:relative;padding:clamp(70px,11vh,140px) var(--gut);
  background:#080808;border-top:1px solid var(--border)}
.beat-grid{margin-top:clamp(34px,6vh,64px);display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--border);border-left:1px solid var(--border)}
@media(max-width:860px){.beat-grid{grid-template-columns:1fr}}
.bt{position:relative;overflow:hidden;padding:clamp(26px,3.4vw,46px);
  border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  opacity:0;transform:translateY(22px);
  transition:opacity .75s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.bt.is-in{opacity:1;transform:none}
.bt::before{content:"";position:absolute;inset:0;background:var(--surface);
  transform:translateX(-101%) skewX(-10deg);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);z-index:0}
.bt:hover::before{transform:translateX(0) skewX(-10deg)}
.bt > *{position:relative;z-index:1}
.bt .sec{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;
  font-size:clamp(1.9rem,3.6vw,3rem);line-height:1;letter-spacing:-.035em;color:var(--cut)}
.bt h3{margin-top:18px;font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.05rem,1.9vw,1.42rem);line-height:1.08;letter-spacing:-.026em}
.bt p{margin-top:12px;font-size:.94rem;line-height:1.62;color:var(--muted)}

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