.sele-brand-hero .sele-brand-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  margin: 0;
  padding: clamp(24px, 5vw, 70px);
  isolation: isolate;
  background: radial-gradient(ellipse at 48% 45%, #123562 0%, #071a35 60%, #061225 100%);
}

.sele-brand-visual::before {
  position: absolute;
  z-index: -1;
  inset: clamp(12px, 2.6vw, 34px);
  border: 1px solid rgba(232, 195, 122, .32);
  border-radius: 11px;
  content: "";
}

.sele-brand-visual svg {
  display: block;
  width: 100%;
  max-width: 510px;
  height: auto;
  mask-image: linear-gradient(90deg, transparent, #000 2.5%, #000 97.5%, transparent),
              linear-gradient(transparent, #000 3%, #000 97%, transparent);
  mask-composite: intersect;
}

.lola-brand-logo {
  display: block;
  box-sizing: border-box;
  width: min(100%, clamp(160px, 60vw, 330px));
  height: auto;
  padding: clamp(12px, 2.4vw, 26px);
  border-radius: 18px;
  background: #fcfeff;
  box-shadow: 0 12px 34px #020a1c70;
}

@media (max-width: 760px) {
  .sele-brand-hero .sele-brand-visual {
    grid-row: 1;
    padding: clamp(25px, 7vw, 52px);
  }

  .sele-brand-hero .sele-hero-copy {
    padding-top: 24px;
  }
}