@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%}:root{--bg-main: #EDEDED;--bg-subtle: #FFFFFF;--bg-elevated: #FFFFFF;--text-primary: #111111;--text-secondary: #444444;--text-muted: #777777;--border-subtle: rgba(0, 0, 0, .08);--grid-color: rgba(0, 0, 0, .03);--accent: #0EA5A4;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 18px;--fs-xl: 24px;--tracking-tight: -.02em;--tracking-wide: .15em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 80px;--space-9: 64px;--space-10: 96px;--space-11: 144px;--container-padding: var(--space-8);--grid-columns: 12;--grid-gap: var(--space-5);--frame-gap: var(--space-11);--grid-cell-size: 80px;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--noise-opacity: 0}[data-theme=dark]{--bg-main: #0A0A0A;--bg-subtle: #111111;--bg-elevated: #1A1A1A;--text-primary: #EAEAEA;--text-secondary: #A1A1A1;--text-muted: #6B6B6B;--border-subtle: rgba(255, 255, 255, .08);--grid-color: rgba(255, 255, 255, .05);--accent: #A0F0D0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.caps-xs{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.tracking-widest{letter-spacing:.5em}.accent-text{color:var(--accent);font-weight:500}.preloader-logo{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);letter-spacing:.8em;text-transform:uppercase;margin-left:.8em}.scroll-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.5em;color:var(--text-secondary);z-index:500;pointer-events:none;transition:all 1s cubic-bezier(.19,1,.22,1);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:15px;opacity:1}.scroll-line-container{width:1px;height:40px;background:#ffffff1a;position:relative;overflow:hidden}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--container-padding);z-index:100;pointer-events:none}.nav-logo,.nav-logo:visited{font-weight:700;letter-spacing:var(--tracking-wide);font-size:var(--fs-lg);cursor:pointer;transition:opacity var(--transition-smooth);pointer-events:auto;text-decoration:none;color:var(--text-primary)}.nav-logo:hover{opacity:.6}.nav-links{display:flex;gap:var(--space-6);pointer-events:auto;align-items:center}.mobile-menu-btn{display:none;pointer-events:auto}.nav-links a,.nav-links a:visited{text-decoration:none;color:var(--text-secondary);transition:color var(--transition-smooth);pointer-events:auto}.nav-links a:hover{color:var(--text-primary)}.theme-btn{border:1px solid var(--border-subtle);padding:var(--space-1) var(--space-3);border-radius:4px;font-size:var(--fs-xs);color:var(--text-secondary);transition:all var(--transition-smooth);pointer-events:auto;cursor:pointer;background:transparent}.theme-btn:hover{color:var(--text-primary);border-color:var(--text-primary);background:var(--bg-elevated)}#home{position:relative;width:100%;overflow:hidden;height:100vh;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:80px 80px;background-position:top left}.home-screen-1{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:20;background-color:transparent;pointer-events:none}.home-screen-2{position:relative;height:100vh;width:100%;display:flex;align-items:center;background-color:var(--bg-main);z-index:10}.container-full{width:100%;padding:0 var(--container-padding)}.combined-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--frame-gap);width:fit-content}.profile-image-container{width:450px!important;height:580px!important;overflow:visible;background-color:transparent;border:none;z-index:10;flex-shrink:0;position:relative}.image-mask{width:100%;height:100%;overflow:hidden;position:relative}.vertical-signature{position:absolute;left:-40px;bottom:0;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--text-secondary);font-size:10px;letter-spacing:.3em;white-space:nowrap;opacity:.6}.name-header h1{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:500}.name-header p{font-size:10px;opacity:.7}.reveal-image{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1)}.about-text-content{width:600px;opacity:0;display:flex;flex-direction:column;justify-content:center}.about-bio{line-height:1.3;margin-top:var(--space-4);font-weight:500}.about-bio-sub{max-width:450px;line-height:1.6}.meta-bottom{position:fixed;bottom:var(--container-padding);left:0;width:100%;padding:0 var(--container-padding);display:flex;justify-content:space-between;align-items:flex-end;z-index:50}.meta-group{display:flex;flex-direction:column;gap:var(--space-4)}.meta-item p{line-height:1.2}.text-right{text-align:right}.fs-xs{font-size:var(--fs-xs)}.fs-base{font-size:var(--fs-base)}.fs-xl{font-size:var(--fs-xl)}.caps-xs{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.grid-12{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap)}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-1{grid-column:span 1}.mb-4{margin-bottom:var(--space-4)}.mt-6{margin-top:var(--space-6)}.nav,.meta-bottom{transition:opacity .5s ease,transform .5s ease}.meta-bottom{opacity:1;transform:translateY(0);z-index:150}body.is-scrolled .nav{opacity:0;pointer-events:none!important;transform:translateY(-100%)}body.is-scrolled .meta-bottom{opacity:0;pointer-events:none!important;transform:translateY(100%)}body.is-scrolled .nav *{pointer-events:none!important}body.is-scrolled .nav.nav-force-show{opacity:1;transform:translateY(0)}body.is-scrolled .nav.nav-force-show *{pointer-events:auto!important}body:not(.loaded){overflow:hidden}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-main);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease-out,visibility .8s ease-out}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-bar-container{width:120px;height:1px;background-color:var(--border-subtle);position:relative;overflow:hidden}#loading-bar{position:absolute;top:0;left:0;width:0%;height:100%;background-color:var(--text-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.loading-text{font-size:10px;letter-spacing:.3em;color:var(--text-secondary)}body.loaded #preloader{opacity:0;visibility:hidden}.shatter-container{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);pointer-events:none;z-index:25;overflow:visible;opacity:0}.fragment{width:100%;height:100%;background-image:url(/assets/Me-Bxr1CO7g.jpg);background-repeat:no-repeat;background-size:500% 600%;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;outline:1px solid transparent}.word,.letter{display:inline-block;white-space:pre;will-change:transform,opacity}.grid-curtain{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--curtain-cols, 24),80px);grid-template-rows:repeat(var(--curtain-rows, 14),80px);z-index:100;pointer-events:none;overflow:hidden;background:transparent}.curtain-cell{width:80px;height:80px;background:var(--bg-main);border:.5px solid var(--border-subtle);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.screen-4-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30;opacity:0}.portfolio-svg{width:35%;max-width:500px;height:auto;overflow:visible;opacity:0;margin:auto;display:block}.p-letter{font-family:var(--font-mono);font-size:80px;fill:var(--text-primary);text-anchor:middle;font-weight:400}.portfolio-letter{display:inline-block;text-transform:uppercase}.screen-5-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:40;opacity:0}.project-featured-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.001);width:65vw;max-width:1000px;aspect-ratio:16 / 10;background:transparent;z-index:10;pointer-events:auto;opacity:0;will-change:transform,opacity}@keyframes blackHolePulse{0%{box-shadow:0 0 8px #fff,0 0 15px #fff;opacity:.8}50%{box-shadow:0 0 20px #fff,0 0 40px #fffc;opacity:1}to{box-shadow:0 0 8px #fff,0 0 15px #fff;opacity:.8}}.card-2.is-dot{animation:blackHolePulse 1.5s infinite ease-in-out;background-color:#fff!important;border:none!important}.card-image-wrapper{width:100%;height:100%;background:var(--bg-subtle);display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid var(--border-subtle);position:relative;overflow:hidden}.card-image-wrapper:before,.card-image-wrapper:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--text-muted)}.card-image-wrapper:before{top:15px;left:15px;border-right:0;border-bottom:0}.card-image-wrapper:after{bottom:15px;right:15px;border-left:0;border-top:0}.card-tech-header{display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.card-tech-main{flex:1;display:flex;align-items:center;justify-content:center}.card-title{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin:0;letter-spacing:.1em;text-align:center}.card-tech-footer{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono)}.card-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border-left:1px solid var(--border-subtle);padding-left:15px}.card-year{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}#vacuum-ring{position:fixed;top:50%;left:50%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--bg-main) 0%,var(--bg-main) 55%,var(--text-primary) 65%,rgba(255,255,255,0) 85%);box-shadow:0 0 10px var(--text-primary),inset 0 0 8px #ffffff4d;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:40;pointer-events:none;filter:blur(.3px)}.contact-svg{width:100%;max-width:600px;height:100px;overflow:visible;opacity:0;display:flex;justify-content:center}.c-letter{font-family:var(--font-mono);font-size:40px;fill:var(--text-primary);text-anchor:middle;font-weight:500}#film-grain{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;opacity:0;background:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity="0.1"/%3E%3C/svg%3E')}.screen-6-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:45;opacity:0;gap:24px}.social-links{display:flex;flex-direction:row;gap:40px;align-items:center;pointer-events:auto;opacity:0}.social-link{text-decoration:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:16px;letter-spacing:.3em;text-transform:uppercase;transition:color .3s ease}.social-link:hover{color:var(--text-primary)}#final-dot{position:fixed;top:50%;left:50%;width:6px;height:6px;background:var(--text-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:2000;pointer-events:none}#replay-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:3000;pointer-events:none;opacity:0}#replay-btn{background:transparent;border:1px solid var(--text-muted);color:var(--text-primary);padding:15px 40px;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.3em;cursor:pointer;transition:all .4s ease;pointer-events:auto}#replay-btn:hover{background:var(--text-primary);color:var(--bg-main);letter-spacing:.5em}.social-link:hover:after{transform:scaleX(1);transform-origin:left}.scroll-progress-container{position:fixed;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:1000;pointer-events:none;opacity:0;transition:opacity .8s ease}.progress-segment{position:relative;width:1px;height:30px;background:#ffffff1a}.progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--text-primary);box-shadow:0 0 10px var(--text-primary)}.phase-label{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:var(--text-primary);opacity:.4;transition:all .5s ease;white-space:nowrap}@keyframes lineFlow{0%{top:-100%}to{top:100%}}.scroll-line-fill{position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,var(--text-primary),transparent);animation:lineFlow 2s cubic-bezier(.4,0,.2,1) infinite}@media(max-width:1024px){:root{--grid-cell: 60px}.nav-container{gap:30px}.project-featured-card{width:85vw;height:60vh}}@media(max-width:768px){:root{--grid-cell: 40px}.nav{top:0;left:0;width:100%;height:70px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;background:#0a0a0acc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{gap:15px}.nav-link{font-size:.65rem;letter-spacing:.1em}.shatter-text{font-size:3.5rem!important;letter-spacing:.1em}.typewriter-text{font-size:3rem!important}.about-text-content{font-size:2.5rem!important;line-height:1.1}.project-featured-card{width:86vw;aspect-ratio:1 / 1;height:auto}.card-image-wrapper{padding:20px}.card-title{font-size:1.4rem!important;letter-spacing:.05em}.card-tech-header,.card-tech-footer{font-size:.55rem}.card-category{padding-left:10px;font-size:.6rem!important}.contact-svg{width:120%;max-width:none}.social-links{gap:20px;flex-direction:column;align-items:center;margin-top:150px}.screen-2-container{padding-top:80px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:32px;padding-left:30px!important;padding-right:30px!important}.about-image-wrapper{margin-top:0;width:100%;display:flex;justify-content:flex-start}.about-text-content{padding-left:0!important;max-width:100%;text-align:left}.about-title{margin-bottom:24px!important;font-size:1.4rem}.about-subtitle{margin-bottom:16px!important;font-size:.7rem}.about-description p{font-size:1.1rem;line-height:1.5}.scroll-progress-container{right:12px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:15px;z-index:2000!important}.progress-segment{width:1px;height:25px}.progress-fill{width:100%;height:0%;box-shadow:0 0 8px var(--text-primary)}.phase-label{display:none!important}}@media(max-width:480px){:root{--grid-cell: 30px}.logo{font-size:.9rem}.nav-container{gap:15px}.card-content{padding:30px}}#project-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-main);z-index:9999;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.23,1,.32,1)}#project-viewer.is-image-mode{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}#project-viewer.is-image-mode .viewer-header{background:#0a0a0ad9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1)}#project-viewer.is-image-mode .viewer-content{padding:0 40px;height:calc(100% - 70px);display:flex;justify-content:center;align-items:flex-start}#project-viewer.is-image-mode #viewer-image-container{background:transparent;padding:0;max-width:1100px;width:100%;height:100%;margin:0 auto;border-radius:0;box-shadow:none;position:relative;overflow-y:auto!important}#project-viewer.is-image-mode #viewer-img{width:100%;height:auto;display:block;box-shadow:0 40px 100px #00000080}@media screen and (max-width:768px){#project-viewer.is-image-mode{background:var(--bg-main);-webkit-backdrop-filter:none;backdrop-filter:none}#project-viewer.is-image-mode .viewer-content{padding:0;height:calc(100% - 60px)}#project-viewer.is-image-mode #viewer-image-container{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}}#project-viewer.active{opacity:1;visibility:visible;pointer-events:auto}.viewer-header{height:70px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-main);border-bottom:1px solid var(--border-subtle);z-index:20}#project-viewer.is-image-mode .viewer-header{background:transparent;border-bottom:none}#viewer-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;color:var(--text-primary);font-weight:500;text-transform:uppercase}#close-viewer{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-primary)!important;cursor:pointer;padding:8px 20px;border-radius:4px;transition:all .3s cubic-bezier(.23,1,.32,1);font-size:10px;letter-spacing:.1em;font-weight:600}#close-viewer:hover{background:var(--text-primary);color:var(--bg-main)!important;border-color:var(--text-primary);transform:translateY(-1px)}#viewer-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll!important;overflow-x:hidden;background:#0a0a0a;text-align:center;padding:60px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;z-index:10;pointer-events:auto}#viewer-img{width:90%;max-width:1200px;height:auto;display:inline-block;margin:0 auto;box-shadow:0 30px 100px #000c}.viewer-content{flex:1;width:100%;height:calc(100% - 60px);position:relative;background:var(--bg-main);overflow:hidden}#viewer-iframe{width:100%;height:100%;border:none;opacity:0;transition:opacity 1s ease}#viewer-iframe.loaded{opacity:1}.viewer-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-main);z-index:5;transition:opacity .5s ease,visibility .5s}.viewer-loader .preloader-content{display:flex;flex-direction:column;align-items:center;transform:scale(.9)}.loader-line{width:100%;height:100%;background:var(--text-primary);animation:loaderLineAnim 2s infinite cubic-bezier(.65,0,.35,1)}@keyframes loaderLineAnim{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media screen and (max-width:768px){.viewer-header{padding:0 20px}}