.projects-grid{margin-top:1.5rem}.projects-grid li{margin:0;padding:0;list-style:none}.project-card{border:1px solid #ffffff26;padding:1.5rem}.project-card h2{margin:0 0 .75rem;font-size:1.2rem}.project-card p{margin:0 0 1rem;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.project-card__tech li{border:1px solid #ffffff4d;border-radius:2px;padding:.2rem .6rem;font-size:.8rem}.project-card__links{gap:1rem;display:flex}.project-card__links a{color:inherit;font-size:.9rem}.project-card__links a:hover{text-decoration:underline}
.project-hero{width:100%;height:var(--hero-height);background:var(--black-color);display:flex;overflow:hidden}.project-hero__label{flex:2;justify-content:center;align-items:center;display:flex}.project-hero__label h1{font-family:vaR(--monument-bold);text-transform:uppercase;color:var(--white-color);writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.2rem;margin-left:4rem;font-size:clamp(.8rem,1vw,1rem);font-weight:700;transform:rotate(180deg)}@media (max-width:768px){.project-hero__label h1{display:none}}.project-hero__canvas{flex:3}.project-hero__canvas,.project-hero__canvas canvas{width:100%!important;height:100%!important}