/* KAMIG Light Premium Theme — 2026 visual refresh
   Preserves the original structure/functionality and replaces the heavy dark UI
   with a warm architectural palette based on the KAMIG black/gold identity. */
:root{
  --km-ink:#181a1d;
  --km-ink-2:#25282c;
  --km-copy:#62676d;
  --km-muted:#868b91;
  --km-gold:#b58a48;
  --km-gold-2:#d2b06f;
  --km-cream:#f7f5f0;
  --km-cream-2:#efeae0;
  --km-paper:#ffffff;
  --km-line:#ddd7ca;
  --km-shadow:0 22px 60px rgba(35,31,24,.10);
}

body{background:var(--km-cream);color:var(--km-ink)}
p{color:var(--km-copy)}
h1,h2,h3{color:var(--km-ink)}
.eyebrow{color:#997137}
.gold-line,.link-line{background:linear-gradient(90deg,var(--km-gold),var(--km-gold-2))}
.text-link{color:var(--km-ink)}
.text-link:hover{color:#8c672f}
.button.gold{color:#171717;background:linear-gradient(120deg,#e5c98f,#c69a53 65%,#d8b875);box-shadow:0 12px 30px rgba(174,128,56,.22),inset 0 1px rgba(255,255,255,.7)}
.button.gold:hover{box-shadow:0 18px 38px rgba(174,128,56,.3)}
.button.outline{background:#fff;color:var(--km-ink);border-color:#d9d2c6}

/* Header: luminous, restrained and architectural */
.site-header{border-bottom:1px solid rgba(30,31,33,.08);background:rgba(255,255,255,.88);box-shadow:0 8px 32px rgba(25,25,25,.04);backdrop-filter:blur(22px) saturate(140%)}
.site-header.scrolled{box-shadow:0 12px 34px rgba(25,25,25,.08)}
.brand{background:#fff;border:1px solid rgba(27,27,27,.06);border-radius:7px;box-shadow:0 8px 22px rgba(31,27,21,.06)}
.main-nav a{color:#555a60}
.main-nav a:hover,.main-nav a[aria-current]{color:#111316}
.main-nav a[aria-current]:after{background:linear-gradient(90deg,#b98d49,#e0c17e)}
.language span{color:#c2bcb2}
.language a{color:#70757b}
.language a[aria-current]{color:#8a642f;font-weight:700}
.language .language-flag{box-shadow:0 0 0 1px rgba(20,20,20,.12)}
.menu-toggle{color:#17191b}

/* Hero: retain impact, remove the overly-black veil */
.hero{background:#d9d5cb}
.hero-image img{filter:saturate(.9) contrast(.98) brightness(1.06)}
.hero-shade{background:linear-gradient(90deg,rgba(19,23,27,.88) 0%,rgba(22,27,31,.70) 34%,rgba(34,36,38,.12) 72%),linear-gradient(0deg,rgba(18,20,22,.65) 0%,transparent 36%)}
.hero-grid{background:linear-gradient(90deg,transparent calc(100% - 1px),rgba(255,255,255,.10) 1px);opacity:.7}
.hero h1{color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.2)}
.hero-summary{color:rgba(255,255,255,.82)}
.hero .eyebrow{color:#ecd59f}
.hero .text-link{color:#fff}
.hero-bottom{color:rgba(255,255,255,.66)}
.scroll-cue i{border-color:rgba(255,255,255,.5)}
.model-card{border:1px solid rgba(226,197,139,.55);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(242,237,228,.78));box-shadow:0 26px 65px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.model-top{border-bottom-color:rgba(25,25,25,.1);color:#8f682f}
.motion-toggle,.model-caption{color:#80643b}
.model-fallback{opacity:.78}

/* Statistics: bright premium band */
.stats-band{padding:48px 0 30px;border-top:1px solid #e1d5bf;border-bottom:1px solid #ddd6c9;background:linear-gradient(110deg,#fff,#f2ede4 55%,#faf8f4)}
.stats-grid>div{border-right-color:#ddd5c8}
.stats-grid strong{color:#9f773e}
.stats-grid strong small{color:#777b80}
.stats-grid span{color:#666b70}
.stat-statement .icon{color:#b18a4f}
.metric-note{color:#8c8f93}

/* General card system */
.differences{background:radial-gradient(circle at 10% 10%,rgba(211,180,124,.14),transparent 32%),var(--km-cream)}
.depth-card{background:linear-gradient(145deg,#fff,#faf8f3);border:1px solid #e2ddd3;border-top-color:#d3b477;padding:38px 28px;box-shadow:0 20px 55px rgba(37,32,24,.08);border-radius:12px}
.depth-card:hover{box-shadow:0 28px 70px rgba(37,32,24,.14);border-color:#ceb077;transform:translateY(-4px)}
.depth-card:before{background:linear-gradient(90deg,transparent,#c49a59,transparent)}
.card-icon{color:#ad8345}
.card-number{color:#b7b0a4}
.depth-card p{color:#70747a}

/* About + editorial content */
.about-section{background:#fff}
.architecture-photo>img{border-radius:12px;box-shadow:var(--km-shadow)}
.photo-frame{border-color:rgba(181,138,72,.35);border-radius:12px}
.lead-text{color:#35383c}
.body-copy{color:#666a70}
.body-copy h2,.body-copy h3{color:var(--km-ink)}
.values-section{background:linear-gradient(180deg,#fff,#f7f3eb)}
.value-card{padding:36px;background:linear-gradient(145deg,#fff,#f9f6ef);border:1px solid #e1d9cc;border-radius:12px;box-shadow:0 18px 46px rgba(49,42,30,.07)}
.value-card p{color:#6c7075}

/* Services remain image-led, but the section itself becomes bright */
.services-section{background:linear-gradient(180deg,#f2eee6,#faf8f4)}
.service-card{border:1px solid rgba(109,87,52,.16);border-radius:12px;box-shadow:0 24px 62px rgba(42,35,25,.12)}
.service-card>img{filter:saturate(.75) contrast(.95)}
.service-card:hover>img{filter:saturate(.95) contrast(1)}
.service-shade{background:linear-gradient(0deg,rgba(18,20,21,.92) 0%,rgba(22,25,27,.62) 55%,rgba(24,26,28,.12))}
.service-card h3,.service-card p,.service-card .service-more{color:#fff}
.service-copy p{color:rgba(255,255,255,.75)}
.service-icon,.service-more span{color:#e3c58b}

/* Process was already light; refine it */
.process-section{background:linear-gradient(135deg,#f8f5ee,#eee7da);color:var(--km-ink)}
.process-section p{color:#666a6f}
.process-step{border-top-color:#cfc4b2}
.process-step:before{background:#b58a48;box-shadow:0 0 0 6px #ebe1cf}

/* Portfolio / projects */
.project-card{background:#fff;border:1px solid #e2ddd3;border-radius:12px;padding:12px 12px 30px;box-shadow:0 18px 48px rgba(42,36,27,.07)}
.project-card>img{border-radius:8px}
.project-card>div{padding:24px 14px 0}
.empty-portfolio{background:radial-gradient(ellipse at 80% 40%,rgba(181,138,72,.13),transparent),#fff;border:1px solid #ded6c8;border-radius:12px;box-shadow:var(--km-shadow)}
.filter-bar button{background:#fff;border:1px solid #ddd6ca;color:#5c6065}
.filter-bar button[aria-pressed=true]{background:linear-gradient(120deg,#d9b876,#bd8d45);color:#161616;border-color:transparent}

/* Locations, map and clients */
.locations-section{background:radial-gradient(ellipse at 50% 100%,rgba(181,138,72,.15),transparent 60%),#fff}
.location-card{border-top-color:#d9c8aa}
.location-card p{color:#696d72}
.location-mark{color:#b48a4d}
.world-map{filter:drop-shadow(0 22px 36px rgba(46,38,26,.12))}
.world-map>img{filter:sepia(.12) saturate(.8) brightness(.82)}
.clients-section{background:#f8f5ef;border-top:1px solid #ebe4d8;border-bottom:1px solid #e6dfd4}
.clients-row>div{background:#fff;border:1px solid #e4ded3;border-radius:10px;padding:18px;min-height:90px;display:grid;place-items:center;box-shadow:0 10px 28px rgba(30,27,22,.05)}
.clients-row img{filter:grayscale(1) opacity(.72)}
.clients-row img:hover{filter:none}

/* CTA: one deliberate dark contrast zone */
.cta-section{box-shadow:inset 0 1px rgba(255,255,255,.12)}
.cta-section:before{background:linear-gradient(90deg,rgba(21,24,27,.86),rgba(24,27,28,.54)),linear-gradient(0deg,rgba(17,18,19,.72),transparent)}
.cta-content h2{color:#fff}
.cta-content .eyebrow{color:#e5c68d}
.cta-caption{color:rgba(255,255,255,.58)}

/* Form: clean paper card */
.form-section{background:linear-gradient(180deg,#faf8f4,#f2ede4)}
.form-layout>div>p{color:#6b6f74}
.form-decoration{color:rgba(181,138,72,.07)}
.form-decoration span{color:rgba(181,138,72,.19)}
.enquiry-card{background:#fff;border:1px solid #ded8ce;border-radius:14px;box-shadow:0 26px 75px rgba(39,33,25,.12)}
.lead-form label{color:#484c51}
.lead-form input:not([type=checkbox]):not([type=file]),.lead-form textarea,.lead-form select{border:1px solid #d9d3ca;background:#faf9f6;color:#202327;border-radius:7px}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:#b58a48;box-shadow:0 0 0 3px rgba(181,138,72,.10)}
.lead-form select option{background:#fff;color:#222}
.form-note,.upload-label small{color:#7b7f84}
.upload-label{border-color:#cdb892;background:#fcfaf5;border-radius:8px}
.checkbox{color:#60646a!important}

/* Inner pages */
.inner-hero{border-bottom:1px solid #e1dbd1;background:radial-gradient(ellipse at 82% 25%,rgba(203,171,111,.18),transparent 50%),linear-gradient(135deg,#fff,#f1ede5)}
.inner-hero h1{color:var(--km-ink)}
.inner-hero p:not(.eyebrow){color:#666a70}
.inner-orbit{border-color:rgba(181,138,72,.22);box-shadow:0 0 0 55px rgba(181,138,72,.035),0 0 0 120px rgba(181,138,72,.018)}
.large-copy,.prose{color:#666a70}
.prose h2{color:var(--km-ink)}
.about-metrics{border-top-color:#d7c8aa}
.about-metrics strong{color:#a27a3f}
.detail-hero img{border-radius:12px;box-shadow:var(--km-shadow)}
.detail-aside{background:#fff;border:1px solid #e1dbd1;border-radius:12px;padding:24px;box-shadow:0 15px 38px rgba(35,31,25,.07)}
.detail-aside>p{border-bottom-color:#e5dfd5}
.detail-aside>p>span{color:#888d92}
.detail-aside>p>strong{color:#25282b}
.contact-list>a,.contact-list>div{color:#4f5358}
.case-section h2{color:var(--km-ink)}
.gallery-grid img,.before-after img{border-radius:10px;box-shadow:0 12px 30px rgba(35,31,25,.08)}

/* Footer: light, branded and logo-led */
.site-footer{border-top:1px solid #ded6c8;background:linear-gradient(145deg,#f4efe6,#fff 58%,#eee7db);padding:82px 0 30px;position:relative;overflow:hidden}
.site-footer:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-230px;top:-260px;border:1px solid rgba(181,138,72,.18);box-shadow:0 0 0 70px rgba(181,138,72,.025),0 0 0 145px rgba(181,138,72,.015);pointer-events:none}
.footer-grid{position:relative;grid-template-columns:1.45fr .8fr 1fr 1fr;gap:60px}
.site-footer .footer-brand{width:min(300px,100%);height:auto;aspect-ratio:500/202;margin-bottom:28px;background:#fff;border:1px solid #ddd5c9;border-radius:10px;padding:8px;box-shadow:0 16px 42px rgba(40,34,25,.09);overflow:hidden}
.site-footer .footer-brand img{width:100%;height:100%;padding:0;object-fit:contain;border-radius:6px}
.footer-grid p{color:#656a6f;max-width:310px;font-size:.86rem}
.footer-grid h3{color:#232629;font-size:.82rem;text-transform:uppercase;letter-spacing:.11em}
.footer-grid>div>a:not(.brand),.socials a{color:#656a70}
.footer-grid a:hover{color:#9b7138}
.footer-grid .language a{color:#666a70}
.footer-grid .language a[aria-current]{color:#8b642e}
.footer-bottom{border-top:1px solid #ddd6ca;color:#7c8085}
.footer-bottom a:hover,.footer-bottom button:hover{color:#8c662f}

/* Cookies and floating actions */
.cookie-banner{background:rgba(255,255,255,.96);border:1px solid #d8cbb5;box-shadow:0 24px 75px rgba(30,26,20,.2);color:#24272a}
.cookie-title{color:#2a2c2f!important}
.cookie-banner p{color:#666a70}
.whatsapp-float{box-shadow:0 10px 30px rgba(91,65,24,.25)}

@media(max-width:850px){
  .footer-grid{grid-template-columns:1.2fr 1fr;gap:42px}
  .site-footer .footer-brand{width:270px}
}

@media(max-width:650px){
  .main-nav{background:rgba(255,255,255,.98);box-shadow:0 28px 45px rgba(25,25,25,.12);border-top:1px solid #ebe5dc}
  .main-nav a{color:#3f4348}
  .hero-shade{background:linear-gradient(90deg,rgba(18,23,27,.86),rgba(18,23,27,.67) 58%,rgba(18,23,27,.35)),linear-gradient(0deg,rgba(19,20,21,.66),transparent 70%)}
  .model-card{background:rgba(255,255,255,.88)}
  .four{gap:15px}
  .depth-card{border-radius:10px}
  .service-card{border-radius:10px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:first-child{grid-column:1/-1}
  .site-footer .footer-brand{width:min(280px,100%)}
  .mobile-bottom{background:rgba(255,255,255,.94);border-top:1px solid #dfd8cc;box-shadow:0 -8px 30px rgba(29,26,21,.08)}
  .mobile-bottom a+a{background:#fff;color:#8c672f;border-color:#d4bf99}
  .cookie-banner{background:rgba(255,255,255,.98)}
}

@media(max-width:360px){
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
}


/* Official KAMIG logo: full symbol + name, not a text-only substitute */
.site-header .brand{width:94px;height:78px;border-radius:9px;padding:5px;box-shadow:0 8px 26px rgba(33,29,22,.08)}
.site-header .brand img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;padding:0!important}
.site-footer .footer-brand{width:min(235px,100%);height:auto;aspect-ratio:1.15/1;padding:10px}
.site-footer .footer-brand img{object-fit:contain}
@media(max-width:650px){.site-header .brand{width:76px;height:64px}.site-footer .footer-brand{width:210px}}

/* Transparent identity and responsive editorial collections */
.site-header .brand,.site-footer .footer-brand{background:transparent;border:0;box-shadow:none;border-radius:0}
.model-fallback{object-fit:contain!important;opacity:1;padding:30px;background:transparent}
.hero-credit{position:absolute;right:24px;bottom:12px;font-size:10px;color:#eee;z-index:3}
.process-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.custom-section{background:var(--km-cream)}
.clients-row img{max-height:100px;object-fit:contain;filter:none}
[hidden]{display:none!important}
@media(max-width:650px){.hero-credit{right:12px;bottom:5px;font-size:8px}}

/* Header identity refinement: greater presence within the existing header. */
.site-header .brand{width:118px;height:90px;padding:0;flex:0 0 auto;transition:width .25s ease,height .25s ease}
.site-header.scrolled .brand{width:102px;height:72px}
@media(min-width:651px) and (max-width:850px){
  .site-header .brand{width:108px;height:86px}
  .site-header.scrolled .brand{width:98px;height:72px}
}
@media(max-width:650px){
  .site-header .brand,.site-header.scrolled .brand{width:92px;height:72px;padding:0}
}
@media(max-width:360px){
  .site-header .brand,.site-header.scrolled .brand{width:86px;height:70px}
}
@media(prefers-reduced-motion:reduce){.site-header .brand{transition:none}}