:root{--background:#f3f1eb;--foreground:#171713;--muted:#6d6b62;--line:#1717132e;--accent:#e64a2e;--paper:#fbfaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.site-header,footer,.hero,.section,.notes-page,.article-page{width:min(1280px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-.08em;font-size:30px;font-weight:800}.brand span,.eyebrow,.card-index,.card-arrow,.note-arrow{color:var(--accent)}nav{gap:30px;font-size:14px;display:flex}nav a,.text-link,.all-notes-link,.back-link,footer a{position:relative}nav a:after,.text-link:after,.all-notes-link:after,.back-link:after,footer a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after,.all-notes-link:hover:after,.all-notes-link:focus-visible:after,.back-link:hover:after,.back-link:focus-visible:after,footer a:hover:after,footer a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:40px;min-height:calc(100vh - 104px);padding:92px 0;display:grid}.eyebrow,.section-number,.card-label,.note-count,.note-meta{letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}h1{letter-spacing:-.065em;max-width:850px;margin:24px 0 30px;font-size:clamp(48px,6.2vw,88px);font-weight:640;line-height:1.03}h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.hero-intro{max-width:580px;color:var(--muted);margin-bottom:36px;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:14px;transition:transform .18s,background .18s;display:inline-flex}.button-primary{background:var(--foreground);color:var(--background)}.button-primary:hover,.button-primary:focus-visible{background:var(--accent);transform:translateY(-2px)}.text-link{font-size:14px}.hero-mark{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;justify-self:end;place-items:center;width:min(31vw,390px);display:grid;position:relative}.hero-mark>span{color:var(--accent);font-family:Georgia,serif;font-size:clamp(110px,14vw,190px);font-style:italic}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit:after{content:"";background:var(--accent);border-radius:50%;width:11px;height:11px;position:absolute}.orbit-one{inset:14%;transform:rotate(34deg)}.orbit-one:after{top:5%;left:16%}.orbit-two{inset:-8%;transform:rotate(-22deg)}.orbit-two:after{bottom:20%;right:8%}.section{border-top:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);gap:50px;padding:128px 0;display:grid}.section-number{color:var(--muted)}.section-content{grid-template-columns:1.05fr .95fr;gap:80px;display:grid}h2{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(38px,4.8vw,66px);font-weight:600;line-height:1.08}.about-copy{max-width:510px;color:var(--muted);padding-top:8px;font-size:17px;line-height:1.85}.about-copy p:last-child{margin-bottom:0}.work-content{display:block}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px;display:flex}.section-heading p{color:var(--muted);margin-bottom:8px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.work-card{background:var(--paper);flex-direction:column;justify-content:space-between;min-height:360px;padding:26px;transition:transform .2s,background .2s,color .2s;display:flex}.work-card:hover{background:var(--foreground);color:var(--paper);transform:translateY(-6px)}.card-index{font-family:Georgia,serif;font-size:22px;font-style:italic}.card-label{color:var(--accent);margin-bottom:15px}.work-card h3{letter-spacing:-.04em;margin-bottom:14px;font-size:28px}.work-card p:last-child{color:var(--muted);margin-bottom:0;line-height:1.7}.work-card:hover p:last-child{color:#fbfaf6ad}.card-arrow{align-self:end;font-size:24px}.all-notes-link{margin-top:32px;font-size:14px;display:inline-block}.contact{align-items:center;min-height:560px}.contact-content{max-width:850px}.contact-content h2{margin:16px 0 22px}.contact-content>p:last-child{max-width:600px;color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.8}.notes-page,.article-page{min-height:calc(100vh - 214px)}.notes-hero{border-bottom:1px solid var(--line);padding:110px 0 80px}.notes-hero h1,.article-header h1{margin-bottom:20px}.notes-hero>p:last-child,.article-description{max-width:650px;color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.8}.notes-list{padding-bottom:110px}.note-row{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr 40px;align-items:center;gap:30px;min-height:220px;transition:padding .18s,color .18s;display:grid}.note-row:hover{color:var(--accent);padding-inline:18px}.note-count{color:var(--muted)}.note-row h2{margin-bottom:12px;font-size:clamp(30px,4vw,48px)}.note-row p{color:var(--muted);margin-bottom:18px;line-height:1.7}.note-meta{color:var(--muted);flex-wrap:wrap;gap:14px;display:flex}.note-arrow{justify-self:end;font-size:24px}.article-page{max-width:960px}.article-header{border-bottom:1px solid var(--line);padding:90px 0 64px}.back-link{color:var(--muted);margin-bottom:64px;font-size:14px;display:inline-block}.article-header .note-meta{margin-top:28px}.prose{max-width:760px;padding:72px 0 120px;font-family:Georgia,Noto Serif SC,serif;font-size:18px;line-height:1.95}.prose h2{letter-spacing:-.035em;margin:2em 0 .7em;font-family:Arial,Microsoft YaHei,sans-serif;font-size:32px}.prose p,.prose ul,.prose ol{margin-bottom:1.4em}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose li{margin-bottom:.55em}.note-callout{border-left:3px solid var(--accent);background:var(--paper);color:var(--muted);margin:2.2em 0;padding:24px 28px}footer{border-top:1px solid var(--line);min-height:110px;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}footer p{margin:0}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media (width<=980px){.hero{grid-template-columns:1fr;padding:76px 0 110px}.hero-mark{justify-self:center;width:min(72vw,360px);margin-top:44px}.section{grid-template-columns:1fr;gap:42px;padding:96px 0}.section-content{gap:50px}.card-grid{grid-template-columns:1fr}.work-card{min-height:300px}}@media (width<=680px){.site-header,footer,.hero,.section,.notes-page,.article-page{width:min(100% - 32px,1280px)}.site-header{height:80px}nav{gap:17px;font-size:13px}nav a:nth-child(2){display:none}.hero{min-height:calc(100vh - 80px);padding:62px 0 90px}h1{font-size:clamp(43px,13vw,62px)}.hero-intro,.contact-content>p:last-child,.notes-hero>p:last-child,.article-description{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-mark{width:min(76vw,320px)}.section{padding:78px 0}.section-content{grid-template-columns:1fr;gap:38px}.section-heading{display:block}.section-heading p{margin-top:16px}.work-card{min-height:280px}.notes-hero{padding:80px 0 56px}.note-row{grid-template-columns:1fr 26px;gap:18px;min-height:260px}.note-count{display:none}.note-row:hover{padding-inline:0}.article-header{padding:60px 0 48px}.back-link{margin-bottom:48px}.prose{padding:56px 0 90px;font-size:17px}}