.home{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:0;display:flex}
.hero{width:100%;min-height:100vh;padding:calc(90px + 7rem)var(--side-padding)0px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12vh;margin-bottom:2rem;display:flex}@media (max-width:480px){.hero{padding-top:calc(40px + 7rem)}}.hero .hero-text{max-width:66rem}.hero .hero-text h1{color:#000;font-size:2.4rem}.hero .skillset{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:100%;display:flex}.hero .skillset .skillset-header p{font-size:2.4rem;font-weight:400}.hero .skillset .skillset-cards{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:1.2rem;width:100%;display:flex}.hero .skillset .skillset-cards .skillset-card{aspect-ratio:1/1.35;background:#f9f9f9;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:calc(25% - .9rem);min-width:320px;display:flex;overflow:hidden}.hero .skillset .skillset-cards .skillset-card .project-details{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%;padding:30px 36px 0;display:flex}.hero .skillset .skillset-cards .skillset-card .project-details h3{color:#000;font-size:24px;font-weight:500}.hero .skillset .skillset-cards .skillset-card .project-details p{color:#555;font-size:18px}.hero .skillset .skillset-cards .skillset-card .project-media{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;padding:0 36px;display:flex}.hero .skillset .skillset-cards .skillset-card .project-media.no-padding{padding:0}.hero .skillset .skillset-cards .skillset-card .project-media img,.hero .skillset .skillset-cards .skillset-card .project-media video{object-fit:contain;border-radius:10px;width:100%;height:100%;max-height:300px}@media (max-width:768px){.hero .skillset .skillset-cards{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;display:flex}.hero .skillset .skillset-cards .skillset-card{width:100%;aspect-ratio:unset;gap:10px}.hero .skillset .skillset-cards .skillset-card .project-details{padding:24px 24px 0}.hero .skillset .skillset-cards .skillset-card .project-details h3{font-size:20px}.hero .skillset .skillset-cards .skillset-card .project-details p{font-size:16px}.hero .skillset .skillset-cards .skillset-card .project-media{aspect-ratio:unset;padding:24px}.hero .skillset .skillset-cards .skillset-card .project-media img{max-height:160px}}
footer{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}footer .links{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}footer .links a{text-transform:uppercase;padding:10px 20px;font-size:20px;font-weight:500}@media (max-width:768px){footer{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}footer .links{flex-direction:row;justify-content:space-between;align-items:center;gap:0;display:flex}footer .links a{padding:6px 12px;font-size:14px;font-weight:600}}
.projects{width:100%;padding:20vh var(--side-padding)15rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;display:flex}.projects .projects-header p{color:#000;font-size:2.4rem;font-weight:500}.projects .projects-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;display:flex}.projects .projects-list .project-block{width:100%;color:inherit;border-top:1px solid silver;grid-template-columns:1fr 1fr 1.5fr;grid-template-areas:"details tags media";align-items:flex-start;gap:3rem;padding:2rem 0;text-decoration:none;display:grid}.projects .projects-list .project-block.bottom-border{border-bottom:1px solid silver}.projects .projects-list .project-block.no-border{border-top:none}.projects .projects-list .project-block.is-link{cursor:pointer}.projects .projects-list .project-block .project-details{flex-direction:column;grid-area:details;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding:24px 0 0;display:flex}.projects .projects-list .project-block .project-details h3{color:#000;font-size:2.4rem;font-weight:500}.projects .projects-list .project-block .project-details p{color:#555;font-size:1.4rem}.projects .projects-list .project-block .project-tags{flex-flow:wrap;grid-area:tags;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;display:flex}.projects .projects-list .project-block .project-tags .project-tag{background:#f5f5f5;border-radius:10px;padding:.5rem 1rem;font-size:14px;font-weight:500}@media (max-width:910px){.projects .projects-list .project-block .project-tags{padding:0 0 6px}}.projects .projects-list .project-block .project-media{background:#f6f6f6 0 0/cover;border-radius:12px;flex-direction:column;grid-area:media;justify-content:flex-end;align-items:center;gap:0;width:100%;height:380px;padding:40px 40px 0;display:flex;overflow:hidden;box-shadow:0 0 29px rgba(0,0,0,.2)}.projects .projects-list .project-block .project-media img,.projects .projects-list .project-block .project-media video{object-fit:contain;border-radius:12px 12px 0 0;width:100%;max-height:100%}.projects .projects-list .project-block .project-media.landscape{padding:50px 40px 0}.projects .projects-list .project-block .project-media.landscape img,.projects .projects-list .project-block .project-media.landscape video{width:auto;max-width:100%;box-shadow:0 9px 9px rgba(0,0,0,.1),0 0 29px rgba(0,0,0,.1)}@media (max-width:910px){.projects .projects-list .project-block .project-media{height:220px}}@media (max-width:1440px){.projects .projects-list .project-block{grid-template-columns:1.15fr 1.5fr;grid-template-areas:"details media""tags media"}}@media (max-width:910px){.projects .projects-list .project-block{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;display:flex}.projects .projects-list .project-block:not(:first-child){border:none}}.projects .projects-showcase{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:680px;display:none}
.showcase{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;width:100%;padding:2vh 0 12vh;display:flex;position:relative}.showcase .showcase-header{padding:0px var(--side-padding)}.showcase .showcase-header h2{max-width:54rem;font-size:2.4rem}.showcase .showcase-header p{color:#555;font-size:1.4rem}.showcase .showcase-items{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;display:flex;overflow-x:scroll}.showcase .showcase-items::-webkit-scrollbar{display:none}.showcase .showcase-items .showcase-items--inner{padding:20px var(--side-padding);flex-direction:row;justify-content:flex-start;align-items:center;gap:4rem;display:flex}.showcase .showcase-items .showcase-items--inner .showcase-item{height:60vh;color:inherit;border-radius:5.2vh;flex-direction:column;flex:none;justify-content:flex-start;align-items:flex-start;gap:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.showcase .showcase-items .showcase-items--inner .showcase-item.orientation-landscape{border-radius:1vh;height:40vh}.showcase .showcase-items .showcase-items--inner .showcase-item.is-link{cursor:pointer}.showcase .showcase-items .showcase-items--inner .showcase-item:hover .showcase-media img,.showcase .showcase-items .showcase-items--inner .showcase-item:hover .showcase-media video{filter:blur(6px);transform:scale(1.02)}.showcase .showcase-items .showcase-items--inner .showcase-item:focus-visible .showcase-media img{filter:blur(6px);transform:scale(1.02)}.showcase .showcase-items .showcase-items--inner .showcase-item:focus-visible .showcase-media video{filter:blur(6px);transform:scale(1.02)}.showcase .showcase-items .showcase-items--inner .showcase-item:hover .showcase-overlay{opacity:1}.showcase .showcase-items .showcase-items--inner .showcase-item:focus-visible .showcase-overlay{opacity:1}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media img,.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media video{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;transition:filter .2s,transform .2s;display:block}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media video{object-fit:contain!important;object-position:center!important}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media video::-webkit-media-controls-panel{-webkit-appearance:none;display:none!important}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-media video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-overlay{opacity:0;-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.35);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;height:100%;padding:24px 24px 40px;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-overlay .showcase-details{background:rgba(0,0,0,.6);border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:18px;display:flex}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-overlay .showcase-details h3{color:#fff;font-size:18px;font-weight:500}.showcase .showcase-items .showcase-items--inner .showcase-item .showcase-overlay .showcase-details p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.35}@media (max-width:768px){.showcase .showcase-items .showcase-items--inner .showcase-item{max-width:240px;height:auto}.showcase .showcase-items .showcase-items--inner .showcase-item.orientation-landscape{max-width:90vw;height:auto}}