.about-page-content{--about-paper:#f8f4eb;--about-paper-strong:#fffdf8;--about-ink:#262a28;--about-muted:#6d716b;--about-faint:#9b9b91;--about-line:rgba(56, 61, 57, 0.14);--about-line-soft:rgba(56, 61, 57, 0.08);--about-blue:#2489b7;--about-blue-deep:#1b617f;--about-green:#6f805e;--about-rust:#b85f45;--about-gold:#c39c43;--about-shadow:rgba(50, 45, 38, 0.16);--about-serif:var(--steph-font-family-serif, "Noto Serif SC", "Songti SC", Georgia, serif);--about-sans:"Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif;position:relative;isolation:isolate;color:var(--about-ink)}.about-page-content::before,.about-page-content::after{content:none}.dark .about-page-content{--about-paper:#1b2021;--about-paper-strong:#222829;--about-ink:#eee9df;--about-muted:#bbb6ab;--about-faint:#8e8b83;--about-line:rgba(238, 233, 223, 0.16);--about-line-soft:rgba(238, 233, 223, 0.09);--about-blue:#59b7dc;--about-blue-deep:#8bcce5;--about-green:#91a77c;--about-rust:#db8066;--about-gold:#d8b65e;--about-shadow:rgba(0, 0, 0, 0.48)}body:has(.about-page-content) #single_header{display:none!important}body:has(.about-page-content) #single_header+.article-layout{padding-top:clamp(6rem,7vw,7.5rem)}body:has(.about-page-content) #single_header,body:has(.about-page-content) main#main-content>article>header{margin-bottom:clamp(1.4rem,3vw,2.2rem)}body:has(.about-page-content) #single_header h1,body:has(.about-page-content) .article-title{color:var(--about-ink,#262a28)!important;font-family:var(--about-serif)!important;font-size:clamp(1.75rem,2.7vw,2.35rem)!important;font-weight:760!important;letter-spacing:-.035em!important;line-height:1.03!important}.dark body:has(.about-page-content) #single_header h1,.dark body:has(.about-page-content) .article-title{color:#f0ece4!important}.profile-archive{position:relative;isolation:isolate;container-type:inline-size;min-height:0;margin:0 0 .75rem;padding:clamp(.9rem,2vw,1.25rem);overflow:hidden;border:1px solid rgba(76,84,79,.11);border-radius:clamp(1.35rem,3vw,2.25rem);background:linear-gradient(115deg,rgba(255,255,255,.76),transparent 38%),radial-gradient(circle at 88% 8%,rgba(36,137,183,.12),transparent 18rem),linear-gradient(145deg,rgba(247,240,226,.82),rgba(255,253,248,.74) 58%,rgba(241,234,219,.78));box-shadow:0 12px 30px -22px rgba(44,52,61,.2),0 34px 72px -52px var(--about-shadow),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(15px)saturate(.94);-webkit-backdrop-filter:blur(15px)saturate(.94)}.profile-archive::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;pointer-events:none;background-image:repeating-linear-gradient(0,transparent 0 27px,rgba(74,77,69,8%) 27px 28px),radial-gradient(circle at 1px 1px,rgba(87,74,58,.24) .55px,transparent .65px);background-size:auto,9px 9px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35) 60%,transparent);-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35) 60%,transparent)}.profile-archive::after{content:none}.profile-archive__masthead{display:grid;grid-template-columns:1fr auto auto;gap:1.2rem;padding:.15rem .35rem 1rem;border-bottom:1px solid rgba(55,59,54,.18);color:#73756d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.58rem,1.2vw,.7rem);font-weight:650;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.profile-archive__layout{display:grid;grid-template-columns:minmax(11.5rem,.66fr)minmax(0,1.5fr);gap:clamp(1.6rem,4vw,3.2rem);align-items:center;padding:clamp(1.8rem,3.8vw,3rem)clamp(.9rem,3vw,2.35rem)}.profile-archive__portrait{position:relative;width:min(100%,13.4rem);margin:0 auto;padding:.72rem;border:1px solid rgba(76,69,57,.16);border-radius:.22rem;background:#fbf7ee;box-shadow:0 24px 42px -28px rgba(46,40,32,.48),inset 0 0 0 1px rgba(255,255,255,.8);transform:rotate(-2.1deg)}.profile-archive__portrait::after{content:"";position:absolute;inset:.72rem;pointer-events:none;box-shadow:inset 0 0 38px rgba(31,39,38,9%)}.profile-archive__avatar{display:block;width:100%!important;aspect-ratio:1/1.08;margin:0!important;object-fit:cover;border-radius:.08rem;filter:saturate(.88)contrast(.98)sepia(.06)}.profile-archive__tape{position:absolute;z-index:2;top:-.8rem;left:50%;width:5.8rem;height:1.55rem;background:rgba(211,190,137,.52);box-shadow:inset 0 0 0 1px rgba(142,116,68,.1);transform:translateX(-50%)rotate(1.8deg);clip-path:polygon(3% 7%,97% 0,100% 91%,2% 100%,0 53%)}.profile-archive__copy{position:relative;z-index:3;max-width:39rem;padding-right:0}.profile-archive__eyebrow{margin:0 0 .28rem!important;color:var(--about-rust)!important;font-family:var(--about-serif);font-size:.9rem;font-weight:720;letter-spacing:.14em}.profile-archive__copy h2{margin:0 0 .8rem!important;padding:0!important;color:#202421!important;font-family:var(--about-serif)!important;font-size:clamp(1.9rem,3.2vw,2.6rem)!important;font-weight:760!important;letter-spacing:-.045em!important;line-height:.98!important;text-transform:none!important}.profile-archive__copy h2::before,.profile-archive__copy h2::after{display:none!important;content:none!important}.profile-archive__copy>p{max-width:35rem;margin:0 0 .88rem!important;color:#575d57!important;font-family:var(--about-serif);font-size:clamp(.92rem,1.4vw,1.01rem);line-height:1.78}.profile-archive__copy .profile-archive__lead{margin-bottom:1.2rem!important;color:#313731!important;font-size:clamp(1rem,1.8vw,1.16rem);font-weight:700}.about-pixel-scene{position:relative;z-index:8;width:clamp(9.5rem,18vw,12rem);margin:clamp(3rem,6vw,4.5rem)auto .75rem}.pixel-scene__button{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;border:2px solid #283842;border-radius:3px;background:#08131d;color:inherit;box-shadow:4px 4px rgba(22,28,31,.2);cursor:pointer;-webkit-tap-highlight-color:transparent}.pixel-scene__button:focus-visible{outline:2px solid #d9b94e;outline-offset:3px}.pixel-scene__art{display:block;width:100%;height:auto;image-rendering:pixelated}.pixel-scene__message{position:absolute;z-index:10;right:auto;bottom:calc(100% + .55rem);left:50%;display:grid;grid-template-columns:2.65rem minmax(8.8rem,1fr);gap:.6rem;align-items:center;width:clamp(13.5rem,22vw,16.2rem);padding:.66rem .7rem;border:2px solid #59676b;border-radius:2px;background:rgba(7,15,20,.97);box-shadow:4px 4px rgba(25,32,35,.22);color:#e6e2d7;opacity:0;pointer-events:none;transform:translate3d(-50%,4px,0);transform-origin:center bottom;transition:opacity 90ms steps(2,end),transform 140ms steps(3,end)}.about-pixel-scene.is-clue-open .pixel-scene__message{opacity:1;transform:translate3d(-50%,0,0)}.about-pixel-scene.is-clue-open .pixel-scene__button{border-color:#6f8f8e}.pixel-scene__mark{display:grid;width:2.65rem;height:2.15rem;place-items:center;border:1px solid #7f7652;border-radius:1px;background:#2c332d;color:#f1d96a}.pixel-scene__note-icon{display:block;width:1.18rem;height:1.18rem}.pixel-scene__message-copy{display:grid;gap:.18rem;min-width:0}.pixel-scene__message-copy strong{color:#d5c35d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.1em;line-height:1.2}.pixel-scene__message-copy small{color:#bcc6c2;font-family:var(--about-serif);font-size:.64rem;line-height:1.4}.pixel-scene__rain{animation:about-pixel-rain 1.4s steps(4,end)infinite}.pixel-scene__neon{animation:about-pixel-neon 3.7s steps(1,end)infinite}.pixel-scene__neon--late{animation-delay:1.1s}.pixel-scene__headlight{animation:about-pixel-headlight 2.8s steps(2,end)infinite}.pixel-scene__wanderer,.pixel-scene__blue-cat{animation:about-pixel-bob 2.4s steps(2,end)infinite}.pixel-scene__blue-cat{animation-delay:.5s}@keyframes about-pixel-rain{to{transform:translate3d(-2px,9px,0)}}@keyframes about-pixel-neon{0%,78%,84%,100%{opacity:1}79%,83%{opacity:.28}}@keyframes about-pixel-headlight{0%,100%{opacity:.72}50%{opacity:1}}@keyframes about-pixel-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}.about-page-content .timeline::before{width:2px;border-radius:0;background:repeating-linear-gradient( 180deg,color-mix(in srgb,var(--about-ink) 30%,transparent) 0 7px,transparent 7px 11px )}.about-page-content .timeline-item::before{width:8px;height:8px;border:1px solid var(--about-paper-strong);border-radius:1px;background:var(--about-green);box-shadow:2px 2px color-mix(in srgb,var(--about-ink) 24%,transparent);transform:translateX(-8px)}.about-page-content .tag-list:not(.hobby-archive) .tag{border-color:color-mix(in srgb,var(--about-ink) 14%,transparent);border-radius:4px;background:color-mix(in srgb,var(--about-paper-strong) 88%,transparent);box-shadow:2px 2px color-mix(in srgb,var(--about-ink) 9%,transparent);color:var(--about-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;letter-spacing:.025em}.about-page-content .tag-list:not(.hobby-archive) .tag:hover{border-color:color-mix(in srgb,var(--about-ink) 25%,transparent);background:var(--about-paper-strong);color:var(--about-ink);box-shadow:3px 3px color-mix(in srgb,var(--about-ink) 13%,transparent);transform:translate(-1px,-1px)}.dark .profile-archive{border-color:rgba(239,233,223,.16);background:linear-gradient(115deg,rgba(255,255,255,7%),transparent 38%),radial-gradient(circle at 88% 8%,rgba(68,166,204,.13),transparent 18rem),linear-gradient(145deg,rgba(28,34,34,.82),rgba(37,43,43,.76) 58%,rgba(25,31,32,.82));box-shadow:0 16px 34px -22px rgba(0,0,0,.4),0 34px 72px -48px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,7%)}.dark .profile-archive::before{opacity:.18;filter:invert(1)}.dark .profile-archive__masthead{border-color:rgba(239,233,223,.15);color:#9e9d96}.dark .profile-archive__portrait{border-color:rgba(255,255,255,.1);background:#dcd6c9}.dark .profile-archive__copy h2{color:#f3eee4!important}.dark .profile-archive__copy>p{color:#bcb9b0!important}.dark .profile-archive__copy .profile-archive__lead{color:#e1ddd4!important}.dark .pixel-scene__button{box-shadow:4px 4px rgba(0,0,0,.36)}.dark .pixel-scene__message{box-shadow:4px 4px rgba(0,0,0,.45)}@media(max-width:920px){.profile-archive{min-height:0}.profile-archive__layout{grid-template-columns:minmax(9.5rem,.65fr)minmax(0,1.35fr);gap:1.5rem;padding-inline:1.25rem}.profile-archive__copy{padding-right:0}}@container(max-width:700px){.profile-archive {
    min-height: 0;
  }

  .profile-archive__layout {
    grid-template-columns: minmax(8.4rem, 0.48fr) minmax(0, 1.52fr);
    gap: 1.2rem;
    padding: 2.2rem 1rem;
  }

  .profile-archive__portrait {
    align-self: start;
    width: 100%;
  }

  .profile-archive__copy > p {
    font-size: 0.92rem;
    line-height: 1.78;
  }

}@media(max-width:700px){body:has(.about-page-content) #single_header+.article-layout{padding-top:4.75rem}body:has(.about-page-content) #single_header h1,body:has(.about-page-content) .article-title{font-size:clamp(1.7rem,7.2vw,2.05rem)!important}.profile-archive{min-height:auto;padding:.85rem;border-radius:1.35rem}.profile-archive__masthead{grid-template-columns:1fr auto;gap:.5rem}.profile-archive__masthead span:nth-child(3){display:none}.profile-archive__layout{grid-template-columns:1fr;gap:1.65rem;padding:2.1rem .7rem 1rem}.profile-archive__portrait{width:min(66vw,11.8rem)}.profile-archive__copy{max-width:none;padding-right:0;text-align:left}.profile-archive__copy h2{font-size:clamp(1.9rem,9vw,2.6rem)!important}.profile-archive__copy>p{font-size:.92rem;line-height:1.82}.about-pixel-scene{width:8.75rem;margin-top:3.25rem}.pixel-scene__message{right:auto;bottom:calc(100% + .5rem);left:50%;width:min(13.5rem,72vw)}}@media(max-width:420px){.pixel-scene__message{grid-template-columns:2.35rem minmax(0,1fr);width:min(12.5rem,72vw);padding:.62rem}.pixel-scene__mark{width:2.35rem}}@media(prefers-reduced-motion:reduce){.pixel-scene__rain,.pixel-scene__neon,.pixel-scene__headlight,.pixel-scene__wanderer,.pixel-scene__blue-cat{animation:none!important}.pixel-scene__message{transition:none}}