.prose .avatar img{aspect-ratio:1;object-fit:cover;border-radius:50%}.prose .experience-details th{text-align:left;white-space:nowrap;width:140px;font-weight:500}.prose .experience-details td{text-align:left}@media (width<=600px){.prose .experience-details th{white-space:normal;width:105px}}.hero-visual{overflow:clip}.hero-actions .button,.hero-actions .text-link{white-space:nowrap}@media (width<=600px){.hero-actions{gap:18px}.hero-actions .button{gap:15px;padding:13px 16px}.hero-actions .text-link{gap:8px;font-size:12px}}:root{color-scheme:dark;--bg:#101116;--panel:#18191f;--text:#f2f2f5;--muted:#91929e;--line:#2a2b33;--accent:#baa0ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,Noto Sans JP,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}img{max-width:100%;display:block}a:hover{color:var(--accent)}[hidden]{display:none!important}.shell{max-width:1200px;margin:auto;padding:0 40px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:25px 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:26px;font-weight:700;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:40px;height:45px;margin-right:10px}.brand-dot{color:var(--accent)}nav{gap:32px;display:flex}.header nav{color:var(--muted);font-size:14px}.header nav a[aria-current]{color:var(--text)}.header-contact{border:1px solid var(--line);border-radius:8px;padding:7px 18px;font-size:13px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:650px;padding-top:65px;padding-bottom:75px;display:grid}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.status-dot{background:#81d8a5;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #81d8a533}.hero h1{letter-spacing:-2px;margin:25px 0;font-size:clamp(40px,4.4vw,62px);line-height:1.4}.gradient-text{color:#0000;background:linear-gradient(105deg,#d6c1ff,#a98aff 45%,#81acfc) text}.hero-description{color:var(--muted);font-size:14px;line-height:2.1}.hero-actions{align-items:center;gap:28px;margin-top:33px;display:flex}.button{border:1px solid var(--line);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:30px;padding:13px 21px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#15111e;background:#b89bf7;border-color:#b89bf7}.primary:hover{color:#15111e;background:#d0baff}.text-link{align-items:center;gap:16px;font-size:13px;font-weight:500;display:inline-flex}.hero-meta{color:#747582;gap:20px;margin-top:35px;font-size:11px;display:flex}.hero-meta span+span{border-left:1px solid var(--line);padding-left:20px}.hero-visual{background:radial-gradient(#754ec523,#0000 68%);justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.orbit{border:1px solid #a583e01a;border-radius:50%;width:420px;height:420px;position:absolute;transform:rotate(-22deg)scaleY(.78)}.orbit-two{width:470px;height:470px;transform:rotate(35deg)scaleY(.68)}.visual-label{letter-spacing:3px;color:#74717f;font-size:10px;position:absolute;top:12px;left:20px}.code-window{z-index:1;background:linear-gradient(135deg,#23212c,#18191e);border:1px solid #474052;border-radius:12px;width:100%;max-width:425px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 80px #0005}.window-top{border-bottom:1px solid #35323f;align-items:center;gap:6px;padding:16px;display:flex}.window-top i{background:#796572;border-radius:50%;width:7px;height:7px}.window-top i:nth-child(2){background:#9a8562}.window-top i:nth-child(3){background:#5e8a77}.window-top span{color:#85818f;margin-left:12px;font-size:10px}.code-window pre{color:#d7d4e0;margin:0;padding:24px 21px;font:12px/2.1 Consolas,monospace}.code-muted{color:#757084}.code-purple{color:#c6a1f3}.code-green{color:#9acbb8}.window-bottom{color:#a7a0b1;border-top:1px solid #35323f;padding:10px 20px;font-size:10px}.window-bottom .status-dot{margin-right:7px}.floating-label{z-index:2;background:#23202e;border:1px solid #53446b;border-radius:8px;padding:11px 20px;font-size:12px;position:absolute;bottom:61px;right:-6px;transform:rotate(4deg);box-shadow:0 10px 30px #0004}.visual-caption{color:#77707f;letter-spacing:2px;font-size:9px;position:absolute;bottom:-2px;right:0}.visual-caption span{color:var(--accent);margin-left:25px}.technology-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#13141a}.technology-strip .shell{justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px;display:flex}.technology-strip span{letter-spacing:1.5px;color:#747582;font-size:9px}.technology-strip strong{color:#b2b3bf;font-size:14px;font-weight:500}.section{padding-top:85px;padding-bottom:85px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-heading h2,.about-band h2{letter-spacing:-1px;margin:12px 0 8px;font-size:29px;line-height:1.6}.section-heading p,.about-band p{color:var(--muted);margin:0;font-size:13px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.project-card,.blog-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.project-card:hover,.blog-card:hover{color:var(--text);border-color:#75618f;transform:translateY(-4px)}.card-image{background:#24242c;height:220px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover img{transform:scale(1.03)}.card-number{color:#fff;background:#15151baa;border:1px solid #fff2;border-radius:5px;padding:2px 9px;font-size:10px;position:absolute;top:16px;left:16px}.card-arrow{text-align:center;color:#fff;background:#15151bcc;border:1px solid #fff3;border-radius:50%;width:30px;height:30px;line-height:28px;position:absolute;bottom:14px;right:14px}.card-copy{padding:22px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#bab3cf;background:#a88acc12;border:1px solid #a88acc22;border-radius:4px;padding:2px 8px;font-size:9px}.card-copy h3{margin:13px 0 8px;font-size:17px;line-height:1.6}.card-copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.image-placeholder,.blog-placeholder{color:#cec0ec;background:radial-gradient(at 100% 0,#67529955,#0000),#24232c;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.image-placeholder span{font-size:50px}.about-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;padding-top:50px;padding-bottom:50px;display:grid}.about-band .text-link{margin-top:25px}.about-person{justify-content:center;align-items:center;gap:25px;display:flex}.about-person img{background:#2f2b36;border-radius:50%}.about-person h3{margin:0;font-size:22px}.about-person p{font-size:12px}.about-person span{color:#72737f;font-size:11px}.journal-list a{border-bottom:1px solid var(--line);align-items:center;gap:38px;padding:25px 0;display:flex}.journal-list time{color:#80808e;min-width:95px;font-size:11px}.journal-list a>div{flex:1}.journal-list span{color:var(--accent);font-size:10px}.journal-list h3{margin:4px 0;font-size:16px}.journal-list b{font-size:20px;font-weight:400}footer{border-top:1px solid var(--line);align-items:center;gap:25px;max-width:1200px;margin:auto;padding:40px;display:flex}footer .brand{font-size:20px}footer p{color:#737480;font-size:11px}footer>div{color:#737480;gap:22px;margin-left:auto;font-size:10px;display:flex}.skip{color:#111;z-index:100;background:#baa0ff;padding:12px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.page-title{margin:20px 0;font-size:42px;line-height:1.5}.intro{color:var(--muted);margin-bottom:40px;font-size:14px}.callout{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:50px;padding:30px}.callout h2{font-size:22px}.callout p{color:var(--muted)}.filter-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:20px;margin-bottom:25px;padding:20px 0;display:flex}.filter-row label,.filter-row span{color:var(--muted);font-size:11px}.filter-row span{margin-left:auto}.filter-row input{width:300px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.blog-card>img,.blog-placeholder{object-fit:cover;width:100%;height:180px}.blog-placeholder{font-size:20px}.blog-card h2{margin:10px 0;font-size:16px;line-height:1.7}.blog-card time{color:var(--muted);font-size:10px}.blog-card .tags{margin-top:20px}.pagination{justify-content:center;gap:10px;margin-top:45px}.pagination a{border:1px solid var(--line);border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.pagination a[aria-current]{background:var(--accent);color:#111}.article-shell{padding-top:45px;padding-bottom:80px}.back-link{color:var(--muted);font-size:12px}.article-header{max-width:850px;padding:35px 0}.article-header h1{margin:20px 0;font-size:36px;line-height:1.6}.article-meta{color:var(--muted);gap:20px;font-size:11px;display:flex}.article-cover{object-fit:cover;border-radius:12px;width:100%;height:360px;margin-bottom:40px}.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:65px;display:grid}.prose{overflow-wrap:anywhere;color:#d3d3dc;min-width:0;font-family:Noto Sans JP,sans-serif;font-size:15px;line-height:2.1}.prose h2{color:var(--text);border-bottom:1px solid var(--line);margin:45px 0 22px;padding-bottom:12px;font-size:25px}.prose h3{color:var(--text);margin-top:30px;font-size:19px}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.prose img{border-radius:8px;height:auto;margin:25px auto}.prose pre{border:1px solid var(--line);background:#1a1b24;border-radius:8px;padding:22px;font:13px/1.8 Consolas,monospace;overflow:auto}.prose code{background:#272631;border-radius:4px;padding:2px 5px;font-size:.9em}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;font-size:12px;display:block;overflow:auto}.prose th,.prose td{border:1px solid #393944;min-width:70px;padding:8px 12px}.prose blockquote{border-left:3px solid var(--accent);background:var(--panel);margin:20px 0;padding:10px 20px}.prose iframe{aspect-ratio:16/9;border:0;border-radius:10px;width:100%}.prose hr{border:0;border-top:1px solid var(--line);margin:25px 0}.prose .content-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:20px 0;padding:20px}.prose .content-card h3{margin:0 0 15px}.skill-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:25px;padding:5px 0;font-size:12px;display:flex}.skill-row span+span{color:var(--accent)}.profile{flex-wrap:wrap;align-items:center;gap:25px;display:flex}.skills{grid-template-columns:1fr 1fr;gap:15px;display:grid}.skills .content-card{margin:0}.article-aside{border-left:1px solid var(--line);align-self:start;padding-left:25px;position:sticky;top:30px}.article-aside nav{color:var(--muted);flex-direction:column;gap:14px;margin-top:22px;font-size:11px;display:flex}.aside-person{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:12px}.aside-person img{border-radius:50%;margin-bottom:10px}.aside-person p{color:var(--muted);font-size:10px}.aside-person a{color:var(--accent)}.related{border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.related h2{font-size:20px}.related a{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;font-size:14px;display:flex}input,textarea,select{color:var(--text);background:#171820;border:1px solid #383943;border-radius:6px;padding:10px 12px}@media (width>=1450px){.hero{min-height:700px}}@media (width<=900px){.shell{padding-left:25px;padding-right:25px}.hero{gap:20px}.hero h1{font-size:42px}.code-window pre{font-size:10px}.orbit{max-width:100%}.orbit-two{max-width:110%}.project-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.article-aside{display:none}.technology-strip .shell{flex-wrap:wrap;justify-content:center}.about-person{gap:15px}.about-person img{width:75px;height:75px}footer{flex-wrap:wrap}footer>div{margin-left:0}}@media (width<=600px){.header{padding:20px}.header nav{gap:18px;font-size:12px}.brand{font-size:22px}.brand-mark{width:32px;height:36px;margin-right:8px}.header-contact{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:40px}.hero h1{font-size:44px}.hero-description{font-size:12px}.hero-visual{min-height:360px;padding:0 12px}.code-window{max-width:340px}.code-window pre{font-size:10px}.floating-label{bottom:35px;right:0}.visual-caption{font-size:8px}.hero-meta{font-size:10px}.technology-strip strong{font-size:11px}.technology-strip span{text-align:center;width:100%}.section{padding-top:55px;padding-bottom:55px}.section-heading{flex-direction:column;align-items:start;gap:15px}.section-heading h2,.about-band h2{font-size:25px}.project-grid,.blog-grid{grid-template-columns:1fr}.card-image{height:240px}.about-band{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:35px}.about-person{justify-content:start}.journal-list a{flex-wrap:wrap;gap:16px}.journal-list time{min-width:0}.journal-list h3{font-size:13px}.journal-list a>div{flex:auto;order:2;width:calc(100% - 35px)}.journal-list b{margin-left:auto}.page-title{font-size:30px}.filter-row{flex-wrap:wrap;gap:12px}.filter-row input{order:3;width:100%}.filter-row span{margin-left:auto}.article-header h1{font-size:27px}.article-cover{height:240px}.prose{font-size:14px}.prose h2{font-size:22px}.skills{grid-template-columns:1fr}footer{gap:10px;padding:30px 25px}footer p{width:100%;margin:0}footer>div{flex-wrap:wrap;gap:20px;margin-top:15px}.eyebrow{font-size:9px}}