.project-carousel{--projects-side-y:0px;background:0 0;padding:12rem 0;position:relative;overflow:hidden}.project-carousel__wrapper{grid-template-columns:50px 1fr;align-items:start;gap:2rem;width:min(1400px,100% - 4rem);margin:0 auto;padding-left:15rem;display:grid}.project-carousel__side{align-items:flex-start;height:35rem;display:flex;position:sticky}.project-carousel__side span{writing-mode:vertical-rl;transform:translateY(var(--projects-side-y))rotate(180deg);color:#1a1a1a94;font-family:var(--font-primary);letter-spacing:.2em;text-transform:uppercase;font-size:2.8rem;font-weight:600;line-height:1;transition:transform .12s linear}.project-carousel__scroll{scroll-behavior:smooth;scrollbar-width:none;padding-bottom:1rem;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#00000073 3.5rem,#000 9rem calc(100% - 9rem),#00000073 calc(100% - 3.5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#00000073 3.5rem,#000 9rem calc(100% - 9rem),#00000073 calc(100% - 3.5rem),#0000 100%)}.project-carousel__scroll::-webkit-scrollbar{display:none}.project-carousel__grid{gap:3.2rem;width:max-content;display:flex}.project-card{color:inherit;flex-direction:column;flex:0 0 32rem;text-decoration:none;display:flex}.project-card__image{aspect-ratio:4/5;background:#1a1a1a14;border-radius:12px;width:100%;position:relative;overflow:hidden}.project-card__img{object-fit:cover;transition:transform .6s}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__info{margin-top:1.8rem}.project-card__info h3{color:var(--charcoal);font-family:var(--font-primary);margin:0;font-size:1.6rem;font-weight:500;line-height:1.35}.project-card__type{color:var(--charcoal);font-family:var(--font-primary);letter-spacing:.12em;text-transform:uppercase;margin-top:.6rem;font-size:1rem;font-weight:600;line-height:1.3;display:block}.home-page-wrapper.charcoal .project-carousel__side span,.home-page-wrapper.charcoal .project-card__info h3{color:#fff}.home-page-wrapper.charcoal .project-card__type{color:#ffffffad}.home-page-wrapper.charcoal .project-card__image{background:#ffffff14}@media (min-width:551px) and (max-width:900px){.project-carousel__wrapper{grid-template-columns:1fr;padding-left:4rem}.project-carousel__side{height:auto;margin-bottom:2rem;display:block;position:relative;top:0}.project-carousel__side span{writing-mode:initial;letter-spacing:.14em;font-size:1.6rem;transform:none}.project-carousel__scroll{padding-left:1rem}.project-carousel__grid{gap:2.4rem}.project-card{flex:0 0 60vw}}@media (max-width:550px){.project-carousel{padding:8rem 0}.project-carousel__wrapper{grid-template-columns:1fr;width:100%;padding-left:2rem}.project-carousel__side{height:auto;margin-bottom:2rem;display:block;position:relative;top:0}.project-carousel__side span{writing-mode:initial;letter-spacing:.12em;font-size:2rem;transform:none}.project-carousel__scroll{padding-left:.6rem}.project-carousel__grid{gap:1.8rem}.project-card{flex:0 0 82vw}.project-card__image{border-radius:10px}.project-card__info{margin-top:1.4rem}}