:root{--color-ink:#080a09;--color-panel:#101311;--color-line:#252b27;--color-text:#f1f3ee;--color-muted:#8f9791;--color-signal:#c9ff4d;--page-gutter:clamp(1rem, 3vw, 3rem);--content-width:96rem}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{min-height:100vh;color:var(--color-text);background:#fff;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}:is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--color-text);outline-offset:4px;box-shadow:0 0 0 7px var(--color-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portfolio-entry{min-height:100vh;width:min(100%, var(--content-width));padding:var(--page-gutter);background:var(--color-panel);border-inline:1px solid var(--color-line);place-content:center start;gap:2rem;margin:0 auto;display:grid}.portfolio-entry h1{max-width:12ch;color:var(--color-text);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,9vw,8rem);line-height:.95}.portfolio-entry a{border:1px solid var(--color-muted);background:var(--color-signal);width:fit-content;color:var(--color-ink);padding:.9rem 1.4rem;font-weight:700;text-decoration:none}.portfolio-entry a:focus-visible{outline:3px solid var(--color-text);outline-offset:4px}