html,body,#root{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}.app{width:100vw;height:100vh;position:relative}canvas{width:100%;height:100%;display:block}body{background-image:url(/starsBackground.jpg);background-size:cover}*{margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.overlay{pointer-events:none;position:fixed;inset:0}.header{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.25rem,5vw + 2vh,4.5rem);font-weight:500}.subtitle{letter-spacing:.05em;text-transform:uppercase;opacity:.75;margin:.5rem 0 0;font-family:Inter,sans-serif;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:500}.tagline{opacity:.85;max-width:40ch;margin:clamp(.75rem,2dvh,1.5rem) 0 0;font-family:Inter,sans-serif;font-size:clamp(.9rem,1.2vw + .5vh,1.15rem);font-weight:400;line-height:1.6}.scene-text{color:#fff;text-shadow:0 2px 20px #000c,0 1px 4px #0009;pointer-events:none;flex-direction:column;padding:clamp(1.5rem,4vw,4rem);display:flex;position:absolute;inset:0;overflow:hidden}.scene-text.active{pointer-events:auto}.scene-text>*{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(15px)}.scene-text.active>:first-child{transition-delay:.1s}.scene-text.active>:nth-child(2){transition-delay:.25s}.scene-text.active>:nth-child(3){transition-delay:.4s}.scene-text.active>:nth-child(4){transition-delay:.55s}.scene-text.active>*{opacity:1;transform:translateY(0)}.scene-one:not(.active) .scroll-cue{transition:opacity .3s;opacity:0!important}.scene-one{text-align:center;justify-content:flex-start;align-items:center;padding-top:clamp(1.5rem,12dvh,8rem)}.scroll-cue{opacity:.7;color:#fff;-webkit-backdrop-filter:blur(8px);text-shadow:0 2px 12px #000000e6;background:#0000001a;border-radius:15px;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:900;display:flex;position:absolute;bottom:clamp(.75rem,3dvh,2rem)}.scroll-cue:hover{cursor:pointer}.chevron{animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.scene-two{text-align:left;justify-content:center;align-items:flex-start;padding-left:clamp(2rem,8vw,8rem)}.eyebrow{letter-spacing:.15em;text-transform:uppercase;margin:0;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.section-header{letter-spacing:-.01em;margin:.75rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,2.5vw + 1.5vh,2.4rem);font-weight:500;line-height:1.25}.body-text{max-width:50ch;margin:clamp(.75rem,2dvh,1.25rem) 0 0;font-family:Inter,sans-serif;font-size:clamp(.85rem,1.2vw + .4vh,1.05rem);font-weight:400;line-height:1.7}.tech-stack{margin-top:clamp(1.25rem,3dvh,2.5rem)}.tech-label{letter-spacing:.1em;text-transform:uppercase;opacity:.45;margin-bottom:.75rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:block}.tech-list{flex-wrap:wrap;gap:.5rem;max-width:50ch;display:flex}.tech-pill{-webkit-backdrop-filter:blur(6px);color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:999px;padding:.4rem .9rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none}.scene-three{text-align:left;justify-content:flex-end;align-items:flex-start;max-height:100dvh;padding-bottom:clamp(2rem,8dvh,5.5rem);padding-left:clamp(2rem,6vw,6rem)}.project-scroll{scroll-snap-type:x proximity;gap:1.25rem;max-width:62vw;margin-top:1.5rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.project-scroll::-webkit-scrollbar{height:6px}.project-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.project-card{scroll-snap-align:start;flex-direction:column;flex:none;width:clamp(180px,20vw,220px);display:flex}.project-card.glass-panel{padding:clamp(1.25rem,3dvh,2rem) clamp(1rem,2vw,1.5rem)}.project-thumb{cursor:pointer;background-color:#ffffff0d;background-position:50%;background-size:cover;border-radius:5px;flex-shrink:0;width:100%;height:clamp(70px,15vh,130px);margin-bottom:.85rem}.lightbox-overlay{-webkit-backdrop-filter:blur(5px);z-index:200;opacity:0;background:#f9f9f933;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.lightbox-overlay.visible{opacity:1}.lightbox-img{border-radius:12px;max-width:85vw;max-height:85vh;transition:transform .5s;transform:scale(.92);box-shadow:0 20px 60px #fdfcfc33}.lightbox-overlay.visible .lightbox-img{transform:scale(1)}.project-title{margin:0 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:500}.project-desc{opacity:.75;margin:0 0 1rem;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.5}.project-links{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.project-link{align-self:flex-start;margin-top:auto}.scene-four{text-align:center;justify-content:center;align-items:center}.scene-four .eyebrow{text-align:left}.scene-four .tech-pill:hover{cursor:pointer;background:#ffffff26;border-color:#fff6}.glass-panel{-webkit-backdrop-filter:blur(5px);background:#9f9f9f26;border:1px solid #ffffff1a;border-radius:10px;max-width:90vw;max-height:85dvh;padding:clamp(1.25rem,4dvh,2.5rem) clamp(1.25rem,4vw,3rem);overflow-y:auto}.scene-four .tech-list{justify-content:center}.scene-four .tech-stack,.scene-four .tech-list{align-items:center;max-width:none}.scene-dots{z-index:50;pointer-events:auto;flex-direction:column;gap:.9rem;display:flex;position:fixed;top:50%;left:clamp(1rem,2dvh,2rem);transform:translateY(-50%)}.scene-dot{cursor:pointer;background:0 0;border:1.5px solid #fff6;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s,border-color .3s}.scene-dot:hover{border-color:#fffc}.scene-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}@media (width<=768px){.scene-one{padding-top:clamp(3rem,16dvh,10rem)}.scene-two .glass-panel{max-width:88vw;padding:1.25rem 1.5rem}.scene-three{padding-left:clamp(3rem,12vw,5rem)}.scene-four .glass-panel{max-width:70vw;padding:1.25rem 1.5rem}.scene-dots{left:.75rem}}