/* =========================================================
   EVVA HOME — V8 METALLIC SIGNATURE
   Original logo-safe palette: obsidian + graphite + platinum + chrome + champagne.
   Loaded last on purpose: it restyles the whole V7 system without breaking functionality.
   ========================================================= */
:root{
  --ink:var(--evva-dark,#090B0D);
  --ink-2:var(--evva-graphite,#1B1F23);
  --ink-3:#2A3035;
  --paper:var(--evva-platinum,#F1F3F5);
  --paper-2:#FAFCFE;
  --paper-3:#E9EBEC;
  --sand:#D9DEE1;
  --line:#C9CFD3;
  --line-soft:#E2E5E7;
  --muted:#737B82;
  --body:#50575D;
  --copper:var(--evva-accent,#A2A6AB);
  --copper-2:#BCC0C5;
  --gold:#C1C5CA;
  --chrome:var(--evva-silver,#BEC7CE);
  --platinum:var(--evva-platinum,#F1F3F5);
  --gun:#30363B;
  --shadow:0 32px 90px rgba(5,8,10,.12);
}
html,body{background:var(--paper)}
body{background:
  radial-gradient(circle at 7% 4%,rgba(190,199,206,.16),transparent 23%),
  radial-gradient(circle at 93% 22%,rgba(162,166,171,.10),transparent 19%),
  linear-gradient(180deg,#F5F7F9 0%,var(--paper) 42%,#EEF0F1 100%);color:var(--ink)}
body:before{background:
  linear-gradient(rgba(45,52,58,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(45,52,58,.035) 1px,transparent 1px),
  radial-gradient(circle at 78% 8%,rgba(190,199,206,.13),transparent 26%);background-size:72px 72px,72px 72px,auto;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
::selection{background:var(--chrome);color:#090B0D}
.scroll-progress{height:3px;background:linear-gradient(90deg,#515960,var(--chrome),#F3F4F5,var(--copper),#555D64);box-shadow:0 0 20px rgba(190,199,206,.65)}
.cursor-glow{background:radial-gradient(circle,rgba(193,202,210,.14),rgba(193,202,210,0) 68%);mix-blend-mode:screen}

/* top + logo-safe navigation */
.topbar{background:linear-gradient(90deg,#07090B,#15191C 48%,#07090B);border-color:rgba(211,218,223,.15)}
.topbar-in{color:#9EA8AF}.topbar-center{color:#F5F6F6}.topbar-center i{background:linear-gradient(90deg,transparent,var(--chrome),transparent)}
.hdr{background:rgba(244,246,248,.93);border-bottom:1px solid rgba(107,116,123,.25);box-shadow:0 14px 45px rgba(7,10,12,.07)}
.hdr .row{padding-top:10px;padding-bottom:10px;min-height:100px}
.brand{min-width:150px;display:flex;align-items:center}
.brand-plate{position:relative;display:grid;place-items:center;width:118px;height:82px;padding:5px 12px;border:1px solid rgba(93,102,109,.18);border-radius:18px;background:
  linear-gradient(145deg,#FFFFFF 0%,#F0F2F2 50%,#FFFFFF 100%);box-shadow:0 13px 30px rgba(8,12,15,.08),inset 0 1px 0 #fff;overflow:hidden}
.brand-plate:before{content:"";position:absolute;inset:5px;border:1px solid rgba(190,199,206,.36);border-radius:13px;pointer-events:none}
.brand-plate:after{content:"";position:absolute;left:-55%;top:-20%;width:38%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);transform:skewX(-20deg);animation:logoShine 7s ease-in-out infinite}
@keyframes logoShine{0%,68%{left:-55%}88%,100%{left:130%}}
.brand-plate img{position:relative;z-index:2;width:auto;height:72px;max-width:92px;object-fit:contain;filter:none!important;opacity:1!important}
.hdr.shrink .row{padding-top:7px;padding-bottom:7px;min-height:82px}.hdr.shrink .brand-plate{height:66px;width:100px}.hdr.shrink .brand-plate img{height:58px}
.nav{gap:28px}.nav a,.text-link{color:#32383D}.nav a:after,.text-link:after{height:2px;background:linear-gradient(90deg,var(--chrome),var(--copper))}
.btn{border-color:#101316;background:linear-gradient(115deg,#080A0C 0%,#252B30 55%,#090B0D 100%);box-shadow:0 14px 35px rgba(5,8,10,.13)}
.btn:before{background:linear-gradient(110deg,transparent 24%,rgba(218,224,228,.35),transparent 70%)}
.btn:hover{background:linear-gradient(115deg,#22282D,#4B555D);border-color:#59636A;color:#fff}
.btn-light{background:linear-gradient(145deg,#fff,#E8ECEE);border-color:#fff;color:#111416;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.btn-light:hover{background:linear-gradient(135deg,#E8ECEE,#C5CCD1);border-color:#DDE1E4;color:#0B0D0F}
.btn-brass{background:linear-gradient(110deg,#969A9F,#D0D2D4,#93979C);border-color:#C2C6CB;color:#111315}
.btn-ghost{background:rgba(255,255,255,.45);border-color:#9DA6AD;color:#22272B}.btn-ghost:hover{background:#171B1F;border-color:#171B1F}

/* hero: showroom cinematic / not brown */
.hero{height:860px;background:#07090A}.hero .bg{opacity:.76;filter:saturate(.72) contrast(1.08) brightness(.88)}
.hero .scrim{background:
  linear-gradient(90deg,rgba(5,7,9,.96) 0%,rgba(8,11,13,.80) 38%,rgba(10,13,15,.38) 67%,rgba(6,8,10,.20) 100%),
  linear-gradient(0deg,rgba(4,6,7,.72),transparent 52%)}
.hero:before{content:"";position:absolute;z-index:2;inset:0;background:
  linear-gradient(115deg,transparent 0 66%,rgba(207,214,219,.085) 66.15% 66.35%,transparent 66.5%),
  linear-gradient(115deg,transparent 0 78%,rgba(162,166,171,.075) 78.15% 78.3%,transparent 78.45%);pointer-events:none}
.hero:after{width:46%;background:radial-gradient(circle at 70% 36%,rgba(207,214,219,.12),transparent 30%)}
.hero-frame{inset:28px;border-color:rgba(213,220,225,.19)}
.hero-frame:before,.hero-frame:after{border-color:rgba(214,221,225,.62)}
.hero .kicker{color:#C9D0D5}.kicker s{background:linear-gradient(90deg,var(--chrome),var(--copper))}
.hero h1{font-size:clamp(68px,7.7vw,122px);max-width:8.8em;text-shadow:0 6px 35px rgba(0,0,0,.34)}
.hero .lead{color:#CCD2D6;border-left-color:rgba(198,207,213,.56);max-width:610px}
.hero-signature{width:330px;border:1px solid rgba(212,219,224,.26);background:linear-gradient(145deg,rgba(23,28,32,.68),rgba(8,11,13,.30));box-shadow:0 45px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);border-radius:24px}
.hero-signature:before{border-color:rgba(215,222,226,.13);border-radius:17px}.hs-top{color:#AEB7BD}.hs-top i{background:linear-gradient(90deg,var(--chrome),var(--copper),transparent)}
.hero-signature>b{color:#F5F6F6}.hero-signature p{color:#B8C0C5}.hs-meta{border-color:rgba(215,221,225,.13)}.hs-meta span{color:#C3CBD0}.hs-meta small{color:var(--copper)}
.hero-index{color:#D5DCE0}.hero-index i{color:var(--copper)}
.hero-orbit span{border-color:rgba(207,214,219,.11)!important}

/* premium statement + stats */
.stats .in{background:rgba(255,255,255,.80);backdrop-filter:blur(18px);border-color:rgba(142,151,158,.28);box-shadow:0 28px 70px rgba(10,13,15,.08)}
.stats div{border-color:#E0E3E5}.stats div:before{background:linear-gradient(90deg,var(--chrome),var(--copper))}.stats b{color:#15191C}
.brand-statement .bs-no{color:#7D878E}.brand-statement p{color:#6B7379}.brand-statement p b{color:#171B1F}.brand-statement .bs-line{background:linear-gradient(90deg,var(--chrome),var(--copper),transparent)}
.marq{border-color:#D9DEE1}.marq .t{color:#7E878D}.marq em{color:var(--copper)}

/* sections */
.eyebrow{color:#6F777D}.eyebrow b{color:#626B72}.eyebrow s{background:linear-gradient(90deg,var(--chrome),var(--copper))}
.sec .lead{color:#5B6369}
.mosaic{gap:12px}.tile{background:#C9CED1;box-shadow:0 18px 55px rgba(8,12,15,.08)}.tile:after{background:linear-gradient(to top,rgba(5,8,10,.78),transparent 58%)}
.tile .cap b{color:#F6F7F7}.tile .cap i{color:#C8D0D4}

/* product cards: floating chrome gallery */
.grid{gap:34px 18px}.card:nth-child(4n+2),.card:nth-child(4n+4){margin-top:58px}
.card .ph{border-radius:22px;background:#D6DBDE;box-shadow:0 30px 78px rgba(8,12,15,.16);border:1px solid rgba(116,126,133,.18)}
.card .ph:before{content:"";position:absolute;z-index:2;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none}
.card .ph:after{border:1px solid rgba(223,228,231,.35);background:rgba(9,12,14,.68);color:#F2F4F5;border-radius:999px}
.card .body{margin:-38px 14px 0;padding:26px 22px 22px;background:rgba(250,251,250,.92);border:1px solid rgba(161,170,176,.34);border-radius:18px;box-shadow:0 24px 60px rgba(8,12,15,.10)}
.card .body:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--chrome),var(--copper),transparent)}
.card .cat{color:#6B747A!important}.card .tag{border-radius:999px!important;background:linear-gradient(100deg,#111518,#31383E)!important;color:#E7ECEF!important;border-color:rgba(214,221,225,.25)}
.card .price{color:#181C1F}.card .acts{color:#535C62}.card:hover{transform:translateY(-8px)}

/* selected collection */
.feature{background:radial-gradient(circle at 85% 16%,#323A40 0%,#15191D 31%,#080A0C 76%);box-shadow:0 52px 130px rgba(4,7,9,.25);border-color:#31383D;border-radius:30px}
.feature:before{color:rgba(224,229,232,.026)}.feature .pic:after{background:rgba(8,11,13,.78);color:#E5EAED}.feature .eyebrow,.feature .swatches{color:#AAB2B7}.feature h3{color:#F5F6F7}.feature .pricerow b{color:#D0D2D4}.feature .parts div{border-color:rgba(211,218,222,.13)}.feature .parts span{color:#CED4D8}

/* project / about / content blocks */
.dark{background:radial-gradient(circle at 77% 20%,#343B40 0%,#171B1F 34%,#07090B 82%)}
.dark:before{color:rgba(226,231,234,.025)}.dark p{color:#B9C1C6}.dark .eyebrow{color:#8F999F}.dark .eyebrow b{color:#B5B9BE}.dark .eyebrow s{background:#5F6970}.quad{border-color:rgba(207,214,219,.15)}.quad div{border-color:rgba(207,214,219,.15)}.quad i{color:#939EA4}
.about{background:linear-gradient(120deg,#E1E4E6,#F3F5F7 48%,#D9DEE1)}.about:before{color:rgba(38,45,50,.035)}.about p{color:#252A2E}
.quote,.info .box,.post{border-color:rgba(140,150,157,.28);background:rgba(255,255,255,.76);box-shadow:0 18px 50px rgba(7,11,13,.05)}.quote:hover{box-shadow:0 34px 82px rgba(7,11,13,.12)}.quote .m{color:#8D969D}.quote .who i,.post i{color:#7E878D}.info .box.dark{background:linear-gradient(145deg,#252B30,#080A0C)}.info .box.dark p{color:#B9C1C6}

/* contact + footer: original logo is deliberately placed on a light vault */
.contact{background:radial-gradient(circle at 14% 21%,#30373C 0%,#15191D 37%,#07090B 82%)}
.contact:before{background:linear-gradient(125deg,transparent 50%,rgba(210,217,222,.045) 50.15%,transparent 50.35%);background-size:82px 82px}
.contact .meta{color:#CAD1D5}.contact .meta b{color:#89949A}
.form{background:rgba(247,248,247,.97);border-color:rgba(204,211,215,.32);border-radius:28px;box-shadow:0 46px 120px rgba(0,0,0,.32)}.form:before{border-color:rgba(150,160,167,.18);border-radius:20px}.form .tabs{background:#E2E6E8}.form input,.form textarea,.form select{background:#fff;border-color:#CBD1D5;border-radius:12px}.form button.send{background:linear-gradient(100deg,#080A0C,#333A40);border-radius:999px}.form button.send:hover{background:linear-gradient(100deg,#343B40,#111519)}
.foot{background:#06080A}.foot .cols>div:first-child{position:relative}.foot img{width:auto;height:154px;max-width:150px;filter:none!important;opacity:1!important;background:linear-gradient(145deg,#FFFFFF,#ECEFF0);padding:12px 14px;border-radius:22px;border:1px solid rgba(210,218,222,.34);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.foot p{color:#939EA4}.foot h4{color:#7F8A91}.foot .ln{color:#D0D6DA}.foot .sub input{border-color:rgba(201,209,214,.25)}.foot .sub button{background:linear-gradient(120deg,#9CA0A5,#D3D5D7,#999DA2);color:#121416}

/* WhatsApp less intrusive */
.wa{background:rgba(13,17,20,.92)!important;border:1px solid rgba(207,214,219,.23)!important;box-shadow:0 20px 50px rgba(5,8,10,.22)!important;backdrop-filter:blur(18px)}

/* studio / ten modules */
.studio-hero{background:radial-gradient(circle at 82% 16%,#374047 0,#171C20 35%,#07090B 80%)}
.studio-hero:after{color:rgba(220,226,230,.025)}.studio-hero p{color:#BEC7CC}.studio-kicker{color:#B0B4B9}
.module-grid{gap:18px}.module-card{border:1px solid rgba(145,155,162,.30);background:linear-gradient(145deg,#FFFFFF,#F1F3F3);border-radius:24px;box-shadow:0 16px 45px rgba(7,11,13,.055)}
.module-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--chrome),var(--copper),transparent);transform:scaleX(.22);transform-origin:left;transition:.38s}.module-card:hover:after{transform:scaleX(1)}.module-card:before{color:#E2E6E8}.module-card:hover{transform:translateY(-9px);box-shadow:0 35px 90px rgba(7,11,13,.14)}.module-card p{color:#667078}.module-card span{color:#7B858C}
.studio-page{background:linear-gradient(180deg,#F3F5F7,#EAEDF0)}.studio-panel{border:1px solid #CBD1D5;background:rgba(255,255,255,.90);border-radius:24px;box-shadow:0 25px 70px rgba(7,11,13,.08)}.studio-form label{color:#687179}.studio-form input,.studio-form select,.studio-form textarea{border-color:#CBD1D5;background:#fff;border-radius:12px}.studio-btn{background:linear-gradient(105deg,#090B0D,#333A40);border-radius:999px}.studio-btn.alt{border-color:#9EA8AF;color:#252B30}.studio-product{border-color:#CDD3D7;border-radius:16px}.portal{background:linear-gradient(145deg,#171C20,#080A0C);border-radius:24px}.portal a{color:#C2C6CB}.badge-soft{background:#E6EAEC;color:#424A50;border-radius:999px}
.studio-strip{background:radial-gradient(circle at 80% 20%,#374047,#171B1F 39%,#07090B 83%);border-radius:32px;box-shadow:0 34px 90px rgba(7,11,13,.18)}.studio-strip:before{color:rgba(225,230,233,.028)}.studio-strip .links{border-color:rgba(209,216,220,.14)}.studio-strip .links a{border-color:rgba(209,216,220,.13)}.studio-strip .links span{color:#B3B7BC}

@media(max-width:980px){
  .hdr .row{min-height:84px}.brand-plate{width:100px;height:68px}.brand-plate img{height:59px}.nav{gap:16px}
}
@media(max-width:700px){
  .brand{min-width:auto}.brand-plate{width:82px;height:62px;border-radius:14px}.brand-plate img{height:54px;max-width:70px}.hero{height:720px}.hero .inner{padding-top:64px}.foot img{height:125px}
}
.catalog-logo-vault{display:inline-grid;place-items:center;min-width:125px;min-height:120px;padding:10px 12px;border:1px solid #D2D8DB;border-radius:18px;background:linear-gradient(145deg,#fff,#ECEFF0);box-shadow:0 12px 30px rgba(7,11,13,.08)}.catalog-logo-vault img{max-height:105px;width:auto;filter:none!important}
@media print{.catalog-logo-vault{box-shadow:none}.catalog-logo-vault img{max-height:95px}}
.contact>.in>.rv>p{color:#C6CED3!important}.contact .eyebrow{color:#8E9AA1}.contact .eyebrow b{color:#B5B9BE}.contact .eyebrow s{background:linear-gradient(90deg,var(--chrome),var(--copper))}