@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);:root{--color-bg-primary:#1c1e28;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#141414;--color-bg-light:#f2f2f2;--color-bg-white:#fff;--color-text-primary:#f2f2f2;--color-text-secondary:#f2f2f280;--color-text-tertiary:#d9d9d9;--color-text-muted:#8496a8;--color-text-light-gray:#ededed;--color-text-medium-gray:#a0a0a0;--color-text-dark:#000;--color-text-inverse:#fff;--color-text-with-opacity:#fffc;--color-border-light:#ffffff24;--color-border-medium:#ffffff80;--color-border-dark:#2c2c2c;--color-border-divider:#373737;--color-border-subtle:#23252a;--color-border-line:#24252a;--color-nav-bg:#0a0a0a54;--color-card-bg-dark:#0a0a0a4d;--color-card-bg-medium:#2223;--color-card-bg-light:#4443;--color-input-bg:#141414cc;--color-input-bg-hover:#ffffff08;--color-overlay-dark:#101010e6;--color-bg-primary-90:color-mix(in srgb,var(--color-bg-primary) 90%,#0000);--color-accent-cyan:#b8d7e5;--color-accent-purple:#d3a6ff;--color-accent-purple-dark:#c9b0ef;--color-accent-success:#17c964;--color-accent-light-gray:#bdbebe;--color-accent-gray:#cecdc7;--color-accent-light-beige:#c3c1b8;--color-accent-light-gray-alt:#eaeaea;--color-grad-blue-1:#455eb533;--color-grad-blue-2:#5643cc33;--color-grad-blue-3:#673fd733;--color-grad-blue-1-strong:#455eb599;--color-grad-blue-2-strong:#5643cc99;--color-grad-blue-3-strong:#673fd799;--color-grad-cyan-green:#2e3c544d;--color-grad-cyan-blue:#2f7ad04d;--color-grad-cyan-green-strong:#46e3b799;--color-grad-cyan-blue-strong:#2f7ad099;--color-grad-teal:#50e3c233;--color-grad-blue-dark:#0070f333;--color-grad-green:#272f41cc;--color-grad-green-dark:#1c1f2f33;--color-grad-pink:#ff6ec733;--color-grad-purple-pink:#f537f999;--color-grad-pink-vibrant:#f537f9;--color-grad-yellow:#f7c12b;--color-grad-yellow-alt:#f7c12b99;--color-grad-blue-cyan:#64b5f633;--color-grad-blue-cyan-alt:#6eafff33;--color-shadow-dark:#000c;--color-shadow-transparent:#0000;--color-shadow-light:#0000000a;--color-shadow-medium:#00000014;--color-glow-white:#fff;--color-glow-shadow:0px -5px 25px 2px #fff;--color-box-shadow-light:#11111a1a 0px 4px 16px,#11111a0d 0px 8px 32px;--color-text-shadow:0 1px 2px #0003,0 2px 4px #0000001a;--color-text-shadow-heavy:0 1px 2px #0000004d,0 2px 4px #0003;--color-bg-primary-transparent:#0000;--color-gray-light:#999;--color-gray-medium:#4b4b4b;--color-gray-dark:#878787}*{box-sizing:border-box;margin:0;padding:0}body,html{--top:#616a731f;--bottom:#0000;background-color:var(--color-bg-primary);font-family:Inter,sans-serif;scroll-behavior:smooth}@font-face{-webkit-font-smoothing:antialiased;font-display:swap;font-family:New Spirit;font-style:normal;font-weight:400;src:url(/static/media/New-Spirit-Regular.80cab63ac70d08eec567.woff2) format("woff2"),url(/static/media/New-Spirit-Regular.c9ae1c1b271f9d053bc8.woff) format("woff"),url(/static/media/New-Spirit-Regular.4d0ca3d6558717d2905a.otf) format("opentype");text-rendering:optimizeLegibility}::selection{background-color:#9ecbe5!important;color:#101118}.vsc-controller,.vsc-controller #controller{display:none!important}.experience{height:100vh;position:fixed;width:100vw}.gradient{height:70vh;left:0;position:absolute;top:0;width:100vw}.gradient.home{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(44.78deg,var(--color-grad-cyan-green) -5.94%,var(--color-grad-cyan-blue) 62.87%)}.gradient.projects{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(44.78deg,#43a9ff4d -5.94%,#5fa9ff4d 62.87%);pointer-events:none}.gradient.experiences{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(270deg,var(--color-grad-teal) 0,var(--color-grad-blue-dark) 100%);pointer-events:none}.gradient.contact{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(90deg,var(--color-grad-green) 0,var(--color-grad-green-dark) 100%);pointer-events:none}.gradient.photos{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(135deg,var(--color-grad-pink) 0,var(--color-grad-blue-cyan) 100%);background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(135deg,var(--color-grad-blue-cyan-alt) 0,var(--color-grad-blue-cyan) 100%);z-index:10}.gradient.contact+h1,.gradient.experiences+h1,.gradient.photos+h1,.gradient.projects+h1{color:var(--color-bg-white);font-size:80px;font-weight:800;margin:auto;padding-top:100px;width:100%;z-index:-100}.credits{bottom:20px;color:var(--color-bg-white);font-family:Roboto,sans-serif;position:absolute;right:20px;text-align:right}.credits a{color:inherit}.about,.contact,.experiences,.projects{color:var(--color-text-primary);height:100%;padding-top:100px;width:100%}.experiences-container{margin:50px auto 400px;max-width:720px}h1{font-size:50px;text-align:center}.last-section-header{marign-bottom:0}.animate-title{animation:fadeInUp 1s ease forwards;opacity:0}.navbar{align-items:center;display:flex;height:96px;justify-content:space-between;padding:24px 40px;position:fixed;top:0;width:100vw;z-index:1000}.nav-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-secondary);background:color-mix(in srgb,var(--color-bg-secondary) 80%,#0000);height:100px;inset:0 0 auto 0;-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000 80%);mask-image:linear-gradient(180deg,#000 20%,#0000 80%);position:fixed;width:100%;z-index:-1}.nav-center{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-nav-bg);border-radius:16px;box-shadow:0 0 0 1px var(--color-border-light);flex:1 1;height:48px;justify-content:center;max-width:700px;padding:0 40px;position:relative}.nav-center,.nav-center-links{align-items:center;display:flex}.nav-center-links{gap:32px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}a{color:var(--color-text-with-opacity);transition:color .24s cubic-bezier(.25,.46,.45,.94)}a:hover{color:var(--color-bg-white)}.nav-center-links>a{font-size:14px;text-decoration:none;text-shadow:var(--color-text-shadow)}.nav-glow{background:var(--color-bg-light);border-radius:2px 2px 0 0;bottom:0;box-shadow:0 -5px 25px 2px var(--color-glow-white);height:2px;transition:left .3s ease;width:40px;z-index:1000}.nav-left{flex:1 1;gap:16px;justify-content:start}.nav-left,.vid-icon-background{align-items:center;display:flex}.vid-icon-background{background:#bdcbd3;background:rgb();border-radius:50%;height:48px;justify-content:center;margin-left:1px;outline:1px solid var(--color-border-light);width:48px;z-index:1}.video-icon-container video{height:64px;position:relative;top:1px;width:64px;z-index:2}.nav-left h3{text-shadow:var(--color-text-shadow-heavy)}.nav-left-text h2{color:var(--color-bg-light);font-size:20px;font-weight:500;margin-bottom:0}.nav-left-text h3{color:var(--color-text-secondary);display:inline;font-size:12px;font-weight:500}.nav-left svg{margin:0 2px;position:relative;top:1px}.nav-right-link>a{font-size:14px;margin-bottom:2px;margin-right:4px;text-decoration:none;text-shadow:var(--color-text-shadow-heavy);-webkit-user-select:none;user-select:none}.nav-right-link svg{transform:translate(-10%,10%);transition:transform .24s cubic-bezier(.25,.46,.45,.94)}.nav-right-link:hover svg{transform:translate(0)}.nav-right{display:flex;flex:1 1;gap:20px;justify-content:end}.nav-glow{left:40px;position:absolute}.nav-center-left{display:none}.nav-center-right{align-items:center;cursor:pointer;display:none;justify-content:center;padding:8px;position:absolute;right:16px;top:24px}.hamburger{display:flex;flex-direction:column;gap:13px}.hamburger .line{background:var(--color-bg-white);height:1px;transition:transform .3s ease;width:20px}.hamburger.open .line1{transform:rotate(45deg) translate(5px,5px)}.hamburger.open .line2{transform:rotate(-45deg) translate(5px,-5px)}.nav-left{text-decoration:none}@media only screen and (max-width:992px){.nav-left-text,.nav-right-link:first-child{display:none}}@media only screen and (max-width:768px){.nav-left,.nav-right{display:none!important}.nav-center-links{display:none;opacity:0;transition:opacity .5s ease-in-out}.navbar{height:auto;padding:10px}.nav-center{height:80px;max-width:1000px;overflow:hidden;transform-origin:bottom;transition:height .3s ease-in-out}.nav-glow{display:none}.nav-center-left{display:flex;flex-direction:row;gap:16px;left:16px;position:absolute;top:16px}.nav-center-left h2{font-size:20px;font-weight:600;margin-bottom:2px}.nav-center-left h3{color:var(--color-text-secondary);display:inline;font-size:12px;font-weight:500}.nav-center-right{cursor:pointer;display:flex;padding:8px;position:absolute;right:20px}.nav-center-text svg{margin:0 2px}.nav-center.mobile-open{height:450px}.nav-center.mobile-open .nav-center-links{align-items:center;align-items:start;animation:fadeIn .5s forwards;display:flex!important;flex-direction:column;gap:32px;margin-top:46px;opacity:1}.nav-center-links a{font-size:22px;text-align:left}.nav-center-links a.active{font-weight:700}}.home-footer{color:var(--color-text-secondary);font-size:12px;justify-content:space-between;padding:24px 48px;text-transform:uppercase;width:100%;z-index:5}.home-footer,.loading-overlay{align-items:center;bottom:0;display:flex;position:fixed}.loading-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:color-mix(in srgb,var(--color-bg-primary) 65%,#0000);color:var(--color-bg-light);justify-content:center;left:0;right:0;top:0;transform:translateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.loading-overlay.slide-up{transform:translateY(-100%)}.loading-container{align-items:start;display:flex;flex-direction:column;gap:40px;max-width:450px;width:100%}.loading-top-row{display:flex;flex-direction:row;gap:40px;justify-content:space-between;width:100%}.loading-name{font-feature-settings:"tnum";display:flex;flex-direction:column;font-family:New Spirit,Garamond,serif;font-size:5.75rem;font-variant-numeric:tabular-nums;font-weight:400;line-height:.8}.loading-computer-image{align-items:center;display:flex;height:fit-content;left:10px;position:relative}.loading-computer-image img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;height:auto;max-height:145px;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto}.loading-computer-image svg{color:var(--color-gray-medium);top:35px}.loading-bottom-row{display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.loading-text{align-items:center;display:flex;font-size:1.5rem;letter-spacing:-.05rem}.loading-text span{font-feature-settings:"tnum";display:inline-block;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:8ch}.loading-dots{display:inline-block;min-width:3ch;text-align:left}.loading-percentage{font-feature-settings:"tnum";font-size:1rem;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.loading-progress-row{display:flex;display:none;justify-content:center;margin-top:0;width:100%}.loading-progress-bar{background-color:#fff3;border-radius:2px;height:4px;overflow:hidden;width:100%}.loading-progress-fill{background-color:#f2f2f2;border-radius:2px;height:100%;transition:width .25s ease-out;will-change:width}.loading-footer{align-items:center;bottom:0;color:#f2f2f25c;color:var(--color-text-muted);display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:20px 40px;position:absolute;text-transform:uppercase;width:100%;z-index:5}.loading-footer-left{align-items:center;display:flex;gap:12px;justify-content:center}@media (max-width:768px){.loading-container{align-items:center;text-align:center}.loading-top-row{align-items:center;flex-direction:column;gap:40px}.loading-name{font-size:4rem;text-align:center}.loading-computer-image{left:0;max-height:145px;position:relative}.loading-bottom-row{align-items:center;flex-direction:column;gap:10px}.loading-text{display:none}.loading-percentage{font-size:1.5rem;text-align:center}.loading-progress-row{margin-top:15px}.loading-footer-left,.loading-footer-right{display:none}.loading-footer{align-items:center;justify-content:center}}@media (max-width:480px){.loading-name{font-size:3rem}.loading-progress-row{margin-top:10px}}.main-heading{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#d1dade,#66849c);-webkit-background-clip:text;font-family:New Spirit;font-size:6em;font-weight:400;opacity:0;position:absolute;text-align:center;top:150px;transition:all .6s ease-out;width:100%;z-index:1}.main-heading,.main-heading.animate{opacity:1;top:80px}h1{font-family:New Spirit}.experience{position:absolute;top:0;transition:all .6s ease-out;z-index:2}.experience.animate{top:70px}.gradient.home{height:100vh;overflow:hidden;position:relative}.gradient.home:before{background-image:linear-gradient(var(--color-border-light) 1px,#0000 1px),linear-gradient(90deg,var(--color-border-light) 1px,#0000 1px);background-size:40px 40px;content:"";inset:0;opacity:.25;pointer-events:none;position:absolute;z-index:0}body{overflow-y:hidden!important}.animate-heading{animation:fadeInUp 1.5s forwards;animation-delay:.5s;opacity:0}@media (max-width:768px){.main-heading{font-size:4em;margin-top:20px}.home-footer .right-text{display:none}.home-footer .left-text{text-align:center;width:100%}canvas{pointer-events:none!important;z-index:-1!important}nav{position:relative;z-index:1000}}.about-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);padding:75px 0 0}.about-grid h1{color:var(--color-text-tertiary);font-family:New Spirit;font-size:48px;font-weight:semi-bold;margin-bottom:50px;margin-top:10px;text-align:left}h1 .emphasize{color:var(--color-accent-purple);color:var(--color-accent-cyan)}.hero h2{font-weight:400}.glow-circle{background:var(--color-accent-cyan);border-radius:50px;box-shadow:0 0 20px var(--color-glow-white);display:inline-block;height:10px;margin-right:12px;width:10px}.tag-header{color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.1em;line-height:15px;text-transform:uppercase}.header-tag,.tag-header{margin-bottom:38px}.gallery{grid-gap:4px;display:grid;display:none;gap:4px;grid-auto-rows:minmax(200px,auto);grid-column:span 6;grid-template-columns:repeat(6,1fr);margin-bottom:200px;margin-top:100px}.gallery div{background-color:var(--color-text-muted);border-radius:4px;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.gallery .img-one{grid-column:1/3;grid-row:1}.overlay{background-color:#000!important;height:100%;opacity:0;position:absolute!important;transition:all .3s ease;width:100%;z-index:12}.overlay:hover{opacity:1}.gallery .img-two{grid-column:3/4;grid-row:1}.gallery .img-three{grid-column:4/6;grid-row:1}.gallery .img-four{grid-column:6;grid-row:1/3}.gallery .img-five{grid-column:1;grid-row:2/4}.gallery .img-six{grid-column:2;grid-row:2}.gallery .img-seven{grid-column:2;grid-row:3}.gallery .img-eight{grid-column:3/5;grid-row:2/4}.gallery .img-nine{grid-column:5;grid-row:2}.gallery .img-ten{grid-column:5;grid-row:3/5}.gallery .img-eleven{grid-column:6;grid-row:3}.gallery .img-twelve{grid-column:1;grid-row:4}.gallery .img-thirteen{grid-column:2/4;grid-row:4}.gallery .img-fourteen{grid-column:4;grid-row:4}.gallery .img-fifteen{grid-column:6;grid-row:4}.about-grid main{display:flex;flex-direction:row;grid-column:span 4/6;justify-content:space-around}.about-grid p{color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:28px;margin-bottom:28px}h2{color:var(--color-text-primary);font-family:New Spirit;font-size:18px;font-weight:700;margin-bottom:18px}.right{flex-grow:1;width:50%;z-index:3}.right div{margin-bottom:50px}.left{align-self:stretch;height:100%;position:relative;text-align:right;width:50%}.image-container{display:block;position:sticky;position:-webkit-sticky;top:150px}.left img{height:auto;max-width:350px;object-fit:contain}.hero{gap:48px;grid-column:span 4/6;justify-content:space-between}.hero-left{text-align:left}.hero-right{display:flex;justify-content:flex-end}.hero-right img{height:auto;max-width:400px;width:100%}.gradient1{background:linear-gradient(285.49deg,var(--color-grad-pink-vibrant) -14.61%,var(--color-grad-yellow) 106.06%);border-radius:50%;filter:blur(50px);height:800px;opacity:.6;transition:all 1s ease!important;width:800px;z-index:1}.gradient-mask,.gradient1{position:absolute;right:50%;top:50%;transform:translate(62%,-50%)}.gradient-mask{background:radial-gradient(#0000 0,var(--color-bg-primary) 50%);height:1100px;width:1100px;z-index:2}.about{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.hero{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:0;min-height:calc(100vh - 75px);padding:100px 200px 150px;position:relative;text-align:center;z-index:100}.hero-left{flex:1 1}.hero-right{align-content:center;flex:1 1;justify-content:end}.hero-right img{border-radius:50%;max-width:380px;pointer-events:none;-webkit-user-select:none;user-select:none}.hero h1{font-size:40px}.computer-1,.computer-2,.computer-3{transition:opacity 1s ease-in-out}.computer-1{max-width:300px;transition:opacity .5s ease;z-index:4}.computer-2{z-index:3}.computer-2,.computer-3{left:50%;max-width:300px;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .5s ease}.computer-3{z-index:4}main{align-items:center;display:flex;flex-direction:row;padding:0 200px}main .right .image-container{height:100%;position:sticky;top:200px}.gradient-mask,.gradient1{z-index:-100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-text{animation:fadeInUp 1.5s forwards;animation-delay:.5s;opacity:0}.animate-image{animation:fadeInUp 1.5s forwards;animation-delay:1s;opacity:0}.animate-glow{animation:fadeIn 1.5s forwards;animation-delay:.5s;opacity:0}.draw-svg{left:50%;position:absolute;top:100px;transform:translate(-50%);z-index:6}.draw-svg path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 4s linear forwards}@keyframes draw{to{stroke-dashoffset:0}}.bg-mask{background:radial-gradient(circle,var(--color-bg-primary-transparent) 0,var(--color-bg-primary) 62.5%);height:clamp(375px,50vw,875px);width:clamp(375px,50vw,875px);z-index:-1}.bg-gradient,.bg-mask{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s linear}.bg-gradient{border-radius:50%;filter:blur(25px);height:clamp(312.5px,37.5vw,625px);width:clamp(312.5px,37.5vw,625px)}.bg-gradient-1{background:linear-gradient(89.42deg,#455eb599 16.15%,#5643cc99 47.6%,#673fd799 65.57%);z-index:-4}.bg-gradient-2{background:linear-gradient(44.78deg,#46e3b799 -5.94%,#2f7ad099 62.87%);z-index:-3}.bg-gradient-3{background:linear-gradient(314.47deg,#f537f999 7.38%,#f7c12b99 72.24%);z-index:-4}.about-gradient{background:linear-gradient(180deg,var(--color-shadow-transparent) 0,var(--color-bg-primary) 100%),linear-gradient(89.42deg,var(--color-grad-blue-1) 16.15%,var(--color-grad-blue-2) 47.6%,var(--color-grad-blue-3) 72.31%);height:75vh;left:0;position:absolute;top:0;width:100%;z-index:-300}.conclusion-section{margin-bottom:50px}.last-section-header{margin-bottom:0!important}.computer-1-mobile,.computer-1-mobile-container,.computer-2-mobile,.computer-3-mobile{display:none}.about main .left{display:flex;justify-content:end;position:sticky;top:calc(50vh - 200px)}.about main{margin-bottom:100px}.about-image-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 50px}.about-image-container{background:#fff;border:solid #fff;border-width:8px 8px 40px;box-shadow:0 4px 16px #11111a1a,0 8px 32px #11111a0d;height:60vh;position:relative;transition:transform .7s ease;width:120%}.about-image-container:first-child{transform:rotate(5deg) translateY(200px)}.about-image-container:nth-child(2){transform:rotate(-7deg) translateY(220px) translateX(-20px)}.about-image-container:nth-child(3){transform:rotate(5deg) translateY(100px)}.about-image-container:nth-child(4){transform:rotate(-5deg) translateY(150px)}.about-image-container:nth-child(5){transform:rotate(12deg) translateY(200px)}.about-image-container:nth-child(6){transform:rotate(5deg) translateY(250px) translateX(-50px)}.about-image-container:hover{transform:translateY(5px)!important}.about-image-container:hover:nth-child(6){transform:translateY(5px) translateX(-40px)!important}.about-image-gallery img{-webkit-user-drag:none;background:none;border:none;display:block;height:100%;object-fit:cover;pointer-events:none;transition:none;-webkit-user-select:none;user-select:none;width:100%}.about-gallery-caption{border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#000;font-family:Shadows Into Light,cursive;font-size:1rem;left:10px;letter-spacing:.5px;padding:6px 0 4px;position:absolute;right:0;transition:transform .7s ease;z-index:10}.about-container{display:flex;flex-direction:row}.experience-about-wrapper{margin-bottom:0}.experience-about-title{font-size:30px!important}.experience-container{border-radius:12px;box-sizing:initial;display:flex;flex-direction:column;margin-bottom:16px!important;padding:24px 16px;transition:background .2s;transition:box-shadow background .3s}.experience-container h2{transition:color .24 cubic-bezier(.25,.46,.45,.94)}.experience-container .dates{color:#f2f2f280;font-size:14px;justify-content:start!important;margin-bottom:16px;padding-right:10px;text-align:left;text-transform:uppercase;width:30%;width:100%}.experience-container .experience-info{font-size:14px;margin-bottom:0;width:70%;width:100%}.experience-container:hover{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--color-input-bg-hover);box-shadow:0 0 0 1px var(--color-border-light);cursor:pointer}.experience-container:hover h2{color:var(--color-accent-cyan)}.experience-info ul{color:#f2f2f280;font-size:.85rem;line-height:1.5rem;margin-bottom:16px}.skills-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:0!important}.experience-skill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101010e6;border:1px solid #23252a;border-radius:12px;color:#f2f2f2;color:#c9b0ef;color:#b0ecef;font-size:12px;letter-spacing:.5px;padding:4px 16px}.resume-wrapper{align-items:start!important;margin:10px 0;margin-top:30px!important;padding-left:16px}.resume-underline{margin:0!important}.photos-link svg{vertical-align:middle}.about-gallery-season{border-radius:8px;bottom:0;color:#fff;font-family:Shadows Into Light,cursive;font-size:1rem;left:0;left:10px;letter-spacing:.5px;padding:6px 0 4px;position:absolute;text-align:left;text-shadow:0 1px 2px #0009,0 2px 4px #0009;z-index:11}.all-photos-link{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;text-align:center;width:100%}.all-photos-underline{background:#f2f2f2;border-radius:1px;box-shadow:0 -5px 25px 1px #fff;height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.photos-link{align-items:center;display:flex}.photos-link:hover~.all-photos-underline{background:#fff;width:180px}.photos-link:hover .arrow-icon{transform:translateX(15%)}.photos-link{color:#f2f2f2;text-decoration:none;transition:color .2s}.photos-link:hover{color:#fff}.photos-link .bi-github{fill:currentColor;color:inherit;margin-right:10px;vertical-align:middle}.photos-link-text{font-size:16px;margin-right:6px}.photos-link:hover .arrow-icon,.photos-link:hover .bi-github,.photos-link:hover .resume-link-text{fill:#fff;color:#fff}@media only screen and (max-width:1200px){.about .hero,.about main{padding:0 100px}}@media only screen and (max-width:992px){.about .hero,.about main{padding:0 50px}.about-image-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.about-image-container:nth-child(n+5){display:none}}@media (max-width:768px){.about-image-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:10px;margin-right:10px}.about-image-container:nth-child(n+4){display:none}.about .hero{flex-direction:column;margin-bottom:100px;margin-top:100px}.about .hero,.about main{padding:0 26px}.hero-right img{max-height:300px;max-width:300px}.about h1{font-size:30px;margin-bottom:25px}.about main .left{display:none}.computer-1-mobile,.computer-1-mobile-container,.computer-2-mobile,.computer-3-mobile{display:block;margin:50px auto;max-width:350px;width:100%}main{align-items:stretch;display:flex;flex-direction:column;padding:20px}.left,.right{position:static;width:100%}.left .computer-1,.left .computer-2,.left .computer-3,.right>div{order:0}#scroll-anim{display:flex;flex-direction:column;width:100%!important}.right>div:first-child{order:1}.left .computer-1{display:block;margin:20px auto;max-width:100%;order:2}.right>div:nth-child(2){order:3}.left .computer-2{display:block;margin:20px auto;max-width:100%;order:4}.right>div:nth-child(3){order:5}.left .computer-3{display:block;margin:20px auto;max-width:100%;order:6}.right>div:nth-child(4){margin-top:20px;order:7}.gallery{grid-gap:10px;display:grid;display:none;gap:10px;grid-auto-rows:minmax(200px,auto)!important;grid-template-columns:1fr!important}.about .future-section main h2:not(:nth-last-child(2)),.about .past-section main h2:not(:nth-last-child(2)),.about .present-section main h2:not(:nth-last-child(2)){font-size:25px;text-align:center}.experience-container{padding:0}.experience-container:hover{box-shadow:none}.experience-about-wrapper .resume-wrapper{padding-left:0}.about{overflow-x:hidden}}#scroll-anim{cursor:pointer;margin-top:80px;opacity:1;transition:opacity .5s;width:80px}#scroll-anim p{animation:fadeIn .5s forwards;animation-delay:1s;color:#ededed;font-size:.75rem;pointer-events:none;text-align:center}#scroll-anim p,#scroll-anim>div{margin:0 auto;opacity:0;position:relative;transform:translateY(-1rem);z-index:40}#scroll-anim>div{animation:fadeIn .5s forwards;animation-delay:.8s;height:7.5rem;width:2px}#scroll-anim>div>div:first-child{background:linear-gradient(180deg,#d3a6ff,#0000);background:linear-gradient(180deg,var(--color-accent-cyan) 0,#0000 100%);border-radius:2px;bottom:0;height:6.4rem;position:absolute;width:100%}#scroll-anim>div>div.scroll-line-animation{animation:scrollLine 2s linear infinite;background:#fff;border-radius:2px;height:1.6rem;overflow:hidden;position:absolute;top:1.1rem;width:100%}@keyframes scrollLine{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#past-section{scroll-margin-top:150px}.gradient-grid-1{--grid-size:24px;--grid-size-half:12px;background-image:linear-gradient(to right,#0000 var(--grid-size-half),#a9a1ff calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#a9a1ff calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px));background-size:24px 24px;display:block;height:clamp(312.5px,37.5vw,625px);left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(312.5px,37.5vw,625px);z-index:-2}.gradient-grid-2{background-image:linear-gradient(to right,#0000 var(--grid-size-half),#46e3b7 calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#46e3b7 calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px))}.gradient-grid-2,.gradient-grid-3{--grid-size:24px;--grid-size-half:12px;background-size:24px 24px;display:block;height:clamp(312.5px,37.5vw,625px);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(312.5px,37.5vw,625px);z-index:-3}.gradient-grid-3{background-image:linear-gradient(to right,#0000 var(--grid-size-half),#f3bd6c calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px)),linear-gradient(to bottom,#0000 var(--grid-size-half),#f3bd6c calc(var(--grid-size-half) + 1px),#0000 calc(var(--grid-size-half) + 1px))}@keyframes gradient-fade-in{0%{opacity:0}to{opacity:1}}.outer-container{height:auto;margin-left:auto;margin-right:auto;max-width:1600px}.refresh-gallery-btn-container{display:flex;justify-content:center;width:100%}.refresh-gallery-btn{background:#0000;border:none;border-radius:8px;box-shadow:none;color:#222;cursor:pointer;font-family:inherit;font-size:1rem;margin-top:.5rem;outline:none;padding:10px 10px 8px;width:50px}.main-footer{align-items:center;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:var(--color-bg-primary-90);border-top:2px solid var(--color-border-subtle);color:var(--color-text-secondary);display:flex;flex-direction:row;font-size:12px;grid-column:span 4/6;justify-content:space-between;padding:48px;position:relative;z-index:10}.footer-left{align-items:center;gap:12px}.footer-left p{font-size:12px;line-height:1em;margin:0}.footer-left-profile-text h2{font-size:20px;font-weight:400;margin-bottom:0}.footer-left-profile-text h3{display:inline;font-size:14px;font-weight:400}.footer-left{align-items:start;display:flex;flex:1 1;flex-direction:column;justify-content:start}.copyright-statement{margin-left:72px;margin-top:64px}.copyright-statement h2{color:#f2f2f2;font-family:New Spirit;font-size:16px;font-weight:400;margin-bottom:5px}.footer-left-profile{display:flex}.footer-left-profile-text{margin:auto}.footer-left img{border-radius:100%;height:48px;margin-right:24px;width:48px}.footer-left svg{display:inline}.footer-left-text h2{color:#f2f2f2;font-size:20px;font-weight:500;margin-bottom:4px}.footer-left-text h3{color:#f2f2f280;font-size:12px;font-weight:500}.footer-right{display:flex;flex:1 1;font-size:14px;justify-content:end}.footer-right h3{color:#f2f2f2;font-family:New Spirit;font-size:14px;font-weight:400;margin-bottom:15px}.footer-right a{color:#f2f2f280;display:block;margin-bottom:15px;text-decoration:none}.footer-right a:hover{color:#f2f2f2}.footer-contact-links,.footer-main-links{flex:1 1}.footer-right-external-link:hover svg{transform:translate(0)}.footer-right-external-link:hover svg path{fill:#f2f2f2;fill-opacity:1}.footer-right-external-link svg{transitiion:fill-opacity .24s cubic-bezier(.25,.46,.45,.94);transform:translate(-10%,10%);transition:transform .24s cubic-bezier(.25,.46,.45,.94)}.footer-contact-links a,.footer-left,.footer-main-links a,.footer-right,.footer-right a{pointer-events:auto}@media only screen and (max-width:768px){.main-footer{flex-direction:column;padding:26px}.copyright-statement{bottom:20px;margin:auto;position:absolute;right:0;text-align:center;width:100vw}.footer-left{margin-bottom:26px;width:100%}.footer-right{justify-content:space-evenly;margin-bottom:65px;margin-left:150px;width:100%}.left-text{justify-content:center;width:100%}}body{overflow-y:scroll}body,html{max-width:100vw;overflow-x:hidden}.gradient.projects{pointer-events:all}.projects-title{left:50%;position:fixed!important;top:10px;transform:translateX(-50%);transition:opacity .1s ease;z-index:100}.projects-title.hide{opacity:0}.projects{overflow-x:clip}.wip-bnaner{color:var(--color-text-muted);height:50vh;margin-top:250px;text-align:center;width:100vw}.showcase{display:flex;display:none;flex-direction:row;gap:12px;margin:150px 12px;position:relative;z-index:2}.showcase section{flex-grow:1}.showcase div{background-color:var(--color-text-muted);border:1px solid var(--color-border-dark);border-radius:8px;height:300px;margin-bottom:12px}.showcase .item-one{height:530px}.showcase .item-two{height:650px}.showcase .item-three{height:320px;height:430px}.showcase .item-five{height:320px}.showcase .item-six{height:630px}.showcase .item-seven{height:600px}.showcase .item-eight{height:520px}.showcase .item-nine{height:300px}.showcase-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,100px);margin:150px auto 50px;max-width:1600px;padding:0 10px}.grid-item:hover{cursor:pointer}.item1{grid-column:1/4;grid-row:1/6}.item2{grid-column:4/8;grid-row:1/4}.item3{grid-column:8/13;grid-row:1/4}.item4{grid-column:4/10;grid-row:4/7}.item5{grid-column:10/13;grid-row:4/7}.item6{grid-column:1/4;grid-row:6/10}.item7{grid-column:4/7;grid-row:7/10}.item8{grid-column:1/6;grid-row:10/13}.item9{grid-column:7/10;grid-row:7/10}.item10{grid-column:10/13;grid-row:7/13}.item11{grid-column:6/10;grid-row:10/13}.grid-item{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 2px 12px var(--color-shadow-light);min-height:120px;outline:1px solid var(--color-border-light)}.all-projects-link{align-items:center;display:flex;flex-direction:column;margin-bottom:100px;position:relative;text-align:center;width:100%}.all-projects-underline{background:var(--color-bg-light);border-radius:1px;box-shadow:0 -5px 25px 1px var(--color-glow-white);height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.github-link:hover~.all-projects-underline{background:var(--color-bg-white);width:180px}.github-link{color:#f2f2f2;text-decoration:none;transition:color .2s}.github-link:hover{color:#fff}.github-link .bi-github{fill:currentColor;color:inherit;margin-right:10px;vertical-align:middle}.github-link-text{margin-right:6px}.arrow-icon{fill:currentColor;color:inherit}.github-link:hover .arrow-icon,.github-link:hover .bi-github,.github-link:hover .resume-link-text{fill:#fff;color:#fff}.grid-item{overflow:hidden;padding:12px}.project-blur{filter:blur(32px);height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;transform:scale(1.2) translateZ(0);transition:opacity .3s;width:100%;z-index:0}.grid-item-overlay{align-items:flex-end;bottom:-60px;display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;transition:all .2s ease}.grid-item:hover .grid-item-overlay{bottom:0}.grid-item h1{font-size:38px}.grid-item-overlay button{border-radius:7px;font-family:New Spirit,Inter,"sans-serif";height:30px;padding:7px;width:auto}.grid-item-overlay a.github-button,.grid-item-overlay a.read-more-button,.grid-item-overlay a.visit-site-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4443;border:none;border-radius:7px;box-shadow:0 0 0 1px #ffffff24;color:#ededed;cursor:pointer;display:inline-flex;display:flex;font-family:New Spirit,Inter,"sans-serif";font-size:14px;height:30px;justify-content:center;outline:none;padding:7px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:auto}.grid-item-overlay a.read-more-button,.grid-item-overlay a.visit-site-button{padding-left:16px;padding-right:16px}.grid-item-overlay a.github-button:active,.grid-item-overlay a.read-more-button:active,.grid-item-overlay a.visit-site-button:active{box-shadow:0 0 0 1px #ffffff80;transform:scale(.95)}.grid-item-overlay .read-more-button,.grid-item-overlay .visit-site-button{align-items:center;display:flex;padding-left:16px;padding-right:16px}.grid-item-overlay .read-more-button svg,.grid-item-overlay .visit-site-button svg{margin-left:10px;transition:transform .2s ease}.grid-item-overlay .read-more-button:hover svg{transform:translateX(3px)}.grid-item-overlay .visit-site-button:hover svg{transform:translate(2px,-2px)}.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{position:relative}.grid-item-header-overlay h1{color:#f2f2f2!important}.grid-item-header-overlay p{color:#bdbebe}.item1 .grid-item-header-overlay,.item10 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item1 .grid-item-header-overlay h1,.item10 .grid-item-header-overlay h1{margin:12px 0}.item1 .grid-item-header-overlay p,.item10 .grid-item-header-overlay p{margin:4px 0 0}.item2 .grid-item-header-overlay,.item5 .grid-item-header-overlay{align-items:flex-start;bottom:12px;display:flex;flex-direction:column;pointer-events:none;position:absolute;text-align:left;width:calc(100% - 80px);z-index:1}.item2 .grid-item-header-overlay h1,.item5 .grid-item-header-overlay h1{margin-bottom:8px}.item2 .grid-item-header-overlay p,.item5 .grid-item-header-overlay p{font-size:14px}.item3 .grid-item-header-overlay{align-items:flex-start;display:flex;flex-direction:column;left:20px;max-width:250px;pointer-events:none;position:absolute;text-align:left;top:20px;width:50%;z-index:1}.item3 .grid-item-header-overlay h1{margin-bottom:8px}.item3 .grid-item-header-overlay p{font-size:14px}.item4 .grid-item-header-overlay,.item7 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item4 img{border-radius:10px;left:50%;max-height:300px;position:absolute;top:20px;transform:translateX(-50%);width:auto}.item11 .grid-item-header-overlay,.item8 .grid-item-header-overlay,.item9 .grid-item-header-overlay{align-items:flex-start;display:flex;flex-direction:column;left:12px;pointer-events:none;position:absolute;text-align:left;top:12px;z-index:1}.item11 .grid-item-header-overlay h1,.item9 .grid-item-header-overlay h1{margin-bottom:8px;text-align:left}.item8 .grid-item-header-overlay h1{margin-top:12px}.item9 .grid-item-header-overlay p{color:#f2f2f2;font-size:14px}.item8 .grid-item-header-overlay p{line-height:24px}.item6 .grid-item-header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translateX(-50%);width:calc(100% - 24px);z-index:1}.item6 .grid-item-header-overlay h1{margin:12px 0}.item6 .grid-item-header-overlay p{margin:4px 0 0}@media (max-width:992px){.showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(12,120px);.grid-item{border-radius:16px}}.grid-item{min-height:500px}}@media (max-width:1000px){.showcase-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}.grid-item{min-height:500px!important}.grid-item,.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{grid-column:auto!important;grid-row:auto!important}}@media (max-width:600px){.showcase-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}.grid-item{min-height:500px!important}.grid-item,.item1,.item10,.item11,.item12,.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9{grid-column:auto!important;grid-row:auto!important}.item4 img{max-height:350px!important;top:70px!important}}@media only screen and (max-width:768px){.showcase{flex-direction:column;gap:10px;margin:100px 10px}.showcase div{border-radius:16px}.projects-title{top:0}}.experience-list{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;margin-top:20px;z-index:100}.experience-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-bg-dark);border-radius:12px;box-shadow:0 0 0 1px var(--color-border-light);box-sizing:border-box;color:var(--color-text-medium-gray);display:flex;flex-direction:row;margin-bottom:2px;max-width:860px;padding:20px 32px;width:100%}.experience-left{flex:3 1}.experience-right{flex:1 1;text-align:right}.experience-company,.experience-role{color:var(--color-text-light-gray);display:inline;font-family:New Spirit;font-size:16px;font-weight:400}.experience-description{font-size:14px;margin-bottom:16px;margin-left:14px;margin-top:12px}.experience-date{font-size:14px;text-transform:uppercase}.experience-skills{color:var(--color-text-light-gray);display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:8px;margin-bottom:12px;margin-top:12px}.experience-skills span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-input-bg-hover);border-radius:20px;box-shadow:0 0 0 1px var(--color-border-light);padding:4px 16px}.resume-wrapper{max-width:860px;text-align:left}.resume-link{align-items:center;display:inline-flex;gap:6px;margin-bottom:4px;margin-left:0;margin-top:12px;position:relative;text-decoration:none}.resume-wrapper svg{transform:translate(0);transition:transform .24s cubic-bezier(.25,.46,.45,.94);z-index:100}.resume-doc-icon,.resume-wrapper svg{color:var(--color-text-light-gray)}.arrow-icon{transition:transform .24s cubic-bezier(.25,.46,.45,.94);vertical-align:middle}.resume-link:hover .arrow-icon{transform:translate(10%,-10%)}li{line-height:20px;margin-bottom:5px}@media only screen and (max-width:768px){.experience-list{gap:10px;margin:0 10px!important}.experience-title{font-size:14vw!important;margin-bottom:20px}}@media (max-width:768px){.resume-wrapper{display:flex;justify-content:center;margin-top:20px}.experience-item{flex-direction:column}}.resume-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:32px;position:relative;text-align:center;width:100%}.resume-underline{background:var(--color-bg-light);border-radius:1px;box-shadow:0 -5px 25px 1px var(--color-glow-white);height:2px;margin-top:4px;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s;width:0}.resume-link:hover~.resume-underline{background:#fff;width:160px}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-bg-dark);border-radius:12px;box-shadow:0 0 0 1px var(--color-border-light);box-sizing:border-box;color:var(--color-text-light-gray);flex:1 1;font-size:14px;margin-bottom:100px;margin-left:auto;margin-right:auto;max-width:700px;width:50%}.form-instructions{border-bottom:1px solid var(--color-border-divider);color:var(--color-text-with-opacity);padding:16px 24px}.contact-form{padding:32px 24px}label{display:block;margin-bottom:12px}input,label{color:var(--color-text-light-gray);font-size:14px}input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-bg-medium);border:none;border-radius:8px;box-shadow:0 0 0 1px var(--color-border-light);font-family:Inter,sans-serif;height:48px;margin-bottom:16px;outline:none;padding:14px 18px;width:100%}input:focus,textarea:focus{box-shadow:0 0 0 1px var(--color-border-medium);outline:none}textarea{background:var(--color-card-bg-medium);border:none;border-radius:8px;font-family:Inter,sans-serif;height:128px;margin-bottom:32px;padding:14px 18px;resize:none;width:100%}button,textarea{box-shadow:0 0 0 1px var(--color-border-light);color:var(--color-text-light-gray);font-size:14px;outline:none}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-card-bg-light);border:none;border-radius:12px;cursor:pointer;height:48px;transition:transform .2s ease,box-shadow .2s ease;width:128px}button:active{box-shadow:0 0 0 1px var(--color-border-medium);transform:scale(.95)}.send-button{display:flex;justify-content:center}.contact-content{display:block}.globe-container{display:none}.contact-title{left:50%;position:fixed!important;top:10px;transform:translateX(-50%);transition:opacity .1s ease;z-index:100}.success-message{align-items:center;display:flex;justify-content:center}.success-message svg{fill:var(--color-accent-success);margin-right:8px;width:24px}@media (max-width:768px){.form-container{margin:0 10px 100px;width:auto}.hero{padding:300px 26px 0}}.photos-main{display:block;margin-bottom:8px;min-height:100vh;padding:150px 10px 0}.photos-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));margin-top:150px;width:100%;z-index:10}.photo-item,.photos-grid{position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}.photo-item{align-items:center;background:var(--color-accent-light-gray-alt);box-shadow:0 2px 8px var(--color-shadow-light);display:flex;height:700px;justify-content:center;min-height:220px;overflow:hidden}.photo-item .after{background:linear-gradient(0deg,var(--color-shadow-dark) 0,var(--color-shadow-transparent) 20%);background:linear-gradient(to bottom,#0000,#0000,80%,var(--color-shadow-dark));color:var(--color-text-dark);display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .24s cubic-bezier(.4,0,.2,1);width:100%;z-index:5}.photos-title{color:var(--color-bg-white);font-size:80px;font-weight:800;top:170px}.photos-subtitle,.photos-title{left:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:5}.photos-subtitle{color:var(--color-text-secondary);top:230px}.photo-item:hover .after{opacity:1}.photo-item .photo-location{left:10px}.photo-item .photo-location,.photo-item .photo-time{bottom:10px;color:var(--color-bg-white);color:var(--color-text-with-opacity);font-size:14px;position:absolute;z-index:5}.photo-item .photo-time{right:10px}.photo-blur{filter:blur(32px);inset:0;position:absolute;transform:scale(1.2) translateZ(0);transition:opacity .3s;z-index:1}.photo-blur,.photo-img{height:100%;object-fit:cover;width:100%}.photo-img{display:block;height:700px;opacity:0;position:relative;transition:opacity .5s cubic-bezier(.4,0,.2,1);z-index:2}.photo-img.loaded{opacity:1}@media only screen and (max-width:768px){.photos-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.photos-title{font-size:4.5rem}}.under-construction{align-items:center;display:flex;justify-content:center;min-height:75vh;position:relative}.under-construction:before{background-image:linear-gradient(var(--color-border-light) 1px,#0000 1px),linear-gradient(90deg,var(--color-border-light) 1px,#0000 1px);background-size:40px 40px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:-100px;z-index:0}.under-construction-content{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;max-width:760px;padding:20px;position:relative;text-align:center;z-index:1}.computer-container{margin-bottom:32px;position:relative}.under-construction-content img{display:block;max-width:200px}.sad-face-overlay{left:50%;max-width:72px;opacity:.9;pointer-events:none;position:absolute;top:33%;transform:translate(-50%,-50%);z-index:2}.under-construction-text{color:var(--color-text-muted);font-size:1rem;line-height:1.6;max-width:300px;text-align:center}
/*# sourceMappingURL=main.9ea8dc0e.css.map*/