:root{
  --web-bg: #f1f3f5;
  --card-bg: #ffffff;
  --web-ink: #111318;
  --web-muted:rgba(11,13,18,.72);
  --web-blue:#0047AB;

  --dj-bg:#07050a;
  --dj-ink:#ffffff;
  --dj-muted:rgba(255,255,255,.78);
  --dj-muted2:rgba(255,255,255,.55);
  --dj-red:#800000;

  --shadowWeb:0 26px 90px rgba(0,0,0,.14);
  --shadowDj:0 40px 140px rgba(0,0,0,.55);

  --radius-xl:34px;
  --radius-lg:28px;
  --radius-md:22px;
  --maxW:1500px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  overflow-x:hidden;
  background:var(--web-bg);
  color:var(--web-ink);
  transition: background .25s ease, color .25s ease; /* 0.25s */
}
body.theme-dj{ background:var(--dj-bg); color:var(--dj-ink); }
body.theme-web{
  background:
    radial-gradient(800px 400px at 80% 20%, rgba(0,71,171,0.05), transparent 60%),
    #f3f5f9;
}
.wide{ width:min(var(--maxW),100%); margin:0 auto; }
.section{ width:100%; padding:78px 18px; }

.h2{
  font-size:clamp(30px,2.6vw,46px);
  margin:0 0 12px;
  letter-spacing:-.4px;
}
.p{
  margin:0;
  max-width:88ch;
  font-size:18px;
  line-height:1.75;
  color:var(--web-muted);
}
.lead{
  margin:0;
  font-size:19px;
  line-height:1.8;
  color:var(--web-muted);
  max-width:88ch;
}
body.theme-dj .p,
body.theme-dj .lead{ color:var(--dj-muted); }

/* ===== THEME FLASH (0.25s, nem flashbang) ===== */
.themeFlash{
  position:fixed; inset:0;
  z-index:200;
  pointer-events:none;
  opacity:0;
  transition: opacity .25s ease;
  background:
    radial-gradient(900px 520px at 20% 20%, rgba(0,71,171,.12), transparent 60%),
    radial-gradient(900px 520px at 80% 80%, rgba(128,0,0,.10), transparent 62%),
    rgba(0,0,0,.06);
  mix-blend-mode: overlay;
}
.themeFlash.on{ opacity:1; }

/* ===== LOADER ===== */
.loader{
  position:fixed; inset:0;
  z-index:9999;
  background: rgba(0,0,0,.40);
  backdrop-filter: blur(10px);
  display:grid;
  place-items:center;
  pointer-events:all;
  overflow:hidden;
}

.loader__center{
  position:relative;
  z-index:3;
  text-align:center;
}

/* CODE × BASS: sokkal vastagabb + nagyobb */
.loader__title{
  font-weight: 1400;                 /* vastagabb */
  letter-spacing: .10em;
  font-size: clamp(120px, 12vw, 240px); /* nagyobb */
  line-height: 0.92;
  display:flex;
  gap:.26em;
  justify-content:center;
  align-items:baseline;
  text-shadow: 0 30px 140px rgba(0,0,0,.60);
}

.tCode{ color: var(--web-blue); }
.tX{ color:#000; } /* nincs fehér négyzet mögötte */
.tBass{ color: var(--dj-red); }

.loader__sub{
  margin-top:14px;
  font-weight:1000;
  opacity:.85;
  color:#fff;
  letter-spacing:.08em;
}

/* csíkok: nagyobb túlnyúlás, hogy jobb alsó sarok se maradjon üres */
.loader__strips{
  position:absolute;
  inset:-35vh -45vw;
  z-index:1;
}

.strip{
  position:absolute;
  top:-45vh; bottom:-45vh;
  width:26px;                        /* picit vastagabb */
  background: rgba(255,255,255,.96);
  border-radius:10px;
  filter: drop-shadow(0 18px 60px rgba(0,0,0,.35));
  transform: rotate(45deg) translate3d(-260%,0,0);
  will-change: transform, opacity;
  opacity:.95;
}

/* egyetlen “menet” jobbra + fade (maradhat 1.35s) */
.loader.loader--go .strip{
  animation: stripOnce 1.35s cubic-bezier(.2,.9,.2,1) forwards;
}
@keyframes stripOnce{
  to{ transform: rotate(45deg) translate3d(280%,0,0); opacity:0; }
}

.loader.loader--go .loader__center{
  animation: centerOut .55s ease forwards;
}
@keyframes centerOut{
  to{ opacity:0; transform: translateY(12px) scale(.985); }
}

.loader.loader--done{
  opacity:0;
  pointer-events:none;
  transition: opacity .28s ease;
}

/* ===== TOPBAR ===== */
.topbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  background: rgba(246,248,255,.80);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(0,71,171,.14);
  transition: background .25s ease, border-color .25s ease;
}
body.theme-dj .topbar{
  background: rgba(7,5,10,.70);
  border-color: rgba(128,0,0,.22);
}
.brand{ display:flex; align-items:center; gap:10px; font-weight:1000; letter-spacing:.7px; color:inherit; text-decoration:none; }
.brand__dot{
  width:12px; height:12px; border-radius:50%;
  background: currentColor; opacity:.9;
  box-shadow: 0 0 0 6px rgba(0,71,171,.10);
}
body.theme-dj .brand__dot{ box-shadow: 0 0 0 6px rgba(128,0,0,.14); }

.nav--desktop{ display:flex; gap:10px; align-items:center; }
.nav--desktop a{
  padding:10px 12px;
  border-radius:999px;
  font-weight:900;
  color: rgba(11,13,18,.78);
  text-decoration:none;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}
.nav--desktop a:hover{ transform: translateY(-1px); background: rgba(0,71,171,.10); color: rgba(11,13,18,1); }
body.theme-dj .nav--desktop a{ color: rgba(255,255,255,.82); }
body.theme-dj .nav--desktop a:hover{ background: rgba(128,0,0,.18); color:#fff; }
.nav__cta{ border:1px solid rgba(0,71,171,.18); background: rgba(255,255,255,.72); }
body.theme-dj .nav__cta{ border:1px solid rgba(128,0,0,.30); background: rgba(255,255,255,.08); }

.burger{
  width:44px; height:44px; border-radius:999px;
  border:1px solid rgba(0,71,171,.20);
  background: rgba(255,255,255,.74);
  display:none;
  cursor:pointer;
  position:relative;
}
body.theme-dj .burger{ border-color: rgba(128,0,0,.34); background: rgba(255,255,255,.08); color:#fff; }
.burger span{
  position:absolute; left:50%;
  width:18px; height:2px; background: currentColor;
  transform: translateX(-50%);
  border-radius:999px;
}
.burger span:nth-child(1){ top:15px; }
.burger span:nth-child(2){ top:21px; opacity:.9; }
.burger span:nth-child(3){ top:27px; }

.drawer{
  position:fixed; top:0; right:0;
  width:min(440px,92vw);
  height:100vh;
  background: rgba(255,255,255,.94);
  border-left:1px solid rgba(0,71,171,.18);
  backdrop-filter: blur(12px);
  z-index:120;
  transform: translateX(105%);
  transition: transform .28s ease;
  box-shadow: -40px 0 90px rgba(0,0,0,.18);
  padding:18px;
}
body.theme-dj .drawer{
  background: rgba(7,5,10,.94);
  border-color: rgba(128,0,0,.22);
  box-shadow: -40px 0 110px rgba(0,0,0,.55);
  color:#fff;
}
.drawer.open{ transform: translateX(0%); }
.drawer__top{ display:flex; align-items:center; justify-content:space-between; }
.drawer__title{ font-weight:1100; letter-spacing:.2em; opacity:.75; }
.drawer__close{
  width:44px; height:44px; border-radius:999px;
  border:1px solid rgba(0,71,171,.18);
  background: rgba(0,71,171,.06);
  cursor:pointer; font-weight:1100;
}
body.theme-dj .drawer__close{ border-color: rgba(128,0,0,.24); background: rgba(128,0,0,.12); color:#fff; }
.drawer__links{ margin-top:18px; display:grid; gap:10px; }
.drawer__links a{
  padding:14px 14px; border-radius:16px;
  border:1px solid rgba(0,71,171,.16);
  background: rgba(0,71,171,.06);
  text-decoration:none;
  color: rgba(11,13,18,.92);
  font-weight:1000;
}
body.theme-dj .drawer__links a{ border-color: rgba(128,0,0,.22); background: rgba(128,0,0,.12); color:#fff; }

/* ===== HERO FIXED ===== */
.hero{ position:relative; width:100%; }
.heroFixed{
  position:fixed; inset:0;
  z-index:1;
  overflow:hidden;
}
.heroVideo{ width:100%; height:100%; object-fit:cover; display:block; transform: scale(1.02); }
.heroShade{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.92));
  opacity:.10; /* JS felhúzza 0.70-ig */
  will-change: opacity;
  transition: opacity .08s linear;
}
.heroOverlay{
  position:absolute; inset:0;
  display:flex; align-items:center;
  padding:92px 18px 34px;
  z-index:2;
}
.heroText{
  max-width: 80ch;
  color:#fff;
  will-change: transform, opacity, filter;
  margin-left: min(10vw, 140px);
}
.heroPills{ display:flex; gap:12px; flex-wrap:wrap; }
.pill{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,71,171,.20);
  background: rgba(255,255,255,.76);
  font-weight:1100;
}
.pill--web{ color:var(--web-blue); border-color: rgba(0,71,171,.28); }
.pill--webGhost{ opacity:.85; }
.pill--djGhost{ color: rgba(255,255,255,.92); border-color: rgba(128,0,0,.28); background: rgba(255,255,255,.08); opacity:.92; }

.heroTitle{
  font-size: clamp(56px, 6vw, 96px);
  line-height:1.00;
  margin:12px 0 14px;
  letter-spacing:-1.2px;
  text-shadow: 0 26px 120px rgba(0,0,0,.60);
}
.heroLead{
  font-size:19px;
  line-height:1.85;
  margin:0;
  color: rgba(255,255,255,.86);
}
.heroCtas{ display:flex; gap:14px; flex-wrap:wrap; margin-top:20px; }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 18px;
  border-radius:999px;
  border:1px solid rgba(0,71,171,.20);
  background: rgba(255,255,255,.76);
  font-weight:1100;
  text-decoration:none;
  color: var(--web-ink);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space: nowrap;
}
.btn:hover{ transform: translateY(-2px); box-shadow: 0 20px 70px rgba(0,0,0,.14); }
.btn--webPrimary{
  background: var(--web-blue);
  color:#fff;
  border-color: transparent;
  box-shadow: 0 16px 60px rgba(0,71,171,.22);
}
.btn--djGhost{
  background: rgba(128,0,0,.14);
  border-color: rgba(128,0,0,.30);
  color:#fff;
}
.btn--djPrimary{
  background: rgba(255,255,255,.92);
  color:#000;
  border-color: transparent;
  box-shadow: 0 20px 80px rgba(128,0,0,.24);
}

/* gyors ráhúzás (nem kell sok scroll) */
.heroRange{ height:240px; }

/* ===== SHEET ===== */
.sheetWrap{ position:relative; z-index:5; margin-top:100vh; }
.sheet{
  position:relative;
  will-change: transform, background;
  transform: translate3d(0, 100vh, 80px);
  background: var(--web-bg);
  color: var(--web-ink);
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
  box-shadow: 0 -40px 140px rgba(0,0,0,.20);
  overflow:hidden;
  transition: background .25s ease, color .25s ease; /* theme átmenet */
}
body.theme-dj .sheet{
  background: var(--dj-bg);
  color: var(--dj-ink);
}

.grid3{ display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; margin-top:22px; }
.grid2{ display:grid; grid-template-columns: repeat(2, 1fr); gap:18px; margin-top:22px; }
@media (max-width:1100px){
  .grid3{ grid-template-columns:1fr; }
  .grid2{ grid-template-columns:1fr; }
  .heroText{ margin-left: 0; }
}

.card{
  border-radius: var(--radius-lg);
  border: 1px solid rgba(0,71,171,.18);
  background: rgba(255,255,255,.86);
  overflow:hidden;
  box-shadow: var(--shadowWeb);
  transition: transform .22s ease, background .25s ease, border-color .25s ease;
}
body.theme-dj .card{
  border-color: rgba(128,0,0,.22);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadowDj);
}
.card:hover{ transform: translateY(-8px); }
.cardImg{ width:100%; height:260px; object-fit:cover; display:block; }
.cardBody{ padding:18px; }
.cardBody h3{ margin:0 0 10px; font-size:22px; }
.cardBody p{ margin:0; color: var(--web-muted); line-height:1.7; }
body.theme-dj .cardBody p{ color: var(--dj-muted2); }

.stack{ display:grid; gap:16px; margin-top:22px; }
.service{
  border-radius: var(--radius-lg);
  border:1px solid rgba(0,71,171,.18);
  background: rgba(255,255,255,.86);
  padding:22px;
  box-shadow: var(--shadowWeb);
  transition: background .25s ease, border-color .25s ease;
}
body.theme-dj .service{
  border-color: rgba(128,0,0,.22);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadowDj);
}
.serviceTop{ display:flex; gap:16px; align-items:flex-start; }
.serviceIcon{
  width:52px; height:52px;
  border-radius:16px;
  display:grid; place-items:center;
  background: rgba(0,71,171,.12);
  color: var(--web-blue);
  font-size:22px;
  flex:0 0 auto;
}
body.theme-dj .serviceIcon{ background: rgba(128,0,0,.14); color:#fff; }
.service h3{ margin:0 0 8px; font-size:22px; }
.service p{ margin:0; color: var(--web-muted); line-height:1.7; }
body.theme-dj .service p{ color: var(--dj-muted2); }

.bar{
  margin-top:16px;
  height:12px;
  border-radius:999px;
  border:1px solid rgba(0,71,171,.18);
  background: rgba(0,71,171,.08);
  overflow:hidden;
}
body.theme-dj .bar{ border-color: rgba(128,0,0,.22); background: rgba(128,0,0,.12); }
.bar span{
  display:block;
  height:100%;
  width: var(--w, 70%);
  border-radius:999px;
  background: linear-gradient(90deg, rgba(0,71,171,.25), rgba(0,71,171,.85));
  animation: fillPulse 2.6s ease-in-out infinite;
}
body.theme-dj .bar span{ background: linear-gradient(90deg, rgba(128,0,0,.25), rgba(128,0,0,.95)); }
@keyframes fillPulse{ 0%,100%{opacity:.78} 50%{opacity:1} }

.bigCard{
  border-radius: var(--radius-xl);
  border:1px solid rgba(0,71,171,.18);
  background: rgba(255,255,255,.86);
  overflow:hidden;
  box-shadow: var(--shadowWeb);
  transition: transform .22s ease, background .25s ease, border-color .25s ease;
}
body.theme-dj .bigCard{ border-color: rgba(128,0,0,.22); background: rgba(255,255,255,.06); box-shadow: var(--shadowDj); }
.bigCard:hover{ transform: translateY(-8px); }
.bigImg{ width:100%; height:320px; object-fit:cover; display:block; }
.bigBody{ padding:18px; }
.tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,71,171,.18);
  background: rgba(0,71,171,.10);
  color: var(--web-blue);
  font-weight:1200;
}
body.theme-dj .tag{ border-color: rgba(128,0,0,.24); background: rgba(128,0,0,.14); color:#fff; }
.bigBody h3{ margin:12px 0 10px; font-size:22px; }
.bigBody p{ margin:0; color: var(--web-muted); line-height:1.7; }
body.theme-dj .bigBody p{ color: var(--dj-muted2); }

/* ===== DJ ===== */
.djZone{ background: transparent; }
.section--dj .h2{ color:#fff; }
.djH{ color:#fff; }
.djLead{ color: var(--dj-muted); }

.djGrid{ display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start; margin-top:22px; }
@media (max-width:1100px){ .djGrid{ grid-template-columns:1fr; } }

.djTitle{
  margin:12px 0 10px;
  font-size: clamp(30px, 2.8vw, 48px);
  color:#fff;
  text-shadow: 0 26px 120px rgba(128,0,0,.32);
}
.djP{ color: var(--dj-muted); }

.pillRow{ display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; }
.pill--dj{
  color:#fff;
  border-color: rgba(128,0,0,.40);
  background: rgba(128,0,0,.18);
}
.pill--djGhost{
  color: rgba(255,255,255,.92);
  border-color: rgba(128,0,0,.28);
  background: rgba(255,255,255,.06);
  opacity:.92;
}

.djCards{ margin-top:18px; display:grid; gap:14px; }
.djCard{
  border-radius: var(--radius-lg);
  border:1px solid rgba(128,0,0,.28);
  background: rgba(255,255,255,.06);
  padding:18px;
  box-shadow: var(--shadowDj);
  transition: transform .2s ease, background .2s ease;
}
.djCard:hover{ transform: translateY(-6px); background: rgba(128,0,0,.12); }
.djIco{ font-size:22px; }
.djT{ margin-top:6px; font-weight:1200; }
.djD{ margin-top:6px; color: var(--dj-muted2); line-height:1.6; }

.djMedia{
  position:relative;
  border-radius: var(--radius-xl);
  overflow:hidden;
  border:1px solid rgba(128,0,0,.26);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadowDj);
}
.djImg{ width:100%; height:560px; object-fit:cover; display:block; transform: scale(1.02); transition: transform .8s ease; }
.djMedia:hover .djImg{ transform: scale(1.08); }
.djMediaOverlay{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:18px;
  background: linear-gradient(180deg, transparent 0%, rgba(128,0,0,.18) 55%, rgba(0,0,0,.85) 100%);
}
.djBadge{
  align-self:flex-start;
  padding:8px 12px;
  border-radius:999px;
  font-weight:1200;
  background: rgba(128,0,0,.88);
}
.djLine{ font-weight:1200; margin-top:10px; color:#fff; }
.djLine.dim{ opacity:.78; font-weight:1000; }

/* DJ galéria */
.djGalleryWrap{ margin-top:34px; }
.djGalleryTitle{
  margin:0 0 14px;
  font-size: clamp(22px, 2vw, 30px);
  color:#fff;
}
.djGallery{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:16px;
}
@media (max-width:1100px){ .djGallery{ grid-template-columns:1fr; } }
.gCard{
  border-radius: var(--radius-xl);
  overflow:hidden;
  border:1px solid rgba(128,0,0,.24);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadowDj);
}
.gCard img{ width:100%; height:260px; object-fit:cover; display:block; }
.gCard figcaption{
  padding:14px 16px;
  color: rgba(255,255,255,.88);
  font-weight:1100;
}

/* ===== CONTACT ===== */
.form{
  padding:26px;
  border-radius: var(--radius-xl);
  border:1px solid rgba(0,71,171,.18);
  background: rgba(255,255,255,.86);
  box-shadow: var(--shadowWeb);
  transition: background .25s ease, border-color .25s ease;
}
body.theme-dj .form{ border-color: rgba(128,0,0,.22); background: rgba(255,255,255,.06); box-shadow: var(--shadowDj); }
.formRow{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width:900px){ .formRow{ grid-template-columns:1fr; } }
label{ display:grid; gap:10px; font-weight:1100; }
input, select, textarea{
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(0,71,171,.18);
  background: rgba(0,71,171,.05);
  outline:none;
  font-weight:1000;
}
body.theme-dj input, body.theme-dj select, body.theme-dj textarea{
  border-color: rgba(128,0,0,.22);
  background: rgba(0,0,0,.22);
  color:#fff;
}
.formActions{
  margin-top:14px;
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
  align-items:center;
}
.note{ opacity:.75; font-weight:1100; }

.footer{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(0,71,171,.14);
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
body.theme-dj .footer{ border-color: rgba(128,0,0,.22); }
.brandMini{ display:flex; align-items:center; gap:10px; font-weight:1200; }
.muted{ opacity:.7; font-weight:1100; }

/* ===== Reveal / Tilt ===== */
.reveal{ opacity:0; transform: translateY(18px); transition: opacity .85s ease, transform .85s ease; will-change: opacity, transform; }
.reveal.in{ opacity:1; transform: translateY(0); }
.tilt{ transform: perspective(900px) rotateX(0deg) rotateY(0deg); transition: transform .18s ease; }

/* ===== EQUALIZER – 3 FIX ZÓNA, KILENGÉS MASZKKAL, HATÁR MOSÁS, NINCS GAP ===== */
.eqSide{
  position: fixed;
  top: 0;
  height: 100vh;
  width: 120px;
  z-index: 60;
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}
body.theme-dj .eqSide{ opacity: 1; }
.eqSide--left{ left: 0; }
.eqSide--right{ right: 0; }

.eqBar{
  position:absolute;
  left: 22px; right: 22px;
  bottom: 72px;

  /* FIX méret (JS állítja px-re reszponzívan) */
  height: 520px;

  border-radius: 0;         /* nincs lekerekítés */
  overflow: hidden;
  border: none;
  box-shadow: 0 24px 90px rgba(0,0,0,.55);
  background: transparent;
}

/* alsó feketébe mosás */
.eqBar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 200px; /* fade magassága */
  pointer-events:none;

  background: linear-gradient(
    to top,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.85) 35%,
    rgba(0,0,0,0.45) 70%,
    rgba(0,0,0,0) 100%
  );
}

/* ez a “maszk”: alulról felfedi a színeket */
.eqFill{
  position:absolute;
  left:0; right:0; bottom:0;
  height: 0px;              /* JS állítja -> kilengés */
  overflow: hidden;         /* EZ vágja a fix zónákat */
  will-change: height;
}

/* 3 fix zóna + 2 db blend csík */
.eqZone{
  position:absolute;
  left:0; right:0;
}

/* fix zöld zóna */
.eqZone--g{
  bottom:0;
  background:#1fd36b;
}

/* fix narancs zóna */
.eqZone--o{
  background:#ff9f1a;
}

/* fix piros zóna */
.eqZone--r{
  background:#800000;
}

/* blend csíkok: csak a találkozásnál mosás */
.eqBlend{
  position:absolute;
  left:0; right:0;
  pointer-events:none;
  opacity: .95;
}

/* zöld->narancs mosás */
.eqBlend--go{
  background: linear-gradient(to top, #1fd36b 0%, #ff9f1a 100%);
}

/* narancs->piros mosás */
.eqBlend--or{
  background: linear-gradient(to top, #ff9f1a 0%, #800000 100%);
}

/* opcionális glow */
.eqGlow{
  position:absolute;
  left: 10px; right: 10px;
  bottom: 60px;
  height: 72vh;
  border-radius: 0;
  background:
    radial-gradient(55px 180px at 50% 92%, rgba(31,211,107,.18), transparent 70%),
    radial-gradient(55px 180px at 50% 55%, rgba(255,159,26,.16), transparent 70%),
    radial-gradient(55px 180px at 50% 18%, rgba(128,0,0,.16), transparent 70%);
  opacity:.55;
  filter: blur(7px);
  will-change: opacity;
}

@media (max-width: 920px){
  .eqSide{ display:none; }
}

/* ===== Responsive ===== */
@media (max-width: 920px){
  .nav--desktop{ display:none; }
  .burger{ display:inline-block; }
  .eqSide{ display:none; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}