.past-events-page{background:#000;color:#f5f5f7}
.archive-header{position:absolute}
.archive-header .active{color:var(--pink)}
.archive-hero{padding:145px 4.6vw 45px;border-bottom:1px solid var(--line);min-height:55vh;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 25%,rgba(255,35,167,.18),transparent 28%),radial-gradient(circle at 62% 55%,rgba(0,120,255,.15),transparent 30%),#000}
.archive-hero>p{position:absolute;top:145px;margin:0;font-size:11px;letter-spacing:.08em}
.archive-hero h1{font-size:clamp(78px,14vw,210px);line-height:.78;letter-spacing:-.075em;margin:70px 0 40px;font-weight:800}
.archive-hero h1 span{color:var(--pink)}
.archive-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px;letter-spacing:.08em}
.flyer-archive{padding:4.6vw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 4vw}
.flyer-card{position:relative;margin:0}
.flyer-card img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.flyer-number{font-size:11px;color:var(--pink);margin-bottom:10px;letter-spacing:.08em}
.flyer-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:11px;letter-spacing:.05em}
.flyer-card:nth-child(even){margin-top:100px}
@media(max-width:800px){
 .archive-hero{padding:110px 5vw 30px;min-height:45vh}
 .archive-hero>p{top:110px}
 .archive-hero h1{font-size:22vw;margin-top:80px}
 .flyer-archive{padding:8vw 5vw;grid-template-columns:1fr;gap:55px}
 .flyer-card:nth-child(even){margin-top:0}
 .flyer-meta{font-size:10px}
}


/* MATCH GALLERY VISUAL HEADER — keep existing Past Events crop/height */
.archive-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.22) 50%,rgba(0,0,0,.56)),
    url("assets/hero-bg.jpg") center/cover no-repeat!important;
}
.archive-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 56%);
  pointer-events:none;
}
.archive-hero>p,
.archive-hero>h1,
.archive-hero>.archive-rule{
  position:relative;
  z-index:2;
}


/* FINAL CROPPED PAST EVENTS HERO */
.archive-hero{
  position:relative!important;
  height:460px!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:58px 4.6vw 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  border-bottom:1px solid var(--line)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.14) 52%,rgba(0,0,0,.42)),
    url("assets/hero-bg.jpg") center center/cover no-repeat!important;
}

.archive-hero::before{
  display:none!important;
}

.archive-hero>p{
  position:static!important;
  top:auto!important;
  left:auto!important;
  margin:0!important;
  z-index:2!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}

.archive-hero h1{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  font-size:clamp(66px,12.5vw,180px)!important;
  line-height:.78!important;
  letter-spacing:-.075em!important;
}

.archive-rule-below{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  margin:0!important;
  padding:16px 4.6vw 20px!important;
  background:#000!important;
  border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}

@media(max-width:800px){
  .archive-hero{
    height:330px!important;
    padding:54px 5vw 24px!important;
  }

  .archive-hero>p{
    font-size:10px!important;
  }

  .archive-hero h1{
    font-size:15.8vw!important;
    letter-spacing:-.07em!important;
  }

  .archive-rule-below{
    padding:14px 5vw 17px!important;
    font-size:9px!important;
    gap:12px!important;
  }
}


/* SHORTER HERO — requested crop */
.archive-hero{
  height:230px!important;
  min-height:0!important;
  padding:28px 5vw 18px!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.14) 52%,rgba(0,0,0,.42)),
    url("assets/hero-bg.jpg") center center/cover no-repeat!important;
}
.archive-hero>p{
  font-size:9px!important;
}
.archive-hero h1{
  font-size:12.8vw!important;
  line-height:.82!important;
  margin:0!important;
}

@media(max-width:800px){
  .archive-hero{
    height:230px!important;
    padding:28px 5vw 18px!important;
  }
  .archive-hero h1{
    font-size:12.8vw!important;
  }
}