.resale-notice {
  padding: 14px clamp(20px, 5vw, 72px);
  background: var(--navy);
  color: #edf5f7;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(112, 225, 209, .24);
  font-size: 1rem;
  line-height: 1.45;
}

.resale-notice strong { color: var(--aqua); }

.policy-main h1 { text-shadow: none; }

.fee-note { margin-top: 5px; max-width: 520px; }
.guide-section { padding: clamp(70px, 9vw, 115px) 20px; background: var(--navy); color: #fff; }
.guide-intro, .guide-grid { width: min(1040px, 100%); margin-inline: auto; }
.guide-intro { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(35px, 7vw, 90px); align-items: end; }
.guide-intro h2 { margin-bottom: 0; }
.guide-intro > p { color: #bdcbd2; }
.guide-intro .source-note { font-size: .86rem; }
.source-note a { color: var(--aqua); font-weight: 700; }
.brand-mark { width: 42px; height: 42px; border-radius: 0; background: transparent url("../../assets/vetrahhub-logo.png") center/contain no-repeat; color: transparent; font-size: 0; }
.guide-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 42px; }
.guide-grid article { padding: 22px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; }
.guide-grid article > span { color: var(--aqua); font-weight: 800; }
.guide-grid h3 { margin: 12px 0 8px; }
.guide-grid p { margin: 0; color: #bdcbd2; font-size: .92rem; }

@media (min-width: 721px) {
  .hero {
    min-height: calc(100vh - 136px);
    padding: clamp(42px, 5vh, 58px) 20px clamp(44px, 5vh, 60px);
  }

  h1 {
    max-width: 900px;
    font-size: clamp(2.7rem, 5.4vw, 5.45rem);
  }

  .eyebrow { margin-bottom: 16px; }
  .venue { margin: 18px 0 22px; }
  .event-facts { margin-bottom: 22px; }
  .event-facts div { padding: 14px; }
  .ticket-panel { padding: 18px 22px; }
}

@media (max-width: 720px) {
  .hero {
    min-height: calc(100svh - 169px);
    padding: 26px 14px 24px;
    background-position: center;
  }

  .hero-content { align-self: start; }
  .eyebrow { margin-bottom: 12px; }
  .eyebrow span { margin: 3px 0; }

  h1 {
    font-size: clamp(2rem, 9.2vw, 2.35rem);
    line-height: 1;
  }

  h1 small { margin: .18em 0; }
  .venue { margin: 16px 0 16px; font-size: 1rem; }
  .event-facts { margin-bottom: 15px; }
  .event-facts div { padding: 8px 10px; }
  .event-facts dt { margin-bottom: 1px; }
  .event-facts dd { font-size: .9rem; }

  .ticket-panel { padding: 13px 14px; }
  .price-copy strong { font-size: 1.8rem; }
  .price-copy small { line-height: 1.3; }
  .cta-wrap { margin-top: 11px; }
  .button { padding: 13px 16px; }
  .cta-wrap small { margin-top: 5px; }
  .guide-intro { grid-template-columns: 1fr; gap: 10px; }
  .guide-grid { grid-template-columns: 1fr; }
}