:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility;line-height:1.5}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#000;color:#fff}body{display:flex;align-items:stretch}main{flex:1 1;min-height:100vh;padding:32px;background:#000}.carousel,main{display:flex;align-items:center;justify-content:center}.carousel{position:relative;width:min(100%,1400px);margin:0 auto;padding:clamp(1rem,2vw,2rem);gap:clamp(1rem,3vw,2.5rem)}.carousel:before{content:"";position:absolute;inset:50% auto auto 50%;width:min(42vw,560px);height:min(42vw,560px);transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.12) 45%,hsla(0,0%,100%,0) 80%);filter:blur(24px);pointer-events:none;z-index:0;opacity:.6;transition:transform .2s ease,opacity .2s ease}.carousel-image-wrapper{flex:1 1;width:100%;overflow:hidden}.carousel-track{width:100%;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr 1.8fr 1.2fr 1fr;align-items:center;grid-gap:clamp(.5rem,1vw,1.25rem);gap:clamp(.5rem,1vw,1.25rem);transition:transform .18s ease-out;will-change:transform}.carousel--sliding-next .carousel-track{transform:translateX(-2.25%)}.carousel--sliding-prev .carousel-track{transform:translateX(2.25%)}.carousel-slide{display:flex;justify-content:center;align-items:center;opacity:.24;transform:scale(.68);filter:saturate(.75) blur(.4px);transition:opacity .16s ease-out,transform .16s ease-out,filter .16s ease-out}.carousel-slide--near{opacity:.5;transform:scale(.86);filter:saturate(.85) blur(.4px)}.carousel-slide--outer{opacity:.16;transform:scale(.58);filter:saturate(.55) blur(1.2px) brightness(.75)}.carousel-slide--active{opacity:1;transform:scale(1);filter:saturate(1) brightness(1.05)}.carousel-image{width:100%;height:auto;border-radius:20px;object-fit:cover;filter:drop-shadow(0 20px 50px rgba(0,0,0,.6))}.carousel button{border:1px solid #333;background:rgba(50,50,50,.7);color:#fff;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:2}.carousel button:focus-visible,.carousel button:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);outline:none}.carousel button:active{transform:translateY(1px)}@media (max-width:900px){.carousel{flex-direction:column;padding:1rem;gap:1rem}.carousel:before{display:none}.carousel-track{grid-template-columns:1fr}.carousel-slide{display:none;opacity:1;transform:scale(1)}.carousel-slide--active{display:flex}}