/* Kings Developer - theme built from the logo: gold on charcoal */
:root{--ink:#fbf7ee;--ink2:#ffffff;--ink3:#f4ecd8;--dk:#14110d;--gold:#c8901f;--gold2:#a8731a;--gold3:#8a5a0c;--ivory:#241d12;--mute:#6f6450;--glt:#f6d779;
--grad:linear-gradient(110deg,#a8731a 0%,#e8bd48 30%,#fbe18a 50%,#d79a26 72%,#a8731a 100%);--tg:linear-gradient(110deg,#7a4e08 0%,#b9801a 35%,#d9a22e 55%,#9a6a10 100%);
--bs-body-bg:var(--ink);--bs-body-color:var(--ivory);--bs-primary:var(--gold);--bs-link-color:var(--gold3);--bs-link-hover-color:var(--gold2)}
html{scroll-behavior:smooth}
body{font-family:'Outfit',system-ui,sans-serif;background:var(--ink);color:var(--ivory);overflow-x:hidden;line-height:1.75;font-weight:300}
h1,h2,h3,h4,.brand-serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;letter-spacing:.01em;line-height:1.15}
a{text-decoration:none;transition:color .25s}
img{max-width:100%}
#bg{position:fixed;inset:0;z-index:-1;width:100%;height:100%;background:radial-gradient(1200px 700px at 80% -10%,#3a2c10 0%,transparent 60%),radial-gradient(900px 600px at 0% 100%,#2b200c 0%,transparent 55%),var(--ink)}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:2000}
.gold-text{background:var(--tg);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
@keyframes sheen{to{background-position:-220% 0}}
/* navbar */
.kd-nav{position:fixed;top:0;left:0;right:0;z-index:1500;padding:.6rem 0;transition:background .35s,padding .35s,box-shadow .35s}
.kd-nav.solid{background:rgba(20,17,13,.92);backdrop-filter:blur(12px);padding:.25rem 0;box-shadow:0 1px 0 rgba(224,176,64,.25),0 10px 30px rgba(0,0,0,.45)}
.kd-nav .navbar-brand img{height:84px;transition:height .35s}
.kd-nav.solid .navbar-brand img{height:58px}
.kd-nav .nav-link{color:var(--ivory);font-weight:400;padding:.5rem 1rem;position:relative}
.kd-nav .nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.2rem;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.kd-nav .nav-link:hover::after,.kd-nav .nav-link.active::after{transform:scaleX(1)}
.kd-nav .nav-link:hover,.kd-nav .nav-link.active{color:var(--gold3)}
.navbar-toggler{border:1px solid var(--gold);color:var(--gold)}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(224,176,64,.35)}
.dropdown-menu{background:var(--ink2);border:1px solid rgba(224,176,64,.35);border-radius:.4rem;padding:.6rem;min-width:260px;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:dd .25s ease}
@keyframes dd{from{opacity:0;transform:translateY(8px)}}
.dropdown-header{color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:700}
.dropdown-item{color:var(--ivory);border-radius:.3rem;padding:.4rem 1rem}
.dropdown-item:hover{background:rgba(224,176,64,.14);color:var(--gold3)}
.dropdown-divider{border-color:rgba(224,176,64,.25)}
@media(min-width:992px){.dropdown:hover>.dropdown-menu{display:block}}
@media(max-width:991px){.kd-nav .navbar-collapse{background:var(--ink2);margin-top:.6rem;padding:1rem;border:1px solid rgba(224,176,64,.3);border-radius:.4rem}.kd-nav .navbar-brand img{height:60px}}
/* buttons */
.btn-gold{background:var(--grad);background-size:220% 100%;color:#1a1204;font-weight:600;border:0;border-radius:2px;padding:.85rem 2.2rem;letter-spacing:.04em;transition:background-position .6s,transform .25s,box-shadow .25s;box-shadow:0 8px 24px rgba(200,144,31,.28)}
.btn-gold:hover{background-position:100% 0;color:#000;transform:translateY(-3px);box-shadow:0 14px 34px rgba(224,176,64,.4)}
.btn-line{border:1px solid var(--gold);color:var(--gold);border-radius:2px;padding:.8rem 2.1rem;background:transparent;transition:all .3s}
.btn-line:hover{background:var(--gold);color:#1a1204}
/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero iframe{position:absolute;top:50%;left:50%;border:0;z-index:-3;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.4s}
.hero iframe.on{opacity:.55}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(20,17,13,.55) 0%,rgba(20,17,13,.35) 40%,var(--ink) 100%)}
.hero h1{font-size:clamp(2.4rem,6.5vw,5.6rem);min-height:2.4em}
.hero .lead{font-size:clamp(1rem,1.6vw,1.3rem);max-width:640px;margin-inline:auto;color:#ece2c8}
.hero-foot{position:absolute;left:0;right:0;bottom:1rem;font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:600;color:var(--gold3)}
.skyline{position:absolute;left:0;right:0;bottom:0;height:42%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,1.4vw,18px);z-index:-1;opacity:.5;pointer-events:none}
.skyline i{display:block;width:clamp(14px,3vw,46px);background:linear-gradient(180deg,rgba(246,215,121,.55),rgba(200,144,31,.05));transform-origin:bottom;transform:scaleY(0);animation:rise 1.8s cubic-bezier(.2,.8,.2,1) forwards,breathe 7s ease-in-out infinite alternate}
.skyline i:nth-child(odd){clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
@keyframes rise{to{transform:scaleY(1)}}
@keyframes breathe{50%{opacity:.55}}
.page-hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;padding:10rem 0 4rem;isolation:isolate;background:var(--ink2) center/cover fixed no-repeat}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,13,.65),rgba(20,17,13,.55) 55%,var(--ink))}
.page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem)}
.page-hero p{max-width:720px;color:#e9dfc4;font-size:1.1rem}
@media(max-width:991px){.page-hero{background-attachment:scroll;min-height:52vh;padding-top:8rem}}
.kicker{display:inline-block;color:var(--gold);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;border-left:3px solid var(--gold);padding-left:.7rem;margin-bottom:1rem}
/* sections */
.sec{padding:clamp(3.5rem,8vw,7rem) 0;position:relative}
.sec-alt{background:linear-gradient(180deg,rgba(42,36,26,.55),rgba(29,25,19,.55))}
.sec h2{font-size:clamp(2rem,4vw,3.3rem);margin-bottom:1.2rem}
.sec p{color:#d8ccb0}
.frame{position:relative;border-radius:3px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.frame::after{content:"";position:absolute;inset:12px;border:1px solid rgba(224,176,64,.6);pointer-events:none;transition:inset .5s}
.frame:hover::after{inset:20px}
.frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.frame:hover img{transform:scale(1.07)}
.frame.tall{aspect-ratio:3/4}.frame.wide{aspect-ratio:4/3}
.loc{display:flex;align-items:flex-start;gap:.5rem;color:var(--gold3);font-weight:400;margin-bottom:1rem}
/* project cards */
.pcard{position:relative;display:block;border:1px solid rgba(224,176,64,.25);background:var(--ink2);border-radius:3px;overflow:hidden;height:100%;transition:transform .5s,border-color .5s,box-shadow .5s}
.pcard:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 30px rgba(224,176,64,.15)}
.pcard .ph{aspect-ratio:4/3;overflow:hidden}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.pcard:hover .ph img{transform:scale(1.08)}
.pcard .pb{padding:1.3rem 1.4rem 1.5rem}
.pcard h3{color:var(--gold3);font-size:1.7rem;margin:0 0 .3rem}
.pcard small{color:var(--mute)}
/* showcase (home project list) */
article.show{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;border:1px solid rgba(224,176,64,.28);background:var(--ink2);margin-bottom:2.2rem;border-radius:3px;overflow:hidden}
article.show:nth-child(even){grid-template-columns:1fr 1.1fr}article.show:nth-child(even) .frame{order:2}
article.show .frame{border-radius:0;box-shadow:none;min-height:420px}
article.show .txt{padding:clamp(1.5rem,3.5vw,3.2rem);display:flex;flex-direction:column;justify-content:center}
article.show h3{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--gold3)}
@media(max-width:991px){article.show,article.show:nth-child(even){grid-template-columns:1fr}article.show:nth-child(even) .frame{order:0}article.show .frame{min-height:280px}}
/* features */
.feat{height:100%;padding:1.8rem 1.4rem;text-align:center;background:linear-gradient(160deg,var(--ink3),var(--ink2));border:1px solid rgba(224,176,64,.2);border-radius:3px;transition:transform .4s,border-color .4s}
.feat:hover{transform:translateY(-6px);border-color:var(--gold)}
.feat i{display:inline-grid;place-items:center;width:68px;height:68px;font-size:1.9rem;color:var(--gold);border:1px solid rgba(224,176,64,.5);border-radius:50%;margin-bottom:1rem;transition:all .5s}
.feat:hover i{background:var(--grad);color:#1a1204;transform:rotateY(360deg)}
.feat h3{font-size:1.35rem;color:var(--ivory);margin-bottom:.4rem}
.feat p{font-size:.95rem;margin:0}
.adv{list-style:none;padding:0;margin:1.5rem 0;max-width:520px}
.adv li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed rgba(224,176,64,.3)}
.adv li b{color:var(--gold3);font-weight:500;white-space:nowrap}
.adv li.h{color:#1a1204;background:var(--grad);padding:.7rem 1rem;font-weight:600;border:0;margin-bottom:.4rem}
/* gallery */
.gal{position:relative;display:block;overflow:hidden;border-radius:3px;aspect-ratio:4/3;border:1px solid rgba(224,176,64,.25)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.gal::after{content:"\F52A";font-family:bootstrap-icons;position:absolute;inset:0;display:grid;place-items:center;font-size:2.2rem;color:var(--gold3);background:rgba(20,17,13,.55);opacity:0;transition:opacity .4s}
.gal:hover img{transform:scale(1.1)}.gal:hover::after{opacity:1}
#lb{position:fixed;inset:0;z-index:3000;background:rgba(10,8,5,.94);display:none;place-items:center;padding:2rem;cursor:zoom-out}
#lb.on{display:grid;animation:dd .3s}
#lb img{max-height:90vh;max-width:94vw;border:1px solid var(--gold);box-shadow:0 0 60px rgba(224,176,64,.25)}
/* testimonials */
.tcarousel .t{max-width:820px;margin:auto;text-align:center;padding:1rem 2rem 3rem}
.tcarousel .t p{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.4vw,1.9rem);font-style:italic;color:var(--ivory);line-height:1.5}
.tcarousel .t h3{color:var(--gold);font-size:1.3rem;font-family:'Outfit',sans-serif;font-weight:500}
.tcarousel .t .bi-quote{font-size:3.4rem;color:var(--gold)}
.carousel-indicators [data-bs-target]{background-color:var(--gold);width:10px;height:10px;border-radius:50%;border:0}
.carousel-control-prev,.carousel-control-next{width:6%;color:var(--gold)}
/* partners marquee */
.marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq .tr{display:flex;gap:1.5rem;width:max-content;animation:mq 38s linear infinite}
.marq:hover .tr{animation-play-state:paused}
.marq .tr span{width:170px;height:100px;display:grid;place-items:center;background:#f7f0df;border-radius:3px;padding:.8rem}
.marq img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes mq{to{transform:translateX(-50%)}}
/* forms */
.form-control{background:var(--ink2);border:1px solid rgba(224,176,64,.35);color:var(--ivory);border-radius:2px;padding:.8rem 1rem}
.form-control:focus{background:var(--ink3);color:var(--ivory);border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(224,176,64,.25)}
.form-control::placeholder{color:#8f866f}
label{color:var(--gold3);font-weight:400;margin-bottom:.3rem}
.cinfo{padding:2rem;background:linear-gradient(160deg,var(--ink3),var(--ink2));border:1px solid rgba(224,176,64,.3);border-radius:3px}
.cinfo b{color:var(--gold)}.cinfo a{color:var(--gold3)}
.modal-content{background:var(--ink2);border:1px solid var(--gold);border-radius:3px;color:var(--ivory)}
.modal-header,.modal-footer{border-color:rgba(224,176,64,.3)}
.btn-close{filter:invert(1) sepia(1) saturate(4) hue-rotate(-10deg)}
/* floating contact + footer */
.fab{position:fixed;right:18px;bottom:22px;z-index:1400;display:flex;flex-direction:column;gap:12px}
.fab a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:#25d366;box-shadow:0 8px 20px rgba(0,0,0,.5);position:relative;transition:transform .25s}
.fab a.call{background:var(--grad);color:#1a1204}
.fab a:hover{transform:scale(1.12)}
.fab a::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ping 2.4s infinite}
.fab a.call::before{border-color:var(--gold)}
@keyframes ping{to{transform:scale(1.7);opacity:0}}
.social{background:var(--grad);padding:.4rem 0}
.social a{color:#1a1204;font-size:1.4rem;padding:.8rem 1.4rem;display:inline-block;transition:transform .3s}
.social a:hover{transform:translateY(-4px) scale(1.2)}
.foot{background:#0d0b08;border-top:1px solid rgba(224,176,64,.3);padding:4rem 0 1.5rem;font-size:.95rem}
.foot h4{color:var(--gold);font-size:1.4rem;margin-bottom:1rem}
.foot a{color:#d8ccb0}.foot a:hover{color:var(--gold3)}
.foot ul{list-style:none;padding:0;margin:0}.foot li{margin-bottom:.45rem}
.foot .copy{border-top:1px solid rgba(224,176,64,.2);margin-top:2.5rem;padding-top:1.2rem;text-align:center;color:var(--mute)}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
:focus-visible{outline:2px solid var(--gold3);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}

/* ===== v2: light theme, clear hero, sizing ===== */
body{background:var(--ink);color:var(--ivory)}
#bg{background:radial-gradient(1000px 600px at 90% 0,#f6e7bd 0%,transparent 60%),radial-gradient(900px 600px at 0 100%,#f3e3b4 0%,transparent 55%),var(--ink)}
.sec p{color:#4b4130}.sec-alt{background:linear-gradient(180deg,rgba(244,236,216,.85),rgba(250,243,226,.85))}
.kd-nav,.kd-nav.solid{background:rgba(20,17,13,.96);padding:.2rem 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.kd-nav .navbar-brand img,.kd-nav.solid .navbar-brand img{height:64px}
.kd-nav .nav-link{color:#f7f0df}.kd-nav .nav-link:hover,.kd-nav .nav-link.active{color:var(--glt)}
.dropdown-menu{background:var(--dk)}.dropdown-header{color:var(--glt)}.dropdown-item{color:#f7f0df}.dropdown-item:hover{color:var(--glt)}
@media(max-width:991px){.kd-nav .navbar-collapse{background:var(--dk)}}
.kd-nav .btn-gold{padding:.55rem 1.4rem}
body>form>main>section:first-child.page-hero,main>.page-hero{margin-top:0}
.hero{background:#000;min-height:100vh;padding-top:84px}
.hero::before{display:none}
.hero iframe.on{opacity:1}
.hero .panel{display:inline-block;max-width:880px;padding:clamp(1.4rem,3vw,2.6rem) clamp(1.2rem,3.5vw,3rem);background:rgba(15,12,8,.42);backdrop-filter:blur(5px);border:1px solid rgba(246,215,121,.55);border-radius:4px}
.hero .gold-text,.page-hero .gold-text,.hero-foot{--tg:var(--grad)}
.hero h1{font-size:clamp(2rem,4.8vw,4rem);min-height:2.4em;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.hero .lead{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.hero-foot{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.page-hero{min-height:50vh;padding:9rem 0 3rem;color:#fff}
.page-hero::before{background:linear-gradient(180deg,rgba(20,17,13,.55),rgba(20,17,13,.35) 60%,rgba(20,17,13,.55))}
.page-hero p{color:#f6efdc}.page-hero .kicker{color:var(--glt);border-color:var(--glt)}
.kicker,.loc{color:var(--gold3)}.loc{color:var(--gold3)}
.frame.wide{aspect-ratio:16/10;max-height:400px}.frame.tall{max-height:520px}
.frame{box-shadow:0 18px 40px rgba(60,40,5,.25)}
article.show{background:#fff;border-color:rgba(168,115,26,.35);box-shadow:0 14px 34px rgba(60,40,5,.12)}
article.show .frame{min-height:0;aspect-ratio:16/10;max-height:360px;align-self:center;box-shadow:none;margin:1rem}
article.show .frame img{object-position:center 30%}
article.show h3,.pcard h3{color:var(--gold3)}
@media(max-width:991px){article.show .frame{margin:.8rem;max-height:260px}}
.feat{background:#fff;border-color:rgba(168,115,26,.3);box-shadow:0 8px 22px rgba(60,40,5,.08)}
.feat i{color:var(--gold2);border-color:rgba(168,115,26,.55)}.feat:hover i{color:#1a1204}
.adv li b{color:var(--gold3)}.adv li{border-color:rgba(168,115,26,.35)}
label{color:var(--gold3);font-weight:500}.form-control{background:#fff;border-color:rgba(168,115,26,.45);color:var(--ivory)}.form-control:focus{background:#fff}
.form-control::placeholder{color:#9a8f77}
.cinfo{background:#fff;border-color:rgba(168,115,26,.4)}.cinfo b{color:var(--gold3)}.cinfo a{color:var(--gold2)}
.modal-content{background:#fff;color:var(--ivory)}.btn-close{filter:none}
.tcarousel .t p{color:var(--ivory)}.tcarousel .t h3{color:var(--gold3)}.tcarousel .t .bi-quote{color:var(--gold)}
.carousel-control-prev,.carousel-control-next{color:var(--gold)}
.foot{color:#d8ccb0}.foot h4{color:var(--glt)}.foot .bi{color:var(--glt)!important}
.social a{color:#1a1204}
.marq .tr{gap:1.2rem;align-items:center}
.marq .tr span{width:200px;height:auto;min-height:120px;background:#fff;border:1px solid rgba(168,115,26,.3);padding:1rem;box-shadow:0 6px 16px rgba(60,40,5,.08)}
.marq img{width:auto;height:auto;max-width:100%;max-height:96px;object-fit:contain}
.stats{background:var(--dk);color:#fff;padding:2.2rem 0;border-block:2px solid var(--gold)}
.stats b{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{color:#d8ccb0;font-size:.95rem}
.cta{background:linear-gradient(120deg,#14110d,#2a2112);color:#fff;padding:clamp(3rem,6vw,5rem) 0;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(224,176,64,.18),transparent 30%);animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cta .container{position:relative}.cta h2{--tg:var(--grad)}.cta p{color:#e9dfc4!important}
.frame.rv{opacity:1;transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1)}
.frame.rv.in{clip-path:inset(0)}
.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%)}
.btn-gold{position:relative;overflow:hidden}.btn-gold:hover::after{transform:translateX(120%);transition:transform .8s}
.sec h2::after{content:"";display:block;width:70px;height:3px;margin-top:.7rem;background:var(--grad);transition:width .8s}.sec .rv.in::after,.sec h2.in::after{width:110px}
.text-center h2::after{margin-inline:auto}

/* ===== v3: full images, clean hero, success popup, speed ===== */
/* 1) images always fully visible (no crop) - blurred copy of the same image fills the spare space */
.frame,.gal,.pcard .ph{position:relative;background:#1a1408;isolation:isolate}
.frame::before,.gal::before,.pcard .ph::before{content:"";position:absolute;inset:-24px;z-index:-1;background:var(--bg) center/cover no-repeat;filter:blur(22px) brightness(.8);transform:translateZ(0)}
.frame img,.gal img,.pcard .ph img{object-fit:contain!important;object-position:center!important;position:relative}
.frame:hover img{transform:scale(1.025)}.gal:hover img{transform:scale(1.03)}.pcard:hover .ph img{transform:scale(1.03)}
article.show .frame{aspect-ratio:1/1;max-height:none;min-height:0;margin:1rem}
article.show .frame img{object-position:center!important}
.frame.wide{aspect-ratio:4/3;max-height:540px}
.frame.tall{max-height:640px}
@media(max-width:991px){article.show .frame{aspect-ratio:4/3;margin:.8rem;max-height:none}}
/* 2) hero: no dark panel / blur over the video, only the content */
.hero .panel{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;padding:0}
.hero h1{text-shadow:0 2px 6px rgba(0,0,0,.55),0 4px 28px rgba(0,0,0,.6)}
.hero .lead{text-shadow:0 1px 4px rgba(0,0,0,.8),0 2px 18px rgba(0,0,0,.7)}
.hero .btn-line{text-shadow:0 1px 6px rgba(0,0,0,.7);background:rgba(0,0,0,.18)}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;display:block}
.hero iframe{z-index:-3}
.hero iframe.on{opacity:1}
/* 3) lighter paint: static gold sheen except hero/cta */
.gold-text{animation:none;background-size:100% 100%}
.hero .gold-text,.cta .gold-text{animation:sheen 6s linear infinite;background-size:220% 100%}
/* 4) success popup */
#okModal .modal-content{border:0;border-radius:14px;overflow:hidden;text-align:center;box-shadow:0 30px 80px rgba(60,40,5,.45)}
#okModal.fade .modal-dialog{transform:translateY(40px) scale(.85);opacity:0;transition:transform .55s cubic-bezier(.2,1.2,.3,1),opacity .35s}
#okModal.show .modal-dialog{transform:none;opacity:1}
#okModal .ok-top{background:linear-gradient(135deg,#14110d,#3a2a0c);padding:2.2rem 1rem 1.6rem;position:relative;overflow:hidden}
#okModal .ok-ring{width:96px;height:96px;margin:0 auto;position:relative}
#okModal .ok-ring svg{width:96px;height:96px;display:block}
#okModal .ok-ring circle{fill:none;stroke:url(#okg);stroke-width:4;stroke-dasharray:289;stroke-dashoffset:289;transform:rotate(-90deg);transform-origin:50% 50%}
#okModal .ok-ring path{fill:none;stroke:#f6d779;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
#okModal.show .ok-ring circle{animation:okdraw .8s .25s ease forwards}
#okModal.show .ok-ring path{animation:okdraw .5s .9s ease forwards}
#okModal.show .ok-ring{animation:okpop .6s .2s cubic-bezier(.2,1.4,.4,1) both}
@keyframes okdraw{to{stroke-dashoffset:0}}
@keyframes okpop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
#okModal .ok-body{padding:1.6rem 1.8rem 2rem}
#okModal h2{font-size:2rem;margin-bottom:.4rem}
#okModal .ok-body p{color:#4b4130;margin-bottom:1.2rem}
#okModal.show .ok-body>*{animation:okup .6s both}
#okModal.show .ok-body>*:nth-child(1){animation-delay:.5s}#okModal.show .ok-body>*:nth-child(2){animation-delay:.65s}#okModal.show .ok-body>*:nth-child(3){animation-delay:.8s}
@keyframes okup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#okModal .spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#f6d779;opacity:0;left:50%;top:60px}
#okModal.show .spark{animation:okspark 1.3s .9s ease-out forwards}
@keyframes okspark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}
#okModal .btn-close{position:absolute;right:12px;top:12px;z-index:3;filter:invert(1);opacity:.8}
.modal-backdrop.show{opacity:.7}
/* popups always above the fixed navbar / floating buttons */
.modal{z-index:2100}.modal-backdrop,.modal-backdrop.show{z-index:2050;background-color:#0d0a05!important}

/* ===== v4: full-screen video hero, logo + menu + content float on top ===== */
.hero{min-height:100vh;min-height:100svh;padding-top:96px;padding-bottom:84px}
body.has-hero .kd-nav:not(.solid){background:linear-gradient(180deg,rgba(8,6,3,.7) 0%,rgba(8,6,3,.32) 62%,rgba(8,6,3,0) 100%)!important;box-shadow:none!important;backdrop-filter:none;padding:.55rem 0!important}
body.has-hero .kd-nav:not(.solid) .navbar-brand img{height:84px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.65))}
body.has-hero .kd-nav:not(.solid) .nav-link{text-shadow:0 1px 8px rgba(0,0,0,.75)}
body.has-hero .kd-nav.solid{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.kd-nav{transition:background .4s,padding .35s,box-shadow .4s}
.kd-nav .navbar-brand img{transition:height .35s,filter .35s}
.hero-kick{display:inline-block;color:#fff;letter-spacing:.3em;text-transform:uppercase;font-size:.74rem;font-weight:500;padding:.4rem 1.1rem;border:1px solid rgba(246,215,121,.75);border-radius:30px;margin-bottom:1.3rem;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.hero .panel>*{animation:heroin .9s cubic-bezier(.2,.7,.2,1) both}
.hero .panel>:nth-child(1){animation-delay:.15s}.hero .panel>:nth-child(2){animation-delay:.3s}.hero .panel>:nth-child(3){animation-delay:.45s}.hero .panel>:nth-child(4){animation-delay:.6s}.hero .panel>:nth-child(5){animation-delay:.7s}
@keyframes heroin{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero .btn-line:hover{color:#1a1204!important;background:var(--grad)}
.scroll-cue{position:absolute;left:50%;bottom:1.3rem;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.85);border-radius:16px;display:block;box-shadow:0 0 12px rgba(0,0,0,.5)}
.scroll-cue::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#f6d779;animation:cue 1.6s ease-in-out infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
@media(max-width:991px){.hero{padding-top:90px}.hero-kick{letter-spacing:.18em;font-size:.68rem}.scroll-cue{display:none}body.has-hero .kd-nav:not(.solid) .navbar-brand img{height:62px}}
.hero .gold-text{--tg:linear-gradient(110deg,#e9b93f 0%,#fff1b8 38%,#f6d779 55%,#e2a92e 100%)}
body.has-hero .kd-nav:not(.solid) .navbar-brand img{height:76px}

/* ===== v4.1: crisp, solid-colour hero text (no gradient-clip blur) ===== */
.hero .gold-text,.hero h1.gold-text{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff3c9;color:#fff3c9;animation:none!important;text-shadow:0 2px 2px rgba(0,0,0,.7),0 5px 22px rgba(0,0,0,.55)}
.hero h1{font-weight:700}
.hero .lead{color:#fff;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.6)}
.hero-kick{background:rgba(0,0,0,.28);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.hero .btn-line{background:rgba(0,0,0,.4)!important;color:#fff!important;border-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.hero .btn-line:hover{background:var(--grad)!important;color:#1a1204!important;text-shadow:none}
.hero-foot{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 2px 14px rgba(0,0,0,.6)}

/* ===== v5: mobile alignment ===== */
.hero-btns{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;align-items:center}
.hero-btns .btn{margin:0!important}
@media(max-width:991px){
 .kd-nav .navbar{padding-left:1.15rem;padding-right:1.15rem}
 .kd-nav .navbar-toggler{padding:.35rem .6rem;border-radius:4px}
 body.has-hero .kd-nav:not(.solid) .navbar-toggler{background:rgba(0,0,0,.35)}
}
@media(max-width:767px){
 .container{--bs-gutter-x:2rem}
 .row.g-5{--bs-gutter-x:2rem;--bs-gutter-y:2rem}
 .row.g-4{--bs-gutter-x:1.5rem}
 body{overflow-x:clip}
 .hero{padding-top:128px;padding-bottom:112px;align-items:center}
 .hero h1{font-size:clamp(1.9rem,8.6vw,2.6rem);min-height:2.3em}
 .hero .lead{font-size:1rem;padding-inline:.2rem}
 .hero-kick{font-size:.64rem;letter-spacing:.16em;padding:.35rem .8rem;margin-bottom:1rem}
 .hero-foot{bottom:.9rem;font-size:1.15rem;line-height:1.35;padding-inline:1.5rem!important}
 .hero-btns{flex-wrap:nowrap;gap:.6rem;max-width:380px;margin-inline:auto}
 .hero-btns .btn{flex:1 1 0;min-width:0;padding:.8rem .3rem;font-size:.95rem;white-space:nowrap}
 .cta-btns{display:flex;flex-direction:column;gap:.8rem;max-width:320px;margin-inline:auto}
 .cta-btns .btn{margin:0!important;width:100%;padding-inline:1rem;font-size:1rem}
 .sec h2{text-align:left}.text-center h2,.sec .text-center h2{text-align:center}
 .stats .row{row-gap:1.4rem}.stats span{display:block;line-height:1.35}
 .article.show,article.show{margin-bottom:1.5rem}
 article.show .txt{padding:1.3rem 1.3rem 1.6rem}
 .foot{text-align:left}.foot .row{--bs-gutter-y:2rem}
 .social a{padding:.7rem .95rem}
 .fab{right:14px;bottom:16px}.fab a{width:48px;height:48px;font-size:1.3rem}
 .page-hero{padding:8rem 0 2.5rem}
 .cinfo{padding:1.4rem}
 .tcarousel .t{padding:.5rem .6rem 2.6rem}
 .carousel-control-prev,.carousel-control-next{display:none}
}
@media(max-width:767px){.hero-foot{padding-right:4.8rem!important}}
@media(max-width:767px){.hero-btns.cta-btns{flex-wrap:wrap;max-width:320px}.hero-btns.cta-btns .btn{flex:0 0 auto;width:100%;padding:.85rem 1rem;white-space:normal}}
.page-hero .gold-text{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff3c9;color:#fff3c9;animation:none!important;text-shadow:0 2px 2px rgba(0,0,0,.7),0 5px 22px rgba(0,0,0,.55)}
.page-hero p{text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 12px rgba(0,0,0,.5);color:#fff}