/* ═══ EVENTS · SECTION 10 — RELATED WORK ═══ */
.rel{position:relative;padding:clamp(74px,12vh,150px) var(--gut);border-top:1px solid var(--border)}
.rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  padding-bottom:clamp(28px,5vh,52px)}
.rel-head h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:14ch}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,30px)}
@media(max-width:900px){.rel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rel-grid{grid-template-columns:1fr}}
.rp{display:block;opacity:0;transform:translateY(24px);
  transition:opacity .7s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.rp.is-in{opacity:1;transform:none}
.rp .m{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-alt);
  clip-path:polygon(0 0,0 0,-36% 100%,-36% 100%);
  transition:clip-path .95s cubic-bezier(.65,0,.2,1) .08s}
.rp.is-in .m{clip-path:polygon(0 0,136% 0,100% 100%,0 100%)}
.rp .m .inner{position:absolute;inset:-8% 0;will-change:transform}
.rp img{width:100%;height:100%;object-fit:cover;filter:grayscale(.34) brightness(.82);
  transition:filter .55s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rp:hover img{filter:grayscale(0) brightness(1);transform:scale(1.045)}
.rp .ph{position:absolute;inset:0;display:grid;place-items:center;
  background:repeating-linear-gradient(36.5deg,#161616 0 13px,#111 13px 26px)}
.rp .ph i{font-style:normal;font-size:10.5px;letter-spacing:.16em;font-weight:600;color:var(--dim)}
.rp b{display:block;margin-top:14px;font-family:'Archivo Expanded',Archivo,sans-serif;
  font-weight:800;font-size:1.1rem;letter-spacing:-.024em}
.rp em{display:block;font-style:normal;margin-top:7px;font-size:.88rem;color:var(--muted)}

@media(prefers-reduced-motion:reduce){
  .rp{opacity:1;transform:none}
  .rp .m{clip-path:none!important}
  .rp .m .inner{transform:none!important;inset:0}
}