.carousel-section{position:relative}.carousel-header{margin-bottom:var(--space-md);padding:0 var(--content-edge-right,1rem)0 var(--content-edge-left,1rem);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.carousel-title-wrap{align-items:center;gap:var(--space-md);display:flex;overflow:visible}.carousel-title-wrap .icon{color:var(--accent-sky)}.carousel-title{font-family:var(--font-dm-sans);font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:1.3}@media (min-width:36rem){.carousel-title{font-size:var(--text-xl)}}@media (min-width:48rem){.carousel-title{font-size:var(--text-2xl)}}.carousel-nav{align-items:center;gap:var(--space-xs);display:none}@media (min-width:48rem){.carousel-nav{display:flex}}.carousel-btn{width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-btn:hover:not(:disabled){background:#ffffff26}.carousel-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--accent-cyan);outline:none}.carousel-btn:disabled{color:#ffffff1a;cursor:default}.carousel-fade{z-index:10;pointer-events:none;width:2rem;position:absolute;top:0;bottom:0}@media (min-width:36rem){.carousel-fade{width:3rem}}@media (min-width:48rem){.carousel-fade{width:4rem}}.carousel-fade--left{background:linear-gradient(to right,var(--bg-page),transparent);left:0}.carousel-fade--right{background:linear-gradient(to left,var(--bg-page),transparent);right:0}.carousel-track{gap:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 var(--content-edge-right,1rem)0 var(--content-edge-left,1rem);scroll-padding-left:.75rem;scroll-padding-right:.75rem;display:flex;overflow:auto hidden}@media (min-width:36rem){.carousel-track{gap:var(--space-md);scroll-padding-left:1rem;scroll-padding-right:1rem}}@media (max-width:890px){.carousel-header,.carousel-track{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){.carousel-header{margin-bottom:var(--space-sm);padding-left:.75rem;padding-right:.75rem}.carousel-track{padding-left:.75rem;padding-right:.75rem;scroll-padding-left:.75rem;scroll-padding-right:.75rem}}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{scroll-snap-align:start}