:root{
    --bg:#F5F1EA; --surface:#FFFFFF; --ink:#16233F;
    --navy:#16233F; --navy-soft:#1E3352;
    --gold:#C29B5B; --gold-deep:#9A7A3A; --muted:#8A8578;
  }
  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
  a{ color:var(--gold-deep); text-decoration:none; transition:color .3s ease; }
  a:hover{ color:var(--gold); }
  img{ display:block; max-width:100%; }
  ::selection{ background:rgba(194,155,91,.24); }
  html.lenis, html.lenis body{ height:auto; }
  .lenis.lenis-smooth{ scroll-behavior:auto !important; }
  .dts-gallery-track::-webkit-scrollbar{ height:6px; }
  .dts-gallery-track::-webkit-scrollbar-thumb{ background:rgba(22,35,63,.25); border-radius:10px; }
  @media (max-width:1200px){
    [data-cred-grid]{ grid-template-columns:repeat(6,1fr) !important; }
    [data-cred-grid] > *{ grid-column:span 2; }
    [data-cred-grid] > *:nth-child(4){ grid-column:span 3; }
    [data-cred-grid] > *:nth-child(5){ grid-column:span 3; }
  }
  @media (max-width:900px){
    [data-cards-grid]{ grid-template-columns:repeat(2,1fr) !important; }
    [data-cred-grid]{ grid-template-columns:repeat(2,1fr) !important; }
    [data-cred-grid] > *{ grid-column:auto !important; }
    [data-cred-grid] > *:nth-child(5){ grid-column:1 / -1 !important; }
  }
  @media (max-width:560px){
    [data-cred-grid]{ grid-template-columns:1fr !important; }
    [data-cred-grid] > *{ grid-column:auto !important; }
  }
  @media (max-height:700px){ [data-scroll-cue]{ display:none !important; } }
  @media (max-width:560px){ [data-cards-grid]{ grid-template-columns:1fr !important; } }
  @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

.hv1:hover{background:var(--navy-soft) !important;transform:translateY(-1px) !important;box-shadow:0 8px 22px rgba(22,35,63,.28) !important;color:#fff !important}
.hv2:hover{background:#d3ac6a !important;transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(194,155,91,.4) !important;color:var(--navy) !important}
.hv3:hover{background:rgba(255,255,255,.12) !important;border-color:#fff !important;color:#fff !important}
.hv4:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv5:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv6:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv7:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv8:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv9:hover{transform:translateY(-4px) !important;box-shadow:0 24px 50px -28px rgba(22,35,63,.35) !important;border-color:rgba(194,155,91,.5) !important}
.hv10:hover{background:#d3ac6a !important;transform:translateY(-2px) !important;color:var(--navy) !important}
.hv11:hover{background:#d3ac6a !important;transform:translateY(-2px) !important;box-shadow:0 14px 34px rgba(194,155,91,.4) !important;color:var(--navy) !important}
.hv12:hover{background:var(--navy-soft) !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px rgba(22,35,63,.28) !important;color:#fff !important}
.hv13:hover{color:var(--gold-deep) !important}
.hv14:hover{background:var(--navy-soft) !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px rgba(22,35,63,.28) !important;color:#fff !important}
.hv15:hover{opacity:1 !important;color:var(--gold) !important}
.hv16:hover{opacity:1 !important;color:var(--gold) !important}
.hv17:hover{opacity:1 !important;color:var(--gold) !important}
.hv18:hover{opacity:1 !important;color:var(--gold) !important}
.hv19:hover{color:var(--gold) !important}
.hv20:hover{color:var(--gold) !important}
.hv21:hover{color:var(--gold) !important}

/* --- responsive nav (replaces JS breakpoint switching) --- */
[data-el="desktopNav"]{ display:flex !important; }
[data-el="menuBtn"]{ display:none !important; }
@media (max-width:899px){
  [data-el="desktopNav"]{ display:none !important; }
  [data-el="menuBtn"]{ display:flex !important; }
}
/* reveal defaults: visible if JS fails (no blank page, SEO-safe) */
.no-js [data-reveal]{ opacity:1 !important; transform:none !important; }