:root{--washi:#f3ece0;--washi-2:#ece2d2;--sumi:#2b2620;--sumi-soft:#5a5248;--indigo:#283d63;--vermilion:#d2452a;--gold:#b79a5e;--coral:#bb6f54;--olive:#7c7d4f;--border:#cdbfa6;--serif:"Hiragino Mincho ProN", "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;--grotesk:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:var(--washi);color:var(--sumi);font-family:var(--grotesk);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(120% 90% at 12% -10%,var(--washi-2),transparent 55%),radial-gradient(100% 80% at 100% 110%,var(--washi-2),transparent 60%)}body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}.motifs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sun{position:absolute;top:clamp(-90px,-6vw,-40px);right:clamp(-110px,-7vw,-50px);width:clamp(220px,30vw,460px);height:clamp(220px,30vw,460px);border-radius:50%;opacity:.9;background:radial-gradient(circle at 38% 36%,#d24a2e,#b73a26 64%,#a8331f);animation:sunBreath 9s ease-in-out infinite,sunFloat 16s ease-in-out infinite}.sun::after,.sun::before{content:"";position:absolute;border:1px solid var(--gold);border-radius:50%}.sun::after{inset:-26px;opacity:.5;border-top-color:transparent;border-left-color:transparent;animation:ringSpin 28s linear infinite}.sun::before{inset:-48px;opacity:.3;border-right-color:transparent;border-bottom-color:transparent;animation:ringSpin 40s linear infinite reverse}.seigaiha{position:absolute;bottom:clamp(56px,9vh,120px);left:clamp(-60px,-4vw,-30px);width:clamp(280px,34vw,520px);height:clamp(120px,16vw,200px);opacity:.16;background-image:radial-gradient(circle at 50% 100%,transparent 56%,var(--indigo) 57%,var(--indigo) 63%,transparent 64%),radial-gradient(circle at 0% 100%,transparent 56%,var(--indigo) 57%,var(--indigo) 63%,transparent 64%),radial-gradient(circle at 100% 100%,transparent 56%,var(--indigo) 57%,var(--indigo) 63%,transparent 64%);background-size:54px 27px;-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent);animation:waveFlow 12s linear infinite}.ink{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--sumi);opacity:0}.ink.a{top:32vh;left:46vw;animation:inkSpread 11s ease-out infinite}.ink.b{top:62vh;left:70vw;width:10px;height:10px;animation:inkSpread 14s ease-out 4s infinite}.petal{position:absolute;top:-6vh;width:13px;height:13px;border-radius:80% 0 80% 0;opacity:0;background:radial-gradient(circle at 30% 30%,var(--coral),rgba(187,111,84,.6));animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}.frame{position:fixed;inset:clamp(14px,2.2vw,30px);z-index:1;pointer-events:none;border:1px solid var(--gold);opacity:.45;animation:frameBreath 8s ease-in-out infinite}.frame::before{content:"";position:absolute;inset:6px;border:1px solid var(--gold);opacity:.4}.ghost{position:absolute;color:var(--sumi);font-family:var(--serif);font-weight:700;letter-spacing:-.04em;line-height:.8;opacity:.04;user-select:none;white-space:nowrap}.ghost.engineer{right:-2vw;bottom:14vh;font-size:clamp(120px,22vw,360px);animation:driftA 26s ease-in-out infinite alternate}.ghost.num{top:8vh;left:3vw;font-size:clamp(110px,18vw,300px);opacity:.05;animation:driftB 30s ease-in-out infinite alternate}main{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1.15fr)minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:clamp(24px,4vw,72px);width:100%;max-width:1680px;margin:0 auto;padding:clamp(48px,6vw,104px)clamp(40px,6vw,120px)clamp(28px,4vw,56px)}.meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;color:var(--sumi-soft);font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:0;animation:fadeDown .8s ease .1s forwards}.meta a{text-decoration:none}.meta .dot{display:inline-block;color:var(--vermilion);animation:pulse 2.6s ease-in-out infinite}.resume{position:relative;z-index:0;display:inline-flex;align-items:center;gap:12px;overflow:hidden;padding:6px 7px 6px 16px;border:1px solid rgba(43,38,32,.88);border-radius:2px;background:linear-gradient(90deg,rgba(210,69,42,.14),transparent 32%),rgba(243,236,224,.72);box-shadow:0 0 0 1px rgba(183,154,94,.22),0 12px 26px rgba(43,38,32,8%);color:var(--sumi);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-decoration:none;text-transform:uppercase;transition:border-color .22s,box-shadow .22s,color .22s,transform .22s}.resume::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sumi);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.resume::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-35%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:rotate(18deg)translateX(-120%);pointer-events:none;transition:transform .45s ease}.resume .arr{display:grid;position:relative;z-index:1;width:26px;height:26px;place-items:center;border-left:1px solid rgba(43,38,32,.22);background:var(--vermilion);color:var(--washi);font-size:14px;line-height:1;transition:background .22s,color .22s,transform .22s}.resume:hover{border-color:var(--vermilion);color:var(--washi);box-shadow:0 0 0 1px rgba(210,69,42,.24),0 16px 34px rgba(43,38,32,.14);transform:translateY(-2px)}.resume:hover::before{transform:scaleX(1)}.resume:hover::after{transform:rotate(18deg)translateX(520%)}.resume:hover .arr{background:var(--washi);color:var(--vermilion);transform:translateY(1px)}.hero{grid-column:1;grid-row:2;align-self:center}.kicker{display:flex;align-items:center;gap:14px;margin-bottom:clamp(18px,2vw,30px);color:var(--indigo);font-family:var(--mono);font-size:13px;letter-spacing:.3em;text-transform:uppercase;opacity:0;animation:fadeUp .8s ease .25s forwards}.kicker::before{content:"";width:0;height:1px;background:var(--vermilion);animation:rule .9s ease .4s forwards}.name{color:var(--sumi);font-family:var(--serif);font-size:clamp(70px,12vw,200px);font-weight:700;letter-spacing:-.035em;line-height:.82;white-space:nowrap}.name .ch{display:inline-block;opacity:0;transform:translateY(.4em)rotate(2deg);animation:charIn .7s cubic-bezier(.2,.7,.2,1)forwards,charFloat 6s ease-in-out infinite}.name .bear{display:inline-block;margin-left:.12em;color:var(--vermilion);font-family:var(--grotesk);font-size:.34em;font-weight:600;letter-spacing:-.02em;line-height:1;opacity:0;transform:translateY(-.06em);transform-origin:bottom center;vertical-align:.42em;animation:bearIn .6s ease .85s forwards,bearWave 7s ease-in-out 1.6s infinite}.name .eye{display:inline-block;transform-origin:center;animation:blinkEye 5.5s infinite}.role{margin-top:clamp(22px,2.6vw,40px);color:var(--indigo);font-family:var(--serif);font-size:clamp(22px,2.8vw,42px);font-style:italic;font-weight:400;letter-spacing:-.01em;opacity:0;animation:fadeUp .8s ease 1.1s forwards}.role .stop{color:var(--vermilion)}.copy{grid-column:2;grid-row:2;align-self:center;max-width:46ch;padding-top:clamp(40px,7vw,120px);padding-left:clamp(26px,2.4vw,44px);border-left:1px solid var(--border)}.copy p{margin-bottom:1.5em;color:var(--sumi-soft);font-size:clamp(16px,1.15vw,20px);line-height:1.62;opacity:0;animation:fadeUp .8s ease forwards}.copy p:nth-child(1){animation-delay:1.2s}.copy p:nth-child(2){animation-delay:1.4s}.copy p:nth-child(3){animation-delay:1.6s}.copy p:last-child{margin-bottom:0}.hl{position:relative;font-family:var(--serif);font-style:italic;font-weight:600}.hl::after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:1.5px;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.hl:hover::after{transform:scaleX(1)}.hl.web{color:var(--coral)}.hl.web::after{background:var(--coral)}.hl.ops{color:var(--olive)}.hl.ops::after{background:var(--olive)}a.link{display:inline-block;padding:.04em .18em;border-radius:2px;color:var(--sumi);font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .18s}a.link.ln{background:rgba(40,61,99,8%);color:var(--indigo)}a.link.gh{background:rgba(187,111,84,.1);color:var(--coral)}a.link.em{background:rgba(210,69,42,9%);color:var(--vermilion)}a.link:hover{color:var(--washi);transform:translateY(-2px)}a.link.ln:hover{background:var(--indigo)}a.link.gh:hover{background:var(--coral)}a.link.em:hover{background:var(--vermilion)}.colophon{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:clamp(14px,1.6vw,22px);border-top:1px solid var(--border);color:var(--sumi-soft);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:0;animation:fadeUp .8s ease 1.8s forwards}.colophon b{color:var(--vermilion);font-weight:600}.ticker{position:relative;z-index:2;overflow:hidden;padding:clamp(10px,1.2vw,16px)0;border-top:1px solid var(--sumi);background:var(--sumi)}.ticker-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:slide 34s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track span{padding:0 .55em;color:var(--washi);font-family:var(--serif);font-size:clamp(18px,2.2vw,32px);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ticker-track .primary{color:transparent;-webkit-text-stroke:1px var(--gold);animation:glow 4s ease-in-out infinite}.ticker-track .sep{color:var(--vermilion);font-family:var(--grotesk);font-weight:400;-webkit-text-stroke:0}.ticker a{color:inherit;text-decoration:none}.ticker a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.trail-dot{position:fixed;z-index:3;width:9px;height:9px;border-radius:50%;pointer-events:none;background:var(--sumi);opacity:.16;transform:translate(-50%,-50%)scale(.5);animation:trailFade .9s ease-out forwards}@keyframes sunBreath{0%,100%{box-shadow:0 0 rgba(210,69,42,0)}50%{box-shadow:0 0 80px 14px rgba(210,69,42,.2)}}@keyframes sunFloat{0%,100%{transform:scale(1)translate(0,0)}50%{transform:scale(1.04)translate(-14px,12px)}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes waveFlow{to{background-position:54px 0}}@keyframes inkSpread{0%{opacity:0;transform:scale(.2)}8%{opacity:.12;transform:scale(1)}40%{opacity:.04;transform:scale(3.4)}60%,100%{opacity:0;transform:scale(4.2)}}@keyframes fall{0%{opacity:0;transform:translateY(-10vh)translateX(0)rotate(0)}10%{opacity:.5}90%{opacity:.4}100%{opacity:0;transform:translateY(110vh)translateX(40px)rotate(420deg)}}@keyframes frameBreath{0%,100%{opacity:.35}50%{opacity:.55}}@keyframes driftA{to{transform:translate(-26px,-14px)}}@keyframes driftB{to{transform:translate(20px,18px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}@keyframes rule{to{width:46px}}@keyframes charIn{to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes charFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-.045em)}}@keyframes bearIn{from{opacity:0;transform:translateY(.2em)scale(.7)}to{opacity:1;transform:translateY(-.06em)scale(1)}}@keyframes bearWave{0%,84%,100%{transform:translateY(-.06em)rotate(0)}88%{transform:translateY(-.06em)rotate(-9deg)}92%{transform:translateY(-.06em)rotate(7deg)}96%{transform:translateY(-.06em)rotate(-3deg)}}@keyframes blinkEye{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes glow{0%,100%{-webkit-text-stroke-color:var(--gold)}50%{-webkit-text-stroke-color:var(--vermilion)}}@keyframes slide{to{transform:translateX(-50%)}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes trailFade{to{opacity:0;transform:translate(-50%,-50%)scale(3)}}@media(max-width:1024px){main{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:clamp(28px,5vw,48px);padding:clamp(64px,9vw,90px)clamp(28px,6vw,56px)clamp(28px,5vw,48px)}.copy{grid-column:1;grid-row:3;max-width:60ch;padding-top:clamp(24px,5vw,36px);padding-left:0;border-top:1px solid var(--border);border-left:0}.colophon{grid-row:4}.ghost.engineer{display:none}}@media(max-width:560px){.frame{inset:10px}.meta{flex-wrap:wrap;gap:12px;font-size:10px;letter-spacing:.16em}.meta .mid{display:none}.name{font-size:clamp(58px,19vw,120px);white-space:normal}.name .bear{display:block;margin:.18em 0 0;transform:none}.colophon{font-size:10px}.ghost,.ink,.petal{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.name .ch,.name .bear,.kicker,.role,.copy p,.meta,.colophon{opacity:1!important;transform:none!important}.kicker::before{width:46px!important}}