/* OMT Mission & Vision — full-width split panel */

.omt-mv {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #000000;
  background-image:
    radial-gradient(ellipse 110% 80% at 0% 50%,
      rgba(15,0,212,.55) 0%,
      rgba(15,0,212,.22) 42%,
      rgba(15,0,212,0) 72%),
    linear-gradient(180deg, #090086 0%, #050032 32%, #020012 66%, #000 100%);
}

/* dot grid — matches Founder section */
.omt-mv::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
  z-index: 0;
}

.omt-mv__heading-wrap,
.omt-mv__panels {
  position: relative;
  z-index: 1;
}

.omt-mv__heading-wrap {
  width: 100%;
  text-align: center;
  padding: 80px 20px 60px;
}

.omt-mv__heading-wrap .omt-founder__eyebrow {
  display: block;
  margin-bottom: 16px;
}

.omt-mv__heading-wrap .omt-founder__eyebrow::before {
  display: none;
}

.omt-mv__heading-wrap .omt-major-title {
  margin: 0;
}

.omt-mv__panels {
  display: flex;
  width: 100%;
}

/* each half */
.omt-mv__panel {
  flex: 0 0 50%;
  width: 50%;
  min-height: 680px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

/* background image */
.omt-mv__panel-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform .9s cubic-bezier(.25,.46,.45,.94);
  z-index: 0;
  will-change: transform;
  transform: translateZ(0);
}
.omt-mv__panel:hover .omt-mv__panel-bg {
  transform: scale(1.06);
}

/* dark gradient overlay — denser at bottom for text legibility */
.omt-mv__panel::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.18) 0%,
      rgba(0,0,0,.35) 40%,
      rgba(0,0,0,.72) 72%,
      rgba(0,0,0,.90) 100%);
  z-index: 1;
  pointer-events: none;
}

/* left panel gets a subtle blue tint */
.omt-mv__panel--mission::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 120% 80% at 0% 100%, rgba(15,0,212,.30) 0%, transparent 65%);
  z-index: 1;
  pointer-events: none;
}

/* right panel gets a subtle gold tint */
.omt-mv__panel--vision::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 120% 80% at 100% 100%, rgba(248,200,0,.18) 0%, transparent 65%);
  z-index: 1;
  pointer-events: none;
}

/* divider line between panels */
.omt-mv__panel--mission {
  border-right: 1px solid rgba(255,255,255,.08);
}

/* content block */
.omt-mv__content {
  position: relative;
  z-index: 2;
  padding: 56px 56px 64px;
  width: 100%;
}

.omt-mv__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 600 10px/1 "Space Grotesk","Courier New",monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.omt-mv__panel--mission .omt-mv__label { color: #46b9ff; }
.omt-mv__panel--vision  .omt-mv__label { color: #f8c800; }

.omt-mv__label::before {
  content: '';
  display: block;
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: .55;
}

.omt-mv__title {
  font: 700 clamp(32px, 3.8vw, 54px)/.95 "ClashDisplay-Bold",Inter,sans-serif;
  color: #ffffff;
  letter-spacing: -.02em;
  margin: 0 0 20px;
}

.omt-mv__body {
  font: 400 15px/1.72 "Space Grotesk","Courier New",monospace;
  color: rgba(255,255,255,.60);
  max-width: 480px;
  margin: 0;
}

/* keyword pill */
.omt-mv__pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 28px;
  padding: 9px 18px;
  border-radius: 99px;
  font: 600 11px/1 "Space Grotesk","Courier New",monospace;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.omt-mv__panel--mission .omt-mv__pill {
  background: rgba(70,185,255,.12);
  border: 1px solid rgba(70,185,255,.30);
  color: #46b9ff;
}
.omt-mv__panel--vision .omt-mv__pill {
  background: rgba(248,200,0,.10);
  border: 1px solid rgba(248,200,0,.28);
  color: #f8c800;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 767px) {
  .omt-mv {
    flex-direction: column;
  }
  .omt-mv__panel {
    flex: none;
    width: 100%;
    min-height: 520px;
  }
  .omt-mv__panel--mission { border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
  .omt-mv__content { padding: 40px 28px 48px; }
  .omt-mv__body { max-width: 100%; }
}