@import"https://fonts.googleapis.com/css2?family=Boldonse&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,700;1,6..96,400&display=swap";.about-content{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;opacity:1;transition:opacity .3s ease;overflow:hidden;background:var(--background)}.grim{display:grid;position:fixed;bottom:0;left:0;width:100%;height:100vh;grid-template-columns:repeat(32,3.125vw);grid-template-rows:repeat(32,3.125vh);pointer-events:none}.grim--open{pointer-events:auto}.grim__item{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.grim__item:nth-child(1){grid-area:31 / 1 / 33 / 2}.grim__item:nth-child(2){grid-area:31 / 2 / 33 / 3}.grim__item:nth-child(3){grid-area:29 / 1 / 31 / 3}.grim__item:nth-child(4){grid-area:29 / 3 / 33 / 5}.grim__item:nth-child(5){grid-area:25 / 1 / 29 / 5}.grim__item:nth-child(6){grid-area:25 / 5 / 33 / 9}.grim__item:nth-child(7){grid-area:17 / 1 / 25 / 9}.grim__item:nth-child(8){grid-area:17 / 9 / 33 / 17}.grim__item:nth-child(9){grid-area:1 / 1 / 17 / 17}.grim__item:nth-child(10){grid-area:1 / 17 / 33 / 33}.grim__item-bg{position:absolute;width:100%;height:100%;top:0;left:0;transform:scale3d(0,0,1);opacity:0;box-shadow:0 0 0 2px currentColor;background:currentColor}.grim__item-bg--1{color:#1a1a1a}.grim__item-bg--2{color:#2d2d2d}.grim__item-bg--3{color:#0f0f0f}.grim__item-bg--4{color:#404040}.grim__item-bg--5{color:#1a1a1a}.grim__item-bg--6{color:#333}.grim__item-bg--7{color:#262626}.grim__item-bg--8{color:#2d2d2d}.grim__item-bg--9{color:#0a0a0a}.grim__item-bg--10{color:#1f1f1f}.grim__item-content{position:relative;color:#fff;transition:color .3s;overflow:hidden}.grim__item-content:hover,.grim__item-content:focus{opacity:.8;color:inherit;transition:opacity .3s}.grim__item-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;opacity:0}.grim__item-title{font-family:DarthFader,sans-serif;font-weight:400;margin:0;font-size:1.85rem;letter-spacing:.15rem}.grim__item:nth-child(6) .grim__item-title{font-size:2rem}.grim__item:nth-child(7) .grim__item-title{font-size:2.25rem}.grim__item:nth-child(8) .grim__item-title{font-size:2.45rem}.grim__item:nth-child(9) .grim__item-title{font-size:2.65rem}.grim__item:nth-child(10) .grim__item-title{font-size:3.85rem}.menu-trigger{background:none;border:0;cursor:pointer;font-family:DarthFader,sans-serif;color:inherit;position:relative;padding:0;white-space:nowrap}.menu-trigger--close{align-self:center;position:relative;overflow:hidden;display:block;font-size:.75rem;color:#fff;text-decoration:none;letter-spacing:.05em;transform:translateY(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94);line-height:1.5rem}.menu-trigger--close:before,.menu-trigger--close:after{content:"";position:absolute;bottom:-3px;height:4px;background:#fff;transform:scaleX(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.menu-trigger--close:before{left:0;width:50%;transform-origin:left}.menu-trigger--close:after{right:0;width:50%;transform-origin:right}.menu-trigger--close:hover:after{transform:scaleX(1.1);transition-delay:.1s}.menu-trigger--close:hover:before{transform:scaleX(1.1);transition-delay:.2s}.menu-trigger--close:hover{opacity:.7}.social-icon{width:2rem;height:2rem;color:#fff;transition:transform .2s ease}.grim__item-content{transition:transform .1s ease}.grim__item-content:hover .social-icon{transform:scale(1.1)}.grim__item-content:active{transform:scale(.95)}.section-title{font-family:DarthFader,sans-serif;font-size:.8rem;color:#fff;margin:0 0 .5rem;letter-spacing:.1em}.clients-list{display:flex;flex-direction:column;gap:.3rem}.client-name{font-size:.6rem;color:#ccc;letter-spacing:.05em}.certs-list{display:flex;flex-direction:column;gap:.4rem}.cert-item{font-size:.7rem;color:#ccc;letter-spacing:.05em}.spotify-widget{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;height:100%;justify-content:center}.spotify-widget img{width:15vw;height:46vh;transition:transform .3s ease}.spotify-widget img:hover{transform:scale(1.02)}.tech-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:center}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;width:100%}.tech-item{cursor:pointer;padding:.2rem .5rem;white-space:nowrap;font-size:.5rem;color:#ccc;letter-spacing:.05em;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.tech-item:hover{transform:scale(1.05)}.about-content-text{position:relative;width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-corner-text{position:absolute;font-family:DarthFader,sans-serif;font-size:1.5rem;color:#fff;font-weight:700;letter-spacing:.1em}.about-corner-text.top-left{top:.5rem;left:.5rem}.about-corner-text.bottom-right{bottom:.5rem;right:.5rem}.about-description{font-size:.7rem;color:#ccc;line-height:1.4;margin:0;text-align:center}.clock-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.clock{position:relative;width:8rem;height:8rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;background:#0000001a}.clock-dots{position:absolute;width:100%;height:100%}.dot{position:absolute;width:3px;height:3px;background:#fff9;border-radius:50%;top:4px;left:50%;transform-origin:50% 3.8rem;transform:translate(-50%) rotate(calc(var(--i) * 30deg))}.dot:nth-child(3n){width:4px;height:4px;background:#fffc}.hand{position:absolute;background:#fff;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.hour{width:3px;height:25%;top:25%;left:50%;margin-left:-1.5px;background:#ffffffe6}.minute{width:2px;height:35%;top:15%;left:50%;margin-left:-1px;background:#ffffffe6}.second{width:1px;height:40%;top:10%;left:50%;margin-left:-.5px;background:#cccc}.clock-center{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.timezone-info{font-family:DarthFader,sans-serif;font-size:.6rem;color:#ffffffb3;letter-spacing:.1em;text-align:center}.digital-time{font-family:DarthFader,sans-serif;font-size:.5rem;color:#ffffff80;letter-spacing:.1em;text-align:center;margin-top:.5rem}@media(max-width:1024px){.grim__item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(10)){display:none}.grim__item:nth-child(1){grid-area:30 / 2 / 32 / 4}.grim__item:nth-child(2){grid-area:30 / 4 / 32 / 6}.grim__item:nth-child(3){grid-area:2 / 30 / 4 / 32;z-index:100}.grim__item:nth-child(4){grid-area:30 / 6 / 32 / 8}.grim__item:nth-child(5){grid-area:30 / 8 / 32 / 10}.grim__item:nth-child(10){grid-area:8 / 4 / 28 / 30;display:flex;align-items:center;justify-content:center}.about-corner-text{font-size:2.5rem}.about-corner-text.top-left{top:1rem;left:1rem}.about-corner-text.bottom-right{bottom:1rem;right:1rem}.section-title{font-size:1.2rem;margin-bottom:1rem}.about-description{font-size:.9rem;line-height:1.6;max-width:80%;text-align:center}.about-content-text{height:400px}}@media(max-width:768px){.grim__item:nth-child(10){grid-area:6 / 2 / 28 / 32}.about-corner-text{font-size:3rem}.section-title{font-size:1.4rem}.about-description{font-size:1rem;max-width:90%}.about-content-text{height:450px}}@media(max-width:500px){.grim__item:nth-child(1){grid-area:29 / 2 / 31 / 4}.grim__item:nth-child(2){grid-area:29 / 4 / 31 / 6}.grim__item:nth-child(3){grid-area:2 / 28 / 4 / 32}.grim__item:nth-child(4){grid-area:29 / 6 / 31 / 8}.grim__item:nth-child(5){grid-area:29 / 8 / 31 / 10}.grim__item:nth-child(10){grid-area:8 / 1 / 27 / 33;padding:1rem}.about-corner-text{font-size:2.8rem}.about-corner-text.top-left{top:2rem;left:2rem}.about-corner-text.bottom-right{bottom:2rem;right:2rem}.section-title{font-size:1.6rem;margin-bottom:1.5rem}.about-description{font-size:1.1rem;line-height:1.7;max-width:95%}.menu-trigger--close{font-size:.8rem}.about-content-text{height:500px}}@media(max-width:480px){.about-content-text{height:450px}}@media(max-width:360px){.about-content-text{height:400px}}@font-face{font-family:STIKR;src:url(/fonts/GymnastikDEMO-Regular.woff2) format("woff2"),url(/fonts/GymnastikDEMO-Regular.woff) format("woff"),url(/fonts/gymnastik.otf) format("opentype");font-display:swap}.error-page-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#141717;background-image:url(/images/grungebg.webp);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;background-blend-mode:overlay;font-family:STIKR,sans-serif;z-index:9999}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw}svg{max-width:90vw;max-height:80vh;width:512px;height:512px}.back-home{color:#e0e8ea;text-decoration:none;font-size:14px;margin-top:2rem;position:relative;transition:color .3s ease}.back-home:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#e0e8ea;transition:width .3s ease}.back-home:hover:after{width:100%}.back-home:hover{color:#f0f8fa}.attribution{position:fixed;bottom:1rem;right:1rem;color:#141717;font-size:12px;opacity:.6;cursor:pointer;transition:opacity .3s ease;z-index:10}.attribution:hover{opacity:1}@media(min-width:1920px){.error-page-wrapper{background-size:cover}}@media(min-width:1200px)and (max-width:1919px){.error-page-wrapper{background-size:cover}}@media(min-width:769px)and (max-width:1199px){.error-page-wrapper{background-size:cover}}@media(max-width:768px){.error-page-wrapper{background-size:cover;background-attachment:scroll}svg{max-width:95vw;max-height:70vh}.back-home{font-size:12px;margin-top:1.5rem}}@media(max-width:480px){.error-page-wrapper{background-size:cover;background-attachment:scroll}svg{max-width:100vw;max-height:60vh}.back-home{font-size:11px;margin-top:1rem}}#eyep01{animation:hidePupil01 4s infinite linear;transition:cx .1s ease,cy .1s ease}#eyep02{animation:hidePupil02 5s infinite linear .4s;transition:cx .1s ease,cy .1s ease}#eyep03{animation:hidePupil03 4.5s infinite linear .25s;transition:cx .1s ease,cy .1s ease}#eyep04{animation:hidePupil04 4.5s infinite linear .6s;transition:cx .1s ease,cy .1s ease}#eyep02-red{animation:hidePupil02 5s infinite linear .4s;transition:cx .1s ease,cy .1s ease}.container.tracking #eyep01{animation:hidePupil01 4s infinite linear}.container.tracking #eyep02{animation:hidePupil02 5s infinite linear .4s}.container.tracking #eyep03{animation:hidePupil03 4.5s infinite linear .25s}.container.tracking #eyep04{animation:hidePupil04 4.5s infinite linear .6s}.container.tracking #eyep02-red{animation:hidePupil02 5s infinite linear .4s}.container.tracking #eyep01,.container.tracking #eyep02,.container.tracking #eyep03,.container.tracking #eyep04,.container.tracking #eyep02-red{transition:cx .08s ease-out,cy .08s ease-out}@keyframes hidePupil01{0%,5%{opacity:0}5.1%,75%{opacity:1}75.1%,80%{opacity:0}80.1%,to{opacity:1}}@keyframes hidePupil02{0%,3%{opacity:0}3.1%,88%{opacity:1}88.1%,92%{opacity:0}92.1%,to{opacity:1}}@keyframes hidePupil03{0%,4%{opacity:0}4.1%,93%{opacity:1}93.1%,98%{opacity:0}98.1%,to{opacity:1}}@keyframes hidePupil04{0%,4%{opacity:0}4.1%,93%{opacity:1}93.1%,98%{opacity:0}98.1%,to{opacity:1}}@media(min-width:2560px){.error-page-wrapper{background-size:cover}}.error-content{max-width:600px}.error-content h1{font-size:72px;margin-bottom:20px;font-weight:300;opacity:.8}.error-content h2{font-size:24px;margin-bottom:30px;font-weight:300}.error-content p{font-size:16px;line-height:1.6;opacity:.6;margin-bottom:40px}.take-me-back{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;border-radius:4px;transition:all .3s ease;font-size:16px}.take-me-back:hover{background:#ffffff1a;transform:translateY(-2px)}@font-face{font-family:Gymnastik;src:url(/fonts/GymnastikDEMO-Regular.woff2) format("woff2"),url(/fonts/GymnastikDEMO-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.project-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:50;overflow:hidden}.project-page-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.project-page-scroll::-webkit-scrollbar{display:none}.project-close{position:fixed;top:2rem;right:2.5rem;z-index:60;width:44px;height:44px;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;opacity:0}.close-icon{position:relative;width:28px;height:28px}.close-icon span{position:absolute;display:block;width:100%;height:2px;background:#fff;border-radius:1px;top:50%;left:0;transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .3s ease}.close-icon span:first-child{transform:rotate(45deg)}.close-icon span:last-child{transform:rotate(-45deg)}.close-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.close-ring circle{fill:none;stroke:#ffffff40;stroke-width:1.5;stroke-dasharray:126;stroke-dashoffset:126;transition:stroke-dashoffset .6s cubic-bezier(.23,1,.32,1)}.project-close:hover .close-ring circle{stroke-dashoffset:0}.project-close:hover .close-icon span:first-child{transform:rotate(135deg)}.project-close:hover .close-icon span:last-child{transform:rotate(45deg)}.project-page-header{position:sticky;top:0;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 4rem 4rem;background:#000}.project-page-title{font-family:DarthFader,sans-serif;font-size:10vw;font-weight:400;text-transform:uppercase;letter-spacing:.04em;line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6);margin:0 0 1.5rem;opacity:0;transform:translateY(40px)}.project-page-description{font-family:Gymnastik,Georgia,serif;font-size:1rem;color:#ffffff8c;text-align:center;max-width:600px;line-height:1.8;margin:0 0 3rem;opacity:0;transform:translateY(30px)}.project-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:900px;margin:0;padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(20px)}.project-grid-item{text-align:center}.project-grid-label{font-family:DarthFader,sans-serif;font-size:.65rem;color:#ffffff59;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.project-grid-value{font-family:Gymnastik,Georgia,serif;font-size:.85rem;color:#fffc;line-height:1.6}.project-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0}.scroll-indicator-text{font-family:DarthFader,sans-serif;font-size:.6rem;color:#ffffff40;letter-spacing:.2em;text-transform:uppercase}.scroll-indicator-line{width:1px;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}.project-page-media-section{position:relative;z-index:3;background:#000;padding:0 4rem 6rem;display:flex;flex-direction:column;align-items:center;gap:4rem}.project-media-item{width:100%;max-width:1000px;aspect-ratio:16 / 9;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:translateY(60px) scale(.95);transition:none}.project-media-item.in-view{opacity:1;transform:translateY(0) scale(1);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}.project-media-label{font-family:DarthFader,sans-serif;font-size:.7rem;color:#ffffff26;letter-spacing:.15em;text-transform:uppercase}.project-sidebar-year{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-lr;font-family:DarthFader,sans-serif;font-size:.7rem;color:#ffffff4d;letter-spacing:.15em;z-index:55;opacity:0}.project-sidebar-link{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-lr;font-family:DarthFader,sans-serif;font-size:.7rem;color:#fff6;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;z-index:55;transition:color .3s ease;opacity:0}.project-sidebar-link:hover{color:#ffe600}.project-award-item{display:block;margin-top:.25rem;font-size:.8rem;color:#ffffffa6}.project-scroll-top{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:none;border:none;padding:1rem;cursor:pointer;color:#ffffff40;transition:color .3s ease;margin-top:1rem}.project-scroll-top span{font-family:DarthFader,sans-serif;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase}.project-scroll-top svg{width:14px;height:14px;transition:transform .3s ease}.project-scroll-top:hover{color:#ffffff80}.project-scroll-top:hover svg{transform:translateY(-3px)}@media(max-width:768px){.project-page-title{font-size:14vw}.project-page-header{padding:5rem 2rem 3rem}.project-page-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-sidebar-year,.project-sidebar-link{display:none}.project-close{right:1.5rem;top:1.5rem}.project-page-media-section{padding:0 2rem 4rem}}@media(max-width:480px){.project-page-title{font-size:16vw;-webkit-text-stroke:.5px rgba(255,255,255,.5)}.project-page-grid{grid-template-columns:1fr;gap:1.5rem}.project-page-description{font-size:.9rem}}#carouselCanvas{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:grab;z-index:40}#carouselCanvas:active{cursor:grabbing}.carousel-titles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:41}.slide-title{position:absolute;color:#fff;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.title-text{font-family:DarthFader,sans-serif;text-transform:uppercase;font-size:6vw;line-height:.9;font-weight:400;letter-spacing:-.03em;margin:0;white-space:nowrap}.title-number{font-family:DarthFader,sans-serif;font-size:.8vw;margin:0;position:relative;padding-top:10px;display:flex;align-items:center}.title-number:before{content:"";display:block;width:40px;height:3px;background-color:#ffe600;margin-right:10px}.carousel-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:39;pointer-events:none}.carousel-particle{position:absolute;background:#ffffff1a;border-radius:50%}@media(max-width:768px){.title-text{font-size:8vw}.title-number{font-size:1.2vw}}@media(max-width:480px){.title-text{font-size:10vw}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080808eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10000;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;transform:translate(100%)}.menu-overlay::-webkit-scrollbar{display:none}.menu-overlay-noise{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:overlayGrain .4s steps(3) infinite}@keyframes overlayGrain{0%{transform:translate(0)}33%{transform:translate(-3%,-4%)}66%{transform:translate(4%,-2%)}to{transform:translate(0)}}.menu-overlay-close{position:fixed;top:2rem;right:2.5rem;z-index:10001;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.menu-overlay-close span{position:absolute;width:26px;height:1.5px;background:#ffffffb3;border-radius:1px;transition:transform .35s cubic-bezier(.23,1,.32,1),background .3s ease}.menu-overlay-close span:first-child{transform:rotate(45deg)}.menu-overlay-close span:last-child{transform:rotate(-45deg)}.menu-overlay-close:hover span{background:#ffe600}.menu-overlay-close:hover span:first-child{transform:rotate(135deg)}.menu-overlay-close:hover span:last-child{transform:rotate(45deg)}.menu-overlay-content{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:4rem 6rem;position:relative;z-index:1;width:100%}.menu-overlay-item{background:none;border:none;cursor:pointer;padding:.3rem 0;display:flex;align-items:baseline;gap:.8rem;transition:transform .25s cubic-bezier(.23,1,.32,1)}.menu-overlay-item:hover{transform:translate(-8px)}.menu-overlay-item:hover .menu-item-name{-webkit-text-stroke-color:rgba(255,255,255,.8)}.menu-overlay-item:hover .menu-item-num{color:#ffe600}.menu-item-num{font-family:DarthFader,sans-serif;font-size:.55rem;color:#ffffff2e;letter-spacing:.15em;min-width:1.2rem;transition:color .3s ease}.menu-item-name{font-family:DarthFader,sans-serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);transition:-webkit-text-stroke-color .3s ease}@media(max-width:768px){.menu-overlay-content{padding:4rem 2.5rem;align-items:center}.menu-item-name{font-size:clamp(1.5rem,7vw,2.8rem)}.menu-overlay-close{top:1.5rem;right:1.5rem}}@media(max-width:480px){.menu-item-name{font-size:clamp(1.2rem,8vw,2rem);-webkit-text-stroke-width:.5px}.menu-item-num{display:none}}@font-face{font-family:DarthFader;src:url(/fonts/DarthFader.woff) format("woff");font-weight:400;font-style:normal;font-display:block}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--background: #000;--foreground: #fff;--text-muted: #bac4b8}body{font-family:Bodoni Moda,Boldonse,Arial,sans-serif;line-height:1.6;background-color:var(--background);color:var(--foreground);overflow:hidden;position:relative;height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/images/noise.gif);background-repeat:repeat;pointer-events:none;opacity:.03;z-index:100}.content{opacity:0;transition:opacity .5s ease-in-out}.content.visible{opacity:1;position:relative;z-index:30}.sphere-container{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:15;pointer-events:auto;opacity:0;transform-origin:center center}.sphere-animation{position:relative;width:100%;height:100%}.sphere{width:100%;height:100%}.sphere path{fill:url(#sphereGradient);stroke-width:1px;stroke:#505050cc;backface-visibility:hidden}.hero-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none}.hero-image{position:absolute;max-width:50vw;max-height:50vh;width:auto;height:auto;object-fit:contain;opacity:0;pointer-events:none;transform-origin:center center}.hero-image.centered{top:70%;left:50%;transform:translate(-50%,-50%)}.nav-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;font-family:DarthFader,sans-serif;opacity:0;transition:opacity .6s ease;pointer-events:none}.nav-menu.visible{opacity:1;pointer-events:none}.nav-menu .nav-bottom,.nav-menu .nav-links,.nav-menu .nav-header{transition:opacity .3s ease;opacity:1}.nav-menu.menu-open .nav-bottom,.nav-menu.menu-open .nav-links,.nav-menu.menu-open .nav-header{opacity:0;pointer-events:none}.nav-header{position:absolute;top:2rem;left:2rem;display:flex;align-items:flex-start;gap:.5rem;pointer-events:auto}.nav-name{display:flex;flex-direction:column}.nav-name{font-size:1rem;color:var(--text-muted);line-height:1;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.nav-name:hover{opacity:.7}.nav-title{font-size:.5rem;color:var(--text-muted);line-height:1;letter-spacing:.06em;word-spacing:.05em;display:flex;flex-direction:column}.nav-links{position:absolute;top:2rem;right:2rem;pointer-events:auto}.link-w{position:relative;overflow:hidden}.link-w a{display:block;font-size:.75rem;color:var(--text-muted);text-decoration:none;letter-spacing:.05em;transform:translateY(110%);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.link-w.active a{transform:translateY(0)}.link-w a:hover{opacity:.7}.link-w.close a{transform:translateY(-110%)}.link-w.close.active a{transform:translateY(0)}.line-left,.line-right{position:absolute;bottom:-2px;height:4px;background:var(--text-muted);transform-origin:left;transform:scaleX(0);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.line-left{left:0;width:50%}.line-right{right:0;width:50%;transform-origin:right}.link-w.animate-left .line-left{transform:scaleX(1.1);transition-delay:.1s}.link-w.animate-left .line-right{transform:scaleX(1.1);transition-delay:.2s}.link-w.animate-right .line-right{transform:scaleX(1.1);transition-delay:.1s}.link-w.animate-right .line-left{transform:scaleX(1.1);transition-delay:.2s}.char-wrapper{display:block;overflow:hidden;position:relative}.char-inner{display:inline-block;transform:translate3d(-110%,0,0) rotate(-5deg);transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.char-inner.revealed{transform:translateZ(0) rotate(0)}.nav-title .char-wrapper{display:block;overflow:hidden;position:relative}.char-inner-title{display:inline-block;transform:translate3d(0,100%,0);transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.char-inner-title.revealed{transform:translateZ(0)}.space-char{height:.5em}.projects-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:60px;z-index:50;pointer-events:auto}.project-card{width:200px;height:300px;background:linear-gradient(135deg,#333,#555);border-radius:8px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-decoration:none;font-family:DarthFader,sans-serif;pointer-events:auto;z-index:50}.project-card:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000004d}.nav-bottom{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 2rem;pointer-events:auto}.nav-menu-btn{font-family:DarthFader,sans-serif}.menu-text{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;cursor:pointer;transition:opacity .3s ease;overflow:hidden;position:relative}.menu-text:hover{opacity:.7}.nav-socials{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-end}.social-item{font-family:DarthFader,sans-serif;line-height:normal}.social-text{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;text-decoration:none;cursor:pointer;transition:opacity .3s ease;overflow:hidden;position:relative;display:block;line-height:normal}.social-text:hover{opacity:.7}@media(max-width:768px){.nav-socials{flex-direction:column;gap:0}}.char-mask{display:inline-block;overflow:hidden;position:relative}.char-reveal{display:inline-block;clip-path:inset(100% 0 0 0);transform:translateY(100%);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.char-reveal.revealed{clip-path:inset(0% 0 0 0);transform:translateY(0)}.hidden{display:none}@media(min-width:500px){.sphere path{stroke-width:.4px}}@media(max-width:768px){.sphere-container{width:250px;height:250px}.hero-image{max-width:45vw;max-height:45vh}.nav-name{font-size:1.5rem}.nav-title{font-size:.875rem}}@media(max-width:480px){.sphere-container{width:200px;height:200px}.hero-image{max-width:40vw;max-height:40vh}}@font-face{font-family:KRUNCH;src:url(/fonts/BitcrusherCdRg-Bold.woff2) format("woff2"),url(/fonts/BitcrusherCdRg-Bold.woff) format("woff"),url(/fonts/bitcrusher-condensed-bd.otf) format("opentype");font-display:swap;font-weight:700;font-style:normal}.loader{position:fixed;inset:0;z-index:50;background-color:#000;display:flex;align-items:center;justify-content:center}.animated-text{margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}.char{display:inline-block;opacity:0;transform:translateY(0);position:relative;font-size:15vw;line-height:15vw;font-family:KRUNCH,sans-serif;font-weight:900;background:url(/images/starrybg.png);background-size:40%;background-position:50% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.3);animation:zoomout 10s ease .5s forwards}@keyframes zoomout{0%{background-size:40%}to{background-size:10%}}.grid-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;display:none;overflow:hidden;background:transparent;-webkit-mask-image:radial-gradient(circle at center,rgba(255,255,255,1) 40%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 80%);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:cover;mask-image:radial-gradient(circle at center,#fff 40%,#fff9,#fff0 80%);mask-repeat:no-repeat;mask-position:center;mask-size:cover}.grid-row,.grid-col{position:absolute;left:0;width:100%;background:linear-gradient(90deg,#000,#191919f2,#2d2d2de6 40%,#3c3c3ce6,#2d2d2de6 60%,#191919f2,#000);opacity:0;transform:translateY(120%);will-change:transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.9,.29,1)}.grid-row:before,.grid-col:before{content:"";position:absolute;inset:0;background:url(/images/noise.webp) repeat;background-size:20%;opacity:.05;pointer-events:none}.grid-col{top:0;height:100%;left:0;width:auto;background:linear-gradient(180deg,#000,#191919f2,#2d2d2de6 40%,#3c3c3ce6,#2d2d2de6 60%,#191919f2,#000)}.grid-overlay.in .grid-row,.grid-overlay.in .grid-col{transform:translateY(0);opacity:1;transition-timing-function:cubic-bezier(.15,1,.3,1)}.grid-overlay.out .grid-row,.grid-overlay.out .grid-col{transform:translateY(-120%);opacity:0;transition-timing-function:cubic-bezier(.65,0,.35,1)}.grid-row:after,.grid-col:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -1px #ffffff0d;pointer-events:none}#heroScene{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s ease-out}.hero-scene-container{position:relative;width:100%;height:100vh;overflow:hidden;background:transparent;color:var(--foreground, #fff)}body.loading *{cursor:auto!important}body:not(.loading) *{cursor:none}.custom-cursor{--circle-size: 40px;position:fixed;height:var(--circle-size);width:var(--circle-size);top:-20px;left:-20px;pointer-events:none;z-index:99999;opacity:0;transition:opacity .3s ease}.custom-cursor.visible{opacity:1}.cursor-svg{width:100%;height:100%}.cursor-base{fill:none;stroke:#fffc;stroke-width:1}.cursor-progress{fill:none;stroke:#ff4757;stroke-width:2;stroke-linecap:round;transform-origin:center;transform:rotate(-90deg);opacity:0;transition:opacity .2s ease}.custom-cursor.holding .cursor-progress{opacity:1}.cursor-dot{fill:#ff4757;opacity:.8}.custom-cursor{transition:opacity .3s ease,width .3s cubic-bezier(.23,1,.32,1),height .3s cubic-bezier(.23,1,.32,1),top .3s cubic-bezier(.23,1,.32,1),left .3s cubic-bezier(.23,1,.32,1)}.custom-cursor.cursor-hover{--circle-size: 60px;width:var(--circle-size);height:var(--circle-size);top:-30px;left:-30px}.custom-cursor.cursor-hover .cursor-base{stroke:#ffe600;stroke-width:1.5}.custom-cursor.cursor-hover .cursor-dot{fill:#ffe600}.page{position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden;z-index:10}.page.active{opacity:1;transform:translateY(0);pointer-events:auto}.page.exit{opacity:0;transform:translateY(-30px)}.home-page{display:flex;align-items:center;justify-content:center;z-index:10}.about-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:normal}.project-context-page,.project-details-page,.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}