* {
     margin: 0;
     padding: 0;
     box-sizing: border-box
}

body {
     font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
     overflow-x: hidden
}

.navbar {
     padding: 1.5rem 0;
     position: fixed;
     width: 100%;
     top: 0;
     z-index: 1030;
     background: transparent
}

.hero-section {
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     background: #1A2B48
}

.hero-logo {
     max-width: 600px;
     width: 85%;
     height: auto;
     margin: 0 auto
}

.brand-logo {
     height: 50px;
     width: auto
}

.logo-text,
.logo-wave {
     fill: #fff
}

/* ── Shimmer on stat values ── */
@keyframes shimmerGold {
     0% {
          background-position: 200% center;
     }

     100% {
          background-position: -200% center;
     }
}

.overview-value {
     background: linear-gradient(90deg, #a07830 0%, var(--sand-gold) 30%, #f0d78a 50%, var(--sand-gold) 70%, #a07830 100%);
     background-size: 300%;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     color: transparent;
     animation: shimmerGold 5s linear infinite;
}

/* ── Use case card image zoom on hover ── */
.usecase-card-wrap {
     overflow: hidden;
}

.usecase-card-wrap:hover .usecase-img {
     transform: scale(1.08) !important;
}

/* ── Project overview card: enhanced hover ── */
.project-overview-card {
     will-change: transform;
     transform-style: preserve-3d;
}

.project-overview-card:hover {
     transform: translateY(-10px) !important;
     box-shadow: 0 28px 65px rgba(26, 43, 72, 0.18), 0 0 0 2px var(--sand-gold) !important;
}

/* ── Cinematic banner stats ── */
.cinematic-stat {
     text-align: center;
}

/* ── Gallery clip-path base (allow GSAP clip animate) ── */
.gallery-item {
     clip-path: inset(0 0 0 0);
}

/* ── Resident icon bounce on hover ── */
#resident .resident-item {
     transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#resident .resident-item:hover {
     transform: translateY(-8px) scale(1.05);
}