.event-hero {
  background: var(--grad-page);
}

.event-hero-grid,
.event-split {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: var(--s-8);
  align-items: center;
}

.event-hero-copy,
.event-section-head,
.event-contact-card,
.event-guide-card,
.event-resource-card {
  display: grid;
  gap: var(--s-4);
}

.event-status {
  justify-self: start;
  margin: 0;
  padding: var(--s-2) var(--s-4);
  border: 1px solid var(--border);
  border-radius: var(--r-control);
  background: var(--bg);
}

.event-cobrand {
  width: min(100%, 360px);
  height: auto;
}

.event-hero h1 {
  max-width: 18ch;
  text-wrap: balance;
}

.event-hero-copy > h2,
.event-section-head > h2,
.event-section-head > div > h2 {
  font-size: var(--fs-display);
  line-height: var(--lh-tight);
  text-wrap: balance;
}

.event-hero-copy > h2 {
  max-width: 22ch;
  font-size: var(--fs-subhead);
}

.event-hero-copy > p:not(.event-status),
.event-section-head > p,
.event-section-head > div > p,
.event-contact-card > p:not(.eyebrow),
.event-guide-card > p,
.event-resource-card > p {
  color: var(--muted);
}

.event-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-block: 1px solid var(--border);
}

.event-details > div {
  display: grid;
  gap: var(--s-2);
  padding: var(--s-4) 0;
}

.event-details > div + div {
  padding-left: var(--s-5);
  border-left: 1px solid var(--border);
}

.event-details dt {
  color: var(--muted);
  font-size: var(--fs-ui-small);
  text-transform: uppercase;
  letter-spacing: var(--track-eyebrow);
}

.event-details dd {
  margin: 0;
  color: var(--ink);
  font-weight: var(--fw-display);
}

.event-hero-image {
  width: 100%;
  height: auto;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  box-shadow: 0 20px 44px -12px rgba(26, 26, 46, .12);
}

.event-section-head {
  align-content: start;
  max-width: 64ch;
}

.event-section-head > .eyebrow,
.event-section-head > div > .eyebrow,
.event-contact-card > .eyebrow {
  margin: 0;
}

.event-section-head--split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: none;
  gap: var(--s-8);
  align-items: end;
  margin-bottom: var(--s-7);
}

.event-section-head--split > div {
  display: grid;
  gap: var(--s-4);
  align-content: start;
}

.event-section-head--split .btn {
  justify-self: start;
  margin-top: var(--s-3);
}

.event-contact-card {
  padding: var(--s-7);
  background: var(--tile-wash), var(--tile);
}

.event-contact-name {
  font-size: var(--fs-card);
  line-height: var(--lh-tight);
}

.event-contact-card .btn {
  justify-self: start;
  margin-top: var(--s-4);
}

.event-quote-grid,
.event-guide-links,
.event-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-5);
}

.event-quote {
  display: grid;
  gap: var(--s-6);
  margin: 0;
  padding: var(--s-6);
  background: var(--tile-wash), var(--tile);
}

.event-quote blockquote,
.event-quote blockquote p {
  margin: 0;
}

.event-quote blockquote p {
  font-size: var(--fs-lead-sm);
  line-height: var(--lh-body);
  color: var(--ink);
}

.event-quote figcaption {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--s-4);
  align-items: center;
  padding-top: var(--s-5);
  border-top: 1px solid var(--border);
}

.event-quote figcaption:not(:has(.event-quote-portrait)) {
  grid-template-columns: minmax(0, 1fr) auto;
}

.event-quote figcaption > span {
  display: grid;
  gap: var(--s-1);
}

.event-quote figcaption small {
  color: var(--muted);
}

.event-quote-portrait {
  width: var(--s-7);
  height: var(--s-7);
  object-fit: cover;
  border-radius: var(--r-circle);
}

.event-quote-logo {
  width: auto;
  max-width: 88px;
  height: var(--s-7);
  object-fit: contain;
}

.event-guide {
  background: var(--grad-page);
}

.event-guide-card {
  min-height: 220px;
  padding: var(--s-6);
  color: var(--ink);
  text-decoration: none;
}

.event-guide-card h3,
.event-resource-card h3 {
  font-size: var(--fs-card-sm);
  line-height: var(--lh-tight);
}

.event-guide-card > span,
.event-resource-card > span {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  align-self: end;
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--border-strong);
  text-underline-offset: var(--s-1);
}

.event-resource-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-resource-grid > li:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.event-resource-card {
  height: 100%;
  min-height: 260px;
  padding: var(--s-6);
  color: var(--ink);
  text-decoration: none;
}

.event-resource-card > span {
  margin-top: auto;
}

@media (max-width: 900px) {
  .event-hero-grid,
  .event-split,
  .event-section-head--split {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-7);
  }

  .event-quote-grid,
  .event-guide-links,
  .event-resource-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-resource-grid > li:last-child:nth-child(odd) {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .event-details,
  .event-quote figcaption {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-details > div + div {
    padding-left: 0;
    border-top: 1px solid var(--border);
    border-left: 0;
  }

  .event-quote-logo {
    justify-self: start;
  }

  .event-contact-card,
  .event-quote,
  .event-guide-card,
  .event-resource-card {
    padding: var(--s-5);
  }
}