.alta-management-carousel{position:relative;overflow:hidden;width:100%;padding:120px 0;color:#fff;background:radial-gradient(ellipse at 50% 38%,#5a48a8 0%,#3f327e 28%,#17102f 56%,#05040b 82%,#000 100%);font-family:Satoshi,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.alta-management-carousel__title{margin:0 0 48px;font-size:clamp(32px,4.5vw,48px);line-height:1.1;letter-spacing:normal;font-weight:500;text-align:center;color:#ffffff}.alta-management-carousel__viewport{height:518px;width:100%;overflow:hidden;padding:2px 0;box-sizing:content-box}.alta-management-carousel__track{display:flex;gap:54px;height:514px;transition:transform .75s cubic-bezier(.22,.61,.36,1);will-change:transform}.alta-management-carousel__card{position:relative;flex:0 0 800px;height:514px;overflow:hidden;border:1px solid transparent;border-radius:24px;background:#000;cursor:pointer;isolation:isolate;user-select:none;-webkit-user-select:none}.alta-management-carousel__card::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid #7a5bf7;border-radius:inherit;pointer-events:none}.alta-management-carousel__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:scale(1.002)}.alta-management-carousel__card-scrim{position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.22) 55%,rgba(0,0,0,.55))}.alta-management-carousel__copy{position:relative;z-index:2;padding:36px 48px 10px;text-align:center}.alta-management-carousel__copy h3{margin:0 0 16px;font-size:32px;line-height:37px;letter-spacing:-.02em;font-weight:500}.alta-management-carousel__copy p{max-width:606px;margin:0 auto;font-size:14px;line-height:20px;font-weight:400}.alta-management-carousel__controls{display:flex;align-items:center;width:max-content;margin:74px auto 0;padding:10px 18px;border-radius:9999px;background:rgba(0,0,0,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.alta-management-carousel__dots{display:flex;align-items:center;gap:16px;padding:0 10px}.alta-management-carousel__dots button{position:relative;width:10px;height:10px;padding:0;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;background:transparent;cursor:pointer;transition:width 220ms cubic-bezier(.34,1.56,.64,1),background-color 120ms ease,border-color 120ms ease}.alta-management-carousel__dots button::after{content:"";position:absolute;inset:-12px}.alta-management-carousel__dots button:hover{border-color:rgba(255,255,255,.9)}.alta-management-carousel__dots button.is-active{width:32px;border-color:#8b7cff;background:transparent}
/* Active pill fills purple left → right in sync with the autoplay timer —
   same mechanism as the Feature Media Showcase dots. */
.alta-management-carousel__dots button.is-active::before{content:"";position:absolute;inset:0;border-radius:999px;background:#8b7cff;width:0;animation:amc-dot-progress var(--amc-autoplay,5000ms) linear forwards}
@keyframes amc-dot-progress{from{width:0}to{width:100%}}
/* Autoplay paused (desktop hover) — freeze the fill where it is. */
.alta-management-carousel.is-paused .alta-management-carousel__dots button.is-active::before{animation-play-state:paused}
/* No autoplay (delay 0, reduced motion, single slide) — show it filled. */
.alta-management-carousel.is-autoplay-off .alta-management-carousel__dots button.is-active::before{animation:none;width:100%}.alta-management-carousel__side{position:absolute;top:246px;bottom:254px;width:20%;border:0;background:transparent;cursor:pointer}.alta-management-carousel__side--prev{left:0}.alta-management-carousel__side--next{right:0}@media(max-width:991px){.alta-management-carousel{padding:88px 0}.alta-management-carousel__title{margin-bottom:32px}.alta-management-carousel__viewport{height:464px}.alta-management-carousel__track{gap:24px;height:460px}.alta-management-carousel__card{flex-basis:min(82vw,720px);height:460px}.alta-management-carousel__controls{margin-top:48px}}@media(max-width:767px){
  .alta-management-carousel{padding:72px 0}
  /* Restructure the card on mobile: only the image has the card container.
     The title + description live below it, on the section background. */
  /* 2px vertical padding: the image frame is a 1px box-shadow that extends
     OUTSIDE the card — without it the viewport clips the ring at the top. */
  .alta-management-carousel__viewport{height:auto;padding:2px 0;overflow:hidden}
  /* flex-start (not stretch) so cards size to their own content — shorter
     slides don't inherit the height of the longest. */
  .alta-management-carousel__track{height:auto;align-items:flex-start}
  .alta-management-carousel__card{
    flex-basis:calc(100vw - 32px);
    height:auto;
    display:flex;
    flex-direction:column;
    background:transparent;
    border:0;
    overflow:visible;
  }
  /* Drop the purple outline that previously wrapped the whole card —
     keep it only as a subtle frame on the image itself. */
  .alta-management-carousel__card::after{display:none}
  .alta-management-carousel__bg{
    position:relative;
    inset:auto;
    width:100%;
    height:360px;
    object-fit:cover;
    object-position:center;
    flex:0 0 auto;
    transform:none;
    border-radius:20px;
    box-shadow:0 0 0 1px rgba(122,91,247,.45);
  }
  /* Slides with a dedicated mobile image use square assets — size the frame
     to the image's 1:1 ratio instead of the fixed 360px so nothing crops. */
  .alta-management-carousel__card.has-mobile-image .alta-management-carousel__bg{
    height:auto;
    aspect-ratio:1/1;
  }
  /* Hide the dark gradient overlay — text is no longer on top of the image. */
  .alta-management-carousel__card-scrim{display:none}
  .alta-management-carousel__copy{
    position:relative;
    z-index:1;
    flex:0 0 auto;
    padding:24px 12px 0;
    text-align:center;
    background:transparent;
  }
  .alta-management-carousel__copy h3{font-size:30px;line-height:36px;margin:0 0 12px;font-weight:500}
  .alta-management-carousel__copy p{font-size:14px;line-height:21px;color:rgba(255,255,255,.85)}
  .alta-management-carousel__controls{gap:20px;margin-top:20px}
  .alta-management-carousel__dots{gap:10px}
  .alta-management-carousel__side{display:none}
}