:root{--bg:#fcfaf6;--bg-elev:#fff;--text:#1c1917;--text-muted:#6f675e;--border:#ebe4da;--border-strong:#ded4c6;--accent:#b84c2c;--accent-weak:#fbeee9;--shadow:0 1px 2px #1c19170a, 0 8px 24px -12px #1c19171f;--shadow-lift:0 2px 4px #1c19170d, 0 16px 40px -16px #1c19172e;--font:ui-sans-serif, system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--measure:44rem;--step:clamp(4.5rem, 9vw, 7rem);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#12100e;--bg-elev:#1a1714;--text:#f5f1ea;--text-muted:#a0978b;--border:#2b2521;--border-strong:#3a322c;--accent:#ff8a66;--accent-weak:#2a1a14;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-lift:0 2px 4px #00000059, 0 16px 40px -16px #000000b3}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.85}a{color:inherit;text-decoration-color:var(--border-strong);text-underline-offset:.25em;transition:color .18s,text-decoration-color .18s}a:hover{color:var(--accent);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.page{max-width:var(--measure);margin:0 auto;padding:clamp(3.5rem,9vw,7rem) clamp(1.25rem,5vw,2rem) 5rem}.section{margin-top:var(--step)}.section__title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:1rem;margin:0 0 2rem;font-size:.75rem;font-weight:600;display:flex}.section__title:after{content:"";background:var(--border);flex:1;height:1px}.hero__emoji{margin-bottom:1.5rem;font-size:2.5rem;line-height:1;display:block}.hero__name{letter-spacing:-.025em;margin:0;font-size:clamp(2.25rem,6.5vw,3.25rem);font-weight:700;line-height:1.15}.hero__role{color:var(--accent);letter-spacing:.01em;margin:.75rem 0 0;font-size:1rem;font-weight:600}.hero__sep{opacity:.4;margin:0 .5rem}.hero__freelance{color:var(--text-muted);font-weight:500}.hero__tagline{color:var(--text);margin:.375rem 0 0;font-size:1.0625rem}.hero__intro{max-width:34rem;color:var(--text-muted);margin:1.5rem 0 0;font-size:.9375rem}.stack{flex-wrap:wrap;gap:.4rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.stack__item{background:var(--accent-weak);color:var(--accent);white-space:nowrap;border-radius:6px;padding:.2rem .65rem;font-size:.8125rem;font-weight:500}.linkrow{flex-wrap:wrap;gap:.625rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.linkrow a{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;align-items:baseline;gap:.5rem;padding:.4rem .9rem;font-size:.875rem;line-height:1.6;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.linkrow a:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.linkrow strong{font-weight:600}.linkrow span{color:var(--text-muted);font-size:.8125rem;font-family:var(--font-mono)}.strengths{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.strength{border-left:2px solid var(--border);padding-left:1.25rem}.strength:hover{border-left-color:var(--accent)}.strength__title{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.625rem;margin:0;font-size:1.0625rem;font-weight:700;display:flex}.strength__badge{border:1px dashed var(--border-strong);color:var(--text-muted);letter-spacing:.02em;border-radius:999px;padding:.1rem .5rem;font-size:.6875rem;font-weight:600}.strength__body{color:var(--text-muted);margin:.625rem 0 0;font-size:.9375rem}.strength__proof{color:var(--accent);margin-top:.75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-block}.strength__proof:hover{text-underline-offset:.25em;text-decoration:underline}.cards{gap:1rem;display:grid}.card{border:1px solid var(--border);background:var(--bg-elev);border-radius:16px;padding:1.75rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;position:relative}.card:hover{color:inherit;border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card--nolink,div.card:hover{box-shadow:none;cursor:default;transform:none}.card--archived{opacity:.72;background:0 0;border-style:dashed;transition:opacity .2s,border-color .2s,transform .2s,box-shadow .2s}.card--archived:hover{opacity:1;background:var(--bg-elev);border-style:solid}.card--archived .card__tagline{color:var(--text-muted)}.card--archived .tag{border:1px solid var(--border);color:var(--text-muted);background:0 0}.card--archived:hover .tag{background:var(--accent-weak);color:var(--accent);border-color:#0000}.card__head{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.card__name{letter-spacing:-.015em;margin:0;font-size:1.375rem;font-weight:700}.card__chip{border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap;letter-spacing:.02em;border-radius:5px;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.card__period{font-family:var(--font-mono);color:var(--text-muted);margin-right:auto;font-size:.75rem}.card__arrow{color:var(--text-muted);margin-left:auto;transition:transform .2s,color .2s}.card:hover .card__arrow{color:var(--accent);transform:translate(3px,-3px)}.card__tagline{color:var(--accent);margin:.375rem 0 0;font-size:.9375rem;font-weight:600}.card__desc{color:var(--text-muted);margin:.875rem 0 0;font-size:.9375rem}.card__meta{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.25rem 0 0;padding-top:1rem;display:flex}.taglist{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--accent-weak);color:var(--accent);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:500}.articles{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.article{border-bottom:1px solid var(--border);border-radius:6px;align-items:baseline;gap:1.25rem;padding:.9rem .5rem;text-decoration:none;transition:background .16s,padding-left .16s;display:flex}.article:hover{color:inherit;background:var(--accent-weak);padding-left:.85rem}.article__date{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;width:3.75rem;font-size:.75rem}.article__title{font-size:.9375rem;line-height:1.6}.article:hover .article__title{color:var(--accent)}.articles__more{margin:1.25rem 0 0;font-size:.875rem}.articles__more a{color:var(--text-muted);text-decoration:none}.articles__more a:hover{color:var(--accent)}@media (width<=32rem){.article{flex-direction:column;gap:.2rem}.article__date{width:auto}}.timeline{margin:0;padding:0;list-style:none}.timeline__item{grid-template-columns:4.5rem 1fr;gap:0 1.5rem;padding-bottom:2rem;display:grid}.timeline__item:last-child{padding-bottom:0}.timeline__date{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;padding-top:.5rem;font-size:.75rem}.timeline__body{padding-left:1.75rem;font-size:.9375rem;position:relative}.timeline__body:before{content:"";background:var(--border);width:1px;position:absolute;top:.85rem;bottom:-2rem;left:3px}.timeline__item:last-child .timeline__body:before{display:none}.timeline__body:after{content:"";background:var(--border-strong);border-radius:50%;width:7px;height:7px;transition:background .18s,transform .18s;position:absolute;top:.6rem;left:0}.timeline__item:hover .timeline__body:after{background:var(--accent);transform:scale(1.4)}.contact{border:1px solid var(--border);background:var(--bg-elev);border-radius:16px;padding:2rem}.contact__headline{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.contact__body{color:var(--text-muted);margin:.5rem 0 1.5rem;font-size:.9375rem}.contact__list{border-top:1px solid var(--border);gap:.75rem;margin:0;padding:1.5rem 0 0;list-style:none;display:grid}.contact__row{align-items:baseline;gap:1rem;display:flex}.contact__label{letter-spacing:.08em;text-transform:uppercase;width:4rem;color:var(--text-muted);flex-shrink:0;font-size:.75rem}.contact__value{font-family:var(--font-mono);word-break:break-all;font-size:.9375rem}.footer{margin-top:var(--step);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;font-size:.8125rem;display:flex}@media (width>=40rem){.cards{gap:1.25rem}}@media (width<=32rem){.timeline__item{grid-template-columns:1fr;gap:.25rem}.timeline__date{padding-top:0;padding-left:1.75rem}.timeline__body:before,.timeline__body:after{display:none}.timeline__body{border-left:1px solid var(--border);margin-left:3px;padding-bottom:.25rem;padding-left:1.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}