:root{
    --cream: #f9f5f0;
    --cream-2: #f3ece4;
    --dark: #2a2016; /* Espresso dark from the logo strip */
    --dark-2: #1c140e;
    --bronze: #9c764b; /* Exact logo bronze/gold */
    --bronze-dark: #83603b;
    --text-muted: #5c534a; /* Darkened for better contrast */
    --text-dark: #1c140e;
  }

  .bg-cream-alt {
    background: var(--cream-2) !important;
  }

  *{box-sizing:border-box;}

  html, body {
    overflow-x: hidden;
  }
  
  body{
    font-family:'Poppins',sans-serif;
    color:var(--text-dark);
    background:var(--cream);
  }

  h1,h2,h3,h4,.font-serif{
    font-family: 'Lora', serif;
  }

  a{ text-decoration:none; }

  /* ============ ANIMATIONS ============ */

  @media (prefers-reduced-motion: reduce){
    *{ animation:none !important; transition:none !important; }
  }

  @keyframes fadeUp{
    from{ opacity:0; transform:translateY(36px); }
    to{ opacity:1; transform:translateY(0); }
  }
  @keyframes fadeIn{
    from{ opacity:0; }
    to{ opacity:1; }
  }
  @keyframes fadeLeft{
    from{ opacity:0; transform:translateX(-40px); }
    to{ opacity:1; transform:translateX(0); }
  }
  @keyframes fadeRight{
    from{ opacity:0; transform:translateX(40px); }
    to{ opacity:1; transform:translateX(0); }
  }
  @keyframes scaleIn{
    from{ opacity:0; transform:scale(.92); }
    to{ opacity:1; transform:scale(1); }
  }
  @keyframes floatY{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-10px); }
  }
  @keyframes shimmer{
    0%{ background-position:-200% 0; }
    100%{ background-position:200% 0; }
  }
  @keyframes pulseRing{
    0%{ box-shadow:0 0 0 0 rgba(185,121,60,.45); }
    100%{ box-shadow:0 0 0 16px rgba(185,121,60,0); }
  }
  @keyframes spinSlow{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
  }

  /* scroll-reveal base state: hidden until .in-view is toggled by JS */
  .reveal{
    opacity:0;
    transform:translateY(36px);
    transition:opacity .8s cubic-bezier(.22,.9,.3,1), transform .8s cubic-bezier(.22,.9,.3,1);
    will-change:opacity, transform;
  }
  .reveal.in-view{ opacity:1; transform:translateY(0); }

  .reveal-left{ opacity:0; transform:translateX(-50px); transition:opacity .8s ease, transform .8s ease; }
  .reveal-left.in-view{ opacity:1; transform:translateX(0); }

  .reveal-right{ opacity:0; transform:translateX(50px); transition:opacity .8s ease, transform .8s ease; }
  .reveal-right.in-view{ opacity:1; transform:translateX(0); }

  .reveal-scale{ opacity:0; transform:scale(.9); transition:opacity .7s ease, transform .7s ease; }
  .reveal-scale.in-view{ opacity:1; transform:scale(1); }

  /* stagger children of a revealed group */
  .stagger > *{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .6s ease, transform .6s ease;
  }
  .stagger.in-view > *{ opacity:1; transform:translateY(0); }
  .stagger.in-view > *:nth-child(1){ transition-delay:.05s; }
  .stagger.in-view > *:nth-child(2){ transition-delay:.15s; }
  .stagger.in-view > *:nth-child(3){ transition-delay:.25s; }
  .stagger.in-view > *:nth-child(4){ transition-delay:.35s; }
  .stagger.in-view > *:nth-child(5){ transition-delay:.45s; }
  .stagger.in-view > *:nth-child(6){ transition-delay:.55s; }

  .eyebrow{
    letter-spacing:2px;
    font-size:.78rem;
    font-weight:600;
    color:var(--bronze);
    text-transform:uppercase;
  }

  .btn-bronze{
    display:inline-block;
    position:relative;
    overflow:hidden;
    background:var(--bronze);
    color:#fff;
    border:none;
    padding:.85rem 1.9rem;
    font-size:.85rem;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:2px;
    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease;
  }
  .btn-bronze::before{
    content:"";
    position:absolute;
    top:0; left:-75%;
    width:50%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
    transform:skewX(-25deg);
    transition:left .6s ease;
  }
  .btn-bronze:hover{
    background:var(--bronze-dark);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 24px rgba(185,121,60,.35);
  }
  .btn-bronze:hover::before{ left:130%; }
  .btn-bronze i{ transition:transform .3s ease; display:inline-block; }
  .btn-bronze:hover i{ transform:translateX(5px); }

  .btn-outline-dark{
    display:inline-block;
    position:relative;
    overflow:hidden;
    border:1.5px solid var(--dark);
    color:var(--dark);
    padding:.85rem 1.9rem;
    font-size:.85rem;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:2px;
    background:transparent;
    transition:background .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease;
  }
  .btn-outline-dark::before{
    content:"";
    position:absolute;
    top:0; left:-75%;
    width:50%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
    transform:skewX(-25deg);
    transition:left .6s ease;
  }
  .btn-outline-dark:hover{
    background:var(--dark);
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 24px rgba(0,0,0,.25);
  }
  .btn-outline-dark:hover::before{ left:130%; }
  .btn-outline-dark i{ transition:transform .3s ease; display:inline-block; }
  .btn-outline-dark:hover i{ transform:translateX(5px); }

  /* NAVBAR */
  .navbar{
    background:var(--cream);
    padding:1rem 0;
    border-bottom:1px solid #e8e0d3;
    transition:padding .3s ease, box-shadow .3s ease;
  }
  .navbar.scrolled{
    padding:.55rem 0;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
  }
  .navbar-brand i{ transition:transform .5s ease; }
  .navbar-brand:hover i{ transform:rotate(180deg); }
  .nav-link{ position:relative; transition:color .25s ease; }
  .nav-link::after{
    content:"";
    position:absolute;
    left:1rem; right:1rem; bottom:.15rem;
    height:2px;
    background:var(--bronze);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .3s ease;
  }
  .nav-link:hover::after, .nav-link.active-link::after{ transform:scaleX(1); }
  .navbar-brand{
    font-family:'Lora',serif;
    font-weight:800;
    font-size:1.6rem;
    color:var(--text-dark);
    display:flex;
    align-items:center;
    gap:.6rem;
  }
  .navbar-brand small{
    display:block;
    font-family:'Poppins',sans-serif;
    font-size:.55rem;
    letter-spacing:2px;
    font-weight:400;
    color:var(--text-muted);
  }
  .navbar-brand i{ color:var(--bronze); font-size:1.8rem; }
  .nav-link{
    font-size:.82rem;
    font-weight:500;
    letter-spacing:1px;
    color:var(--text-dark) !important;
    text-transform:uppercase;
    padding:.5rem 1rem !important;
  }
  .nav-link.active-link{ color:var(--bronze) !important; }
  .btn-contact{
    background:var(--bronze);
    color:#fff;
    font-size:.8rem;
    letter-spacing:1px;
    font-weight:600;
    text-transform:uppercase;
    padding:.7rem 1.4rem;
    border-radius:2px;
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    transition: background .3s ease, transform .3s ease;
  }
  
  @media (min-width: 1200px) and (max-width: 1299.98px) {
    .nav-link {
      font-size: .75rem;
      padding: .5rem .5rem !important;
    }
    .btn-contact {
      padding: .5rem 1rem;
      font-size: .75rem;
    }
  }
  .btn-contact:hover{ background:var(--bronze-dark); color:#fff; transform:translateY(-2px); }

  .hero{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    overflow:hidden;
  }
  .hero .carousel, .hero .carousel-inner, .hero .carousel-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    animation:heroZoom 16s ease-in-out infinite alternate;
  }
  @keyframes heroZoom{
    from{ transform:scale(1); }
    to{ transform:scale(1.08); }
  }
  .hero-overlay-shape{
    position:absolute;
    inset:0;
    background:transparent;
  }
  .hero-content{
    position:relative;
    z-index:2;
    padding:5rem 0;
  }
  .hero-content .eyebrow{
    opacity:0;
    animation:fadeUp .8s ease .1s forwards;
  }
  .hero-content h1{
    font-size:clamp(2.5rem, 6vw, 4.2rem);
    font-weight:700;
    line-height:1.02;
    color:var(--text-dark);
    margin-bottom:1.2rem;
    opacity:0;
    animation:fadeUp .9s ease .3s forwards;
  }
  .hero-content p.lead-text{
    color:var(--text-muted);
    font-size:1.02rem;
    max-width:420px;
    margin-bottom:2rem;
    opacity:0;
    animation:fadeUp .9s ease .55s forwards;
  }
  .hero-content .d-flex.gap-3{
    opacity:0;
    animation:fadeUp .9s ease .8s forwards;
  }

  /* FEATURES STRIP (Floating over slider) */
  .features-strip{
    position: relative;
    z-index: 10;
    margin-top: -60px;
    background: var(--cream);
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    padding: 1.8rem 2rem;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .feature-item{
    display:flex;
    align-items:center;
    gap:.9rem;
    transition:transform .3s ease;
  }
  .feature-item:hover{ transform:translateY(-5px); }
  .feature-item i{
    font-size:1.7rem;
    color:var(--bronze);
    display:inline-block;
    transition:transform .4s ease;
  }
  .feature-item:hover i{ transform:scale(1.2) rotate(-8deg); }
  .feature-item h6{
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:.1rem;
  }
  .feature-item p{
    font-size:.74rem;
    color:var(--text-muted);
    margin:0;
  }

  /* SECTION TITLES */
  .section-title{
    font-size:clamp(1.8rem, 4vw, 2.4rem);
    font-weight:700;
    color:var(--text-dark);
  }
  .section-pad{ padding:5rem 0; }

  /* PRODUCT CARDS */
  .product-card{
    background: linear-gradient(145deg, #ffffff, #faf9f6);
    border: 1px solid #ece4d6;
    border-radius: 12px;
    padding: 2rem;
    height: 100%;
    position: relative;
    z-index: 1;
    transition: transform .4s cubic-bezier(.22,.9,.3,1), box-shadow .4s ease, border-color .4s ease;
  }
  .product-card:hover{
    box-shadow: 0 24px 48px rgba(0,0,0,.09);
    transform: translateY(-8px);
    border-color: var(--bronze);
  }
  .product-card img{
    height: 220px;
    object-fit: contain;
    margin-bottom: 2rem;
    transition: transform .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .product-card:hover img{ 
    transform: scale(1.15) translateY(-10px); 
  }
  .product-card h4{
    font-family:'Lora',serif;
    letter-spacing: 1px;
  }
  .product-card .tag{
    font-size: 0.72rem;
    color: var(--bronze);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .view-link{
    font-size:.8rem;
    font-weight:600;
    color:var(--bronze);
    letter-spacing:.5px;
  }
  .view-link i{ transition:.2s; }
  .product-card:hover .view-link i{ transform:translateX(4px); }

  /* STATS BAR */
  .stats-bar{
    background: #000000;
    padding:4rem 0;
  }
  .stat-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1.5rem;
    position:relative;
  }
  /* Divider lines for all but the last item on desktop */
  @media (min-width: 768px) {
    .stat-item:not(.last-item)::after {
      content: '';
      position: absolute;
      right: -10%;
      top: 10%;
      height: 80%;
      width: 1px;
      background: rgba(181, 142, 88, 0.3); /* faint bronze line */
    }
  }
  .stat-item i{
    font-size:3rem;
    color:var(--bronze);
    line-height: 1;
  }
  .stat-item .num{
    font-size:2.2rem;
    font-weight:700;
    font-family: 'Playfair Display', serif;
    color:var(--bronze);
    line-height:1;
  }
  .stat-item .label{
    font-size:.7rem;
    font-weight: 700;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:.4rem;
  }
  /* PROJECT / GALLERY CAROUSEL */
  .carousel-frame img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:4px;
  }
  .carousel-arrow{
    width:42px; height:42px;
    border-radius:50%;
    border:1px solid #d8cfc0;
    display:flex; align-items:center; justify-content:center;
    background:#fff;
    color:var(--text-dark);
    transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  }
  .carousel-arrow:hover{
    background:var(--bronze);
    color:#fff;
    border-color:var(--bronze);
    transform:scale(1.1);
  }
  .carousel-arrow:active{ transform:scale(.95); }

  .dot-indicators span{
    width:8px; height:8px;
    border-radius:50%;
    background:#d8cfc0;
    display:inline-block;
    margin:0 3px;
  }
  .dot-indicators span.active{ background:var(--bronze); }

  /* FINISHES SWATCHES */
  .swatch{
    width:56px; height:56px;
    border-radius:50%;
    margin:0 auto .6rem;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
    border:3px solid #fff;
    outline:1px solid #e8e0d3;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;
    cursor:pointer;
  }
  .swatch:hover{
    transform:scale(1.18) translateY(-4px);
    box-shadow:0 12px 22px rgba(0,0,0,.22);
  }
  .swatch-label{
    font-size:.68rem;
    letter-spacing:.5px;
    text-transform:uppercase;
    font-weight:600;
    color:var(--text-dark);
  }

  /* TESTIMONIAL VIDEO CARDS */
  .testimonial-card{
    position:relative;
    border-radius:6px;
    overflow:hidden;
    height:230px;
  }
  .testimonial-card img{
    width:100%; height:100%; object-fit:cover;
    transition:transform .6s ease;
  }
  .testimonial-card:hover img{ transform:scale(1.1); }
  .testimonial-card .overlay{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.05) 40%, rgba(0,0,0,.75) 100%);
  }
  .play-btn{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:52px; height:52px;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    display:flex; align-items:center; justify-content:center;
    color:var(--dark);
    font-size:1.2rem;
    animation:pulseRing 2s ease-out infinite;
    transition:transform .3s ease, background .3s ease;
  }
  .testimonial-card:hover .play-btn{
    transform:translate(-50%,-50%) scale(1.15);
    background:var(--bronze);
    color:#fff;
  }
  .testimonial-quote{
    position:absolute; bottom:14px; left:14px; right:14px;
    color:#fff;
    font-size:.82rem;
  }
  .testimonial-time{
    position:absolute; bottom:12px; right:14px;
    color:#fff; font-size:.72rem;
  }

  /* RECENT WORKS */
  .work-card{
    position:relative;
    border-radius:6px;
    overflow:hidden;
    height:220px;
    transition:transform .4s ease, box-shadow .4s ease;
  }
  .work-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 36px rgba(0,0,0,.18);
  }
  .work-card img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
  .work-card:hover img{ transform:scale(1.1); }
  .work-badge{
    position:absolute; top:12px; left:12px;
    background:var(--bronze);
    color:#fff;
    font-size:.65rem;
    letter-spacing:.5px;
    text-transform:uppercase;
    padding:.3rem .7rem;
    border-radius:2px;
    transition:transform .3s ease;
  }
  .work-card:hover .work-badge{ transform:translateY(-3px); }
  .work-caption{
    margin-top:.6rem;
    font-size:.85rem;
    font-weight:600;
    color:var(--text-dark);
  }

  /* WHY CHOOSE */
  .why-item i{
    font-size:3.5rem;
    color:var(--bronze);
    margin-bottom:1rem;
    display:block;
  }
  .why-item h6{
    font-weight:700;
    margin-bottom:.5rem;
  }
  .why-item p{
    font-size:.85rem;
    color:var(--text-muted);
  }

  /* PARTNERS SECTION */
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
  }
  .marquee-track:hover {
    animation-play-state: paused;
  }
  .partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--text-dark);
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
    text-align: left;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .partner-logo i {
    font-size: 2.2rem;
    color: var(--bronze);
  }
  .partner-logo small {
    font-weight: 600;
    font-size: 0.65rem;
    letter-spacing: 1px;
    color: var(--text-muted);
  }
  .partner-logo:hover {
    transform: translateY(-3px);
  }

  /* ABOUT + CTA SPLIT */
  .about-img{
    height:100%;
    min-height:380px;
    background-size:cover;
    background-position:center;
  }
  .about-split{
    background:var(--cream-2);
    padding:3rem;
  }
  .about-split ul{ list-style:none; padding:0; }
  .about-split ul li{
    font-size:.88rem;
    margin-bottom:.7rem;
    display:flex;
    align-items:center;
    gap:.6rem;
  }
  .about-split ul li i{ color:var(--bronze); }
  .cta-split{
    background:var(--dark);
    color:#fff;
    padding:3rem;
  }
  .cta-split h3{ color:#fff; }
  .cta-split .item{
    display:flex; align-items:center; gap:.7rem;
    font-size:.85rem;
    margin-top:.8rem;
    color:#cfc7bb;
  }
  .cta-split .item i{ color:var(--bronze); }

  /* FOOTER */
  footer{
    background: #050505; /* Solid dark color */
    color:#b8b0a4;
    padding:3.5rem 0 1.5rem;
    font-size:.87rem;
    box-shadow: none !important;
  }
  footer h6{
    color:#fff;
    font-size:.8rem;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:1.1rem;
  }
  footer a{ color:#b8b0a4; }
  footer a:hover{ color:var(--bronze); }
  footer ul{ list-style:none; padding:0; }
  footer ul li{ margin-bottom:.5rem; }
  .footer-brand{
    font-size:.78rem;
  }

  /* BEFORE AFTER SLIDER */
  .before-after-slider {
    aspect-ratio: 4/3;
  }
  .before-after-slider .before-img {
    width: 200%;
    height: 100%;
    object-fit: cover;
    max-width: none;
  }
  .before-after-slider .after-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .slider-handle {
    appearance: none;
    background: transparent;
  }
  .slider-handle::-webkit-slider-thumb {
    appearance: none;
    width: 40px;
    height: 100vh;
    background: transparent;
    cursor: ew-resize;
  }

  /* CUSTOM ACCORDION */
  .custom-accordion .accordion-item {
    border: 1px solid rgba(156, 118, 75, 0.2) !important;
    background: transparent;
  }
  .custom-accordion .accordion-button {
    padding: 1.2rem;
    font-size: 0.95rem;
  }
  .custom-accordion .accordion-button:not(.collapsed) {
    background-color: var(--cream-2);
    color: var(--dark);
    box-shadow: none;
  }
  .custom-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(156, 118, 75, 0.5);
  }
  .custom-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239c764b'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
    transition: transform 0.2s ease-in-out;
  }
    font-size:.65rem;
    letter-spacing:.5px;
    text-transform:uppercase;
    padding:.3rem .7rem;
    border-radius:2px;
    transition:transform .3s ease;
  }
  .work-card:hover .work-badge{ transform:translateY(-3px); }
  .work-caption{
    margin-top:.6rem;
    font-size:.85rem;
    font-weight:600;
    color:var(--text-dark);
  }

  /* WHY CHOOSE */
  .why-item i{
    font-size:3.5rem;
    color:var(--bronze);
    margin-bottom:1rem;
    display:block;
  }
  .why-item h6{
    font-weight:700;
    margin-bottom:.5rem;
  }
  .why-item p{
    font-size:.85rem;
    color:var(--text-muted);
  }

  /* PARTNERS SECTION */
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
  }
  .marquee-track:hover {
    animation-play-state: paused;
  }
  .partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--text-dark);
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.2;
    text-align: left;
    transition: transform 0.3s ease;
    cursor: pointer;
  }
  .partner-logo i {
    font-size: 2.2rem;
    color: var(--bronze);
  }
  .partner-logo small {
    font-weight: 600;
    font-size: 0.65rem;
    letter-spacing: 1px;
    color: var(--text-muted);
  }
  .partner-logo:hover {
    transform: translateY(-3px);
  }

  /* ABOUT + CTA SPLIT */
  .about-img{
    height:100%;
    min-height:380px;
    background-size:cover;
    background-position:center;
  }
  .about-split{
    background:var(--cream-2);
    padding:3rem;
  }
  .about-split ul{ list-style:none; padding:0; }
  .about-split ul li{
    font-size:.88rem;
    margin-bottom:.7rem;
    display:flex;
    align-items:center;
    gap:.6rem;
  }
  .about-split ul li i{ color:var(--bronze); }
  .cta-split{
    background:var(--dark);
    color:#fff;
    padding:3rem;
  }
  .cta-split h3{ color:#fff; }
  .cta-split .item{
    display:flex; align-items:center; gap:.7rem;
    font-size:.85rem;
    margin-top:.8rem;
    color:#cfc7bb;
  }
  .cta-split .item i{ color:var(--bronze); }

  /* FOOTER */
  footer{
    background: #050505; /* Pure black */
    color: rgba(255,255,255,0.7);
    padding: 2.5rem 0 1rem; /* Compact padding */
    font-size: .85rem; /* Increased slightly from .78rem */
    box-shadow: none !important;
  }
  footer h6{
    color: var(--bronze);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }
  footer a{ color: rgba(255,255,255,0.7); transition: color .2s; }
  footer a:hover{ color: var(--bronze); }
  footer ul{ list-style:none; padding:0; margin:0; }
  footer ul li{ margin-bottom: .3rem; }
  
  .footer-brand{
    font-size:1.4rem;
    color:#fff;
  }
  
  .footer-col-divider {
    border-right: 1px solid rgba(255,255,255,0.06);
  }
  @media (max-width: 991px) {
    .footer-col-divider {
      border-right: none;
      border-bottom: 1px solid rgba(255,255,255,0.06);
      padding-bottom: 1.2rem;
      margin-bottom: 1.2rem;
    }
  }

  .footer-contact-list { list-style: none; padding: 0; margin: 0; }
  .footer-contact-list li { display: flex; gap: 0.7rem; align-items: flex-start; margin-bottom: 0.7rem; line-height: 1.4; }
  .footer-contact-list i { color: var(--bronze); font-size: .95rem; margin-top: 1px; }

  .btn-outline-golden {
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--bronze); color: var(--bronze) !important;
    background: transparent;
    padding: 0.6rem 1.4rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px;
    text-transform: uppercase; border-radius: 2px;
    transition: all 0.3s;
  }
  .btn-outline-golden:hover { background: var(--bronze); color: #fff !important; }

  .social-icon{
    width:30px; height:30px;
    border:none;
    color: #fff !important;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:.5rem;
    font-size: .8rem;
    transition: all 0.3s;
  }
  .social-icon:hover {
    opacity: 0.85;
    transform: scale(1.1);
    color: #fff !important;
  }
  
  .footer-bottom{
    border-top: none;
    margin-top: 1.5rem;
    padding-top: 1rem;
    font-size: .72rem;
  }

  /* BEFORE AFTER SLIDER */
  .before-after-slider {
    aspect-ratio: 4/3;
  }
  .before-after-slider .before-img {
    width: 200%;
    height: 100%;
    object-fit: cover;
    max-width: none;
  }
  .before-after-slider .after-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .slider-handle {
    appearance: none;
    background: transparent;
  }
  .slider-handle::-webkit-slider-thumb {
    appearance: none;
    width: 40px;
    height: 100vh;
    background: transparent;
    cursor: ew-resize;
  }

  /* CUSTOM ACCORDION */
  .custom-accordion .accordion-item {
    border: 1px solid rgba(156, 118, 75, 0.2) !important;
    background: transparent;
  }
  .custom-accordion .accordion-button {
    padding: 1.2rem;
    font-size: 0.95rem;
  }
  .custom-accordion .accordion-button:not(.collapsed) {
    background-color: var(--cream-2);
    color: var(--dark);
    box-shadow: none;
  }
  .custom-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(156, 118, 75, 0.5);
  }
  .custom-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239c764b'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
    transition: transform 0.2s ease-in-out;
  }
  .custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239c764b'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E");
    transform: rotate(0deg);
  }

  @media (max-width:1199px) {
    .hero-content h1{ font-size: 3.5rem; }
  }

  @media (max-width:991px){
    .hero-content { padding-top: 4rem !important; padding-bottom: 8rem !important; margin-top: 0 !important; }
    .hero-content h1{ font-size:2.6rem; }
    .hero-overlay-shape{ background:transparent; }
    .hero{ min-height: 100vh; }
    
    .section-pad { padding: 3.5rem 0; }
    .stats-bar { padding: 3rem 0; }
    
    .cta-banner .btn-bronze { padding: 0.8rem 1.6rem; }
    
    .partner-logo { font-size: 0.8rem; }
    .partner-logo i { font-size: 1.8rem; }
  }

  @media (max-width:767px){
    .hero-content h1{ font-size: 2.8rem; line-height: 1.1; margin-bottom: 1rem; }
    .hero-content p.lead-text { font-size: 1rem; margin-bottom: 1.5rem; }
    .hero-content .d-flex { flex-direction: column; align-items: flex-start; width: 100%; gap: 1rem !important; }
    .hero-content .d-flex > * { width: auto; text-align: center; padding: 0.8rem 1.5rem; }
    .hero-content { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
    .btn-bronze, .btn-outline-cream { padding: 0.6rem 1.2rem; font-size: 0.75rem; }
    .carousel-control-prev-icon, .carousel-control-next-icon { width: 1.5rem; height: 1.5rem; }
    
    .navbar-brand { font-size: 1.3rem; }
    .navbar-brand img { height: 44px !important; margin: -4px 0 !important; }
    
    .section-title{ font-size: 1.8rem; }
    
    .feature-item { flex-direction: column; text-align: center; gap: 0.5rem; }
    .feature-item i { margin-bottom: 0.5rem; }
    
    .stat-item { flex-direction: column; gap: 0.5rem; }
    .stat-item i { font-size: 2.2rem; }
    .stat-item .num { font-size: 1.8rem; }
    
    .carousel-frame img { height: 220px; }
    
    .testimonial-card { height: 200px; }
    
    .work-card { height: 180px; }
    
    .cta-banner { padding: 2rem 0; }
    .cta-banner h4 { font-size: 1.4rem; text-align: center; }
    
    .footer-brand { font-size: 1.2rem; }
    footer { padding: 2.5rem 0 1rem; }
    
    .about-split, .cta-split { padding: 2rem; }
  }

  @media (max-width:575px){
    .hero-content h1{ font-size:1.9rem; }
    .hero-content p.lead-text { font-size: 0.9rem; }
    
    .section-pad { padding: 2.5rem 0; }
    .section-title { font-size: 1.6rem; }
    
    .feature-item h6 { font-size: 0.72rem; }
    .feature-item p { font-size: 0.68rem; }
    
    .stat-item .num { font-size: 1.5rem; }
    .stat-item .label { font-size: 0.6rem; }
    
    .why-item i { font-size: 2.8rem; }
    
    .before-after-slider { min-height: 250px; aspect-ratio: auto; }
    
    .footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 0.8rem; }
  }