:root {
  --av-black: #000;
  --av-white: #fff;
  --av-accent: #5014aa;
  --av-tint: #f3f4f8;
  --bs-body-color: var(--av-black);
  --bs-body-bg: var(--av-white);
  --bs-link-color-rgb: 80, 20, 170;
  --bs-link-hover-color-rgb: 0, 0, 0;
}

html { scroll-padding-top: 72px; }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.bg-light-tint { background-color: var(--av-tint); }

.section { padding: 6rem 0; }
#hero { padding-top: 8rem; min-height: 100vh; display: flex; align-items: center; }

.section-title {
  font-weight: 700;
  margin-bottom: 2rem;
}
.section-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin-top: .75rem;
  background: var(--av-accent);
}
.section-title.text-center::after {
  margin-inline: auto;
}

.eyebrow {
  color: var(--av-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .85rem;
  margin-bottom: .5rem;
}

.hero-photo {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  max-width: 320px;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 12px 12px 0 var(--av-accent);
}

/* Navbar */
.navbar .nav-link { color: var(--av-black); }
.navbar .nav-link:hover,
.navbar .nav-link.active { color: var(--av-accent); }

/* Buttons */
.btn-accent {
  --bs-btn-color: var(--av-white);
  --bs-btn-bg: var(--av-accent);
  --bs-btn-border-color: var(--av-accent);
  --bs-btn-hover-color: var(--av-white);
  --bs-btn-hover-bg: var(--av-black);
  --bs-btn-hover-border-color: var(--av-black);
  --bs-btn-active-bg: var(--av-black);
  --bs-btn-active-border-color: var(--av-black);
}

/* Articles */
.article-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.article-list li:last-child { border-bottom: 0; }
.article-list a {
  color: var(--av-black);
  text-decoration: none;
  font-weight: 500;
}
.article-list a:hover { color: var(--av-accent); }
.article-list .year { color: rgba(0, 0, 0, .55); white-space: nowrap; }

/* Socials */
.social {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.1rem;
  border: 1px solid var(--av-black);
  border-radius: 999px;
  color: var(--av-black);
  text-decoration: none;
  transition: background-color .15s, color .15s, border-color .15s;
}
.social-icon {
  width: 1em;
  height: 1em;
}
.social:hover {
  background: var(--av-accent);
  border-color: var(--av-accent);
  color: var(--av-white);
}

/* Newsletter */
.post-card {
  border: 0;
  overflow: hidden;
  color: var(--av-black);
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
}
.post-card:hover {
  transform: translateY(-4px);
  box-shadow: 8px 8px 0 var(--av-accent);
}
.post-card:hover h3 { color: var(--av-accent); }
.post-card .card-img-top {
  aspect-ratio: 7 / 4;
  object-fit: cover;
}
.post-date {
  color: rgba(0, 0, 0, .55);
  font-size: .85rem;
}