.mock-v1 .site-header {
  background: rgba(8, 24, 43, 0.9);
}

.mock-v1 .site-header::before {
  height: 6px;
}

.mock-v1 .brand-title {
  color: #326db3;
  text-shadow: none;
}

.mock-v1 .brand-tagline,
.mock-v1 .site-nav a {
  color: #d7e6f8;
}

.mock-v1 .site-nav a[aria-current="page"] {
  background: rgba(255, 255, 255, 0.92);
  color: #0f3257;
  border-color: rgba(143, 208, 255, 0.45);
  box-shadow: inset 0 -2px 0 rgba(241, 143, 28, 0.85);
}

.mock-v1 .site-nav {
  background: rgba(20, 45, 72, 0.66);
  border-color: rgba(143, 208, 255, 0.25);
}

.mock-v1 .hero {
  border: 2px solid rgba(255, 255, 255, 0.18);
  background:
    linear-gradient(140deg, rgba(7, 31, 57, 0.95), rgba(13, 111, 184, 0.88)),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 0 10px, transparent 10px 20px);
}

.mock-v1 .hero h1 {
  font-family: "Staatliches", "Bungee", sans-serif;
  letter-spacing: 0.06em;
  font-size: clamp(2rem, 5vw, 3.8rem);
}

.mock-v1 .hero-card {
  background: rgba(241, 143, 28, 0.14);
}

.mock-v1 .section-head h2 {
  font-family: "Staatliches", "Bungee", sans-serif;
  letter-spacing: 0.05em;
  font-size: clamp(1.25rem, 2.7vw, 2rem);
}

.mock-v1 .carousel,
.mock-v1 .card {
  border: 2px solid rgba(13, 111, 184, 0.28);
  box-shadow: 0 12px 34px rgba(10, 27, 48, 0.16);
}