:root{--font-host-grotesk: "Host Grotesk", sans-serif;--font-dm-sans: "DM Sans", sans-serif}.projects-section{background-color:#fff;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding-bottom:50px;gap:10px}.projects-header{height:300px;display:flex;justify-content:start;align-items:center;flex-direction:row;padding-right:100px;padding-top:60px;max-width:1150px;width:90%;border-bottom:1px solid #1b1b1b;gap:130px}.projects-intro{display:flex;flex-direction:column;max-width:650px;width:100%;gap:15px;padding-left:20px}.projects-intro h2{font-family:var(--font-host-grotesk);font-size:6rem;font-weight:700;line-height:1}.projects-intro p{display:block;width:90%;font-family:var(--font-dm-sans);font-weight:400;font-size:14px;color:#838383}.interactive-link-button{display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:50%;background-color:#000;text-decoration:none;overflow:hidden;position:relative;cursor:pointer;flex-shrink:0;transition:background-color .3s ease}.interactive-link-button:hover{background-color:#333}.button-arrow-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.interactive-link-button svg{width:24px;height:24px;color:#fff}.project-content{max-width:1520px;margin:50px auto 0;display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding-left:200px;padding-right:20px;width:100%}.project-categories{grid-column:span 1;padding-left:20px}.categories-list{list-style:none;padding:0;font-weight:700;display:flex;flex-direction:column;gap:10px}.category-item{margin-bottom:1rem;cursor:pointer;font-family:var(--font-host-grotesk);display:flex;gap:10px;font-size:1rem}.category-item span{font-family:var(--font-host-grotesk);font-size:10px;font-weight:700}.category-item:hover{color:#555}.category-count{font-size:.875rem;color:gray;font-weight:400}.slider-container{position:relative;width:100%;max-width:1200px;margin:auto;display:flex;overflow:hidden;grid-column:span 1}.slider-track{display:flex;transition:transform .5s ease-in-out;gap:10px}.slider-img{width:550px;height:400px;flex-shrink:0;object-fit:cover}.slider-controls{position:absolute;top:50%;right:20px;display:flex;flex-direction:column;gap:1rem;transform:translateY(-50%);z-index:1}.slider-btn{width:40px;height:40px;cursor:pointer}@media (max-width: 767px){.projects-section{padding-bottom:30px;gap:20px}.projects-header{height:auto;flex-direction:column;justify-content:center;align-items:start;padding:30px 20px 20px;width:100%;gap:30px;text-align:center;border-bottom:1px solid #1b1b1b}.projects-view-all-button{width:80px;height:80px}.projects-view-all-button svg{width:20px;height:20px}.projects-intro{width:100%;padding-left:0;align-items:start;text-align:start}.projects-intro h2{font-size:3rem}.projects-intro p{font-size:.9rem;width:95%;margin:0 auto}.project-content{grid-template-columns:1fr;gap:1.5rem;padding:0 20px;margin-top:30px}.project-categories{grid-column:span 1;padding-left:0;width:100%}.categories-list{flex-direction:column;gap:8px;align-items:flex-start}.category-item{font-size:.95rem;margin-bottom:.5rem}.category-item span{font-size:8px}.slider-container{max-width:100%;width:100%;grid-column:span 1}.slider-img{width:90vw;height:250px}.slider-controls{flex-direction:row;justify-content:space-between;width:calc(100% - 40px);left:20px;right:20px;top:50%;transform:translateY(-50%)}.slider-btn{width:30px;height:30px}}@media (min-width: 768px) and (max-width: 1023px){.projects-section{padding-bottom:40px}.projects-header{height:250px;padding-right:50px;padding-top:40px;max-width:900px;width:90%;gap:80px}.projects-view-all-button{width:100px;height:100px}.projects-view-all-button svg{width:22px;height:22px}.projects-intro{max-width:500px;gap:10px;padding-left:15px}.projects-intro h2{font-size:4.5rem}.projects-intro p{font-size:.9rem;width:90%}.project-content{grid-template-columns:.8fr 2fr;gap:1.5rem;padding-left:50px;padding-right:15px;margin-top:40px}.project-categories{padding-left:0}.category-item{font-size:.9rem}.slider-container{max-width:800px}.slider-img{width:400px;height:300px}.slider-controls{right:10px}}