:root {
  --avc-purple: #210657;
  --avc-purple-deep: #16013b;
  --avc-gold: #bf9141;
  --avc-ivory: #faf7f1;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-width: 320px;
  color: var(--avc-ivory);
  font-family: Georgia, "Times New Roman", serif;
  background: var(--avc-purple-deep);
}

.splash {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 100svh;
  place-items: center;
  overflow: hidden;
  padding: 2rem;
  background:
    radial-gradient(circle at 14% 15%, rgb(191 145 65 / 18%), transparent 27rem),
    linear-gradient(135deg, #190344, var(--avc-purple) 55%, #16013b);
}

.ambient {
  position: absolute;
  z-index: -1;
  border: 1px solid rgb(191 145 65 / 25%);
  border-radius: 50%;
}

.ambient-one { width: min(58vw, 48rem); aspect-ratio: 1; left: -21rem; bottom: -27rem; }
.ambient-two { width: min(48vw, 38rem); aspect-ratio: 1; right: -15rem; top: -21rem; }

.splash-card {
  width: min(100%, 42rem);
  padding: clamp(2.6rem, 8vw, 5.25rem) clamp(1.5rem, 7vw, 5.5rem);
  text-align: center;
  border: 1px solid rgb(191 145 65 / 65%);
  border-radius: 1.5rem;
  background: rgb(18 2 57 / 78%);
  box-shadow: 0 1.5rem 5rem rgb(0 0 0 / 32%);
  backdrop-filter: blur(8px);
}

.logo {
  display: block;
  width: clamp(8.2rem, 19vw, 11rem);
  height: auto;
  margin: 0 auto 1.75rem;
  border-radius: 50%;
}

.eyebrow {
  margin: 0 0 .9rem;
  color: var(--avc-gold);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .26em;
  text-transform: uppercase;
}

h1 {
  max-width: 10em;
  margin: 0 auto;
  font-size: clamp(2.2rem, 6vw, 4.15rem);
  font-weight: 400;
  line-height: 1.06;
}

.intro {
  max-width: 33rem;
  margin: 1.5rem auto 2rem;
  color: rgb(250 247 241 / 87%);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(1rem, 2vw, 1.1rem);
  line-height: 1.7;
}

.email {
  display: inline-block;
  padding: .9rem 1.2rem;
  color: var(--avc-ivory);
  border: 1px solid var(--avc-gold);
  border-radius: 999px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.email:hover,
.email:focus-visible { color: var(--avc-purple-deep); background: var(--avc-gold); transform: translateY(-2px); }

@media (max-width: 440px) {
  .splash { padding: 1rem; }
  .splash-card { border-radius: 1rem; }
}