/* Native horizontal browsing, all slides remain in the HTML. No autoplay or pointer effects. */
.suite-carousel{min-width:0;max-width:100%}
.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:#B9F500 #34343B;scrollbar-width:thin;padding:.25rem .25rem 1rem;scroll-padding-inline:.25rem}
.carousel-slide{flex:0 0 84%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.carousel-slide .studio-work-card{height:100%;margin:0;border:1px solid #74747B}
.carousel-slide .studio-work-card>div:first-child{aspect-ratio:16/11;border-radius:1.5rem 1.5rem .5rem .5rem}
.carousel-slide .h-card{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.45;overflow-wrap:anywhere}
.carousel-slide p{font-size:1rem;line-height:1.6;color:white;max-width:45ch}
.carousel-card-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:1rem;border-radius:50%;background:#B9F500;color:#18181C}
.carousel-footer{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}
.carousel-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid #74747B;border-radius:999px;background:#18181C;color:white}
.carousel-controls[hidden]{display:none}
.carousel-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;margin:0;padding:0;border-radius:50%;background:#723BFA;color:white;transition:background-color .2s,box-shadow .2s}
.carousel-controls button:hover{background:#5420C8;box-shadow:0 0 0 2px white}
.carousel-controls button:disabled{background:#34343B;color:#C5C5CC;cursor:default;box-shadow:none}
.carousel-controls button:focus-visible,.carousel-track:focus-visible{outline:3px solid #B9F500;outline-offset:4px}
.carousel-prev svg{transform:rotate(180deg)}
.carousel-controls span{min-width:5.5rem;text-align:center;font-size:1rem}
.carousel-footer progress{width:min(100%,20rem);height:.5rem;accent-color:#B9F500;border:0;border-radius:999px;background:#34343B}
.carousel-footer progress::-webkit-progress-bar{background:#34343B;border-radius:999px}
.carousel-footer progress::-webkit-progress-value{background:#B9F500;border-radius:999px}
@media(min-width:768px){.carousel-slide{flex-basis:60%}}
@media(min-width:1024px){.carousel-slide{flex-basis:calc(40% - 1.2rem)}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.carousel-controls button{transition:none}}