:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--surface:#1410108c;--surface-strong:#1e1414bf;--accent:#e10600;--accent-bright:#ff2a1f;--accent-text:#ff4a3d;--accent-dim:#e1060029;--accent-glow:#ff1e1473;--on-accent:#fff;--text:#f4f1f1;--muted:#a8a0a0;--faint:#6f6767;--line:#ffffff17;--line-strong:#ffffff2e;--font-display:"Space Grotesk", "Inter", sans-serif;--font-body:"Inter", sans-serif;--content-width:1200px;--header-height:76px;--radius:22px;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:.7rem 1.1rem;font-weight:600;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.bg3d{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}body:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 40%,#0000 40%,#0000008c 100%);position:fixed;inset:0}main,.site-footer{z-index:2;position:relative}.container{width:min(calc(100% - 3rem), var(--content-width));margin:0 auto}.section{align-items:center;min-height:100svh;padding:clamp(6rem,14vh,10rem) 0;scroll-margin-top:0;display:flex;position:relative}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;display:grid}.split-left .split-copy{grid-column:1}.split-right .split-copy{grid-column:2}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);letter-spacing:-.025em;margin-top:1rem;font-size:clamp(2.2rem,min(5vw,10vh),4.4rem);font-weight:700;line-height:1.02}.live-dot{background:var(--accent-bright);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:2s ease-out infinite live-pulse}.pill{border:1px solid var(--line-strong);color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;gap:.5rem;padding:.38rem .85rem;font-size:.78rem;font-weight:500;display:inline-flex}.pill-live{color:var(--text);background:var(--accent-dim);border-color:#ff3c3266}.btn{transition:transform .3s var(--ease), background .3s ease, border-color .3s ease, box-shadow .3s ease;border-radius:999px;align-items:center;gap:.55rem;padding:.95rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 40px -10px var(--accent-glow)}.btn-primary:hover{background:var(--accent-bright);box-shadow:0 14px 50px -8px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.text-link{color:var(--muted);align-items:center;gap:.4rem;padding:.95rem .4rem;font-weight:600;transition:color .3s;display:inline-flex}.text-link:hover{color:var(--text)}.site-header{z-index:100;border-bottom:1px solid #0000;transition:background .4s,border-color .4s;position:fixed;inset:0 0 auto}.site-header.is-scrolled,.site-header.has-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--line);background:#07070799}.navbar{width:min(calc(100% - 3rem), var(--content-width));height:var(--header-height);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.brand{align-items:center;gap:.75rem;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--text);letter-spacing:.02em;background:#0a0a0a;place-items:center;padding-bottom:5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;font-weight:600;display:grid;position:relative}.brand-mark:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent-glow);position:absolute;bottom:7px;left:22%;right:22%}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:1rem;font-weight:600}.nav-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff08;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem;display:flex}.nav-panel a{color:var(--muted);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:color .25s,background .25s}.nav-panel a:hover{color:var(--text);background:#ffffff12}.nav-toggle{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;display:none}.nav-toggle-lines,.nav-toggle-lines:before,.nav-toggle-lines:after{background:currentColor;width:18px;height:1.5px;display:block;position:relative}.nav-toggle-lines:before,.nav-toggle-lines:after{content:"";position:absolute;left:0}.nav-toggle-lines:before{top:-6px}.nav-toggle-lines:after{top:6px}.nav-toggle-lines,.nav-toggle-lines:before,.nav-toggle-lines:after{transition:transform .3s var(--ease), top .3s var(--ease), background .2s ease}.has-menu .nav-toggle-lines{background:0 0}.has-menu .nav-toggle-lines:before{top:0;transform:rotate(45deg)}.has-menu .nav-toggle-lines:after{top:0;transform:rotate(-45deg)}.hero{overflow-x:clip}.hero-inner{position:relative}.hero-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:none;align-items:baseline;font-size:.95rem;font-weight:500}.hero-eyebrow .live-dot{flex-shrink:0;translate:0 -.1em}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-top:1.4rem;font-size:clamp(3rem,min(12.5vw,21vh),11.5rem);font-weight:700;line-height:.88}.hero-line{display:block}.hero-line-accent{color:var(--accent-bright);text-shadow:0 0 60px #ff1e1473;padding-left:.04em}.split-text{white-space:nowrap;display:inline-block}.split-char{display:inline-block}.hero-tagline{max-width:34rem;color:var(--muted);margin-top:2rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2.4rem;display:flex}.scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);flex-direction:column;align-items:center;gap:.6rem;font-size:.75rem;display:flex;position:absolute;bottom:2.2rem;left:50%;translate:-50%}.scroll-hint-mouse{border:1.5px solid var(--line-strong);border-radius:12px;justify-content:center;width:22px;height:34px;padding-top:6px;display:flex}.scroll-hint-mouse i{background:var(--accent-bright);width:3px;height:7px;animation:wheel 1.8s var(--ease) infinite;border-radius:2px}.about-lead{font-family:var(--font-display);letter-spacing:-.015em;margin-top:2rem;font-size:clamp(1.35rem,2.3vw,1.9rem);font-weight:500;line-height:1.35}.about-body{color:var(--muted);max-width:34rem;margin-top:1.5rem}.edu-list{border-top:1px solid var(--line);margin-top:2.5rem}.edu-item{border-bottom:1px solid var(--line);grid-template-columns:6rem 1fr;gap:.15rem 1.2rem;padding:1.1rem 0;display:grid}.edu-period{font-family:var(--font-display);color:var(--accent-text);grid-row:span 2;font-weight:600}.edu-school{font-weight:600}.edu-field{color:var(--muted);font-size:.9rem}.skill-list{border-top:1px solid var(--line);margin-top:clamp(2rem,5vh,3.5rem)}.skill-row{--fill:1;--focus:0;--hover:0;--lift:max(var(--focus), var(--hover));border-bottom:1px solid var(--line);grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.2rem 1.5rem;padding:clamp(.5rem,1.4vh,.9rem) 0;display:grid;position:relative}.skill-row:hover{--hover:1}.skill-row:after{content:"";background:linear-gradient(90deg, var(--accent-bright), transparent 80%);height:1px;transform:scaleX(var(--lift));transform-origin:0;transition:transform .3s var(--ease);position:absolute;bottom:-1px;left:0;right:0}.skill-num{font-family:var(--font-display);color:color-mix(in srgb, var(--accent-text) calc(var(--lift) * 100%), var(--faint));font-size:.9rem;font-weight:600}.skill-name{font-family:var(--font-display);letter-spacing:-.028em;color:#0000;-webkit-text-stroke:1px #ffffff4d;transform:translateX(calc(var(--lift) * 1.6rem));transition:transform .45s var(--ease);font-size:clamp(1.9rem,min(5.6vw,11vh),5rem);font-weight:700;line-height:1.04;position:relative}.skill-fill{color:color-mix(in srgb, var(--accent-bright) calc(var(--lift) * 100%), var(--text));-webkit-text-stroke:0 transparent;text-shadow:0 0 calc(var(--lift) * 40px) rgba(255, 30, 20, calc(var(--lift) * .55));clip-path:inset(-20% calc((1 - var(--fill)) * 100%) -20% 0);position:absolute;inset:0}.skill-note{text-align:right;max-width:17rem;color:var(--muted);opacity:calc(.22 + var(--lift) * .78);transform:translateX(calc((1 - var(--lift)) * 14px));transition:opacity .35s ease, transform .45s var(--ease);justify-self:end;font-size:.95rem}@media (width<=720px){.skill-row{grid-template-columns:2.2rem minmax(0,1fr)}.skill-note{text-align:left;grid-column:2;justify-self:start;max-width:none}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:3rem;display:grid}.project-card{--mx:50%;--my:0%;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(420px circle at var(--mx) var(--my), #ff281e24, transparent 60%), var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:280px;transition:border-color .35s ease, transform .35s var(--ease);flex-direction:column;gap:.9rem;padding:2rem;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#ff3c3273}.project-num{font-family:var(--font-display);letter-spacing:-.06em;color:#ffffff09;pointer-events:none;font-size:9rem;font-weight:700;line-height:1;position:absolute;bottom:-1.6rem;right:1.4rem}.project-top{flex-wrap:wrap;gap:.5rem;display:flex}.project-card h3{font-family:var(--font-display);letter-spacing:-.022em;margin-top:auto;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.05}.project-desc{max-width:30rem;color:var(--muted)}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag{color:var(--text);background:#ffffff0f;border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.contact-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-title{font-family:var(--font-display);letter-spacing:-.03em;margin-top:1rem;font-size:clamp(2.6rem,min(9vw,17vh),7.5rem);font-weight:700;line-height:.95}.contact-text{max-width:36rem;color:var(--muted);margin-top:1.6rem}.contact-email{font-family:var(--font-display);letter-spacing:-.02em;transition:color .3s ease, background-size .45s var(--ease);overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;margin-top:2.6rem;padding:.2em 0;font-size:clamp(1.4rem,3.6vw,2.8rem);font-weight:600}.contact-email:hover{color:var(--accent-bright);background-size:100% 2px}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:2.2rem;display:flex}.site-footer{border-top:1px solid var(--line);background:radial-gradient(60% 80% at 50% 120%,#e106002e,#0000 70%),#070707e0;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:-1px;left:0;right:0}.footer-inner{width:min(calc(100% - 3rem), var(--content-width));margin:0 auto;padding:clamp(3.5rem,8vw,5.5rem) 0 1.4rem}.footer-grid{grid-template-columns:2fr repeat(3,1fr);align-items:start;gap:2.5rem 3rem;padding-bottom:clamp(2.5rem,5vw,3.5rem);display:grid}.footer-title{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;display:flex}.footer-mark{border:1px solid var(--line-strong);letter-spacing:.02em;background:#0a0a0a;place-items:center;width:38px;height:38px;padding-bottom:5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;font-weight:600;display:grid;position:relative}.footer-mark:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:7px;left:22%;right:22%}.footer-tagline{max-width:22rem;color:var(--muted);margin:1rem 0 1.25rem}.footer-heading{letter-spacing:.16em;text-transform:uppercase;min-height:38px;color:var(--accent-text);align-items:center;margin-bottom:.6rem;font-size:.78rem;font-weight:600;display:flex}.footer-col li+li{margin-top:.35rem}.footer-link{color:var(--muted);background:linear-gradient(var(--accent-bright), var(--accent-bright)) 0 100% / 0 1px no-repeat;transition:color .25s ease, background-size .35s var(--ease);padding:.3rem 0;display:inline-block}.footer-link:hover{color:var(--text);background-size:100% 1px}.footer-clock{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.footer-small,.motion-switch{color:var(--faint);font-size:.85rem}.footer-col .footer-small{margin-top:.4rem}.to-top{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:.5rem;min-height:40px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:border-color .25s,background .25s;display:inline-flex}.to-top span{transition:transform .3s var(--ease)}.to-top:hover{border-color:var(--accent);background:var(--accent-dim)}.to-top:hover span{transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem 1.6rem;padding-top:1.2rem;display:grid}.footer-bottom .to-top{justify-self:end}.motion-switch{min-height:40px;padding:.3rem 0;transition:color .3s}.motion-switch:hover{color:var(--accent-text)}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-grid{gap:2rem 1.5rem}.footer-bottom{grid-template-columns:1fr;justify-items:start}.footer-bottom .to-top{justify-self:start}}.scroll-progress{z-index:120;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress span{background:linear-gradient(90deg, var(--accent), var(--accent-bright));height:100%;box-shadow:0 0 12px var(--accent-glow);transform-origin:0;display:block;transform:scaleX(0)}.brand-mark-text,.brand-mark:after{transition:opacity .2s}.logo-sword{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .15s,transform .35s cubic-bezier(.2,1.5,.4,1);position:absolute;inset:0;transform:translate(45%,-45%)scale(.7)}.brand:hover .logo-sword,.brand:focus-visible .logo-sword,html[data-bankai] .logo-sword{opacity:1;transform:none}.brand:hover .brand-mark-text,.brand:hover .brand-mark:after,.brand:focus-visible .brand-mark-text,html[data-bankai] .brand-mark-text,html[data-bankai] .brand-mark:after{opacity:0}.reiatsu{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bankai-overlay{z-index:200;pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.bankai-overlay.is-playing{display:grid}.bankai-overlay>*{grid-area:1/1}.bankai-flash{opacity:0;will-change:opacity;background:radial-gradient(circle at 50% 55%,#ff2819d9,#3c0000e6 45%,#000 80%);position:absolute;inset:0}.bankai-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:#0a0a0a;text-shadow:0 0 3px #ff3c28;-webkit-text-stroke:1px #ff3c28e6;opacity:0;will-change:transform, opacity;font-size:clamp(4rem,min(19vw,30vh),15rem);font-weight:700;line-height:1;position:relative}.bankai-sub{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.7em;color:var(--text);opacity:0;will-change:opacity;align-self:end;margin-bottom:18vh;font-size:clamp(1rem,2.4vw,1.6rem);font-weight:700;position:relative}.bankai-toast{opacity:0;background:#0c0a0aeb;border:1px solid #ff3c3273;border-radius:999px;align-self:end;margin-bottom:4.5rem;padding:.7rem 1.3rem;font-weight:600;position:relative}html[data-bankai] body:before{background:radial-gradient(at 50% 40%,#0000 35%,#46000099 100%)}html[data-bankai] .brand-mark{border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow)}@media (width<=900px){.split{grid-template-columns:1fr}.split-left .split-copy,.split-right .split-copy{grid-column:1}.project-grid{grid-template-columns:1fr}}@media (width<=820px){.nav-toggle{display:grid}.nav-panel{top:calc(var(--header-height) - 6px);opacity:0;pointer-events:none;background:#0c0a0a;border-radius:20px;flex-direction:column;align-items:stretch;padding:.5rem;transition:opacity .25s,transform .25s;position:absolute;left:1.25rem;right:1.25rem;transform:translateY(-8px)}.nav-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-panel a{padding:.85rem 1rem}}@media (width<=560px){.container,.navbar,.footer-inner{width:calc(100% - 2.5rem)}.project-card{min-height:0;padding:1.5rem}.scroll-hint{display:none}}html[data-motion=full] .hero-inner,html[data-motion=full] .hero-line,html[data-motion=full] [data-reveal]{will-change:transform, opacity}@media (hover:none){.btn-ghost,.site-header.is-scrolled,.site-header.has-menu,.nav-panel,.project-card{-webkit-backdrop-filter:none;backdrop-filter:none}.btn-ghost{background:#151212}.site-header.is-scrolled,.site-header.has-menu{background:#070707f0}.project-card{background:radial-gradient(420px circle at var(--mx) var(--my), #ff281e1f, transparent 60%), #110d0d}.hero-line-accent{text-shadow:0 0 28px #ff1e1466}}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] .live-dot,html[data-motion=reduced] .scroll-hint-mouse i{animation:none}html[data-motion=reduced] .btn:hover,html[data-motion=reduced] .skill-name,html[data-motion=reduced] .skill-note{transform:none}@keyframes live-pulse{0%{box-shadow:0 0 #ff2a1f8c}to{box-shadow:0 0 0 10px #ff2a1f00}}@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(9px)}}