*,: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)}}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:1120px;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}.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{min-height:clamp(400px,50svh,480px);padding-top:clamp(58px,7vw,78px);padding-bottom:clamp(68px,8vw,92px)}.hero-copy{max-width:820px;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:-.05em;text-wrap:balance;max-width:820px;margin:0 0 30px;font-size:clamp(3.65rem,7.5vw,6.25rem);font-weight:400;line-height:.92}.hero-intro{color:var(--moss);text-wrap:pretty;max-width:60ch;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}.works-section,.writing-section,.archive-section{padding-bottom:clamp(82px,9vw,116px)}.section-heading{max-width:760px;margin-bottom:clamp(38px,5vw,50px)}.section-heading .section-kicker{margin-bottom:16px}.section-heading h2{letter-spacing:-.04em;text-wrap:balance;max-width:700px;margin-bottom:18px;font-size:clamp(2.25rem,4vw,3.3rem);font-weight:400;line-height:1}.section-heading>p:not(.section-kicker),.section-heading>div+p{color:var(--moss);text-wrap:pretty;max-width:58ch;font-size:1rem;line-height:1.7}.section-heading--compact{display:block}.section-heading--compact h2{margin-bottom:18px}.section-heading--compact>p:last-child{align-self:auto}.work-image-link,.note-image-link{transition:outline-color .18s cubic-bezier(.16,1,.3,1);display:block}.work-entry{border-bottom:1px solid var(--hairline);padding-block:clamp(48px,5.5vw,68px)}.work-entry--lead{padding-top:0}.work-copy{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 40px;margin-top:20px;display:grid}.work-summary{align-items:baseline;gap:16px 30px;display:flex}.work-copy h3{letter-spacing:-.035em;text-wrap:balance;flex-shrink:0;font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:400;line-height:1.1}.work-copy p{color:var(--moss);text-wrap:pretty;max-width:56ch;font-size:.9rem;line-height:1.6}.work-links,.archive-links{font-family:var(--mono);letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:.67rem;display:flex}.work-links a,.archive-links a{align-items:center;min-height:40px;display:inline-flex}.work-image-link{border-radius:var(--radius-sm);outline-offset:-1px;outline:1px solid #21170f1f;overflow:hidden}.work-image,.note-image{width:100%;height:auto}.writing-list,.note-list,.archive-list{list-style:none}.writing-meta{color:var(--clay);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.writing-section{border-top:1px solid var(--hairline);padding-top:clamp(82px,9vw,116px)}.writing-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);gap:clamp(58px,8vw,118px);display:grid}.writing-list{border-top:1px solid var(--hairline);margin-top:54px}.writing-list li{border-bottom:1px solid var(--hairline)}.writing-list a{grid-template-columns:minmax(110px,.32fr) minmax(0,1fr);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:var(--moss);margin-top:40px}.feed-fallback a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.note-image-link{border-radius:var(--radius-sm);outline-offset:-1px;outline:1px solid #21170f1f;max-width:390px;margin-left:auto;overflow:hidden}.note-list{margin-top:20px}.note-list li+li{border-top:1px solid var(--hairline)}.note-list a{padding:22px 0;display:block}.note-list small,.note-list strong,.note-list a>span:last-child>span{display:block}.note-list small{color:var(--clay);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.note-list strong{color:var(--ink);margin:6px 0 7px;font-size:1.18rem;font-weight:400;line-height:1.25}.note-list a>span:last-child>span{color:var(--moss);text-wrap:pretty;font-size:.84rem;line-height:1.55}.archive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(36px,6vw,86px);display:grid}.archive-list li{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-bottom:-1px}.archive-item{justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 2px;display:flex}.archive-name{align-items:center;min-height:40px;font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.2;display:inline-flex}.archive-links{color:var(--stone);flex-shrink:0}.maker-footer{background:var(--paper-deep);padding-block:34px}.maker-footer-layout{justify-content:space-between;align-items:center;gap:28px;display:flex}.footer-statement{align-items:center;gap:14px;display:flex}.footer-statement p{font-size:1rem;line-height:1.35}.footer-links{flex-wrap:wrap;align-items:center;gap:6px 20px;display:flex}.footer-links a{color:var(--moss);font-family:var(--mono);letter-spacing:.045em;text-transform:uppercase;align-items:center;min-height:40px;font-size:.68rem;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-copy a:hover,.work-links a:hover,.archive-item a:hover,.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,.note-image-link:hover{outline-color:#21170f47}.writing-list a:hover,.note-list a:hover{transform:translate(3px)}}@media (max-width:1080px){.work-summary{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:860px){.site-header{align-items:flex-start;gap:20px}.site-nav{justify-content:flex-end;max-width:380px}.hero{min-height:auto;padding-top:62px}.hero-copy{max-width:720px}.writing-layout{grid-template-columns:1fr}.writing-copy{max-width:760px}.selected-notes{max-width:520px}}@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{padding-top:46px;padding-bottom:84px}.hero h1{margin-top:24px;font-size:clamp(3.25rem,15vw,4.2rem)}.work-copy{display:block}.work-links{margin-top:14px}.writing-list a{grid-template-columns:minmax(0,1fr);gap:7px 12px;padding:20px 0}.writing-meta{grid-column:1/-1}.archive-list{grid-template-columns:1fr}.maker-footer-layout{flex-direction:column;align-items:flex-start;gap:12px}.container{padding:44px 20px 72px}.details-list{grid-template-columns:1fr;gap:3px}.details-list dd+dt{margin-top:12px}}@media (max-width:360px){.hero h1{font-size:3.25rem}.archive-item{flex-direction:column;align-items:flex-start;gap:2px;padding-block:14px}}@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}}
