:root{--gold-1:#e8b4a0;--gold-2:#f4d03f;--gold-3:#cd7f32;--gold-line:rgba(244,208,63,0.35);--ease-out:cubic-bezier(0.2,0.7,0.2,1);--gold-flow:linear-gradient(110deg,#e8b4a0 0%,#f4d03f 25%,#cd7f32 50%,#f4d03f 75%,#e8b4a0 100%)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--gold-flow);background-size:200% 100%;transform-origin:0 50%;transform:scaleX(0);z-index:1001;pointer-events:none;box-shadow:0 0 10px rgba(244,208,63,0.6)}.hero-content h1 .h1-gold,.heading-left h2,.location-head,.why-choose-kif-left h2,.kif-count{background-image:var(--gold-flow);background-size:200% auto;animation:goldFlow 6s linear infinite}@keyframes goldFlow{to{background-position:-200% center}}.hero-video{animation:kenBurns 24s ease-in-out infinite alternate}@keyframes kenBurns{from{transform:scale(1)}to{transform:scale(1.12) translate(-1%,-1%)}}.hero-glow{position:absolute;inset:-20%;z-index:1;pointer-events:none;background:radial-gradient(ellipse 45% 38% at 50% 52%,rgba(0,0,0,0.5),transparent 100%),radial-gradient(circle at 20% 35%,rgba(244,180,63,0.22),transparent 42%),radial-gradient(circle at 80% 65%,rgba(205,127,50,0.24),transparent 45%),linear-gradient(180deg,rgba(0,0,0,0.25) 15%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 70%,rgba(10,10,10,0.65) 100%);animation:glowDrift 14s ease-in-out infinite alternate}@keyframes glowDrift{from{transform:translate3d(-3%,-2%,0) rotate(0deg)}to{transform:translate3d(3%,2%,0) rotate(6deg)}}.hero-content>*{opacity:0;animation:heroIn 1s var(--ease-out) forwards}.hero-content>.hero-badge{animation-delay:0.2s}.hero-content>h1{animation-delay:0.4s}.hero-content>.hero-subtitle{animation-delay:0.65s}.hero-content>.cta-buttons{animation-delay:0.9s}@keyframes heroIn{from{opacity:0;transform:translateY(40px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}.hero-content-container{will-change:transform,opacity}.hero-badge{position:relative;background:rgba(15,20,25,0.55);border:1px solid var(--gold-line)}.hero-badge i{margin-right:6px}.hero .cta-buttons{gap:1rem}.scroll-cue{position:absolute;left:50%;bottom:28px;z-index:3;width:30px;height:48px;margin-left:-15px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(244,208,63,0.85);border-radius:16px;color:#f4d03f;font-size:0.8rem;text-decoration:none;box-shadow:0 0 14px rgba(244,208,63,0.25);opacity:0;animation:heroIn 1s var(--ease-out) 1.4s forwards}.scroll-cue i{animation:cueBob 1.8s ease-in-out infinite}@keyframes cueBob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}.hero-content-container{padding-top:60px}.hero{background:rgba(0,0,0,0.12)}.hero-video{filter:saturate(1.3) brightness(1.08) sepia(0.12) contrast(1.05)}.hero-badge{padding:0.6rem 1.6rem;font-size:1rem;margin-bottom:1.6rem}.hero-badge i{color:#f4d03f}.hero-content h1{font-family:'Playfair Display','Cormorant Garamond',serif;font-weight:800;font-size:clamp(2.4rem,1.2rem + 3.6vw,5rem);line-height:1.08;letter-spacing:0.01em;margin-bottom:1.4rem;background:none;color:#fff;-webkit-text-fill-color:currentColor}.hero-content h1 .h1-gold,.hero-content h1 .h1-white{display:block}.hero-content h1 .h1-gold{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.55)) drop-shadow(0 6px 22px rgba(0,0,0,0.45))}.hero-content h1 .h1-white{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,0.45)}.hero-subtitle{font-size:clamp(1rem,0.8rem + 0.6vw,1.4rem);line-height:1.6;max-width:900px;margin-bottom:2.2rem;opacity:1}.hero-subtitle{text-shadow:0 2px 10px rgba(0,0,0,0.7)}.hero-subtitle .sep{color:#f4d03f;margin:0 0.3rem}.hero .cta-buttons{gap:1.6rem}.hero .btn-1,.hero .btn-2{display:inline-flex;align-items:center;gap:0.9rem;padding:1.05rem 2rem;border-radius:12px;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;letter-spacing:0.08em}.hero .btn-1{color:#1a1a1a;background:linear-gradient(135deg,#f7dc6f 0%,#f4d03f 45%,#d4a24a 100%);box-shadow:0 10px 30px rgba(244,208,63,0.35),inset 0 1px 0 rgba(255,255,255,0.5)}.hero .btn-1:hover{color:#1a1a1a}.hero .btn-2{color:#fff;background:rgba(10,10,10,0.5);border:1px solid rgba(255,255,255,0.6);backdrop-filter:blur(6px)}.hero .btn-2:hover{color:#f4d03f;background:rgba(10,10,10,0.7);border-color:#f4d03f}.hero .btn-1 i,.hero .btn-2 i{font-size:0.9em;transition:transform 0.3s ease}.hero .btn-1:hover i,.hero .btn-2:hover i{transform:translateX(4px)}@media (max-width:992px){.hero-content-container{padding-top:40px}}@media (max-width:600px){.hero-content-container{padding-left:1.25rem;padding-right:1.25rem}.hero-content h1{font-size:clamp(1.6rem,0.6rem + 5.2vw,2.4rem)}.hero-badge{font-size:0.8rem;padding:0.5rem 1.1rem;white-space:normal}.hero .cta-buttons{gap:0.9rem}.hero .btn-1,.hero .btn-2{padding:0.9rem 1.4rem;font-size:0.85rem}.hero-subtitle .sep{margin:0 0.15rem}}.btn-1,.btn-2,.btn-primary-custom,.btn-secondary-custom,.view-all-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform 0.35s var(--ease-out),box-shadow 0.35s ease,background 0.35s ease,color 0.35s ease}.btn-1::after,.btn-2::after,.btn-primary-custom::after,.btn-secondary-custom::after,.view-all-btn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.55),transparent);transform:skewX(-20deg);pointer-events:none;z-index:1}.btn-1:hover::after,.btn-2:hover::after,.btn-primary-custom:hover::after,.btn-secondary-custom:hover::after,.view-all-btn:hover::after{animation:sweep 0.8s ease}@keyframes sweep{to{left:130%}}.btn-1:hover,.btn-primary-custom:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(244,208,63,0.35)}.btn-2:hover,.btn-secondary-custom:hover,.view-all-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(232,180,160,0.25)}.hero .btn-1{animation:ctaGlow 3s ease-in-out 2s infinite}@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 rgba(244,208,63,0)}50%{box-shadow:0 0 28px rgba(244,208,63,0.45)}}.heading-left h2,.location-head,.section-title-new h2,.why-choose-kif-left h2{position:relative}.heading-left h2::after,.location-head::after,.section-title-new h2::after,.why-choose-kif-left h2::after{content:"";display:block;height:2px;width:70px;margin-top:12px;background:linear-gradient(90deg,var(--gold-3),var(--gold-2),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-out) 0.3s}.location-head::after,.section-title-new h2::after,.why-choose-kif-left h2::after{margin-left:auto;margin-right:auto;transform-origin:center;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);width:120px}.drawn::after{transform:scaleX(1)}.anim-ready .reveal:not(.r-done){opacity:0}.anim-ready .reveal.r-in{animation:revealUp 0.9s var(--ease-out) var(--d,0s) both}.anim-ready .reveal.from-left.r-in{animation-name:revealLeft}.anim-ready .reveal.from-right.r-in{animation-name:revealRight}.anim-ready .reveal.zoom.r-in{animation-name:revealZoom}@keyframes revealUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}@keyframes revealLeft{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}@keyframes revealRight{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}@keyframes revealZoom{from{opacity:0;transform:scale(0.92) translateY(30px)}to{opacity:1;transform:none}}.anim-ready .fade-up{animation:none;opacity:1;transform:none}.property-card{position:relative;border:1px solid rgba(244,208,63,0.08);border-radius:10px;transition:transform 0.45s var(--ease-out),box-shadow 0.45s ease,border-color 0.45s ease;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.property-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px);border-color:var(--gold-line);box-shadow:0 22px 45px rgba(0,0,0,0.55),0 0 25px rgba(244,208,63,0.12)}.property-card img{transition:transform 0.9s var(--ease-out),filter 0.5s ease}.property-card:hover img{transform:scale(1.08)}.property-card::before,.service-card-1::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(244,208,63,0.14),transparent 45%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;z-index:2}.property-card:hover::before,.service-card-1:hover::before{opacity:1}.property-info{position:relative;z-index:1;background:#1a1a1a}.learn-more{letter-spacing:0.08em}.skeleton-card{background:#1a1a1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.04)}.skeleton-card .sk-img,.skeleton-card .sk-line{background:linear-gradient(90deg,#222 0%,#2e2a1f 50%,#222 100%);background-size:200% 100%;animation:skShimmer 1.4s ease-in-out infinite}.skeleton-card .sk-img{height:220px}.skeleton-card .sk-body{padding:15px}.skeleton-card .sk-line{height:12px;border-radius:6px;margin-bottom:10px}.skeleton-card .sk-line.w70{width:70%}.skeleton-card .sk-line.w40{width:40%}.skeleton-card .sk-line.w55{width:55%}@keyframes skShimmer{from{background-position:200% 0}to{background-position:-200% 0}}.service-card-1{overflow:hidden;transition:transform 0.45s var(--ease-out),box-shadow 0.45s ease,border-color 0.45s ease,background 0.45s ease}.service-card-1:hover{transform:translateY(-10px);border-color:rgba(244,208,63,0.55);background:rgba(88,70,0,0.25);box-shadow:0 20px 40px rgba(0,0,0,0.45),0 0 30px rgba(244,208,63,0.12)}.service-card-1 svg{fill:rgba(244,208,63,0.35);transition:transform 0.6s var(--ease-out),fill 0.4s ease,filter 0.4s ease}.service-card-1:hover svg{fill:var(--gold-2);transform:translateY(-4px) rotate(-6deg) scale(1.08);filter:drop-shadow(0 6px 14px rgba(244,208,63,0.45))}.service-card-1 h3,.service-card-1 p{position:relative;z-index:3}.real-estate-image{transition:transform 0.8s var(--ease-out),box-shadow 0.8s ease}.real-estate-image:hover{transform:scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,0.5),0 0 0 1px var(--gold-line)}.carousel{transition:transform 0.8s var(--ease-out)}.day-card{position:relative;border-radius:10px;border:1px solid rgba(244,208,63,0.08);transition:transform 0.45s var(--ease-out),box-shadow 0.45s ease,border-color 0.45s ease}.day-card:hover{transform:translateY(-10px);border-color:var(--gold-line);box-shadow:0 20px 40px rgba(0,0,0,0.55)}.day-card img{transition:transform 1s var(--ease-out),filter 0.6s ease;filter:saturate(0.9) brightness(0.92)}.day-card:hover img{transform:scale(1.1);filter:saturate(1.1) brightness(1)}.day-card .meta{position:relative;z-index:1;background:#222}.day-card .meta .location{transition:color 0.4s ease,letter-spacing 0.4s ease}.day-card:hover .meta .location{color:var(--gold-2);letter-spacing:0.02em}.arrow{background:rgba(20,20,20,0.6);border:1px solid var(--gold-line);color:var(--gold-2);backdrop-filter:blur(8px);width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:background 0.3s ease,transform 0.3s var(--ease-out),box-shadow 0.3s ease}.arrow:hover{background:var(--gold-2);color:#111;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px rgba(244,208,63,0.5)}.why-choose-kif-left img{animation:logoFloat 5s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(244,208,63,0.25))}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.kif-feature{position:relative;border-bottom-color:rgba(244,208,63,0.15);padding:15px 15px 15px 10px;border-radius:8px;transition:background 0.4s ease,transform 0.4s var(--ease-out)}.kif-feature::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,var(--gold-2),transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.6s var(--ease-out)}.kif-feature:hover{background:rgba(244,208,63,0.05);transform:translateX(8px)}.kif-feature:hover::after{transform:scaleX(1)}.kif-count-wrapper{min-width:110px}.calculator-card{transition:transform 0.5s var(--ease-out),box-shadow 0.5s ease}.result-value-large,.result-value-medium{display:inline-block}.bump{animation:bump 0.45s var(--ease-out)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.08);text-shadow:0 0 18px rgba(244,208,63,0.6)}100%{transform:scale(1)}}.status-btn{transition:transform 0.25s var(--ease-out),background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.status-btn:hover{transform:translateY(-2px)}.cta-overlay{position:relative;overflow:hidden;border:1px solid var(--gold-line);backdrop-filter:blur(4px);box-shadow:0 30px 60px rgba(0,0,0,0.45)}.cta-overlay::after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(100deg,transparent,rgba(244,208,63,0.12),transparent);transform:rotate(10deg);animation:ctaSheen 7s ease-in-out infinite;pointer-events:none}@keyframes ctaSheen{0%,55%{left:-60%}100%{left:130%}}.cta-content{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:0.001ms!important}.scroll-progress{display:none}}html{scroll-behavior:smooth}#latest-properties{scroll-margin-top:80px}