#home-page #hero-card{z-index:0;border-radius:calc(var(--global-border-radius) + var(--nano));align-items:center;height:560px;display:flex;position:relative;overflow:hidden}#home-page #hero-card:before,#home-page #hero-card:after{content:"";z-index:-1;background-position:100%;background-repeat:no-repeat;background-size:cover;transition:all 1s ease-in-out;position:absolute;inset:0}@media (max-width:768px){#home-page #hero-card:before,#home-page #hero-card:after{background-position:85%}}#home-page #hero-card:before{background-image:linear-gradient(color-mix(in oklch,var(--black)32%,transparent),color-mix(in oklch,var(--black)32%,transparent)),url(../media/developer-kids.a1a0dada.jpg);opacity:1}#home-page #hero-card:after{background-image:linear-gradient(color-mix(in oklch,var(--black)32%,transparent),color-mix(in oklch,var(--black)32%,transparent)),url(../media/developer-kids-night.ce64fbc5.jpg);opacity:0}#home-page .projects-list{top:calc(var(--site-header-height) + var(--micro));flex-direction:column;gap:16px;display:flex;position:sticky}#home-page .project-card{border-radius:calc(var(--global-border-radius) + var(--nano));overflow:hidden}#home-page .project-card [data-card]{gap:var(--micro);grid-template:"header aside"120px"footer aside"120px/1fr 1fr;display:grid;overflow:hidden}@media screen and (max-width:768px){#home-page .project-card [data-card]{flex-direction:column;display:flex}}#home-page .project-card [data-card] header{grid-area:header}#home-page .project-card [data-card] footer{flex-direction:column;grid-area:footer;justify-content:flex-end;display:flex}#home-page .project-card [data-card] aside{grid-area:aside}#home-page .project-card [data-card] aside img{object-fit:cover;border-radius:var(--global-border-radius);width:100%;height:100%}#home-page #fr-card [data-card]{grid-template-rows:auto 120px}#home-page .uli-flip-container{perspective:1200px}#home-page .uli-flip-inner{transform-style:preserve-3d;width:100%;position:relative}#home-page .uli-flip-face{backface-visibility:hidden;width:100%}#home-page .uli-flip-front{position:relative}#home-page .uli-flip-back{position:absolute;top:0;left:0;transform:rotateX(180deg)}#home-page .uli-flip-container.is-flipped .uli-flip-front,#home-page .uli-flip-container:not(.is-flipped) .uli-flip-back{pointer-events:none}#home-page #uli-next-gen-card{overflow:hidden;border:1px solid var(--amber-light40)!important}#home-page #home-next-gen-badge{background:linear-gradient(135deg,var(--indigo-light40),var(--green-light40),var(--yellow-light60),var(--pink-light60),var(--amber-light40));background-size:400% 400%;animation:12s ease-in-out infinite home-badge-gradient}.theme-dark #home-page #hero-card:before{opacity:0}.theme-dark #home-page #hero-card:after{opacity:1}