/* High contrast for CTA section */
.cta-section .section-label.center,
.cta-section .section-title.center,
.cta-section,
.cta-section p,
.cta-section a,
.cta-section .cta-primary,
.cta-section .cta-secondary {
 color:#fff !important;
}
.cta-section .section-label.center {
 background:none !important;
 box-shadow:none !important;
 border:none !important;
 text-decoration:none !important;
}
/* ============================================================
 OLD IS GOLD HOMES — style.css (Fixed)
 Colors:#8b6f47 (gold) | #4a4a4a (dark) | #1a1206 (deep dark)
 ============================================================ */

/* ===== CSS VARIABLES ===== */
:root {
 --gold:#c8a040;
 --gold-light:#a0845a;
 --gold-dark:#b87e0b44;
 --gold-faint:rgba(139, 111, 71, 0.08);
 --dark:#4a4a4a;
 --dark-deep:#1e1400;
 --dark-mid:#2a2010;
 --off-white:#faf7f0;
 --white:#ffffff;
 --text-body:#5a5a5a;
 --text-light:#8a8a8a;
 --border:rgba(139, 111, 71, 0.18);

 --font-display:Georgia, 'Times New Roman', Times, serif;
 --font-body:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

 --radius-sm:4px;
 --radius:8px;
 --radius-lg:16px;
 --radius-xl:24px;

 --shadow:0 4px 24px rgba(26, 18, 6, 0.10);
 --shadow-lg:0 12px 48px rgba(26, 18, 6, 0.16);
 --shadow-gold:0 4px 24px rgba(139, 111, 71, 0.20);

 --transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);
 --nav-height:72px;
}

/* ===== RESET ===== */
*, *::before, *::after {box-sizing:border-box;margin:0;padding:0;}
html {scroll-behavior:smooth;font-size:16px;}
body {
 font-family:var(--font-body);
 color:var(--dark);
 background:var(--off-white);
 line-height:1.6;
 overflow-x:hidden;
}
img {max-width:100%;display:block;}
picture {display:block;}

.service-image picture,
.property-image picture,
.featured-image picture,
.commitment-image picture {width:100%;height:100%;}

.location-card picture {display:block;}
.location-card picture img {width:170px;height:170px;object-fit:cover;}
a {text-decoration:none;color:inherit;}
ul {list-style:none;}
button {cursor:pointer;border:none;background:none;font-family:inherit;}
input, textarea, select {font-family:inherit;}

/* ===== SKIP LINK ===== */
.skip-link {
 position:absolute;top:-100%;left:0;padding:8px 16px;
 background:var(--gold);color:var(--dark-deep);
 font-weight:600;z-index:9999;
}
.skip-link:focus {top:0;}

/* ===== CONTAINER ===== */
.container {
 max-width:1200px;
 margin:0 auto;
 padding:0 24px;
}

/* ===== TOPBAR ===== */
.topbar {
 background:var(--dark-deep);
 color:var(--gold);
 font-size:0.78rem;
 font-weight:500;
 letter-spacing:0.02em;
 padding:8px 0;
}
.topbar-inner {
 display:flex;
 gap:28px;
 align-items:center;
 flex-wrap:wrap;
}
.topbar-inner .topbar-icon {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:18px;
 height:18px;
 margin-right:4px;
 color:var(--gold);
 vertical-align:middle;
}


/* ===== NAVBAR ===== */
.navbar {
 position:sticky;
 top:0;
 z-index:900;
 background:rgba(250, 247, 240, 0.96);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
 border-bottom:1px solid var(--border);
 height:var(--nav-height);
 transition:box-shadow var(--transition);
 padding: 40px 0;
}
.navbar.scrolled {box-shadow:var(--shadow);}
.navbar-inner {
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:100%;
 gap:32px;
}

.nav-close {display:none;}


/* Logo */
.logo {display:flex;align-items:center;gap:14px;}
.logo-icon {font-size:1.6rem;line-height:1;}
.logo-text, .footer-logo-text, .logo span {
 font-family:var(--font-display);
 font-size:1.0rem;
 font-weight:300;
 margin-bottom:0;
 color:#181818;
 letter-spacing:-0.01em;
 text-shadow:0 1px 0 #fff, 0 2px 8px rgba(139,111,71,0.08);
}
.logo-main {
 font-family:var(--font-display);
 font-size:1.1rem;
 font-weight:700;
 color:var(--dark-deep);
 letter-spacing:-0.01em;
}
.logo-sub {
 font-size:0.6rem;
 font-weight:600;
 letter-spacing:0.18em;
 color:var(--gold-dark);
 text-transform:uppercase;
}

/* Nav links */
.nav-links {display:flex;align-items:center;gap:6px;}
.nav-links a {
 font-size:0.88rem;
 font-weight:500;
 color:var(--dark-deep);
 padding:6px 12px;
 border-radius:var(--radius-sm);
 transition:color var(--transition), background var(--transition);
 position:relative;
}
.nav-links a:not(.nav-cta)::after {
 content:'';
 position:absolute;
 bottom:2px;left:12px;right:12px;
 height:2px;
 background:var(--gold);
 transform:scaleX(0);
 transform-origin:left;
 transition:transform var(--transition);
 border-radius:2px;
}
.nav-links a:not(.nav-cta):hover::after {transform:scaleX(1);}
.nav-links a:not(.nav-cta):hover {color:var(--gold-dark);}

.nav-cta {
 background:var(--gold);
 color:var(--dark-deep) !important;
 font-weight:600 !important;
 padding:8px 20px !important;
 border-radius:var(--radius) !important;
 transition:background var(--transition), transform var(--transition) !important;
}
.nav-cta:hover {background:var(--gold-dark) !important;transform:translateY(-1px);}

/* Hamburger */
.hamburger {display:none;flex-direction:column;gap:5px;padding:6px;}
.hamburger span {
 display:block;width:24px;height:2px;
 background:var(--dark-deep);border-radius:2px;
 transition:var(--transition);
}
.hamburger.active span:nth-child(1) {transform:translateY(7px) rotate(45deg);}
.hamburger.active span:nth-child(2) {opacity:0;}
.hamburger.active span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);}

/* Mobile overlay */
.mobile-overlay {
 display:none;
 position:fixed;
 top:0;left:0;
 width:100%;height:100%;
 background-color:rgba(0, 0, 0, 0.5);
 z-index:850;
}
.mobile-overlay.show,
.mobile-overlay.active {display:block;}

/* ===== BUTTONS ===== */
.btn {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 padding:12px 28px;
 border-radius:var(--radius);
 font-weight:600;
 font-size:0.92rem;
 letter-spacing:0.02em;
 transition:all var(--transition);
 cursor:pointer;
 border:2px solid transparent;
 white-space:nowrap;
}
.btn-primary {
 background:var(--gold);
 color:var(--dark-deep);
 border-color:var(--gold);
}
.btn-primary:hover {
 background:var(--gold-dark);
 border-color:var(--gold-dark);
 transform:translateY(-2px);
 box-shadow:var(--shadow-gold);
}
.btn-outline {
 background:transparent;
 color:var(--off-white);
 border-color:rgba(250, 247, 240, 0.5);
}
.btn-outline:hover {
 background:rgba(250, 247, 240, 0.1);
 border-color:var(--off-white);
}
.btn-outline-light {
 background:transparent;
 color:var(--dark-deep);
 border-color:var(--dark-deep);
}
.btn-outline-light:hover {
 background:var(--dark-deep);
 color:var(--off-white);
}
.full-width {width:100%;}

/* ===== SECTION UTILITIES ===== */
.section {padding:96px 0;}
.section-label {
 display:inline-block;
 font-size:0.78rem;
 font-weight:700;
 letter-spacing:0.16em;
 text-transform:uppercase;
 color:#181818;
 margin-bottom:12px;
 padding:2px 12px;
 border-radius:8px;
}
.section-label {
 margin-bottom:12px;
 padding:2px 12px;
 border-radius:8px;
}

.section-label.center {
 display:block;
 text-align:center;
 color:#000 !important;
 /* background: linear-gradient(90deg, #f7c602, #ff8c00);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; */

}
.section-title {
 font-family:var(--font-display);
 font-size:clamp(1.5rem, 4vw, 1.0rem);
 font-weight:700;
 color:var(--dark-deep);
 line-height:1.2;
 margin-bottom:16px;
}
@media (max-width:768px) {
 .contact .container {
 padding-left:18px !important;
 padding-right:18px !important;
 margin-left:0 !important;
 margin-right:0 !important;
}
 .section-title {
 font-size:1.1rem !important;
 margin-bottom:10px;
}
 .section-sub, .section-subtitle {
 font-size:0.7rem !important;
 margin-bottom:16px;
}
}

.section-title.center {text-align:center;}
.section-sub {
 font-size:1.05rem;
 color:var(--text-body);
 max-width:560px;
 margin-bottom:48px;
 line-height:1.7;
}
.section-sub.center {margin-left:auto;margin-right:auto;text-align:center;}
.section-subtitle {
 font-size:1rem;
 color:var(--text-body);
 line-height:1.7;
 margin-bottom:28px;
 max-width:520px;
}

.hidden {display:none !important;}

/* ===== HERO ===== */
.hero {
 position:relative;
 height:100vh;
 min-height:640px;
 display:flex;
 align-items:center;
 overflow:hidden;
}
.hero-bg {position:absolute;inset:0;z-index:0;background:#111;}
.hero-picture {position:absolute;inset:0;}
.hero-image {width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9;image-rendering:auto;}
.hero-overlay {
    position:absolute;inset:0;
 background: linear-gradient(to right, rgb(30 20 0) 0, rgb(41 32 13 / 87%) 40%, rgba(14, 80, 75, 0) 80%);
    
    z-index:1;}

.hero-content {
 position:relative;
 z-index:2;
 max-width:680px;
 animation:heroFadeIn 1s ease forwards;
 margin-left:var(--hero-left-margin, 80px);
 text-align:left;
}
@media (max-width:768px) {
 .hero-content {
 margin-left:18px;
 margin-right:18px;
 text-align:left;
 align-items:flex-start;
}
 .hero-title {
 font-size:1.4rem !important;
 line-height:1.1;
}
 .hero-badge {
 padding:5px 10px !important;/* reduced padding */
 font-size:0.6rem !important;/* smaller text */
 min-width:auto;/* remove forced width */
 margin-top:40px;/* more spacing from top */
 letter-spacing:0.08em;/* keeps it clean even when small */
}
 .logo-text{
 display:none;}
 .hero-desc {
 font-size:0.7rem !important;
 margin-bottom:18px;
}
 .hero-actions .btn, .hero-actions .btn-primary, .hero-actions .btn-outline {
 font-size:0.7rem !important;
 padding:8px 16px !important;
 min-width:90px;
}
}

@keyframes heroFadeIn {
 from {opacity:0;transform:translateY(24px);}
 to {opacity:1;transform:translateY(0);}
}
.hero-badge {
 display:inline-block;
 background:rgba(139, 111, 71, 0.18);
 /* border:1px solid rgba(139, 111, 71, 0.45); */
 border: 1px solid #b87e0b44;
 color:#f7c602;
 font-size:0.78rem;
 font-weight:600;
 letter-spacing:0.1em;
 text-transform:uppercase;
 padding:6px 16px;
 border-radius:20px;
 margin-bottom:20px;
}
.hero-title {
 font-family:var(--font-display);
 font-size:clamp(2.4rem, 6vw, 2.2rem);
 font-weight:900;
 color:var(--off-white);
 line-height:1.08;
 margin-bottom:20px;
}
.hero-title em {font-style:normal;color:#c8a040;}
.hero-desc {
 font-size:1.05rem;
 color:rgba(250, 247, 240, 0.82);
 max-width:540px;
 margin-bottom:36px;
 line-height:1.7;
}
.hero-actions {display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px;}
.hero-stats {display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.hero-stat {text-align:left;}
.hero-stat strong {
 display:block;
 font-family:var(--font-display);
 font-size:1.5rem;
 font-weight:700;
 color:#a0845a;
}
.hero-stat span {font-size:0.82rem;color:rgba(250,247,240,0.7);}
.hero-stat-divider {width:1px;height:36px;background:rgba(139, 111, 71, 0.3);}
.hero-scroll-hint {
 position:absolute;
 bottom:32px;right:48px;
 z-index:2;
 display:flex;flex-direction:column;align-items:center;gap:8px;
 color:rgba(250, 247, 240, 0.5);
 font-size:0.72rem;
 letter-spacing:0.12em;
 text-transform:uppercase;
}
.scroll-line {
 width:1px;height:48px;
 background:linear-gradient(to bottom, rgba(139,111,71,0.6), transparent);
 animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
 0%, 100% {opacity:0.4;}
 50% {opacity:1;}
}

/* ===== ABOUT ===== */
.about {background:var(--off-white);}
.about-inner {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:72px;
 align-items:center;
}
.about-image-wrap {position:relative;}

/* Actual image (picture + img) styles */
.about-image-wrap picture {
 display:block;
 border-radius:var(--radius-lg);
 overflow:hidden;
 box-shadow:var(--shadow-lg);
}
.about-image {
 width:100%;
 height:640px;
 object-fit:cover;
 display:block;
}
@media (max-width:768px) {
 .about-image {
 height:340px !important;
 min-height:220px;
 max-height:60vw;
 border-radius:18px;
}
 .about-badge-float {
 padding:10px 14px !important;
 bottom:-10px !important;
 right:-10px !important;
 font-size:0.7rem !important;
 min-width:70px;
}
 .about-badge-float strong {
 font-size:1.1rem !important;
}
 .about-badge-float span {
 font-size:0.62rem !important;
}
}


/* Legacy placeholder class kept for backwards-compat */
.about-img-placeholder {
 border-radius:var(--radius-lg);
 overflow:hidden;
 box-shadow:var(--shadow-lg);
 min-height:580px;
 aspect-ratio:500/420;
}
.about-badge-float {
 position:absolute;
 bottom:-20px;right:-20px;
 background:var(--gold);
 color:var(--dark-deep);
 border-radius:var(--radius-lg);
 padding:20px 24px;
 text-align:center;
 box-shadow:var(--shadow-gold);
}
.about-badge-float strong {
 display:block;
 font-family:var(--font-display);
 font-size:2rem;
 font-weight:900;
 line-height:1;
}
.about-badge-float span {
 font-size:0.78rem;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0.06em;
}
.about-content {padding-top:8px;}
.about-lead {
 font-size:1.1rem;
 font-weight:500;
 color:var(--dark-deep);
 margin-bottom:20px;
 line-height:1.6;
}
.about-content p {color:var(--text-body);margin-bottom:16px;line-height:1.75;}
.about-features {margin:28px 0;display:flex;flex-direction:column;gap:10px;}
.about-feature {display:flex;align-items:center;gap:12px;font-size:0.92rem;color:var(--dark);}
.feature-icon {
 width:22px;height:22px;
 background:var(--gold);color:var(--dark-deep);
 border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 font-size:0.72rem;font-weight:800;flex-shrink:0;
}

/* ===== FEATURED PRODUCTS INFINITE CAROUSEL ===== */
.featured-products {
 background-color:var(--off-white);
 padding:50px 10px;
 overflow:hidden;
}
.featured-carousel {
 width:100%;
 overflow:hidden;
 margin-top:40px;
 padding:10px 0;
}
.featured-track {
 display:flex;
 gap:30px;
 animation:scrollFeatured 40s linear infinite;
 width:max-content;
 will-change:transform;
}
.featured-track:hover {animation-play-state:paused;}
@keyframes scrollFeatured {
 0% {transform:translateX(0);}
 100% {transform:translateX(-50%);}
}

.featured-card {
 flex-shrink:0;
 width:280px;
 background-color:var(--white);
 border-radius:12px;
 overflow:hidden;
 box-shadow:0 5px 25px rgba(0, 0, 0, 0.08);
 transition:transform 0.3s, box-shadow 0.3s;
 position:relative;
}
.featured-card:hover {
 transform:translateY(-8px);
 box-shadow:0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Fixed featured badge — use brand colours only */
.featured-badge {
 position:absolute;
 top:15px;right:15px;
 background:var(--gold);
 color:var(--dark-deep);
 padding:5px 14px;
 border-radius:20px;
 font-size:11px;
 font-weight:700;
 z-index:2;
 text-transform:uppercase;
 letter-spacing:0.06em;
 box-shadow:0 2px 8px rgba(26,18,6,0.18);
}

.featured-image {
 height:160px;
 overflow:hidden;
 position:relative;
}
.featured-image img {
 width:100%;height:100%;
 object-fit:cover;
 transition:transform 0.4s;
}
.featured-card:hover .featured-image img {transform:scale(1.08);}
.featured-content {padding:20px;}
.featured-content h3 {
 font-family:var(--font-display);
 font-size:1rem;
 color:var(--dark-deep);
 margin-bottom:10px;
 font-weight:700;
 line-height:1.3;
}
.featured-content p {
 font-size:13px;
 color:var(--text-body);
 line-height:1.5;
 margin-bottom:14px;
}
.featured-btn {
 display:block;
 width:100%;
 background-color:var(--gold);
 color:var(--dark-deep);
 text-align:center;
 padding:10px 0;
 border-radius:6px;
 font-weight:700;
 font-size:13px;
 transition:background 0.3s, transform 0.3s;
}
.featured-btn:hover {
 background-color:var(--gold-dark);
 transform:translateY(-2px);
}

/* ===== CTA SECTION ===== */
.cta-section {
 background-color:var(--dark-deep);
 padding:56px 15px;
}
.cta-content {
 max-width:700px;
 margin:0 auto;
 text-align:center;
 color:var(--white);
}
.cta-content .section-title {
 color:var(--off-white);
 font-size:clamp(1.4rem, 3.5vw, 2rem);
 margin-bottom:16px;
}
.cta-content .section-label {color:rgba(139, 111, 71, 0.8);}
.cta-content p {
 font-size:15px;
 margin-bottom:28px;
 line-height:1.7;
 opacity:0.9;
}
.cta-buttons {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.cta-primary {
 /* background-color:#8a8a8a !important;*/
 color:#fff !important;
 padding:12px 28px;
 border-radius:6px;
 font-weight:700;
 font-size:14px;
 border:2px solid rgba(250,247,240,0.5);
 transition:background 0.3s, transform 0.3s;
}
.cta-primary:hover {
 background-color:#5a4a2a !important;
 color:#fff !important;
 transform:translateY(-2px);
}
.cta-secondary {
 background-color:transparent;
 color:var(--off-white);
 padding:12px 28px;
 border:2px solid rgba(250,247,240,0.5);
 border-radius:6px;
 font-weight:600;
 font-size:14px;
 transition:border-color 0.3s, background 0.3s;
}
.cta-secondary:hover {border-color:var(--off-white);background:rgba(250,247,240,0.08);}

/* ===== LOCATIONS (COMMITMENTS GRID) ===== */
.commitments {
 background-color:var(--off-white);
 padding:60px 15px;
}
.commitments-grid {
 display:grid;
 grid-template-columns:repeat(4, 1fr);
 gap:15px;
 margin-top:30px;
}
.commitment-item {
 text-align:center;
 padding:20px 15px;
 background-color:var(--white);
 border-radius:8px;
 border:1px solid var(--border);
 transition:transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.commitment-item:hover {
 transform:translateY(-3px);
 box-shadow:0 8px 24px rgba(26,18,6,0.1);
 border-color:var(--gold);
}
.commitment-image img {
 width:100%;height:160px;
 object-fit:cover;
 border-radius:6px;
 margin-bottom:12px;
}
.commitment-item h3 {font-size:16px;color:var(--dark-deep);margin-bottom:8px;font-weight:600;}
.commitment-item p {font-size:13px;color:var(--text-body);line-height:1.4;}

/* ===== SERVICES ===== */
.services {background-color:var(--white);padding:60px 15px;}
.services-grid {
 display:grid;
 grid-template-columns:repeat(3, 1fr);
 gap:15px;
 margin-bottom:30px;
}
.service-card {
 background-color:var(--white);
 border-radius:8px;
 overflow:hidden;
 box-shadow:0 2px 12px rgba(0,0,0,0.07);
 transition:transform 0.3s, box-shadow 0.3s;
 display:flex;flex-direction:column;height:100%;
 border:1px solid var(--border);
}
.service-card:hover {transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.12);}
.service-image {height:140px;overflow:hidden;}
.service-image img {
 width:100%;height:100%;
 object-fit:cover;transition:transform 0.3s;
}
.service-card:hover .service-image img {transform:scale(1.06);}
.service-content {padding:16px;display:flex;flex-direction:column;flex:1;}
.service-content h3 {
 font-family:var(--font-display);
 font-size:15px;color:var(--dark-deep);
 margin-bottom:8px;font-weight:700;
}
.service-content p {
 font-size:13px;color:var(--text-body);
 line-height:1.5;margin-bottom:12px;flex-grow:1;
}
.service-btn {
 display:inline-flex;align-items:center;gap:6px;
 background-color:transparent;color:var(--dark-deep);
 padding:8px 0;border:none;border-bottom:2px solid var(--gold);
 border-radius:0;font-weight:600;font-size:13px;
 text-decoration:none;margin-top:auto;transition:color 0.3s, border-color 0.3s;
}
.service-btn::after {content:'';display:inline-block;transition:transform 0.3s;}
.service-btn:hover {color:var(--dark-deep);border-color:var(--dark-deep);}
.service-btn:hover::after {transform:translateX(4px);}

/* ===== PROPERTIES ===== */
.properties {background-color:var(--off-white);padding:60px 15px;}
.properties-grid {
 display:grid;
 grid-template-columns:repeat(3, 1fr);
 gap:15px;margin-bottom:30px;
}
.property-card {
 background-color:var(--white);border-radius:8px;overflow:hidden;
 box-shadow:0 2px 12px rgba(0,0,0,0.07);
 border:1px solid var(--border);
 transition:transform 0.3s, box-shadow 0.3s;
 display:flex;flex-direction:column;height:100%;
}
.property-card:hover {transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,0.12);}
.property-image {height:140px;overflow:hidden;}
.property-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.property-card:hover .property-image img {transform:scale(1.06);}
.property-content {padding:16px;display:flex;flex-direction:column;flex:1;}
.property-content h3 {
 font-family:var(--font-display);
 font-size:15px;color:var(--dark-deep);margin-bottom:8px;font-weight:700;
}
.property-content p {font-size:13px;color:var(--text-body);line-height:1.5;margin-bottom:12px;flex-grow:1;}
.property-btn {
 display:inline-flex;align-items:center;gap:6px;
 background-color:var(--gold);
 color:var(--dark-deep);
 padding:12px 24px;
 border:2px solid var(--gold-dark);
 border-radius:8px;
 font-weight:700;
 font-size:15px;
 min-width:48px;
 min-height:48px;
 text-decoration:none;margin-top:auto;transition:color 0.3s, border-color 0.3s, background 0.3s;
}
.property-btn::after {content:'';display:inline-block;transition:transform 0.3s;}
.property-btn:hover {color:var(--dark-deep);border-color:var(--dark-deep);}
.property-btn:hover {background:var(--gold-dark);color:var(--white);border-color:var(--gold-dark);}
.property-btn:hover::after {transform:translateX(4px);}

/* ===== STATS ===== */
.stats {background:var(--dark-deep);}
.stats .section-label {
    color: #000;background: #c8a040;

}
.stats .section-title {color:var(--off-white);}
.stats-grid {
 display:grid;
 grid-template-columns:repeat(4, 1fr);
 gap:24px;
}
.stat-card {
 background:rgba(139, 111, 71, 0.06);
 border:1px solid rgba(139, 111, 71, 0.2);
 border-radius:var(--radius-lg);
 padding:40px 28px;
 text-align:center;
 transition:background var(--transition), border-color var(--transition);
}
.stat-card:hover {
 background:rgba(139, 111, 71, 0.12);
 border-color:var(--gold);
}
.stat-number {
 font-family:var(--font-display);
 font-size:clamp(2.2rem, 5vw, 3.5rem);
 font-weight:900;
 color:var(--gold);
 line-height:1;
 margin-bottom:6px;
}
.stat-label {
 font-size:0.92rem;font-weight:700;
 color:var(--off-white);margin-bottom:8px;
 text-transform:uppercase;letter-spacing:0.06em;
}
.stat-desc {font-size:0.8rem;color:rgba(250,247,240,0.5);line-height:1.5;}

/* ===== VALUES ===== */
.values {background:#f5f1e8;}
.values-mv {
 display:grid;grid-template-columns:1fr 1fr;
 gap:24px;margin-bottom:56px;
}
.mv-card {
 background:var(--dark-deep);border-radius:var(--radius-lg);
 padding:40px 36px;border-left:4px solid var(--gold);
}
.mv-label {
 font-size:0.72rem;font-weight:700;
 letter-spacing:0.12em;text-transform:uppercase;
 color:var(--gold);margin-bottom:12px;
}
.mv-text {
 font-family:var(--font-display);font-size:1.05rem;
 color:var(--off-white);line-height:1.65;font-style:italic;
}
.values-grid {
 display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;
}
.value-card {
 background:var(--white);border-radius:var(--radius-lg);
 padding:32px 24px;text-align:center;
 box-shadow:var(--shadow);
 transition:transform var(--transition), box-shadow var(--transition);
}
.value-card:hover {transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.value-icon {font-size:2.2rem;margin-bottom:16px;display:block;}
.value-card h3 {
 font-family:var(--font-display);font-size:1rem;
 font-weight:700;color:var(--dark-deep);margin-bottom:10px;
}
.value-card p {font-size:0.86rem;color:var(--text-body);line-height:1.65;}

/* ===== LOCATION INFINITE CAROUSEL ===== */
.location {background:var(--dark-deep);}
.location .section-label {color:#f7c602;background: #c8a040; }
.location .section-title {color:var(--off-white);}

/* Outer container — clips overflow */
.location-grid {
 overflow:hidden;
 padding:20px 0;
 width:100%;
}

/* Scrolling inner track (created by JS) */
.location-track {
 display:flex;
 gap:24px;
 width:max-content;
 animation:scrollLocations 32s linear infinite;
 will-change:transform;
}
.location-track:hover {animation-play-state:paused;}
@keyframes scrollLocations {
 0% {transform:translateX(0);}
 100% {transform:translateX(-50%);}
}

.location-card {
 flex-shrink:0;
 background:rgba(139, 111, 71, 0.06);
 border:1px solid rgba(139, 111, 71, 0.2);
 border-radius:var(--radius-lg);
 padding:20px;text-align:center;
 transition:background var(--transition), border-color var(--transition);
}
.location-card:hover {
 background:rgba(139, 111, 71, 0.12);
 border-color:var(--gold);
}
.location-img {
 width:170px;height:170px;
 object-fit:cover;border-radius:var(--radius-lg);margin-bottom:12px;
}
.location-label {
 font-size:0.92rem;font-weight:700;
 color:var(--off-white);text-transform:uppercase;
 letter-spacing:0.04em;
}
.carousel-controls {display:none;} /* Hidden — pure auto-scroll */

/* ===== TESTIMONIALS INFINITE CAROUSEL ===== */
.testimonials {background:var(--off-white);}
.testimonials-overflow {
 overflow:hidden;
 width:100%;
}
.testimonials-track {
 display:flex;
 gap:28px;
 width:max-content;
 animation:scrollTestimonials 28s linear infinite;
 will-change:transform;
}
.testimonials-track:hover {animation-play-state:paused;}
@keyframes scrollTestimonials {
 0% {transform:translateX(0);}
 100% {transform:translateX(-50%);}
}
.testimonials-track .testimonial-card {
 flex-shrink:0;
 width:420px;
 min-width:unset;
}

.testimonial-card {
 background:var(--white);border-radius:var(--radius);
 padding:28px 24px;
 box-shadow:0 6px 20px rgba(0,0,0,0.08);
 border-top:3px solid var(--gold);
 transition:transform var(--transition), box-shadow var(--transition);
}
.testimonial-card:hover {transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.12);}
.testimonial-stars {color:var(--gold);font-size:1rem;letter-spacing:2px;margin-bottom:16px;}
.testimonial-text {
 font-size:0.94rem;color:var(--dark-deep);
 line-height:1.75;margin-bottom:24px;font-style:italic;
}
.testimonial-author {display:flex;align-items:center;gap:14px;}
.author-avatar {
 width:46px;height:46px;border-radius:50%;
 background:var(--gold);color:var(--dark-deep);
 font-size:0.82rem;font-weight:800;
 display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.testimonial-author strong {display:block;font-size:0.9rem;font-weight:700;color:var(--dark-deep);}
.testimonial-author span {font-size:0.78rem;color:var(--text-light);}
 .testimonial-author span {font-size:0.78rem;color:var(--dark-deep);}

/* ===== GALLERY MASONRY ===== */
.gallery-section {background:var(--white);}
.gallery-subtitle {
 text-align:center;
 font-size:1rem;
 color:var(--text-body);
 max-width:560px;
 margin:0 auto 32px;
 line-height:1.7;
}

/* Filter buttons */
.gallery-filters {
 display:flex;
 justify-content:center;
 gap:10px;
 flex-wrap:wrap;
 margin-bottom:36px;
}
.gallery-filter-btn {
 padding:8px 22px;
 border-radius:24px;
 font-size:0.82rem;
 font-weight:600;
 letter-spacing:0.04em;
 color:var(--dark);
 background:var(--off-white);
 border:1.5px solid var(--border);
 cursor:pointer;
 transition:all var(--transition);
}
.gallery-filter-btn:hover {
 border-color:var(--gold);
 color:var(--gold-dark);
}
.gallery-filter-btn.active {
 background:var(--gold);
 color:var(--dark-deep);
 border-color:var(--gold);
 box-shadow:0 2px 12px rgba(139,111,71,0.25);
}

/* Masonry grid via CSS columns */
.gallery-masonry {
 columns:4;
 column-gap:16px;
}
.gallery-item {
 break-inside:avoid;
 margin-bottom:16px;
 border-radius:var(--radius-lg);
 overflow:hidden;
 position:relative;
 cursor:pointer;
 display:inline-block;
 width:100%;
 transition:transform 0.35s ease, box-shadow 0.35s ease, opacity 0.4s ease;
}
.gallery-item.hidden-by-filter {
 display:none;
}
.gallery-item img {
 width:100%;
 height:auto;
 display:block;
 transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.gallery-item:hover img {
 transform:scale(1.06);
}
.gallery-item:hover {
 box-shadow:0 12px 36px rgba(26,18,6,0.18);
}

/* Overlay */
.gallery-overlay {
 position:absolute;
 inset:0;
 background:linear-gradient(180deg, rgba(26,18,6,0) 40%, rgba(26,18,6,0.75) 100%);
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 align-items:center;
 padding:20px 16px;
 opacity:0;
 transition:opacity 0.35s ease;
}
.gallery-item:hover .gallery-overlay {
 opacity:1;
}
.gallery-zoom-icon {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%) scale(0.7);
 font-size:2rem;
 color:var(--white);
 background:rgba(139,111,71,0.85);
 width:52px;
 height:52px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:transform 0.35s ease, background 0.35s ease;
 box-shadow:0 4px 16px rgba(139,111,71,0.3);
}
.gallery-item:hover .gallery-zoom-icon {
 transform:translate(-50%, -50%) scale(1);
}
.gallery-caption {
 font-size:0.85rem;
 font-weight:600;
 color:var(--white);
 text-align:center;
 letter-spacing:0.02em;
 text-shadow:0 1px 4px rgba(0,0,0,0.4);
}

/* ===== GALLERY LIGHTBOX ===== */
.gallery-lightbox {
 position:fixed;
 inset:0;
 z-index:9999;
 background:rgba(0,0,0,0.92);
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
 display:flex;
 align-items:center;
 justify-content:center;
 opacity:0;
 visibility:hidden;
 transition:opacity 0.35s ease, visibility 0.35s ease;
}
.gallery-lightbox.active {
 opacity:1;
 visibility:visible;
}
.lightbox-content {
 position:relative;
 max-width:90vw;
 max-height:85vh;
 display:flex;
 flex-direction:column;
 align-items:center;
}
.lightbox-content img {
 max-width:90vw;
 max-height:78vh;
 object-fit:contain;
 border-radius:var(--radius-lg);
 box-shadow:0 16px 64px rgba(0,0,0,0.5);
 animation:lightboxFadeIn 0.3s ease;
}
@keyframes lightboxFadeIn {
 from {opacity:0;transform:scale(0.92);}
 to {opacity:1;transform:scale(1);}
}
.lightbox-caption {
 margin-top:16px;
 font-size:0.95rem;
 font-weight:600;
 color:var(--off-white);
 letter-spacing:0.02em;
}
.lightbox-counter {
 margin-top:6px;
 font-size:0.78rem;
 color:rgba(250,247,240,0.5);
}
.lightbox-close {
 position:absolute;
 top:20px;
 right:28px;
 font-size:2.4rem;
 color:var(--off-white);
 background:none;
 border:none;
 cursor:pointer;
 z-index:10;
 width:48px;
 height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 transition:background 0.2s, color 0.2s;
}
.lightbox-close:hover {
 background:rgba(250,247,240,0.1);
 color:var(--gold);
}
.lightbox-prev,
.lightbox-next {
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 font-size:2rem;
 color:var(--off-white);
 background:rgba(250,247,240,0.08);
 border:1.5px solid rgba(250,247,240,0.2);
 width:52px;
 height:52px;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 z-index:10;
 transition:background 0.2s, border-color 0.2s, color 0.2s;
}
.lightbox-prev {left:20px;}
.lightbox-next {right:20px;}
.lightbox-prev:hover,
.lightbox-next:hover {
 background:rgba(139,111,71,0.2);
 border-color:var(--gold);
 color:var(--gold);
}

/* Gallery responsive */
@media (max-width:1100px) {
 .gallery-masonry {columns:3;}
}
@media (max-width:768px) {
 .gallery-masonry {columns:2;column-gap:10px;}
 .gallery-item {margin-bottom:10px;}
 .gallery-subtitle {font-size:0.85rem;margin-bottom:20px;}
 .gallery-filter-btn {padding:6px 16px;font-size:0.75rem;min-height:44px;}
 .lightbox-prev, .lightbox-next {width:44px;height:44px;font-size:1.4rem;}
 .lightbox-prev {left:8px;}
 .lightbox-next {right:8px;}
 .lightbox-close {top:12px;right:12px;font-size:2rem;width:44px;height:44px;}
}
@media (max-width:480px) {
 .gallery-masonry {columns:1;}
}

/* ===== FAQ ===== */
.faq-section {background:var(--white);}
.faq-container {display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start;}
.faq-head {position:sticky;top:100px;}
.faq-list {display:flex;flex-direction:column;}
.faq-item {border-bottom:1px solid var(--border);}
.faq-q {
 width:100%;display:flex;justify-content:space-between;
 align-items:center;padding:22px 0;
 font-size:0.95rem;font-weight:500;color:var(--dark);
 text-align:left;gap:16px;transition:color .2s;
}
.faq-q:hover {color:var(--gold);}
.faq-icon {
 font-size:1.3rem;font-weight:300;color:var(--gold);
 flex-shrink:0;transition:transform .3s;line-height:1;
}
.faq-item.open .faq-icon {transform:rotate(45deg);}
.faq-a {
 max-height:0;overflow:hidden;
 transition:max-height .4s cubic-bezier(.4,0,.2,1), padding .3s;
}
.faq-item.open .faq-a {max-height:200px;padding-bottom:20px;}
.faq-a p {font-size:0.9rem;color:var(--text-body);line-height:1.8;}

/* ===== LOGO IMAGE ASPECT RATIO FIX ===== */
.logo-img {
 width:auto !important;
 height:70px !important;
 /* aspect-ratio:1 / 1 !important; */
 object-fit:contain !important;
}

footer .logo-img {
 width:auto !important;
 height:70px !important;
 /* aspect-ratio:1 / 1 !important; */
 /* object-fit:contain !important; */
}

/* ===== FAQ IMAGE STYLES ===== */
#faq-image {
 display:flex;
 flex-direction:column;/* desktop = stacked */
 gap:18px;
 justify-content:flex-start;
 align-items:flex-start;
 width:100%;
 margin:24px 0 18px 0;
}

.faq-img-rounded {
 border-radius:18px;
 box-shadow:0 2px 16px 0 rgba(44,44,44,0.10);
 width:240px;/* ⬆️ increased width */
 height:180px;/* ⬆️ increased height */
 object-fit:cover;
 border:2px solid var(--gold-faint, #f7e7c1);
 transition:box-shadow 0.2s;
}

.faq-img-rounded:hover {
 box-shadow:0 4px 24px 0 rgba(44,44,44,0.18);
}

/* ===== MOBILE ===== */
@media (max-width:768px) {
 #faq-image {
 flex-direction:row;/* 👈 switch to row */
 gap:10px;
 justify-content:flex-start;
 align-items:center;
 flex-wrap:wrap;/* prevents overflow */
}

 .faq-img-rounded {
 width:120px;
 height:90px;
 border-radius:12px;
}
}
/* ===== CONTACT ===== */
.contact {background-color:var(--off-white);padding:60px 20px;}
.contact .section-title {font-size:clamp(1.4rem, 3.5vw, 2rem);margin-bottom:5px;}
.contact .section-subtitle {font-size:15px;margin-bottom:25px;color:var(--text-body);line-height:1.7;}
.contact-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.contact-info {
 background-color:var(--white);padding:32px;
 border-radius:12px;box-shadow:var(--shadow);
}
.contact-item {display:flex;gap:15px;margin-bottom:24px;align-items:flex-start;}
.contact-icon {
 width:48px;height:48px;flex-shrink:0;
 display:flex;align-items:center;justify-content:center;
 background:var(--gold);border-radius:50%;
 color:var(--dark-deep);font-size:20px;
}
.contact-item h3 {font-size:16px;margin-bottom:5px;font-weight:600;color:var(--dark-deep);}
.contact-item p, .contact-item a {
 font-size:14px;line-height:1.5;color:var(--text-body);text-decoration:none;
}
.contact-item a:hover {color:var(--gold-dark);}
.map-container {
 border-radius:12px;overflow:hidden;
 box-shadow:var(--shadow);min-height:400px;
}
.map-container iframe {width:100%;height:100%;border:none;min-height:400px;}
.contact-social-links {display:flex;gap:12px;margin-top:20px;}
.contact-social-links a {
 width:40px;height:40px;border-radius:50%;
 background:var(--dark-deep);color:var(--gold-dark);
 display:flex;align-items:center;justify-content:center;
 font-size:18px;transition:transform 0.3s, background 0.3s;
}
.contact-social-links a:hover {transform:translateY(-4px);background:var(--dark-mid);}

/* ===== FOOTER ===== */
footer {
 background-color:var(--dark-deep);
 color:#fff;
 padding:50px 0 20px;
 font-size:14px;
}
.footer-content {
 display:grid;
 grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;
 gap:30px;margin-bottom:30px;
 max-width:1200px;margin-left:auto;margin-right:auto;
 padding:0 20px;
}
.footer-section {display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
.footer-section h3 {font-size:16px;margin-bottom:15px;color:#fff;}
.footer-section a {
 display:block;text-decoration:none;color:#fff;
 font-size:13px;line-height:1.6;margin-bottom:8px;transition:color 0.3s, padding 0.3s;
}
.footer-section a:hover {color:var(--gold);padding-left:4px;}
.footer-section p {font-size:13px;line-height:1.6;margin-bottom:8px;color:#fff;}
.footer-section .logo {
 display:flex;align-items:flex-start;gap:10px;
 font-size:20px;font-weight:700;color:var(--off-white);margin-bottom:15px;
}
.footer-logo-text {
 font-size:16px !important;
 line-height:1.3;
 font-weight:700;
 color:#f5f1e8;
 margin-bottom:10px;
}
.footer-logo-text span {font-weight:400;}
.social-links {display:flex;gap:10px;margin-top:10px;}
.social-links a {
 width:36px;height:36px;background:var(--gold-dark);
 border-radius:50%;display:flex;align-items:center;justify-content:center;
 color:var(--dark-deep);font-size:16px;transition:transform 0.3s, background 0.3s;
}
.social-links a:hover {transform:translateY(-4px);background:var(--gold);}
.footer-bottom {
 border-top:1px solid rgba(255,255,255,0.12);
 padding:20px 20px 0;
 display:flex;justify-content:space-between;align-items:center;
 flex-wrap:wrap;gap:12px;
 max-width:1200px;margin:0 auto;font-size:12px;
 color:rgba(250,247,240,0.6);
}
.designer {display:flex;align-items:center;gap:5px;flex-wrap:nowrap;}
.designer a {font-size:12px;color:inherit;text-decoration:none;}
.designer a:hover {color:var(--gold);}
.designer img {width:18px;height:18px;}

/* ===== FLOATS ===== */
.float-whatsapp {
 position:fixed;bottom:32px;left:24px;
 width:52px;height:52px;
 background:#25d366;color:var(--white);
 border-radius:50%;display:flex;align-items:center;justify-content:center;
 z-index:900;text-decoration:none;
 box-shadow:0 4px 20px rgba(37,211,102,0.4);
 transition:transform .25s, box-shadow .25s;
}
.float-whatsapp:hover {transform:scale(1.08) translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,0.5);}
.float-scroll-top {
 position:fixed;bottom:32px;right:24px;
 width:52px;height:52px;
 background:var(--gold);color:var(--dark-deep);
 border-radius:50%;display:flex;align-items:center;justify-content:center;
 z-index:900;cursor:pointer;border:none;
 box-shadow:0 4px 20px rgba(139,111,71,0.4);
 opacity:0;transform:translateY(16px);
 transition:opacity .3s, transform .3s, background .2s;pointer-events:none;
}
.float-scroll-top.visible {opacity:1;transform:translateY(0);pointer-events:all;}
.float-scroll-top:hover {background:var(--gold-dark);transform:translateY(-2px);}

/* ===== SCROLL ANIMATIONS (Desktop only — mobile override below) ===== */
.fade-in {opacity:0;transform:translateY(28px);transition:opacity 0.6s ease, transform 0.6s ease;}
.fade-in.visible {opacity:1;transform:translateY(0);}

/* ===== RESPONSIVE ===== */

/* Tablets */
@media (max-width:1100px) {
  .services-grid,
  .properties-grid,
  .stats-grid,
  .values-grid,
  .commitments-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width:600px) {
  .services-grid,
  .properties-grid,
  .stats-grid,
  .values-grid,
  .commitments-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:1100px) {
 /* .services-grid {grid-template-columns:repeat(2, 1fr);} */
 /* .properties-grid {grid-template-columns:repeat(2, 1fr);} */
 .stats-grid {grid-template-columns:repeat(2, 1fr);}
 .values-grid {grid-template-columns:repeat(2, 1fr);}
 .commitments-grid {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:900px) {
 .about-inner {grid-template-columns:1fr;gap:48px;}
 .about-image-wrap {max-width:100%;}
 .values-mv {grid-template-columns:1fr;}
 .footer-content {grid-template-columns:1fr 1fr;}
 .contact-wrapper {grid-template-columns:1fr;}
 .faq-container {grid-template-columns:1fr;gap:40px;}
 .faq-head {position:static;}
}

@media (max-width:768px) {
:root {--nav-height:64px;}

 .hero {height:80vh;min-height:320px;}
 .hero-image {height:100%;width:100%;}

 .navbar {
 backdrop-filter:none;
 position:fixed !important;/* was sticky — fixed keeps it on scroll */
 top:0;
 left:0;
 right:0;
 z-index:900;
 background:rgba(250, 247, 240, 0.99) !important;
 box-shadow:0 2px 12px rgba(26,18,6,0.10);
 -webkit-backdrop-filter:none;
 background:rgba(250, 247, 240, 0.99);
}

 .nav-close {
 display:flex;
 align-items:center;
 justify-content:center;
 align-self:flex-end;
 width:36px;
 height:36px;
 font-size:1.2rem;
 color:var(--dark-deep);
 background:transparent;
 border:1px solid var(--border);
 border-radius:50%;
 margin-bottom:8px;
 cursor:pointer;
}

 .topbar-inner {gap:12px;font-size:0.72rem;}

 .hamburger {display:flex;}
 .nav-links {
 position:fixed;
 inset:var(--nav-height) 0 0 0;
 background:rgba(250, 247, 240, 0.98);
 backdrop-filter:blur(16px);
 flex-direction:column;align-items:stretch;
 gap:0;padding:24px 16px;
 transform:translateX(100%);
 transition:transform var(--transition);
 z-index:890;overflow-y:auto;
}
 .nav-links.open {transform:translateX(0);}
 .nav-links a {
 padding:14px 16px;font-size:1rem;
 border-bottom:1px solid var(--border);text-align:left;
}
 .nav-cta {margin-top:16px;text-align:center;border-bottom:none !important;}

 .section {padding:60px 0;}

 /* Text alignment — left on mobile */
 .section-label.center {
 display:block;
 text-align:center;
 color:#050505 !important;
 background:none !important;
 box-shadow:none !important;
 border:none !important;
 text-decoration:none !important;
 font-weight:900 !important;
 letter-spacing:0.14em;
}
 /* mobile high-contrast catch-all for section-label
 to satisfy audits for center section labels */
 section .section-label.center,
 div.section-label.center {
 color:#111 !important;
 background:none !important;
 box-shadow:none !important;
}


 .cta-content {
 text-align:left;
}

 .cta-content .section-label,
 .cta-content .section-title {
 text-align:left;
}

 .cta-buttons {
 justify-content:flex-start;
}

 /* Mobile contrast fixes for CTA chome improvements */
 nav#navLinks.nav-links,
 .nav-links a,
 .nav-links a:not(.nav-cta)::after {
 background:#fff !important;
 color:#111 !important;
}

 a.service-btn {
 /* background:#000 !important;*/
 color:#050505 !important;
 border:2px solid #fff !important;
}

 div.service-card {
 background:#fff !important;
 box-shadow:0 6px 20px rgba(0,0,0,0.15) !important;
 border:1px solid rgba(0,0,0,0.12) !important;
}

 section.stats.section,
 section#locations.location.section {
 background:#111 !important;
}

 section.stats.section .section-label.center,
 section#locations.location.section .section-label.center {
 color:#f7c602 !important;
  
 section#locations.location.section .section-title {
 color:#fff !important;
}

 /* About image shorter on mobile */
 .about-image {height:320px;}

 .services-grid {grid-template-columns:1fr;}
 .properties-grid {grid-template-columns:1fr;}
 .stats-grid {grid-template-columns:repeat(2, 1fr);gap:16px;}
 .values-grid {grid-template-columns:1fr 1fr;gap:16px;}
 .commitments-grid {grid-template-columns:1fr 1fr;gap:12px;}
 .footer-content {grid-template-columns:1fr;gap:28px;}

 .hero-scroll-hint {display:none;}

 /* Testimonials width on mobile */
 .testimonials-track .testimonial-card {width:calc(90vw - 24px);}

 /* Disable ALL animations on mobile for speed */
 .fade-in {
 opacity:1 !important;
 transform:none !important;
 transition:none !important;
}
@keyframes heroFadeIn {from {opacity:1;transform:none;} to {opacity:1;transform:none;}}
}

@media (max-width:480px) {
 html, body {
 overflow-x:hidden;
 width:100%;
}

 .container, .navbar-inner, .topbar-inner, .footer-content {
 max-width:100%;
 width:100%;
}

 .hero-actions {flex-direction:column;}
 .hero-stats {flex-direction:column;gap:16px;}
 .hero-stat-divider {display:none;}
 .stats-grid {grid-template-columns:1fr;}
 .values-grid {grid-template-columns:1fr;}
 .commitments-grid {grid-template-columns:1fr;}
 .cta-buttons {flex-direction:column;align-items:flex-start;}
 .float-whatsapp,
 .float-scroll-top {bottom:20px;}

 .hero {
 min-height:420px;
}

 .hero-picture,
 .hero-image,
 .about-image,
 .about-image-wrap picture,
 .about-image-wrap img,
 .featured-image img,
 .commitment-image img {
 width:100%;
 max-width:100%;
 height:auto;
 object-fit:cover;
 display:block;
}

 .about-image {height:auto;}
 .hero-bg {width:100%;max-width:100%;}
 .hero-picture {width:100%;height:100%;}
 .hero-picture img {width:100%;height:100%;object-fit:cover;}
 .about-img-placeholder {min-height:280px;}

 /* Kill infinite carousel animations on very small screens if needed — uncomment if performance is an issue */
 /* .featured-track, .location-track, .testimonials-track {animation-duration:60s;} */
}
}