.motive-home {
  --hero-coral: #fa7866;
}

.motive-home::before,
.motive-home::after,
.motive-home .motive-intro h1 span::after,
.motive-home .motive-card::before { display: none; }

.motive-home .motive-scene {
  inset: 0 0 auto;
  width: 100%;
  height: clamp(680px, 64vw, 980px);
}

.motive-home .motive-scene img {
  object-position: center 41%;
  filter: saturate(1.24) contrast(1.06);
}

.motive-home .motive-scene::after {
  background:
    linear-gradient(180deg, #061925 0%, #061925eb 14%, #06192591 44%, #06192524 73%, var(--navy) 100%),
    radial-gradient(ellipse at 50% 28%, #a9513c55, transparent 58%);
}

.motive-home .motive-home-header {
  width: min(88%, 1315px);
  min-height: 66px;
  margin-block-start: clamp(14px, 2vw, 28px);
  padding: 10px clamp(14px, 2vw, 26px);
  border: 1px solid #f5f1e829;
  border-radius: 18px;
  background: #081b27e8;
  gap: clamp(10px, 1.3vw, 20px);
}

.motive-home .motive-logo { width: clamp(110px, 13vw, 176px); }
.motive-home .motive-home-header nav { font-size: clamp(12px, 1.1vw, 15px); }
.motive-home .motive-home-header .motive-outline { border-color: transparent; background: transparent; padding-inline: 0; }
.motive-home .motive-header-join { background: var(--cream); border-radius: 10px; }
.motive-home > .language-picker { width: min(85%, 1270px); margin-block-start: 5px; font-size: 0.75rem; }
.motive-home > .language-picker a { color: #d2dce2; }
.motive-home > .language-picker [aria-current] { color: var(--hero-coral); }

.motive-home .motive-intro {
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: clamp(505px, 53vw, 810px);
  padding-block: clamp(62px, 7vw, 108px) 88px;
  text-align: center;
}

.motive-home .motive-eyebrow { margin: 0; letter-spacing: 0.24em; }
.motive-home[dir="rtl"] .motive-eyebrow { letter-spacing: normal; }
.motive-home .motive-intro h1[lang="en"] {
  margin-top: 0.27em;
  font-family: var(--font-geist-sans), Arial, sans-serif;
  font-size: clamp(50px, 8.8vw, 138px);
  line-height: 0.93;
  font-weight: 850;
  font-style: normal;
  letter-spacing: -0.075em;
  text-align: center;
  text-transform: none;
}

.motive-home .motive-description { max-width: 34ch; margin-block: 24px 22px; font-size: clamp(16px, 1.65vw, 22px); line-height: 1.45; color: #f5f1e8; }
.motive-home .motive-actions { justify-content: center; flex-wrap: wrap; }
.motive-home .motive-actions .motive-button { border-radius: 10px; background: var(--cream); }
.motive-home .motive-actions .motive-outline { background: #06192580; }
.motive-home .motive-card h2 { font-family: var(--font-geist-sans), Arial, sans-serif; font-style: normal; font-weight: 800; letter-spacing: -0.035em; }

@media (max-width: 700px) {
  .motive-home .motive-home-header { width: 92%; row-gap: 4px; }
  .motive-home .motive-home-header nav { column-gap: 12px; }
  .motive-home .motive-home-header .motive-outline { min-height: 36px; }
  .motive-home .motive-intro { min-height: 475px; padding-block: 58px 50px; }
  .motive-home .motive-intro h1[lang="en"] { font-size: clamp(43px, 11vw, 70px); }
}



.venue-carousel { margin-block-start: 16px; }
.venue-carousel-controls { display: flex; justify-content: flex-end; gap: 8px; margin-block-end: 12px; }
.venue-carousel-controls button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #f5f1e854;
  border-radius: 50%;
  cursor: pointer;
}
.venue-carousel-controls button:hover { background: #f5f1e81a; }
[dir="rtl"] .venue-carousel-controls button { transform: scaleX(-1); }
.venue-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-block: 4px 12px;
  padding-inline: 4px;
  scroll-padding-inline: 4px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-color: #69818d #10242f;
}
.venue-card {
  flex: 0 0 clamp(250px, 28vw, 360px);
  scroll-snap-align: start;
  overflow: hidden;
  border: 1px solid #315064;
  border-radius: 18px;
  background: #0d2534;
}
.venue-card img { width: 100%; aspect-ratio: 1.85; height: auto; object-fit: cover; }
.venue-card-copy { padding: 18px; }
.venue-card h3 { font-size: 1.15rem; font-weight: 750; }
.venue-card p { color: #c4d3dc; margin-block: 4px 14px; }
.venue-card a { display: flex; justify-content: space-between; border-top: 1px solid #315064; padding-block-start: 12px; color: var(--coral); font-weight: 750; }
.venue-card a:focus-visible { outline-offset: 2px; }
@media (max-width: 700px) {
  .venue-card { flex-basis: 85%; }
}
@media (prefers-reduced-motion: reduce) {
  .venue-track { scroll-behavior: auto; }
}

.motive-home .motive-intro h1[lang="en"] {
  color: #fff8ee;
  text-shadow: 0 3px 28px #03121a99;
}
.motive-home .motive-intro h1[lang="en"] span {
  position: relative;
  margin-block-start: -0.13em;
  margin-inline: auto;
  color: var(--hero-coral);
  font: italic 400 1.27em / 0.9 var(--font-instrument-serif), Georgia, serif;
  letter-spacing: -0.035em;
}
.motive-home .motive-eyebrow { color: var(--hero-coral); }
.motive-home .motive-eyebrow b { color: inherit; }
.motive-home .motive-description { color: #fff8ee; text-shadow: 0 2px 14px #03121a, 0 1px 4px #03121a; }
.motive-home .motive-actions .motive-button:not(.motive-outline) { background: var(--hero-coral); color: #071725; }
.motive-home .motive-actions .motive-outline { background: #061925cc; border-color: #fff8eeb3; }
.motive-home .motive-info h2,
.motive-home .app-concept h2 { color: #fff8ee; }
.motive-home :is(.motive-info-grid p, .motive-info > p, .venue-card p, .app-concept-note) { color: #dce8ef; }
.motive-home :is(.motive-card a, .venue-card a, .app-concept-label) { color: #ff9c88; }