/* ================= SNOWFALL EFFECT ================= */

.snowfall-container {position: fixed;inset: 0;z-index: 9999;overflow: hidden;pointer-events: none;}
.snowflake {position: absolute;top: -30px;color: rgba(255, 255, 255, 0.85);line-height: 1;user-select: none;pointer-events: none;will-change: transform, opacity;
    animation-name: snowfall;animation-timing-function: linear;animation-iteration-count: infinite;}
@keyframes snowfall {
    0% {transform:translate3d(0, -30px, 0)rotate(0deg);opacity: 0;}
    8% {opacity: var(--snow-opacity);}
    50% {transform:translate3d(var(--snow-drift),50vh,0)rotate(120deg);opacity: var(--snow-opacity);}
    92% {opacity: var(--snow-opacity);}
    100% {transform:translate3d(calc(var(--snow-drift) * -0.5),105vh,0)rotate(240deg);opacity: 0;}
}

/* ================= PRELOADER ================= */

.site-preloader {position: fixed;inset: 0;z-index: 999999;display: flex;align-items: center;justify-content: center;background: #ffffff;opacity: 1;
    visibility: visible;transition: opacity 0.5s ease, visibility 0.5s ease;}
.site-preloader.is-loaded {opacity: 0;visibility: hidden;pointer-events: none;}
body.preloader-active {overflow: hidden;}
.love-loader {position: relative;width: 250px;height: 250px;}
.love-bubble {position: absolute;top: 50%;left: 50%;color: #b3924f;
    border-radius: 50%;background: rgba(179, 146, 79, 0.08);opacity: 0;transform: translate(-50%, -50%) scale(0);animation: loveBubblePop 2.4s ease-out infinite;}
.love-bubble-1 {--move-x: -38px;--move-y: -58px;font-size: 47px;animation-delay: 0s;}
.love-bubble-2 {--move-x: 53px;--move-y: -31px;font-size: 28px;animation-delay: 0.3s;}
.love-bubble-3 {--move-x: 48px;--move-y: 38px;font-size: 22px;animation-delay: 0.6s;}
.love-bubble-4 {--move-x: -25px;--move-y: 59px;font-size: 37px;animation-delay: 0.9s;}
.love-bubble-5 {--move-x: -54px;--move-y: 30px;font-size: 29px;animation-delay: 1.2s;}
.love-bubble-6 {--move-x: -51px;--move-y: -34px;font-size: 46px;animation-delay: 1.5s;}

@keyframes loveBubblePop {
    0% {opacity: 0;transform:translate(-50%, -50%)translate(0, 0)scale(0);}
    15% {opacity: 1;transform:translate(-50%, -50%)translate(calc(var(--move-x) * 0.3),calc(var(--move-y) * 0.3))scale(1.15);}
    30% {opacity: 1;transform:translate(-50%, -50%)translate(calc(var(--move-x) * 0.55),calc(var(--move-y) * 0.55))scale(0.9);}
    65% {opacity: 0.85;transform:translate(-50%, -50%)translate(var(--move-x),var(--move-y))scale(1);}
    80% {opacity: 0.55;transform:translate(-50%, -50%)translate(var(--move-x),var(--move-y))scale(1);}
    100% {opacity: 0;transform:translate(-50%, -50%)translate(calc(var(--move-x) * 1.2),calc(var(--move-y) * 1.2))scale(0.4);}
}

@keyframes loaderHeartBeat {
    0%,100% {transform:translate(-50%, -50%)scale(0.9);}
    45% {transform:translate(-50%, -50%)scale(1.15);}
    60% {transform:translate(-50%, -50%)scale(1);}
    75% {transform:translate(-50%, -50%)scale(1.1);}
}

/* ================= HEADER ================= */

.main-header{position:absolute;top:0;left:0;width:100%;z-index:1000;padding: 10px 0;}
.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:35px;}
.header-logo{display:block;width:70px;flex-shrink:0;text-decoration:none;}
.header-logo img{display:block;width:100%;height:auto;}
/*.desktop-navigation{margin-left:auto;}*/
.main-menu{display:flex;align-items:center;gap:38px;margin:0;padding:0;list-style:none;}
.main-menu li{position:relative;margin:0;padding:0;list-style:none;}
.main-menu li a{position:relative;display:block;padding:12px 0;color:#fff;font-size:14px;font-weight:500;line-height:1;
    text-decoration:none;transition:all .3s ease;}
.main-menu li a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#d7b66f;transition:width .3s ease;}
.main-menu li.active > a,.main-menu li a:hover{color:#d7b66f;}
.main-menu li.active > a::after,.main-menu li a:hover::after{width:30px;}
.header-action{display:flex;align-items:center;gap:15px;flex-shrink:0;}
.header-whatsapp{height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:14px;
    border:1px solid rgba(215,182,111,.7);border-radius:5px;font-weight:500;line-height:1;text-decoration:none;transition:all .3s ease;}
.header-whatsapp i{color:#d7b66f;font-size:17px;}
.header-whatsapp:hover{color:#0a0907;background:#d7b66f;}
.header-whatsapp:hover i{color:#0a0907;}

.mobile-menu-toggle{width:44px;height:44px;padding:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;
    border:1px solid rgba(215,182,111,.7);border-radius:5px;background:transparent;cursor:pointer;}
.mobile-menu-toggle i{display: block;font-size: 25px;color: #d7b66f;}

.mobile-sidebar-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;
    transition:opacity .35s ease, visibility .35s ease;}
.mobile-sidebar-overlay.active{opacity:1;visibility:visible;}
.mobile-sidebar{position:fixed;top:0;right:-380px;width:360px;max-width:90%;height:100vh;z-index:9999;padding:28px;background:#0b0907;
    overflow-y:auto;visibility:hidden;transition:right .4s ease, visibility .4s ease;}
.mobile-sidebar.active{right:0;visibility:visible;}
.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;margin-bottom:20px;
    border-bottom:1px solid rgba(215,182,111,.2);}
.mobile-sidebar-logo{display:block;width:50px;}
.mobile-sidebar-logo img{display:block;width:100%;height:auto;}
.mobile-sidebar-close{width:42px;height:42px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#d7b66f;
    border:1px solid rgba(215,182,111,.6);border-radius:50%;background:transparent;cursor:pointer;}
.mobile-sidebar-close i{font-size:18px;}
.mobile-menu{margin:0;padding:0;list-style:none;}
.mobile-menu li{margin:0;padding:0;list-style:none;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-menu li a{position:relative;display:block;padding:16px 0;color:#fff;font-size:16px;font-weight:500;line-height:1.4;
    text-decoration:none;transition:color .3s ease;}
.mobile-menu li.active > a,.mobile-menu li a:hover{color:#d7b66f;}
.mobile-sidebar-contact{margin-top:35px;}
.mobile-whatsapp-btn{width:100%;min-height:50px;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#111;
    background:#d7b66f;border:1px solid #d7b66f;border-radius:5px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;}
.mobile-whatsapp-btn i{font-size:18px;}
.mobile-whatsapp-btn:hover{color:#d7b66f;background:transparent;}

/* ================= HERO ================= */

.hero-section {position: relative;width: 100%;height: 100vh;min-height: 650px;overflow: hidden;background: #050403;}
.hero-background {position: absolute;inset: 0;width: 100%;height: 100%;}
.hero-background img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.hero-overlay {position: absolute;inset: 0;z-index: 1;background: linear-gradient(90deg, rgba(3, 3, 2, 0.98) 0%, rgba(3, 3, 2, 0.94) 22%, 
    rgba(3, 3, 2, 0.76) 38%, rgba(3, 3, 2, 0.38) 52%, rgba(3, 3, 2, 0.08) 70%, rgba(3, 3, 2, 0.03) 100%);}
.hero-container {position: relative;z-index: 2;height: 100%;}
.hero-content {width: 100%;max-width: 510px;position: relative;z-index: 2;padding-top: 80px;padding-bottom: 50px;}
.hero-logo{width: 120px;margin-bottom: 20px;}
.hero-logo img{width:100%;}
.hero-logo figcaption {text-align: center;font-size: 10px;white-space: nowrap;color: #c79c43;text-transform: uppercase;letter-spacing: 2px;line-height: 2;}
.hero-heading {margin: 0 0 18px;padding: 0;color: #d8b777;font-size: 52px;
    line-height: 0.98;letter-spacing: -1px;text-align: left;text-transform: none;}
.hero-heading span {display: block;}
.hero-services {display: flex;align-items: center;gap: 10px;margin-bottom: 20px;white-space: nowrap;}
.hero-services span {color: #ffffff;font-size: 14px;font-weight: 500;line-height: 1;}
.hero-services > i {display: block;width: 4px;height: 4px;flex: 0 0 4px;background: #d8b777;border-radius: 50%;}
.hero-tagline {margin: 0 0 10px;padding: 0;color: #d8b777;font-size: 28px;
    font-weight: 600;line-height: 1.2;}
.hero-description ~ p {max-width: 480px;margin: 0 0 18px;color: rgba(255, 255, 255, 0.85);font-size: 14px;font-weight: 500;line-height: 1.75;}
.hero-experience {display: flex;align-items: center;width: max-content;max-width: 100%;min-height: 44px;margin-bottom: 20px;
    padding: 6px 16px 6px 7px;gap: 10px;border: 1px solid rgba(216, 183, 119, 0.65);border-radius: 5px;}
.hero-experience-icon {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;flex: 0 0 30px;color: #17120a;
    background: #d8b777;border-radius: 50%;}
.hero-experience-icon i {font-size: 12px;}
.hero-experience > span {color: #d8b777;font-size: 13px;font-weight: 500;line-height: 1.3;}
.hero-buttons {display: flex;align-items: center;gap: 14px;}
.hero-whatsapp-btn,.hero-call-btn {display: inline-flex;align-items: center;justify-content: center;width: 150px;height: 46px;gap: 9px;
    border-radius: 4px;font-size: 14px;font-weight: 500;line-height: 1;text-decoration: none;transition: all 0.3s ease;}
.hero-whatsapp-btn {color: #17120a;background: #d8b777;border: 1px solid #d8b777;}
.hero-whatsapp-btn i {font-size: 17px;}
.hero-whatsapp-btn:hover {color: #d8b777;background: transparent;}
.hero-call-btn {color: #ffffff;background: transparent;border: 1px solid rgba(216, 183, 119, 0.75);}
.hero-call-btn i {color: #d8b777;font-size: 13px;}
.hero-call-btn:hover {color: #17120a;background: #d8b777;}
.hero-call-btn:hover i {color: #17120a;}

.hero-image-wrap{position: absolute;right: 0;width: 60%;top: 50%;transform: translateY(-50%);aspect-ratio: 3 / 2;overflow: hidden;background: #050403;isolation: isolate;
    clip-path: polygon(2% 4%,8% 2%,15% 4%,23% 1%,32% 3%,41% 1%,50% 4%,59% 2%,68% 3%,77% 1%,86% 4%,94% 2%,99% 6%,97% 14%,100% 23%,98% 32%,100% 41%,97% 50%,99% 60%,97% 69%,100% 78%,
    97% 88%,99% 96%,93% 98%,85% 96%,77% 99%,68% 97%,59% 100%,50% 97%,41% 99%,32% 96%,23% 99%,14% 96%,6% 98%,1% 94%,3% 86%,0% 77%,3% 68%,1% 59%,4% 50%,1% 41%,3% 32%,0% 23%,3% 14%);}
.heroImageSwiper {position: relative;z-index: 1;width: 100%;height: 100%;overflow: hidden;}
.heroImageSwiper .swiper-wrapper {width: 100%;height: 100%;}
.heroImageSwiper .swiper-slide {position: relative;width: 100%;height: 100%;overflow: hidden;}
.heroImageSwiper .hero-main-image {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.02);transition:transform 6s ease;}
.heroImageSwiper .swiper-slide-active .hero-main-image {transform: scale(1.1);}
.hero-image-wrap::after {content: "";position: absolute;inset: 0;z-index: 10;pointer-events: none;background:linear-gradient(to right,#050403 0%,rgba(5, 4, 3, 0.95) 2%,
    rgba(5, 4, 3, 0.55) 6%,rgba(5, 4, 3, 0.15) 11%,transparent 16%),linear-gradient(to left,#050403 0%,rgba(5, 4, 3, 0.95) 2%,rgba(5, 4, 3, 0.55) 6%,rgba(5, 4, 3, 0.15) 11%,
    transparent 16%),linear-gradient(to bottom,#050403 0%,rgba(5, 4, 3, 0.9) 2%,rgba(5, 4, 3, 0.45) 6%,transparent 15%),linear-gradient(to top,#050403 0%,rgba(5, 4, 3, 0.95) 3%,
    rgba(5, 4, 3, 0.55) 9%,transparent 21%);}
.hero-image-wrap::before {content: "";position: absolute;inset: 0;z-index: 11;pointer-events: none;background:linear-gradient(88deg,#050403 0 2%,rgba(5, 4, 3, 0.75) 4%,transparent 9%),
    linear-gradient(94deg,#050403 0 1%,transparent 7%),linear-gradient(268deg,#050403 0 2%,rgba(5, 4, 3, 0.75) 4%,transparent 9%),linear-gradient(274deg,#050403 0 1%,transparent 7%),
    linear-gradient(178deg,#050403 0 2%,rgba(5, 4, 3, 0.65) 4%,transparent 9%),linear-gradient(184deg,#050403 0 1%,transparent 7%),
    linear-gradient(358deg,#050403 0 2%,rgba(5, 4, 3, 0.75) 5%,transparent 11%),linear-gradient(4deg,#050403 0 1%,transparent 8%);opacity: 0.7;}

/* ================= ABOUT ================= */

.about-section {position: relative;width: 100%;overflow: hidden;background: #f5f2eb;}
.about-founder-image {position: relative;width: 100%;aspect-ratio: 4 / 4;overflow: hidden;border-radius: 20px;background: #050403;isolation: isolate;
    box-shadow:0 20px 55px rgba(41, 30, 14, 0.14);}
.about-founder-photo {position: absolute;inset: 0;z-index: 1;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: transform 1.2s ease;}
.about-founder-image:hover .about-founder-photo {transform: scale(1.035);}
.about-founder-overlay {position: absolute;inset: 0;z-index: 2;pointer-events: none;background:linear-gradient(to top,rgba(5, 4, 3, 0.98) 0%,rgba(5, 4, 3, 0.92) 15%,
    rgba(5, 4, 3, 0.70) 31%,rgba(5, 4, 3, 0.25) 52%,transparent 72%);}
.about-founder-image::before {content: "";position: absolute;inset: 10px;z-index: 5;border: 1px solid rgba(198, 164, 95, 0.48);border-radius: 14px;pointer-events: none;}
.about-founder-content {position: absolute;right: 30px;bottom: 24px;left: 30px;z-index: 6;display: flex;flex-direction: column;align-items: center;color: #ffffff;text-align: center;}
.about-founder-tagline {display: block;margin-bottom: 9px;color: #d7b366;font-size: 11px;font-weight: 600;line-height: 1.2;letter-spacing: 2.5px;text-transform: uppercase;}
.about-founder-divider {display: flex;align-items: center;justify-content: center;gap: 8px;width: min(100%, 270px);margin-bottom: 10px;color: #c6a45f;}
.about-founder-divider span {display: block;width: 100%;height: 1px;background: linear-gradient(to right,transparent,rgba(198, 164, 95, 0.85));}
.about-founder-divider span:last-child {background: linear-gradient(to left,transparent,rgba(198, 164, 95, 0.85));}
.about-founder-divider i {flex: 0 0 auto;font-size: 7px;transform: rotate(45deg);}
.about-founder-name {margin: 0;color: #e0bd72;font-size: clamp(28px, 3vw, 42px);font-weight: 500;line-height: 1.05;letter-spacing: -0.5px;text-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);}
.about-founder-designation {margin: 6px 0 0;color: rgba(255, 255, 255, 0.85);font-size: 18px;font-weight: 500;font-style: italic;line-height: 1.2;letter-spacing: 0.4px;}
.founder-corner {position: absolute;z-index: 7;width: 30px;height: 30px;pointer-events: none;}
.founder-corner-top-left {top: 10px;left: 10px;border-top: 2px solid #c6a45f;border-left: 2px solid #c6a45f;border-radius: 12px 0 0 0;}
.founder-corner-top-right {top: 10px;right: 10px;border-top: 2px solid #c6a45f;border-right: 2px solid #c6a45f;border-radius: 0 12px 0 0;}
.founder-corner-bottom-left {bottom: 10px;left: 10px;border-bottom: 2px solid #c6a45f;border-left: 2px solid #c6a45f;border-radius: 0 0 0 12px;}
.founder-corner-bottom-right {right: 10px;bottom: 10px;border-right: 2px solid #c6a45f;border-bottom: 2px solid #c6a45f;border-radius: 0 0 12px 0;}

.about-content {width: 100%;max-width: 610px}
.about-tagline {display: inline-flex;align-items: center;gap: 10px;margin-bottom: 8px;color: #b4924d;font-size: 12px;font-weight: 600;line-height: 1;
    letter-spacing: 0.3px;text-transform: uppercase;}
.about-heading {margin: 0;padding: 0;color: #181510;font-size: 38px;line-height: 1.05;letter-spacing: -0.6px;}
.about-divider {position: relative;width: 55px;height: 14px;margin: 10px 0 15px;}
.about-divider span {position: absolute;top: 6px;left: 0;width: 55px;height: 1px;background: #c6a65e;}
.about-divider i {position: absolute;top: 3px;left: 33px;width: 7px;height: 7px;background: #f5f2eb;border: 1px solid #c6a65e;
    transform: rotate(45deg);}
.about-content p {max-width: 600px;margin: 0 0 18px;color: #3f3b35;font-size: 14px;font-weight: 500;line-height: 1.75;}
.about-content p:last-child {margin-bottom: 0;}
.styled-word{margin: 6px 0 0;color: #795101;font-size: 16px;font-weight: 500;font-style: italic;line-height: 1.2;letter-spacing: 0.4px;}

/* ================= SERVICE ================= */

.services-section {position: relative;width: 100%;overflow: hidden;background: #070807;}
.services-header {margin-bottom: 30px;text-align: center;}
.services-tagline {position: relative;display: inline-block;margin-bottom: 18px;padding-bottom: 12px;color: #d7b366;font-size: 12px;font-weight: 600;line-height: 1;
    letter-spacing: 1px;text-transform: uppercase;}
.services-tagline::after {content: "\f005";position: absolute;left: 50%;bottom: -5px;width: 48px;color: currentColor;font-family: "Font Awesome 6 Free";font-size: 7px;
    font-weight: 900;line-height: 1;text-align: center;transform: translateX(-50%);
    background: linear-gradient(to right,currentColor 0 17px,transparent 17px 31px,currentColor 31px 48px) center / 100% 1px no-repeat;}
.services-heading {margin: 0px;padding: 0;color: #f1e6d4;font-size: 38px;
    font-weight: 500;line-height: 1.2;letter-spacing: 0;}
.services-heading span {display: block;color: #d5b473;}
.services-card {width: 100%;height: 200px;padding: 17px 12px 12px;display: flex;flex-direction: column;align-items: center;
    justify-content: flex-start;text-align: center;border: 1px solid rgba(190, 151, 79, 0.72);background: transparent;}
.services-card-icon {height: 75px;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;color: #cba65f;}
.services-card-icon img {width: 70px;height: 70px;object-fit: contain;padding: 5px;}
.services-card h3 {min-height: 30px;margin: 0 0 6px;padding: 0;color: #e7dfd3;font-size: 13px;
    font-weight: 500;line-height: 1.25;letter-spacing: 0.4px;text-transform: uppercase;}
.services-card h3 span {display: block;}
.services-card p {max-width: 80%;margin: 0;color: #bcb8b1;font-size: 14px;font-weight: 500;line-height: 1.45;}
.services-bottom-text {max-width: 560px;margin: 30px auto 0;color: #d4cec5;
    font-size: 14px;font-weight: 500;line-height: 1.25;text-align: center;letter-spacing: 0.2px;}
.services-bottom-text span {display: block;}

/* ================= WORK SECTION ================= */

.work-section {position: relative;width: 100%;overflow: hidden;background: #f5f2eb;}
.work-header {margin-bottom: 30px;text-align: center;}
.work-tagline {position: relative;display: inline-block;margin-bottom: 18px;padding-bottom: 12px;color: #b3924f;font-size: 12px;font-weight: 600;line-height: 1;
    letter-spacing: 0.6px;text-transform: uppercase;}
.work-tagline::after {content: "\f005";position: absolute;left: 50%;bottom: -5px;width: 48px;color: currentColor;font-family: "Font Awesome 6 Free";font-size: 7px;
    font-weight: 900;line-height: 1;text-align: center;transform: translateX(-50%);background: linear-gradient(to right,currentColor 0 17px,transparent 17px 31px,
        currentColor 31px 48px) center / 100% 1px no-repeat;}
.work-heading {margin: 0;padding: 0;color: #17140f;font-size: 38px;font-weight: 600;
    line-height: 1;letter-spacing: -0.5px;}
.work-card {width: 100%;text-align: center;}
.work-card-video,.work-card-image {position: relative;width: 100%;overflow: hidden;border-radius: 6px;background: #000;aspect-ratio: 4 / 3;}
.work-video,.work-card-image img {display: block;width: 100%;height: 100%;object-fit: cover;cursor: pointer;}
.work-play-btn,.work-image-view-btn {position: absolute;top: 50%;left: 50%;z-index: 2;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;
    padding: 0;border: 0;border-radius: 50%;color: #ffffff;background: rgba(5, 4, 3, 0.75);font-size: 15px;transform: translate(-50%, -50%);
    transition:background 0.3s ease,transform 0.3s ease;}
.work-card-video:hover .work-play-btn,.work-card-image:hover .work-image-view-btn {background: #b3924f;transform:translate(-50%, -50%)scale(1.08);}
.work-card-video.is-playing .work-play-btn {opacity: 0;visibility: hidden;pointer-events: none;}
.work-card-image img {transition: transform 0.6s ease;}
.work-card:hover .work-card-image img {transform: scale(1.05);}
.work-card-title {margin: 10px 0 0;padding: 0;color: #28241e;font-size: 14px;font-weight: 500;line-height: 1.3;}
.work-button-wrapper {margin-top: 30px;text-align: center;}
.work-view-btn {min-width: 210px;height: 38px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;color: #28231b;
    background: transparent;border: 1px solid #c5a86a;border-radius: 3px;font-size: 14px;font-weight: 500;line-height: 1;text-decoration: none;
    transition: all 0.3s ease;}
.work-view-btn:hover {color: #17120a;background: #d4b36e;border-color: #d4b36e;}

/* ================= TESTIMONIAL ================= */

.testimonial-section {position: relative;width: 100%;overflow: hidden;background: #070807;}
.testimonial-header {margin-bottom: 30px;text-align: center;}
.testimonial-tagline {position: relative;display: inline-block;margin-bottom: 18px;padding-bottom: 12px;color: #c6a45f;font-size: 12px;font-weight: 600;line-height: 1;
    letter-spacing: 0.4px;text-transform: uppercase;}
.testimonial-tagline::after {content: "\f005";position: absolute;left: 50%;bottom: -5px;width: 48px;color: currentColor;font-family: "Font Awesome 6 Free";font-size: 7px;
    font-weight: 900;line-height: 1;text-align: center;transform: translateX(-50%);background: linear-gradient(to right,currentColor 0 17px,transparent 17px 31px,
    currentColor 31px 48px) center / 100% 1px no-repeat;}
.testimonial-heading {margin: 0;padding: 0;color: #d9bb7b;font-size: 38px;font-weight: 500;
    line-height: 1;letter-spacing: -0.3px;}
.testimonial-description {margin: 8px 0 0;color: rgba(255, 255, 255, 0.78);font-size: 14px;font-weight: 500;line-height: 1.4;}
.testimonial-card {width: 100%;}
.testimonial-video-wrap {position: relative;width: 100%;height: 200px;overflow: hidden;border-radius: 6px;background: #000;}
.testimonial-video {display: block;width: 100%;height: 100%;object-fit: cover;cursor: pointer;}
.testimonial-play-btn {position: absolute;top: 50%;left: 50%;z-index: 3;width: 37px;height: 37px;padding: 0;display: flex;align-items: center;
    justify-content: center;color: #ffffff;background: rgba(9, 8, 6, 0.75);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;
    cursor: pointer;transform: translate(-50%, -50%);transition:opacity 0.3s ease,visibility 0.3s ease,background 0.3s ease;}
.testimonial-play-btn i {margin-left: 2px;font-size: 12px;}
.testimonial-image.is-playing .testimonial-play-btn {opacity: 0;visibility: hidden;pointer-events: none;}
.testimonial-button-wrapper {margin-top: 30px;text-align: center;}
.testimonial-view-btn {min-width: 210px;height: 38px;padding: 0 25px;display: inline-flex;align-items: center;justify-content: center;color: #d7d0c5;
    background: transparent;border: 1px solid rgba(202, 166, 94, 0.75);border-radius: 3px;font-size: 14px;font-weight: 500;line-height: 1;
    text-decoration: none;transition: all 0.3s ease;}
.testimonial-view-btn:hover {color: #17120a;background: #d4b36e;border-color: #d4b36e;}
.testimonial-item-hidden {display: none;}

/* =================== FOOTER =================== */

.footer-section {position: relative;width: 100%;min-height: 245px;overflow: hidden;display: flex;align-items: stretch;background: #f5f2eb;}
.footer-image {position: absolute;top: 0;left: 0;bottom: 0;width: 18%;overflow: hidden;}
.footer-image img {display: block;width: 100%;height: 100%;object-fit: contain;object-position: center;}
.footer-container {position: relative;z-index: 2;padding-top: 27px;padding-bottom: 27px;}
.footer-row {min-height: 190px;}
.footer-intro {padding: 0 30px 0 18px;}
.footer-tagline {display: block;margin-bottom: 8px;color: #b3914f;font-size: 12px;font-weight: 600;line-height: 1;letter-spacing: 0.3px;
    text-transform: uppercase;}
.footer-heading {margin: 0;color: #17130f;font-size: 31px;font-weight: 600;
    line-height: 0.98;letter-spacing: -0.5px;}
.footer-heading span {display: block;}
.contact-description {max-width: 260px;margin: 0;color: #302d28;font-size: 14px;font-weight: 500;line-height: 1.7;}
.footer-details {position: relative;min-height: 175px;padding: 0 34px;display: flex;flex-direction: column;justify-content: center;
    border-left: 1px solid rgba(151, 135, 105, 0.32);border-right: 1px solid rgba(151, 135, 105, 0.32);}
.contact-item {width: fit-content;margin-bottom: 13px;display: flex;align-items: flex-start;gap: 14px;}
.contact-item:last-child {margin-bottom: 0;}
.contact-item-list{display:flex;gap:5px;flex-wrap:wrap;}
.contact-item a {color: #171512;font-size: 14px;font-weight: 500;line-height: 1.45;text-decoration: none;}
.contact-item a::after {content: "/";margin-left: 8px;}
.contact-item a:last-child::after {content: none;}
.contact-item a:hover {color: #b3914f;}
.contact-item-icon {width: 18px;min-width: 18px;padding-top: 1px;display: flex;justify-content: center;color: #111111;font-size: 14px;}
.contact-address {align-items: flex-start;}
.footer-actions {padding-left: 25px;}
.contact-whatsapp-btn,.contact-call-btn {width: 100%;max-width: 235px;height: 48px;padding: 0 15px;display: flex;align-items: center;
    justify-content: center;gap: 10px;border-radius: 3px;font-size: 14px;font-weight: 500;line-height: 1;text-decoration: none;transition: all 0.3s ease;}
.contact-whatsapp-btn {margin-bottom: 10px;color: #17130e;background: #d7b366;border: 1px solid #d7b366;}
.contact-whatsapp-btn:hover {color: #17130e;background: #c9a255;border-color: #c9a255;}
.contact-call-btn {color: #17130e;background: transparent;border: 1px solid #c5a86b;}
.contact-call-btn:hover {color: #17130e;background: #d7b366;}

.footer-social-links {margin: 18px 0 0;padding: 0;display: flex;align-items: center;gap: 16px;list-style: none;}
.footer-social-links li {margin: 0;padding: 0;}
.footer-social-links a {width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;color: #171512;background: transparent;
    border: 1px solid rgba(55, 48, 39, 0.42);border-radius: 50%;font-size: 15px;text-decoration: none;transition: all 0.3s ease;}
.footer-social-links a:hover {color: #17130e;background: #d7b366;border-color: #d7b366;}

.floating-social{position:fixed;top:50%;right:20px;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%) translateX(80px);z-index:999;
    opacity:0;visibility:hidden;transition:.4s;}
.floating-social.show{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}
.floating-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:22px;text-decoration:none;
    box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.35s;}
.floating-icon:hover{transform:translateX(-6px) scale(1.08);color:#fff;}
.floating-icon.whatsapp{background:#25D366;}
.floating-icon.facebook{background:#1877F2;}
.floating-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.floating-icon.youtube{background:#ff0000;}
.floating-icon.linkedin{background:#0A66C2;}
.floating-icon.twitter{background:#000;}

/* =================== COMMON VIDEO IMAGE MODAL =================== */

.common-media-modal {background: rgba(0, 0, 0, 0.88);}
.common-media-modal .modal-dialog {width: calc(100% - 40px);max-width: 1000px;margin-right: auto;margin-left: auto;}
.common-media-modal .modal-content {position: relative;overflow: visible;background: transparent;border: 0;border-radius: 0;box-shadow: none;}
.media-modal-body {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;padding: 0;overflow: hidden;background: #000;
    border-radius: 6px;box-shadow:0 20px 70px rgba(0, 0, 0, 0.65);}
.common-modal-video {display: block;width: 100%;max-width: 100%;max-height: 85vh;object-fit: contain;background: #000;cursor: pointer;}
.common-modal-image {display: none;width: 100%;max-width: 100%;max-height: 85vh;object-fit: contain;background: #000;}
.media-modal-close {position: absolute;top: 5px;right: 5px;z-index: 100;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;
    padding: 0;color: #ffffff;background: #050403;border: 1px solid rgba(198, 164, 95, 0.65);border-radius: 50%;font-size: 16px;line-height: 1;cursor: pointer;
    box-shadow:0 8px 30px rgba(0, 0, 0, 0.45);transition:color 0.3s ease,background 0.3s ease,border-color 0.3s ease,transform 0.3s ease;}
.media-modal-close i {position: relative;z-index: 2;transition:transform 0.3s ease;}
.media-modal-close:hover {color: #050403;background: #c6a45f;border-color: #c6a45f;transform: rotate(90deg);}
.media-modal-close:hover::before {opacity: 0;transform: scale(1.4);}
.media-modal-close:hover i {transform: rotate(-90deg);}
.work-card-image {position: relative;cursor: pointer;overflow: hidden;}
.work-card-image img {display: block;width: 100%;height: 100%;object-fit: cover;transition:transform 0.6s ease;}
.work-card-image:hover img {transform: scale(1.05);}

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

@media(max-width:767px){
.section {padding: 40px 0;}
.title {font-size: 14px;}
.mobile-hide,.footer-image,.hero-image-wrap{display: none;}
.header-action {position: absolute;top: 20px;right: 20px;}
.mobile-menu-toggle {display: block;}
.hero-section {min-height: auto;height: auto;}
.hero-background img {object-position: bottom left;}
.hero-heading {font-size: 40px;}
.hero-tagline {font-size: 22px;}
.about-image,.testimonial-video-wrap{margin-bottom: 20px;}
.work-card{margin-bottom: 20px;}
.footer-row {min-height: fit-content;padding-left: 0%;}
.footer-details {border-left: none;border-right: none;padding: 0 20px 20px 20px;}
.whatsapp-float {right: 18px;bottom: 18px;width: 50px;height: 50px;font-size: 24px;}
.common-media-modal .modal-dialog {width: calc(100% - 24px);margin-right: auto;margin-left: auto;}
.media-modal-body {border-radius: 4px;}
.common-modal-video,.common-modal-image {width: 100%;max-height: 80vh;}
.media-modal-close {width: 20px;height: 20px;color: #ffffff;background: rgba(5, 4, 3, 0.78);font-size: 14px;border-color:rgba(198, 164, 95, 0.75);}
.snowflake:nth-child(2n) {display: none;}
.love-loader {transform: scale(0.85);}
.floating-social{right:12px;gap:10px;}
.floating-icon{width:46px;height:46px;font-size:20px;}
}

@media (prefers-reduced-motion: reduce) {
.snowfall-container {display: none;}
}