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