.ealp-motion-hero {
  --ealp-acid: #9cff00;
  --ealp-acid-soft: #d2ff91;
  --ealp-slide-duration: 8000ms;
  --ealp-intro-duration: 10400ms;
  position: relative;
  height: clamp(690px, 78svh, 820px);
  min-height: 690px;
  overflow: hidden;
  isolation: isolate;
  background: #020503;
  color: #f5f7f2;
  font-family: "Inter", Arial, sans-serif;
}

.ealp-motion-slides,
.ealp-motion-slide,
.ealp-motion-slide > img,
.ealp-motion-shade {
  position: absolute;
  inset: 0;
}

.ealp-motion-slide {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity .86s cubic-bezier(.25,.7,.25,1), visibility .86s;
}

.ealp-motion-slide.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.ealp-motion-slide.is-active.is-entering {
  z-index: 2;
}

.ealp-motion-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.08) brightness(.74);
  transform: scale(1.015);
}

.ealp-motion-shade {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(1,5,3,.97) 0%, rgba(1,5,3,.88) 27%, rgba(1,5,3,.49) 50%, rgba(1,5,3,.1) 76%, rgba(1,5,3,.2) 100%),
    linear-gradient(0deg, rgba(1,4,2,.88) 0%, transparent 46%),
    radial-gradient(circle at 80% 44%, rgba(156,255,0,.09), transparent 36%);
}

.ealp-motion-content-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
}

.ealp-motion-content {
  position: absolute;
  top: 43%;
  left: 0;
  z-index: 4;
  width: min(880px, 66vw);
  transform: translateY(-50%);
}

.ealp-motion-eyebrow {
  display: flex;
  margin: 0 0 24px;
  align-items: center;
  gap: 13px;
  color: rgba(255,255,255,.72);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .21em;
}

.ealp-motion-eyebrow span {
  width: 34px;
  height: 2px;
  background: var(--ealp-acid);
}

.ealp-motion-content h1,
.ealp-motion-content h2 {
  max-width: 880px;
  margin: 0;
  color: #f5f7f2;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  font-size: clamp(48px, 4.15vw, 76px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.ealp-motion-content h1 em,
.ealp-motion-content h2 em {
  display: block;
  color: var(--ealp-acid);
  font-style: normal;
  font-weight: 300;
}

.ealp-motion-lead {
  width: min(640px, 88%);
  margin: 26px 0 30px;
  color: rgba(255,255,255,.72);
  font-size: clamp(14px, 1vw, 17px);
  line-height: 1.66;
}

.ealp-motion-cta {
  display: inline-flex;
  min-height: 52px;
  padding: 0 24px;
  align-items: center;
  gap: 23px;
  border: 1px solid rgba(156,255,0,.72);
  border-radius: 0;
  background: rgba(5,12,7,.45);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  transition: color .25s, background .25s, box-shadow .25s;
}

.ealp-motion-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ealp-motion-cta--secondary {
  border-color: rgba(255, 255, 255, .35);
  background: rgba(5, 12, 7, .2);
}

.ealp-motion-cta--secondary:hover {
  border-color: rgba(255, 255, 255, .72);
  background: #fff;
  color: #071008;
  box-shadow: none;
}

.ealp-motion-cta--secondary:hover span {
  color: #071008;
  transform: translate(3px, -3px);
}

.ealp-motion-cta span {
  color: var(--ealp-acid);
  font-size: 20px;
  transition: transform .25s;
}

.ealp-motion-cta:hover {
  background: var(--ealp-acid);
  color: #071008;
  box-shadow: 0 0 28px rgba(156,255,0,.16);
}

.ealp-motion-cta:hover span {
  color: #071008;
  transform: translateX(5px);
}

.ealp-motion-slide .ealp-motion-content > * {
  opacity: 0;
  transform: translateY(26px);
}

.ealp-motion-hero.is-intro-complete .ealp-motion-slide.is-active .ealp-motion-content > * {
  animation: ealpMotionContentIn .78s cubic-bezier(.18,.76,.22,1) both;
}

.ealp-motion-hero.is-intro-complete .ealp-motion-slide.is-active .ealp-motion-content > :nth-child(1) { animation-delay: .12s; }
.ealp-motion-hero.is-intro-complete .ealp-motion-slide.is-active .ealp-motion-content > :nth-child(2) { animation-delay: .21s; }
.ealp-motion-hero.is-intro-complete .ealp-motion-slide.is-active .ealp-motion-content > :nth-child(3) { animation-delay: .33s; }
.ealp-motion-hero.is-intro-complete .ealp-motion-slide.is-active .ealp-motion-content > :nth-child(4) { animation-delay: .44s; }

.ealp-motion-slide.is-leaving .ealp-motion-content > * {
  animation: ealpMotionContentOut .38s ease both !important;
}

/* One-time multi-angle opening sequence */
.ealp-motion-intro {
  position: absolute;
  inset: 0;
  z-index: 8;
  overflow: hidden;
  contain: strict;
  background: #010302;
  pointer-events: none;
}

.ealp-motion-hero.is-intro-complete .ealp-motion-intro {
  display: none;
}

.ealp-motion-intro__shot,
.ealp-motion-intro__shot img,
.ealp-motion-intro__field {
  position: absolute;
  inset: 0;
}

.ealp-motion-intro__shot {
  opacity: 0;
  overflow: hidden;
}

.ealp-motion-intro__shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.86) contrast(1.08) brightness(.76);
}

.ealp-motion-intro__shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(1,4,2,.46), transparent 54%, rgba(1,4,2,.2)),
    linear-gradient(0deg, rgba(1,4,2,.56), transparent 58%);
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__shot--close {
  animation: ealpIntroCloseShot var(--ealp-intro-duration) linear both;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__shot--close img {
  animation: ealpIntroCloseCamera var(--ealp-intro-duration) cubic-bezier(.17,.74,.2,1) both;
  will-change: transform;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__shot--assembly {
  animation: ealpIntroAssemblyShot var(--ealp-intro-duration) cubic-bezier(.2,.7,.2,1) both;
  will-change: opacity, clip-path;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__shot--assembly img {
  animation: ealpIntroAssemblyCamera var(--ealp-intro-duration) cubic-bezier(.16,.76,.18,1) both;
  will-change: transform;
}

.ealp-motion-intro__field {
  z-index: 3;
  opacity: 0;
  background:
    radial-gradient(circle at 74% 43%, rgba(228,255,190,.22), transparent 27%),
    radial-gradient(circle at 20% 80%, rgba(30,68,0,.18), transparent 34%),
    linear-gradient(118deg, #80c600 0%, #629f00 52%, #356605 100%);
}

.ealp-motion-intro__field::before,
.ealp-motion-intro__field::after {
  content: "";
  position: absolute;
  inset: 0;
}

.ealp-motion-intro__field::before {
  opacity: .22;
  background:
    linear-gradient(152deg, transparent 0 33%, rgba(255,255,255,.28) 33.08%, transparent 33.18%),
    linear-gradient(28deg, transparent 0 67%, rgba(24,63,0,.32) 67.08%, transparent 67.18%),
    repeating-linear-gradient(90deg, transparent 0 88px, rgba(22,58,0,.13) 89px, transparent 90px);
}

.ealp-motion-intro__field::after {
  background: linear-gradient(90deg, rgba(72,123,0,.18), transparent 38%, transparent 80%, rgba(34,74,0,.13));
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__field {
  animation: ealpIntroField var(--ealp-intro-duration) ease both;
}

.ealp-motion-intro__portal {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  clip-path: polygon(69% 36%, 82% 31%, 86% 49%, 80% 65%, 67% 62%, 64% 45%);
  transform: scale(1);
}

.ealp-motion-intro__portal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.86) contrast(1.12) brightness(.78);
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__portal {
  animation: ealpIntroPortal var(--ealp-intro-duration) cubic-bezier(.18,.75,.18,1) both;
  will-change: transform, opacity, clip-path;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__portal img {
  animation: ealpIntroPortalCamera var(--ealp-intro-duration) cubic-bezier(.18,.75,.18,1) both;
  will-change: transform;
}

.ealp-motion-intro__rings {
  position: absolute;
  top: 49%;
  left: 73%;
  z-index: 5;
  width: min(720px, 53vw);
  aspect-ratio: 100 / 86;
  opacity: 0;
  transform: translate3d(-50%, -50%, 0) scale(.7);
}

.ealp-motion-intro__rings svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ealp-motion-intro__rings polygon,
.ealp-motion-intro__rings path {
  fill: none;
  stroke: rgba(237,255,212,.5);
  stroke-width: .22;
  vector-effect: non-scaling-stroke;
}

.ealp-motion-intro__rings path {
  opacity: .34;
  stroke-width: .16;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__rings {
  animation: ealpIntroRings var(--ealp-intro-duration) cubic-bezier(.16,.74,.2,1) both;
  will-change: transform, opacity;
}

.ealp-motion-intro__canvas {
  position: absolute;
  inset: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  opacity: 0;
  mix-blend-mode: screen;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__canvas {
  opacity: .58;
}

.ealp-motion-intro__scan {
  position: absolute;
  inset: 0;
  z-index: 7;
  opacity: 0;
  overflow: hidden;
}

.ealp-motion-intro__scan::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -8%;
  left: -8%;
  height: 20%;
  background: linear-gradient(180deg, transparent, rgba(156,255,0,.04) 54%, rgba(220,255,177,.72) 96%, transparent);
  transform: skewY(-7deg);
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__scan {
  animation: ealpIntroScan var(--ealp-intro-duration) ease both;
}

.ealp-motion-intro__story {
  position: absolute;
  top: 50%;
  left: max(48px, calc((100vw - 1280px) / 2));
  z-index: 8;
  width: min(410px, 34vw);
  opacity: 0;
  text-align: left;
  transform: translate3d(0, -42%, 0);
}

.ealp-motion-intro__story span {
  display: block;
  margin-bottom: 22px;
  color: rgba(9,30,0,.66);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .28em;
}

.ealp-motion-intro__story strong {
  display: block;
  color: #061400;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  font-size: clamp(40px, 4.25vw, 70px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.055em;
}

.ealp-motion-intro__story strong i {
  display: block;
  color: #f2ffd5;
  font-style: normal;
  font-weight: 400;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__story {
  animation: ealpIntroStory var(--ealp-intro-duration) cubic-bezier(.18,.72,.2,1) both;
}

.ealp-motion-intro__brand {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: min(980px, calc(100vw - 80px));
  opacity: 0;
  text-align: center;
  transform: translate3d(-50%, -45%, 0);
  will-change: transform, opacity;
}

.ealp-motion-intro__brand > span {
  display: block;
  margin-bottom: 24px;
  color: var(--ealp-acid-soft);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.ealp-motion-intro__brand strong {
  display: grid;
  color: #fff;
  font-family: "Manrope", "Inter", Arial, sans-serif;
  font-size: clamp(40px, 5.15vw, 88px);
  font-weight: 400;
  line-height: .96;
  letter-spacing: -.035em;
}

.ealp-motion-intro__brand strong i { font-style: normal; }
.ealp-motion-intro__brand strong i:last-child { color: var(--ealp-acid); font-weight: 300; }

.ealp-motion-intro__brand p {
  width: min(650px, 100%);
  margin: 28px auto 0;
  color: rgba(255,255,255,.82);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.6;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro__brand {
  animation: ealpIntroBrand var(--ealp-intro-duration) cubic-bezier(.2,.72,.2,1) both;
}

.ealp-motion-hero.is-intro-playing .ealp-motion-intro {
  animation: ealpIntroLife var(--ealp-intro-duration) linear both;
}

/* Slider controls */
.ealp-motion-controls {
  position: absolute;
  right: 0;
  bottom: 24px;
  left: 0;
  z-index: 6;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 28px;
  opacity: 0;
  transform: translateY(10px);
}

.ealp-motion-hero.is-intro-complete .ealp-motion-controls {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s .35s ease, transform .5s .35s ease;
}

.ealp-motion-brandline {
  position: absolute;
  top: 50%;
  right: clamp(12px, 1.6vw, 32px);
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.52);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .24em;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
}

.ealp-motion-brandline::before {
  width: 1px;
  height: 34px;
  background: var(--ealp-acid);
  content: "";
}

.ealp-motion-hero.is-intro-complete .ealp-motion-brandline {
  opacity: 1;
  transition: opacity .5s .5s ease;
}

.ealp-motion-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.ealp-motion-tab {
  position: relative;
  display: block;
  min-height: 66px;
  padding: 17px 6px 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.25);
  background: none;
  color: #fff;
  text-align: left;
  cursor: pointer;
  opacity: .46;
  transition: opacity .25s, border-color .25s;
}

.ealp-motion-tab:hover,
.ealp-motion-tab.is-active {
  border-color: rgba(255,255,255,.4);
  opacity: 1;
}

.ealp-motion-tab-progress {
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--ealp-acid);
}

.ealp-motion-hero.is-intro-complete .ealp-motion-tab.is-active .ealp-motion-tab-progress {
  animation: ealpMotionProgress var(--ealp-slide-duration) linear forwards;
}

.ealp-motion-tab > span:last-child {
  display: grid;
  gap: 6px;
}

.ealp-motion-tab b {
  color: rgba(255,255,255,.92);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .035em;
}

.ealp-motion-tab small {
  color: rgba(255,255,255,.42);
  font-size: 9px;
  letter-spacing: .035em;
}

.ealp-motion-arrows {
  display: flex;
  padding-bottom: 5px;
  gap: 8px;
}

.ealp-motion-arrows button {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(3,8,4,.45);
  color: #fff;
  cursor: pointer;
  transition: background .25s, border-color .25s, color .25s;
}

.ealp-motion-arrows button:hover {
  border-color: var(--ealp-acid);
  background: var(--ealp-acid);
  color: #071008;
}

@keyframes ealpMotionContentIn {
  from { opacity: 0; transform: translateY(26px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ealpMotionContentOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-14px); }
}

@keyframes ealpIntroCloseShot {
  0% { opacity: 0; }
  2%, 19% { opacity: 1; }
  27%, 100% { opacity: 0; }
}

@keyframes ealpIntroCloseCamera {
  0% { transform: translate3d(3%, 2%, 0) scale(1.2); }
  27%, 100% { transform: translate3d(-2%, -1.5%, 0) scale(1.015); }
}

@keyframes ealpIntroAssemblyShot {
  0%, 16% {
    opacity: 0;
    clip-path: polygon(13% 0, 100% 9%, 88% 100%, 0 90%);
  }
  22% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  45% { opacity: 1; }
  53%, 100% { opacity: 0; }
}

@keyframes ealpIntroAssemblyCamera {
  0%, 16% { transform: scale(1.36) rotate(3.5deg); }
  49%, 100% { transform: scale(.84) rotate(0); }
}

@keyframes ealpIntroField {
  0%, 43% { opacity: 0; }
  49%, 68% { opacity: 1; }
  76%, 100% { opacity: 0; }
}

@keyframes ealpIntroPortal {
  0%, 45% {
    opacity: 0;
    clip-path: polygon(69% 36%, 82% 31%, 86% 49%, 80% 65%, 67% 62%, 64% 45%);
    transform: scale(1.05);
  }
  51% {
    opacity: 1;
    clip-path: polygon(76% 27%, 90% 19%, 96% 48%, 90% 75%, 72% 69%, 68% 39%);
    transform: scale(1);
  }
  64% {
    opacity: 1;
    clip-path: polygon(68% 8%, 97% 0, 100% 50%, 94% 94%, 64% 100%, 60% 43%);
    transform: scale(1.015);
  }
  70% {
    opacity: 1;
    clip-path: polygon(36% 3%, 98% 0, 100% 50%, 96% 97%, 32% 100%, 25% 42%);
    transform: scale(1.025);
  }
  76% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
    transform: scale(1.035);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
    transform: scale(1.06);
  }
}

@keyframes ealpIntroPortalCamera {
  0%, 47% { transform: scale(1.28) rotate(-2deg); }
  67% { transform: scale(1.08) rotate(0); }
  100% { transform: scale(1); }
}

@keyframes ealpIntroRings {
  0%, 47% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(.58) rotate(-1.8deg);
  }
  53% {
    opacity: .5;
    transform: translate3d(-50%, -50%, 0) scale(.82) rotate(-.7deg);
  }
  66% {
    opacity: .3;
    transform: translate3d(-50%, -50%, 0) scale(1.04) rotate(0);
  }
  76%, 100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1.28) rotate(.4deg);
  }
}

@keyframes ealpIntroScan {
  0%, 6% { opacity: 0; transform: translateY(0); }
  10% { opacity: 1; }
  43% { opacity: .8; transform: translateY(125%); }
  50%, 100% { opacity: 0; transform: translateY(125%); }
}

@keyframes ealpIntroStory {
  0%, 47% { opacity: 0; transform: translate3d(0, -38%, 0) scale(.97); }
  52% { opacity: 1; transform: translate3d(0, -50%, 0) scale(1); }
  60% { opacity: 1; transform: translate3d(0, -50%, 0) scale(1); }
  66%, 100% { opacity: 0; transform: translate3d(0, -56%, 0) scale(1.01); }
}

@keyframes ealpIntroBrand {
  0%, 75% { opacity: 0; transform: translate3d(-50%, -40%, 0) scale(.97); }
  81% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); }
  96% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); }
  100% { opacity: 0; transform: translate3d(-50%, -54%, 0) scale(1.01); }
}

@keyframes ealpIntroLife {
  0%, 96% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ealpMotionProgress {
  from { width: 0; }
  to { width: 100%; }
}

@media (max-width: 900px) {
  .ealp-motion-hero {
    height: 710px;
    min-height: 710px;
  }

  .ealp-motion-content {
    top: 42%;
    width: min(760px, calc(100vw - 48px));
  }

  .ealp-motion-shade {
    background:
      linear-gradient(90deg, rgba(2,7,4,.95), rgba(2,7,4,.52) 70%, rgba(2,7,4,.28)),
      linear-gradient(0deg, rgba(2,5,3,.9), transparent 58%);
  }

  .ealp-motion-controls { bottom: 18px; gap: 15px; }
  .ealp-motion-brandline { right: 11px; gap: 9px; font-size: 8px; letter-spacing: .17em; }
  .ealp-motion-tab { min-height: 58px; padding-top: 13px; }
  .ealp-motion-tab small { display: none; }
  .ealp-motion-tab b { font-size: 9px; }
  .ealp-motion-arrows button { width: 40px; height: 40px; }
  .ealp-motion-intro__brand { width: calc(100vw - 48px); }
  .ealp-motion-intro__brand > span { font-size: 8px; }
  .ealp-motion-intro__story { left: 32px; width: min(330px, 42vw); }
  .ealp-motion-intro__story span { font-size: 8px; letter-spacing: .22em; }
  .ealp-motion-intro__portal { width: 100%; height: 100%; }
}

@media (max-width: 620px) {
  .ealp-motion-hero {
    height: 720px;
    min-height: 720px;
  }

  .ealp-motion-slide > img { object-position: 64% center; }
  .ealp-motion-content { top: 39%; width: calc(100vw - 40px); }
  .ealp-motion-eyebrow { margin-bottom: 19px; font-size: 8px; letter-spacing: .15em; }
  .ealp-motion-eyebrow span { width: 24px; }
  .ealp-motion-content h1,
  .ealp-motion-content h2 { font-size: clamp(40px, 12.3vw, 59px); line-height: .96; }
  .ealp-motion-lead { margin: 20px 0 24px; font-size: 13px; line-height: 1.52; }
  .ealp-motion-cta { min-height: 48px; padding-inline: 18px; }
  .ealp-motion-controls { bottom: 15px; grid-template-columns: 1fr; }
  .ealp-motion-brandline { right: 7px; gap: 7px; font-size: 6px; letter-spacing: .12em; }
  .ealp-motion-brandline::before { height: 20px; }
  .ealp-motion-arrows { display: none; }
  .ealp-motion-tabs { gap: 7px; }
  .ealp-motion-tab { min-height: 52px; padding: 12px 2px 0; }
  .ealp-motion-tab b { font-size: 8px; line-height: 1.3; }
  .ealp-motion-intro__brand { width: calc(100vw - 36px); }
  .ealp-motion-intro__brand > span { margin-bottom: 16px; font-size: 7px; line-height: 1.55; letter-spacing: .14em; }
  .ealp-motion-intro__brand strong { font-size: clamp(29px, 9.2vw, 42px); line-height: 1.02; }
  .ealp-motion-intro__brand p { margin-top: 20px; font-size: 13px; line-height: 1.48; }
  .ealp-motion-intro__story { left: 20px; width: min(280px, 62vw); }
  .ealp-motion-intro__story span { margin-bottom: 15px; font-size: 7px; line-height: 1.5; letter-spacing: .14em; }
  .ealp-motion-intro__story strong { font-size: clamp(34px, 11.4vw, 54px); line-height: .98; }
  .ealp-motion-intro__portal { width: 100%; height: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ealp-motion-intro { display: none !important; }
  .ealp-motion-hero .ealp-motion-content > * {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
  .ealp-motion-controls {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .ealp-motion-slide {
    transition: none !important;
  }
  .ealp-motion-tab-progress {
    animation: none !important;
  }
}