.project-carousel-section{max-width:var(--container-max-width);margin:var(--space-0) auto;padding:var(--space-64) var(--space-24)}.project-carousel-header-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-32);flex-wrap:wrap;gap:var(--space-24)}.project-carousel-title{font-size:var(--text-h2);font-weight:700;color:var(--primary-text);margin-bottom:var(--space-8);line-height:1.2}.project-carousel-subtitle{font-size:var(--text-lg);color:var(--secondary-text);max-width:42rem}.project-carousel-divider{width:6rem;height:4px;background-color:var(--interactive-blue);margin-top:var(--space-16)}.project-carousel-controls{display:flex;gap:var(--space-12)}.carousel-nav-btn{width:3rem;height:3rem;border-radius:var(--radius-circle);background-color:rgba(30,41,59,.5);border:1px solid rgba(var(--rgb-white),.1);color:var(--slate-50);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:var(--color-ink-inverse);background-color:rgba(var(--rgb-indigo),.2);transform:scale(1.1);box-shadow:0 0 20px rgba(var(--rgb-indigo),.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:var(--space-0) -1.5rem;padding:var(--space-0) var(--space-24)}.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:var(--space-32);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-32);padding-top:var(--space-8);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%}