.preloader{background-color:var(--background);width:100%;height:100svh;color:var(--foreground);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path;z-index:10;align-items:center;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader p{color:var(--color-foreground)}.preloader-revealer{aspect-ratio:1;background-color:var(--lava);will-change:transform;z-index:10;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.preloader-copy,.preloader-copy-col,.preloader-counter{flex:1;display:flex}.preloader-counter{justify-content:flex-end}.preloader-copy p{width:75%}.line{will-change:transform;transform:translateY(100%)}@media (max-width:768px){.preloader,.preloader-copy{flex-direction:column}.preloader-revealer{width:300%}.preloader-copy-col{align-items:center}.preloader-copy p{width:100%}.preloader-counter{flex-direction:column;justify-content:center}}
.font-a{font-family:var(--font-jacquard)}.font-b{font-family:var(--font-geist-mono)}.font-c{font-family:var(--font-doto)}.jackpot-glow{animation:1.2s forwards jackpotGlow}.slot-letter{will-change:transform;display:inline-block}@keyframes jackpotGlow{0%{text-shadow:none}50%{text-shadow:0 0 5px red,0 0 10px red,0 0 20px red,0 0 40px red}to{text-shadow:0 0 3px red,0 0 8px red,0 0 15px red}}.gradient-canvas{background:radial-gradient(circle at center,var(--primary)0%,transparent 70%);width:100%;height:100%;position:absolute;top:0;left:0}.shadow-title{text-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 20px var(--primary),0 0 40px var(--primary)}
.projects{height:600vh;position:relative}.projects-sticky{z-index:2;height:100vh;position:sticky;top:0;overflow:hidden}.element{will-change:transform;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;scale:.75}.element .img-container{will-change:transform,mask-size;width:25vw;height:25vh;position:relative;-webkit-mask-image:url(/svgs/star/star3.svg);mask-image:url(/svgs/star/star3.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:50%;mask-size:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-content{z-index:3;pointer-events:none;will-change:mask-size;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;-webkit-mask-image:url(/svgs/star/star3.svg);mask-image:url(/svgs/star/star3.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:0%;mask-size:0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-cardstack{background:0 0;width:100%;max-width:85vw;height:85vh;margin:auto;position:relative}.element .img-container .project-image{object-fit:cover}.element:first-of-type .img-container{width:32vw;height:32vh}@media (max-width:768px){.element:first-of-type .img-container{width:75vw;height:75vh}}.element:nth-of-type(2) .img-container{width:30vw;height:25vh;top:-40vh;left:25vw}.element:nth-of-type(3) .img-container{width:15vw;height:40vh;top:-10vh;left:-23vw}.element:nth-of-type(4) .img-container{top:-10vh;left:40vw}.element:nth-of-type(5) .img-container{width:10vw;height:15vh;left:20vw}.element:nth-of-type(6) .img-container{width:30vw;height:25vh;top:30vh;left:-22.5vw}.element:nth-of-type(7) .img-container{width:20vw;height:20vh;top:25vh;left:7vw}.element:nth-of-type(8) .img-container{width:23vw;height:29vh;top:30vh;left:35vw}.element:nth-of-type(9) .img-container{width:20vw;height:50vh;top:-45vh;left:-5vw}.element:nth-of-type(10) .img-container{width:20vw;height:50vh;top:-63vh;left:-28vw}.element:nth-of-type(11) .img-container{width:25vw;height:25vh;top:25vh;left:65vw}.element:nth-of-type(12) .img-container{width:30vw;height:30vh;top:-5vh;left:-50vw}.element:nth-of-type(13) .img-container{width:27vw;height:27vh;top:-40vh;left:-55vw}.element:nth-of-type(14) .img-container{width:35vw;height:35vh;top:-75vh;left:-58vw}
.project-card{background:var(--color-primary);pointer-events:none;width:85vw;height:85vh;position:absolute;overflow:hidden;-webkit-mask-image:url(/svgs/star/star3.svg);mask-image:url(/svgs/star/star3.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:0%;mask-size:0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image-wrapper{background:var(--color-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:20% 0 0}.image{object-fit:contain;filter:brightness(50%);border:2px solid var(--blue-dark);width:100%;height:auto;box-shadow:3px 3px 0px var(--blue-dark)}.overlay{width:30%;color:var(--color-primary);background:var(--color-yellow-dark);border:2px solid var(--blue-dark);opacity:.95;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:3px 3px 0px var(--blue-dark);font-family:var(--font-jacquard);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;bottom:5%;right:3%}.overlay>:nth-child(n+3){margin-top:10px}.title{font-size:3rem;font-weight:700;font-family:var(--font-jacquard);color:var(--color-primary)}.title:hover{transition:transform 1s;transform:translateY(-2px)scale(1.01)}.description{font-family:var(--font-jacquard);color:var(--color-blue-shadow);opacity:.6;font-size:1.75rem}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:var(--color-secondary);background:var(--color-primary);border:1px solid var(--color-secondary);padding:4px 8px;font-size:1.25rem;font-weight:400}.tags span:hover{background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-primary);transition:background .5s,color .5s,border .5s}.button{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:2px 2px 0px var(--color-primary);font-size:1.5rem;font-family:var(--font-jacquard);will-change:scale,border,box-shadow;align-self:flex-end;padding:5px 10px;text-decoration:none}@media (max-width:1200px){.image-wrapper{bottom:30%}.overlay{width:100%;padding:15px;bottom:10%;right:0}.title{font-size:2rem}.description{font-size:1rem}.tags span{font-size:.75rem}.button{font-size:1rem}}