:root{color-scheme:light;--bg: #f3eadb;--text: #1a1714;--ink-2: #33302a;--soft: #4a443c;--accent: #b8402f;--line: rgba(26, 23, 20, .18);--line-soft: rgba(26, 23, 20, .04)}[data-theme=dark]{color-scheme:dark;--bg: #101010;--text: #ece6d8;--ink-2: #d3ccbe;--soft: #9c9486;--accent: #e0795c;--line: rgba(236, 230, 216, .2);--line-soft: rgba(236, 230, 216, .05)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);overflow-x:hidden;touch-action:manipulation}body{background-color:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.9;overflow-x:hidden}@property --ink-hole{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.ink-intro{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;pointer-events:none}.ink-intro.done{display:none}@media(prefers-reduced-motion:reduce){.ink-intro{display:none}}.wrap{max-width:980px;margin:0 auto;padding:0 30px}.hero{position:relative;min-height:88vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:40px 0}.hero-inner{position:relative;z-index:1}.about{position:relative}.about>.about-skills,.about>.about-en,.about>.about-body,.about>.about-art{position:relative;z-index:1}.name{margin:0;line-height:1}.wordmark{display:block;width:min(460px,92%);height:auto;margin-left:-1.5%}[data-theme=dark] .wordmark{filter:invert(1)}.pron{margin-top:16px;font-size:13px;color:var(--soft);font-style:italic}.role-line{margin-top:6px;font-size:11px;letter-spacing:.12em;color:var(--soft)}.role-line span{color:var(--accent)}.loader{display:none}html.js-loading .loader{display:block;position:fixed;inset:0;z-index:9998;background:var(--bg);transition:opacity .6s ease,visibility 0s linear .6s}html.js-loading.assets-ready .loader{opacity:0;visibility:hidden;pointer-events:none}html.reveal-ready .name,html.reveal-ready .pron,html.reveal-ready .role-line,html.reveal-ready .lamp-scene{opacity:0}html.reveal-ready.assets-ready .name,html.reveal-ready.assets-ready .pron,html.reveal-ready.assets-ready .role-line{animation:introUp .9s cubic-bezier(.22,1,.36,1) forwards}html.reveal-ready.assets-ready .name{animation-delay:.15s;animation-duration:1.1s}html.reveal-ready.assets-ready .pron{animation-delay:.5s}html.reveal-ready.assets-ready .role-line{animation-delay:.65s}html.reveal-ready.assets-ready .lamp-scene{animation:introScene 1.2s cubic-bezier(.22,1,.36,1) .35s forwards}@keyframes introUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes introScene{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.reveal-ready .name,html.reveal-ready .pron,html.reveal-ready .role-line,html.reveal-ready .lamp-scene{opacity:1;animation:none}}.lamp-scene{position:relative;width:100%;max-width:560px;justify-self:center;aspect-ratio:1133 / 1140}.lamp-swing{position:absolute;left:38.95%;top:1%;width:22.1%;aspect-ratio:220 / 250;transform-origin:50% 4%;animation:sway 3.8s ease-in-out infinite;pointer-events:none;z-index:2}.lamp-overlay{position:absolute;top:0;left:0;width:100%;height:auto}.lamp-overlay.is-dark,[data-theme=dark] .lamp-overlay.is-light{display:none}[data-theme=dark] .lamp-overlay.is-dark{display:block}.lamp-shine{position:absolute;left:50%;top:96%;width:300%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.55) 0%,rgba(255,226,168,.2) 26%,transparent 62%);opacity:0}[data-theme=dark] .lamp-shine{opacity:1}@keyframes sway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@media(prefers-reduced-motion:reduce){.lamp-swing{animation:none}}.scene{position:absolute;bottom:0;left:0;width:100%;height:auto;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 10px 14px rgba(20,16,12,.22))}[data-theme=dark] .scene{filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}.lamp-scene:after{content:"";position:absolute;left:50%;bottom:2%;width:74%;height:9%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(20,16,12,.28) 0%,rgba(20,16,12,.12) 45%,transparent 72%);filter:blur(7px);pointer-events:none;z-index:0}[data-theme=dark] .lamp-scene:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 45%,transparent 72%)}html.reveal-ready .reveal{opacity:0}html.reveal-ready .reveal.in{animation:revealUp .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes revealUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.reveal-ready .reveal{opacity:1}html.reveal-ready .reveal.in{animation:none}}.scene-dark,[data-theme=dark] .scene-light{display:none}[data-theme=dark] .scene-dark{display:block}.lamp-toggle{position:absolute;left:50%;top:9%;transform:translate(-50%);width:22%;height:27%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50% 50% 45% 45%;z-index:3;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.lamp-toggle:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.lamp-cta{position:absolute;top:8%;left:63%;z-index:4;color:var(--accent);pointer-events:none;opacity:0;animation:ctaBob 2.6s ease-in-out infinite;transition:opacity .6s ease}.lamp-cta.show{opacity:1}.cta-text{display:block;font-family:Nanum Brush Script,cursive;font-size:clamp(15px,2.4vw,22px);line-height:1;transform:rotate(-6deg);margin-bottom:2px}@keyframes ctaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.lamp-cta{animation:none}}.divider{display:flex;align-items:center;gap:20px;margin:30px 0;color:var(--soft)}.divider:before,.divider:after{content:"";flex:1;height:16px;background-color:var(--text);opacity:.5;-webkit-mask:url(/brush-divider.svg) center / 100% 100% no-repeat;mask:url(/brush-divider.svg) center / 100% 100% no-repeat}.divider span{letter-spacing:.4em;font-size:13px}section{padding:34px 0}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.about-me{grid-template-columns:minmax(180px,.7fr) 2fr;gap:56px;align-items:center}.about-body{max-width:60ch}.about-skills{margin-top:30px}.about-me .spec-stats{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 40px;max-width:100%}.about-me .spec-stats .stat{grid-template-columns:82px 1fr;gap:14px}.about-art{display:flex;justify-content:center}.about-seal{display:block;position:relative;width:min(200px,74%);aspect-ratio:1;opacity:.92;transform:rotate(-6deg);animation:stamp-press .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes stamp-press{0%{opacity:0;transform:rotate(-14deg) scale(1.25)}60%{opacity:.92}to{opacity:.92;transform:rotate(-6deg) scale(1)}}@media(prefers-reduced-motion:reduce){.about-seal{animation:none}}.about-en h2{font-weight:700;font-size:clamp(16px,4.6vw,26px);margin-bottom:16px;letter-spacing:.02em;position:relative;display:inline-block;padding-bottom:12px;white-space:nowrap}.about-en h2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:13px;background-color:var(--accent);opacity:.9;-webkit-mask:url(/brush-underline.svg) left / 100% 100% no-repeat;mask:url(/brush-underline.svg) left / 100% 100% no-repeat}.about-en p{max-width:54ch;color:var(--ink-2);margin-bottom:14px}.about-en b{font-weight:700;border-bottom:1px solid var(--accent)}.spec-stats{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 40px;max-width:560px}.spec-stats .stat{display:grid;grid-template-columns:108px 1fr;align-items:center}.spec-stats .stat-label{font-family:Space Mono,ui-monospace,monospace;font-size:13px;color:var(--soft)}.spec-stats .stat-dots{display:flex;align-items:center;gap:7px}.spec-stats .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.16}.spec-stats .dot.on{opacity:.9}.xp-list{list-style:none;display:grid;gap:34px}.xp{display:grid;grid-template-columns:150px 1fr;gap:28px;transition:opacity .25s ease}.xp-list:hover .xp{opacity:.55}.xp-list .xp:hover{opacity:1}.xp-date{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);padding-top:5px;white-space:nowrap}.xp-role{font-weight:700;font-size:19px;letter-spacing:.01em;color:var(--text);transition:color .2s ease}.xp:hover .xp-role{color:var(--text)}.xp-role .sep{color:var(--accent);margin:0 4px}.xp-sub{color:var(--soft);font-size:14px;margin-top:3px}.xp-sub a{color:var(--soft);text-decoration:none;transition:color .2s ease}.xp-sub a:hover{color:var(--accent)}.xp-sub .sep{color:var(--accent);margin:0 6px}.xp-desc{color:var(--ink-2);margin:11px 0 14px;max-width:58ch;line-height:1.75}.xp-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.xp-tags li{font-family:Space Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.03em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);padding:4px 12px;border-radius:999px;white-space:nowrap}.deck-wrap{margin-top:18px;display:flex;flex-direction:column;align-items:center}.deck{position:relative;width:384px;max-width:100%;height:456px;margin:40px 0 4px;touch-action:pan-y}.tcard{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 30px 32px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 0 var(--line),0 18px 40px -22px #00000073;text-decoration:none;transform-origin:50% 100%;will-change:transform,opacity;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;overflow:hidden}[data-theme=dark] .tcard{--bg: #d8d4ca;--text: #1a1714;--ink-2: #33302a;--soft: #4a443c;--accent: #b8402f;--line: rgba(26, 23, 20, .18);--line-soft: rgba(26, 23, 20, .04)}.tcard:before{content:"";position:absolute;inset:0;background-image:url(/card-texture.svg);background-size:320px;opacity:.5;mix-blend-mode:multiply;pointer-events:none}.tcard>*{position:relative;z-index:1}.tcard{transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .42s ease}.tcard.flinging{transition:transform .36s cubic-bezier(.22,.61,.36,1),opacity .36s ease}.tcard.grabbing,.tcard.no-anim{transition:none}.tcard.is-front{cursor:grab}.tcard.grabbing{cursor:grabbing}.tcard-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tcard-kicker{font-family:Space Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:left;color:var(--accent)}.tcard-year{font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--soft);flex-shrink:0}.tcard-notes{font-family:Space Mono,ui-monospace,monospace;font-size:13px;line-height:1.5;color:var(--ink-2);letter-spacing:.01em;margin:11px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tcard-scales{display:grid;grid-template-columns:84px 1fr;padding-bottom:10px;border-bottom:1px solid var(--line)}.tscale{display:contents}.tscale-label{display:flex;align-items:center;padding:3px 0;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--soft)}.tscale-dots{display:flex;align-items:center;gap:6px;padding:3px 0 3px 14px;border-left:1px solid var(--line)}.tscale-dots .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:.16}.tscale-dots .dot.on{opacity:.9}.tcard-origin{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}.tcard-origin span{font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--soft)}.tcard-view{color:var(--accent)!important;font-weight:700}.tcard-code{font-weight:800;font-size:80px;line-height:1;letter-spacing:.16em;text-align:center;text-indent:.16em;margin-top:4px}.tcard-originline{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--ink-2);margin-top:6px}.tcard-seal{position:absolute;right:16px;bottom:64px;width:58px;height:58px;opacity:.42;transform:rotate(-8deg);pointer-events:none}.deck-ui{display:flex;align-items:center;gap:16px;margin-top:18px}.deck-prev,.deck-next{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--soft);cursor:pointer;transition:color .2s ease,transform .2s ease}.deck-prev svg,.deck-next svg{width:22px;height:22px;display:block}.deck-prev:hover,.deck-next:hover{color:var(--accent)}.deck-prev:hover{transform:translate(-2px)}.deck-next:hover{transform:translate(2px)}.deck-dots{display:flex;align-items:center;gap:10px}.deck-dot{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.deck-dot:hover{border-color:var(--text)}.deck-dot[aria-selected=true]{background:var(--text);border-color:var(--text);transform:scale(1.25)}footer{padding:60px 0 80px;text-align:center;position:relative}.foot-jp,.foot-en,.flinks{position:relative;z-index:1}.seal{pointer-events:none}.seal-frame,.seal-logo{position:absolute;background-color:var(--accent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.seal-frame{inset:0;-webkit-mask-image:url(/seal-frame.svg);mask-image:url(/seal-frame.svg)}.seal-logo{inset:24%;-webkit-mask-image:url(/stamp-w.png);mask-image:url(/stamp-w.png)}.foot-seal{position:relative;display:block;width:54px;height:54px;margin:30px auto 0;transform:rotate(-4deg)}.foot-jp{font-size:30px;letter-spacing:.3em;color:var(--text);margin-bottom:6px}.foot-en{color:var(--soft);letter-spacing:.2em;font-size:10px;margin-bottom:26px}.flinks{display:flex;gap:26px;justify-content:center;flex-wrap:wrap}.flinks a{color:var(--text);text-decoration:none;font-size:16px;letter-spacing:.1em;border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .25s ease}.flinks a:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding:32px 0 12px;text-align:center}.lamp-scene{max-width:380px;margin-top:8px}.wordmark{margin:0 auto;width:min(420px,100%)}.about{grid-template-columns:1fr}.about-me .about-seal{width:140px}.spec-stats{grid-template-columns:1fr;gap:10px;max-width:320px}.xp{grid-template-columns:1fr;gap:6px}.xp-date{padding-top:0}.deck{width:320px;height:424px}.tcard-code{font-size:52px}}