*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f2eee4;--paper-light:#f8f5ed;--paper-deep:#e7dfd1;--ink:#21170f;--bark:#4b3728;--clay:#9a5f3f;--brass:#b68a4a;--moss:#5f6655;--stone:#7a7166;--hairline:#d8d0c1;--serif:Charter, Georgia, "Noto Serif", "Songti SC", "STSong", "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", "Noto Sans Mono", monospace;--radius-xs:2px;--radius-sm:8px;--radius-lg:16px}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-enter{0%{opacity:0;transform:translateY(14px)rotate(1.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--paper);color:var(--ink);font-family:var(--serif);min-height:100vh;line-height:1.6;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--clay);outline-offset:4px}a:active{transform:translateY(1px)}img{max-width:100%;display:block}.skip-link{background:var(--ink);color:var(--paper);font-family:var(--mono);z-index:100;padding:10px 14px;font-size:.75rem;transition:transform .14s cubic-bezier(.16,1,.3,1);position:fixed;top:12px;left:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:100%;max-width:1320px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.site-header{justify-content:space-between;align-items:center;padding-block:28px;display:flex}.brand-lockup{align-items:center;min-height:44px;display:inline-flex;position:relative}.brand-lockup img{width:34px;height:34px;margin-right:10px}.brand-name{letter-spacing:-.025em;font-size:1.28rem}.brand-meaning{color:var(--stone);font-family:var(--mono);letter-spacing:.08em;margin-top:4px;margin-left:9px;font-size:.58rem}.site-nav{font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:clamp(16px,2.2vw,30px);font-size:.7rem;display:flex}.site-nav a{align-items:center;min-height:40px;display:inline-flex;position:relative}.site-nav a:after,.text-link:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .18s cubic-bezier(.16,1,.3,1);position:absolute;bottom:7px;left:0;transform:scaleX(0)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;gap:clamp(52px,8vw,120px);min-height:min(860px,100svh - 100px);padding-top:clamp(58px,8vw,112px);padding-bottom:clamp(96px,12vw,172px);display:grid}.hero-copy{animation:.62s cubic-bezier(.16,1,.3,1) both page-enter}.section-kicker{color:var(--clay);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;line-height:1.4}.hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:810px;margin:30px 0 34px;font-size:clamp(3.65rem,8.6vw,8.4rem);font-weight:400;line-height:.88}.hero-intro{color:var(--moss);text-wrap:pretty;max-width:62ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.text-link{font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:8px;min-height:40px;margin-top:36px;font-size:.75rem;display:inline-flex;position:relative}.maker-plate{aspect-ratio:.82;background:var(--paper-deep);border-radius:var(--radius-lg);justify-self:end;place-items:center;width:100%;max-width:470px;padding:24px;animation:.76s cubic-bezier(.16,1,.3,1) .11s both mark-enter;display:grid;position:relative;transform:rotate(.5deg);box-shadow:0 32px 70px #3725171f,0 2px 3px #37251714}.maker-plate:after{content:"";pointer-events:none;border:1px solid #21170f1f;border-radius:12px;position:absolute;inset:13px}.maker-plate img{width:74%;height:auto}.maker-plate-label,.maker-plate-note{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;position:absolute}.maker-plate-label{top:24px;left:28px}.maker-plate-note{color:var(--stone);bottom:24px;right:28px}.works-section,.principles-section,.archive-section{padding-bottom:clamp(110px,13vw,180px)}.section-heading{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:22px 56px;margin-bottom:clamp(48px,7vw,84px);display:grid}.section-heading .section-kicker{grid-column:1/-1}.section-heading h2{letter-spacing:-.045em;text-wrap:balance;max-width:780px;font-size:clamp(2.65rem,5.3vw,5rem);font-weight:400;line-height:.98}.section-heading>p:not(.section-kicker),.section-heading>div+p{color:var(--moss);text-wrap:pretty;align-self:end;max-width:54ch;font-size:1rem;line-height:1.7}.section-heading--compact{display:block}.section-heading--compact h2{margin:20px 0 24px}.section-heading--compact>p:last-child{align-self:auto}.works-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(34px,4vw,58px) clamp(22px,3vw,42px);display:grid}.work-figure--anchor{grid-area:1/1/3/9}.work-figure--compact{grid-column:9/13}.work-figure--wide{grid-column:1/13;margin-top:clamp(20px,3vw,44px)}.work-image-link,.note-image-link{display:block}.work-image-frame,.note-image-frame{background:var(--paper-light);outline-offset:-1px;outline:1px solid #21170f1f;display:block;position:relative;overflow:hidden}.work-image-frame{aspect-ratio:16/10;border-radius:var(--radius-sm)}.work-figure--anchor .work-image-frame{aspect-ratio:4/3}.work-figure--wide .work-image-frame{aspect-ratio:2.05}.work-image,.note-image{object-fit:cover;transition:transform .36s cubic-bezier(.16,1,.3,1);transform:scale(1.001)}.work-figure--miaoyan .work-image{object-fit:contain;background:#f5d996;padding:8%}.work-caption{grid-template-columns:30px minmax(0,1fr);gap:14px;margin-top:16px;display:grid}.catalog-index,.principle-index,.archive-index,.archive-tier,.writing-meta,.note-number{color:var(--clay);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.work-caption a{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.2;display:inline-flex}.work-caption small{color:var(--moss);text-wrap:pretty;max-width:58ch;margin-top:6px;font-size:.84rem;line-height:1.55;display:block}.principles-section{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(52px,8vw,118px);display:grid}.principles-list,.writing-list,.note-list,.archive-list{list-style:none}.principles-list{border-top:1px solid var(--hairline)}.principles-list li{border-bottom:1px solid var(--hairline);grid-template-columns:34px minmax(180px,.72fr) minmax(220px,1fr);align-items:baseline;gap:14px 24px;padding:28px 0 32px;display:grid}.principles-list h3{letter-spacing:-.02em;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:400;line-height:1.15}.principles-list p{color:var(--moss);text-wrap:pretty;max-width:48ch;font-size:.92rem;line-height:1.65}.writing-section{background:var(--ink);color:#f2eee4e6;margin-bottom:clamp(110px,13vw,180px);padding-block:clamp(90px,11vw,144px)}.writing-layout{grid-template-columns:minmax(0,.92fr) minmax(330px,.68fr);gap:clamp(54px,8vw,112px);display:grid}.writing-section .section-kicker,.writing-section .writing-meta,.writing-section .note-number,.writing-section .note-list small{color:var(--brass)}.writing-section .section-heading h2{color:var(--paper)}.writing-section .section-heading>p:last-child,.note-list a>span:last-child>span{color:#f2eee499}.writing-list{border-top:1px solid #f2eee42b;margin-top:54px}.writing-list li{border-bottom:1px solid #f2eee42b}.writing-list a{grid-template-columns:minmax(110px,.32fr) minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:18px 2px;display:grid}.writing-title{text-wrap:pretty;font-size:1.04rem;line-height:1.4}.feed-fallback{color:#f2eee4a8;margin-top:40px}.feed-fallback a{color:var(--paper);text-underline-offset:3px;text-decoration:underline}.note-image-frame{aspect-ratio:4/3;border-radius:var(--radius-sm);outline-color:#f2eee41f}.note-list{margin-top:20px}.note-list li+li{border-top:1px solid #f2eee429}.note-list a{grid-template-columns:34px minmax(0,1fr);gap:18px;padding:22px 0;display:grid}.note-list small,.note-list strong,.note-list a>span:last-child>span{display:block}.note-list small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.note-list strong{color:var(--paper);margin:6px 0 7px;font-size:1.18rem;font-weight:400;line-height:1.25}.note-list a>span:last-child>span{text-wrap:pretty;font-size:.84rem;line-height:1.55}.archive-heading{align-items:end}.archive-heading .section-kicker{margin-bottom:20px}.archive-heading>div+p{padding-bottom:4px}.archive-list{border-top:1px solid var(--hairline)}.archive-list li{border-bottom:1px solid var(--hairline)}.archive-list a{grid-template-columns:40px minmax(150px,.4fr) minmax(280px,1fr) 76px;align-items:baseline;gap:18px;min-height:78px;padding:18px 2px;display:grid}.archive-name{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2}.archive-description{color:var(--moss);text-wrap:pretty;font-size:.85rem;line-height:1.5}.archive-tier{color:var(--stone);justify-self:end}.maker-footer{color:#f2eee4e0;background:#17100b;padding-block:64px}.maker-footer-layout{grid-template-columns:minmax(280px,1.2fr) minmax(150px,.4fr) minmax(170px,.4fr);gap:44px;display:grid}.footer-statement{align-items:flex-start;gap:22px;display:flex}.footer-statement img{filter:brightness(0)invert();opacity:.86;width:48px;height:48px}.footer-statement p{text-wrap:balance;max-width:42ch;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.35}.footer-links{flex-direction:column;align-items:flex-start;display:flex}.footer-links span{color:var(--brass);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.62rem}.footer-links a{color:#f2eee4ad;align-items:center;min-height:34px;font-size:.86rem;display:inline-flex}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding-block:80px;display:flex}.not-found .section-kicker{margin-top:30px}.not-found h1{letter-spacing:-.05em;text-wrap:balance;margin:20px 0 28px;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:.95}.not-found>p:not(.section-kicker){color:var(--moss);max-width:48ch;font-size:1.05rem}.container{max-width:960px;margin:0 auto;padding:72px 40px 96px;animation:.36s cubic-bezier(.16,1,.3,1) both page-enter}.project-page .breadcrumb{color:var(--stone);font-family:var(--mono);gap:8px;margin-bottom:42px;font-size:.75rem;display:flex}.project-page .project-header{border-bottom:1px solid var(--hairline);padding-bottom:34px}.project-page .eyebrow{color:var(--clay);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.project-page .project-header h1{letter-spacing:-.05em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:400;line-height:.98}.project-tagline{color:var(--moss);text-wrap:pretty;max-width:720px;font-size:1.08rem}.project-facts,.project-actions{flex-wrap:wrap;gap:8px 14px;margin-top:20px;display:flex}.project-facts span{color:var(--stone);font-family:var(--mono);font-size:.72rem}.project-actions a{font-family:var(--mono);text-underline-offset:4px;align-items:center;min-height:40px;font-size:.78rem;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.project-section,.project-footer{max-width:760px}.project-page h2{color:var(--clay);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:48px;margin-bottom:17px;font-size:.7rem;font-weight:500}.project-section>p,.plain-list,.details-list,.faq-list p{color:var(--moss);font-size:.95rem}.plain-list{margin-top:10px;padding-left:19px}.plain-list li+li{margin-top:6px}.project-live-fact{font-family:var(--mono);margin-top:14px;font-size:.75rem!important}.details-list{grid-template-columns:120px minmax(0,1fr);gap:10px 18px;display:grid}.details-list dt{color:var(--ink);font-family:var(--mono);font-size:.78rem}.details-list code{overflow-wrap:anywhere}.faq-list{gap:24px;display:grid}.faq-list h3{margin-bottom:8px;font-size:1.08rem;font-weight:400;line-height:1.3}.footer{border-top:1px solid var(--hairline);color:var(--moss);margin-top:60px;padding-top:22px;font-size:.84rem}.link-row{flex-wrap:wrap;gap:12px 22px;display:flex}.link-row a{text-underline-offset:3px;align-items:center;min-height:34px;text-decoration:underline;display:inline-flex}@media (hover:hover){.site-nav a:hover,.text-link:hover,.work-caption a:hover,.archive-list a:hover .archive-name,.writing-list a:hover .writing-title,.note-list a:hover strong,.footer-links a:hover,.project-actions a:hover,.link-row a:hover{color:var(--clay)}.site-nav a:hover:after,.text-link:hover:after{transform-origin:0;transform:scaleX(1)}.work-image-link:hover .work-image,.note-image-link:hover .note-image{transform:scale(1.018)}.archive-list a:hover,.writing-list a:hover,.note-list a:hover{transform:translate(3px)}}@media (max-width:1080px){.hero{grid-template-columns:minmax(0,1fr) minmax(290px,.68fr);gap:60px}.principles-section{gap:64px}.archive-list a{grid-template-columns:36px minmax(140px,.4fr) minmax(220px,1fr) 62px}}@media (max-width:860px){.site-header{align-items:flex-start;gap:20px}.site-nav{justify-content:flex-end;max-width:380px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-copy{max-width:720px}.maker-plate{justify-self:start;width:min(78vw,520px);max-width:520px}.section-heading,.principles-section,.writing-layout,.maker-footer-layout{grid-template-columns:1fr}.section-heading .section-kicker{grid-column:auto}.section-heading>p:not(.section-kicker),.section-heading>div+p{align-self:auto}.works-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px}.work-figure--anchor,.work-figure--wide{grid-area:auto/1/auto/-1}.work-figure--compact{grid-column:auto}.principles-list li{grid-template-columns:34px minmax(180px,.72fr) minmax(210px,1fr)}.writing-copy{max-width:760px}.selected-notes{max-width:720px}.maker-footer-layout{gap:34px}}@media (max-width:600px){.page-shell{padding-inline:20px}.site-header{flex-direction:column;align-items:flex-start;padding-top:20px}.site-nav{justify-content:flex-start;gap:6px 22px;max-width:none}.hero{gap:48px;padding-top:52px;padding-bottom:110px}.hero h1{margin-top:24px;font-size:clamp(3.45rem,17vw,5.2rem)}.maker-plate{width:86vw}.works-gallery{flex-direction:column;display:flex}.work-figure--wide{margin-top:0}.work-figure--wide .work-image-frame,.work-figure--compact .work-image-frame{aspect-ratio:16/10}.principles-list li{grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:24px 0 26px}.principles-list p{grid-column:2}.writing-list a{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:20px 0}.writing-meta{grid-column:1/-1}.archive-heading{display:block}.archive-heading>div+p{margin-top:22px}.archive-list a{grid-template-columns:30px minmax(0,1fr) auto;gap:8px 12px;padding:20px 0 22px}.archive-description{grid-column:2/-1}.archive-tier{grid-area:1/3}.footer-statement{flex-direction:column}.container{padding:44px 20px 72px}.details-list{grid-template-columns:1fr;gap:3px}.details-list dd+dt{margin-top:12px}}@media (max-width:360px){.brand-meaning{display:none}.hero h1{font-size:3.25rem}.maker-plate-label,.maker-plate-note{font-size:.52rem}.note-list a{grid-template-columns:28px minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}