.showcase{position:relative;height:100vh;width:100%;overflow-x:hidden;margin-bottom:10vh;overflow:hidden}.showcase-background-video{width:100%;height:100%;object-fit:cover}.showcase-content{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#0009 50%,#000c 70%,#000);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.showcase-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#00000080}.showcase-text{color:#fff;font-size:clamp(3rem,8vw,10rem);font-weight:900;text-align:center;opacity:0;transform:translateY(50px);animation:slideUpFadeIn .5s ease-out forwards}.showcase-text-detail{color:#fff;font-size:clamp(1rem,3vw,1.7rem);font-weight:200;text-align:center;opacity:0;transform:translateY(30px);animation:slideUpFadeIn .5s ease-out .5s forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.cursor{animation:blink 1s infinite;font-weight:100}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.about-me{min-height:90vh;width:100%;display:flex;flex-direction:column;gap:5vh;border-bottom:1px solid rgba(255,255,255,.103);box-sizing:border-box;padding-bottom:15vh}.about-me-header{color:#fff;font-size:clamp(1.5rem,4vw,2rem);margin:0 auto 10vh;text-align:center}.reveal{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform .8s ease-out;will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.information-blob{color:#ffffffc7;max-width:450px;width:100%;font-size:clamp(.9rem,2vw,1.15rem);font-weight:300;display:flex;flex-direction:column;gap:10px;padding:0 20px;line-height:1.5;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.blob-header{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;color:#fff;margin-bottom:8px}.blob-left{margin-right:auto;margin-left:20%;text-align:left}.blob-right{margin-left:auto;margin-right:20%;text-align:right}.my-skills{min-height:90vh;width:100%;display:flex;flex-direction:column;padding-top:15vh;gap:2vh;border-bottom:1px solid rgba(255,255,255,.103);padding-bottom:15vh}.skillset-container{color:#fff;display:flex;flex-direction:column;gap:10px}.skillset-left{margin-right:auto;margin-left:28%;text-align:left;border-left:2px solid rgba(255,255,255,.575);padding-left:20px;border-radius:3px}.skillset-right{margin-left:auto;margin-right:28%;text-align:right;border-right:2px solid rgba(255,255,255,.575);padding-right:20px;border-radius:3px}.skillset-header{font-size:1.8rem;font-weight:400;margin-bottom:15px}.skillset-list{display:flex;flex-direction:column;gap:10px}.skillset-element{font-size:1.1rem;font-weight:300;opacity:.8}.my-works{height:auto;width:80%;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding-top:15vh;gap:10vh;padding-bottom:50px}.work-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:30px;border-radius:10px;background:#ffffff03;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.work-container:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.work-header{color:#fff;font-size:2rem;font-weight:500;text-align:center;cursor:pointer;transition:color .3s ease}.work-header:hover{color:#fffc}.work-content{display:flex;flex-direction:column;gap:20px;align-items:center}.work-image{width:100%;max-width:600px;height:auto;border-radius:8px;object-fit:cover;transition:transform .3s ease}.work-description{color:#fffc;font-size:1.2rem;font-weight:300;text-align:center;line-height:1.6;max-width:600px}@media (max-width: 768px){.about-me{gap:4vh}.about-me-header{margin-bottom:6vh;font-size:1.4rem}.information-blob{padding:0 15px;font-size:.95rem;max-width:100%;margin-left:0!important;margin-right:0!important}.blob-header{font-size:1.2rem;margin-bottom:10px}.blob-left,.blob-right{margin-left:0;margin-right:0;text-align:left}.skillset-left,.skillset-right{margin-left:5%;margin-right:5%;text-align:center;border:none;border-bottom:2px solid rgba(255,255,255,.575);padding:0 0 20px}.my-works{width:95%;grid-template-columns:1fr;padding:10vh 10px 30px;gap:3vh}.work-container{padding:20px}}@media (max-width: 480px){.about-me{gap:3vh}.about-me-header{font-size:1.3rem;margin-bottom:4vh}.information-blob{font-size:.9rem;padding:0 10px;max-width:calc(100% - 20px)}.blob-header{font-size:1.1rem}}@media (min-width: 769px) and (max-width: 1024px){.showcase-text{font-size:6rem}.showcase-text-detail{font-size:1.4rem}.information-blob{font-size:1rem}.blob-header{font-size:1.3rem}.blob-left{margin-left:10%}.blob-right{margin-right:10%}.skillset-left{margin-left:15%}.skillset-right{margin-right:15%}.my-works{width:85%;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (min-width: 1400px){.my-works{grid-template-columns:repeat(2,1fr);max-width:1400px}}.embed-container{position:relative;width:100%;max-width:560px;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px}.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.embed-container{max-width:100%;padding-bottom:56.25%}}.footer{min-height:7vh;padding:20px;border-top:1px solid rgba(255,255,255,.103);color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.footer-text{padding-right:20px;min-height:25px;font-size:clamp(.8rem,2vw,1rem);text-align:center}.side-border{border-right:1px solid rgb(255,255,255)}@media (max-width: 768px){.footer{flex-direction:column;gap:15px;padding:30px 20px}.footer-text{padding-right:0;border-right:none!important}.side-border{border-right:none;border-bottom:1px solid rgb(255,255,255);padding-bottom:10px}.footer-text:last-child{border-bottom:none;padding-bottom:0}}@media (min-width: 769px) and (max-width: 1024px){.footer{gap:15px}.footer-text{padding-right:15px}}@font-face{font-family:Geist;src:url(/assets/Geist-UltraLight-BKGg6HDM.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-Thin-BmOEVwmW.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-Light-BKqyB5ad.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-Regular-CDW1rAlG.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-Medium-COrrQ0FJ.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-SemiBold-Xdbe0ilf.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-Bold-mpQnNB6b.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Geist;src:url(/assets/Geist-UltraBlack-BW_umeXA.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-UltraLight-KoyOHeQL.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-Thin-UQvPdK5y.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-Light-CULnQ7Tf.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-Regular-N8RSepCq.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-Medium-BmVUftj6.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-SemiBold-DGQN5jgG.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:GeistMono;src:url(/assets/GeistMono-Bold-D-Mh5Vum.woff) format("woff");font-weight:700;font-style:normal}.font-sans{font-family:Montserrat,sans-serif}.font-mono{font-family:GeistMono,monospace}.w{color:hsl(var(--card-foreground))}.ultralight{font-weight:100}.thin{font-weight:200}.light{font-weight:300}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.black{font-weight:800}