:root{--color-background:#f7f7f4;--color-text:#181817;--color-muted:#6c6c67;--color-border:#d8d8d2;--page-width:72rem;--reading-width:44rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-small:.375rem;--radius-medium:.75rem;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);line-height:1.5}body{min-width:20rem;min-height:100vh;margin:0}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}a{color:inherit}.site-shell{width:min(calc(100% - 2rem), var(--page-width));flex-direction:column;min-height:100vh;margin-inline:auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.site-name{letter-spacing:-.02em;font-weight:700;text-decoration:none}.site-nav{gap:var(--space-6);color:var(--color-muted);font-size:.875rem;display:flex}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--color-text)}.site-nav a[aria-current=page]{color:var(--color-text);text-underline-offset:.3em;text-decoration:underline 1px}.site-main{flex:1}.hero{max-width:var(--reading-width);padding-block:clamp(4rem,12vw,9rem)}.eyebrow{margin-bottom:var(--space-4);color:var(--color-muted);letter-spacing:.12em;font-size:.75rem;font-weight:600}.hero h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(2.75rem,8vw,6.5rem);line-height:.96}.intro{max-width:38rem;margin-top:var(--space-8);color:var(--color-muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.site-footer{padding-block:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}.home-section{padding-block:var(--space-16);border-top:1px solid var(--color-border)}.section-heading{margin-bottom:var(--space-8);grid-template-columns:3rem 1fr;align-items:baseline;display:grid}.section-index{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.section-heading h2{letter-spacing:-.035em;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1}.project-list{border-top:1px solid var(--color-border)}.project-item{gap:var(--space-8);padding-block:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.project-copy{max-width:42rem}.project-copy h3{margin-bottom:var(--space-3);letter-spacing:-.025em;font-size:1.25rem}.project-copy p{color:var(--color-muted);line-height:1.65}.tag-list{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag-list li{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-muted);font-size:.75rem}.project-item:hover h3{text-underline-offset:.2em;text-decoration:underline 1px}.page-hero{max-width:var(--reading-width);padding-block:clamp(4rem,10vw,8rem)}.page-hero h1{letter-spacing:-.05em;max-width:14ch;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.about-section{gap:var(--space-8);padding-block:var(--space-12);border-top:1px solid var(--color-border);grid-template-columns:12rem minmax(0,40rem);display:grid}.about-section h2{letter-spacing:-.02em;font-size:1rem}.about-section p,.about-section li{color:var(--color-muted);line-height:1.75}.about-section ul{margin:0;padding-left:1.25rem}.about-section li+li{margin-top:var(--space-3)}.project-page-tags{margin-top:var(--space-6);justify-content:flex-start}.detail-section{gap:var(--space-8);padding-block:var(--space-12);border-top:1px solid var(--color-border);grid-template-columns:12rem minmax(0,40rem);display:grid}.detail-section h2{letter-spacing:-.02em;font-size:1rem}.detail-section p{color:var(--color-muted);line-height:1.75}.note-list{border-top:1px solid var(--color-border)}.note-item{gap:var(--space-8);padding-block:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:9rem minmax(0,1fr);text-decoration:none;display:grid}.note-item time{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.note-copy{max-width:42rem}.note-copy h3{margin-bottom:var(--space-3);letter-spacing:-.025em;font-size:1.25rem}.note-copy>p{color:var(--color-muted);line-height:1.65}.note-tags{margin-top:var(--space-4);justify-content:flex-start}.note-item:hover h3{text-underline-offset:.2em;text-decoration:underline 1px}.note-page{max-width:var(--reading-width);margin-inline:auto;padding-block:clamp(4rem,10vw,8rem)}.note-header{padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.note-header h1{letter-spacing:-.05em;max-width:15ch;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.note-page-tags{margin-top:var(--space-6);justify-content:flex-start}.prose{padding-block:var(--space-12);font-size:1.0625rem;line-height:1.8}.prose>*{max-width:42rem}.prose>*+*{margin-top:var(--space-6)}.prose h2{margin-top:var(--space-12);letter-spacing:-.035em;font-size:1.75rem;line-height:1.2}.prose h3{margin-top:var(--space-8);letter-spacing:-.025em;font-size:1.25rem;line-height:1.3}.prose p,.prose li{color:var(--color-muted)}.prose ul,.prose ol{padding-left:1.5rem}.prose li+li{margin-top:var(--space-2)}.prose a{color:var(--color-text);text-underline-offset:.2em;text-decoration-thickness:1px}.prose code{border:1px solid var(--color-border);border-radius:var(--radius-small);padding:.125em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.section-more{margin-top:var(--space-6);text-align:right}.section-more a{color:var(--color-muted);text-underline-offset:.25em;font-size:.875rem;text-decoration-thickness:1px}.section-more a:hover{color:var(--color-text)}@media (width<=40rem){.site-shell{width:min(calc(100% - 1.5rem), var(--page-width))}.site-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.site-nav{gap:var(--space-4)}.hero{padding-block:var(--space-16)}.project-item{gap:var(--space-4);grid-template-columns:1fr}.tag-list{justify-content:flex-start}.about-section,.detail-section{gap:var(--space-4);grid-template-columns:1fr}.note-item{gap:var(--space-3);grid-template-columns:1fr;& .error-page{align-items:center;padding-block:clamp(4rem,10vw,8rem);display:grid}& .error-page section{max-width:var(--reading-width)}& .error-page h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(3rem,8vw,6rem);line-height:.96}& .error-links{gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}& .error-links a{text-underline-offset:.25em;text-decoration-thickness:1px}& .error-links .primary-link{font-weight:600}}}.hero h1{text-wrap:balance}