/* ==========================================================
   Birchwood Archery — arx.css
   ArX Competition Program page. Loads after base.css + home.css.
   ========================================================== */

.arx-hero{
  background:var(--pine);color:var(--bark-white);
  padding:80px 28px 70px;text-align:center;position:relative;overflow:hidden;
}
.arx-hero::before{
  content:"";position:absolute;left:50%;top:-120px;transform:translateX(-50%);
  width:520px;height:520px;border-radius:50%;
  background:
    radial-gradient(circle, transparent 0 58%, rgba(217,166,43,0.35) 58% 64%, transparent 64% 72%, rgba(192,57,43,0.3) 72% 78%, transparent 78% 86%, rgba(46,109,164,0.25) 86% 94%, transparent 94% 100%);
  opacity:0.8;
}
.arx-hero .wrap{position:relative;z-index:2;}
.arx-hero-eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;
}
.arx-hero h1{font-size:clamp(36px,5.5vw,58px);}
.arx-tagline{
  font-family:'Fraunces',serif;font-style:italic;font-size:19px;color:var(--olive);margin-top:12px;
}
.arx-lede{
  max-width:600px;margin:20px auto 0;color:rgba(251,248,241,0.75);font-size:15.5px;line-height:1.65;
}
.arx-hero-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap;}

/* ---------- LADDER ---------- */
.arx-ladder{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);}
.arx-tier{display:flex;gap:22px;align-items:flex-start;background:var(--bark-white);padding:26px 28px;}
.arx-tier .ring-dot{width:40px;height:40px;flex:none;margin-bottom:0;border-width:3px;}
.arx-tier-label{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--amber-dark);letter-spacing:0.06em;text-transform:uppercase;}
.arx-tier-body h4{font-family:'Fraunces',serif;font-size:19px;margin:4px 0 8px;}
.arx-tier-body p{font-size:14.5px;line-height:1.65;color:var(--pine-soft);}

/* ---------- TRACKS ---------- */
.arx-tracks{background:var(--bark);}
.arx-track-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.arx-track-card{background:var(--bark-white);padding:32px 30px;}
.arx-track-card h3{font-family:'Fraunces',serif;font-size:20px;margin-bottom:12px;color:var(--pine);}
.arx-track-card p{font-size:14.5px;line-height:1.7;color:var(--pine-soft);}

@media (max-width:700px){
  .arx-tier{flex-direction:column;gap:14px;}
  .arx-track-grid{grid-template-columns:1fr;}
}