@keyframes typewriter{0%{width:0}to{width:100%}}html{text-size-adjust:100%}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;animation:typewriter 4s steps(30) 1s forwards,blink .75s step-end infinite;border-right:3px solid white;box-sizing:border-box}header a{font-size:70px;align-items:center;text-align:center;display:flex;justify-content:center;color:white}.subtitle{font-size:1.2rem;color:white;margin-top:0;padding:0}.projects-hub-box{margin-top:clamp(1.75rem,5vw,3rem);padding:1.35rem clamp(2rem,6vw,3.25rem);border:2px solid #fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;text-decoration:none;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background-color .3s ease,border-color .3s ease,color .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.projects-hub-box:hover{background-color:#fff;color:#1a1a1a}.projects-page{display:flex;flex-direction:column;min-height:100vh}.projects-page-main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:0 max(16px,env(safe-area-inset-left,0px)) clamp(2rem,6vw,3.5rem) max(16px,env(safe-area-inset-right,0px))}.projects-page>.site-header.site-header--breadcrumbs+.projects-page-main{margin-top:clamp(1.25rem,3.5vw,2.15rem)}.projects-page-list{list-style:none;padding:0;margin:clamp(1.75rem,4vw,2.75rem) 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px 18px;max-width:720px}.projects-page-list li{margin:0;padding:0;display:inline-flex}.projects-page-link{min-width:140px;justify-content:center}#__next{flex-direction:column;flex:1 1}#__next,body{min-height:100vh;display:flex}body{font-family:Inter,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);background:linear-gradient(135deg,#000000,#1c1c1c);background-attachment:fixed;min-height:100dvh;flex-direction:column;overflow-x:clip}.app-shell{min-height:100vh;width:100%}.app-shell,.app-shell-content{position:relative;flex:1 1;display:flex;flex-direction:column}.app-shell-content{z-index:1}.scene-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.topo-canvas{width:100%;height:100%;display:block;opacity:1;contain:strict}.topo-canvas,.topo-grain{position:absolute;inset:0}.topo-grain{opacity:.04;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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:topo-grain-shift .55s steps(3) infinite}@keyframes topo-grain-shift{0%{transform:translate(0)}33%{transform:translate(-1.2%,.8%)}66%{transform:translate(.6%,-.4%)}to{transform:translate(0)}}.topo-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 0,transparent 32%,rgba(0,0,0,.62) 100%);pointer-events:none}@media (prefers-reduced-motion:reduce){.topo-grain{animation:none;opacity:.025}.project-slide{opacity:1;transform:none;transition:none}.project-tilt-shell--leans-left,.project-tilt-shell--leans-right{transform:none}}header{color:#fff;flex-direction:column;align-items:center;padding:1em;text-align:center}.header-site-row,header{display:flex;justify-content:center}.header-site-row{width:100%;max-width:900px;margin-bottom:.65rem}.header-site-link{font-size:.95rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.header-site-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,.85)}.site-header--breadcrumbs .breadcrumb-nav{width:100%;max-width:900px}.site-header--breadcrumbs .breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0}.site-header--breadcrumbs .breadcrumb-item{display:inline-flex;align-items:center;font-size:1.125rem;font-weight:500}.site-header--breadcrumbs .breadcrumb-item+.breadcrumb-item:before{content:"/";margin:0 .65rem;color:rgba(255,255,255,.45);font-weight:400;pointer-events:none}.site-header--breadcrumbs .breadcrumb-link{font-size:1.125rem;display:inline;justify-content:unset;align-items:unset;text-align:left;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.site-header--breadcrumbs .breadcrumb-link:hover{color:#fff;border-bottom-color:#fff}.site-header--breadcrumbs .breadcrumb-current{color:rgba(255,255,255,.85)}.site-header.site-header--breadcrumbs{padding:max(2.25rem,calc(env(safe-area-inset-top, 0px) + 1.5rem)) max(1em,env(safe-area-inset-right,0px)) clamp(1.65rem,3.5vw,2.35rem) max(1em,env(safe-area-inset-left,0px))}.site-header.site-header--breadcrumbs+.thing{margin-top:clamp(1.35rem,3.5vw,2.25rem)}.site-header.site-header--breadcrumbs+section:not(.project-stack-section){margin-top:clamp(2.25rem,5vw,3.75rem)}.subheader,.thing+.project-stack-section{margin-top:0}section{max-width:900px;margin:10px auto;padding:20px;border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center}.tech-stack{list-style:none;margin:0 auto 24px;flex-wrap:wrap;gap:1.25rem 1.75rem;max-width:900px}.tech-stack,.tech-stack-item{padding:0;display:flex;justify-content:center;align-items:center}.tech-stack-item{margin:0}.tech-stack-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border-radius:10px;transition:transform .2s ease,opacity .2s ease;min-width:44px;min-height:44px;box-sizing:border-box;touch-action:manipulation}.tech-stack-link:hover{transform:scale(1.08);opacity:.92}.tech-stack-link:focus-visible{outline:2px solid #fff;outline-offset:4px}.tech-stack-icon{height:48px;width:48px;object-fit:contain;display:block}.tech-stack-icon--on-dark{filter:brightness(0) invert(1);opacity:.92}.tech-stack-label{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;max-width:min(200px,85vw);font-size:.8125rem;font-weight:600;letter-spacing:.02em;line-height:1.25;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(255,255,255,.06);box-sizing:border-box}h2{font-size:40px;margin:15px auto}h2,h3{color:#ffffff}h3{font-size:15px;margin-bottom:10px}h4{color:#ffffff;font-size:20px;margin:10px auto}h1{color:#ffffff;font-size:70px;margin:0;flex-grow:1}h1,ul{padding:0;text-align:center}ul{list-style-type:none;margin:10px 0 0}ul li{margin:5px 49px;padding:5px;border-radius:3px;cursor:pointer;transition:background-color .3s ease;display:inline-block}.thing{display:block;text-align:center;font-size:1.3rem;color:white;text-decoration:none;margin-left:auto;margin-right:auto;margin-bottom:clamp(2.75rem,6.5vw,4.5rem);max-width:min(52rem,calc(100% - 2.5rem));padding-left:1.25rem;padding-right:1.25rem;line-height:1.5;box-sizing:border-box}.thing:hover{color:#52ff16}.small-button{font-size:28px;padding:5px 10px}.home-button:hover,.small-button:hover{background-color:#fff;color:#333}img.logo{max-width:200px;height:auto;margin-top:20px}img.feature-image,img.technology-image{max-width:100%;height:auto;margin:20px 0;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}footer{padding:20px 0 max(20px,env(safe-area-inset-bottom,0px));margin-top:auto;text-align:center;color:white;width:100%;box-sizing:border-box}.footer-content{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;padding:10px max(12px,env(safe-area-inset-left,0px)) 10px max(12px,env(safe-area-inset-right,0px))}.footer-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;touch-action:manipulation}.cursor{position:fixed;left:0;top:0;width:25px;height:25px;border-radius:50%;pointer-events:none;transform:translate3d(calc(var(--cursor-x, 0) * 1px - 50%),calc(var(--cursor-y, 0) * 1px - 50%),0);transition:width .22s ease-out,height .22s ease-out;z-index:9999;background-color:rgba(255,255,255,0)}.cursor.cursor--hover{width:40px;height:40px}.cursor:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.tilt{position:relative;overflow:hidden;border-radius:10px;will-change:transform;transition:transform .3s ease}.tilt:hover{transform:scale(1.05)}img.feature-image,video.feature-video{max-width:100%;height:auto;margin:20px 0;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:20px auto;max-width:1800px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-video{width:100%;height:auto;border-radius:10px;box-shadow:0 0 20px rgba(255,255,255,.5)}.video-grid .tilt{display:flex;justify-content:center;align-items:center}.carousel{margin:20px auto;max-width:900px}.carousel,.carousel-container{display:flex;justify-content:center;align-items:center;position:relative}.carousel-container{width:100%}.carousel-image{width:100%;height:auto;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5)}.project-stack-section{max-width:1120px;margin:clamp(2.5rem,5.5vw,3.75rem) auto clamp(2.5rem,5vw,3.25rem);padding:0 max(12px,env(safe-area-inset-left,0px)) 0 max(12px,env(safe-area-inset-right,0px));box-sizing:border-box}.project-stack{display:flex;flex-direction:column;gap:clamp(3rem,7vw,5.25rem)}.project-slide{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;grid-gap:clamp(1rem,4vw,2.75rem);gap:clamp(1rem,4vw,2.75rem);min-height:0;opacity:0;transform:translate3d(0,1.75rem,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--slide-i, 0) * .06s)}.project-slide.project-slide--visible{opacity:1;transform:translateZ(0)}.project-slide--image-left .project-slide-visual{justify-self:start;transform:translateX(clamp(-1.75rem,-4vw,-.35rem))}.project-slide--image-left .project-slide-caption{text-align:left;padding-right:clamp(.25rem,2.5vw,2rem)}.project-slide--image-right{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.project-slide--image-right .project-slide-visual{grid-column:2;grid-row:1;justify-self:end;transform:translateX(clamp(.35rem,4vw,1.75rem))}.project-slide--image-right .project-slide-caption{grid-column:1;grid-row:1;text-align:right;padding-left:clamp(.25rem,2.5vw,2rem)}.project-slide-visual{max-width:min(100%,580px);width:100%;perspective:1200px}.project-tilt-shell{width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1)}.project-tilt-shell--leans-right{transform:rotateY(4.5deg)}.project-tilt-shell--leans-left{transform:rotateY(-4.5deg)}.project-stack .tilt{width:100%;max-width:100%}.project-stack-image{width:100%;height:auto;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5);display:block}.project-slide-caption{margin:0;font-size:clamp(.95rem,1.05vw + .85rem,1.12rem);line-height:1.5;color:#fff}.centered-page{flex-direction:column;min-height:100vh;height:auto;background:linear-gradient(135deg,#000000,#1c1c1c);color:white;text-align:center;padding:0;margin:0;box-sizing:border-box}.centered-page,.typewriter-container{display:flex;justify-content:center;align-items:center}.typewriter-container{margin:0 auto}#typewriter{font-size:4rem;font-family:Inter,sans-serif;color:white;white-space:nowrap;overflow:hidden;margin:0;padding:0;line-height:1.5;transition:color .3s ease}.typewriter-cursor{font-size:4rem;color:white;animation:blink .75s step-end infinite;margin-left:5px}@keyframes blink{50%{opacity:0}}.typewriter-box{display:inline-block;margin:0;line-height:1.2;max-width:100%;box-sizing:border-box}.subheader{font-size:1.2rem;color:white;margin:0;padding:0;text-align:center}.link-list{display:flex;justify-content:center;gap:15px;list-style:none;padding:0;margin:10px 0 0}.link-list li{margin:0}.home-button{color:white;margin-top:20px!important;text-decoration:none;padding:10px 20px;border:2px solid white;border-radius:10px;transition:background-color .3s ease,color .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.home-button:hover{background-color:white;color:black}#typewriter-link{text-decoration:none;color:white}#typewriter-link:hover{opacity:.8;cursor:pointer}.page-container{min-height:100vh}.main-content,.page-container{display:flex;flex-direction:column}.main-content{justify-content:center;align-items:center;flex-grow:1;text-align:center;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));width:100%;box-sizing:border-box}.header-title{font-size:4rem;color:white;margin:0;padding:0}.footer-icon{width:40px;height:40px;margin:0 10px;transition:transform .3s ease;filter:invert(1)}.footer-icon:hover{transform:scale(1.1)}.content-section{display:flex;flex-direction:column;gap:20px}.item-container{display:flex;align-items:flex-start;gap:20px}.text-box{flex:1 1;display:flex;align-items:center}.carousel-container .arrow{position:absolute;top:50%;transform:translateY(-50%);margin:0;width:50px;height:50px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;z-index:20;background:none;border:none;padding:0;transition:opacity .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.carousel-container .arrow.left-arrow{left:8px;right:auto}.carousel-container .arrow.right-arrow{right:8px;left:auto}.carousel-container .arrow.left-arrow i,.carousel-container .arrow.right-arrow i{position:absolute;width:50px;height:5px;background:#fff;border-radius:2.5px;transition:all .15s ease}.carousel-container .arrow.left-arrow i:first-child{transform-origin:0 50%;transform:translateY(-1px) rotate(40deg)}.carousel-container .arrow.left-arrow i:last-child{transform-origin:0 50%;transform:translateY(1px) rotate(-40deg)}.carousel-container .arrow.right-arrow i:first-child{transform-origin:100% 50%;transform:translateY(1px) rotate(40deg)}.carousel-container .arrow.right-arrow i:last-child{transform-origin:100% 50%;transform:translateY(-1px) rotate(-40deg)}.carousel-container .arrow:hover i:first-child{transform:translateY(-1px) rotate(30deg)}.carousel-container .arrow:hover i:last-child{transform:translateY(1px) rotate(-30deg)}.carousel-container .arrow:active i:first-child{transform:translate(1px,-1px) rotate(25deg)}.carousel-container .arrow:active i:last-child{transform:translate(1px,1px) rotate(-25deg)}.carousel-container .arrow[data-state=disabled]{opacity:.3;cursor:default}.image-text-container{display:flex;flex-direction:column;align-items:center;gap:10px}.image-description{font-size:1rem;color:white;text-align:center;max-width:80%;margin:10px 0;line-height:1.45;padding:0 8px;box-sizing:border-box}section h3{margin-bottom:25px!important}:root{--selection-bg:#ffcc00;--selection-color:#000}::selection{background-color:var(--selection-bg)!important;color:var(--selection-color)!important}::-moz-selection{background-color:var(--selection-bg)!important;color:var(--selection-color)!important}@media (max-width:768px){header{padding-left:max(.5em,env(safe-area-inset-left,0px));padding-right:max(.5em,env(safe-area-inset-right,0px))}header a{padding:0 10px}h1,header a{font-size:40px}h2{font-size:clamp(1.35rem,5vw,30px)}h3{font-size:12px}h4{font-size:16px}#typewriter,.typewriter-cursor{font-size:clamp(1.05rem,4.2vw + .45rem,2rem)}.typewriter-box{margin:0}.site-header.site-header--breadcrumbs{padding-top:max(1.65rem,calc(env(safe-area-inset-top, 0px) + 1rem));padding-bottom:clamp(1.35rem,3vw,2rem)}.site-header.site-header--breadcrumbs+.thing{margin-top:clamp(1rem,3vw,1.65rem)}.site-header.site-header--breadcrumbs+section:not(.project-stack-section){margin-top:clamp(1.75rem,4.5vw,2.75rem)}.site-header--breadcrumbs .breadcrumb-item,.site-header--breadcrumbs .breadcrumb-link{font-size:1rem}.tech-stack{gap:1rem 1.25rem;padding:0 8px}.tech-stack-icon{height:40px;width:40px}.subheader,.subtitle{font-size:1rem;padding:0 12px}section{margin:10px 8px;padding:15px 14px;border-radius:20px;box-sizing:border-box;max-width:100%}ul li{margin:5px 10px;padding:5px}.video-grid{grid-template-columns:1fr;gap:10px}.carousel{margin:20px 0;padding:0 max(8px,env(safe-area-inset-left,0px)) 0 max(8px,env(safe-area-inset-right,0px))}.carousel,.carousel-container{max-width:100%;box-sizing:border-box}.carousel-container{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:10px;width:100%;padding:0}.carousel-container .image-text-container{flex:1 1;min-width:0;width:auto;max-width:100%;box-sizing:border-box}.carousel-container .carousel-image{width:100%;max-width:100%;height:auto}.carousel-container .tilt{max-width:100%;width:100%}.carousel-container .arrow{position:relative;top:auto;left:auto;right:auto;flex:0 0 auto;align-self:center;transform:none;margin:0;border:none;border-radius:50%;min-width:44px;min-height:44px;width:44px;height:44px;color:#fff;font-size:24px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;z-index:1;transition:color .3s ease,background .3s ease}.carousel-container .arrow.left-arrow,.carousel-container .arrow.right-arrow{left:auto;right:auto}.project-stack-section{margin-top:clamp(1.75rem,4.5vw,2.75rem);margin-bottom:clamp(1.5rem,4vw,2.25rem);padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}.project-stack{gap:clamp(2.25rem,5.5vw,3rem)}.project-slide,.project-slide--image-right{grid-template-columns:1fr;gap:1rem}.project-slide--image-right .project-slide-caption,.project-slide--image-right .project-slide-visual{grid-column:auto;grid-row:auto}.project-slide-visual{transform:none!important;justify-self:center!important;max-width:100%}.project-slide-caption{text-align:center!important;padding-left:0!important;padding-right:0!important;font-size:.95rem}.project-tilt-shell--leans-left,.project-tilt-shell--leans-right{transform:perspective(960px) rotateX(3.25deg)}.image-description{font-size:.95rem;max-width:100%}.thing{font-size:1.05rem;line-height:1.45;padding:10px max(12px,env(safe-area-inset-left,0px));margin-bottom:clamp(2.25rem,6vw,3.5rem);max-width:calc(100% - 1.5rem);-webkit-tap-highlight-color:transparent;box-sizing:border-box}.home-button{font-size:.95rem;padding:12px 20px;min-height:44px}.footer-icon{width:30px;height:30px}.tilt{position:relative;overflow:hidden;border-radius:10px;will-change:transform;transition:transform .3s ease}@media (hover:none) and (pointer:coarse){.tilt:hover{transform:none}}.tilt:hover{transform:scale(1.05)}.link-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:20px;gap:20px;margin:20px auto;padding:0;max-width:600px;list-style:none;justify-items:center}.link-list li{width:100%;display:flex;justify-content:center}.projects-hub-box{padding:1.1rem 1.85rem;max-width:min(320px,calc(100% - 1.75rem))}.projects-page-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:16px;gap:16px;max-width:100%;width:100%;box-sizing:border-box}.projects-page-list li{width:100%;display:flex;justify-content:center}.projects-page-link{width:100%}.home-button.small-button{display:block;width:100%;padding:12px 20px;min-height:48px;border:2px solid #fff;border-radius:10px;text-align:center;text-decoration:none;color:#fff;background:transparent;transition:background-color .3s,color .3s;box-sizing:border-box}.home-button.small-button:hover{background:#fff;color:#333}#typewriter-link{-webkit-tap-highlight-color:transparent}}@media (max-width:480px){.link-list{max-width:100%;padding:0 max(10px,env(safe-area-inset-left,0px)) 0 max(10px,env(safe-area-inset-right,0px))}.link-list,.projects-page-list{grid-template-columns:1fr}h2{font-size:1.5rem}.carousel-container{gap:8px}}@media (hover:none) and (pointer:coarse){.tech-stack-link:hover{transform:none;opacity:1}.tech-stack-link:active{opacity:.85;transform:scale(.96)}}