@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@300;400&display=swap";:root{--black: #070707;--dark: #0e0e0e;--dark2: #1a1a1a;--red: #c41e1e;--red-bright: #ff2a2a;--red-glow: rgba(196, 30, 30, .25);--white: #f0ede8;--white-dim: rgba(240, 237, 232, .6);--white-faint: rgba(240, 237, 232, .12);--font-display: "Bebas Neue", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-body);overflow-x:hidden;cursor:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.red{color:var(--red-bright)}.loader{position:fixed;inset:0;background:var(--black);z-index:9999;display:flex;align-items:center;justify-content:center}.loader-text{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-logo{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 0 20px #ff2a2a) drop-shadow(0 0 50px #ff2a2a) drop-shadow(0 0 100px #c41e1e);animation:logo-shine 1.2s ease-in-out infinite alternate}@keyframes logo-shine{0%{filter:drop-shadow(0 0 15px #ff2a2a) drop-shadow(0 0 40px #c41e1e) drop-shadow(0 0 80px #8b0000);transform:scale(1)}to{filter:drop-shadow(0 0 30px #ff4444) drop-shadow(0 0 70px #ff2a2a) drop-shadow(0 0 120px #c41e1e);transform:scale(1.04)}}.loader-bar{width:200px;height:2px;background:var(--dark2);overflow:hidden}.loader-progress{height:100%;background:var(--red);animation:load-progress 2s ease-out forwards;box-shadow:0 0 12px var(--red)}@keyframes load-progress{0%{width:0}to{width:100%}}@keyframes pulse-glow{0%{text-shadow:0 0 20px var(--red)}to{text-shadow:0 0 60px var(--red),0 0 100px var(--red-glow)}}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--red);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--red)}.cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(196,30,30,.6);border-radius:50%;pointer-events:none;z-index:9997;transform:translate(-50%,-50%)}.music-btn{position:fixed;bottom:32px;right:32px;z-index:1000;background:#0e0e0ee6;border:1px solid rgba(196,30,30,.4);color:var(--white);padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:none;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s,box-shadow .3s}.music-btn:hover{border-color:var(--red);box-shadow:0 0 20px var(--red-glow)}.music-bars{display:flex;align-items:flex-end;gap:3px;height:16px}.bar{width:3px;background:var(--red);border-radius:1px;transition:height .1s}.bar-1{height:6px}.bar-2{height:12px}.bar-3{height:8px}.bar-4{height:14px}.bar.animate{animation:bar-dance .6s ease-in-out infinite alternate}.bar-1.animate{animation-delay:0s}.bar-2.animate{animation-delay:.1s}.bar-3.animate{animation-delay:.2s}.bar-4.animate{animation-delay:.15s}@keyframes bar-dance{0%{height:4px}to{height:16px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:24px 60px;transition:background .4s,padding .4s}.navbar.scrolled{background:#070707f2;padding:16px 60px;border-bottom:1px solid var(--white-faint);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.08em}.logo-dk{color:var(--red);text-shadow:0 0 20px var(--red-glow)}.logo-slash{color:var(--white-dim);margin:0 4px}.logo-name{color:var(--white)}.nav-links{display:flex;gap:36px;list-style:none}.nav-link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--white-dim);transition:color .3s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--red);transition:width .3s}.nav-link:hover{color:var(--white)}.nav-link:hover:after{width:100%}.section{position:relative;padding:120px 80px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.25em;color:var(--red);margin-bottom:16px;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);letter-spacing:.04em;line-height:1;color:var(--white);margin-bottom:60px}.hero{position:relative;height:100vh;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 80px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-img{width:100%;height:120%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0707074d,#0707071a 40%,#070707d9)}.moon-glow{position:absolute;top:10%;right:15%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,30,.15) 0%,transparent 70%);filter:blur(40px)}.embers-container{position:absolute;inset:0;pointer-events:none}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 6px var(--red);animation:float-ember linear infinite}.ember:nth-child(odd){background:#f80;box-shadow:0 0 6px #f40}.ember-0{left:5%;bottom:10%;animation-duration:8s;animation-delay:0s}.ember-1{left:10%;bottom:5%;animation-duration:10s;animation-delay:1s}.ember-2{left:20%;bottom:15%;animation-duration:7s;animation-delay:2s}.ember-3{left:30%;bottom:8%;animation-duration:9s;animation-delay:.5s}.ember-4{left:40%;bottom:20%;animation-duration:11s;animation-delay:3s}.ember-5{left:50%;bottom:5%;animation-duration:8s;animation-delay:1.5s}.ember-6{left:55%;bottom:12%;animation-duration:6s;animation-delay:.3s}.ember-7{left:60%;bottom:18%;animation-duration:12s;animation-delay:4s}.ember-8{left:70%;bottom:7%;animation-duration:9s;animation-delay:2.5s}.ember-9{left:75%;bottom:25%;animation-duration:7s;animation-delay:1.2s}.ember-10{left:80%;bottom:10%;animation-duration:10s;animation-delay:.8s}.ember-11{left:85%;bottom:5%;animation-duration:8s;animation-delay:3.5s}.ember-12{left:15%;bottom:30%;animation-duration:11s;animation-delay:2.2s}.ember-13{left:25%;bottom:22%;animation-duration:9s;animation-delay:1.8s}.ember-14{left:35%;bottom:35%;animation-duration:7s;animation-delay:.6s}.ember-15{left:45%;bottom:28%;animation-duration:10s;animation-delay:4.2s}.ember-16{left:62%;bottom:32%;animation-duration:8s;animation-delay:1.1s}.ember-17{left:72%;bottom:40%;animation-duration:13s;animation-delay:2.8s}.ember-18{left:88%;bottom:20%;animation-duration:7s;animation-delay:3.2s}.ember-19{left:92%;bottom:8%;animation-duration:9s;animation-delay:.9s}@keyframes float-ember{0%{transform:translateY(0) translate(0) scale(1);opacity:1}50%{transform:translateY(-200px) translate(30px) scale(.7);opacity:.7}to{transform:translateY(-400px) translate(-20px) scale(0);opacity:0}}.hero-content{position:relative;z-index:2}.hero-pre{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;color:var(--red);margin-bottom:16px;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,10rem);line-height:.95;letter-spacing:.02em;display:flex;flex-wrap:wrap;perspective:800px;margin-bottom:20px}.hero-title-char{display:inline-block;transform-style:preserve-3d}.hero-subtitle{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.2em;color:var(--white-dim);margin-bottom:8px;text-transform:uppercase}.hero-tagline{color:var(--red)!important;font-style:italic;margin-bottom:40px}.hero-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-primary{display:inline-block;padding:14px 36px;background:var(--red);color:var(--white);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:background .3s,box-shadow .3s,transform .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%)}.btn-primary:hover{background:var(--red-bright);box-shadow:0 0 30px var(--red-glow);transform:translateY(-2px)}.btn-ghost{display:inline-block;padding:13px 35px;border:1px solid rgba(240,237,232,.3);color:var(--white-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;transition:border-color .3s,color .3s}.btn-ghost:hover{border-color:var(--red);color:var(--white)}.scroll-indicator{position:absolute;bottom:40px;right:80px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-indicator span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;color:var(--white-dim);writing-mode:vertical-lr}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--red),transparent);animation:scroll-pulse 1.5s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}.about-section{background:var(--dark);border-top:1px solid var(--white-faint)}.about-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:center}.about-img-wrap{position:relative}.about-img-wrap img{width:100%;height:500px;object-fit:cover;filter:grayscale(20%) contrast(1.1)}.about-img-border{position:absolute;inset:-10px -10px 10px 10px;border:1px solid var(--red);pointer-events:none;opacity:.5}.about-desc{font-size:1.05rem;line-height:1.8;color:var(--white-dim);margin-bottom:24px}.about-stats{display:flex;gap:40px;margin-top:40px;border-top:1px solid var(--white-faint);padding-top:40px}.stat{display:flex;flex-direction:column;gap:6px}.stat-num{font-family:var(--font-display);font-size:2.5rem;color:var(--red);letter-spacing:.05em}.stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--white-dim);text-transform:uppercase}.skills-section{background:var(--black)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.skill-card{background:var(--dark);padding:40px;border:1px solid var(--white-faint);transition:border-color .3s,box-shadow .3s}.skill-card:hover{border-color:#c41e1e66;box-shadow:inset 0 0 30px #c41e1e0d}.skill-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.skill-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.05em;color:var(--white)}.skill-pct{font-family:var(--font-mono);font-size:.8rem;color:var(--red);letter-spacing:.1em}.skill-bar{height:2px;background:var(--dark2);margin-bottom:16px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(to right,var(--red),var(--red-bright));box-shadow:0 0 10px var(--red-glow);transform-origin:left}.skill-desc{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--white-dim)}.katana-divider{margin-top:80px;position:relative;height:200px;overflow:hidden}.katana-img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.8) contrast(1.2)}.projects-section{background:var(--dark);overflow:hidden;padding-bottom:0}.section-label-static,.static-title{padding-left:80px}.static-title{margin-bottom:40px}.projects-horizontal-wrap{position:relative;overflow:hidden}.projects-scroll-track{display:flex;gap:40px;padding:0 80px 80px;width:max-content}.project-card{width:480px;flex-shrink:0}.project-img-wrap{position:relative;overflow:hidden;height:340px;margin-bottom:24px}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#c41e1eb3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .project-overlay{opacity:1}.project-view{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.25em;color:var(--white);text-transform:uppercase}.project-info{display:flex;gap:20px;align-items:flex-start}.project-num{font-family:var(--font-display);font-size:3rem;color:var(--white-faint);line-height:1;flex-shrink:0}.project-title{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.04em;color:var(--white);margin-bottom:6px}.project-cat{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--red);text-transform:uppercase}.project-desc{font-size:.85rem;color:var(--white-dim);line-height:1.6;margin-top:8px}.exp-section{background:var(--black)}.exp-list{position:relative;display:flex;flex-direction:column;gap:0;padding-left:100px}.exp-line{position:absolute;left:52px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--red),transparent);transform-origin:top}.exp-item{display:grid;grid-template-columns:80px 20px 1fr;gap:0 30px;align-items:start;padding:40px 0;border-bottom:1px solid var(--white-faint);margin-left:-100px}.exp-item:last-child{border-bottom:none}.exp-year{font-family:var(--font-display);font-size:1.1rem;color:var(--red);letter-spacing:.1em;padding-top:4px;text-align:right}.exp-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);margin-top:7px;flex-shrink:0}.exp-role{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.04em;color:var(--white);margin-bottom:4px}.exp-place{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--red);text-transform:uppercase;display:block;margin-bottom:12px}.exp-desc{font-size:.9rem;color:var(--white-dim);line-height:1.7}.services-section{background:var(--dark);position:relative;overflow:hidden}.torii-bg{position:absolute;inset:0;z-index:0}.torii-bg img{width:100%;height:100%;object-fit:cover;opacity:.15;filter:saturate(.3) contrast(1.2)}.torii-overlay{position:absolute;inset:0;background:linear-gradient(to right,#0e0e0ef2 40%,#0e0e0eb3)}.services-section .section-label,.services-section .section-title,.services-list{position:relative;z-index:1}.services-list{border-top:1px solid var(--white-faint)}.service-item{display:flex;align-items:center;gap:40px;padding:36px 0;border-bottom:1px solid var(--white-faint);transition:background .3s}.service-item:hover{background:#c41e1e08}.service-icon{font-size:1.8rem;color:var(--red);width:50px;text-align:center;flex-shrink:0}.service-text{flex:1}.service-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;color:var(--white);margin-bottom:6px}.service-desc{font-size:.85rem;color:var(--white-dim);line-height:1.6}.service-num{font-family:var(--font-mono);font-size:.65rem;color:var(--white-faint);letter-spacing:.2em}.contact-section{background:var(--black);min-height:auto;padding:120px 80px 60px;align-items:flex-start}.contact-content{display:flex;flex-direction:column;align-items:flex-start}.contact-big{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,9rem);line-height:1;letter-spacing:.02em;color:var(--white);margin-bottom:32px}.contact-sub{font-family:var(--font-mono);font-size:.85rem;color:var(--white-dim);letter-spacing:.1em;margin-bottom:40px}.contact-btn{font-size:.8rem;letter-spacing:.25em;margin-bottom:48px}.social-links{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:80px}.social-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white-dim);border-bottom:1px solid transparent;padding-bottom:4px;transition:color .3s,border-color .3s}.social-link:hover{color:var(--red);border-color:var(--red)}.footer-line{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--white-faint);padding-top:32px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--white-dim);text-transform:uppercase}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--red)}@media(max-width:900px){.navbar{padding:20px 24px}.navbar.scrolled{padding:14px 24px}.nav-links{display:none}.hero{padding:0 24px 60px}.section{padding:80px 24px}.about-grid{grid-template-columns:1fr;gap:40px}.skills-grid{grid-template-columns:1fr}.exp-list{padding-left:60px}.exp-item{grid-template-columns:60px 14px 1fr;gap:0 16px;margin-left:-60px}.contact-section{padding:80px 24px 40px}.section-label-static,.static-title{padding-left:24px}.projects-scroll-track{padding:0 24px 60px}}