.projects-hero{position:relative;width:100vw;height:60vh;padding:2em;display:flex;justify-content:center;align-items:center}.projects-hero .hero-header h1{font-size:16vw}.projects-hero .hero-sub{position:absolute;bottom:0;width:100%;padding:2em;text-align:center}.projects-hero .hero-sub p{max-width:600px;margin:0 auto}.project-stack{position:relative;width:100vw;padding:2em}.project-card{position:relative;width:100%;height:100vh;margin:0;display:flex;justify-content:center;align-items:center}.card-inner{position:relative;width:100%;height:90%;background-color:var(--bg2);border:4px solid var(--fg);border-radius:3em;display:flex;overflow:hidden;box-shadow:0 50px 100px #0000001a;will-change:transform,scale}.project-card:nth-child(1) .card-inner{background-color:var(--accent1)}.project-card:nth-child(2) .card-inner{background-color:var(--accent2)}.project-card:nth-child(3) .card-inner{background-color:var(--accent3)}.project-card:nth-child(4) .card-inner{background-color:var(--accent4);color:#fff}.project-card:nth-child(4) .card-inner a{color:#fff;border-bottom:2px solid white}.card-content{flex:1;padding:5em;display:flex;flex-direction:column;justify-content:center;gap:2em}.card-meta{display:flex;flex-direction:column;gap:.5em}.card-content h2{font-size:8vw;line-height:.8}.view-btn{width:max-content;padding-bottom:.5em;border-bottom:2px solid var(--fg);transition:padding-left .3s ease}.view-btn:hover{padding-left:1em}.card-visual{flex:1.2;position:relative;border-left:4px solid var(--fg)}.card-visual img{width:100%;height:100%;object-fit:cover}@media (max-width: 1000px){.projects-hero .hero-header h1{font-size:20vw}.card-inner{flex-direction:column;height:80vh;border-radius:2em}.card-content{padding:2em;flex:none}.card-content h2{font-size:15vw}.card-visual{flex:1;border-left:none;border-top:4px solid var(--fg)}}