:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f6f7;--surface:#fff;--ink:#17191b;--muted:#626970;--line:#d7dcdf;--coral:#e94e45;--cyan:#087f8c;--yellow:#f0bd3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f6f7f0;border-bottom:1px solid #17191b1f;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.site-name{font-size:16px;font-weight:760;text-decoration:none}.site-nav{align-items:center;gap:24px;display:flex}.site-nav a{color:var(--muted);font-size:14px;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}main{overflow:hidden}.intro,.content-section,.about-section{width:min(100% - 48px,1120px);margin:0 auto}.intro{min-height:520px;padding:112px 0 72px}.eyebrow,.section-index,.note-meta{color:var(--coral);letter-spacing:0;margin:0;font-size:12px;font-weight:740}.intro h1{letter-spacing:0;max-width:780px;margin:20px 0 24px;font-family:Georgia,Songti SC,STSong,serif;font-size:72px;font-weight:600;line-height:1.08}.intro-copy{max-width:620px;color:var(--muted);margin:0 0 32px;font-size:20px;line-height:1.75}.text-link,.project-link{min-height:42px;color:var(--cyan);border-bottom:2px solid;align-items:center;font-size:15px;font-weight:760;text-decoration:none;display:inline-flex}.content-section,.about-section{border-top:1px solid var(--line);padding:72px 0}.section-heading{grid-template-columns:96px 1fr;align-items:baseline;gap:24px;display:grid}.section-heading h2,.project-copy h2{letter-spacing:0;margin:0;font-size:32px;line-height:1.2}.note-list{margin-top:44px;margin-left:120px}.note{border-top:1px solid var(--line);grid-template-columns:180px minmax(180px,280px) 1fr;gap:28px;padding:28px 0;display:grid}.note:last-child{border-bottom:1px solid var(--line)}.note h3,.note p{margin:0}.note h3{letter-spacing:0;font-size:19px;line-height:1.45}.note>p:last-child,.project-copy p,.about-copy p{color:var(--muted);font-size:15px;line-height:1.8}.project-section{color:#f5f6f7;background:#101416;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);width:100%;display:grid}.project-image{min-height:540px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:72px max(32px,50vw - 560px);display:flex}.project-copy .section-index{color:var(--yellow)}.project-copy h2{margin-top:18px;font-size:42px}.project-copy p{color:#afb7bc;max-width:430px;margin:24px 0 28px}.project-link{color:#59d1dc}.about-section{grid-template-columns:1fr 2fr;gap:40px;display:grid}.about-section .section-heading{display:block}.about-section .section-heading h2{margin-top:12px}.about-copy{max-width:620px}.about-copy p{margin:0 0 20px}.about-copy a{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);background:var(--surface);min-height:120px;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;padding:28px 24px;font-size:12px;display:flex}.site-footer p{color:var(--ink);margin:0;font-weight:760}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:820px){.intro{min-height:440px;padding-top:88px}.intro h1{font-size:50px}.intro-copy{font-size:18px}.note-list{margin-left:0}.note{grid-template-columns:130px 1fr}.note>p:last-child{grid-column:2}.project-section{grid-template-columns:1fr}.project-image{aspect-ratio:16/9;min-height:auto}.project-copy{padding:56px 32px 64px}}@media (max-width:560px){.site-header{min-height:58px;padding:0 18px}.site-name{font-size:14px}.site-nav{gap:14px}.site-nav a{font-size:12px}.intro,.content-section,.about-section{width:min(100% - 36px,1120px)}.intro{min-height:390px;padding:72px 0 52px}.intro h1{margin-top:16px;font-size:39px;line-height:1.16}.intro-copy{font-size:16px}.content-section,.about-section{padding:52px 0}.section-heading{grid-template-columns:52px 1fr}.section-heading h2,.project-copy h2{font-size:28px}.note-list{margin-top:32px}.note{display:block}.note h3{margin:8px 0 12px}.project-copy{padding:44px 20px 52px}.about-section{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}