/* Evolve Cars — Global CSS for Elementor (paste into Customize → Additional CSS) */

/* Evolve Cars — Design Tokens
   Brand: dark-mode automotive premium, orange accent derived from logo.
   Reference: protonemas.sg vibe & structure; Evolve Cars logo for color identity. */

:root{
  /* Surfaces */
  --bg-0:#070708;        /* page base, near-black */
  --bg-1:#0E0E10;        /* default section bg */
  --bg-2:#16161A;        /* card / elevated surface */
  --bg-3:#1F1F24;        /* hover / pressed */
  --bg-glass:rgba(14,14,16,.72);

  /* Borders / dividers */
  --line:#26262C;
  --line-strong:#3A3A42;

  /* Text */
  --ink-0:#FFFFFF;
  --ink-1:#E9E9EC;
  --ink-2:#B0B0B6;
  --ink-3:#7A7A82;
  --ink-mute:#5A5A62;

  /* Brand — toned-down warm burnt-orange (logo-derived, lower saturation) */
  --orange-50:#F4DCC6;
  --orange-200:#E5B991;
  --orange-400:#D69566;
  --orange-500:#C36A33;   /* primary — burnt copper-orange */
  --orange-600:#A45422;
  --orange-700:#7A3D17;
  --orange-grad:linear-gradient(135deg,#E2A06B 0%,#C36A33 50%,#9C4A1C 100%);
  --orange-grad-soft:linear-gradient(135deg,rgba(226,160,107,.12) 0%,rgba(195,106,51,.07) 50%,rgba(156,74,28,.03) 100%);

  /* Functional */
  --ev-green:#3CCB7F;     /* sparing — used for EV / availability tags */

  /* Type */
  --font-display:'Inter Tight','Inter',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;

  /* Type scale */
  --t-display-1:clamp(48px,7.2vw,104px);   /* hero */
  --t-display-2:clamp(36px,4.8vw,68px);    /* section heads */
  --t-h2:clamp(28px,3.2vw,44px);
  --t-h3:22px;
  --t-body:16px;
  --t-small:13px;
  --t-mono:12px;

  /* Spacing */
  --pad:clamp(20px,4vw,40px);
  --max:1280px;
  --section-y:clamp(80px,9vw,140px);
  --r-sm:6px;
  --r:12px;
  --r-lg:20px;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-1:200ms;
  --dur-2:480ms;
  --dur-3:900ms;

  /* Shadow */
  --glow-orange:0 8px 32px -12px rgba(195,106,51,.32);
  --shadow-card:0 1px 0 rgba(255,255,255,.04) inset, 0 20px 50px -20px rgba(0,0,0,.6);
}


@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg-0);
  color:var(--ink-1);
  font:var(--t-body)/1.55 var(--font-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* Container */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* Selection */
::selection{background:var(--orange-500);color:#fff}

/* ───── HEADER ───── */
.header{
  position:fixed;inset:0 0 auto 0;z-index:60;
  padding:18px 0;transition:background var(--dur-2) var(--ease),padding var(--dur-2) var(--ease),border-color var(--dur-2);
  border-bottom:1px solid transparent;
}
.header.is-scrolled{
  background:var(--bg-glass);
  backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-color:var(--line);
  padding:12px 0;
}
.header__inner{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;color:var(--ink-0);font-size:18px}
.brand__mark{width:54px;height:54px;background:url('/wp-content/uploads/evolve/evolve-logo.png') center/contain no-repeat;flex-shrink:0;font-size:0;color:transparent;transition:transform var(--dur-2) var(--ease)}
.brand:hover .brand__mark{transform:scale(1.04)}
.brand__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.header.is-scrolled .brand__mark{width:46px;height:46px}
.footer .brand__mark{width:108px;height:108px}
.nav{display:flex;gap:28px;margin-left:auto;font-size:14px;color:var(--ink-2)}
.nav a{position:relative;padding:6px 2px;transition:color var(--dur-1)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--orange-500);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease)}
.nav a:hover{color:var(--ink-0)}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.header__utility{display:flex;align-items:center;gap:14px}
.lang{display:flex;gap:0;border:1px solid var(--line);border-radius:999px;overflow:hidden;font:500 11px/1 var(--font-mono);letter-spacing:.04em}
.lang a{padding:7px 11px;color:var(--ink-3);transition:color var(--dur-1),background var(--dur-1)}
.lang a.is-active{color:#0a0a0a;background:var(--orange-grad)}
.lang a:hover:not(.is-active){color:var(--ink-0);background:var(--bg-2)}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;font:500 14px/1 var(--font-body);
  border-radius:999px;border:1px solid var(--ink-0);color:var(--ink-0);
  background:transparent;cursor:pointer;
  transition:all var(--dur-2) var(--ease);
  white-space:nowrap;
}
.btn:hover{background:var(--ink-0);color:#0a0a0a}
.btn--primary{background:var(--orange-grad);border-color:transparent;color:#0a0a0a;font-weight:600;box-shadow:var(--glow-orange)}
.btn--primary:hover{transform:translateY(-1px);filter:brightness(1.05);color:#0a0a0a}
.btn--ghost{border-color:var(--line-strong);color:var(--ink-2)}
.btn--ghost:hover{border-color:var(--ink-0);background:transparent;color:var(--ink-0)}
.btn--sm{padding:10px 18px;font-size:13px}
.btn .arrow{transition:transform var(--dur-2) var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}

/* ───── HERO (full-bleed cinematic) ───── */
.hero{position:relative;min-height:100vh;padding:160px 0 120px;overflow:hidden;isolation:isolate;display:flex;align-items:center}
.hero__bg{position:absolute;inset:0;z-index:-2;
  background:url('/wp-content/uploads/evolve/hero-cinematic.jpg') center 35%/cover no-repeat var(--bg-0);
}
.hero__bg::after{content:"";position:absolute;inset:0;background:
  /* left-side text-readability scrim */
  linear-gradient(95deg, rgba(7,7,8,.92) 0%, rgba(7,7,8,.78) 35%, rgba(7,7,8,.35) 60%, rgba(7,7,8,0) 80%),
  /* bottom fade to seamlessly meet next section */
  linear-gradient(180deg, transparent 60%, var(--bg-0) 100%),
  /* subtle warm light from upper-right */
  radial-gradient(ellipse 55% 45% at 80% 25%, rgba(195,106,51,.10), transparent 70%);
}
.hero__grid{position:absolute;inset:0;z-index:-1;opacity:.08;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:radial-gradient(ellipse 60% 60% at 25% 50%,#000 30%,transparent 80%);
}
.hero__inner{display:grid;grid-template-columns:minmax(0, 640px);gap:0;align-items:center}
@media (max-width:960px){.hero__inner{grid-template-columns:1fr}}
.hero__visual{display:none} /* photo lives in .hero__bg now */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--ev-green);box-shadow:0 0 0 4px rgba(60,203,127,.18)}
.hero h1{font:300 var(--t-display-1)/0.98 var(--font-display);letter-spacing:-0.03em;color:var(--ink-0);margin:22px 0 18px}
.hero h1 em{font-style:normal;background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.hero p.lede{font-size:17px;color:var(--ink-2);max-width:54ch;margin:0 0 28px}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__metrics{display:flex;gap:36px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.hero__metric .v{font:300 36px/1 var(--font-display);color:var(--ink-0);letter-spacing:-0.02em}
.hero__metric .v em{font-style:normal;color:var(--orange-400);font-weight:400}
.hero__metric .k{font:500 11px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}
.hero__visual{position:relative;aspect-ratio:5/4}
.hero__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.hero__visual::before{content:"";position:absolute;inset:auto -10% -5% -10%;height:60%;background:radial-gradient(ellipse at center,rgba(242,106,31,.35),transparent 70%);filter:blur(40px);z-index:-1}
.scroll-cue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font:500 10px/1 var(--font-mono);letter-spacing:.3em;color:var(--ink-3);text-transform:uppercase}
.scroll-cue::after{content:"";display:block;width:1px;height:36px;background:var(--ink-3);margin:12px auto 0;animation:scrollPulse 2.2s var(--ease) infinite}
@keyframes scrollPulse{0%,100%{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ───── SECTION ───── */
.section{padding:var(--section-y) 0;position:relative}
.section--alt{background:var(--bg-1)}
.section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:56px}
.section__label{font:500 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--orange-400);margin-bottom:14px}
.section h2{font:300 var(--t-display-2)/1.03 var(--font-display);letter-spacing:-0.025em;color:var(--ink-0);margin:0;max-width:18ch}
.section h2 em{font-style:normal;background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.section__sub{color:var(--ink-2);max-width:48ch;margin:18px 0 0}

/* Intro statement (giant centered) */
.statement{padding:var(--section-y) 0;text-align:center}
.statement p{font:300 clamp(28px,3.6vw,52px)/1.18 var(--font-display);letter-spacing:-0.02em;color:var(--ink-1);max-width:18ch;margin:0 auto}
.statement p em{font-style:normal;background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}

/* ───── MODELS GRID ───── */
.models{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
@media (max-width:960px){.models{grid-template-columns:1fr}}
.model-card{
  position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--bg-2);
  box-shadow:var(--shadow-card);
  transition:transform var(--dur-2) var(--ease),border-color var(--dur-2);
  isolation:isolate;
}
.model-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.model-card__img{aspect-ratio:16/11;background:linear-gradient(180deg,#1a1a1e 0%,#0e0e10 100%);position:relative;overflow:hidden}
.model-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform 1.2s var(--ease)}
.model-card:hover .model-card__img img{transform:scale(1.04)}
.model-card__glow{position:absolute;left:-10%;right:-10%;bottom:-30%;height:60%;background:radial-gradient(ellipse at center,rgba(242,106,31,.25),transparent 70%);filter:blur(40px);z-index:-1}
.model-card__body{padding:28px 30px 32px}
.model-card__tag{display:inline-block;font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-400);margin-bottom:14px}
.model-card__name{font:400 clamp(28px,3vw,40px)/1 var(--font-display);letter-spacing:-0.025em;color:var(--ink-0);margin:0 0 18px}
.model-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:24px}
.model-card__spec{border-top:1px solid var(--line);padding-top:10px}
.model-card__spec .v{font:400 18px/1.1 var(--font-display);color:var(--ink-0)}
.model-card__spec .k{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.model-card__cta{display:inline-flex;align-items:center;gap:8px;color:var(--orange-400);font-weight:500;font-size:14px}
.model-card__cta .arrow{transition:transform var(--dur-2) var(--ease)}
.model-card:hover .model-card__cta .arrow{transform:translateX(4px)}

/* tall + short asymmetric variant */
.model-card--featured{grid-row:span 1}
.model-card--compact .model-card__img{aspect-ratio:16/9}
.model-card--compact .model-card__body{padding:24px 26px 28px}
.charging-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(242,106,31,.06),transparent);color:var(--ink-2);font-size:13px}
.charging-bar .ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--orange-grad);color:#0a0a0a;font-size:14px}

/* ───── WHY (3 columns) ───── */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:880px){.why{grid-template-columns:1fr}}
.why__item{padding:32px 28px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);transition:border-color var(--dur-2),transform var(--dur-2) var(--ease)}
.why__item:hover{border-color:var(--orange-500);transform:translateY(-2px)}
.why__num{font:300 60px/1 var(--font-display);background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px;letter-spacing:-.04em}
.why__item h3{font:500 20px/1.25 var(--font-display);color:var(--ink-0);margin:0 0 8px}
.why__item p{color:var(--ink-2);margin:0;font-size:14.5px}

/* ───── CTA BAND ───── */
.cta-band{position:relative;padding:var(--section-y) 0;overflow:hidden;text-align:center;isolation:isolate}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(ellipse 60% 80% at 50% 50%,rgba(242,106,31,.18),transparent 60%),
  var(--bg-1)}
.cta-band h2{font:300 clamp(36px,5vw,72px)/1.05 var(--font-display);letter-spacing:-0.025em;color:var(--ink-0);margin:0 0 16px}
.cta-band h2 em{font-style:normal;background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.cta-band p{color:var(--ink-2);max-width:46ch;margin:0 auto 32px}

/* ───── DEAL STRIP ───── */
.deals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:880px){.deals{grid-template-columns:1fr}}
.deal{display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg-2);transition:transform var(--dur-2) var(--ease),border-color var(--dur-2)}
.deal:hover{transform:translateY(-3px);border-color:var(--orange-500)}
.deal__img{aspect-ratio:5/3;background:var(--bg-3) center/cover no-repeat}
.deal__body{padding:18px 22px 22px}
.deal__tag{font:500 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--orange-400);margin-bottom:10px}
.deal__title{font:500 18px/1.3 var(--font-display);color:var(--ink-0);margin:0 0 8px}
.deal__desc{color:var(--ink-2);font-size:14px;margin:0}

/* ───── KNOWLEDGE CARDS ───── */
.k-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:980px){.k-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.k-grid{grid-template-columns:1fr}}
.k-card{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);transition:border-color var(--dur-2),transform var(--dur-2) var(--ease)}
.k-card:hover{border-color:var(--orange-500);transform:translateY(-2px)}
.k-card__ico{width:42px;height:42px;border-radius:10px;background:var(--orange-grad-soft);display:grid;place-items:center;color:var(--orange-400);font-size:18px;margin-bottom:18px;border:1px solid rgba(242,106,31,.25)}
.k-card h3{font:500 16px/1.3 var(--font-display);color:var(--ink-0);margin:0 0 6px}
.k-card p{color:var(--ink-3);margin:0;font-size:13.5px}

/* ───── FOOTER ───── */
.footer{background:#050506;border-top:1px solid var(--line);padding:80px 0 32px;color:var(--ink-3);font-size:14px}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:30px;margin-bottom:48px}
@media (max-width:880px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer__brand{max-width:300px}
.footer__brand p{color:var(--ink-3);margin:16px 0 0;font-size:13px;line-height:1.6}
.footer h4{font:500 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:0 0 16px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer ul a{color:var(--ink-2);transition:color var(--dur-1)}
.footer ul a:hover{color:var(--orange-400)}
.footer__legal{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;color:var(--ink-mute);font-size:12px;flex-wrap:wrap;gap:12px}

/* ───── REVEAL (intersection observer) ───── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}

/* ───── PAGE HERO (inner pages, ~70vh) ───── */
.page-hero{position:relative;min-height:62vh;padding:160px 0 80px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.page-hero__bg{position:absolute;inset:0;z-index:-2;background:var(--bg-0) center/cover no-repeat}
.page-hero__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(7,7,8,.55) 0%,rgba(7,7,8,.45) 40%,rgba(7,7,8,.95) 100%);
}
.page-hero__inner{max-width:760px}
.page-hero h1{font:300 clamp(40px,5.5vw,78px)/1.02 var(--font-display);letter-spacing:-0.025em;color:var(--ink-0);margin:18px 0 14px}
.page-hero h1 em{font-style:normal;background:var(--orange-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.page-hero p{color:var(--ink-2);font-size:17px;max-width:54ch;margin:0}
.crumbs{font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.crumbs a{color:var(--ink-3)}.crumbs a:hover{color:var(--orange-400)}
.crumbs > *:not(:last-child)::after{content:" / ";color:var(--ink-mute);margin:0 6px}

/* ───── TWO-COL CONTENT BLOCK ───── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media (max-width:880px){.two-col{grid-template-columns:1fr;gap:30px}}
.two-col img,.two-col .img{display:block;width:100%;border-radius:var(--r);border:1px solid var(--line);aspect-ratio:4/3;object-fit:cover;background:var(--bg-2) center/cover}
.two-col h2{font:300 var(--t-h2)/1.05 var(--font-display);letter-spacing:-0.02em;color:var(--ink-0);margin:0 0 16px}
.two-col p{color:var(--ink-2);font-size:15.5px;margin:0 0 12px;max-width:54ch}

/* ───── SPECS TABLE ───── */
.spectable{width:100%;border-collapse:collapse;font-size:14px;border-top:1px solid var(--line)}
.spectable th,.spectable td{padding:18px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.spectable th{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);width:38%}
.spectable td{color:var(--ink-0);font:400 16px/1.3 var(--font-display)}
.spectable tr:hover td,.spectable tr:hover th{background:rgba(195,106,51,.04)}

/* Compare table */
.compare{width:100%;border-collapse:collapse;font-size:14px}
.compare thead th{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:18px;text-align:left;border-bottom:1px solid var(--line)}
.compare thead th + th{color:var(--orange-400)}
.compare tbody th{font-weight:400;color:var(--ink-2);padding:16px 18px;border-bottom:1px solid var(--line);width:36%}
.compare tbody td{color:var(--ink-0);padding:16px 18px;border-bottom:1px solid var(--line);font-family:var(--font-display)}

/* ───── TABS ───── */
.tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);width:max-content;margin-bottom:32px}
.tabs button{padding:9px 18px;border:0;background:transparent;color:var(--ink-2);font:500 13px/1 var(--font-body);border-radius:999px;cursor:pointer;transition:all var(--dur-1)}
.tabs button.is-active{background:var(--orange-grad);color:#0a0a0a;font-weight:600}
.tab-panel{display:none}.tab-panel.is-active{display:block;animation:fade .5s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Color swatches */
.swatches{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.swatch{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);font-size:13px;color:var(--ink-2);cursor:pointer;transition:border-color var(--dur-1)}
.swatch:hover,.swatch.is-active{border-color:var(--orange-500);color:var(--ink-0)}
.swatch .chip{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#fff}

/* ───── GALLERY ───── */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr}}
.gallery a{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--bg-2) center/cover;transition:transform var(--dur-2) var(--ease)}
.gallery a:hover{transform:translateY(-2px)}

/* ───── FORMS (dark) ───── */
.form-grid{display:grid;gap:14px}
.form-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (max-width:600px){.form-row{grid-template-columns:1fr}}
.form-grid label{display:block;font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.form-grid input,.form-grid select,.form-grid textarea{
  width:100%;padding:14px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;
  color:var(--ink-0);font:400 15px/1.4 var(--font-body);transition:border-color var(--dur-1),background var(--dur-1);
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--orange-500);background:var(--bg-3)}
.form-grid input[readonly]{color:var(--ink-2)}
.consent{display:flex;gap:10px;align-items:flex-start;color:var(--ink-3);font-size:13px;line-height:1.5}
.consent input{accent-color:var(--orange-500)}

/* Form side card */
.form-aside{padding:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);height:fit-content}
.form-aside h3{font:500 18px/1.3 var(--font-display);color:var(--ink-0);margin:0 0 18px}
.form-aside .row{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:start;font-size:14px;color:var(--ink-2);margin-bottom:14px}
.form-aside .row .k{color:var(--ink-3);font:500 11px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}

/* ───── DEAL & GENERIC TILE OVERRIDES ───── */
.deal__img{background-size:cover!important;background-position:center}

/* ───── PRIVACY / LONG-FORM ───── */
.longform h1{font:300 var(--t-display-2)/1.05 var(--font-display);color:var(--ink-0);margin:0 0 12px}
.longform h2{font:500 22px/1.2 var(--font-display);color:var(--ink-0);margin:40px 0 12px}
.longform p,.longform li{color:var(--ink-2);font-size:15.5px;line-height:1.7}
.longform a{color:var(--orange-400);text-decoration:underline;text-underline-offset:3px}

/* ───── MOBILE NAV (hamburger + drawer) ───── */
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:40px;height:40px;padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:18px;height:1.5px;background:var(--ink-0);transition:transform var(--dur-2),opacity var(--dur-2)}
.drawer{position:fixed;inset:0;background:var(--bg-0);z-index:55;padding:90px 24px 40px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity var(--dur-2),transform var(--dur-2)}
.drawer.is-open{opacity:1;transform:none;pointer-events:auto}
.drawer__nav{display:grid;gap:18px;margin-bottom:36px}
.drawer__nav a{color:var(--ink-0);font:300 28px/1.1 var(--font-display);letter-spacing:-.01em;padding:6px 0;border-bottom:1px solid var(--line)}
.drawer__cta .btn{width:100%;justify-content:center}

@media (max-width:760px){
  .nav{display:none}
  .nav-toggle{display:inline-flex}
  .hide-mobile{display:none}
  .header__inner{gap:14px}
  .lang{padding:0}
  .lang a{padding:6px 9px;font-size:10px}
  .section__head{flex-direction:column;align-items:flex-start;gap:18px}
  .hero{padding:130px 0 90px;min-height:88vh}
}

/* Reduce motion */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}