:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-color: #ffffff;--border-color: rgba(255, 255, 255, .1);--grain-opacity: .03;--font-display: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace;--font-script: "Caveat", cursive;--transition-fast: all .2s ease;--transition-medium: all .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .8s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tokyo-night-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background:linear-gradient(to bottom,#0a0a1a,#0f0f23,#1a1a2e 60%,#0d1117)}.sky-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(20,20,60,.8) 0%,transparent 50%),radial-gradient(ellipse at 30% 20%,rgba(40,30,80,.4) 0%,transparent 40%),radial-gradient(ellipse at 70% 10%,rgba(30,40,90,.3) 0%,transparent 35%);pointer-events:none}.stars-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.mountain-range{position:absolute;bottom:0;left:0;right:0;height:45%;pointer-events:none}.mountain{position:absolute;bottom:0;background:linear-gradient(to bottom,#0d1117,#050508)}.mountain-1{left:-5%;width:30%;height:35%;clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.9}.mountain-2{left:15%;width:25%;height:28%;clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.85}.mountain-3.fuji{left:30%;width:40%;height:50%;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(to bottom,#0d1117,#050508)}.snow-cap{position:absolute;top:0;left:50%;transform:translate(-50%);width:30%;height:18%;background:linear-gradient(to bottom,rgba(200,200,220,.3) 0%,transparent 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.mountain-4{right:15%;width:28%;height:32%;clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.9}.mountain-5{right:-5%;width:32%;height:38%;clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.85}.city-skyline{position:absolute;bottom:0;left:0;right:0;height:30%;pointer-events:none}.city-light{position:absolute;border-radius:50%;animation:cityTwinkle ease-in-out infinite}@keyframes cityTwinkle{0%,to{opacity:.3}50%{opacity:1}}.buildings{position:absolute;bottom:0;left:0;right:0;height:25%;pointer-events:none}.building{position:absolute;bottom:0;background:linear-gradient(to top,#080808,#0d1117)}.building-1{left:5%;width:8%;height:40%;clip-path:polygon(0 0,100% 10%,100% 100%,0 100%)}.building-2{left:12%;width:6%;height:55%;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.building-3{left:60%;width:10%;height:60%;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}.building-4{left:70%;width:7%;height:45%;clip-path:polygon(0 0,100% 8%,100% 100%,0 100%)}.building-5{left:77%;width:9%;height:50%;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.building-6{right:5%;width:11%;height:35%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.building-windows{position:absolute;bottom:0;left:0;right:0;height:25%;pointer-events:none;z-index:1}.window{position:absolute;background:#ffc86426;border:1px solid rgba(255,200,100,.1);animation:windowTwinkle 4s ease-in-out infinite}@keyframes windowTwinkle{0%,to{opacity:.3;background:#ffc8641a}50%{opacity:.7;background:#ffdc9640}}.rain-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.rain-drop{position:absolute;width:1px;height:15px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4),transparent);animation:rainFall linear infinite;transform:rotate(15deg)}@keyframes rainFall{0%{transform:translateY(-100px) translate(-20px) rotate(15deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh) translate(100px) rotate(15deg);opacity:0}}.fog-layer{position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(to top,rgba(10,10,15,.9) 0%,rgba(10,10,15,.5) 50%,transparent 100%);pointer-events:none;animation:fogMove 20s ease-in-out infinite}@keyframes fogMove{0%,to{opacity:.8}50%{opacity:.6}}.comet-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.comet{position:absolute;top:15%;left:-10%;animation:cometFly 15s linear infinite}.comet-head{width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,200,255,.8) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px 5px #fff9,0 0 30px 10px #c8c8ff4d;position:relative;z-index:2}.comet-tail{position:absolute;top:50%;right:100%;transform:translateY(-50%);width:150px;height:2px;background:linear-gradient(to left,rgba(255,255,255,.8) 0%,rgba(200,200,255,.4) 30%,transparent 100%);border-radius:0 50% 50% 0;filter:blur(1px)}@keyframes cometFly{0%{left:-10%;top:15%;opacity:0}5%{opacity:1}45%{left:110%;top:35%;opacity:1}50%{opacity:0}to{left:110%;top:35%;opacity:0}}.vignette{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none}.noise-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;animation:noise 8s steps(10) infinite;pointer-events:none}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.video-background,.animated-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden}.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;opacity:var(--grain-opacity)}.grain-overlay:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.portfolio-dark{min-height:100vh;position:relative}.logo-container{position:fixed;top:2rem;left:2rem;z-index:1000}.logo-handwritten{font-family:var(--font-script);font-size:2.24rem;font-weight:600;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-fast);letter-spacing:.02em;white-space:nowrap}.logo-handwritten:hover{opacity:.8;transform:scale(1.05)}.cta-button{position:fixed;top:2rem;right:2rem;z-index:1000}.cta-button a{display:inline-block;padding:1rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;transition:var(--transition-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button a:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.sidebar-nav{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:1.5rem}.sidebar-nav a{font-family:var(--font-mono);font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:var(--transition-fast);position:relative;padding-left:0;cursor:pointer}.sidebar-nav a:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:0;height:1px;background:var(--text-primary);transition:var(--transition-fast)}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text-primary);padding-left:1.5rem}.sidebar-nav a:hover:before,.sidebar-nav a.active:before{width:1rem}.timeline-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:2rem}.timeline-marker{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:var(--transition-fast)}.timeline-marker:hover{opacity:.8}.timeline-line{width:2rem;height:1px;background:var(--text-muted);transition:var(--transition-medium)}.timeline-marker.active .timeline-line{width:3rem;background:var(--text-primary)}.timeline-time{font-family:var(--font-mono);font-size:.595rem;letter-spacing:.1em;color:var(--text-muted);transition:var(--transition-fast)}.timeline-marker.active .timeline-time{color:var(--text-primary)}.social-links-bottom{position:fixed;bottom:2rem;left:2rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem}.social-links-bottom a{font-family:var(--font-mono);font-size:.595rem;letter-spacing:.1em;text-transform:capitalize;color:var(--text-muted);text-decoration:none;transition:var(--transition-fast);cursor:pointer}.social-links-bottom a:hover{color:var(--text-primary)}.sections-container{position:relative;z-index:1}.section-dark{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 12vw;position:relative}.section-content{max-width:700px;text-align:left}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,10vw,8rem);font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:2rem;color:var(--text-primary)}.hero-name span{display:block}.hero-name .hero-intro{font-size:clamp(1rem,3vw,1.5rem);font-weight:400;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.05em}.narrative-text{font-family:var(--font-mono);font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.9;color:var(--text-secondary);margin-bottom:1.8rem}.narrative-text strong{color:var(--text-primary);font-weight:700}.narrative-divider{width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--text-muted) 0px,var(--text-muted) 5px,transparent 5px,transparent 10px);margin:2rem 0;opacity:.5}.narrative-label{font-family:var(--font-mono);font-size:.595rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.narrative-link{font-family:var(--font-mono);font-size:.77rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--text-muted);transition:var(--transition-fast);cursor:pointer}.narrative-link:hover{border-bottom-color:var(--text-primary)}.skills-grid-dark{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.skill-item-dark{font-family:var(--font-mono);font-size:.63rem;letter-spacing:.05em;color:var(--text-muted);padding:.75rem 1.25rem;border:1px solid var(--border-color);text-align:center;transition:var(--transition-fast);cursor:default;white-space:nowrap;flex-shrink:0}.skill-item-dark:hover{border-color:var(--text-primary);color:var(--text-primary)}.experience-item{margin-bottom:2.5rem;padding-left:1.5rem;border-left:1px solid var(--border-color);transition:var(--transition-fast)}.experience-item:hover{border-left-color:var(--text-primary)}.experience-date{font-family:var(--font-mono);font-size:.595rem;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.experience-title{font-family:var(--font-display);font-size:.98rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.experience-company{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);margin-bottom:.75rem}.experience-desc{font-family:var(--font-mono);font-size:.665rem;color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.experience-tags{display:flex;flex-wrap:wrap;gap:.5rem}.experience-tag{font-family:var(--font-mono);font-size:.525rem;letter-spacing:.05em;color:var(--text-muted);padding:.35rem .7rem;border:1px solid var(--border-color);background:#ffffff0d;transition:var(--transition-fast);cursor:default;white-space:nowrap}.experience-tag:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff1a}.projects-grid-dark{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.project-card-dark{border:1px solid var(--border-color);padding:1.5rem;transition:var(--transition-medium);cursor:pointer;text-decoration:none;display:block;background:#ffffff05}.project-card-dark:hover{border-color:var(--text-primary);background:#ffffff0d;transform:translateY(-4px)}.project-title-dark{font-family:var(--font-display);font-size:.98rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.project-desc-dark{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.project-tags-dark{display:flex;flex-wrap:wrap;gap:.4rem}.project-tag-dark{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;color:var(--text-muted)}.project-tag-dark:after{content:"•";margin-left:.4rem;opacity:.5}.project-tag-dark:last-child:after{content:""}.contact-form-dark{margin-top:2rem}.form-group-dark{margin-bottom:1.5rem}.form-group-dark label{display:block;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.form-group-dark input,.form-group-dark textarea{width:100%;padding:.875rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.77rem;transition:var(--transition-fast)}.form-group-dark input:focus,.form-group-dark textarea:focus{outline:none;border-bottom-color:var(--text-primary)}.form-group-dark input::placeholder,.form-group-dark textarea::placeholder{color:var(--text-muted)}.form-group-dark textarea{resize:vertical;min-height:100px}.submit-btn-dark{padding:1.2rem 2.5rem;background:transparent;border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:var(--transition-medium)}.submit-btn-dark:hover{background:var(--text-primary);color:var(--bg-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-dark.animate-in .section-content{animation:fadeInUp .8s ease forwards}.mobile-menu-btn{display:none;position:fixed;top:1.25rem;right:1.25rem;z-index:1001;background:transparent;border:none;cursor:pointer;padding:.5rem;width:44px;height:44px;align-items:center;justify-content:center}.hamburger{display:block;width:24px;height:2px;background:var(--text-primary);position:relative;transition:var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);transition:var(--transition-fast)}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.mobile-nav a{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:var(--text-muted);transition:var(--transition-fast);padding:.5rem}.mobile-nav a:hover,.mobile-nav a.active{color:var(--text-primary)}.mobile-nav-time{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text-muted)}.mobile-nav-label{font-family:var(--font-display);font-size:1.5rem;font-weight:300}.mobile-nav a:hover .mobile-nav-label,.mobile-nav a.active .mobile-nav-label{color:var(--text-primary)}.mobile-nav-footer{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;gap:2rem}.mobile-nav-footer a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.mobile-nav-footer a:hover{color:var(--text-primary)}.desktop-only{display:block}.mobile-bottom-nav{display:none;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100;padding:1.5rem 1rem;background:transparent}.mobile-nav-dots{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;position:relative}.mobile-nav-dot{position:relative;background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.mobile-nav-dot-inner{display:block;width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid var(--text-muted);transition:var(--transition-medium)}.mobile-nav-dot.active .mobile-nav-dot-inner{width:10px;height:10px;background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 15px #fff6,0 0 30px #fff3}.mobile-nav-dot:hover .mobile-nav-dot-inner{border-color:var(--text-secondary);transform:scale(1.2)}.mobile-nav-dot.active:hover .mobile-nav-dot-inner{transform:scale(1.1)}.mobile-nav-time-label{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--text-primary);white-space:nowrap;opacity:0;animation:fadeInRight .3s ease forwards;text-shadow:0 2px 10px rgba(0,0,0,.5)}@keyframes fadeInRight{0%{opacity:0;transform:translateY(-50%) translate(5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media(max-width:1024px){.section-dark{padding:4rem 6vw}.section-content{max-width:100%}.hero-name{font-size:clamp(2.5rem,8vw,5rem)}.hero-name .hero-intro{font-size:clamp(.9rem,2vw,1.25rem)}.narrative-text{font-size:clamp(1rem,1.6vw,1.2rem)}}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100vw}.portfolio-dark{width:100%;max-width:100vw;overflow-x:hidden}.logo-container{top:1.25rem;left:1.25rem}.logo-handwritten{font-size:1.5rem}.cta-button{top:1.25rem;right:1.25rem}.cta-button a{padding:.6rem 1rem;font-size:.65rem;letter-spacing:.1em}.mobile-menu-btn,.mobile-nav-overlay{display:flex}.desktop-only,.sidebar-nav,.timeline-indicator{display:none}.mobile-bottom-nav{display:block}.social-links-bottom{display:none}.section-dark{padding:6rem 3rem 6rem 1.25rem;min-height:auto;min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box}.section-content{width:100%;max-width:100%;box-sizing:border-box}.hero-name{font-size:clamp(2rem,10vw,3rem)}.hero-name .hero-intro{font-size:.9rem;margin-bottom:.35rem}.narrative-text{font-size:1rem;line-height:1.8;margin-bottom:1.25rem}.narrative-divider{margin:1.5rem 0}.narrative-label{font-size:.7rem;margin-bottom:.75rem}.skills-grid-dark{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;width:100%}.skill-item-dark{font-size:.7rem;padding:.6rem 1rem;flex-shrink:1;max-width:100%}.experience-item{padding-left:1rem;margin-bottom:2rem}.experience-date{font-size:.7rem}.experience-title{font-size:1rem;line-height:1.4}.experience-company{font-size:.8rem}.experience-desc{font-size:.85rem;line-height:1.6}.experience-tags{gap:.4rem}.experience-tag{font-size:.65rem;padding:.3rem .6rem}.projects-grid-dark{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;width:100%}.project-card-dark{padding:1.25rem;width:100%;box-sizing:border-box}.project-title-dark{font-size:1.1rem}.project-desc-dark{font-size:.85rem}.project-tag-dark{font-size:.7rem}.form-group-dark input,.form-group-dark textarea{font-size:16px;padding:.75rem 0}.submit-btn-dark{padding:1rem 2rem;font-size:.7rem;width:100%}}@media(max-width:480px){.logo-handwritten{font-size:1.25rem}.cta-button a{padding:.5rem .75rem;font-size:.6rem}.hero-name{font-size:2rem}.hero-name .hero-intro{font-size:.85rem;margin-bottom:.25rem}.narrative-text{font-size:.95rem;line-height:1.7}.section-dark{padding:5.5rem 1rem 5rem}.skills-grid-dark{gap:.5rem}.skill-item-dark{font-size:.65rem;padding:.5rem .75rem}.experience-title{font-size:.95rem}.experience-company{font-size:.75rem}.experience-desc{font-size:.8rem}.experience-tags{gap:.35rem}.experience-tag{font-size:.6rem;padding:.25rem .5rem}.project-title-dark{font-size:1rem}.project-desc-dark{font-size:.8rem}.timeline-indicator{right:.5rem;gap:1rem}.timeline-line{width:.5rem}.timeline-marker.active .timeline-line{width:1rem}.timeline-time{font-size:.55rem}.social-links-bottom{gap:1rem}.social-links-bottom a{font-size:.6rem}}@media(max-width:360px){.hero-name{font-size:1.75rem}.hero-name .hero-intro{font-size:.8rem}.narrative-text{font-size:.9rem}.section-dark{padding:5rem .875rem 4.5rem}.experience-title{font-size:.9rem}.project-title-dark{font-size:.95rem}}@media(max-height:500px)and (orientation:landscape){.section-dark{min-height:auto;padding:5rem 1.5rem}.hero-name{font-size:2rem}.hero-name .hero-intro{font-size:.85rem;margin-bottom:.25rem}.social-links-bottom{position:relative;bottom:auto;left:auto;margin-top:2rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:#fff3;color:var(--text-primary)}.project-detail-dark{min-height:100vh;background:var(--bg-primary);position:relative}.project-detail-content{padding:8rem 15vw 4rem;position:relative;z-index:1}.back-button-dark{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);margin-bottom:3rem;text-decoration:none}.back-button-dark:hover{border-color:var(--text-primary);color:var(--text-primary)}.back-button-dark svg{width:16px;height:16px}.project-article-dark{max-width:800px;margin:0 auto}.article-header-dark{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.article-title-dark{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;line-height:1.1}.article-subtitle-dark{font-family:var(--font-mono);font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.article-tags-dark{display:flex;gap:.5rem;flex-wrap:wrap}.article-tag-dark{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;color:var(--text-muted);padding:.3rem .6rem;border:1px solid var(--border-color)}.article-media-dark{margin-bottom:3rem;border:1px solid var(--border-color);background:#ffffff05;overflow:hidden}.article-media-dark img,.article-media-dark video{width:100%;display:block}.article-media-dark iframe{width:100%;aspect-ratio:16/9;border:none}.article-body-dark{font-family:var(--font-mono);font-size:.9rem;line-height:1.8;color:var(--text-secondary)}.content-heading-dark{font-family:var(--font-display);font-size:1.4rem;font-weight:500;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.01em}.content-subheading-dark{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem}.content-paragraph-dark{margin-bottom:1.25rem}.content-bullet-item-dark{margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.7}.content-bullet-item-dark:before{content:"—";position:absolute;left:0;color:var(--text-muted)}.content-bullet-item-dark strong{color:var(--text-primary);font-weight:700}.article-footer-dark{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.footer-cta-dark{text-align:center;padding:2rem;border:1px solid var(--border-color);background:#ffffff05}.footer-cta-dark h3{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--text-primary);margin-bottom:.75rem}.footer-cta-dark p{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem}.footer-cta-dark button{padding:.875rem 1.75rem;background:transparent;border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast)}.footer-cta-dark button:hover{background:var(--text-primary);color:var(--bg-primary)}.loading-dark{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}@media(max-width:1024px){.project-detail-content{padding:7rem 10vw 4rem}}@media(max-width:768px){.project-detail-content{padding:6rem 1.5rem 3rem}.back-button-dark{margin-bottom:1.5rem;padding:.6rem 1rem;font-size:.7rem}.article-header-dark{margin-bottom:1.5rem;padding-bottom:1.5rem}.article-title-dark{font-size:clamp(1.5rem,6vw,2.5rem)}.article-subtitle-dark{font-size:.9rem}.article-media-dark{margin-bottom:1.5rem}.article-body-dark{font-size:.9rem}.content-heading-dark{font-size:1.15rem;margin-top:1.75rem;margin-bottom:.75rem}.content-subheading-dark{font-size:1rem;margin-top:1.25rem}.content-paragraph-dark{margin-bottom:1rem}.content-bullet-item-dark{padding-left:1.25rem;margin-bottom:.6rem;font-size:.9rem}.article-footer-dark{margin-top:2.5rem;padding-top:1.5rem}.footer-cta-dark{padding:1.5rem}.footer-cta-dark h3{font-size:1.1rem}.footer-cta-dark p{font-size:.8rem}.footer-cta-dark button{padding:.75rem 1.5rem;font-size:.7rem}}@media(max-width:480px){.project-detail-content{padding:5.5rem 1rem 2rem}.back-button-dark{margin-bottom:1.25rem}.article-header-dark{margin-bottom:1.25rem;padding-bottom:1.25rem}.article-title-dark{font-size:1.5rem}.article-subtitle-dark{font-size:.85rem;margin-bottom:1rem}.article-tags-dark{gap:.35rem}.article-tag-dark{font-size:.6rem;padding:.25rem .5rem}.article-body-dark{font-size:.85rem;line-height:1.7}.content-heading-dark{font-size:1.1rem;margin-top:1.5rem}.content-subheading-dark{font-size:.95rem}.content-bullet-item-dark{padding-left:1rem;font-size:.85rem}.footer-cta-dark{padding:1.25rem}.footer-cta-dark h3{font-size:1rem}.footer-cta-dark p{font-size:.8rem;margin-bottom:1rem}}@media(max-width:360px){.project-detail-content{padding:5rem .875rem 1.5rem}.article-title-dark{font-size:1.35rem}.article-body-dark{font-size:.8rem}}@media(max-height:500px)and (orientation:landscape){.project-detail-content{padding:4rem 1.5rem 2rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f97316;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ea580c}*{scrollbar-width:thin;scrollbar-color:#f97316 transparent}::selection{background:#f9731633;color:inherit}::-moz-selection{background:#f9731633;color:inherit}