/* Storune Labs V3.3.2 — Final Transition & Memory Motion Polish */

.hero {
  background:
    radial-gradient(ellipse at 78% 43%, rgba(29, 86, 132, .28), transparent 31%),
    radial-gradient(ellipse at 90% 63%, rgba(40, 74, 122, .16), transparent 24%),
    radial-gradient(ellipse at 58% 20%, rgba(12, 47, 82, .26), transparent 32%),
    linear-gradient(132deg, #030b14 3%, #061421 52%, #020811 92%);
}

.hero::after { z-index: 0; }

.hero-transition {
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  height: 110px;
  pointer-events: none;
  background: linear-gradient(90deg, #06111c, #081928 54%, #06111c);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .24) 32%, rgba(0, 0, 0, .78) 78%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .24) 32%, rgba(0, 0, 0, .78) 78%, #000 100%);
}

.about {
  padding-top: 0;
  background:
    radial-gradient(circle at 11% 82%, rgba(229, 171, 47, .055), transparent 20%),
    radial-gradient(circle at 87% 54%, rgba(36, 101, 148, .13), transparent 24%),
    linear-gradient(90deg, #06111c, #081928 54%, #06111c);
}

.about::before { content: none; }

.about-inner {
  min-height: 376px;
  padding: 72px 0 0;
}

@media (max-width: 760px) {
  .about { padding-top: 0; }
  .about-inner {
    min-height: 438px;
    padding: 64px 0 36px;
  }
}

@media (max-width: 520px) {
  .about { padding-top: 0; }
  .about-inner {
    min-height: 0;
    padding: 56px 0 42px;
  }
}