.lala-topics-section .lala-topics {
  padding: clamp(70px, 9vw, 126px) clamp(20px, 5vw, 72px);
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(217, 154, 43, 0.2), transparent 30%),
    linear-gradient(135deg, #101b2d 0%, #173c4e 58%, #0f2f33 100%);
}

.lala-topics-section .lala-topics-heading {
  width: min(740px, 100%);
  margin-bottom: 42px;
}

.lala-topics-section .lala-kicker {
  margin: 0 0 14px;
  color: #d99a2b;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lala-topics-section h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.04;
}

.lala-topics-section .lala-topics-heading p:not(.lala-kicker) {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.05rem;
}

.lala-topics-section .lala-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.lala-topics-section .lala-topic-list span {
  padding: 12px 16px;
  color: #f7fbff;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
  font-weight: 700;
  animation: lalaTopicFloat 5s ease-in-out infinite;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.lala-topics-section .lala-topic-list span:nth-child(2n) {
  animation-delay: 0.45s;
}

.lala-topics-section .lala-topic-list span:nth-child(3n) {
  animation-delay: 0.9s;
}

.lala-topics-section .lala-topic-list span:hover {
  transform: translateY(-4px);
  background: rgba(217, 154, 43, 0.22);
  border-color: rgba(217, 154, 43, 0.5);
}

@keyframes lalaTopicFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}
.lala-who-section .lala-who {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1fr);
  gap: clamp(34px, 7vw, 92px);
  align-items: start;
  padding: clamp(70px, 9vw, 126px) clamp(20px, 5vw, 72px);
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 121, 111, 0.28), transparent 32%),
    linear-gradient(135deg, #0f1b2d 0%, #14354d 54%, #0f2f33 100%);
}

.lala-who-section .lala-kicker {
  margin: 0 0 14px;
  color: #d99a2b;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lala-who-section h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.04;
}

.lala-who-section .lala-check-list {
  columns: 2;
  column-gap: 28px;
  padding: 0;
  margin: 4px 0 0;
  list-style: none;
  color: rgba(255, 255, 255, 0.82);
}

.lala-who-section .lala-check-list li {
  break-inside: avoid;
  position: relative;
  margin-bottom: 14px;
  padding-left: 30px;
  font-weight: 600;
  animation: lalaAudienceRise 650ms ease both;
}

.lala-who-section .lala-check-list li:nth-child(2) {
  animation-delay: 90ms;
}

.lala-who-section .lala-check-list li:nth-child(3) {
  animation-delay: 180ms;
}

.lala-who-section .lala-check-list li:nth-child(4) {
  animation-delay: 270ms;
}

.lala-who-section .lala-check-list li:nth-child(5) {
  animation-delay: 360ms;
}

.lala-who-section .lala-check-list li:nth-child(6) {
  animation-delay: 450ms;
}

.lala-who-section .lala-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.34em;
  width: 16px;
  height: 16px;
  background: #d99a2b;
  clip-path: polygon(14% 46%, 36% 69%, 84% 18%, 100% 34%, 37% 96%, 0 58%);
}

@keyframes lalaAudienceRise {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 760px) {
  .lala-who-section .lala-who {
    grid-template-columns: 1fr;
  }

  .lala-who-section .lala-check-list {
    columns: 1;
  }
}