.release-carousel{position:relative;margin:34px 0 25px}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px;background:#0b0b0b}.carousel-track::-webkit-scrollbar{display:none}.featured-slide{display:grid;grid-template-columns:75% 25%;flex:0 0 100%;height:480px;min-height:0;color:#fff;text-decoration:none;scroll-snap-align:start;scroll-snap-stop:always}.featured-slide .featured-art{height:100%;min-height:0;aspect-ratio:auto}.featured-slide .featured-copy{min-width:0;padding:24px 28px}.featured-slide .featured-copy h1{max-width:100%;overflow-wrap:anywhere;font-size:clamp(2.15rem,3vw,3.25rem);margin:.12em 0}.featured-slide .featured-copy h2{font-size:1rem;margin-bottom:10px}.featured-slide .featured-copy p{font-size:.92rem;margin:.4em 0}.featured-slide .featured-copy strong{font-size:1.25rem;margin:4px 0 12px}.featured-slide .featured-copy .button{pointer-events:none;padding:11px 14px;font-size:.85rem}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 0 0}.carousel-arrow{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#111;color:#fff;font-size:1.2rem}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:9px;height:9px;min-height:9px;padding:0;border:0;border-radius:50%;background:#aaa49a}.carousel-dot.active{width:28px;border-radius:5px;background:#111}@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.card,.card-art .art{transition:none}}@media(max-width:800px){.release-carousel{margin-top:24px}.carousel-track{border-radius:14px}.featured-slide{grid-template-columns:1fr;height:auto;min-height:0}.featured-slide .featured-art{height:auto;min-height:0;aspect-ratio:1}.featured-slide .featured-copy{padding:34px 25px}.featured-slide .featured-copy h1{font-size:2.85rem}.featured-slide .featured-copy h2{font-size:1.15rem}.featured-slide .featured-copy p{font-size:1.05rem}.featured-slide .featured-copy strong{font-size:1.45rem}.carousel-controls{padding-top:10px}}@media(max-width:520px){.release-carousel{width:calc(100% + 4vw);margin-left:-2vw}.featured-slide .featured-copy h1{font-size:2.85rem}.carousel-arrow{width:40px;height:40px;min-height:40px}}

/* Titles are fitted to two lines by the carousel script. Let their natural
   height remain visible so ascenders and descenders cannot be clipped. */
.featured-slide .featured-copy h1{line-height:1.06;overflow:visible}

/* Carousel titles are section headings; the page owns the single h1. */
.featured-slide .featured-copy .featured-title{max-width:100%;overflow:visible;margin:.12em 0;font-size:clamp(2.15rem,3vw,3.25rem);line-height:1.06;overflow-wrap:anywhere}
.featured-slide .featured-copy h3{margin:0 0 10px;color:#56607f;font-size:1rem}
.featured-slide .featured-copy>small+.button{margin-top:10px}
.carousel-dot{position:relative;width:32px;height:32px;min-height:32px;border-radius:4px;background:transparent;box-shadow:none}
.carousel-dot::after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#9da4b8;transform:translate(-50%,-50%)}
.carousel-dot.active{width:32px;background:transparent}
.carousel-dot.active::after{width:28px;border-radius:5px;background:#10183d}
@media(max-width:800px){.featured-slide .featured-copy .featured-title{font-size:2.85rem}.featured-slide .featured-copy h3{font-size:1.15rem}}

/* Keep the complete landscape banner visible and the mobile promotion concise. */
@media(max-width:800px){
  .release-carousel{margin-top:12px}
  .featured-slide .featured-art{height:auto;min-height:0;aspect-ratio:16/9;background-size:contain;background-repeat:no-repeat;background-color:#fff}
  .featured-slide .featured-copy{padding:16px 18px 18px}
  .featured-slide .featured-copy .eyebrow{font-size:.72rem}
  .featured-slide .featured-copy .pill{margin:4px 0;font-size:.68rem}
  .featured-slide .featured-copy .featured-title{margin:.1em 0;font-size:clamp(1.55rem,7.4vw,1.85rem);line-height:1.04}
  .featured-slide .featured-copy h3{margin:0 0 5px;font-size:.95rem;line-height:1.2}
  .featured-slide .featured-copy p{margin:5px 0;font-size:.88rem;line-height:1.35}
  .featured-slide .featured-copy>small{font-size:.75rem;line-height:1.25}
  .featured-slide .featured-copy>small+.button{min-height:44px;margin-top:8px;padding:11px 14px}
  .carousel-controls{padding-top:6px}
}