/* ═══ CONTACT · SECTION 3 — WHAT HAPPENS NEXT ═══ */
.next{position:relative;padding:clamp(70px,11vh,140px) var(--gut);
  background:#080808;border-top:1px solid var(--border)}
.next h2{margin-top:20px;font-size:clamp(1.5rem,3.8vw,3rem);line-height:1;max-width:15ch}
.next-grid{margin-top:clamp(32px,5.5vh,58px);display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--border);border-left:1px solid var(--border)}
@media(max-width:860px){.next-grid{grid-template-columns:1fr}}
.nx{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(20px);
  transition:opacity .7s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.nx.is-in{opacity:1;transform:none}
.nx::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}
.nx:hover::before{transform:translateX(0) skewX(-10deg)}
.nx > *{position:relative;z-index:1}
.nx .n{font-size:10.5px;letter-spacing:.16em;font-weight:700;color:var(--cut)}
.nx h3{margin-top:clamp(24px,4vh,44px);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}
.nx p{margin-top:12px;font-size:.94rem;line-height:1.62;color:var(--muted)}

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