.homepage-container{min-height:200vh;color:var(--foreground)}.cards-section{min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:5vh}.cards-container{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:2rem}.preview-card{position:relative;height:400px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:box-shadow .3s ease}.preview-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.3)}.card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;cursor:pointer}.projects-card{width:100%}.cards-row{display:flex;gap:2rem}.about-card,.hobbies-card{flex:1}.card-content{position:relative;width:100%;height:100%;overflow:hidden}.card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform-origin:center center}.card-image{width:100%;height:100%;object-fit:cover;object-position:center}.card-curtain{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);z-index:2;transform-origin:left center}.card-title-container{position:absolute;top:2rem;left:2rem;z-index:3}.card-title{font-size:4rem;font-weight:600;margin:0;font-family:MabryPro-Regular,sans-serif;line-height:1}.card-title,.preview-card:hover .card-title{color:var(--foreground)}.title-curtain-container{position:absolute;top:2rem;left:2rem;z-index:4;overflow:hidden;width:fit-content;height:fit-content}.title-curtain{position:absolute;top:-10px;left:0;width:100%;height:calc(100% + 20px);background:var(--foreground);z-index:4}@media (max-width:1200px){.card-title{font-size:3.5rem}.cards-container{gap:2.5rem}}@media (max-width:768px){.cards-section{padding:4rem 1rem}.cards-row{flex-direction:column;gap:2rem}.preview-card{height:320px}.card-title{font-size:2.8rem}.card-title-container,.title-curtain-container{top:1.5rem;left:1.5rem}}@media (max-width:480px){.preview-card{height:280px}.card-title{font-size:2.2rem}.card-title-container,.title-curtain-container{top:1rem;left:1rem}.cards-container{gap:2rem}.cards-section{padding:3rem 1rem}}.card-curtain,.card-image-container{will-change:transform;backface-visibility:hidden}.card-content,.card-link,.preview-card{transform:none!important}