.kids-music-door {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 460px;
  margin: 0 0 42px;
  padding: clamp(28px, 5vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background: url('assets/childrens-music-door.jpg') center/cover;
  box-shadow: 0 26px 80px rgba(0,0,0,.28);
}

.kids-music-door::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(5,18,37,.9) 0%, rgba(5,18,37,.38) 48%, rgba(5,18,37,.04) 100%);
}

.kids-music-door > div { max-width: 720px; }
.kids-music-door h2 { font: 700 clamp(2.8rem,6vw,5.5rem)/.95 Georgia,serif; margin: 0 0 12px; letter-spacing: -.045em; }
.kids-music-door p:not(.kids-eyebrow) { font-size: 1.08rem; line-height: 1.55; color: #eef8ff; margin: 0; }
.kids-music-door a { display: inline-flex; margin-top: 18px; padding: 12px 17px; border-radius: 7px; background: #eafcff; color: #073452; font-weight: 900; text-decoration: none; }
.kids-music-door a:hover,
.kids-music-door a:focus-visible { background: var(--kid-pink); color: #fff; }

.kids-world-doors {
  display: grid;
  gap: 22px;
  margin: 0 0 42px;
}

.kids-world-door {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 460px;
  padding: clamp(28px, 5vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 26px 80px rgba(0,0,0,.28);
}

.kids-world-door::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(5,18,37,.92) 0%, rgba(5,18,37,.34) 52%, rgba(5,18,37,.03) 100%);
}

.kids-films-door { background-image: url('assets/films-for-kids-door.jpg'); }
.kids-films-door::before { background: linear-gradient(0deg, rgba(5,18,37,.88) 0%, rgba(5,18,37,.28) 35%, rgba(5,18,37,.02) 62%, transparent 100%); }
.kids-learning-door { background-image: url('assets/selected-art/untamed-connection-door-bright-v1.webp'); }
.kids-blue-pink-door { background-image: url('assets/selected-art/impossible-beauty-door.jpg'); }
.kids-world-door > span { color: #8df5f5; font-size: .78rem; letter-spacing: .18em; }
.kids-world-door > div { margin-top: auto; max-width: 760px; }
.kids-world-door h2 { margin: 0 0 12px; font: 700 clamp(2.7rem, 6vw, 5.4rem)/.98 Georgia,serif; letter-spacing: -.045em; }
.kids-world-door p { margin: 0; max-width: 680px; color: #eef8ff; font-size: 1.08rem; line-height: 1.55; }
.kids-world-door b { display: inline-flex; align-self: flex-start; margin-top: 18px; padding: 12px 17px; border-radius: 7px; background: #eafcff; color: #073452; }
.kids-world-door:hover b,
.kids-world-door:focus-visible b { background: var(--kid-pink); color: #fff; }

@media (max-width: 620px) {
  .kids-music-door { min-height: 390px; border-radius: 20px; }
  .kids-world-door { min-height: 390px; border-radius: 20px; }
}