:root{--bg:#000;--bg-2:#1a1310;--bg-3:#221a15;--paper:#ece0c4;--paper-2:#e2d3ac;--ink:#2b2115;--ink-dim:#6b5c46;--cream:#f3ead9;--cream-dim:#bdb09a;--cream-faint:#7c7263;--red:#c1584a;--red-dim:rgba(193, 88, 74, 0.35);--line:rgba(243, 234, 217, 0.14);--radius:4px;--max-width:1360px;--font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-ink:"Zen Old Mincho","Noto Serif JP","Hiragino Mincho ProN",Georgia,"Times New Roman",serif}body .info-band{position:relative;min-height:760px;padding:154px 0 210px;overflow:hidden;overflow:clip;isolation:isolate;contain:layout paint style;color:var(--ink)}.info-band::before{filter:saturate(.74) brightness(1.08)}.info-band .info-grid{position:relative;z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,58px);max-width:1120px}.info-profile{position:relative}.info-profile::after{content:"";position:absolute;left:26px;bottom:18px;width:72px;height:2px;background:linear-gradient(90deg,transparent,rgba(193,88,74,.9),transparent)}.info-band .info-profile .info-profile-label{display:block;margin:0 0 12px;padding:0;color:var(--red);font:700 10px/1.4 var(--font-sans);letter-spacing:.18em;text-transform:uppercase}.info-band .info-profile .info-profile-label::after{display:none}.info-profile p{margin:0 0 11px;color:var(--ink-dim);font:500 clamp(13px, 1.15vw, 15px)/1.75 var(--font-ink)}.info-profile .info-profile-lead{margin-bottom:12px;color:var(--ink);font-size:clamp(18px, 1.8vw, 24px);font-weight:700;line-height:1.45}.info-profile p:last-child{margin-bottom:18px}.info-col{position:relative;min-width:0;height:100%;padding:28px 26px 30px;border:1px solid rgba(43,33,21,.18);background:rgba(243,234,217,.34);box-shadow:0 14px 34px rgba(43,33,21,.08),inset 0 0 0 5px rgba(255,250,238,.13)}body .info-band .experience-col{left:auto}body .info-band #contact{grid-column:auto;margin-top:0;padding-top:28px;border-top:0}.info-col::before{content:attr(data-mark);position:absolute;z-index:-1;right:0;top:-34px;color:rgba(43,33,21,.045);font-family:var(--font-ink);font-size:clamp(68px, 7vw, 104px);font-weight:700;line-height:1;pointer-events:none}.info-band .info-col h2{position:relative;margin:0 0 30px;padding-bottom:18px;color:var(--ink);font-family:var(--font-ink);font-size:clamp(20px, 1.7vw, 28px);font-weight:700;letter-spacing:-.015em;text-transform:none}.info-band .info-col h2::after{content:"";position:absolute;left:29px;bottom:0;width:106px;height:3px;background:linear-gradient(90deg,transparent,var(--red) 14%,var(--red) 70%,transparent);clip-path:polygon(0 42%,18% 17%,69% 27%,100% 54%,72% 76%,22% 61%);opacity:.9}.info-band .info-icon{width:19px;height:19px}.info-band .timeline-date{color:var(--red);font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.info-band .timeline-role,.info-band .work-list strong{font-family:var(--font-ink);font-size:16px}.info-band .contact-list li,.info-band .tech-groups p,.info-band .timeline-desc,.info-band .work-list span{color:var(--ink-dim);font-family:var(--font-ink);font-size:13px;line-height:1.65}.info-band .work-list{gap:0;border-top:1px solid rgba(43,33,21,.16)}.info-band .work-list li{padding:15px 0;border-bottom:1px solid rgba(43,33,21,.16)}.info-band .work-list strong{margin-bottom:4px}.info-band .work-list a{transition:color .2s ease}.info-band .work-list a:hover{color:var(--red)}.info-band .tech-groups{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(43,33,21,.16)}.info-band .tech-groups section{position:relative;margin:0;padding:15px 0;border-bottom:1px solid rgba(43,33,21,.16)}.info-band .tech-groups section::after{display:none}.info-band .tech-groups h3{margin:0 0 7px;color:var(--ink-dim);font-family:var(--font-sans);font-size:10px;letter-spacing:.14em}.info-band .contact-list{gap:17px}.info-band .contact-list a{overflow-wrap:anywhere;transition:color .2s ease}.info-skyline{position:absolute;z-index:3;top:62px;left:max(32px,calc((100% - var(--max-width))/ 2 + 32px));right:max(32px,calc((100% - var(--max-width))/ 2 + 32px));height:52px;border-bottom:1px solid rgba(43,33,21,.16);pointer-events:none}.info-note{color:var(--red);font:700 10px/1 var(--font-sans);letter-spacing:.28em;text-transform:uppercase}.info-wind{position:absolute;left:0;right:22%;bottom:20px;height:1px;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(43,33,21,.18) 10px 15px,transparent 16px 25px);opacity:.55}.info-seal{position:absolute;right:2px;top:-13px;display:grid;place-items:center;width:48px;height:48px;border:2px solid rgba(122,48,39,.45);background:rgba(171,68,55,.9);color:rgba(244,226,197,.9);font:500 21px/1 var(--font-ink);transform:rotate(-4deg);box-shadow:inset 0 0 0 2px rgba(244,226,197,.12)}.ninja-stage{position:absolute;z-index:6;left:max(32px,calc((100% - var(--max-width))/ 2 + 32px));right:max(32px,calc((100% - var(--max-width))/ 2 + 32px));bottom:91px;height:190px;pointer-events:none;overflow:hidden;contain:strict}.portfolio-ninja{position:absolute;left:12%;bottom:0;width:90px;height:100px;contain:strict}.portfolio-ninja::after{content:"";position:absolute;z-index:-1;left:20%;right:13%;bottom:2px;height:7px;border-radius:50%;background:rgba(32,24,15,.13);filter:blur(3px);pointer-events:none}.portfolio-ninja-sprite{position:absolute;inset:0;display:block;background-position:0 0;background-size:800% 100%;background-repeat:no-repeat;filter:sepia(.1) saturate(.9) contrast(1.035)}.portfolio-ninja.is-ambient .portfolio-ninja-sprite-a{animation:portfolio-ninja-alive 4.4s steps(1,end) infinite;opacity:1!important}.ninja-render-paused .portfolio-ninja-sprite-a{animation-play-state:paused!important}@keyframes portfolio-ninja-alive{0%,100%,18%,49%,69%,88%{background-position:0 0}19%,48%,70%,87%{background-position:14.2857% 0}}.ninja-prop{position:absolute;z-index:8;left:0;top:0;display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(2px 4px 2px rgba(32, 24, 15, .24));will-change:transform}.ninja-prop.cd{width:50px;height:32px;background-image:url("assets/ninja-prop-cd-3d.png")}.ninja-prop.mouse{width:66px;height:42px;background-image:url("assets/ninja-prop-mouse-3d.png")}.ninja-prop.keyboard{width:78px;height:50px;background-image:url("assets/ninja-prop-keyboard-3d.png")}.smoke-bomb{position:absolute;z-index:9;width:15px;height:15px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 28%,#b85447 0 12%,#2b241c 17% 62%,#0f0d0a 64%);box-shadow:0 2px 3px rgba(32,24,15,.28)}.ninja-smoke-canvas{position:absolute;z-index:10;width:280px;height:260px;pointer-events:none;opacity:.92}@media (max-width:1100px){body .info-band{min-height:0;padding:142px 0 210px}.info-band .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-band #contact,.info-band .tech-col{grid-column:auto}}@media (max-width:680px){body .info-band{padding:126px 0 190px}.info-band .info-grid{grid-template-columns:1fr;gap:42px}.info-skyline{top:48px;left:22px;right:22px}.info-note{letter-spacing:.16em}.info-seal{width:42px;height:42px}.info-col::before{right:8px}.ninja-stage{left:4%;right:4%;bottom:76px}.portfolio-ninja{width:76px;height:84px}}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;overflow-x:clip;scrollbar-gutter:stable;min-height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--red-dim);color:var(--cream)}:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}.mono{font-family:var(--font-mono)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--red);color:#fff;padding:10px 16px;z-index:100}.skip-link:focus{left:16px;top:16px}.site-nav{position:absolute;top:0;left:0;width:100%;z-index:40;padding:26px 0;background:linear-gradient(to bottom,rgba(18,13,10,.92),rgba(18,13,10,0));backdrop-filter:blur(6px)}.nav-inner{display:flex;align-items:center;justify-content:flex-end;gap:40px}.nav-links{list-style:none;display:flex;gap:34px;margin:0;padding:0}.nav-links a{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);padding-bottom:6px;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.nav-links a.is-active,.nav-links a:hover{color:var(--cream);border-bottom-color:var(--red)}.nav-links li:first-child a{color:var(--cream);border-bottom-color:var(--red)}.nav-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream-dim);flex-shrink:0;transition:border-color .15s ease,color .15s ease,transform .4s ease}.nav-icon:hover{color:var(--red);border-color:var(--red-dim);transform:rotate(45deg)}.nav-icon svg{width:18px;height:18px}@media (max-width:760px){.nav-links{display:none}.nav-inner{justify-content:space-between}}.hero{position:relative;min-height:660px;padding:70px 0 30px;overflow:hidden}.hero-scene{position:absolute;left:-40px;bottom:-105px;width:610px;max-width:54vw;pointer-events:none;z-index:1;opacity:.9;-webkit-mask-image:linear-gradient(to top,#000 78%,transparent 100%);mask-image:linear-gradient(to top,#000 78%,transparent 100%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(340px,410px) 1fr;gap:38px;align-items:center;padding-top:0}.hero-eyebrow{color:var(--cream-faint);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}.hero-content h1.hero-name{font-family:var(--font-display);font-weight:600;font-size:clamp(48px, 6vw, 76px);line-height:1;margin:0 0 18px;color:var(--cream)}.hero-content{transform:translateY(-30px)}.hero-role{font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);font-weight:600;line-height:1.6;margin:0 0 22px}.hero-sub{color:var(--cream-dim);font-size:16.5px;max-width:40ch;margin:0 0 30px}.hero-cta{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.btn-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);border-bottom:1px solid var(--line);padding-bottom:4px;transition:color .15s ease,border-color .15s ease,gap .15s ease}.btn-link:hover{color:var(--red);border-color:var(--red);gap:12px}.hero-visual{position:relative;display:flex;justify-content:center}.avatar-frame{position:relative;width:min(560px,100%);aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(243,234,217,.08),0 0 80px rgba(193,88,74,.12),0 30px 70px rgba(0,0,0,.55);-webkit-mask-image:radial-gradient(circle,#000 97%,transparent 100%);mask-image:radial-gradient(circle,#000 97%,transparent 100%)}.avatar-frame .avatar-animation,.avatar-frame .avatar-still{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.avatar-frame .avatar-still{z-index:0}.avatar-frame .avatar-animation{z-index:1}.avatar-frame .avatar-animation:not(.has-frame){visibility:hidden}.avatar-decoder{position:fixed;left:-2px;top:-2px;width:1px;height:1px;opacity:.001;pointer-events:none}.hero-vertical{position:absolute;right:-6px;top:20px;bottom:20px;display:none;flex-direction:column;align-items:center;justify-content:space-between;z-index:3}.hero-vertical-text{writing-mode:vertical-rl;font-family:var(--font-display);font-size:20px;letter-spacing:.3em;color:var(--cream-dim)}.hero-seal{width:34px;height:34px;border:1px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:17px;margin-top:20px}@media (min-width:1200px){.hero-vertical{display:flex}}@media (min-width:901px) and (hover:hover) and (pointer:fine){.site-nav{position:fixed}.hero,.info-band{scroll-margin-top:92px}.hero{height:min(660px,45.87vw);min-height:0;padding:0;background:#000}.hero::before{content:"";position:absolute;left:50%;top:0;width:min(1448px,100%);height:100%;transform:translateX(-50%);z-index:2;pointer-events:none;background:url("assets/hero-background-alpha.webp") center/100% auto no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%)}.hero-scene{display:none}.hero-grid{position:relative;display:block;width:min(1448px,100%);height:100%;max-width:1448px;margin:0 auto;padding:0;z-index:auto}.hero-content{position:absolute;left:9.75%;top:23.3%;width:355px;transform:none;z-index:3}.hero-visual{position:absolute;left:40.4%;top:14.15%;width:50.4%;height:86.35%;display:block;z-index:1}.avatar-frame{width:100%;height:100%;aspect-ratio:auto;border-radius:49% 47% 48% 50%;box-shadow:none;-webkit-mask-image:none;mask-image:none;overflow:visible;background:0 0}.avatar-frame .avatar-animation{object-fit:cover;clip-path:none}}@media (max-width:900px),(hover:none),(pointer:coarse){.hero{height:min(840px,206.667vw);min-height:0;padding:clamp(104px,13vw,148px) 0 clamp(52px,7vw,88px);background:#000}.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(16,13,11,.92) 0,rgba(16,13,11,.78) 32%,rgba(16,13,11,.4) 60%,rgba(16,13,11,.1) 80%,rgba(16,13,11,.34) 100%)}.hero-grid{grid-template-columns:1fr;justify-items:center;gap:clamp(30px,4.6vw,48px);text-align:center}.hero-content{max-width:46ch;transform:none}.hero-visual{display:none}.hero-sub{margin-right:auto;margin-left:auto}.hero-cta{justify-content:center}.hero-scene{inset:0;left:0;bottom:0;width:100%;height:100%;max-width:none;transform:none;object-fit:cover;object-position:50% 100%;opacity:1;z-index:0;-webkit-mask-image:none;mask-image:none}}.info-band{position:relative;background:#000;color:#17110b;--ink-dim:#352719;padding:78px 0 28px;min-height:780px;overflow:hidden;z-index:1}.info-band::after,.info-band::before{content:"";position:absolute;top:0;left:50%;width:min(1448px,100%);transform:translateX(-50%);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%)}.info-band::before{bottom:0;z-index:0;background:#c3a774 url("assets/info-background-v3.webp") center/cover no-repeat}.info-band::after{bottom:0;height:auto;z-index:1;background:linear-gradient(to right,rgba(7,5,4,.56),transparent 7%,transparent 93%,rgba(7,5,4,.56))}.info-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1.1fr 2fr 1.15fr;gap:36px}.work-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.work-list li{padding:0 0 12px;border-bottom:1px solid rgba(43,33,21,.13)}.work-list span,.work-list strong{display:block}.work-list strong{margin-bottom:4px;font-size:11px}.work-list span{color:var(--ink-dim);font-size:9px;line-height:1.42}.tech-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.tech-groups section{padding:0 0 10px;border-bottom:1px solid rgba(43,33,21,.13)}.tech-groups h3{margin:0 0 5px;color:var(--red);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tech-groups p{margin:0;color:var(--ink);font-size:9.5px;font-weight:600;line-height:1.55}.info-col{text-shadow:0 1px 0 rgba(255,247,222,.42)}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.info-col h2{margin-bottom:14px;font-size:12px}.timeline li{padding-bottom:9px}.edu-date,.timeline-date{font-size:10px}.edu-school,.proj-title,.timeline-role{font-size:11px}.edu-detail,.proj-desc,.timeline-desc{font-size:9.5px;line-height:1.32}.skills{gap:6px}.contact-list li,.skill-name{font-size:10px}.proj-list{gap:10px}.proj-item{gap:10px}.edu-list{gap:14px}.contact-list{gap:8px}}.info-col h2{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 26px}.info-icon{width:18px;height:18px;color:var(--red);flex-shrink:0}.info-icon svg{width:100%;height:100%}.info-more{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:12.5px;color:var(--red);font-weight:600;border-bottom:1px solid transparent}.info-more:hover{border-bottom-color:var(--red)}.timeline{list-style:none;margin:0;padding:0;border-left:1px solid rgba(43,33,21,.18)}.timeline li{position:relative;padding:0 0 22px 20px}.timeline li::before{content:"";position:absolute;left:-4.5px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--red)}.timeline-date{display:block;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-dim);margin-bottom:3px}.timeline-role{font-weight:700;font-size:14.5px;margin:0}.timeline-role span{font-weight:400;color:var(--ink-dim)}.timeline-desc{font-size:13px;color:var(--ink-dim);margin:2px 0 0;line-height:1.5}.skills{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.skill-name{font-size:13.5px;margin:0 0 6px;font-weight:600}.skill-bar{height:3px;background:rgba(43,33,21,.14);border-radius:2px;overflow:hidden}.skill-bar span{display:block;height:100%;background:linear-gradient(to right,var(--red),#8a2f24);border-radius:2px}.proj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.proj-item{display:flex;gap:14px}.proj-icon{width:30px;height:30px;flex-shrink:0;border-radius:6px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center}.proj-icon svg{width:15px;height:15px}.proj-title{font-size:14.5px;font-weight:700;margin:0 0 3px}.proj-title a{border-bottom:1px solid transparent}.proj-title a:hover{border-bottom-color:var(--ink)}.proj-desc{font-size:12.5px;color:var(--ink-dim);margin:0 0 9px;line-height:1.5}.proj-tags{display:flex;flex-wrap:wrap;gap:6px}.proj-tags span{font-family:var(--font-mono);font-size:10.5px;padding:3px 8px;border:1px solid rgba(43,33,21,.22);border-radius:3px;color:var(--ink-dim)}.edu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px}.edu-date{display:block;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-dim);margin-bottom:4px}.edu-school{font-weight:700;font-size:14.5px;margin:0 0 3px}.edu-detail{font-size:12.5px;color:var(--ink-dim);margin:0;line-height:1.5}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.contact-list li{display:flex;align-items:center;gap:12px;font-size:13.5px}.contact-list svg{width:15px;height:15px;color:var(--red);flex-shrink:0}.contact-list a:hover{color:var(--red)}@media (max-width:1100px),(hover:none),(pointer:coarse){.info-grid{grid-template-columns:repeat(3,1fr);row-gap:48px}.info-band::before{width:100%;background:url("assets/info-parchment-portrait.webp") center top/cover no-repeat;-webkit-mask-image:none;mask-image:none}.info-band::after{bottom:0;height:auto;background:url("assets/parchment-ink-edge.webp") center top/100% clamp(40px,6vw,54px) no-repeat,linear-gradient(to bottom,transparent 88%,rgba(24,16,10,.22) 96%,rgba(18,13,10,.6) 100%),linear-gradient(to right,rgba(24,16,10,.26),transparent 6%,transparent 94%,rgba(24,16,10,.26));-webkit-mask-image:none;mask-image:none;filter:grayscale(.38) brightness(.9) contrast(1.06)}}@media (min-width:681px) and (max-width:1100px),(min-width:681px) and (hover:none),(min-width:681px) and (pointer:coarse){.info-band{min-height:0;padding:clamp(92px,12vw,128px) 0 clamp(76px,10vw,112px)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5.4vw,54px) clamp(30px,4.4vw,48px);max-width:1000px;margin:0 auto}#contact,.tech-col{grid-column:1/-1}#contact{padding-top:22px;border-top:1px solid rgba(43,33,21,.18)}#contact .contact-list{flex-direction:row;flex-wrap:wrap;gap:14px clamp(26px,4vw,44px)}.info-col h2{margin-bottom:18px;font-size:15px}.info-icon{width:19px;height:19px}.timeline li{padding:0 0 24px 20px}.timeline-date{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 9px 3px;border:1px solid rgba(139,43,35,.42);border-radius:2px;background:rgba(139,43,35,.1);color:#681d17;font-size:12px;font-weight:700;letter-spacing:.025em}.timeline-role{font-size:16px;line-height:1.35}.timeline-desc{margin-top:3px;font-size:14px;line-height:1.5}.work-list{gap:16px}.work-list li{padding-bottom:15px}.work-list strong{margin-bottom:5px;font-size:15.5px}.work-list span{font-size:13.5px;line-height:1.55}.tech-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(22px,3.2vw,38px)}.tech-groups section{padding-bottom:14px}.tech-groups h3{margin-bottom:6px;font-size:11.5px}.tech-groups p{font-size:13.5px;line-height:1.6}.contact-list li{min-height:34px;font-size:14px}.contact-list svg{width:17px;height:17px}}@media (min-width:901px) and (max-width:1100px),(min-width:901px) and (pointer:coarse){.tech-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.info-grid{grid-template-columns:repeat(2,1fr)}.tech-col{grid-column:span 2}}@media (max-width:460px){.info-grid{grid-template-columns:1fr}.tech-col{grid-column:auto}.tech-groups{grid-template-columns:1fr}}.site-footer{position:relative;background:var(--bg);padding:64px 0 46px;text-align:center}.quote{font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--cream-dim);margin:0}.quote span{font-style:normal;color:var(--cream-faint);font-family:var(--font-sans);font-size:13px;letter-spacing:.05em;margin-left:10px}.footer-seal{position:absolute;right:32px;bottom:30px;width:40px;height:40px;border:1px solid var(--red);color:var(--red);display:none;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px}@media (min-width:900px){.footer-seal{display:flex}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.info-grid{gap:34px}.info-col h2{margin-bottom:14px;font-size:12px}.timeline li{padding-bottom:9px}.edu-date,.timeline-date{font-size:9px}.edu-school,.proj-title,.timeline-role{font-size:11px}.edu-detail,.proj-desc,.timeline-desc{font-size:9px;line-height:1.32}.skills{gap:6px}.contact-list li,.skill-name{font-size:10px}.proj-list{gap:10px}.proj-item{gap:10px}.proj-icon{width:26px;height:26px}.edu-list{gap:14px}.contact-list{gap:8px}.info-more{margin-top:12px;font-size:10px}}@media (max-width:680px){body .info-band{height:auto;min-height:0;margin-top:0;padding:clamp(96px,24vw,124px) 0 254px;overflow:hidden;overflow:clip}body .info-band .info-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;width:100%;max-width:620px;padding-right:20px;padding-left:20px}body .info-band #contact,body .info-band .info-col{grid-column:1;width:100%;height:auto;min-height:0;margin:0;padding:26px 22px 28px;overflow:visible}.info-band .contact-list li,.info-band .timeline-desc,.info-profile p{font-size:15px;line-height:1.7}.ninja-stage{z-index:3;bottom:40px;height:190px}}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.info-grid{grid-template-columns:1.1fr 1.15fr 2fr;gap:44px;padding-right:70px;padding-left:82px}.experience-col{position:relative;left:60px}#contact{grid-column:2/4;margin-top:6px;padding-top:14px;border-top:1px solid rgba(43,33,21,.18)}#contact .contact-list{display:grid;grid-template-columns:1fr;gap:10px}.info-col h2{font-size:16px}.timeline-date{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 8px 3px;border:1px solid rgba(139,43,35,.42);border-radius:2px;background:rgba(139,43,35,.1);color:#681d17;font-size:12.5px;font-weight:700;letter-spacing:.025em}.timeline-role{font-size:15.5px}.timeline-desc,.work-list span{font-size:13px;line-height:1.5}.work-list strong{font-size:15px}.tech-groups h3{font-size:12.5px}.tech-groups p{font-size:13px;line-height:1.6}.contact-list li{font-size:13px}.info-more{font-size:13px}}@media (max-width:760px){.container{padding-right:20px;padding-left:20px}.site-nav{padding:14px 0 18px;background:linear-gradient(to bottom,rgba(11,9,8,.98),rgba(11,9,8,.78) 72%,transparent);backdrop-filter:none}.site-nav nav{width:100%}.nav-inner{padding-right:0;padding-left:0}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:0 24px;padding:0 12px}.nav-links li{flex:0 0 auto}.nav-links a{display:flex;min-height:34px;align-items:center;padding-bottom:0;border-bottom:none;font-size:12px;letter-spacing:.13em}.nav-links a.is-active,.nav-links a:hover,.nav-links li:first-child a{border-bottom:none}.nav-icon{display:none}}@media (max-width:680px){.hero{padding:112px 0 64px}.hero-grid{gap:26px}.hero-content{position:relative;z-index:4}.hero-content h1.hero-name{margin-bottom:12px;font-size:clamp(40px, 12.5vw, 56px);line-height:1.02}.hero-role{max-width:30ch;margin:0 auto 16px;font-size:12.5px;letter-spacing:.12em;line-height:1.55}.hero-sub{max-width:34ch;margin-bottom:26px;font-size:16px;line-height:1.65}.info-band{margin-top:0;padding:clamp(96px,24vw,128px) 0 clamp(76px,18vw,104px);min-height:0}.info-grid{grid-template-columns:1fr;gap:46px;padding-right:34px;padding-left:34px}.tech-col{grid-column:auto}.info-col h2{margin-bottom:22px;font-size:18px}.info-icon{width:20px;height:20px}.timeline li{padding:0 0 30px 22px}.timeline-date{display:inline-flex;margin-bottom:10px;padding:5px 9px 4px;border:1px solid rgba(139,43,35,.42);background:rgba(139,43,35,.09);color:#681d17;font-size:13px;font-weight:700}.timeline-role{font-size:18px;line-height:1.35}.contact-list li,.tech-groups p,.timeline-desc,.work-list span{font-size:16px}.timeline-desc{margin-top:4px}.work-list{gap:18px}.work-list li{padding-bottom:18px}.work-list strong{margin-bottom:6px;font-size:17px}.tech-groups{grid-template-columns:1fr;gap:20px}.tech-groups section{padding-bottom:16px}.tech-groups h3{margin-bottom:7px;font-size:12px}.tech-groups p{line-height:1.7}#contact{padding-top:4px}.contact-list{gap:4px}.contact-list li{min-height:48px;gap:14px}.contact-list svg{width:18px;height:18px}.contact-list a{overflow-wrap:anywhere}}.scroll-ink{position:fixed;top:0;left:0;width:100%;height:2px;z-index:120;pointer-events:none;background:rgba(243,234,217,.06);contain:strict;transform:translateZ(0)}.scroll-ink span{position:relative;display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,rgba(193,88,74,.15),var(--red) 55%,#e0796a);box-shadow:0 0 10px rgba(193,88,74,.55)}.scroll-ink span::after{content:"";position:absolute;top:-1px;right:0;width:4px;height:4px;border-radius:50%;background:#e0796a;transform:translateX(50%)}.hero-paper{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.55;background:url("assets/paper-grain.webp") 0 0 repeat;background-size:256px 256px}.hero-brush{display:block;width:132px;height:16px;margin:0 0 22px;overflow:visible}.hero-brush-dot,.hero-brush-stroke{fill:var(--red);clip-path:inset(0 100% 0 0);animation:brush-paint 1.1s cubic-bezier(.32,.72,.28,1) .25s forwards}.hero-brush-dot{animation-delay:1.15s;animation-duration:.3s}@keyframes brush-paint{to{clip-path:inset(0 0 0 0)}}.hero-stamp{position:relative;z-index:0;display:none;font-family:var(--font-display);color:#f7f0e2}.hero-stamp::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(148deg,#cb5f4f 0,#b44e40 58%,#9c4234 100%);-webkit-mask-image:url("assets/seal-mask.webp");mask-image:url("assets/seal-mask.webp");-webkit-mask-size:100% 100%;mask-size:100% 100%}@media (hover:hover) and (pointer:fine){.timeline li::before{transition:transform .25s ease,box-shadow .25s ease}.timeline li:hover::before{transform:scale(1.55);box-shadow:0 0 0 4px rgba(193,88,74,.16)}.work-list li{transition:transform .25s ease}.work-list li:hover{transform:translateX(3px)}.contact-list a{background-image:linear-gradient(var(--red),var(--red));background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background-size .28s ease,color .2s ease}.contact-list a:hover{background-size:100% 1px}}.reveal{filter:blur(6px);transition:opacity .7s ease,transform .7s cubic-bezier(.22, .7, .24, 1),filter .7s ease}.reveal.is-visible{filter:none}.info-grid .reveal:nth-child(2){transition-delay:90ms}.info-grid .reveal:nth-child(3){transition-delay:0.18s}.info-grid .reveal:nth-child(4){transition-delay:0.27s}@media (hover:hover) and (pointer:fine) and (min-width:761px){.nav-links a{position:relative}.nav-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:1px;background:var(--red);transition:left .22s ease,right .22s ease}.nav-links a.is-active::after,.nav-links a:hover::after{left:0;right:0}.nav-icon svg{transition:transform .6s cubic-bezier(.22, .7, .24, 1)}.nav-icon:hover svg{transform:rotate(90deg)}}@media (max-width:900px),(hover:none),(pointer:coarse){.hero-content{position:relative;padding:clamp(30px,6.5vw,44px) clamp(22px,5.5vw,36px) clamp(30px,6vw,40px)}.hero-content::before{content:"";position:absolute;inset:-6% -4% -8%;z-index:-1;background:radial-gradient(58% 48% at 44% 32%,rgba(9,7,5,.92) 0,rgba(9,7,5,.56) 58%,rgba(9,7,5,0) 100%),radial-gradient(62% 50% at 56% 70%,rgba(9,7,5,.88) 0,rgba(9,7,5,.48) 60%,rgba(9,7,5,0) 100%),radial-gradient(70% 62% at 50% 50%,rgba(9,7,5,.6) 0,rgba(9,7,5,.24) 62%,rgba(9,7,5,0) 100%);filter:blur(4px)}.hero-content::after{content:"";position:absolute;left:2px;top:14%;bottom:14%;width:3px;border-radius:50%;background:linear-gradient(to bottom,rgba(193,88,74,0) 0,rgba(193,88,74,.92) 14%,rgba(168,72,60,.96) 46%,rgba(186,82,68,.78) 74%,rgba(193,88,74,0) 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9% 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 9% 88%,transparent)}.hero-content h1.hero-name,.hero-role,.hero-sub{text-shadow:0 1px 12px rgba(0,0,0,.6)}.hero-sub{color:#ddd3c2}.hero-brush{margin:0 auto}.hero-stamp{position:absolute;top:clamp(-14px,-2vw,-8px);right:clamp(10px,3.4vw,20px);display:flex;width:38px;height:38px;align-items:center;justify-content:center;font-size:19px;line-height:1;transform:rotate(-6deg);animation:seal-stamp .5s cubic-bezier(.2,1.5,.4,1) 1.35s backwards}@keyframes seal-stamp{0%{opacity:0;transform:rotate(-16deg) scale(2.1)}60%{opacity:1;transform:rotate(-4deg) scale(.94)}100%{opacity:1;transform:rotate(-6deg) scale(1)}}}.info-band{--ink:#24190e;--ink-dim:#4e3d28}.contact-list a,.contact-list li,.info-col h2,.info-more,.tech-groups h3,.tech-groups p,.timeline-date,.timeline-desc,.timeline-role,.work-list span,.work-list strong{font-family:var(--font-ink)}.info-col h2{font-weight:700;letter-spacing:.2em}.timeline-date{letter-spacing:.1em;font-variant-numeric:lining-nums tabular-nums}.tech-groups h3{font-weight:700;letter-spacing:.16em}.timeline-role,.work-list strong{font-weight:700}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.info-col h2{font-size:14px}.timeline-date{font-size:12.5px}.timeline-role{font-size:15.5px}.timeline-desc,.work-list span{font-size:13.5px}.work-list strong{font-size:15px}.tech-groups h3{font-size:10.5px}.tech-groups p{font-size:11px}.contact-list li{font-size:13.5px}}@media (max-width:1100px),(hover:none),(pointer:coarse){.info-col h2{font-size:15px}.tech-groups h3{font-size:12.5px}}.tech-groups{display:block}.tech-groups section{position:relative;padding:0 0 20px;margin:0 0 20px;border-bottom:none}.tech-groups section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,rgba(36,25,14,.3) 0,rgba(36,25,14,.14) 46%,rgba(36,25,14,0) 100%)}.tech-groups section:last-child{padding-bottom:0;margin-bottom:0}.tech-groups section:last-child::after{display:none}.tech-groups h3{margin:0 0 9px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.tech-groups p{max-width:62ch;margin:0;font-weight:400;font-size:14px;line-height:1.78;color:var(--ink)}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.tech-groups section{padding-bottom:15px;margin-bottom:15px}.tech-groups h3{margin-bottom:6px;font-size:10.5px;letter-spacing:.16em}.tech-groups p{max-width:none;font-size:11.5px;line-height:1.72}}@media (max-width:680px){body .info-band{height:auto;min-height:0;margin-top:0;padding-bottom:254px}body .info-band::before{background:url("assets/info-parchment-portrait.webp") center top/cover no-repeat;background-blend-mode:normal}body .info-band::after{background:linear-gradient(to bottom,rgba(18,13,10,.36) 0,rgba(18,13,10,.16) 12px,transparent 48px),url("assets/parchment-ink-edge.webp") center top/100% 48px no-repeat,linear-gradient(to bottom,transparent 88%,rgba(24,16,10,.22) 96%,rgba(0,0,0,.72) 100%),linear-gradient(to right,rgba(24,16,10,.26),transparent 6%,transparent 94%,rgba(24,16,10,.26));filter:grayscale(.38) brightness(.9) contrast(1.06)}body .info-band .info-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;width:100%;max-width:620px;padding-right:20px;padding-left:20px}body .info-band #contact,body .info-band .info-col{grid-column:1;width:100%;height:auto;min-height:0;margin:0;padding:26px 22px 28px}.info-band .contact-list li,.info-band .timeline-desc,.info-profile p{font-size:15px;line-height:1.7}.ninja-stage{z-index:3;bottom:40px;height:190px}}