:root{--bg:#030303;--panel:#080706;--gold:#d7a342;--gold2:#f0c16a;--text:#f6f2ea;--muted:#aaa59d;--line:rgba(215,163,66,.22);--header:76px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:radial-gradient(rgba(255,255,255,.9) .5px,transparent .6px);background-size:4px 4px}.section{border-top:1px solid rgba(255,255,255,.07);position:relative}.site-header{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:170px 1fr auto;align-items:center;padding:0 3.5vw;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.72));backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{height:66px;border-bottom-color:var(--line);box-shadow:0 8px 40px rgba(0,0,0,.45)}.brand img{width:126px;height:auto;display:block}.main-nav{display:flex;justify-content:center;gap:2.25vw}.main-nav a,.footer-bottom a{color:#eee;text-decoration:none;font-size:11px;letter-spacing:.04em;transition:.25s}.main-nav a:hover,.main-nav a.active{color:var(--gold2);text-shadow:0 0 18px rgba(240,193,106,.35)}.header-actions{display:flex;align-items:center;gap:24px}.languages{display:flex;align-items:center;gap:7px;color:#6f6b64}.lang{appearance:none;border:0;background:none;color:#aaa;font-size:11px;padding:2px;cursor:pointer}.lang.active{color:var(--gold2)}.whatsapp-outline{border:1px solid rgba(215,163,66,.62);padding:12px 16px;color:var(--gold2);text-decoration:none;font-size:11px;letter-spacing:.04em;position:relative;overflow:hidden}.hover-glow:after{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(115deg,transparent 30%,rgba(255,214,130,.32) 50%,transparent 70%);transform:translateX(-90%);transition:.7s}.hover-glow:hover:after{transform:translateX(90%)}.menu-toggle{display:none}.hero{min-height:590px;padding:calc(var(--header) + 20px) 3.8vw 0;display:grid;grid-template-columns:39% 61%;overflow:hidden}.hero-copy{align-self:center;z-index:3;padding:30px 0 52px}.eyebrow{color:var(--gold2);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:16px}.hero h1,.copy-panel h2,.fee h2,.footer h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;line-height:.95;letter-spacing:-.025em}.hero h1{font-size:clamp(44px,4.8vw,74px)}.hero h1 em{font-weight:400;color:var(--gold2)}.hero-tags{margin:24px 0 28px;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.05em}.hero-tags b{color:var(--gold)}.hero-actions{display:flex;gap:12px}.btn-gold,.btn-dark,.small-outline{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:0 18px;text-decoration:none;font-size:11px;font-weight:600;transition:.25s;will-change:transform}.btn-gold{background:linear-gradient(135deg,#e8b95e,#bd8430);color:#111;box-shadow:0 8px 25px rgba(206,145,50,.16)}.btn-dark{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(0,0,0,.4)}.btn-gold:hover{box-shadow:0 0 35px rgba(226,171,74,.32)}.btn-dark:hover,.small-outline:hover{border-color:var(--gold2);color:var(--gold2);box-shadow:0 0 30px rgba(215,163,66,.12)}.hero-media{align-self:stretch;position:relative;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:contrast(1.03) saturate(.96);transition:transform 8s cubic-bezier(.2,.7,.2,1),filter 1s}.hero-media.in-view img{transform:scale(1.025)}.hero-media:after{content:"";position:absolute;inset:0;box-shadow:inset 50px 0 55px #030303,inset 0 20px 20px rgba(0,0,0,.35),inset 0 -18px 35px rgba(0,0,0,.45);pointer-events:none}.car-aura{position:absolute;inset:10% 8% 8%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(215,163,66,.11),transparent 62%);opacity:.45;animation:aura 4.8s ease-in-out infinite;pointer-events:none}.car-sweep{position:absolute;top:10%;bottom:8%;left:-25%;width:30%;transform:skewX(-17deg);background:linear-gradient(90deg,transparent,rgba(255,218,145,.13),rgba(255,255,255,.06),transparent);filter:blur(7px);mix-blend-mode:screen;pointer-events:none}.hero-media.in-view .car-sweep{animation:sweep 6.5s ease-in-out 1.2s infinite}@keyframes sweep{0%,35%{left:-30%;opacity:0}47%{opacity:.8}65%{left:112%;opacity:0}100%{left:112%;opacity:0}}@keyframes aura{0%,100%{opacity:.28;transform:scale(.98)}50%{opacity:.6;transform:scale(1.02)}}.trust-strip{padding:26px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;background:#030303}.trust-card{display:flex;align-items:flex-start;gap:17px}.trust-icon{width:42px;height:42px;border:1px solid rgba(215,163,66,.65);color:var(--gold2);display:grid;place-items:center;border-radius:50%;font-size:22px}.trust-card strong{color:var(--gold2);font-size:12px;font-weight:600}.trust-card p{margin:7px 0 0;color:#b4b0a8;font-size:12px;line-height:1.5}.split-section,.services-section,.lower-split{display:grid;grid-template-columns:42% 58%;min-height:320px;background:#050505}.copy-panel,.services-list{padding:44px 5.5vw;align-self:center}.copy-panel h2{font-size:clamp(32px,3vw,47px);line-height:1}.copy-panel p{font-size:13px;color:var(--muted);line-height:1.65;max-width:600px;margin:15px 0}.image-panel{overflow:hidden;position:relative;min-height:320px}.image-panel img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(.95);will-change:transform}.image-panel:after{content:"";position:absolute;inset:0;box-shadow:inset 55px 0 55px rgba(3,3,3,.75),inset 0 0 35px rgba(0,0,0,.28);pointer-events:none}.services-section{grid-template-columns:42% 58%}.services-list a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:0;max-width:470px;text-decoration:none;color:#ddd;border-bottom:1px solid rgba(255,255,255,.11);padding:10px 0;font-size:16px;transition:.22s}.services-list a:hover{color:#fff;padding-left:5px;border-bottom-color:rgba(215,163,66,.6)}.services-list .num,.services-list i{color:var(--gold2);font-style:normal}.fee{text-align:center;overflow:hidden;padding:32px 20px 28px;background:radial-gradient(circle at center,rgba(111,65,17,.16),#050505 48%)}.fee .eyebrow{margin-bottom:8px}.fee h2{font-size:clamp(32px,3vw,48px);line-height:1}.fee p{font-size:12px;color:#aaa;margin:10px 0 0}.gold-swoosh{position:absolute;width:45%;height:160px;border-top:2px solid var(--gold2);filter:drop-shadow(0 0 12px #c87c17);opacity:.85}.gold-swoosh.left{left:-10%;bottom:-95px;transform:rotate(-8deg);border-radius:50%}.gold-swoosh.right{right:-10%;top:95px;transform:rotate(8deg);border-radius:50%}.process{padding:28px 5vw 36px;background:#030303;overflow:hidden}.process-label{margin-bottom:10px}.process-grid{margin-left:100px;display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:2}.process-step{text-align:center}.process-step b{display:block;font-size:18px;font-weight:400}.process-step span{width:9px;height:9px;border:1px solid var(--gold2);border-radius:50%;display:block;margin:9px auto 9px;background:#080808;box-shadow:0 0 0 rgba(215,163,66,0);transition:.35s}.process-step p{font-size:11px;color:#aaa;margin:0}.process.in-view .process-step span{animation:nodeGlow .7s ease forwards;animation-delay:calc(var(--i,0)*.42s + .45s)}.process-track{height:1px;background:rgba(215,163,66,.28);position:absolute;left:calc(5vw + 155px);right:8vw;top:72px;overflow:visible}.process-progress{position:absolute;height:2px;left:0;top:-.5px;width:0;background:linear-gradient(90deg,#9e651f,#f9ce74);box-shadow:0 0 12px rgba(241,183,82,.8)}.process.in-view .process-progress{animation:processFill 3.2s cubic-bezier(.3,.7,.2,1) forwards}.process-light{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff2be;box-shadow:0 0 12px #fff0b0,0 0 25px #d58a27;left:0;opacity:0}.process.in-view .process-light{animation:processLight 3.2s cubic-bezier(.3,.7,.2,1) forwards}@keyframes processFill{to{width:100%}}@keyframes processLight{0%{left:0;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}@keyframes nodeGlow{50%{background:#f1c26b;box-shadow:0 0 18px #d79732}100%{background:#15110a;box-shadow:0 0 9px rgba(215,163,66,.45)}}.lower-split{min-height:240px}.lower-split .copy-panel{padding-top:35px;padding-bottom:35px}.lower-split .image-panel{min-height:240px}.small-outline{border:1px solid rgba(215,163,66,.5);color:var(--gold2);margin-top:6px;min-height:40px}.delivery{border-top:1px solid rgba(255,255,255,.05)}.footer{padding:20px 4vw 16px;background:#020202}.footer-inner{max-width:1500px;margin:auto}.footer-brand{display:none}.footer-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.social-cta{min-height:48px;padding:0 19px;border:1px solid rgba(215,163,66,.55);color:var(--gold2);text-decoration:none;display:flex;align-items:center;gap:10px;justify-content:center;position:relative;overflow:hidden;transition:.3s}.social-cta:before{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(100deg,transparent,rgba(255,214,132,.16),transparent);transition:.6s}.social-cta:hover:before{transform:translateX(105%)}.social-cta:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(215,163,66,.18);border-color:var(--gold2)}.social-cta i{font-style:normal}.instagram-cta{border-color:rgba(185,91,154,.55);color:#fff}.instagram-cta:hover{border-color:#d9a1c8;box-shadow:0 0 28px rgba(182,79,147,.18)}.instagram-cta small{color:#d5a344}.phone{font-size:16px;color:#fff;text-decoration:none;letter-spacing:.06em}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#85827c}.footer-bottom nav{display:flex;gap:28px}.footer-bottom a{color:#8e8a84}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.from-left{transform:translateX(-28px)}.reveal.from-right{transform:translateX(28px)}.reveal.zoom-in{transform:scale(.97)}.reveal.in-view{opacity:1;transform:none}.stagger:nth-child(2){transition-delay:.08s}.stagger:nth-child(3){transition-delay:.16s}.stagger:nth-child(4){transition-delay:.24s}@media(max-width:980px){.site-header{grid-template-columns:145px 1fr;padding:0 20px}.main-nav{position:fixed;inset:0;background:rgba(0,0,0,.97);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;transform:translateY(-100%);transition:.4s;z-index:1001}.main-nav.open{transform:none}.main-nav a{font-size:17px}.menu-toggle{display:block;position:absolute;right:20px;top:23px;z-index:1002;width:28px;height:24px;border:0;background:none}.menu-toggle span{position:absolute;left:0;right:0;height:1px;background:#fff;top:8px;transition:.3s}.menu-toggle span:last-child{top:16px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header-actions{justify-self:end;margin-right:45px}.whatsapp-outline{display:none}.hero{grid-template-columns:1fr;padding:95px 20px 0}.hero-media{min-height:430px;margin:0 -20px}.hero-media:after{box-shadow:inset 0 35px 45px #030303,inset 0 -15px 35px #030303}.trust-strip{grid-template-columns:1fr 1fr;padding:28px 24px}.split-section,.services-section,.lower-split{grid-template-columns:1fr}.copy-panel,.services-list{padding:38px 24px}.image-panel{min-height:315px}.services-section .image-panel{min-height:270px}.process-grid{margin-left:0}.process-track{left:10%;right:10%;top:75px}.footer-actions{grid-template-columns:1fr}.phone{justify-self:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-bottom nav{gap:18px}}@media(max-width:560px){:root{--header:68px}.brand img{width:108px}.header-actions{margin-right:40px}.languages{gap:4px}.hero{padding-top:78px}.hero h1{font-size:46px}.hero-media{min-height:320px}.hero-tags{font-size:9px;gap:7px}.hero-actions{flex-wrap:wrap}.trust-strip{grid-template-columns:1fr}.copy-panel h2{font-size:37px}.process{padding-left:16px;padding-right:16px}.process-track{top:72px}.process-step b{font-size:15px}.process-step p{font-size:9px}.footer{padding-left:16px;padding-right:16px}.social-cta{font-size:11px}.instagram-cta small{display:none}}

/* ===== DOMELLO ULTRA-LUXURY POLISH ===== */
:root{
  --gold:#b9852c;
  --gold2:#f2ca78;
  --gold3:#fff0bd;
  --gold-deep:#8a5a18;
  --gold-metal:linear-gradient(105deg,#8d5d19 0%,#c99539 22%,#fff0b5 47%,#d9a64a 68%,#8d5d19 100%);
}
body{font-family:'Manrope',Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.005em}
.hero h1,.copy-panel h2,.fee h2,.footer h2{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.018em}
.hero h1{line-height:.91}.hero h1 em{font-style:italic}
.eyebrow,.hero h1 em,.trust-card strong,.services-list .num,.services-list i,.lang.active,.footer .eyebrow{
  background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 0 24px rgba(229,179,80,.08)
}
.btn-gold{background:linear-gradient(120deg,#8b5a18 0%,#c78e31 18%,#f4d17e 48%,#c2872c 76%,#7a4c12 100%);box-shadow:inset 0 1px rgba(255,244,198,.45),0 10px 34px rgba(196,128,24,.22)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,244,198,.55),0 0 44px rgba(236,177,68,.3)}
.whatsapp-outline,.small-outline,.social-cta{border-color:rgba(213,164,66,.58)}
.hero-media img,.image-panel img{filter:none;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.hero-media img{object-position:center 51%}
.image-panel img{inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.15s cubic-bezier(.19,1,.22,1),filter .7s ease}
.image-panel:hover img{transform:scale(1.018)}
.image-panel:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(245,200,110,.06) 48%,transparent 72%);transform:translateX(-110%);transition:transform 1.25s cubic-bezier(.19,1,.22,1)}
.image-panel:hover:before{transform:translateX(110%)}
.image-panel:after{z-index:2;box-shadow:inset 48px 0 55px rgba(3,3,3,.62),inset 0 0 24px rgba(0,0,0,.18)}
.section{isolation:isolate}
.section:not(.hero):not(.footer):after{content:"";position:absolute;left:50%;bottom:0;width:42%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(220,165,68,.25),transparent);pointer-events:none}
.reveal{opacity:0;filter:blur(7px);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.2,.7,.2,1),filter 1.05s ease;will-change:transform,opacity,filter}
.reveal.visible{opacity:1!important;transform:none!important;filter:blur(0)}
.from-left{transform:translate3d(-44px,18px,0)}.from-right{transform:translate3d(44px,18px,0)}.zoom-in{transform:scale(.965) translateY(20px)}
.trust-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,border-color .45s;padding:14px 12px;border:1px solid transparent;border-radius:2px}
.trust-card:hover{transform:translateY(-5px);background:linear-gradient(180deg,rgba(219,164,64,.055),rgba(0,0,0,0));border-color:rgba(213,164,66,.14)}
.trust-icon{box-shadow:inset 0 0 18px rgba(219,164,64,.04);transition:.4s}.trust-card:hover .trust-icon{transform:rotate(-6deg) scale(1.05);box-shadow:0 0 24px rgba(213,164,66,.14)}
.services-list a{position:relative;overflow:hidden}.services-list a:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold-metal);transition:width .55s cubic-bezier(.2,.8,.2,1)}.services-list a:hover:before{width:100%}.services-list a i{transition:transform .35s}.services-list a:hover i{transform:translateX(6px)}
.process{padding-top:32px}.process-track{background:rgba(210,157,58,.15)}.process-progress{height:2px;background:linear-gradient(90deg,#8b5917,#c48a30,#ffe4a0,#b77925);box-shadow:0 0 10px rgba(247,199,105,.6),0 0 24px rgba(187,115,29,.32)}
.process-light{width:12px;height:12px;top:-5px;background:#fff5cc;box-shadow:0 0 12px #fff3bf,0 0 26px #e7a63f,0 0 46px rgba(214,127,27,.55)}
.process-step b{font-family:'Cormorant Garamond',serif;font-size:23px}.process-step p{font-family:'Manrope',sans-serif}
.process.in-view .process-step{animation:processStepRise .7s ease both;animation-delay:calc(var(--i,0)*.42s + .25s)}
@keyframes processStepRise{from{transform:translateY(8px);opacity:.45}to{transform:translateY(0);opacity:1}}
.fee h2{background:linear-gradient(180deg,#fffaf0,#d7c9b4);-webkit-background-clip:text;background-clip:text;color:transparent}
.gold-swoosh{border-top-color:#e4b24c;filter:drop-shadow(0 0 10px rgba(216,139,33,.85)) drop-shadow(0 0 28px rgba(177,91,9,.22))}
.social-cta{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s}.social-cta:hover{transform:translateY(-4px) scale(1.015);background:linear-gradient(180deg,rgba(225,174,77,.08),rgba(225,174,77,.01));box-shadow:0 12px 35px rgba(0,0,0,.32),0 0 26px rgba(215,163,66,.18)}
.instagram-cta:hover{background:linear-gradient(110deg,rgba(164,63,140,.08),rgba(219,163,68,.06));box-shadow:0 12px 35px rgba(0,0,0,.32),0 0 28px rgba(173,68,144,.16)}
.footer-bottom{color:#9f9a90}
@media (min-width:1100px){.hero{min-height:640px}.hero-media{min-height:560px}.image-panel{min-height:350px}.lower-split .image-panel{min-height:270px}}
@media (max-width:900px){.hero-media img{object-position:center}.image-panel img{object-position:center}.reveal{filter:blur(4px)}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transform:none}.hero-media.in-view .car-sweep,.car-aura,.process.in-view .process-progress,.process.in-view .process-light,.process.in-view .process-step span{animation:none!important}}
body:after{content:"";position:fixed;left:0;top:0;height:2px;width:calc(var(--scroll-progress,0) * 100%);z-index:10020;background:linear-gradient(90deg,#7d4c10,#e2ad4d,#fff0b1);box-shadow:0 0 14px rgba(234,177,70,.6);pointer-events:none}


/* =========================================================
   DOMELLO FINAL SHARPNESS FIX
   Keep all text/photos sharp at every scroll position.
   Scroll animations use movement + opacity only, never blur.
   ========================================================= */
.site-header{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.reveal,
.reveal.from-left,
.reveal.from-right,
.reveal.zoom-in,
.reveal.in-view,
.reveal.visible,
.image-panel,
.image-panel.in-view,
.hero-media,
.hero-media.in-view,
.trust-card,
.trust-card.in-view,
.copy-panel,
.copy-panel.in-view,
.services-list,
.services-list.in-view,
.process,
.process.in-view{
  filter:none !important;
  -webkit-filter:none !important;
}

.reveal{
  opacity:0;
  transition:
    opacity .8s cubic-bezier(.2,.7,.2,1),
    transform .9s cubic-bezier(.2,.7,.2,1) !important;
}

.reveal.in-view,
.reveal.visible{
  opacity:1 !important;
  transform:none !important;
}

.hero-media img,
.image-panel img,
.hero-media.in-view img,
.image-panel.in-view img{
  filter:none !important;
  -webkit-filter:none !important;
  image-rendering:auto !important;
}

/* no fog layer over content */
body::before{
  opacity:.018 !important;
}


/* =========================================================
   FAIL-SAFE VISIBILITY + SHARP CONTENT
   The site is ALWAYS visible. JS only adds motion; it never
   controls whether critical content exists on screen.
   ========================================================= */
.reveal,
.reveal.from-left,
.reveal.from-right,
.reveal.zoom-in,
.trust-card,
.copy-panel,
.services-list,
.image-panel,
.hero-media,
.process-step {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  visibility: visible !important;
}

/* Keep tasteful motion without hiding content */
.js-ready .reveal {
  transition: transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s ease !important;
}
.js-ready .reveal.from-left:not(.in-view) { transform: translate3d(-18px,0,0); opacity:.92 !important; }
.js-ready .reveal.from-right:not(.in-view){ transform: translate3d(18px,0,0); opacity:.92 !important; }
.js-ready .reveal.zoom-in:not(.in-view){ transform: scale(.985); opacity:.94 !important; }
.js-ready .reveal.in-view { transform:none !important; opacity:1 !important; }

.hero-media img,
.image-panel img {
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}

/* Never put a blur veil over the page */
.site-header{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  background:rgba(0,0,0,.96) !important;
}
body::before{ opacity:.012 !important; }


/* === User's real photos: exact fitting === */
.hero-media img{
  object-position:center 50% !important;
}
#after .image-panel img{
  object-position:center 47% !important;
}
#delivery .image-panel img{
  object-position:center 50% !important;
}

/* Keep user's photos clean and detailed: no photographic blur */
.hero-media img,
#after .image-panel img,
#delivery .image-panel img{
  filter:none !important;
  -webkit-filter:none !important;
}


/* =========================================================
   DOMELLO requested animation pass
   ========================================================= */

/* HERO: no whole-car zoom/sweep/aura. Only the exact LED pixels pulse. */
.hero-media img:not(.hero-led-overlay){
  transform:none !important;
  transition:none !important;
}
.car-aura,.car-sweep{display:none !important}

.hero-led-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 50% !important;
  z-index:4 !important;
  pointer-events:none !important;
  opacity:.18;
  transform:none !important;
  filter:drop-shadow(0 0 3px rgba(205,225,255,.55)) !important;
  animation:exactLedPulse 3.6s ease-in-out infinite !important;
}
@keyframes exactLedPulse{
  0%,18%,100%{opacity:.16;filter:drop-shadow(0 0 2px rgba(205,225,255,.38)) brightness(1.02)}
  42%{opacity:.72;filter:drop-shadow(0 0 5px rgba(205,225,255,.85)) brightness(1.22)}
  55%{opacity:1;filter:drop-shadow(0 0 8px rgba(220,235,255,.95)) brightness(1.42)}
  72%{opacity:.52;filter:drop-shadow(0 0 4px rgba(205,225,255,.68)) brightness(1.15)}
}

/* BENEFIT CARDS: fly in one-by-one into their final positions */
html.js-ready .trust-card{
  opacity:0 !important;
  transform:translate3d(0,48px,0) scale(.94) !important;
  transition:
    opacity .7s cubic-bezier(.16,.8,.22,1),
    transform .85s cubic-bezier(.16,.8,.22,1) !important;
}
html.js-ready .trust-card:nth-child(1){transition-delay:.05s !important}
html.js-ready .trust-card:nth-child(2){transition-delay:.22s !important}
html.js-ready .trust-card:nth-child(3){transition-delay:.39s !important}
html.js-ready .trust-card:nth-child(4){transition-delay:.56s !important}
html.js-ready .trust-card.in-view{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

/* PROCESS: numbers clearly ABOVE line, nodes ON line, labels below */
.process{
  padding-top:34px !important;
  padding-bottom:42px !important;
}
.process-label{margin-bottom:18px !important}

.process-track{
  top:91px !important;
  left:calc(5vw + 155px) !important;
  right:8vw !important;
  height:1px !important;
  background:rgba(215,163,66,.22) !important;
}
.process-progress{
  height:2px !important;
  top:-.5px !important;
  width:0 !important;
  background:linear-gradient(90deg,#9b611c,#f4c466,#fff0bd,#d69330) !important;
  box-shadow:0 0 14px rgba(239,179,77,.78) !important;
}
.process.in-view .process-progress{
  animation:processFillLuxury 3.4s cubic-bezier(.2,.72,.15,1) forwards !important;
}
@keyframes processFillLuxury{
  0%{width:0}
  100%{width:100%}
}
.process-light{
  top:-5px !important;
  width:11px !important;
  height:11px !important;
}
.process.in-view .process-light{
  animation:processLightLuxury 3.4s cubic-bezier(.2,.72,.15,1) forwards !important;
}
@keyframes processLightLuxury{
  0%{left:0;opacity:0}
  4%{opacity:1}
  96%{opacity:1}
  100%{left:calc(100% - 11px);opacity:0}
}

.process-grid{
  margin-left:100px !important;
  align-items:start !important;
}
.process-step{
  position:relative !important;
  min-height:74px !important;
  padding-top:0 !important;
}
.process-step b{
  display:block !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 0 15px !important;
  position:relative !important;
  z-index:4 !important;
}
.process-step span{
  width:10px !important;
  height:10px !important;
  margin:0 auto 11px !important;
  position:relative !important;
  z-index:5 !important;
  background:#080808 !important;
}
.process-step p{
  margin:0 !important;
  position:relative !important;
  z-index:4 !important;
}

/* Footer: copyright only */
.footer-bottom{
  justify-content:center !important;
  text-align:center !important;
}
.footer-bottom nav{display:none !important}


/* =========================================================
   V2: clearly visible exact LED animation + looping process
   ========================================================= */
.hero-led-overlay{
  opacity:.08 !important;
  mix-blend-mode:screen !important;
  filter:none !important;
  animation:exactLedPulseV2 2.8s ease-in-out infinite !important;
  will-change:opacity,filter;
}
@keyframes exactLedPulseV2{
  0%,100%{
    opacity:.06;
    filter:brightness(.9) drop-shadow(0 0 1px rgba(225,238,255,.25)) !important;
  }
  18%{
    opacity:.28;
    filter:brightness(1.25) drop-shadow(0 0 4px rgba(225,238,255,.60)) !important;
  }
  42%{
    opacity:.78;
    filter:brightness(1.75) drop-shadow(0 0 7px rgba(225,238,255,.90)) !important;
  }
  55%{
    opacity:1;
    filter:brightness(2.15) drop-shadow(0 0 11px rgba(235,245,255,1)) !important;
  }
  70%{
    opacity:.56;
    filter:brightness(1.5) drop-shadow(0 0 6px rgba(225,238,255,.78)) !important;
  }
}

/* Process line permanently repeats from left to right */
.process.in-view .process-progress{
  animation:processFillLoop 4.6s cubic-bezier(.22,.68,.20,1) infinite !important;
}
.process.in-view .process-light{
  animation:processLightLoop 4.6s cubic-bezier(.22,.68,.20,1) infinite !important;
}
@keyframes processFillLoop{
  0%{width:0;opacity:.45}
  12%{width:0;opacity:1}
  82%{width:100%;opacity:1}
  94%{width:100%;opacity:.95}
  100%{width:0;opacity:.45}
}
@keyframes processLightLoop{
  0%{left:0;opacity:0}
  10%{left:0;opacity:1}
  82%{left:calc(100% - 11px);opacity:1}
  94%{left:calc(100% - 11px);opacity:0}
  100%{left:0;opacity:0}
}

/* === Official contact + legal footer === */
.footer-direct{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:180px;
}
.footer-direct .phone,.footer-direct .email{
  color:#f2eee6;
  text-decoration:none;
  font-size:12px;
  letter-spacing:.02em;
}
.footer-direct .email{
  color:var(--gold2);
  font-size:11px;
}
.footer-direct a:hover{color:#fff}
.footer-bottom{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:18px;
  padding-top:14px;
  color:#77736c;
  font-size:10px;
}
.footer-bottom .legal-nav{
  display:flex !important;
  gap:18px;
}
.footer-bottom .legal-nav a{
  color:#8e8981;
  text-decoration:none;
  font-size:10px;
}
.footer-bottom .legal-nav a:hover{color:var(--gold2)}
@media(max-width:760px){
  .footer-bottom{flex-direction:column;justify-content:center !important;text-align:center}
  .footer-bottom .legal-nav{flex-wrap:wrap;justify-content:center}
}


/* =========================================================
   OFFICIAL V3 — exact working LED animation + email form
   ========================================================= */
.hero-media{
  position:relative !important;
}
.hero-media > img:not(.hero-led-overlay){
  position:relative !important;
  z-index:1 !important;
}
.hero-media::after{
  z-index:2 !important;
}
.hero-led-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 50% !important;
  z-index:5 !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
  transform:none !important;
  opacity:0 !important;
  animation:domelloLedIgnition 4.2s ease-in-out infinite !important;
  will-change:opacity,filter !important;
}
@keyframes domelloLedIgnition{
  0%,12%,100%{
    opacity:0;
    filter:brightness(.65) drop-shadow(0 0 0 rgba(220,235,255,0)) !important;
  }
  22%{
    opacity:.30;
    filter:brightness(1.15) drop-shadow(0 0 3px rgba(220,235,255,.45)) !important;
  }
  34%{
    opacity:.88;
    filter:brightness(1.65) drop-shadow(0 0 7px rgba(225,240,255,.9)) !important;
  }
  48%,66%{
    opacity:1;
    filter:brightness(2.05) drop-shadow(0 0 11px rgba(235,247,255,1)) !important;
  }
  80%{
    opacity:.42;
    filter:brightness(1.25) drop-shadow(0 0 4px rgba(220,235,255,.55)) !important;
  }
  90%{
    opacity:.08;
    filter:brightness(.8) drop-shadow(0 0 1px rgba(220,235,255,.15)) !important;
  }
}

/* Header email button */
.email-outline{
  appearance:none;
  border:1px solid rgba(215,163,66,.62);
  padding:12px 15px;
  color:var(--gold2);
  background:transparent;
  font:inherit;
  font-size:11px;
  letter-spacing:.04em;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.email-outline:hover{
  color:#fff0c7;
  border-color:var(--gold2);
  box-shadow:0 0 26px rgba(215,163,66,.16);
}
.header-actions{gap:10px !important}
.header-actions .languages{margin-right:10px}

/* Email modal */
.email-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  padding:22px;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
}
.email-modal.open{opacity:1;visibility:visible}
.email-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
}
.email-modal-card{
  position:relative;
  width:min(520px,94vw);
  z-index:2;
  background:
    radial-gradient(circle at 90% 0%,rgba(198,135,37,.13),transparent 34%),
    #080706;
  border:1px solid rgba(215,163,66,.30);
  box-shadow:0 28px 100px rgba(0,0,0,.75),0 0 60px rgba(186,119,25,.08);
  padding:34px;
  transform:translateY(18px) scale(.985);
  transition:transform .34s cubic-bezier(.2,.7,.2,1);
}
.email-modal.open .email-modal-card{transform:none}
.email-modal-card h2{
  margin:0 0 24px;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:34px;
}
.email-modal-close{
  position:absolute;
  right:14px;
  top:11px;
  width:36px;height:36px;
  border:0;background:transparent;color:#aaa;
  font-size:28px;cursor:pointer;
}
.email-modal-close:hover{color:var(--gold2)}
#email-contact-form{display:grid;gap:15px}
#email-contact-form label{display:grid;gap:7px}
#email-contact-form label span{
  color:#c7c0b5;
  font-size:11px;
  letter-spacing:.05em;
}
#email-contact-form input,
#email-contact-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  background:#030303;
  color:#fff;
  padding:12px 13px;
  outline:none;
  font:inherit;
  font-size:14px;
  resize:vertical;
}
#email-contact-form input:focus,
#email-contact-form textarea:focus{
  border-color:rgba(240,193,106,.70);
  box-shadow:0 0 0 2px rgba(215,163,66,.08);
}
.email-send{border:0;cursor:pointer;justify-content:center;margin-top:4px}
.email-form-note{margin:0;color:#746f67;font-size:10px;line-height:1.5}
body.email-modal-open{overflow:hidden}

@media(max-width:980px){
  .email-outline{display:none}
}


/* =========================================================
   V5 — HEADER FIX + BMW WOW ANIMATION
   ========================================================= */

/* Header must always be an opaque layer: text can never show through logo/nav */
.site-header{
  background:#020202 !important;
  border-bottom:1px solid rgba(212,161,69,.16) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.55) !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,#050505 0%,#010101 100%);
}
.brand{
  position:relative !important;
  z-index:3 !important;
  background:#020202 !important;
  padding-right:24px !important;
}
.brand img{
  width:118px !important;
  max-height:58px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 9px rgba(212,161,69,.18));
}
.site-nav,.header-actions{position:relative;z-index:3}

/* Keep hero content below sticky header so it never visually runs through it */
.hero{isolation:isolate}
.hero-copy{position:relative;z-index:6}

/* New cinematic animation around the real BMW photo */
.hero-media{
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-wow{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
}
.hero-scan{
  position:absolute;
  left:-20%;
  top:-10%;
  width:24%;
  height:125%;
  opacity:0;
  transform:skewX(-17deg);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(218,157,64,0) 15%,
    rgba(245,198,112,.08) 40%,
    rgba(255,224,163,.34) 50%,
    rgba(245,198,112,.08) 60%,
    transparent 100%);
  filter:blur(4px);
  mix-blend-mode:screen;
  animation:domelloCarScan 5.8s cubic-bezier(.2,.65,.25,1) infinite;
}
@keyframes domelloCarScan{
  0%,12%{left:-28%;opacity:0}
  18%{opacity:.9}
  56%{left:110%;opacity:.75}
  62%,100%{left:110%;opacity:0}
}
.hero-floor-glow{
  position:absolute;
  left:18%;
  right:18%;
  bottom:-7%;
  height:23%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(217,150,54,.32) 0%,
    rgba(217,150,54,.13) 38%,
    rgba(217,150,54,0) 72%);
  filter:blur(16px);
  opacity:.15;
  animation:domelloFloorPulse 3.4s ease-in-out infinite;
}
@keyframes domelloFloorPulse{
  0%,100%{opacity:.10;transform:scaleX(.78)}
  50%{opacity:.68;transform:scaleX(1.08)}
}
.hero-flare{
  position:absolute;
  top:46%;
  width:19%;
  height:15%;
  border-radius:50%;
  opacity:0;
  background:radial-gradient(ellipse at center,
    rgba(232,242,255,.70) 0%,
    rgba(190,220,255,.20) 22%,
    rgba(212,161,69,.08) 45%,
    transparent 72%);
  filter:blur(8px);
  mix-blend-mode:screen;
  animation:domelloHeadlightAura 4.2s ease-in-out infinite;
}
.hero-flare-left{left:19%}
.hero-flare-right{right:19%}
@keyframes domelloHeadlightAura{
  0%,10%,100%{opacity:0;transform:scale(.72)}
  22%{opacity:.18}
  38%,63%{opacity:.78;transform:scale(1)}
  76%{opacity:.22;transform:scale(.86)}
  88%{opacity:0}
}

/* Force the precise LED overlay above every hero decorative layer */
.hero-led-overlay{
  z-index:8 !important;
  opacity:0 !important;
  animation:domelloLedFlashV5 4.2s ease-in-out infinite !important;
}
@keyframes domelloLedFlashV5{
  0%,10%,100%{opacity:0;filter:brightness(.7) !important}
  20%{opacity:.25;filter:brightness(1.15) drop-shadow(0 0 3px rgba(235,245,255,.45)) !important}
  32%{opacity:.85;filter:brightness(1.7) drop-shadow(0 0 8px rgba(235,245,255,.85)) !important}
  40%,62%{opacity:1;filter:brightness(2.4) drop-shadow(0 0 14px rgba(240,248,255,1)) !important}
  74%{opacity:.35;filter:brightness(1.3) drop-shadow(0 0 5px rgba(235,245,255,.55)) !important}
  88%{opacity:0;filter:brightness(.8) !important}
}

@media(max-width:760px){
  .brand img{width:96px !important}
  .brand{padding-right:10px !important}
}


/* =========================================================
   V6 — GUARANTEED HERO ANIMATION
   Previous issue fixed: .hero-wow is now actually present in HTML.
   ========================================================= */
.hero-media{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-media > img:not(.hero-led-overlay){
  position:relative !important;
  z-index:1 !important;
  animation:heroBreathV6 7s ease-in-out infinite !important;
  transform-origin:50% 55% !important;
}
@keyframes heroBreathV6{
  0%,100%{transform:scale(1) translateY(0) !important;filter:contrast(1.02) brightness(.96) !important}
  50%{transform:scale(1.018) translateY(-2px) !important;filter:contrast(1.06) brightness(1.03) !important}
}

.hero-wow{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  z-index:6 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

/* large diagonal light sweep — impossible to miss */
.hero-scan{
  position:absolute !important;
  top:-18% !important;
  left:-35% !important;
  width:28% !important;
  height:145% !important;
  display:block !important;
  transform:skewX(-16deg) !important;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(236,174,75,.03) 20%,
    rgba(255,216,139,.28) 44%,
    rgba(255,245,216,.58) 50%,
    rgba(255,199,95,.24) 56%,
    rgba(255,255,255,0) 100%) !important;
  filter:blur(5px) !important;
  mix-blend-mode:screen !important;
  opacity:0 !important;
  animation:heroScanV6 4.8s ease-in-out infinite !important;
}
@keyframes heroScanV6{
  0%,8%{left:-35%;opacity:0}
  14%{opacity:.95}
  58%{left:115%;opacity:.85}
  66%,100%{left:115%;opacity:0}
}

/* gold outline/halo pulse around the car area */
.hero-gold-ring{
  position:absolute !important;
  left:9% !important;
  right:7% !important;
  top:8% !important;
  bottom:9% !important;
  display:block !important;
  border:1px solid rgba(225,163,65,.12) !important;
  box-shadow:
    0 0 0 rgba(224,158,58,0),
    inset 0 0 0 rgba(224,158,58,0) !important;
  opacity:.12 !important;
  animation:heroRingV6 3.8s ease-in-out infinite !important;
}
@keyframes heroRingV6{
  0%,100%{
    opacity:.08;
    box-shadow:0 0 8px rgba(224,158,58,.03),inset 0 0 8px rgba(224,158,58,.02) !important;
  }
  50%{
    opacity:.65;
    box-shadow:0 0 38px rgba(224,158,58,.22),inset 0 0 32px rgba(224,158,58,.11) !important;
  }
}

/* floor glow */
.hero-floor-glow{
  position:absolute !important;
  left:15% !important;
  right:15% !important;
  bottom:-8% !important;
  height:28% !important;
  display:block !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse at center,
    rgba(230,164,62,.42) 0%,
    rgba(230,164,62,.18) 33%,
    rgba(230,164,62,0) 72%) !important;
  filter:blur(18px) !important;
  opacity:.18 !important;
  animation:heroFloorV6 3.2s ease-in-out infinite !important;
}
@keyframes heroFloorV6{
  0%,100%{opacity:.12;transform:scaleX(.78) !important}
  50%{opacity:.74;transform:scaleX(1.08) !important}
}

/* headlight-area aura works even if exact LED mask is invisible */
.hero-flare{
  position:absolute !important;
  top:44% !important;
  width:19% !important;
  height:14% !important;
  display:block !important;
  border-radius:50% !important;
  background:radial-gradient(ellipse at center,
    rgba(238,247,255,.78) 0%,
    rgba(207,226,255,.30) 18%,
    rgba(215,163,66,.10) 44%,
    rgba(255,255,255,0) 72%) !important;
  filter:blur(10px) !important;
  mix-blend-mode:screen !important;
  opacity:0 !important;
  animation:heroFlareV6 3.6s ease-in-out infinite !important;
}
.hero-flare-left{left:18% !important}
.hero-flare-right{right:18% !important}
@keyframes heroFlareV6{
  0%,14%,100%{opacity:0;transform:scale(.72) !important}
  30%{opacity:.30}
  45%,66%{opacity:.85;transform:scale(1) !important}
  82%{opacity:.10;transform:scale(.84) !important}
}

/* Keep exact LED mask too, but the WOW animation no longer relies on it */
.hero-led-overlay{
  z-index:9 !important;
  animation:heroLedV6 3.6s ease-in-out infinite !important;
}
@keyframes heroLedV6{
  0%,14%,100%{opacity:0 !important;filter:brightness(.7) !important}
  30%{opacity:.28 !important;filter:brightness(1.2) drop-shadow(0 0 4px rgba(235,245,255,.55)) !important}
  45%,66%{opacity:1 !important;filter:brightness(2.5) drop-shadow(0 0 15px rgba(240,248,255,1)) !important}
  82%{opacity:.10 !important;filter:brightness(1) !important}
}

/* Ensure animation isn't accidentally disabled by a previous reduced-motion rule */
.hero-media > img:not(.hero-led-overlay),
.hero-wow *,
.hero-led-overlay{
  animation-play-state:running !important;
}


/* =========================================================
   V7 — BRAND-FIRST MOTION
   No headlight overlay dependency. Motion uses real DOM blocks.
   ========================================================= */

/* Header/logo: premium, memorable, never overlaps page text */
.site-header{
  min-height:76px !important;
  background:rgba(2,2,2,.98) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.brand{
  min-width:158px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid rgba(212,161,69,.12);
}
.brand img{
  width:128px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  animation:logoGoldPulse 4.8s ease-in-out infinite !important;
}
@keyframes logoGoldPulse{
  0%,100%{filter:drop-shadow(0 0 3px rgba(212,161,69,.12));transform:scale(1)}
  50%{filter:drop-shadow(0 0 13px rgba(212,161,69,.36));transform:scale(1.025)}
}

/* Hero: no fake headlight effect; use brand motion instead */
.hero-media > img:not(.hero-led-overlay){
  animation:heroCinematicV7 9s ease-in-out infinite alternate !important;
  transform-origin:50% 52% !important;
}
@keyframes heroCinematicV7{
  0%{transform:scale(1) translate3d(0,0,0);filter:brightness(.90) contrast(1.04)}
  100%{transform:scale(1.035) translate3d(-4px,-3px,0);filter:brightness(1.04) contrast(1.08)}
}
.hero-brand-mark{
  margin:8px 0 -4px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(38px,5.5vw,86px);
  font-weight:800;
  letter-spacing:.20em;
  line-height:.9;
  color:transparent;
  -webkit-text-stroke:1px rgba(212,161,69,.16);
  opacity:.55;
  pointer-events:none;
  user-select:none;
  animation:brandOutlineV7 5.5s ease-in-out infinite;
}
@keyframes brandOutlineV7{
  0%,100%{opacity:.25;letter-spacing:.20em}
  50%{opacity:.65;letter-spacing:.235em}
}

/* DOMELLO signature separator */
.brand-signature{
  min-height:155px;
  padding:32px 5vw;
  display:grid;
  grid-template-columns:minmax(60px,1fr) auto auto auto minmax(60px,1fr);
  align-items:center;
  gap:22px;
  background:
    radial-gradient(circle at 50% 50%,rgba(156,98,24,.10),transparent 35%),
    #030303;
  border-top:1px solid rgba(212,161,69,.10);
  border-bottom:1px solid rgba(212,161,69,.16);
  overflow:hidden;
}
.brand-signature img{
  width:96px;
  height:auto;
  opacity:.92;
  filter:drop-shadow(0 0 12px rgba(212,161,69,.18));
}
.brand-signature-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,3vw,48px);
  letter-spacing:.08em;
  white-space:nowrap;
}
.brand-signature-name span{color:var(--gold2);font-style:italic}
.brand-signature-tag{
  max-width:290px;
  color:#8e887e;
  font-size:9px;
  line-height:1.6;
  letter-spacing:.14em;
}
.brand-signature-line{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,161,69,.55),transparent);
  transform:scaleX(.25);
  animation:signatureLineV7 3.8s ease-in-out infinite;
}
@keyframes signatureLineV7{
  0%,100%{transform:scaleX(.22);opacity:.28}
  50%{transform:scaleX(1);opacity:1}
}

/* Real section motion on scroll */
.v7-motion{
  transition:
    opacity .8s cubic-bezier(.2,.7,.2,1),
    transform .9s cubic-bezier(.2,.7,.2,1),
    filter .9s ease !important;
}
.v7-motion:not(.v7-visible){
  opacity:.36;
  transform:translateY(26px) scale(.992);
  filter:brightness(.82);
}
.v7-motion.v7-visible{
  opacity:1;
  transform:none;
  filter:none;
}

/* Footer brand memory */
.domello-footer-watermark{
  overflow:hidden;
  height:clamp(78px,11vw,170px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#020202;
  color:transparent;
  -webkit-text-stroke:1px rgba(212,161,69,.15);
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(72px,14vw,220px);
  font-weight:900;
  letter-spacing:.10em;
  line-height:1;
  user-select:none;
  border-top:1px solid rgba(212,161,69,.10);
}

/* Subtle branded hover on key CTA buttons */
.btn-gold,.whatsapp-outline,.email-outline,.instagram-btn{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}
.btn-gold:hover,.whatsapp-outline:hover,.email-outline:hover,.instagram-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 32px rgba(191,128,31,.18) !important;
}

@media(max-width:900px){
  .brand-signature{grid-template-columns:1fr auto 1fr;text-align:center}
  .brand-signature-name{grid-column:2}
  .brand-signature img{grid-column:2;grid-row:1}
  .brand-signature-tag{grid-column:1/-1;justify-self:center}
  .brand-signature-line{display:none}
  .hero-brand-mark{font-size:34px}
}


/* DOMELLO final fixes: preserve existing design, remove logo divider, exact BMW LED pulse */
.brand{border-right:0 !important;}
.hero-media{position:relative !important;}
.hero-led-exact{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important; z-index:9 !important; pointer-events:none !important;
  opacity:.18 !important; filter:brightness(1.15) drop-shadow(0 0 2px rgba(235,245,255,.45)) !important;
  animation:domelloExactLed 3.2s ease-in-out infinite !important; transform:none !important;
}
@keyframes domelloExactLed{
  0%,12%,100%{opacity:.10;filter:brightness(1) drop-shadow(0 0 1px rgba(235,245,255,.25));}
  38%,70%{opacity:1;filter:brightness(2.7) drop-shadow(0 0 7px rgba(245,250,255,.95)) drop-shadow(0 0 14px rgba(210,230,255,.72));}
  84%{opacity:.22;filter:brightness(1.15) drop-shadow(0 0 2px rgba(235,245,255,.35));}
}
@media(prefers-reduced-motion:reduce){.hero-led-exact{animation:domelloExactLed 3.2s ease-in-out infinite !important;}}


/* =========================================================
   BMW HERO — animated WebP, correct size, no CSS LED overlay
   ========================================================= */
.hero{
  grid-template-columns:42% 58% !important;
}
.hero-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#030303 !important;
  overflow:hidden !important;
  padding:18px 0 10px !important;
}
.hero-media .hero-bmw-animated{
  width:90% !important;
  height:auto !important;
  max-width:1200px !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  transform:none !important;
  filter:none !important;
  image-rendering:auto !important;
  backface-visibility:visible !important;
  animation:none !important;
  transition:none !important;
}
.hero-media.in-view .hero-bmw-animated{
  transform:none !important;
}
.hero-media:after{
  box-shadow:
    inset 45px 0 55px #030303,
    inset 0 18px 25px rgba(0,0,0,.28),
    inset 0 -18px 32px rgba(0,0,0,.35) !important;
}
@media(max-width:980px){
  .hero-media .hero-bmw-animated{
    width:94% !important;
    max-height:none !important;
  }
}


/* =========================================================
   DOMELLO HEADER LOGO — transparent animated WebP
   ========================================================= */
.site-header .brand{
  background:transparent !important;
  border:0 !important;
  border-right:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  min-width:150px !important;
  overflow:visible !important;
}
.site-header .brand:before,
.site-header .brand:after{
  display:none !important;
  content:none !important;
}
.site-header .brand .brand-logo-animated{
  display:block !important;
  width:124px !important;
  height:auto !important;
  max-height:62px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  margin:auto !important;
}


/* =========================================================
   MOBILE FINAL FIX — desktop untouched
   ========================================================= */
@media (max-width: 560px){

  /* Header */
  .site-header{
    height:72px !important;
    min-height:72px !important;
    grid-template-columns:132px 1fr !important;
    padding:0 14px !important;
  }
  .site-header .brand{
    min-width:126px !important;
    justify-content:flex-start !important;
  }
  .site-header .brand img,
  .site-header .brand .brand-logo-animated{
    width:108px !important;
    max-height:54px !important;
    animation:mobileLogoGlow 3.8s ease-in-out infinite !important;
  }
  @keyframes mobileLogoGlow{
    0%,100%{
      filter:brightness(1.02) drop-shadow(0 0 3px rgba(230,171,62,.15)) !important;
    }
    50%{
      filter:brightness(1.10)
             drop-shadow(0 0 7px rgba(239,188,84,.34))
             drop-shadow(0 0 15px rgba(190,113,17,.16)) !important;
    }
  }

  .header-actions{
    margin-right:43px !important;
    gap:8px !important;
  }
  .languages{font-size:10px !important}

  /* HERO — smaller typography + BMW gets its own full-width row */
  .hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    padding:92px 18px 0 !important;
    min-height:auto !important;
    overflow:hidden !important;
  }
  .hero-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    padding:34px 0 20px !important;
    width:100% !important;
  }
  .hero .eyebrow{
    font-size:10px !important;
    line-height:1.35 !important;
    margin-bottom:15px !important;
    max-width:270px !important;
  }
  .hero h1{
    font-size:clamp(36px,10.3vw,42px) !important;
    line-height:.94 !important;
    letter-spacing:-.022em !important;
    max-width:100% !important;
  }
  .hero h1 br{
    display:none !important;
  }
  .hero h1 span,
  .hero h1 em{
    display:inline !important;
  }
  .hero h1 span::after{
    content:" ";
  }
  .hero-tags{
    margin:20px 0 20px !important;
    font-size:8.7px !important;
    gap:6px !important;
    flex-wrap:wrap !important;
  }
  .hero-actions{
    gap:10px !important;
    align-items:stretch !important;
  }
  .hero-actions .btn-gold,
  .hero-actions .btn-dark{
    min-height:44px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }

  .hero-media{
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:2px 0 8px !important;
    overflow:hidden !important;
  }
  .hero-media .hero-bmw-animated{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
  .hero-media:after{
    box-shadow:
      inset 18px 0 22px #030303,
      inset -18px 0 22px #030303,
      inset 0 12px 18px rgba(0,0,0,.20),
      inset 0 -12px 22px #030303 !important;
  }

  /* Four benefits — tighter and animate sequentially when entering */
  .trust-strip{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:28px 22px 34px !important;
  }
  .trust-card{
    min-height:112px !important;
    padding:16px 8px !important;
    gap:16px !important;
    align-items:center !important;
  }
  .trust-icon{
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
  }
  .trust-card strong{font-size:11px !important}
  .trust-card p{font-size:11px !important;margin-top:5px !important}

  .trust-strip.mobile-animate .trust-card{
    opacity:0 !important;
    transform:translate3d(-24px,22px,0) scale(.97) !important;
  }
  .trust-strip.mobile-animate.mobile-visible .trust-card{
    animation:trustFlyIn .72s cubic-bezier(.18,.72,.2,1) forwards !important;
  }
  .trust-strip.mobile-animate.mobile-visible .trust-card:nth-child(1){animation-delay:.05s !important}
  .trust-strip.mobile-animate.mobile-visible .trust-card:nth-child(2){animation-delay:.22s !important}
  .trust-strip.mobile-animate.mobile-visible .trust-card:nth-child(3){animation-delay:.39s !important}
  .trust-strip.mobile-animate.mobile-visible .trust-card:nth-child(4){animation-delay:.56s !important}
  @keyframes trustFlyIn{
    from{opacity:0;transform:translate3d(-24px,22px,0) scale(.97)}
    to{opacity:1;transform:none}
  }

  /* Content typography */
  .copy-panel,.services-list{padding:32px 22px !important}
  .copy-panel h2{
    font-size:clamp(31px,9vw,38px) !important;
    line-height:1.02 !important;
  }
  .copy-panel p{font-size:12px !important;line-height:1.6 !important}
  .fee h2{
    font-size:clamp(29px,8.2vw,36px) !important;
    line-height:1.02 !important;
  }

  /* PROCESS — line begins exactly at 01 node and ends exactly at 05 */
  .process{
    padding:30px 16px 38px !important;
  }
  .process-label{
    margin-bottom:22px !important;
  }
  .process-grid{
    margin-left:0 !important;
    width:100% !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  .process-step{
    min-width:0 !important;
  }
  .process-step b{
    font-size:16px !important;
    line-height:1 !important;
    margin-bottom:14px !important;
  }
  .process-step span{
    width:9px !important;
    height:9px !important;
    margin:0 auto 10px !important;
  }
  .process-step p{
    font-size:8.5px !important;
    white-space:nowrap !important;
  }
  .process-track{
    /* first/last grid-cell centres = 10% and 90% */
    left:10% !important;
    right:10% !important;
    top:82px !important;
    height:1px !important;
  }
  .process-progress{
    left:0 !important;
    width:0 !important;
  }
  .process-light{
    left:0 !important;
    top:-4px !important;
  }
  .process .process-progress{
    animation:mobileProcessFill 5s ease-in-out infinite !important;
  }
  .process .process-light{
    display:block !important;
    animation:mobileProcessLight 5s ease-in-out infinite !important;
  }
  @keyframes mobileProcessFill{
    0%,16%{width:0;opacity:.55}
    78%{width:100%;opacity:1}
    92%{width:100%;opacity:.9}
    100%{width:0;opacity:.55}
  }
  @keyframes mobileProcessLight{
    0%,16%{left:0;opacity:1}
    78%{left:calc(100% - 10px);opacity:1}
    92%{left:calc(100% - 10px);opacity:0}
    100%{left:0;opacity:0}
  }

  /* More visible scroll motion on mobile */
  .reveal{
    transition:opacity .7s ease,transform .78s cubic-bezier(.18,.72,.2,1) !important;
  }
  .reveal.from-left:not(.in-view){transform:translateX(-22px) !important}
  .reveal.from-right:not(.in-view){transform:translateX(22px) !important}
  .reveal:not(.in-view){opacity:.20 !important}
  .reveal.in-view{opacity:1 !important;transform:none !important}

  /* Images not oversized on mobile */
  .image-panel{min-height:250px !important}
  .services-section .image-panel{min-height:230px !important}
}


/* =========================================================
   MOBILE V2 — explicit override of reduced-motion conflicts
   ========================================================= */
@media (max-width:560px){
  .process.in-view .process-progress,
  .process .process-progress{
    animation:none !important;
    width:0 !important;
  }
  .process.in-view .process-light,
  .process .process-light{
    animation:none !important;
    display:block !important;
    left:0 !important;
    opacity:1 !important;
  }

  /* JS controls these four cards directly */
  .trust-strip.mobile-js-anim .trust-card,
  html.js-ready .trust-strip.mobile-js-anim .trust-card,
  html.js-ready .trust-strip.mobile-js-anim .trust-card.in-view{
    transition:none !important;
    animation:none !important;
  }
}


/* =========================================================
   TRUST COPY — desktop + mobile, visual style preserved
   ========================================================= */
.buyer-trust-line{
  margin:10px 0 0;
  max-width:620px;
  color:rgba(246,241,230,.72);
  font-size:11px;
  line-height:1.55;
  letter-spacing:.025em;
}
.buyer-trust-line::before{
  content:"";
  display:inline-block;
  width:18px;
  height:1px;
  margin:0 8px 3px 0;
  background:linear-gradient(90deg,#9d6415,#e3b454);
}

.why-domello{
  padding:42px clamp(28px,5vw,76px);
  border-top:1px solid rgba(209,151,45,.16);
  border-bottom:1px solid rgba(209,151,45,.16);
  background:
    radial-gradient(circle at 50% 0%,rgba(178,112,20,.07),transparent 42%),
    #050505;
}
.why-title{
  margin-bottom:24px;
  color:#c58b2a;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(214,159,57,.13);
}
.why-item{
  min-height:108px;
  padding:24px 28px;
  background:#050505;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.why-item strong{
  color:#d7a13d;
  font-size:11px;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.why-item span{
  color:rgba(244,239,229,.70);
  font-size:12px;
  line-height:1.55;
}

@media(max-width:560px){
  .buyer-trust-line{
    margin-top:9px !important;
    max-width:310px !important;
    font-size:9.5px !important;
    line-height:1.45 !important;
  }
  .why-domello{
    padding:30px 22px !important;
  }
  .why-title{
    margin-bottom:16px !important;
    font-size:10px !important;
  }
  .why-grid{
    grid-template-columns:1fr !important;
  }
  .why-item{
    min-height:82px !important;
    padding:17px 18px !important;
  }
  .why-item strong{
    font-size:10px !important;
    margin-bottom:5px !important;
  }
  .why-item span{
    font-size:10.5px !important;
  }
}