.project-carousel-section{max-width:var(--container-max-width);margin:0 auto;padding:4rem 1.5rem}.project-carousel-header-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.project-carousel-title{color:var(--primary-text);margin-bottom:.5rem;font-size:2.441rem;font-weight:700;line-height:1.2}.project-carousel-subtitle{color:var(--secondary-text);max-width:42rem;font-size:1.125rem}.project-carousel-divider{background-color:var(--interactive-blue);width:6rem;height:4px;margin-top:1rem}.project-carousel-controls{gap:.75rem;display:flex}.carousel-nav-btn{color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1e293b80;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.carousel-nav-btn:hover:not(:disabled){color:#fff;background-color:#6366f133;border-color:#6366f1;transform:scale(1.1);box-shadow:0 0 20px #6366f14d}.carousel-nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:var(--surface-background)}.carousel-nav-btn svg{width:1.5rem;height:1.5rem}.project-carousel-wrapper{margin:0 -1.5rem;padding:0 1.5rem;position:relative}.project-carousel-wrapper:before,.project-carousel-wrapper:after{content:"";z-index:2;pointer-events:none;width:4rem;transition:opacity .3s;position:absolute;top:0;bottom:0}.project-carousel-wrapper:before{background:linear-gradient(to right,var(--primary-background),transparent);left:0}.project-carousel-wrapper:after{background:linear-gradient(to left,var(--primary-background),transparent);right:0}.project-carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:2rem;padding-top:.5rem;padding-bottom:2rem;display:flex;overflow-x:auto}.project-carousel-track::-webkit-scrollbar{display:none}.project-carousel-item{scroll-snap-align:start;flex:0 0 85%;max-width:380px}@media (min-width:640px){.project-carousel-item{flex:0 0 350px}}.project-carousel-item .card{height:100%}