:root{--color-bg:#efede6;--color-fg:#1a1714;--color-muted:#6b6157;--color-accent:#b5421e;--color-hairline:#1a1714;--color-hairline-soft:#d6d0c5;--color-ring:#1a1714;--font-sans:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--color-bg:#1b1814;--color-fg:#eae3d5;--color-muted:#8a8278;--color-accent:#e26838;--color-hairline:#eae3d5;--color-hairline-soft:#2d2a26;--color-ring:#eae3d5}}:root[data-theme=light]{--color-bg:#efede6;--color-fg:#1a1714;--color-muted:#6b6157;--color-accent:#b5421e;--color-hairline:#1a1714;--color-hairline-soft:#d6d0c5;--color-ring:#1a1714}:root[data-theme=dark]{--color-bg:#1b1814;--color-fg:#eae3d5;--color-muted:#8a8278;--color-accent:#e26838;--color-hairline:#eae3d5;--color-hairline-soft:#2d2a26;--color-ring:#eae3d5}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{min-height:100svh;margin:0;overflow-x:clip}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.55}.page{grid-template-rows:auto 1fr auto;gap:48px;max-width:1200px;min-height:100svh;margin:0 auto;padding:32px 20px;display:grid}@media (width>=800px){.page{gap:48px;min-height:100svh;padding:48px 64px}}.band{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg);font-size:12px;font-weight:500}.band--top{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;display:flex;position:relative}.band--top:after{content:"";background:var(--color-accent);width:50%;height:4px;position:absolute;bottom:0;left:0}.band--top .band-right{align-items:baseline;gap:8px;display:inline-flex}.theme-toggle{appearance:none;font-family:var(--font-mono);letter-spacing:0;color:var(--color-fg);cursor:pointer;background:0 0;border:0;margin:-4px -6px;padding:4px 6px;font-size:14px;line-height:1;transition:color .15s}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}.band--bottom{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:8px 24px;margin-top:-28px;padding-top:24px;display:flex;position:relative}.band--bottom:before{content:"";background:var(--color-accent);width:70%;height:4px;position:absolute;top:0;right:0}.band--bottom .label{color:var(--color-muted)}.band--bottom .stack{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);text-transform:none;font-size:11px}.band--bottom .links{flex-wrap:wrap;gap:8px 32px;display:flex}.band--bottom a{font-family:var(--font-sans);letter-spacing:normal;text-transform:none;color:var(--color-accent);font-size:14px;font-weight:500}.accent{color:var(--color-accent);font-style:normal}@media (width<=799px){.band--top:after,.band--bottom:before{width:auto;left:-20px;right:-20px}.pullquote,.stack-list{text-align:center}.band--bottom .links{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.band--bottom a{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(10px,2.7vw,12px)}}.main{grid-template-columns:1fr;align-items:start;gap:56px;display:grid}@media (width>=800px){.main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 96px}}.hero{flex-direction:column;gap:56px;display:flex}.hero__intro{flex-direction:column;gap:20px;display:flex}h1{font-family:var(--font-sans);letter-spacing:-.04em;margin:0;font-size:clamp(2.75rem,7vw,5rem);font-weight:700;line-height:1}.hero__subtitle{color:var(--color-muted);margin:0;font-size:17px}.hero__work h2{font-family:var(--font-sans);letter-spacing:-.02em;margin:0 0 16px;font-size:1.5rem;font-weight:600;line-height:1.3}.hero__work p{margin:0}.hero__work p+p{margin-top:16px}.hero__work p:first-of-type{letter-spacing:-.005em;font-size:1.1875rem;font-weight:500;line-height:1.5}.hero__work em{font-style:italic}.pullquote{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--color-accent);margin:48px 0 0;font-size:1.25rem;font-weight:500;line-height:1.4}.stack-list{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-muted);margin:12px 0 0;font-size:11px;font-weight:500}@media (width>=800px){.stack-list,.pullquote{grid-column:1/-1}}.quotes{flex-direction:column;gap:48px;display:flex}@media (width>=800px){.quotes .quote:nth-child(2){padding-left:16px}.quotes .quote:nth-child(3){padding-left:32px}.quotes .quote:nth-child(4){padding-left:48px}.quotes .quote--closer{padding-left:0}}.quote{margin:0}.quote p{margin:0 0 12px;font-size:19px;font-style:italic;line-height:1.45}.quote .attribution{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:11px;font-weight:500;display:block}.todo{background:var(--color-fg);color:var(--color-bg);margin-left:.5em;padding:1px 6px;font-size:10px;display:inline-block}a{color:var(--color-accent);text-underline-offset:.22em;text-decoration-line:underline;text-decoration-thickness:1px;transition:text-decoration-thickness .15s,text-underline-offset .15s}a:hover{text-underline-offset:.28em;text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){a{transition:none}}