/* Home page styles — hero banner and breadcrumb bar
   Loaded via $PageStylesheets in index.php (core/headers/Header.php
   appends a filemtime()-based ?v= cache-buster automatically). */

/* .headbar's fixed-nav offset now lives in Navigation.css, next to the
   nav height it depends on — kept here only for the background. */
.headbar {
  padding: 10px 20px;
  background-image: linear-gradient(220deg, rgba(101, 157, 189, .6) 30%, rgba(153, 102, 102, .6) 70%);
}

.breadcrumb {
  list-style: none;
}
.breadcrumb li {
  display: inline;
  font-size: .75rem;
}
.breadcrumb li + li::before {
  padding: 0 6px;
  color: purple;
  content: "/\00a0";
}
.breadcrumb li a {
  color: #fff;
  text-decoration: none;
}
.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

/* Hero banner */
.hero-banner {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.hero-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-caption {
  position: absolute;
  top: 50%;
  left: clamp(1rem, 6vw, 4rem);
  transform: translateY(-50%);
  max-width: min(90vw, 38rem);
  padding: clamp(.75rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
  border: 2px solid #fff;
  border-radius: 8px;
  background: rgba(15, 30, 45, .55);
  color: #fff;
  /* .hero-banner sets line-height:0 to collapse whitespace under the
     <img> — reset it here so the caption text doesn't inherit it and
     stack its lines on top of each other. */
  line-height: 1.3;
  animation: hero-fade-in .75s cubic-bezier(.26, .53, .74, 1.48) .3s backwards;
}
.hero-caption__eyebrow {
  margin: 0;
  font-size: clamp(1.15rem, 2.4vw, 2rem);
  font-weight: 700;
  color: gold;
}
.hero-caption__lead {
  margin: .35em 0 0;
  font-size: clamp(1rem, 1.8vw, 1.75rem);
  font-weight: normal;
}

@keyframes hero-fade-in {
  from { opacity: 0; filter: brightness(3) saturate(3); transform: translateY(-50%) scale(.85); }
  to   { opacity: 1; filter: brightness(1) saturate(1); transform: translateY(-50%) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-caption { animation: none; }
}

/* Quick-start cards below the hero */
.home-actions {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  max-width: 960px;
  margin: 2.5rem auto;
  padding: 0 1.25rem;
}
.home-actions__card {
  padding: 1.5rem;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  text-align: left;
}
.home-actions__card h2 {
  margin-bottom: .5rem;
  font-size: 1.15rem;
}
.home-actions__card p {
  margin-bottom: 1rem;
  color: #444;
  font-size: .95rem;
}
.home-actions__card .btn {
  display: inline-block;
  padding: .5rem 1rem;
  border-radius: 6px;
  background: #132a63;
  color: #fff;
  text-decoration: none;
  font-size: .9rem;
}
.home-actions__card .btn:hover {
  background: #0d1e47;
}