@import"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";@import"https://fonts.googleapis.com/css2?family=Advent+Pro:wght@600&display=swap";.category-card-1,.category-card-2,.category-card-3,.category-card-4,.category-card-5,.category-card-6,.category-card-7,.category-card-8,.category-card-9{position:absolute;background-color:#d9d9d9;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.category-card-1:hover,.category-card-2:hover,.category-card-3:hover,.category-card-4:hover,.category-card-5:hover,.category-card-6:hover,.category-card-7:hover,.category-card-8:hover,.category-card-9:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.category-card-1:hover .card-image,.category-card-2:hover .card-image,.category-card-3:hover .card-image,.category-card-4:hover .card-image,.category-card-5:hover .card-image,.category-card-6:hover .card-image,.category-card-7:hover .card-image,.category-card-8:hover .card-image,.category-card-9:hover .card-image{filter:brightness(.4);opacity:1}.card-content{position:relative;width:100%;height:100%}.card-image{width:100%;height:100%;object-fit:cover;opacity:.8;transition:filter .3s ease,opacity .3s ease}.card-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(10px);font-size:32px;font-weight:600;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.3);margin:0;z-index:2;opacity:0;transition:opacity .3s ease,transform .3s ease;width:90%}.category-card-1:hover .card-title,.category-card-2:hover .card-title,.category-card-3:hover .card-title,.category-card-4:hover .card-title,.category-card-5:hover .card-title,.category-card-6:hover .card-title,.category-card-7:hover .card-title,.category-card-8:hover .card-title,.category-card-9:hover .card-title{opacity:1;transform:translate(-50%,-50%)}.light-text{color:#9ca6b8}.dark-text{color:#0e1626}.category-card-1{width:216px;height:396px;top:364px;left:180px;border-radius:220px 50px 0}.category-card-2{width:432px;height:540px;top:220px;left:432px;border-radius:220px 132px 0 0}.category-card-3{width:468px;height:449px;top:492px;left:900px;border-radius:50px 220px 100px 0}.category-card-4{width:396px;height:776px;top:976px;left:900px;border-radius:0 50px 220px}.category-card-5{width:324px;height:324px;top:796px;left:540px}.category-card-6{width:432px;height:576px;top:796px;left:72px;border-radius:220px 0 0 220px}.category-card-7{width:144px;height:216px;top:1156px;left:540px}.category-card-8{width:631px;height:252px;top:1408px;left:233px;border-radius:50px 0 50px 220px}.category-card-9{width:144px;height:216px;top:1156px;left:720px}.portfolio-piece{color:#050f22;background-color:#fff;display:flex;flex-direction:row;justify-content:center;width:100%}.portfolio-content{width:1440px;position:relative}.portfolio-piece header{margin:48px 48px 48px 62px}.portfolio-piece header #name{font-weight:600;color:#9ca6b8;font-size:82px;letter-spacing:0;line-height:normal;white-space:nowrap;margin-left:.45rem}.portfolio-piece header .underline{width:857px;height:45px}.container{box-sizing:border-box;padding:0 62px;margin-top:20px}.back-button{display:inline-block;margin:20px 0 30px;color:#050f22;text-decoration:none;font-weight:500;font-size:18px;transition:color .3s ease;padding:8px 0}.back-button:hover,.back-button:active{color:#5a7fc0}.hero-section{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px;margin-bottom:60px}.hero-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px}video.hero-image{max-height:600px}.content-section+.hero-section{margin-top:40px}.project-title{position:absolute;bottom:40px;left:40px;color:#fff;font-size:48px;font-weight:700;margin:0;text-transform:capitalize;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.content-section{display:flex;gap:60px;margin-bottom:100px;align-items:center}.hero-controls{position:absolute;bottom:15px;right:25px;z-index:2}.hero-indicator{display:flex;gap:8px}.hero-indicator .dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .2s ease}.hero-indicator .dot.active{background-color:#fff;transform:scale(1.2)}.content-text{flex:1}.content-text h2{font-size:32px;margin-top:0;margin-bottom:30px}.content-text p{font-size:18px;line-height:1.6;margin-bottom:24px;color:#333}.content-text a{color:#4f5d79;text-decoration:none;font-weight:500;position:relative;padding-bottom:2px;border-bottom:1px solid #9CA6B8;transition:all .3s ease}.content-text a:hover,.content-text a:active{color:#0e1626;border-bottom-color:#4f5d79}.links-container{margin-top:30px;margin-bottom:30px}.portfolio-link{display:inline-flex;align-items:center;color:#0e1626;background-color:#9ca6b833;padding:8px 14px;border-radius:6px;border-bottom:none!important;box-shadow:0 2px 4px #0e16261a;transition:all .3s ease;font-weight:600}.portfolio-link:hover{background-color:#9ca6b84d;color:#4f5d79;transform:translateY(-2px);box-shadow:0 4px 8px #0e162626}.external-icon{margin-left:6px;font-size:14px;transform:translateY(-2px);display:inline-block;transition:transform .3s ease;opacity:.8}.portfolio-link:hover .external-icon{transform:translateY(-2px) translate(2px);opacity:1}.content-image{flex:1}.content-image img,.content-image video{width:100%;height:auto;border-radius:8px}.content-image video{max-height:650px}.image-pair-section{margin-bottom:80px}.image-pair-container{display:flex;gap:30px;margin-bottom:20px}.image-pair-item{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.image-pair-item img,.image-pair-item video{width:100%;height:auto;display:block;transition:transform .3s ease}.image-pair-item img:hover,.image-pair-item video:hover{transform:scale(1.02)}.image-pair-item video{max-height:400px}.image-pair-caption{text-align:center;margin-top:15px;font-size:16px;color:#555;font-style:italic}.image-grid-section{margin-bottom:80px}.image-grid-container{display:grid;gap:20px;margin-bottom:20px}.image-grid-container.cols-2{grid-template-columns:repeat(2,1fr)}.image-grid-container.cols-3{grid-template-columns:repeat(3,1fr)}.image-grid-container.cols-4{grid-template-columns:repeat(4,1fr)}.grid-item{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;position:relative;padding-bottom:100%}.grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;border-radius:6px}.grid-item img:hover{transform:scale(1.05)}.image-grid-caption{text-align:center;margin-top:15px;font-size:16px;color:#555;font-style:italic}.bottom-nav{display:flex;justify-content:center;margin:40px 0 80px}.bottom-back-button{background-color:#f2f4f8;padding:14px 24px;border-radius:6px;font-weight:600;box-shadow:0 4px 8px #0000000d;transition:all .3s ease}.bottom-back-button:hover,.bottom-back-button:active{background-color:#e1e5ec;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}@media (hover: none){.bottom-back-button:active{background-color:#e1e5ec;transform:translateY(1px)}}@media (max-width: 1024px){.portfolio-content{width:100%}.container{padding:0 40px}.hero-section{height:400px}}@media (max-width: 768px){video.hero-image{max-height:400px}.content-image video{max-height:350px}.image-pair-item video{max-height:300px}.portfolio-piece header{margin:30px 20px}.portfolio-piece header #name{font-size:42px;white-space:normal;line-height:1.2}.portfolio-piece header .underline{width:100%;max-width:400px;height:auto;margin-top:5px}.container{padding:0 20px}.content-section,.content-section.image-left{flex-direction:column;gap:40px;margin-bottom:60px}.image-pair-container{flex-direction:column;gap:20px}.image-grid-container.cols-3,.image-grid-container.cols-4{grid-template-columns:repeat(2,1fr)}.hero-section{height:300px;margin-bottom:40px}.project-title{font-size:32px;bottom:20px;left:20px;right:20px}.hero-controls{bottom:10px;right:15px}.hero-indicator .dot{width:8px;height:8px}.content-text h2{font-size:28px;margin-bottom:20px}.content-text p{font-size:16px;line-height:1.5}.portfolio-link{padding:6px 12px;font-size:15px}.external-icon{font-size:12px}.back-button{font-size:16px}.bottom-nav{margin:30px 0 50px}}@media (max-width: 480px){.image-grid-container.cols-2,.image-grid-container.cols-3,.image-grid-container.cols-4{grid-template-columns:1fr}video.hero-image{max-height:250px}.content-image video{max-height:220px}.image-pair-item video{max-height:200px}.portfolio-piece header{margin:20px 15px}.portfolio-piece header #name{font-size:32px}.container{padding:0 15px}.hero-section{height:220px;margin-bottom:30px}.project-title{font-size:24px;bottom:15px;left:15px}.content-text h2{font-size:24px}.content-section{gap:30px;margin-bottom:40px}.bottom-back-button{display:block;width:100%;text-align:center}}.page-transition-enter{opacity:0;transform:translateY(15px);position:absolute;width:100%}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s ease-out,transform .35s ease-out;position:absolute;width:100%}.page-transition-exit{opacity:1;transform:translateY(0);position:absolute;width:100%}.page-transition-exit-active{opacity:0;transform:translateY(-15px);transition:opacity .3s ease-in,transform .3s ease-in;position:absolute;width:100%}.page-transition-enter,.page-transition-exit{will-change:opacity,transform}.routes-container{position:relative;min-height:100vh;overflow-x:hidden;width:100%}@media (max-width: 768px){.page-transition-enter{transform:translateY(10px)}.page-transition-exit-active{transform:translateY(-10px)}.page-transition-enter-active{transition:opacity .3s ease-out,transform .3s ease-out}.page-transition-exit-active{transition:opacity .25s ease-in,transform .25s ease-in}.routes-container{overflow-x:hidden}.page-transition-enter,.page-transition-enter-active,.page-transition-exit,.page-transition-exit-active{width:100vw;overflow-x:hidden}}@media (max-width: 768px){header{margin:24px 20px}header #name{font-size:42px;white-space:normal;line-height:1.2}header .underline{width:100%;max-width:400px;height:auto}.desktop .div{width:100%;height:auto;position:static;overflow:visible}.desktop .description-text,.desktop .overlap-group,.desktop .overlap-group-2{position:static;width:100%;height:auto;overflow:visible}.desktop main,.desktop .versatile-artist-and,.desktop .https-github-com{display:none}.mobile-layout{display:flex;flex-direction:column;padding:0 20px;margin-top:20px;width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.mobile-contact{margin:20px 0;width:100%;text-align:left;display:block;position:relative;z-index:10}.mobile-contact a{display:block;margin-bottom:12px;color:#5e6b83;font-size:18px;font-weight:600;text-decoration:none}.mobile-bio{width:100%;margin:20px 0 30px;padding:20px;border-radius:12px;background-color:#f8f9fa;text-align:left;font-size:16px;font-weight:500;line-height:1.6;color:#4f5d79;box-sizing:border-box;display:block;overflow:visible;word-wrap:break-word}.mobile-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:40px;width:100%;box-sizing:border-box;padding:0 5px}@media (max-width: 480px){.mobile-portfolio-grid{grid-template-columns:1fr}}.mobile-card{position:relative;border-radius:12px;overflow:hidden;height:160px;background-color:#d9d9d9;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:8px;box-shadow:0 2px 8px #0000001a}.mobile-card-link{text-decoration:none;display:block;margin-bottom:15px}.mobile-card:hover,.mobile-card:active{transform:translateY(-3px);box-shadow:0 8px 15px #0000001a}.mobile-card-image{width:100%;height:100%;object-fit:cover;opacity:.9}.mobile-card h3{position:absolute;bottom:12px;left:12px;font-size:16px;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.3);margin:0;padding:5px 8px;border-radius:4px}.mobile-card .light-text{color:#fff;background-color:#00000080;padding:4px 8px;border-radius:4px}.mobile-card .dark-text{color:#0e1626;background-color:#ffffffb3;padding:4px 8px;border-radius:4px}@media (hover: none){.mobile-card:active{transform:scale(.98);opacity:.9}.mobile-contact a:active{color:#9ca6b8}}}.mobile-container{width:100%;min-height:100vh;padding:0;display:flex;flex-direction:column;box-sizing:border-box}.mobile-container header{margin:24px 20px;width:calc(100% - 40px);overflow:visible}.mobile-container header .header-link{display:block;width:100%}.mobile-container header #name{font-size:38px;white-space:normal;line-height:1.2;margin-bottom:5px;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.mobile-container header .underline{width:100%;max-width:320px;height:auto}@media (min-width: 769px){.mobile-container{display:none}}@media (max-width: 768px){.desktop{display:none}.mobile-container{display:flex}}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}#root{display:flex;min-height:100vh;flex-direction:column}html{min-height:100vh;background:#0e1626;background-attachment:fixed;background-repeat:no-repeat}body{font-family:Advent Pro,Helvetica,sans-serif;margin:0;min-height:100%;background-color:transparent}button:focus-visible{outline:2px solid #4a90e2!important;outline:-webkit-focus-ring-color auto 5px!important}a{text-decoration:none}header{margin:48px 48px 48px 62px}header #name{font-weight:600;color:#9ca6b8;font-size:82px;letter-spacing:0;line-height:normal;white-space:nowrap;margin-left:.45rem}header .underline{width:857px;height:45px}header .header-link{text-decoration:none;cursor:pointer;display:inline-block;transition:opacity .3s ease}header .header-link:hover{opacity:.8}.desktop .https-github-com{position:absolute;top:24px;left:0rem;color:#5e6b83;font-size:24px;font-style:normal;font-weight:600;line-height:45px}.desktop .versatile-artist-and{position:absolute;width:468px;height:265px;flex-shrink:0;top:24px;left:824px;text-align:right;font-size:24px;font-style:normal;font-weight:600;line-height:45px;background:linear-gradient(180deg,#9ca6b8,#677389 40%,#4f5d79);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.desktop{background-color:transparent;display:flex;flex-direction:row;justify-content:center;width:100%}.desktop .div{background-color:transparent;width:1440px;height:1836px;position:relative}.desktop .description-text{height:780px;top:172px;left:71px;position:absolute;width:1297px}.desktop .overlap-group{height:600px;top:0;left:0;position:absolute;width:1297px}.desktop .overlap-group-2{height:304px;top:0;left:0;position:absolute;width:1297px}.desktop .https-github-com a{color:inherit;text-decoration:none}.desktop .https-github-com a:hover{color:#9ca6b8}@media (max-width: 1440px){.desktop{padding-right:20px}}