:root{
  --csav-navy: #1A2E49;
  --csav-gold: #C6A349;
  --csav-bg:   #F7F8FA;
  --csav-text: #1A1A1A;
}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--csav-text); background-color: #fff;}
h1,h2,h3,h4,h5{font-family: 'Space Grotesk', Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}
.btn-primary{background-color: var(--csav-navy); border-color: var(--csav-navy);}
.btn-outline-primary{color: var(--csav-navy); border-color: var(--csav-navy);}
.btn-outline-primary:hover{background-color: var(--csav-navy); color: #fff;}
.navbar .nav-link{font-weight: 500;}
.navbar .nav-link.active{color: var(--csav-navy) !important;}
.bg-light{background-color: var(--csav-bg) !important;}
.card{border-color:#e9ecef}
.card-title{color: var(--csav-navy)}
section{scroll-margin-top: 80px;}
:focus{outline: 3px solid var(--csav-gold); outline-offset: 2px;}
a:focus{outline: 3px solid var(--csav-gold);}
section{padding-top: 3rem; padding-bottom: 3rem;}

/* Hero overlay + motion */
.hero { padding: 0 !important; margin: 0 !important; border: 0; min-height: 480px; position: relative; }
.hero .hero-img { height: 800px; object-fit: cover; object-position: right center; display: block; width: 100%; }
.hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(26,46,73,0.85) 0%, rgba(26,46,73,0.35) 100%);
  animation: gradientMove 10s ease-in-out infinite alternate;
  z-index: 1;
}
.hero .hero-copy { position: absolute; z-index: 2; }
@keyframes gradientMove {
  0% { background-position: left center; }
  100% { background-position: right center; }
}
@media (max-width: 991.98px){
  .hero .hero-img { height: 520px; object-position: 85% center; }
  .hero .hero-copy { padding: 1.5rem !important; max-width: 90vw; }
}
@media (max-width: 576px){
  .hero .hero-img { height: 70vh; max-height: 620px; object-position: center center; }
  .hero .hero-copy { padding: 1.25rem !important; max-width: 92vw; }
}


/* Cookie banner */
.cookie-banner{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1080;
  background: rgba(26,46,73,0.98); color: #fff; padding: 1rem 0;
}
.cookie-banner .btn{ border-radius: .5rem; }
.cookie-banner a{ color: #fff; }
@media (max-width: 576px){
  .cookie-banner .container{ padding-left: 1rem; padding-right: 1rem; }
}