@font-face{font-family:Songti;src:url(/fonts/songti-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}:target{scroll-margin-block:6rem}:root{--bg:oklch(98.5% .003 85);--surface:oklch(95.5% .005 85);--surface-2:oklch(92.5% .006 85);--surface-brand:oklch(95.5% .022 55);--ink:oklch(18% .008 60);--ink-2:oklch(40% .008 60);--ink-3:oklch(54.5% .008 60);--line:oklch(89.5% .006 80);--line-strong:oklch(80% .008 80);--brand:oklch(52% .155 42);--brand-hover:oklch(45% .16 40);--brand-ink:oklch(99% .002 85);--accent:oklch(68% .13 62);--pointer-dot:oklch(52% .155 42/.55);--pointer-glow:oklch(68% .13 62/.11);--pointer-line:oklch(52% .155 42/.09);--shadow-sm:0 1px 2px oklch(18% .008 60/.05);--shadow-md:0 4px 20px oklch(18% .008 60/.07);--shadow-lg:0 20px 50px oklch(18% .008 60/.1);--font-sans:system-ui, -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-display:"Songti", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", Georgia, serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-display:clamp(2.4rem, 1.5rem + 3.7vw, 4.5rem);--fs-h1:clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--fs-h2:clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--fs-h3:clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--fs-lead:clamp(1.0625rem, 1rem + .4vw, 1.25rem);--fs-body:1.0625rem;--fs-sm:.9375rem;--fs-xs:.8125rem;--fs-2xs:.75rem;--lh-display:1.05;--lh-heading:1.2;--lh-body:1.85;--lh-tight:1.5;--ls-display:-.03em;--ls-heading:-.02em;--ls-body:.005em;--ls-mono:.02em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--section-y:clamp(4.5rem, 11vh, 8.5rem);--w-content:1120px;--w-prose:68ch;--w-narrow:52ch;--gutter:clamp(1.25rem, 5vw, 3rem);--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.42s;--z-base:0;--z-raised:50;--z-sticky:100;--z-header:200;--z-overlay:300;--z-modal:400;--z-toast:500;color-scheme:light}[data-theme=dark]{--bg:oklch(14.5% .01 285);--surface:oklch(18.5% .012 285);--surface-2:oklch(22.5% .014 285);--surface-brand:oklch(24% .035 45);--ink:oklch(95.5% .005 85);--ink-2:oklch(79% .008 85);--ink-3:oklch(64.5% .01 85);--line:oklch(28.5% .012 285);--line-strong:oklch(38% .014 285);--brand:oklch(72% .16 45);--brand-hover:oklch(80% .14 48);--brand-ink:oklch(14.5% .01 285);--accent:oklch(80% .13 62);--pointer-dot:oklch(72% .16 45/.5);--pointer-glow:oklch(80% .13 62/.14);--pointer-line:oklch(72% .16 45/.1);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 4px 20px oklch(0% 0 0/.35);--shadow-lg:0 20px 50px oklch(0% 0 0/.45);--lh-body:1.9;color-scheme:dark}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);font-synthesis-weight:none;transition:background-color var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--lh-heading);letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{text-wrap:pretty}a{color:var(--brand);text-decoration-color:color-mix(in oklch, var(--brand) 35%, transparent);text-underline-offset:.25em;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out);text-decoration-thickness:1px}a:hover{color:var(--brand-hover);text-decoration-color:currentColor}strong{color:var(--ink);font-weight:600}code,kbd,samp{font-family:var(--font-mono);letter-spacing:var(--ls-mono);font-size:.9em}::selection{background:color-mix(in oklch, var(--brand) 22%, transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r-sm)}@keyframes hero-rise{0%{opacity:0;transform:translateY(.9em)}to{opacity:1;transform:none}}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}.hero-anim{animation:hero-rise 1s var(--ease-out-quart) both}.hero-anim--fade{animation:hero-fade 1.1s var(--ease-out) both}html.js .reveal{opacity:0;transition:opacity .72s var(--ease-out-quart), transform .72s var(--ease-out-quart);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(1.25rem)}html.js .reveal.is-visible{opacity:1;will-change:auto;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js .reveal{opacity:1;transform:none}}@media print{.no-print{display:none!important}body{color:#000;background:#fff}html.js .reveal{opacity:1;transform:none}}.container{width:100%;max-width:var(--w-content);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section--tight{padding-block:clamp(3rem,7vh,5rem)}.section--surface{background:var(--surface)}.prose{max-width:var(--w-prose)}.skip-link{left:var(--gutter);z-index:var(--z-toast);background:var(--brand);color:var(--brand-ink);padding:var(--sp-3) var(--sp-5);border-radius:0 0 var(--r-md) var(--r-md);font-size:var(--fs-sm);transition:transform var(--dur-base) var(--ease-out);font-weight:500;text-decoration:none;position:absolute;top:0;transform:translateY(-150%)}.skip-link:focus-visible{outline-offset:-4px;transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html.js .hero-anim{animation:hero-rise .52s var(--ease-out-quart) both}html.js .hero-anim--fade{animation:hero-fade .58s var(--ease-out) both}html.js .reveal{opacity:0;transition:opacity .72s var(--ease-out-quart), transform .72s var(--ease-out-quart);transition-delay:var(--reveal-delay,0s);transform:translateY(1.25rem)}html.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js .reveal,html.js .hero-anim,html.js .hero-anim--fade{opacity:1;filter:none;animation:none;transform:none}}@media print{.no-print,.site-header,.dotfield{display:none!important}body{color:#000;background:#fff}html.js .reveal,html.js .hero-anim,html.js .hero-anim--fade{opacity:1;filter:none;animation:none;transform:none}}.site-header{z-index:var(--z-header);background:color-mix(in oklch, var(--bg) 82%, transparent);backdrop-filter:saturate(1.6)blur(14px);transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);border-bottom:1px solid #0000;position:sticky;top:0}.site-header[data-scrolled]{border-bottom-color:var(--line)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:64px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.brand__mark{object-fit:contain;background:var(--surface-2);width:32px;height:32px;box-shadow:0 0 0 1px var(--line) inset;transition:transform var(--dur-base) var(--ease-out);border-radius:30%;display:block}.brand:hover .brand__mark{transform:rotate(-6deg)scale(1.04)}.brand__name{font-size:var(--fs-sm)}.site-nav__list{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-sm);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:.4rem .7rem;text-decoration:none;display:inline-block}.site-nav__link:hover{color:var(--ink);background:var(--surface-2)}.site-header__actions{align-items:center;gap:.5rem;display:flex}.site-header__blog{border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-sm);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.3rem;padding:.4rem .7rem;text-decoration:none;display:inline-flex}.site-header__blog:hover{color:var(--brand)}.site-header__blog svg{transition:transform var(--dur-base) var(--ease-out)}.site-header__blog:hover svg{transform:translate(2px,-2px)}.theme-toggle{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--surface-2)}.theme-toggle__icon{transition:transform var(--dur-slow) var(--ease-out);place-items:center;display:grid}.theme-toggle__sun,.theme-toggle__moon{transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-out);grid-area:1/1}[data-theme=light] .theme-toggle__moon,[data-theme=dark] .theme-toggle__sun{opacity:0;pointer-events:none;transform:scale(.6)rotate(-40deg)}[data-theme=light] .theme-toggle__sun,[data-theme=dark] .theme-toggle__moon{opacity:1;transform:none}.theme-toggle:hover .theme-toggle__icon{transform:rotate(18deg)}.nav-toggle{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink);place-items:center;display:none}.nav-toggle:hover{background:var(--surface-2)}.nav-toggle__bars{width:18px;height:12px;display:block;position:relative}.nav-toggle__bars span{width:100%;height:1.5px;transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:0}.nav-toggle__bars span:first-child{top:0}.nav-toggle__bars span:last-child{bottom:0}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:first-child{transform:translateY(5.25px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:last-child{transform:translateY(-5.25px)rotate(-45deg)}.mobile-nav{border-top:1px solid var(--line);background:var(--bg);animation:mobile-nav-in var(--dur-base) var(--ease-out) both}@keyframes mobile-nav-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mobile-nav__list{padding:.5rem var(--gutter) 1.25rem;margin:0;list-style:none}.mobile-nav__link{color:var(--ink);border-bottom:1px solid var(--line);padding:.85rem .25rem;font-size:1.05rem;text-decoration:none;display:block}.mobile-nav__list li:last-child .mobile-nav__link{border-bottom:none}.mobile-nav__link--ext{color:var(--brand)}@media (width<=900px){.site-nav{display:none}.nav-toggle{display:grid}.site-header__blog{display:none}}@media (width>=901px){.mobile-nav{display:none}}.hero{isolation:isolate;padding-block:clamp(4rem,14vh,9rem) clamp(4.5rem,13vh,8rem);position:relative;overflow:hidden}.hero__screen{z-index:var(--z-base);pointer-events:none;background-image:linear-gradient(168deg, color-mix(in oklch, var(--bg) 96%, var(--ink)) 0%, var(--bg) 42%, color-mix(in oklch, var(--bg) 97%, var(--brand)) 100%);opacity:.3;background-image:image-set("/textures/paper.avif" 1x type("image/avif"),"/textures/paper.webp" 1x type("image/webp"));background-position:50%;background-size:cover;position:absolute;inset:0}[data-theme=dark] .hero__screen{opacity:.62;background-image:image-set("/textures/screen-glow.avif" 1x type("image/avif"),"/textures/screen-glow.webp" 1x type("image/webp"))}@media (width<=720px){.hero__screen{background-image:image-set("/textures/paper-sm.avif" 1x type("image/avif"),"/textures/paper-sm.webp" 1x type("image/webp"))}[data-theme=dark] .hero__screen{background-image:image-set("/textures/screen-glow-sm.avif" 1x type("image/avif"),"/textures/screen-glow-sm.webp" 1x type("image/webp"))}}[data-theme=dark] .hero__inner{position:relative}[data-theme=dark] .hero:after{content:"";z-index:var(--z-base);pointer-events:none;background:linear-gradient(100deg,oklch(14.5% .01 285/.92) 0%,oklch(14.5% .01 285/.74) 38%,oklch(14.5% .01 285/.28) 62%,#0000 100%);position:absolute;inset:0}.hero__inner{z-index:var(--z-raised);position:relative}.hero__title{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);max-width:18ch;margin:0 0 clamp(1.5rem,4vh,2.25rem);font-weight:700}.hero__line{padding-block:.06em;display:block}.hero__line-inner{display:block}.hero__lede{font-size:var(--fs-lead);color:var(--ink-2);max-width:46ch;margin-bottom:clamp(1.75rem,5vh,2.5rem);line-height:1.75}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero__meta{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.02em;margin-top:clamp(2rem,6vh,3rem)}.btn{border-radius:var(--r-md);min-height:46px;font-size:var(--fs-sm);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out);justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:var(--brand-ink);border:1px solid var(--brand)}.btn--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--brand-ink)}.btn--ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn--ghost:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface)}.dotfield{z-index:var(--z-base);pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 72%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 72%,#0000 100%)}.dotfield__glow{opacity:0;width:620px;height:620px;transition:opacity var(--dur-slow) var(--ease-out);will-change:transform;margin-top:-310px;margin-left:-310px;position:absolute;top:0;left:0}.dotfield__canvas{width:100%;height:100%;position:absolute;inset:0}.section-title{font-size:var(--fs-h2);margin-bottom:clamp(.75rem,2vh,1.1rem);font-weight:650}.section-lede{color:var(--ink-2);font-size:var(--fs-body);margin-bottom:clamp(2rem,5vh,3rem)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.section-head .section-lede{margin-bottom:0}.section-head__link{font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:.35rem;padding-bottom:.35rem;font-weight:500;text-decoration:none;display:inline-flex}.section-head__link svg{transition:transform var(--dur-base) var(--ease-out)}.section-head__link:hover svg{transform:translate(2px,-2px)}.section-head+.posts,.section-head~.posts{margin-top:clamp(2rem,5vh,3rem)}.about__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);margin-top:clamp(1.5rem,4vh,2.5rem);display:grid}.about__main .prose p{color:var(--ink-2);margin-bottom:1.15rem}.about__main .prose p:last-child{margin-bottom:0}.about__card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);align-items:center;gap:1rem;max-width:380px;margin:clamp(2rem,5vh,2.75rem) 0 0;padding:1rem 1.25rem;display:flex}.about__avatar{object-fit:contain;background:var(--surface-2);width:56px;height:56px;box-shadow:0 0 0 1px var(--line) inset;border-radius:26%;flex-shrink:0}.about__card figcaption{flex-direction:column;gap:.15rem;min-width:0;display:flex}.about__card-name{font-weight:600;font-size:var(--fs-sm)}.about__card-note{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.5}.facts{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.fact{border-bottom:1px solid var(--line);grid-template-columns:4.5rem minmax(0,1fr);gap:.25rem 1rem;padding:1.15rem 0;display:grid}.fact__label{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;padding-top:.2rem}.fact__value{font-weight:600;font-size:var(--fs-sm);color:var(--ink);line-height:1.6}.fact__detail{font-size:var(--fs-sm);color:var(--ink-2);grid-column:2;line-height:1.7}.skills{border-top:1px solid var(--line);margin-top:clamp(3rem,8vh,4.5rem);padding-top:clamp(2rem,5vh,3rem)}.skills__title{font-size:var(--fs-h3);margin-bottom:clamp(1.5rem,4vh,2rem)}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(1.5rem,4vw,2.75rem);margin:0;display:grid}.skills__group dt{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;margin-bottom:.85rem}.skills__group dd{margin:0}.tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);border-radius:var(--r-full);background:var(--bg);color:var(--ink-2);font-size:var(--fs-xs);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:.32rem .7rem;line-height:1.5;display:inline-block}.tag:hover{border-color:var(--line-strong);color:var(--ink)}.tags--sm .tag{font-size:var(--fs-2xs);padding:.25rem .6rem}.projects{border-top:1px solid var(--line);margin:clamp(2rem,5vh,3rem) 0 0;padding:0;list-style:none}.project{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(1rem,4vw,3.5rem);padding:clamp(1.75rem,4vh,2.5rem) 0;display:grid}.project__head{flex-direction:column;gap:.4rem;display:flex}.project__year{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.06em}.project__name{font-size:var(--fs-h3);font-weight:650;line-height:1.35}.project__tagline{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}.project__body{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.project__detail{font-size:var(--fs-sm);color:var(--ink-2);margin:0;line-height:1.8}.project__link{font-size:var(--fs-sm);align-items:center;gap:.35rem;margin-top:.15rem;font-weight:500;text-decoration:none;display:inline-flex}.project__link svg{transition:transform var(--dur-base) var(--ease-out)}.project__link:hover svg{transform:translate(2px,-2px)}.posts{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:clamp(1.25rem,3vw,2rem);margin:clamp(2rem,5vh,3rem) 0 0;padding:0;list-style:none;display:grid}.post-item{display:flex}.post{border-radius:var(--r-lg);width:100%;color:inherit;transition:background-color var(--dur-base) var(--ease-out);grid-template-columns:116px minmax(0,1fr);align-items:start;gap:1.15rem;padding:.9rem;text-decoration:none;display:grid}.post:hover{background:var(--surface)}.post__cover{aspect-ratio:16/11;border-radius:var(--r-md);background:var(--surface-2);width:100%;position:relative;overflow:hidden}.post__img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0}.post:hover .post__img{transform:scale(1.04)}.post__cover-fallback{background:linear-gradient(135deg, color-mix(in oklch, var(--brand) 14%, var(--surface-2)), var(--surface-2));position:absolute;inset:0}.post__text{flex-direction:column;gap:.35rem;min-width:0;display:flex}.post__date{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3);letter-spacing:.03em}.post__title{letter-spacing:-.01em;transition:color var(--dur-fast) var(--ease-out);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.02rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.post:hover .post__title{color:var(--brand)}.post__summary{font-size:var(--fs-xs);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}@media (width<=520px){.post{grid-template-columns:88px minmax(0,1fr);gap:.9rem}.post__summary{display:none}}.contacts{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.75rem;margin:clamp(2rem,5vh,3rem) 0 0;padding:0;list-style:none;display:grid}@media (width>=900px){.contacts{grid-template-columns:repeat(3,minmax(0,1fr))}}.contacts li{display:flex}.contact{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);min-height:64px;color:inherit;transition:border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-wrap:wrap;flex:1;align-items:baseline;gap:.15rem .6rem;padding:1.1rem 2.25rem 1.1rem 1.25rem;text-decoration:none;display:flex;position:relative}.contact__note{font-size:var(--fs-2xs);color:var(--ink-3);flex-basis:100%;margin-top:.15rem}.contact:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);color:inherit;transform:translateY(-2px)}.contact__label{font-size:var(--fs-sm);color:var(--ink);font-weight:600}.contact__handle{font-size:var(--fs-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact__arrow{color:var(--ink-3);transition:transform var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);position:absolute;top:.9rem;right:.9rem}.contact:hover .contact__arrow{color:var(--brand);transform:translate(2px,-2px)}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding-block:clamp(2.5rem,6vh,4rem) 2rem}.site-footer__inner{flex-direction:column;gap:clamp(2rem,5vh,3rem);display:flex}.site-footer__brand{max-width:34ch}.site-footer__motto{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.site-footer__desc{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.75}.site-footer__nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:clamp(1.5rem,4vw,2.5rem);display:grid}.site-footer__col-title{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.04em;margin-bottom:.9rem;font-weight:600}.site-footer__list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.site-footer__list a{min-height:44px;color:var(--ink-2);font-size:var(--fs-sm);transition:color var(--dur-fast) var(--ease-out);align-items:center;text-decoration:none;display:flex}@media (width>=900px){.site-footer__list{gap:.55rem}.site-footer__list a{min-height:0}}.site-footer__list a:hover{color:var(--brand);text-decoration:underline}.site-footer__bottom{border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.site-footer__stats{border-top:1px solid var(--line);padding-top:1.5rem}@media (width>=900px){.site-footer__stats{grid-column:1/-1}}.site-footer__bottom p{margin:0}.site-footer__bottom a{color:var(--ink-2)}@media (width>=900px){.site-footer__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,5rem);display:grid}.site-footer__bottom{grid-column:1/-1}}@media (width<=900px){.about__grid{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,6vh,3rem)}.project{grid-template-columns:minmax(0,1fr);gap:.9rem}.hero__title{max-width:14ch}.hero__lede{max-width:40ch}}@media (width<=640px){.hero{padding-block:clamp(2.5rem,9vh,4rem) clamp(3.5rem,10vh,5rem)}.hero__title{max-width:100%}.hero__actions{flex-direction:column;align-items:stretch}.btn{width:100%}.fact{grid-template-columns:minmax(0,1fr);gap:.3rem}.fact__label{padding-top:0}.fact__detail{grid-column:1}.section-head{flex-direction:column;align-items:flex-start;gap:1rem}}@media (hover:none){.contact:hover{box-shadow:none;transform:none}.post:hover .post__img{transform:none}}.notfound{align-content:center;min-height:62vh;display:grid}.notfound__code{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--brand);margin-bottom:.75rem}.notfound__title{font-size:var(--fs-h1);margin-bottom:.85rem}.notfound__text{color:var(--ink-2);max-width:40ch;margin-bottom:2rem}.notfound .hero__actions{gap:.75rem}.project__links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.project__link--muted{color:var(--ink-2);font-weight:400}.project__link--muted:hover{color:var(--brand)}@media (pointer:coarse){.theme-toggle,.nav-toggle{width:44px;height:44px}.project__link,.section-head__link,.site-footer__bottom a,.brand{align-items:center;min-height:44px;display:inline-flex}.site-header__inner{min-height:60px}}.work__figure{margin:clamp(2rem,5vh,3rem) 0 clamp(2.5rem,6vh,3.5rem)}.work__img{border-radius:var(--r-md);width:100%;height:auto;box-shadow:var(--shadow-md)}[data-theme=light] .work__img{outline:1px solid var(--line);outline-offset:-1px}.work__figure figcaption{font-size:var(--fs-xs);color:var(--ink-3);max-width:52ch;margin-top:.85rem;line-height:1.7}.section-index{font-size:var(--fs-xs);letter-spacing:.1em;color:var(--ink-3);align-items:baseline;gap:.7em;margin-bottom:.9rem;display:flex}.section-index span{font-family:var(--font-mono);color:var(--brand);font-size:.95em}.hero__accent{color:var(--brand)}.setup{border-top:1px solid var(--line);margin-top:clamp(3rem,8vh,4.5rem);padding-top:clamp(2rem,5vh,3rem)}.setup__title{font-size:var(--fs-h3);margin-bottom:clamp(1.25rem,3vh,1.75rem)}.setup__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0 clamp(1.5rem,4vw,3rem);margin:0;display:grid}.setup__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;display:flex}.setup__row dt{font-size:var(--fs-sm);color:var(--ink-3);white-space:nowrap}.setup__row dd{font-size:var(--fs-sm);color:var(--ink);text-align:right;margin:0}.site-footer__stats{opacity:0;transition:opacity var(--dur-slow) var(--ease-out);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:inline-flex}.site-footer__stats[data-state=ready]{opacity:1}.site-footer__stats[data-state=failed]{display:none}.stats__item{font-size:var(--fs-xs);color:var(--ink-3);align-items:baseline;gap:.35rem;display:inline-flex}.stats__icon{color:var(--ink-3);flex-shrink:0;align-self:center;margin-top:.1em}.stats__label{color:var(--ink-3)}.stats__value{font-size:var(--fs-sm);color:var(--ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em;text-align:right;min-width:1.5em;font-weight:600}.stats__unit{color:var(--ink-3)}.stats__sep{background:var(--line-strong);align-self:center;width:1px;height:.85em}@media (width<=560px){.stats__sep{display:none}}.board{min-height:60vh}.board__head{margin-bottom:clamp(2rem,5vh,3rem)}.board__comments{max-width:76ch}.board__comments:not(:has(.tk-comments)){min-height:620px}@media (width<=560px){.board__comments:not(:has(.tk-comments)){min-height:700px}}.board__fallback{border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--surface);color:var(--ink-2);font-size:var(--fs-sm);text-align:center;margin:0;padding:clamp(1.5rem,4vh,2.25rem);line-height:1.8}.board__fallback a{color:var(--brand)}.twikoo-host:has(.tk-comments) .board__fallback,.twikoo-host:has(.tk-comments) noscript{display:none}.board__fallback--loading{margin-top:.75rem}