:root{
  --radius: 16px;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
}
.cardx, .section-card{
  border:0 !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}
.hero{
  border-radius: calc(var(--radius) + 8px) !important;
}
.btn{
  border-radius: 12px;
}
.pill{
  border-radius: 999px !important;
}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.hero-photo {
  max-height: 620px;
}

.hero-img {
  object-fit: cover;
  height: 620px;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.65) 0%,
    rgba(0,0,0,.55) 40%,
    rgba(0,0,0,.25) 70%,
    rgba(0,0,0,.05) 100%
  );
}

.hero-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.text-white-75 {
  color: rgba(255,255,255,.85);
}

/* Mobile optimization */
@media (max-width: 768px) {
  .hero-img {
    height: 520px;
  }
  .hero-photo {
    max-height: 520px;
  }
  .hero-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.site-logo {
  height: 54px;
  width: auto;
  transition: transform .2s ease;
}

.site-logo:hover {
  transform: scale(1.05);
}
.btn-warning{
  background:#f1c40f;
  border-color:#f1c40f;
}
.btn-warning:hover{
  filter: brightness(.95);
}