.home-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:14px;width:100%}
.home-carousel-viewport{min-width:0;overflow:hidden}
.home-carousel-track{display:flex;transition:transform .72s cubic-bezier(.22,.75,.2,1);will-change:transform}
.home-carousel .home-project-card{flex:0 0 100%;width:100%;min-width:100%}
.carousel-arrow{width:42px;height:42px;border:1px solid rgba(236,233,225,.24);background:#1b1b18;color:#ece9e1;font-size:22px;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.carousel-arrow:hover{background:var(--red);color:#fff;transform:scale(1.06)}
.project-cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;background:#22221e;color:#77736c;text-align:center;font:10px 'DM Mono',monospace;letter-spacing:.13em}
.project-cover-placeholder small{font-size:8px;color:#55534e}
.carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:17px}.carousel-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#48453f;cursor:pointer}.carousel-dots button.active{background:var(--red);transform:scale(1.4)}
@media(max-width:620px){.home-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:7px}.carousel-arrow{width:30px;height:36px;font-size:18px}.home-carousel .home-project-body{min-height:0}}