@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');

body { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif !important; }

/* ── NAVBAR ── */
.navbar-scrolled { box-shadow: 0 4px 24px rgba(17,34,69,.35); }
.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 2px; background: #c4922a; border-radius: 2px;
  transition: left .25s, right .25s;
}
.nav-link:hover::after, .nav-link.active::after { left: 8%; right: 8%; }
.nav-link.active { color: #c4922a !important; }

/* ── PARTICLE CANVAS ── */
.particle-canvas {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* ── HERO ── */
.hero-pattern::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 15% 35%, rgba(196,146,42,.10) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 65%, rgba(196,146,42,.07) 0%, transparent 55%);
  pointer-events: none; z-index: 0;
}
.hero-pattern::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, rgba(17,34,69,.25));
  pointer-events: none; z-index: 1;
}

/* ── SCROLL ANIMATIONS ── */
[data-aos] {
  opacity: 0;
  transition: opacity .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1);
}
[data-aos="fade-up"]    { transform: translateY(36px); }
[data-aos="fade-down"]  { transform: translateY(-20px); }
[data-aos="fade-right"] { transform: translateX(-36px); }
[data-aos="fade-left"]  { transform: translateX(36px); }
[data-aos="fade-in"]    { transform: none; }
[data-aos="zoom-in"]    { transform: scale(.88); }
[data-aos].anim-done    { opacity: 1 !important; transform: translate(0,0) scale(1) !important; }

/* ── HERO ENTRANCE ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.hero-anim-1 { animation: fadeIn .5s ease .05s both; }
.hero-anim-2 { animation: fadeUp .6s ease .15s both; }
.hero-anim-3 { animation: fadeUp .6s ease .30s both; }
.hero-anim-4 { animation: fadeUp .6s ease .45s both; }
.page-anim-1 { animation: fadeUp .5s ease .10s both; }
.page-anim-2 { animation: fadeUp .5s ease .22s both; }
.page-anim-3 { animation: fadeUp .5s ease .32s both; }

/* ── CHECK BULLET ── */
.check-item {
  display: inline-block; width: 18px; height: 18px; min-width: 18px;
  background: #c4922a; border-radius: 50%; margin-top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3560' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 11px; background-repeat: no-repeat; background-position: center;
}

/* ── GALLERY ── */
.gallery-item img { transition: transform .4s ease; }
.gallery-item:hover img { transform: scale(1.07); }

/* ── FOOTER ── */
.footer-link { transition: color .2s, padding-left .2s; }
.footer-link:hover { color: #c4922a !important; padding-left: 4px; }
