/* ═══ EVENTS · SECTION 5 — SCALES ═══ */
.scales{position:relative;padding:clamp(74px,12vh,150px) var(--gut);
  background:#080808;border-top:1px solid var(--border)}
.scales h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:16ch}
.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(32px,5.5vh,60px);
  border-top:1px solid var(--border);border-left:1px solid var(--border)}
@media(max-width:860px){.scale-grid{grid-template-columns:1fr}}
.scl{position:relative;overflow:hidden;padding:clamp(26px,3.4vw,44px);
  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)}
.scl.is-in{opacity:1;transform:none}
.scl::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}
.scl:hover::before{transform:translateX(0) skewX(-10deg)}
.scl > *{position:relative;z-index:1}
.scl .sz{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)}
.scl h3{margin-top:18px;font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.05rem,1.9vw,1.4rem);line-height:1.08;letter-spacing:-.026em}
.scl p{margin-top:12px;font-size:.94rem;line-height:1.62;color:var(--muted)}
.scl ul{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);list-style:none;
  display:flex;flex-direction:column;gap:9px}
.scl li{font-size:11px;letter-spacing:.1em;color:var(--dim);display:flex;align-items:center;gap:9px}
.scl li::before{content:"";width:5px;height:5px;background:var(--cut);flex-shrink:0}

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