@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bricolage+Grotesque:wght@200..800&family=Merriweather:ital,wght@0,300..900;1,300..900&family=Supermercado+One&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";html,body{box-sizing:border-box;background-color:#0b2a4a;width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100%;overflow-x:hidden}.homepage{background-color:#0b2a4a;background-image:var(--homepage-bg);box-sizing:border-box;width:100%;max-width:100vw;min-height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background-position:50%;background-repeat:no-repeat;background-size:contain;background-attachment:scroll;position:relative;overflow:hidden}.hero{width:100%;height:100vh;display:block;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center 40%;width:100vw;height:100vh;display:block}.snowfall-container{z-index:999;pointer-events:none;width:100%;height:100dvh;position:fixed;top:0;left:0}@media (width<=768px){.snowfall-container{width:100%;height:100vh}}@media (width<=480px){.snowfall-container{width:100%;height:100vh}}@keyframes glow{0%{filter:drop-shadow(0 0 6px #b4ebffcc)drop-shadow(0 0 12px #96dcff80)}50%{filter:drop-shadow(0 0 18px #b4ebff)drop-shadow(0 0 35px #96dcffb3)}to{filter:drop-shadow(0 0 6px #b4ebffcc)drop-shadow(0 0 12px #96dcff80)}}@keyframes button_glow{0%{box-shadow:0 0 5px #fff,0 0 10px #00eaff,0 0 20px #00eaff}50%{box-shadow:0 0 10px #fff,0 0 20px #00eaff,0 0 40px #00eaff}to{box-shadow:0 0 5px #fff,0 0 10px #00eaff,0 0 20px #00eaff}}.start-button{cursor:pointer;opacity:.8;z-index:10;color:#c278ff;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:2px solid #fff;border-radius:2px;max-width:calc(100vw - 2rem);padding:clamp(8px,2vw,10px) clamp(14px,4vw,20px);font-family:Bricolage Grotesque,sans-serif;font-size:clamp(.8rem,2.8vw,1rem);font-weight:800;transition:all .3s;animation:2.5s ease-in-out infinite button_glow;position:absolute;bottom:clamp(3rem,6vh,5rem);left:50%;transform:translate(-50%)}.btn-text{opacity:1;transition:all .18s}.bear,.bear1{opacity:0;pointer-events:none;width:clamp(48px,14vw,70px);height:auto;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-button:hover,.start-button.is-active,.start-button:focus-visible{color:#00eaff;background:#b4f9fa;border:.5px solid #b4f9fa;box-shadow:0 0 15px #fff,0 0 40px #00eaff,0 0 80px #00eaff}.start-button:hover .btn-text,.start-button.is-active .btn-text,.start-button:focus-visible .btn-text{opacity:0}.start-button:hover .bear,.start-button:hover .bear1,.start-button.is-active .bear,.start-button.is-active .bear1,.start-button:focus-visible .bear,.start-button:focus-visible .bear1{opacity:.8}.hero .typing{color:#fff;white-space:nowrap;text-align:center;box-sizing:content-box;z-index:12;opacity:1;border-right:3px solid #fff;width:0;max-width:92vw;margin:0;font-family:Supermercado One;font-size:clamp(1rem,5.2vw,5rem);transition:opacity .18s;animation:3s steps(17,end) forwards typing,.8s infinite blink,2.5s ease-in-out infinite glow;position:absolute;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes typing{0%{width:0}to{width:17ch}}@media (width>=1440px){.homepage{background-position:50%}.hero .typing{top:clamp(5.5rem,14vh,8.5rem)}.start-button{bottom:clamp(4rem,7vh,6rem)}}@media (width<=1024px){.homepage{background-position:50%}.hero .typing{font-size:clamp(1.4rem,6vw,4.2rem);top:clamp(6rem,18vh,10rem)}.hero-img{object-position:center 46%}.start-button{bottom:clamp(3.25rem,6vh,5rem)}}@media (width<=768px){.homepage{background-position:50%}.hero .typing{border-right-width:2px;font-size:clamp(1.6rem,7vw,3.8rem);top:clamp(6rem,20vh,12rem)}.hero-img{object-position:center 52%}.start-button{min-height:48px;padding:clamp(10px,3.2vw,14px) clamp(18px,5vw,22px);font-size:clamp(.95rem,4.2vw,1.1rem);bottom:clamp(3rem,5.5vh,4.5rem)}}@media (width<=480px){.homepage{background-position:50%}.hero .typing{font-size:clamp(1.8rem,8vw,3.2rem);top:clamp(6.5rem,22vh,14rem)}.hero-img{object-position:center 58%}.start-button{min-height:52px;padding:clamp(10px,3.5vw,14px) clamp(16px,4.5vw,20px);font-size:clamp(1rem,4.5vw,1.15rem);bottom:clamp(2.5rem,4.5vh,3.5rem)}}@media (width<=360px){.start-button{white-space:normal;text-align:center;max-width:calc(100vw - 1.5rem);font-size:.75rem}}@media (height<=500px) and (orientation:landscape){.homepage{background-position:50%}.typing{font-size:clamp(1rem,5vh,1.75rem);top:clamp(1.5rem,6vh,2.5rem)}.start-button{padding:6px 12px;font-size:clamp(.7rem,2.5vh,.85rem);bottom:clamp(1rem,3vh,2rem)}.bear,.bear1{width:clamp(36px,10vh,52px)}}@keyframes blink{0%{border-color:#000}50%{border-color:#0000}to{border-color:#000}}@keyframes typing2{0%{width:0}to{width:13ch}}.iceberg-anchor{left:var(--x);bottom:calc(var(--water-line) - var(--g) * var(--sink));width:var(--g);align-items:center;gap:calc(var(--g) * .008);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.creature-stack{align-items:center;gap:calc(var(--g) * .008);z-index:10;transform:translateX(calc(var(--g) * var(--tx,0))) translateY(calc(var(--g) * var(--ty)));flex-direction:column;display:flex;position:relative}.content-page{--bg-ratio:1.5;--water-frac:.4;--bg-h:max(100vh, calc(100vw / var(--bg-ratio)));--water-line:calc(var(--water-frac) * var(--bg-h) - (var(--bg-h) - 100vh) / 2);--su:min(max(100vw, min(120vw, 160vh)), 178vh);background-color:#0b2a4a;width:100vw;height:100dvh;position:relative;overflow:hidden}.content-bg{object-fit:cover;object-position:center center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scene{box-sizing:border-box;z-index:1;width:100%;height:100%;padding:0;position:absolute;inset:0}.scene-group{pointer-events:none;position:absolute;inset:0}.scene-group .speech-bubble-btn{pointer-events:auto}.scene-group{--g:calc(var(--su) * var(--gf))}.left-group{transform-origin:19% 85%;--gf:.26;--x:18.5%;--sink:.8;--animal:.452;--bubble:.14;--ty:.4;--bx:.3;--fs:.08}.center-group{transform-origin:50% 45%;--gf:.3;--x:50%;--sink:.5;--animal:.428;--bubble:.12;--ty:.13;--bx:.25;--fs:.067;--tx:.06}.right-group{transform-origin:81% 90%;--gf:.27;--x:79.5%;--sink:.85;--animal:.413;--bubble:.13;--ty:.45;--bx:.4;--fs:.07}.speech-bubble-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-left:calc(var(--g) * var(--bx));background:0 0;border:none;flex-shrink:0;padding:0;display:block;position:relative}.contactmebubble,.aboutmebubble,.projectsbubble{white-space:nowrap;font-family:VT323,monospace;font-size:max(10px, calc(var(--g) * var(--fs)));color:#000;pointer-events:none;position:absolute;top:36%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.iceberg-left,.iceberg-center,.iceberg-right{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:auto;display:block}.penguin,.seal,.arcticfox{height:calc(var(--g) * var(--animal));pointer-events:none;width:auto;display:block}@keyframes animal_glow{0%{filter:drop-shadow(0 0 calc(var(--g) * .014) #fff) drop-shadow(0 0 calc(var(--g) * .028) #00eaff)}50%{filter:drop-shadow(0 0 calc(var(--g) * .028) #fff) drop-shadow(0 0 calc(var(--g) * .07) #00eaff)}to{filter:drop-shadow(0 0 calc(var(--g) * .014) #fff) drop-shadow(0 0 calc(var(--g) * .028) #00eaff)}}.penguin,.seal,.arcticfox{filter:drop-shadow(0 0 calc(var(--g) * .019) #fff) drop-shadow(0 0 calc(var(--g) * .038) #00eaff);transition:all .2s ease-in-out;animation:2.5s ease-in-out infinite animal_glow}.speech-img{height:calc(var(--g) * var(--bubble));filter:drop-shadow(0 0 8px #fff);pointer-events:none;width:auto;animation:2s ease-in-out infinite pulse;display:block}.speech-bubble-btn:hover .speech-img{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 20px #00eaff);transition:transform .2s,filter .2s;animation:none;transform:scale(1.15)}.home{z-index:10;cursor:pointer;background:0 0;border:none;padding:6px;position:absolute;top:3%;left:2%}.home-img{filter:drop-shadow(0 0 4px #fff);pointer-events:none;width:auto;height:clamp(30px,4vh,36px);animation:2.5s ease-in-out infinite glow}.home:hover .home-img{animation:none}.typing3{color:#fff;white-space:nowrap;z-index:5;border-right:3px solid #fff;width:0;margin:0;font-family:Supermercado One;font-size:clamp(1.1rem,4.4vw,2.8rem);animation:3s steps(20,end) forwards typing3,.8s infinite blink,2.5s ease-in-out infinite text_glow;position:absolute;top:86%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes typing3{0%{width:0}to{width:39ch}}@keyframes text_glow{0%{text-shadow:0 0 3px #fff,0 0 6px #00eaff}50%{text-shadow:0 0 5px #fff,0 0 10px #00eaff}to{text-shadow:0 0 3px #fff,0 0 6px #00eaff}}@media (orientation:portrait) and (width<=640px){.left-group{--bubble:.24;--fs:.1;--sink:1.15;--x:17%}.center-group{--bubble:.19;--fs:.082}.right-group{--bubble:.22;--fs:.09;--sink:1.3;--x:77%;--bx:.12}.typing3{white-space:normal;text-align:center;border-right:none;width:88%;max-width:88%;font-size:clamp(.9rem,3.8vw,1.6rem);animation:2.5s ease-in-out infinite text_glow;top:84%;overflow:visible}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.snowfall-container,.typing,.start-button,.penguin,.seal,.arcticfox,.speech-img{transition:none!important;animation:none!important}}.contactbackground{object-fit:cover;z-index:0;filter:blur(4px)brightness(.8);width:100%;height:100%;position:absolute;top:0;left:0}.contact-container{width:100%;height:100vh;position:relative;overflow:hidden}.card-panel{z-index:1;border-radius:20px;width:clamp(560px,63vw,1060px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 40px #b6eafd,0 0 80px #fff}.card-bg{object-fit:fill;z-index:0;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}.card-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,5vh,56px);min-height:clamp(420px,60vh,620px);padding:clamp(24px,3.5%,36px);display:flex;position:relative}.card-top{flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex}.seal1{flex-shrink:0;width:clamp(300px,40vw,430px);height:auto;animation:3s ease-in-out infinite glow;translate:-40px}.text-block{text-align:left;flex-shrink:0;width:clamp(300px,38vw,450px);margin-left:-80px;display:block;overflow:hidden;translate:-40px}.cline{color:#000;text-align:left;white-space:nowrap;width:0;margin:0 0 clamp(12px,2.5vh,28px);font-family:VT323,monospace;font-size:clamp(20px,2.6vw,33px);display:block;overflow:hidden}.cline1{animation:1.5s steps(18,end) forwards sealtyping1,.8s infinite blink}.cline2{animation:2s steps(35,end) 1.5s forwards sealtyping2}.cline3{animation:2s steps(30,end) 3.5s forwards sealtyping3}.icon-row{flex-direction:row;justify-content:center;align-items:center;gap:clamp(24px,3vw,48px);padding-bottom:0;display:flex}.icon-btn{cursor:pointer;filter:drop-shadow(0 0 5px #7b2cffcc)drop-shadow(0 0 1px #7b2cff99);width:auto;height:clamp(70px,11vh,120px);transition:transform .2s,filter .2s;animation:3s ease-in-out infinite logopulse}.icon-btn:hover{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 20px #00eaff);animation:none;transform:scale(1.15)}.exit{cursor:pointer;z-index:3;background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute;top:clamp(12px,3%,28px);right:clamp(12px,3%,28px)}.exit:hover{animation:none}.exit-btn{width:auto;height:clamp(54px,7vh,84px);transition:transform .2s,filter .2s;display:block}.exit:hover .exit-btn{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 20px #00eaff);animation:none;transform:scale(1.15)}@keyframes sealtyping1{0%{width:0}to{width:22ch}}@keyframes sealtyping2{0%{width:0}to{width:42ch}}@keyframes sealtyping3{0%{width:0}to{width:32ch}}@keyframes logopulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@supports (height:100dvh){.contact-container{height:100dvh}}@media (orientation:landscape) and (width<=1599px){.seal1{width:clamp(160px,63vw - 240px,460px)}.text-block{width:clamp(220px,32vw,420px);margin-left:-4vw;font-family:VT323,monospace;font-size:clamp(16px,3.5vw - 23px,33px)}.cline{font-size:inherit}.icon-row{gap:clamp(16px,2.5vw,48px)}.icon-btn{height:clamp(44px,min(11vh,7.5vw - 24px),120px)}}@media (orientation:landscape) and (height<=500px){.card-panel{width:min(92vw,900px)}.card-content{gap:clamp(10px,3vh,20px);min-height:0;padding:clamp(14px,4vh,24px) clamp(16px,3vw,32px)}.seal1{width:clamp(130px,22vw,220px)}.text-block{width:clamp(180px,28vw,380px);margin-left:clamp(-40px,-2.5vw,-12px);font-family:VT323,monospace;font-size:clamp(12px,2vw,18px)}.cline{font-size:inherit;margin-bottom:clamp(6px,2vh,12px)}.icon-row{gap:clamp(12px,2vw,28px)}.icon-btn{height:clamp(40px,12vh,52px)}.exit{top:10px;right:10px}.exit-btn{height:clamp(40px,12vh,52px)}}@media (orientation:portrait){.card-panel{width:min(90vw,720px)}.card-content{gap:clamp(20px,3.5vh,44px);min-height:min(72vh,640px);padding:clamp(20px,4vw,40px)}.card-top{flex-direction:column;gap:clamp(4px,1vh,12px)}.seal1{width:clamp(170px,42vw,320px);translate:none}.text-block{width:43ch;margin-left:0;font-family:VT323,monospace;font-size:clamp(15px,3.2vw,30px);translate:none}.cline{font-size:inherit}.icon-row{flex-wrap:wrap;gap:clamp(14px,3vw,36px)}.icon-btn{height:clamp(42px,5.5vw,64px)}.exit-btn{height:clamp(44px,6vw,72px)}}@media (orientation:portrait) and (width<=767px){.card-panel{width:min(92vw,560px)}.card-content{gap:clamp(16px,3vh,28px);min-height:min(70vh,560px);padding:clamp(18px,5vw,30px)}.seal1{width:clamp(140px,50vw,250px)}.text-block{text-align:center;width:100%;font-size:clamp(16px,4.5vw,21px)}.cline{font-size:inherit;white-space:normal;text-align:center;width:auto;margin-bottom:clamp(8px,1.6vh,14px);animation:none;overflow:visible}.icon-row{gap:clamp(10px,3vw,18px)}.icon-btn{height:clamp(44px,12vw,58px)}.exit{top:10px;right:10px}.exit-btn{height:clamp(44px,11vw,56px)}}html,body{margin:0;padding:0}.about-container{--au:min(100vw, 165vh);--berg-w:max(300px, calc(var(--au) * .45));--card-w:clamp(170px, calc(var(--au) * .21), 420px);--bg-h:max(100vh, calc(100vw / 1.637));--water-top:calc(.374 * var(--bg-h) - (var(--bg-h) - 100vh) / 2);width:100%;height:100dvh;position:relative;overflow:hidden}.aboutbackground{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.about-scene{z-index:1;justify-content:center;display:flex;position:absolute;inset:0}.berg-ice{display:contents}.berg-stack{width:var(--berg-w);flex:0 0 var(--berg-w);z-index:3;margin-top:calc(var(--water-top) - var(--berg-w) * .37);--berg-x:calc(var(--au) * -.01181);--berg-y:calc(var(--au) * -.009);--berg-scale:1;translate:var(--berg-x) var(--berg-y);scale:var(--berg-scale);flex-direction:column;align-self:start;align-items:center;display:flex;position:relative}.topberg-wrap{z-index:2;width:100%;position:relative}.bottomberg-wrap{z-index:2;width:88%;margin-top:-1.5%;position:relative}.topberg,.topberg-dup{-webkit-mask-image:linear-gradient(#000 100%,#0000 100%);mask-image:linear-gradient(#000 100%,#0000 100%);--top-x:calc(var(--au) * -.01458);--top-y:0px;--top-scale:1;width:100%;height:auto;translate:var(--top-x) var(--top-y);scale:var(--top-scale);animation:3s ease-in-out infinite glowPulse;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%)}.bottomberg,.bottomberg-dup{-webkit-mask-image:linear-gradient(#0000 0%,#000 0%);mask-image:linear-gradient(#0000 0%,#000 0%);--bottom-x:0px;--bottom-y:0px;--bottom-scale:1;width:100%;height:auto;translate:var(--bottom-x) var(--bottom-y);scale:var(--bottom-scale);animation:3s ease-in-out 1.5s infinite glowPulse2;-webkit-mask-image:linear-gradient(#0000 0%,#000 15%)}.topberg-dup,.bottomberg-dup{pointer-events:none;position:absolute;inset:0}@keyframes glowPulse{0%{filter:drop-shadow(0 0 #0064ff00)}50%{filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 20px #f4f7ff)}to{filter:drop-shadow(0 0 #0064ff00)}}@keyframes glowPulse2{0%{filter:drop-shadow(0 0 #fcfcfc00)}50%{filter:drop-shadow(0 0 10px #43a6fd)drop-shadow(0 0 20px #22f)}to{filter:drop-shadow(0 0 #0064ff00)}}.card-slot{width:calc(var(--berg-w) * var(--cw,.467));--pair-x:0px;--pair-y:0px;translate:var(--pair-x) var(--pair-y);z-index:2;position:absolute}.slot-name{--cw:.38;top:2.95%;left:-44.37%}.slot-tools{--cw:.4;top:43.82%;left:-56.82%}.slot-hobbies{--cw:.4;top:74.47%;left:-35.04%}.slot-awards{--cw:.47;top:-2.83%;left:95.4%}.slot-degree{--cw:.47;top:22.8%;left:104.84%}.slot-experience{--cw:.5;top:50.33%;left:109.96%}.about-card{z-index:2;opacity:0;flex-shrink:0;width:100%;height:auto;animation:.3s forwards revealCard;display:block;position:relative}.namecard,.degreecard,.awardscard{filter:drop-shadow(0 0 5px #fff)}.experiencecard,.toolscard,.hobbiescard{filter:drop-shadow(0 0 5px #161aff)}.namecard{animation-delay:2.85s}.degreecard{animation-delay:5.9s}.awardscard{animation-delay:8.9s}.experiencecard{animation-delay:12s}.toolscard{animation-delay:15.3s}.hobbiescard{animation-delay:18.5s}.connector{--conn-scale:.75;width:calc(var(--clen,calc(var(--berg-w) * .6)) * var(--conn-scale));z-index:1;pointer-events:none;clip-path:inset(0 0 0 100%);opacity:.85;height:auto;animation:5.5s forwards reveal;position:absolute}.c-name{--clen:calc(var(--berg-w) * .8889);top:-2.39%;left:-15.65%;transform:scaleY(-1)}.c-tools{--clen:calc(var(--berg-w) * .8889);animation-delay:15.5s;top:74.6%;left:-6.28%;transform:scaleY(-1)}.c-hobbies{--clen:calc(var(--berg-w) * .9778);animation-delay:12.3s;top:30.2%;left:-30.47%}.c-awards{--clen:calc(var(--berg-w) * .8889);animation-delay:6s;top:-8.88%;left:39.24%;transform:scaleX(-1)scaleY(-1)}.c-degree{--clen:calc(var(--berg-w) * .8889);animation-delay:9s;top:47.18%;left:54.23%;transform:scaleX(-1)scaleY(-1)}.c-experience{--clen:calc(var(--berg-w) * .8889);animation-delay:3s;top:2.5%;left:50.03%;transform:scaleX(-1)}@keyframes reveal{to{clip-path:inset(0)}}@keyframes revealCard{to{opacity:1}}.backarrow{cursor:pointer;filter:drop-shadow(0 0 10px #f4f4f5);z-index:10;background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute;top:2%;left:1%}.backarrow-btn{width:auto;height:clamp(28px,4vh,40px);display:block}.backarrow:hover{animation:none}@media (orientation:portrait),(width<=767px),(height<=500px){.about-container{--space:clamp(20px, 3.5vh, 32px);height:auto;min-height:100dvh;overflow:visible}.aboutbackground{position:fixed}.about-scene{display:block;position:static}.berg-stack{gap:var(--space);box-sizing:border-box;grid-template-columns:1fr 1fr;width:min(92vw,420px);margin:0 auto;padding:clamp(56px,8vh,72px) 20px clamp(40px,6vh,64px);display:grid;position:static;translate:none;scale:none}.berg-ice{z-index:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.topberg-wrap{width:min(78vw,46vh)}.bottomberg-wrap{width:calc(min(78vw,46vh)/1.13636);margin-top:-1.5%}.connector{display:none}.card-slot{width:100%;position:static;top:auto;left:auto;translate:none}.slot-name,.slot-tools,.slot-hobbies,.slot-experience{grid-column:1/-1}.slot-name{order:1}.slot-degree{order:2}.slot-awards{order:3}.slot-tools{order:4}.slot-hobbies{order:5}.slot-experience{order:6}.about-card{opacity:0;transition:opacity .6s,transform .6s;animation:none;transform:translateY(28px)}.about-card.in-view{opacity:1;transform:translateY(0)}.namecard.in-view{transition-delay:0s}.degreecard.in-view{transition-delay:.12s}.awardscard.in-view{transition-delay:.24s}.toolscard.in-view{transition-delay:.36s}.hobbiescard.in-view{transition-delay:.48s}.experiencecard.in-view{transition-delay:.6s}.backarrow{position:fixed;top:12px;left:12px}}@media (width<=767px),(height<=500px){.slot-degree,.slot-awards{grid-column:1/-1}}body{margin:0}.projects-container{--icecard-w:min(90vw, 145vh, 1680px);width:100%;height:100vh;position:relative;overflow:hidden}.projectsbackground{object-fit:cover;z-index:0;filter:blur(3px)brightness();width:100%;height:100%;position:absolute;top:0;left:0}.ice-wrap{width:var(--icecard-w);aspect-ratio:1481/897;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iceblock{filter:drop-shadow(0 0 10px #fff);pointer-events:none;width:100%;height:100%;animation:2s ease-in-out infinite pulse1;position:absolute;inset:0}@keyframes pulse1{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.projcard-panel{z-index:1;position:absolute;inset:14% 10.5% 18.5%}.projcard-bg{display:none}.projcard-content{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;gap:calc(var(--icecard-w) * .022);width:100%;height:100%;padding:calc(var(--icecard-w) * .02);flex-direction:column;display:flex;position:relative}.projcard-top{justify-content:center;align-items:center;gap:calc(var(--icecard-w) * .02);flex-direction:row;width:100%;display:flex}.projectpenguin{width:calc(var(--icecard-w) * .235);filter:drop-shadow(0 0 10px #0bf);flex-shrink:1;min-width:0;height:auto}.ptext-block{font-family:VT323,monospace;font-size:max(10px, calc(var(--icecard-w) * .028));flex-shrink:0;width:43ch;overflow:hidden}.pline{font-size:inherit;color:#000;text-align:left;white-space:nowrap;width:0;margin:0 0 clamp(12px,2.5vh,28px);display:block;overflow:hidden}.pline1{animation:1.5s steps(18,end) forwards penguintyping1,.8s infinite blink}.pline2{animation:2s steps(35,end) 1.5s forwards penguintyping2}.pline3{animation:2s steps(30,end) 3.5s forwards penguintyping3}.pline4{animation:1s steps(12,end) 5.5s forwards penguintyping4}@keyframes penguintyping1{0%{width:0}to{width:32ch}}@keyframes penguintyping2{0%{width:0}to{width:42ch}}@keyframes penguintyping3{0%{width:0}to{width:39ch}}@keyframes penguintyping4{0%{width:0}to{width:12ch}}.buttonContainer{justify-content:center;align-items:center;gap:calc(var(--icecard-w) * .024);opacity:0;flex-flow:wrap;width:100%;animation:.5s 6.5s forwards showButtons;display:flex}@keyframes showButtons{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projectButton{width:calc(var(--icecard-w) * .165);cursor:pointer;height:auto;transition:transform .2s,filter .2s}.projectButton:hover{filter:brightness(1.1);transform:scale(1.1)}.featuredBtn{transform:scale(1.06)translateY(-3px)}.featuredBtn:hover{transform:scale(1.16)translateY(-3px)}.projexit{top:calc(var(--icecard-w) * .015);right:calc(var(--icecard-w) * .015);cursor:pointer;z-index:3;background:0 0;border:none;padding:0;animation:2s ease-in-out infinite pulse;position:absolute}.projexit:hover{animation:none}.projexit-btn{height:max(34px, calc(var(--icecard-w) * .045));width:auto;transition:transform .2s,filter .2s;display:block}.projexit:hover .projexit-btn{filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 20px #00eaff);transform:scale(1.15)}@supports (height:100dvh){.projects-container{height:100dvh}}@media (orientation:portrait){.projects-container{--icecard-w:min(96vw, 145vh, 1680px)}}@media (orientation:portrait) and (width<=767px){.iceblock{display:none}.ice-wrap{aspect-ratio:auto;width:auto;inset:0;transform:none}.projcard-panel{border-radius:20px;width:min(92vw,560px);inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #b6eafd,0 0 80px #fff}.projcard-bg{object-fit:fill;z-index:0;border-radius:20px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.projcard-content{gap:clamp(16px,3vh,28px);height:auto;min-height:min(70vh,560px);padding:clamp(18px,5vw,30px)}.projcard-top{flex-direction:column;gap:clamp(6px,1.5vh,14px)}.projectpenguin{width:clamp(110px,36vw,170px)}.ptext-block{text-align:center;width:100%;font-size:clamp(15px,4.3vw,20px)}.pline{font-size:inherit;white-space:normal;text-align:center;width:auto;margin:0 0 clamp(6px,1.4vh,12px);animation:none;overflow:visible}.buttonContainer{gap:clamp(10px,2.5vw,16px);animation-delay:.3s}.projectButton{width:clamp(105px,38vw,170px)}.projexit{top:10px;right:10px}.projexit-btn{height:clamp(44px,11vw,56px)}}.viewPage{z-index:1;position:relative}.menuButton{cursor:pointer;z-index:1000;background:0 0;border:none;position:fixed;top:30px;left:30px}.menu{filter:drop-shadow(0 0 5px #ffffffc7)drop-shadow(0 0 2px #ffffffb7);width:clamp(22px,3vw,30px);height:auto;transition:transform .25s}.menu:hover{transform:scale(1.08)}.projectviewbackground{object-fit:cover;z-index:-1;filter:blur(2px)brightness(.6);width:100%;height:100%;position:fixed;top:0;left:0}.tabs{color:#aaa;flex-wrap:wrap;justify-content:center;gap:clamp(15px,4vw,40px);margin-top:clamp(60px,8vh,100px);padding:0 10px;font-family:Bricolage Grotesque,sans-serif;font-weight:600;display:flex}.tabs span{cursor:pointer;font-size:clamp(12px,1.5vw,16px);transition:transform .2s,color .2s;display:inline-block}.tabs span:hover{color:#fff;transform:scale(1.15)}.tabs .active{color:#fff}.carousel{justify-content:center;align-items:center;margin-top:clamp(20px,5vh,60px);font-family:Bricolage Grotesque,sans-serif;display:flex;position:relative}.viewport{width:var(--card-width,min(1050px, calc(100vw - 40px)));border-radius:20px;height:min(620px,100vh - 200px);overflow:hidden}.slider{transition:transform .7s cubic-bezier(.77,0,.175,1);display:flex}.slide{width:var(--card-width,min(1050px, calc(100vw - 40px)));flex-shrink:0;justify-content:center;align-items:center;min-width:0;height:min(520px,100vh - 230px);display:flex;position:relative}.projectcard{z-index:2;background:#ffffffeb;border-radius:28px;width:min(900px,100% - 40px);height:min(420px,100% - 40px);font-family:Bricolage Grotesque,sans-serif;transition:transform .3s,box-shadow .3s,filter .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #fffffff5,0 0 10px #ffffffd5}.projectcard:hover{filter:brightness(1.03);transform:scale(1.03)translateY(-6px);box-shadow:0 0 30px #ffffffe6,0 0 30px #fffffffd}.cardLeft{background:#000;flex-shrink:0;width:50%}.cardLeft img{object-fit:cover;width:100%;height:100%}.cardRight{color:#000;flex-direction:column;width:50%;padding:clamp(12px,2vw,30px);display:flex;overflow:hidden}.cardRight h2{margin-bottom:8px;font-size:clamp(14px,1.8vw,24px)}.cardRight p{font-size:clamp(12px,1.2vw,16px);line-height:1.4}.stack{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.stack span{color:#fff;background:#15a9ff;border-radius:10px;padding:clamp(3px,.5vh,6px) clamp(6px,.8vw,10px);font-size:clamp(10px,1vw,12px)}.viewBtn{color:#fff;cursor:pointer;background:#a876f8;border:none;border-radius:10px;align-self:flex-start;margin-top:auto;padding:clamp(8px,1.2vh,10px) clamp(12px,1.5vw,20px);font-family:Bricolage Grotesque,sans-serif;font-size:clamp(12px,1.2vw,16px);font-weight:700;transition:transform .2s,background .2s}.viewBtn:hover{color:#fff;transform:scale(1.02)}.arrow{cursor:pointer;z-index:20;background:0 0;border:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:clamp(5px,4vw,100px)}.arrow.right{right:clamp(5px,4vw,100px)}.arrow img{width:clamp(40px,6vw,80px);height:auto;transition:transform .25s;display:block}.arrow img:hover{transform:scale(1.1)}.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;padding:20px;font-family:Bricolage Grotesque,sans-serif;display:flex;position:fixed;inset:0}.modalBox{background:#0f0f14;border-radius:20px;width:90%;max-width:1100px;height:min(80vh,700px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3}.modalLeft{background:#111;flex-shrink:0;justify-content:center;align-items:center;width:45%;display:flex}.modalLeft img{border-radius:12px;width:80%}.modalRight{color:#fff;width:55%;padding:clamp(16px,3vw,40px);overflow-y:auto}.modalRight h2{margin-bottom:10px;font-size:clamp(18px,2.5vw,28px)}.subtitle{color:#aaa;margin-bottom:20px;font-size:clamp(12px,1.2vw,16px)}.modalRight p{margin-bottom:15px;font-size:clamp(12px,1.2vw,16px);line-height:1.6}.modalRight h4{letter-spacing:1px;color:#888;margin-top:10px;margin-bottom:10px;font-size:clamp(11px,1vw,13px)}.overviewCard{background:#181820;border-radius:12px;margin:20px 0;padding:clamp(10px,2vw,20px)}.overviewList{flex-wrap:wrap;gap:8px;display:flex}.overviewList span{background:#222;border-radius:6px;padding:clamp(4px,.5vh,6px) clamp(8px,1vw,12px);font-size:clamp(11px,1vw,13px)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:#2a2a35;border-radius:6px;padding:clamp(4px,.5vh,6px) clamp(8px,1vw,12px);font-size:clamp(11px,1vw,13px)}.githubBtn{color:#fff;background:#6c63ff;border-radius:10px;margin-top:25px;padding:clamp(8px,1vh,12px) clamp(12px,1.5vw,20px);font-size:clamp(12px,1.2vw,16px);font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.githubBtn:hover{background:#574fd6}.closeBtn{color:#fff;cursor:pointer;background:#1f1f28;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:20px;right:25px}@media (width<=700px){.projectcard{flex-direction:column;width:calc(100% - 20px);height:auto;max-height:calc(100vh - 220px);overflow-y:auto}.cardLeft{width:100%;height:min(200px,30vw)}.cardRight{width:100%;padding:12px}.viewport{height:auto;max-height:calc(100vh - 190px);overflow:visible}.slide{height:auto}.arrow.left{left:2px}.arrow.right{right:2px}}@media (width<=640px){.modalBox{flex-direction:column;width:95%;height:90vh}.modalLeft{flex-shrink:0;width:100%;height:200px}.modalRight{width:100%}}