.carousel{position:relative;height:360px;margin:24px 28px 0;background:#24333c;overflow:hidden;color:#fff;isolation:isolate}.slides,.slide{position:absolute;inset:0}.slide{display:flex;align-items:center;justify-content:center;text-align:center;padding:35px 80px;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;background-size:cover;background-position:center;z-index:0}.slide.active{opacity:1;visibility:visible;z-index:1}.slide:before{content:"";position:absolute;inset:0;background:rgba(7,17,25,var(--shade,.4));z-index:-1}.slide-copy{max-width:780px;text-shadow:0 2px 6px #0005}.slide h1{font-size:clamp(25px,3.2vw,38px);line-height:1.45;margin:0 0 20px;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere}.slide p{font-size:16px;line-height:1.8;margin:0 auto 28px;max-width:680px;white-space:pre-wrap;overflow-wrap:anywhere}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;z-index:3;border:1px solid #ffffff80;background:#ffffff24;color:#fff;border-radius:50%;font-size:32px;line-height:32px;cursor:pointer;transition:background .2s}.arrow:hover,.play:hover{background:#ffffff45}.previous{left:20px}.next{right:20px}.carousel-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;gap:15px;z-index:3}.play{background:#10232e60;border:1px solid #ffffff60;border-radius:50%;width:31px;height:31px;color:#fff;cursor:pointer;font-weight:bold;font-size:12px}.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.carousel button:focus-visible{outline:3px solid #fff;outline-offset:4px}.below{display:flex;align-items:center;justify-content:space-between;margin:19px 28px;font-size:11px;color:#a0a4a8}.below a{color:#878d93;text-decoration:none}.below a:hover{text-decoration:underline}.nav{gap:28px}@media(max-width:600px){.carousel{margin:18px 16px 0;height:300px!important}.slide{padding:36px 52px}.slide h1{font-size:25px;margin-bottom:14px}.slide p{font-size:13px;margin-bottom:20px}.arrow{width:31px;height:31px;font-size:25px;line-height:25px}.previous{left:10px}.next{right:10px}.carousel-bottom{left:12px;right:12px;bottom:12px}.below{margin:17px 16px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}




.carousel {
  max-width: 872px;
  margin-inline: auto;
  width: calc(100% - 56px);
  max-height: max(300px, calc((100vw - 56px) * 450 / 872));
}
.welcome-stars {
  justify-content: flex-end;
  background-color: #1d1d36;
  background-image:
    radial-gradient(circle at center, #d7d4ef88 0 1px, transparent 2px),
    radial-gradient(circle at center, #bcb2e65c 0 1px, transparent 2px),
    linear-gradient(135deg, #2a2446, #13152c);
  background-size: 97px 112px, 137px 83px, 100% 100%;
  background-position: 12px 8px, 44px 56px, center;
}
.welcome-stars::before { display: none; }
.welcome-art {
  position: absolute;
  inset: 0 auto 0 0;
  width: 54%;
  container-type: size;
  display: flex;
  align-items: center;
  overflow: hidden;
  mask-image: linear-gradient(to right, #000 72%, transparent 100%);
}
.welcome-art img {
  display: block;
  flex: none;
  width: min(213.33%, 223.25cqh);
  max-width: none;
  height: auto;
}
.welcome-stars .slide-copy {
  position: relative;
  width: 53%;
  text-align: left;
}
.welcome-stars .slide-copy h1 { font-size: clamp(23px, 3vw, 37px); }
.welcome-stars .slide-copy p { margin: 0; color: #e1daef; }
@media (max-width: 600px) {
  .carousel { width: calc(100% - 32px); }
  .welcome-art { width: 51%; }
  .welcome-art img { mask-image: linear-gradient(transparent, #000 8%, #000 92%, transparent); }
  .welcome-stars { padding-right: 38px; padding-left: 25px; }
  .welcome-stars .slide-copy { width: 57%; }
}