:root{--color-paper:oklch(18% .018 65);--color-surface:oklch(23% .021 65);--color-stage:oklch(20% .02 65);--color-ink:oklch(93% .025 75);--color-muted:oklch(75% .027 75);--color-rule:oklch(88% .045 75/.18);--color-accent:oklch(76% .095 75);--color-accent-soft:oklch(35% .035 75);--color-accent-ink:oklch(21% .028 65);--color-accent-light:oklch(83% .083 75);--color-hover:oklch(86% .04 75/.09);--color-glass:oklch(18% .02 65/.76);--color-glass-rule:oklch(86% .065 75/.22);--color-panel:oklch(20% .025 65/.95);--color-shadow:oklch(10% .01 65/.3);--color-transparent:oklch(15% .02 65/0);--color-shade-top:oklch(12% .02 65/.6);--color-shade-bottom:oklch(12% .02 65/.72);--color-entrance-shade:oklch(12% .02 65/.78);--color-entrance-bottom:oklch(12% .02 65/.65);--color-entrance-card:oklch(20% .03 65/.8);--color-plan-paper:oklch(94% .012 75);--color-warning:oklch(82% .11 75);--color-warning-soft:oklch(32% .03 75);--color-error:oklch(78% .12 25);--color-backdrop:oklch(12% .02 65/.75);--color-scene-selection:#225db1;--color-scene-provisional:#8c4d0c;--color-scene-emission-off:#000;--color-scene-dimension:#607184;--color-scene-label:#34465e;--color-scene-label-paper:#f8fafc;--color-scene-sky:#fff;--color-scene-ground:#b1a899;--color-scene-sun:#fff6e7;--color-scene-fill:#dceaff;--font-display:"Cormorant Garamond", "Baskerville", "Songti SC", "Noto Serif CJK SC", serif;--font-body:"Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", "Menlo", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--text-meta:.75rem;--text-small:.875rem;--text-body:1rem;--text-title:1.375rem;--radius-sm:6px;--radius-md:10px;--radius-panel:12px;--radius-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-short:.15s;--rule-width:1px}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}:root{--color-paper:oklch(98% .006 85);--color-surface:oklch(94% .01 85);--color-ink:oklch(26% .012 80);--color-muted:oklch(48% .014 80);--color-rule:oklch(87% .012 85);--color-accent:oklch(40% .055 155);--color-accent-ink:oklch(98% .006 85);--page-gutter:clamp(24px, 5vw, 64px);--page-width:1120px;--space-section:var(--space-lg);--space-2xl:48px}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-paper)}body{color:var(--color-ink);font:400 15px/1.8 var(--font-body);-webkit-font-smoothing:antialiased}::selection{color:var(--color-accent-ink);background:var(--color-accent)}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}a:active{opacity:.72}.skip-link{z-index:10;top:var(--space-md);left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.personal-site{min-height:100svh;max-width:var(--page-width);padding-inline:var(--page-gutter);flex-direction:column;margin-inline:auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-lg);display:flex}.site-name{align-items:center;gap:var(--space-sm);white-space:nowrap;letter-spacing:.02em;min-height:44px;font-size:15px;display:inline-flex}.site-name small{color:var(--color-muted);font:11px/1.6 var(--font-mono);letter-spacing:.03em;display:block}.site-symbol{width:28px;height:36px;stroke:var(--color-accent);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.site-type{color:var(--color-muted);letter-spacing:.08em;font-size:12px}.site-main{justify-content:center;gap:var(--space-xl);padding-block:var(--space-section);flex-direction:column;flex:1;display:flex}.site-main>*{min-width:0}.hello{color:var(--color-accent);margin-bottom:var(--space-sm);font-size:12px}h1{min-width:0;font:500 clamp(32px, 4vw, 44px)/1.4 var(--font-body);letter-spacing:-.02em;overflow-wrap:anywhere;font-style:normal}.intro{margin-top:var(--space-md);color:var(--color-muted);font-size:14px;line-height:1.9}.intro p+p{margin-top:var(--space-md)}.home-project{column-gap:var(--space-xl);border-top:1px solid var(--color-rule);padding-top:var(--space-xl);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;display:grid}.project-image{aspect-ratio:1.8;background:var(--color-surface);border-radius:var(--radius-sm);grid-row:1/3;display:block;position:relative;overflow:clip}.project-image img{object-fit:cover;object-position:55% center;width:100%;height:100%;display:block}.image-arrow{right:var(--space-md);bottom:var(--space-md);background:var(--color-paper);width:44px;height:44px;color:var(--color-accent);transition:transform var(--dur-short) var(--ease-out);place-items:center;font-size:24px;display:grid;position:absolute}.project-description{gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-self:end;display:grid}h2{min-width:0;font:400 clamp(30px, 3vw, 36px)/1.2 var(--font-display);overflow-wrap:anywhere;font-style:normal}.project-subtitle{margin-top:var(--space-sm);color:var(--color-muted);font-size:12px}.project-detail{color:var(--color-muted);font-size:13px;line-height:1.9}.home-link{justify-content:space-between;place-self:start;align-items:center;gap:var(--space-xl);min-height:44px;margin-top:var(--space-md);padding-inline:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-accent);white-space:nowrap;font-size:13px;display:inline-flex}.home-link span{transition:transform var(--dur-short) var(--ease-out);font-size:21px}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);padding-block:var(--space-sm);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:11px;display:flex}.site-footer a{white-space:nowrap;text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}@media (hover:hover){.site-name:hover,.site-footer a:hover{color:var(--color-accent)}.site-footer a:hover{text-decoration:underline}.project-image:hover .image-arrow{transform:translate(2px,-2px)}.home-link:hover span{transform:translate(4px)}}@media (width<=960px){.home-project{column-gap:var(--space-lg)}}@media (width<=700px){.site-header{padding-block:var(--space-lg)}.site-name{gap:var(--space-sm);font-size:14px}.site-type{letter-spacing:0;font-size:10px}.site-main{gap:var(--space-xl);padding-top:var(--space-lg);padding-bottom:var(--space-xl)}h1{font-size:clamp(30px,8vw,40px)}.intro{font-size:13px}.home-project{gap:var(--space-lg);padding-top:var(--space-lg);grid-template-columns:minmax(0,1fr)}.project-image{aspect-ratio:1.8;grid-row:auto}.home-link{width:auto;margin-top:0}.site-footer{padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:0}.site-footer p{padding-top:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}