*,::after,::before{box-sizing:border-box}html.has-scroll-smooth{overflow:hidden;position:fixed;left:0;right:0;top:0;bottom:0}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh;will-change:transform}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}:root{--border-color:rgba(255, 255, 255, 0.12);--card-bg:rgba(46, 46, 46, 0.64);--font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}body{margin:0;padding:0;background-color:#0a0a0a;color:#fff;font-family:var(--font-sans);overflow-x:hidden;cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");z-index:1000}.layout-grid{position:relative}.navbar{padding:1.5rem 0;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-brand{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:#fff!important}.nav-link{font-size:.95rem;font-weight:500;padding:.5rem 1rem;color:rgba(255,255,255,.8)!important;transition:all .3s ease}.nav-link:hover{color:#fff!important;opacity:1}.btn-primary{background:#fff;color:#000;border:none;font-weight:600;font-size:.95rem;padding:.6rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.btn-outline-light{border-width:2px;font-weight:600;transition:all .3s ease}.btn-outline-light:hover{transform:translateY(-2px)}.vh-100{min-height:100vh}.display-4{font-size:3.5rem;line-height:1.2;letter-spacing:-.02em}.py-5{padding-top:6rem;padding-bottom:6rem}.display-5{font-size:2.5rem;line-height:1.2;letter-spacing:-.02em}.lead{font-size:1.25rem;font-weight:400;opacity:.9}@media (max-width:768px){.display-4{font-size:2.5rem}.display-5{font-size:2rem}.navbar{padding:1rem 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:rgba(20,20,20,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;z-index:100;border-right:1px solid rgba(255,255,255,.08);padding:32px 0 24px 0}.sidebar-logo h2{font-family:Orbitron,sans-serif;font-size:1.5rem;text-align:center;margin-bottom:40px;color:#fff;letter-spacing:.1em}.sidebar-logo img{width:90px;height:auto;filter:brightness(1.2)}.sidebar-nav ul{list-style:none;padding:0 0 0 32px;margin:0}.sidebar-nav ul li{margin-bottom:18px}.sidebar-nav ul li a{color:#fff;font-size:1.05rem;letter-spacing:.08em;font-family:Orbitron,sans-serif;text-transform:uppercase;text-decoration:none;opacity:.85;transition:opacity .2s}.sidebar-nav ul li a:hover{opacity:1}.sidebar-divider{border:none;border-top:1px solid rgba(255,255,255,.18);margin:18px 0;width:80%}.sidebar-social ul{list-style:none;padding:0 0 0 32px;margin:0}.sidebar-social ul li{margin-bottom:8px}.sidebar-social ul li a{color:#fff;font-size:1.05rem;font-family:Orbitron,sans-serif;text-transform:uppercase;opacity:.7;text-decoration:none;transition:opacity .2s}.sidebar-social ul li a:hover{opacity:1}.hireme-btn{position:fixed;top:0;right:0;margin:24px 24px 0 0;background:rgba(30,30,30,.95);color:#fff;font-family:Orbitron,sans-serif;font-size:1.05rem;padding:18px 36px 12px 36px;border-radius:0 0 0 8px;text-decoration:none;letter-spacing:.08em;z-index:200;border:none;outline:0;box-shadow:0 2px 16px 0 rgba(0,0,0,.12);transition:background .2s;text-transform:uppercase}.hireme-btn:hover{background:#fff;color:#000}.hero-section{position:relative;min-height:100vh;width:100%;padding:2rem;display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden}.hero-content{position:relative;z-index:3;width:100%;max-width:1400px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:minmax(420px,auto) auto 1fr;gap:2rem;align-items:center}.hero-left{text-align:right;padding-right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.5rem}.hero-center{position:relative;width:330px;height:600px;background:0 0;margin:auto;overflow:visible;border-radius:0;box-shadow:none}.hero-center::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:80%;background:#e8d7c5;z-index:-1}.profile-image{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:600px;width:auto}.hello-text{font-family:var(--font-sans);font-size:5rem;font-weight:700;color:#fff;margin:0;line-height:1}.hero-name{font-family:var(--font-sans);font-size:1.5rem;color:#e8d7c5;margin:0}.hero-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:400;color:#fff;margin:0}.hero-description{font-size:1rem;color:#bdbdbd;line-height:1.6;margin:0;max-width:400px}.lets-talk{display:inline-flex;align-items:center;gap:.75rem;color:#e8d7c5;text-decoration:none;font-size:1.25rem;font-weight:500;margin-top:1.5rem;transition:all .3s ease}.lets-talk:hover{color:#fff}.lets-talk svg{width:20px;height:20px;transition:transform .3s ease}.lets-talk:hover svg{transform:translateX(5px)}.circular-text{position:absolute;top:50%;left:100%;transform:translate(20%,-50%);animation:rotate 20s linear infinite;width:220px;height:220px}.circular-text svg{fill:none;width:100%;height:100%}.circular-text .circle-line{stroke:rgba(255,255,255,0.15);stroke-width:.7;fill:none;pointer-events:none}.circular-text .center-dot{fill:rgba(255,255,255,0.3);pointer-events:none}.circular-text text{font-family:var(--font-sans);font-size:9px;fill:rgba(255,255,255,0.6);letter-spacing:2.5px;text-transform:uppercase;font-weight:500}.circular-text textPath{dominant-baseline:hanging}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1200px){.hero-content{grid-template-columns:1fr;gap:3rem;padding:2rem 1rem}.hero-center{width:380px;height:460px;margin:0 auto}.profile-image{height:540px}.circular-text{top:-40px;right:-40px;left:auto;transform:none;width:150px;height:150px}}@media (max-width:900px){.hero-content{display:flex;flex-direction:column;gap:3rem;padding:6rem 1.5rem 2rem 1.5rem}.hero-left{text-align:left;padding-right:0;align-items:flex-start;width:100%;gap:1rem;order:1}.hero-center{width:100%;max-width:400px;height:auto;aspect-ratio:3/4;border-radius:12px;margin:0;align-self:center;order:2;background:0 0}.profile-image{height:100%;width:100%;object-fit:cover;object-position:center top;border-radius:12px;bottom:auto;top:0;left:0;transform:none;position:relative}.hello-text{font-size:4rem;margin-bottom:0}.hero-title{font-size:1.25rem;margin-top:0}.circular-text{width:120px;height:120px;top:-60px;right:-20px}}@media (max-width:768px){.hero-section{padding:1rem}.hero-content{padding:1rem;padding-top:6rem}.hero-center{width:100%;max-width:340px;height:auto}}@media (max-width:480px){.hero-center{max-width:300px}}.intro-section{position:relative;min-height:200vh;width:100%;background:0 0;z-index:3;margin-top:-80vh;transform:none!important;-webkit-transform:none!important;will-change:auto!important}.cta-section,.footer-section,.fun-section,.intro-breakfast-part,.projects-section{content-visibility:auto;contain-intrinsic-size:1000px 800px}.intro-paper-part{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:0 0;margin-bottom:0}.crumple-scroll-spacer{width:1px;height:120vh;opacity:0}@media (max-width:900px){.crumple-scroll-spacer{height:150vh}}.paper-visual-group{--paper-scale:1;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(var(--paper-scale));width:min(90vw,680px);aspect-ratio:800/506;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;will-change:transform,opacity;contain:layout paint}.paper-stack{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.paper-sprite{position:absolute;top:0;left:0;width:100%;height:700%;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;opacity:1;will-change:transform;transform:translate3d(0,0,0);z-index:2}@supports (background-image:image-set(url("images/crumple-sprite-800.avif") type("image/avif") 1x)){.paper-sprite{background-image:image-set(
            url("images/crumple-sprite-800.avif") type("image/avif") 1x,
            url("images/crumple-sprite-1600.avif") type("image/avif") 2x,
            url("images/crumple-sprite-800.webp") type("image/webp") 1x,
            url("images/crumple-sprite-1600.webp") type("image/webp") 2x
        )}}.paper-sprite{background-image:url("images/crumple-sprite-800.webp")}.intro-content{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:9.5% 12% 10.5%;box-sizing:border-box;opacity:0;transform:translateY(20px);transition:opacity .35s ease-out,transform .35s ease-out}.intro-paper-text{font-family:'Fira Mono',Menlo,Consolas,'monospace';color:#222;font-size:clamp(.8rem, 2.2vw, 1.1rem);line-height:1.45;width:min(78%,470px);margin:0 auto;text-align:left}.intro-paper-divider{display:block;margin:1.2rem 0;color:#999;letter-spacing:0;font-family:monospace}.intro-paper-label{font-size:clamp(.6rem, 1.8vw, .75rem);letter-spacing:.2em;color:#666;margin-bottom:.4rem;display:block;text-transform:uppercase}.intro-paper-link{color:#7a3cff;text-decoration:none;font-size:clamp(.8rem, 2.2vw, 1.1rem);margin-top:.2rem;display:inline-block;font-weight:500}@media (max-width:900px){.paper-visual-group{top:50%;width:min(90vw,620px)}}@media (max-width:480px){.paper-visual-group{top:50%;width:min(100vw,560px);padding:20px}.intro-content{padding:11% 11% 10%}.intro-paper-text{width:min(84%,380px);text-align:left;font-size:.84rem;line-height:1.32}.intro-paper-label{font-size:.65rem}.intro-paper-link{font-size:.85rem}}.intro-breakfast-part{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:0 0;z-index:4;padding:0}.breakfast-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:0;background:0 0;box-shadow:none;border-radius:0;margin-top:500px}.breakfast-text{width:100%;max-width:600px;margin-bottom:2.5rem;text-align:left;display:flex;justify-content:flex-start}.breakfast-pre-text{font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:2rem;color:#fff;background:0 0;border:none;box-shadow:none;text-align:left;white-space:pre-line;margin:0;padding:0;text-shadow:0 2px 8px rgba(0,0,0,.7)}.breakfast-image-container{position:relative;width:750px;height:480px;max-width:90vw;max-height:60vw;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer}.breakfast-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.breakfast-transparent{opacity:1;z-index:1}.breakfast-colored{opacity:0;z-index:2}.breakfast-image-container:hover .breakfast-transparent{opacity:0}.breakfast-image-container:hover .breakfast-colored{opacity:1}.intro-study-part{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:0 0;z-index:4;padding:0}.study-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:0;background:0 0;box-shadow:none;border-radius:0}.study-text{width:100%;max-width:600px;margin-bottom:2.5rem;text-align:left;display:flex;justify-content:flex-start}.study-pre-text{font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:2rem;color:#fff;background:0 0;border:none;box-shadow:none;text-align:left;white-space:pre-line;margin:0;padding:0;text-shadow:0 2px 8px rgba(0,0,0,.7)}.study-image-container{position:relative;width:750px;height:480px;max-width:90vw;max-height:60vw;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer}.study-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.study-transparent{opacity:1;z-index:1}.study-colored{opacity:0;z-index:2}.study-image-container:hover .study-transparent{opacity:0}.study-image-container:hover .study-colored{opacity:1}@media (max-width:700px){.breakfast-pre-text,.study-pre-text{font-size:1.2rem}.breakfast-image-container,.study-image-container{width:90vw;height:58vw}}.section-labels{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:5}.section-label{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:12vw;font-weight:700;color:rgba(255,255,255,.03);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;opacity:1;will-change:opacity,transform}.section-label.active{opacity:.03}@media (max-width:900px){.section-labels{display:none}.section-label{font-size:15vw}}.section-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:12vw;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.2em;z-index:9999;pointer-events:none;white-space:nowrap;opacity:.5;will-change:opacity}.section-heading.active{opacity:.28}@media (max-width:900px){.section-heading{font-size:15vw}}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 1.5rem;justify-content:space-between;align-items:center}.hamburger-btn{background:0 0;border:none;cursor:pointer;padding:0;z-index:10001;width:30px;height:22px;position:relative}.hamburger-btn .line{display:block;width:100%;height:2px;background:#fff;margin:6px 0;transition:all .3s ease-in-out;position:absolute;left:0}.hamburger-btn .line:first-child{top:0}.hamburger-btn .line:nth-child(2){top:8px}.hamburger-btn .line:last-child{top:16px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9998;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem;opacity:0;pointer-events:none;transform:scale(1.1);transition:all .5s cubic-bezier(.77, 0, .175, 1)}.mobile-menu-overlay.open{opacity:1;pointer-events:all;transform:scale(1)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center}.close-btn{font-size:3rem;color:#fff;background:0 0;border:none;cursor:pointer;line-height:1}.mobile-menu-nav{margin-top:-5rem}.mobile-menu-nav ul{list-style:none;padding:0;margin:0;text-align:left}.mobile-menu-nav ul li{margin:1.5rem 0}.mobile-menu-nav ul li a{font-family:Orbitron,sans-serif;font-size:clamp(2rem, 8vw, 2.5rem);color:#fff;text-decoration:none;text-transform:uppercase;opacity:.8;transition:opacity .3s}.mobile-menu-nav ul li a:hover{opacity:1}.mobile-menu-footer{text-align:center;background:#fff;padding:2rem 1.5rem;margin:0 -1.5rem -2rem -1.5rem}.hireme-btn-mobile{display:inline-block;font-family:Orbitron,'Seven Segment','monospace';font-size:1.8rem;color:#000;text-decoration:none;padding:0;margin-bottom:2.5rem;border:none;width:auto;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.overlay-socials{display:flex;flex-direction:column;gap:1rem}.overlay-socials ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem}.overlay-socials li{padding:0;margin:0}.overlay-socials a{color:#888;text-decoration:none;font-size:1rem;transition:color .2s}.overlay-socials a:hover{color:#000}@media (max-width:900px){.hireme-btn,.sidebar,.timeline-sidebar{display:none}.mobile-header{display:flex}.mobile-timeline{display:flex}main[data-scroll-container]{margin-left:0;margin-right:0}}@media (max-width:600px){.sidebar{display:none}.hero-title{font-size:10vw}.hireme-btn{padding:8px 12px 6px 12px;font-size:.8rem}}.background-video-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(1.1);filter:brightness(.8) contrast(1.1);pointer-events:none;user-select:none;-webkit-user-select:none}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:2;pointer-events:none;mix-blend-mode:multiply;will-change:opacity}.fun-section,.intro-section,.projects-section,.work-section{position:relative;z-index:3}.sidebar{z-index:100}.hireme-btn{z-index:100}.section-labels{z-index:10}.video-section{position:fixed;top:0;left:0;height:100vh;width:100%;overflow:hidden;background:#000;z-index:1}.main-video{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;will-change:transform;transform:scale(1.1);filter:brightness(.8) contrast(1.1);pointer-events:none;user-select:none;-webkit-user-select:none}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);pointer-events:none;mix-blend-mode:multiply;will-change:opacity}.fun-section,.intro-section,.projects-section,.work-section{position:relative;z-index:3;background:0 0}.sidebar{z-index:100}.hireme-btn{z-index:100}.section-labels{z-index:10}.fun-content,.hero-content,.intro-content,.projects-content,.work-content{position:relative;z-index:3}.fun-section::after,.hero-section::after,.intro-section::after,.projects-section::after,.work-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;pointer-events:none;z-index:1}.fun-item,.project-item,.work-item{background:rgba(255,255,255,.05);border-radius:8px;padding:2rem;margin-bottom:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:3}.fun-item:hover,.project-item:hover,.work-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.fun-item h3,.project-item h3,.work-item h3{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:#fff}.fun-item p,.project-item p,.work-item p{font-size:1.1rem;line-height:1.6;color:#f2f2f2}.fun-content,.projects-content,.work-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){.fun-content,.projects-content,.work-content{grid-template-columns:1fr;padding:1rem}.fun-item,.project-item,.work-item{padding:1.5rem}.fun-item h3,.project-item h3,.work-item h3{font-size:1.3rem}.fun-item p,.project-item p,.work-item p{font-size:1rem}}main[data-scroll-container]{position:relative;z-index:2;background:0 0;overflow:visible;margin-left:220px;margin-right:170px;align-items:center;justify-content:center;background:0 0;margin:0;padding:20vh 2rem 10vh;padding-left:2rem;padding-right:2rem;padding-top:0;padding-bottom:0}section{position:relative;width:100%;overflow:visible}@media (max-width:800px){.intro-content{max-width:100%;padding:11% 11% 10%;font-size:1rem;align-items:center;justify-content:center}.intro-paper-text{width:min(86%,390px);line-height:1.34}.intro-paper-part{height:100vh;min-height:400px}}@media (max-width:600px){.intro-paper-text{width:min(88%,340px);font-size:.82rem;line-height:1.3}.intro-paper-divider{margin:.5rem 0}.intro-paper-label{margin-bottom:.2rem}}.section-label[data-section=intro]{opacity:.12!important;z-index:5}.fun-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:0;background:0 0;box-shadow:none;border-radius:0}.fun-text{width:100%;max-width:600px;margin-bottom:2.5rem;text-align:left;display:flex;justify-content:flex-start}.fun-pre-text{font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:2rem;color:#fff;background:0 0;border:none;box-shadow:none;text-align:left;white-space:pre-line;margin:0;padding:0;text-shadow:0 2px 8px rgba(0,0,0,.7)}.fun-image-container{position:relative;width:750px;height:480px;max-width:90vw;max-height:60vw;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer}.fun-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.fun-transparent{opacity:1;z-index:1}.fun-colored{opacity:0;z-index:2}.fun-image-container:hover .fun-transparent{opacity:0}.fun-image-container:hover .fun-colored{opacity:1}@media (max-width:700px){.fun-pre-text{font-size:1.2rem}.fun-image-container{width:90vw;height:58vw}}.section-label[data-section=fun]{opacity:.12!important;z-index:8;pointer-events:none}.fun-content,.fun-image-container,.fun-text{background:0 0!important;box-shadow:none!important}.fun-section{position:relative;z-index:10}.section-labels{z-index:8!important}.section-label[data-section=fun]{opacity:.12!important;z-index:8;pointer-events:none}.footer-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding-top:4rem;overflow:hidden}.footer-socials-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.footer-socials-container::before{content:'';width:200px;height:1px;background:rgba(255,255,255,.2);margin-bottom:1rem}.footer-socials-row{display:flex;gap:2rem}.footer-socials-row a{color:#e6e6e6;text-decoration:none;font-size:1rem;transition:color .2s}.footer-socials-row a:hover{color:#fff}.footer-divider{width:100%;height:2px;background:repeating-linear-gradient(to right,#fff 0 8px,transparent 8px 16px);opacity:.7;animation:scrollDash 10s linear infinite;margin:0;position:relative}.footer-divider.bottom{position:absolute;bottom:0;left:0}@keyframes scrollDash{0%{background-position-x:0}100%{background-position-x:-160px}}.footer-content{width:100vw;display:flex;align-items:center;justify-content:center;height:56px;overflow:hidden;position:relative}.footer-scroll-wrap{display:flex;align-items:center;width:max-content;animation:scrollText 12s linear infinite}.footer-text{font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:1.2rem;color:#fff;white-space:nowrap;padding:0 40px;opacity:.7;display:inline-block}@keyframes scrollText{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cta-section{width:100%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:0 0;margin:15rem 0 2rem 0}.cta-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1.5rem}.cta-row{margin:1.2rem 0 .2rem 0}.cta-btn{font-family:Orbitron,'Seven Segment','monospace';font-size:3rem;color:#fff;background:0 0;border:none;letter-spacing:.12em;text-transform:uppercase;padding:.5em 0;margin:.2em 0;cursor:pointer;transition:all .2s;text-shadow:0 2px 12px #000a;outline:0;position:relative}.cta-btn:hover{color:#ffd600}.cta-btn::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#fff;transition:all .3s ease;transform:translateX(-50%)}.cta-btn:hover::after{width:80%}.cta-sublabel{color:#aaa;font-size:1.1rem;margin-bottom:1.2rem;font-family:var(--font-sans);letter-spacing:.08em}.cta-email{color:#aaa;font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:1.2rem;margin:0;letter-spacing:.04em}.cta-socials{display:flex;flex-wrap:wrap;gap:2.2rem;justify-content:center;align-items:center;margin-top:2.2rem;font-family:var(--font-sans);font-size:1.1rem;color:#aaa}.cta-socials a{color:#aaa;text-decoration:none;transition:color .2s}.cta-socials a:hover{color:#ffd600;text-decoration:underline}.timeline-sidebar{position:fixed;top:0;right:0;width:170px;height:100vh;background:0 0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;z-index:100;padding:0}.timeline-clock{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;z-index:50;pointer-events:none;padding:0;overflow:hidden}.timeline-wrapper{position:relative}.timeline-clock::before{content:'';position:absolute;right:60px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.2);z-index:1}.timeline-entry{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:1.2rem;padding-right:1.5rem;opacity:.4;transition:all .4s cubic-bezier(.4, 0, .2, 1);z-index:2;margin:3vh 0}.timeline-entry.active{opacity:1}.timeline-time{font-family:Orbitron,'Fira Mono','monospace';font-size:.9rem;color:rgba(255,255,255,.6);letter-spacing:.08em;text-shadow:0 1px 4px #000a;transition:all .4s cubic-bezier(.4, 0, .2, 1);white-space:nowrap}.timeline-entry.active .timeline-time{color:#fff;font-weight:500}.timeline-tick{position:relative;width:20px;height:2px;background:rgba(255,255,255,.3);margin:0;border-radius:1px;transition:all .4s cubic-bezier(.4, 0, .2, 1);z-index:3}.timeline-entry.active .timeline-tick{width:40px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5)}.timeline-entry::after{content:'';position:absolute;right:59px;width:4px;height:4px;background:rgba(255,255,255,.3);border-radius:50%;transition:all .4s cubic-bezier(.4, 0, .2, 1);z-index:4}.timeline-entry.active::after{background:#fff;width:6px;height:6px;box-shadow:0 0 8px rgba(255,255,255,.8)}.timeline-time-label{display:none}@media (max-width:1200px){.timeline-clock::before{right:40px}.timeline-entry::after{right:39px}.timeline-time{font-size:.8rem}main[data-scroll-container]{margin-left:220px;margin-right:80px}}@media (max-width:900px){.hireme-btn,.sidebar,.timeline-sidebar{display:none}.mobile-header{display:flex}.mobile-timeline{display:flex}main[data-scroll-container]{margin-left:0;margin-right:0;padding-left:.5rem;padding-right:.5rem}.cta-section,.fun-section,.projects-section,.work-section{padding:10vh 1.5rem}.projects-content,.work-content{padding:0;gap:1.5rem}.project-item,.work-item{padding:1.5rem;margin-bottom:0}.project-item h3,.work-item h3{font-size:1.3rem}.project-item p,.work-item p{font-size:1rem}.fun-pre-text{font-size:1.5rem}.cta-message{font-size:1.5rem;max-width:90vw;margin-bottom:2rem}.cta-btn{font-size:2rem}.footer-socials-container{margin-bottom:2rem}.footer-socials-row{gap:1.5rem}.footer-text{font-size:.9rem}}.display-none{display:none}.cta-message{font-family:'Fira Mono',Menlo,Consolas,'monospace';color:#fff;font-size:2rem;text-align:center;margin-bottom:3rem;margin-top:0;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.4}@media (max-width:700px){.cta-message{font-size:1.2rem;max-width:95vw}}.mobile-timeline{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background:rgba(10,10,10,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:1001;align-items:center;justify-content:space-between;padding:0 1.5rem;color:#fff}.mobile-timeline-track{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:20px}.mobile-timeline-tick{width:1px;height:12px;background:rgba(255,255,255,.3)}.mobile-timeline-tick.main{height:20px;background:#fff}.mobile-timeline-time{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-family:Orbitron,monospace;font-size:.75rem;color:rgba(255,255,255,.8)}.mobile-timeline-icons{display:flex;align-items:center;gap:1rem;position:absolute;right:1.5rem}.mobile-timeline-icon{background:0 0;border:none;padding:0;color:#fff;opacity:.8;cursor:pointer;transition:opacity .2s}.mobile-timeline-icon:hover{opacity:1}.mobile-timeline-icon svg{width:22px;height:22px}@media (max-width:700px){.timeline-clock{display:none!important}.display-none{display:none}}.container-projects{padding-left:220px;padding-right:170px;width:100%;box-sizing:border-box}@media (max-width:900px){.container-projects{padding-left:0;padding-right:0}}.project-modal-content{max-width:95vw;width:480px;margin:0 auto;padding:1.5rem 1.5rem 1rem 1.5rem;border-radius:18px;background:rgba(30,30,30,.97);color:#fff;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}@media (max-width:600px){.project-modal-content{width:98vw;padding:1rem .5rem .5rem .5rem}.modal-dialog{margin:0;min-width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center}}.view-project-btn{display:inline-block;margin-top:1rem;background:linear-gradient(90deg,#7a3cff 0,#4f8cff 100%);color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;border:none;border-radius:8px;padding:.6rem 1.5rem;cursor:pointer;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);transition:background .2s,color .2s,box-shadow .2s,transform .2s;outline:0}.view-project-btn:focus,.view-project-btn:hover{background:linear-gradient(90deg,#4f8cff 0,#7a3cff 100%);color:#fff;box-shadow:0 4px 16px 0 rgba(122,60,255,.18);transform:translateY(-2px) scale(1.03)}.modal,.modal-backdrop,.modal-content,.project-modal-content{z-index:20000!important}.modal-backdrop{background:rgba(0,0,0,.7)!important}.modal-body,.modal-content,.modal-header,.project-modal-content,.project-modal-description,.project-modal-location,.project-modal-role,.project-modal-tags{background:0 0!important;color:inherit!important;border:none!important}.modal.micromodal-slide[aria-hidden=false]{display:block}.modal__overlay{background:rgba(20,20,30,.85);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.modal__container{background:rgba(30,30,40,.98);border-radius:18px;box-shadow:0 8px 32px 0 rgba(0,0,0,.25);max-width:95vw;width:420px;padding:2rem 1.5rem 1.5rem 1.5rem;color:#fff;position:relative;font-family:var(--font-sans);animation:mmfadein .3s}@media (max-width:600px){.modal__container{width:98vw;padding:1rem .5rem .5rem .5rem}}@keyframes mmfadein{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.modal__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.modal__title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#fff;margin:0}.modal__close{background:0 0;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s}.modal__close:hover{opacity:1}.modal__content{font-size:1rem;color:#fff}.project-modal-location,.project-modal-role{font-size:1.05rem;margin-bottom:.5rem;color:#e0e0e0}.project-modal-description{font-size:1rem;margin-bottom:1rem;color:#fff}.project-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.project-modal-tags .tag{background:rgba(122,60,255,.13);color:#7a3cff;font-size:.85rem;font-family:var(--font-sans);border-radius:6px;padding:.2rem .7rem;letter-spacing:.04em;margin-right:.2rem;margin-bottom:.2rem;cursor:pointer;transition:background .2s,color .2s}.project-modal-tags .tag:hover{background:#7a3cff;color:#fff}.project-item-modern{position:relative;width:100%;height:340px;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px 0 rgba(0,0,0,.13);background:#222;display:flex;align-items:flex-end;margin-bottom:2rem}.project-bg-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);border-radius:18px}.project-sticky{position:absolute;top:24px;right:24px;background:#fffbe7;color:#222;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.1rem 1.3rem;min-width:220px;max-width:320px;font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:1rem;z-index:2;transition:transform .2s}.project-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.project-year{font-size:.95rem;color:#bdb76b;margin-left:.5rem}.project-desc{font-size:.98rem;margin-top:.2rem;line-height:1.5}.project-item-modern:hover .project-sticky{transform:translateY(-8px) scale(1.03) rotate(-2deg)}@media (max-width:900px){.project-item-modern{height:220px}.project-sticky{top:10px;right:10px;padding:.7rem .8rem;min-width:140px;max-width:90vw;font-size:.95rem}.project-title{font-size:1rem}}.project-case-study{position:relative;width:100%;height:340px;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px 0 rgba(0,0,0,.13);background:#222;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.project-image-center{position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center}.project-image-center img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.project-circle{position:absolute;top:24px;right:24px;width:90px;height:90px;background:rgba(122,60,255,.13);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:2;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text x="0" y="20" font-size="20">⟳</text></svg>'),pointer;transition:transform .2s;will-change:transform}.circle-text{font-family:Orbitron,monospace;font-size:1rem;color:#7a3cff;text-align:center;font-weight:700;user-select:none}.project-sticky-note{position:absolute;left:24px;bottom:24px;background:#eae6fa;color:#222;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.1rem 1.3rem;min-width:220px;max-width:320px;font-family:'Fira Mono',Menlo,Consolas,'monospace';font-size:1rem;z-index:2;transition:transform .2s;will-change:transform;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text x="0" y="20" font-size="20">⟳</text></svg>'),pointer}.sticky-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.sticky-year{font-size:.95rem;color:#7a3cff;margin-left:.5rem}.sticky-desc{font-size:.98rem;margin-top:.2rem;line-height:1.5}.sticky-summary{font-size:.92rem;margin-top:.7rem;color:#7a3cff;font-family:var(--font-sans)}.project-case-study:hover .project-circle,.project-case-study:hover .project-sticky-note{transform:scale(1.05) rotate(-3deg)}@media (max-width:900px){.project-case-study{height:220px}.project-image-center{width:90%;height:60%}.project-circle{top:10px;right:10px;width:60px;height:60px;font-size:.8rem}.project-sticky-note{left:10px;bottom:10px;padding:.7rem .8rem;min-width:120px;max-width:90vw;font-size:.95rem}.sticky-title{font-size:1rem}}.portfolio-card.project-case-study{margin-bottom:2rem;box-shadow:none;padding:0;background:0 0}.project-circle-svg{position:absolute;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center}.project-circle-svg svg{width:100%;height:100%;display:block}.project-circle-svg circle{fill:#2563eb}.project-circle-svg text{text-transform:uppercase;font-weight:700;font-family:Orbitron,monospace}.project-circle-svg text[text-anchor=middle]{fill:#fff;font-weight:700;dominant-baseline:middle}@media (max-width:900px){.project-badge-bottom-left{left:-40px;bottom:-40px;width:80px;height:80px}.project-badge-bottom-left svg{width:80px;height:80px}}.project-circle-bg{display:none!important}.project-badge-bottom-left{position:absolute!important;left:-45px;bottom:-45px;z-index:3;background:0 0;box-shadow:none;width:90px;height:90px;transform:rotate(0);transition:transform .3s ease}.project-badge-bottom-left svg{width:90px;height:90px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.project-case-study:hover .project-badge-bottom-left{transform:scale(1.1)}.sticky-note-top-right{position:absolute;top:50px;right:35px;z-index:4;background:#fffbe7;color:#222;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:1.1rem 1.3rem;min-width:220px;max-width:300px;font-family:'Fira Mono',Menlo,Consolas,monospace;font-size:1rem;border:2px solid #e6e2a6;transform:rotate(-2deg);transition:transform .3s ease;line-height:1.5}.project-case-study:hover .sticky-note-top-right{transform:rotate(-4deg) scale(1.05)}.project-browser-mockup{position:relative;width:100%;height:380px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden;z-index:1;border:2px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.project-case-study:hover .project-browser-mockup{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.2)}.browser-bar{height:40px;background:linear-gradient(to bottom,#f9fafb,#f3f4f6);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb;border-top-left-radius:12px;border-top-right-radius:12px;position:relative}.browser-dot{width:12px;height:12px;background:#d1d5db;border-radius:50%;margin-right:8px;display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,.1)}.browser-dot:first-child{background:#ef4444}.browser-dot:nth-child(2){background:#f59e0b}.browser-dot:nth-child(3){background:#10b981}.browser-url{font-family:'Fira Mono',Menlo,Consolas,monospace;font-size:.8rem;color:#6b7280;margin-left:16px;background:#f9fafb;padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;opacity:.9;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);font-weight:400}.project-image-center{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.project-image-center img{width:100%;height:100%;object-fit:cover;border-radius:0 0 12px 12px}.portfolio-card.project-case-study{background:0 0;border-radius:0;box-shadow:none;position:relative;overflow:visible;border:none;padding:40px 20px;margin-bottom:3rem}@keyframes floatSticky{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}.sticky-note-top-right{animation:floatSticky 3s ease-in-out infinite}@media (max-width:900px){.project-badge-bottom-left{left:-35px;bottom:-35px;width:70px;height:70px}.project-badge-bottom-left svg{width:70px;height:70px}.sticky-note-top-right{top:50px;right:20px;min-width:180px;max-width:240px;padding:.8rem 1rem;font-size:.8rem}.project-browser-mockup{height:320px}.browser-bar{height:35px;padding:0 14px}.browser-dot{width:10px;height:10px;margin-right:6px}.browser-url{font-size:.7rem;padding:4px 8px;margin-left:12px}.sticky-title{font-size:.9rem}.sticky-desc{font-size:.75rem}.portfolio-card.project-case-study{padding:30px 15px;margin-bottom:2.5rem}}.sticky-title{font-family:'Fira Mono',Menlo,Consolas,monospace;font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#374151;line-height:1.2}.sticky-year{font-size:.85rem;color:#6b7280;margin-left:.5rem;font-weight:400}.sticky-desc{font-size:.85rem;margin-top:.3rem;line-height:1.4;color:#4b5563;font-weight:400}[data-scroll-container]{will-change:transform;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}section{will-change:transform;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}img{will-change:transform;contain:layout style paint;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}video{will-change:transform;contain:layout style paint;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem;will-change:transform;contain:layout style}.project-item{padding:1.5rem;will-change:transform,opacity;contain:layout style paint}.filter-btn{padding:.6rem 1.2rem;font-size:.8rem;will-change:transform,opacity,background-color;contain:layout style paint}}@media (max-width:480px){.projects-filter-bar{gap:.5rem;will-change:transform;contain:layout style}.filter-btn{padding:.5rem 1rem;font-size:.75rem;will-change:transform,opacity,background-color;contain:layout style paint}.project-item{padding:1rem;will-change:transform,opacity;contain:layout style paint}}.mobile-timeline{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background:rgba(10,10,10,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:1001;align-items:center;justify-content:space-between;padding:0 1.5rem;color:#fff}.mobile-timeline-track{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:20px}.mobile-timeline-tick{width:1px;height:12px;background:rgba(255,255,255,.3)}.mobile-timeline-tick.main{height:20px;background:#fff}.mobile-timeline-time{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-family:Orbitron,monospace;font-size:.75rem;color:rgba(255,255,255,.8)}@media (max-width:900px){.mobile-timeline{display:flex}}#about{display:none}