@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');
:root{--page:#fff;--ink:#000;--muted:#6e6e73;--line:#e8e8e8;--mono:'Courier Prime','Courier New',Courier,'Nimbus Mono PS',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:18px/1.5 var(--mono);-webkit-font-smoothing:antialiased}
.page{min-height:100vh;background:#fff;padding:0 clamp(24px,9vw,128px) 56px}
.reading{max-width:1080px}
a{color:inherit;text-decoration:none}
a:hover{color:var(--muted)}
a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
p{margin:0 0 1.25em}
h1,h2,h3{font-family:var(--mono);font-weight:700;letter-spacing:0;line-height:1.2}
h1{font-size:clamp(2rem,4vw,3.25rem);margin:0 0 24px}
h2{font-size:clamp(1.5rem,2.5vw,2.15rem);margin:0 0 24px}
h3{font-size:1.35rem;margin:0 0 12px}
code{font-size:.85em}
hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.eyebrow,.meta,.section-note,.article-date{font:400 .85rem/1.5 var(--mono);letter-spacing:0;text-transform:none;color:var(--muted)}
.section-note{font-size:.94rem}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}
.brand{font:700 1.1rem var(--mono);letter-spacing:0;text-decoration:none}
.site-nav{display:flex;gap:clamp(18px,3vw,38px);align-items:center;flex-wrap:wrap}
.site-nav a,.site-footer a{font-size:.88rem;text-decoration:none}
.site-nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes cursor-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
.article-archive{margin:28px 0 0}
.article-entry{border-top:1px solid var(--line);padding:26px 0}
.article-entry:last-child{border-bottom:1px solid var(--line)}
.article-title-row{display:flex;justify-content:space-between;gap:28px;align-items:baseline}
.article-title-row p{margin:0}
.article-title{font:700 1.16rem/1.45 var(--mono);letter-spacing:0}
.article-title a{text-decoration:none}
.article-title a:hover{text-decoration:underline;text-underline-offset:4px}
.article-date{white-space:nowrap;font-size:.82rem}
.article-excerpt{color:var(--muted);font-size:.94rem;line-height:1.6;margin:.5em 0 0;max-width:780px}
.site-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:35px;color:var(--muted);font-size:.83rem}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.archive-head{padding:clamp(32px,4vw,56px) 0 35px}
.archive-head p{max-width:680px;color:var(--muted)}
.archive-head h1{margin-bottom:18px}
.article-layout{max-width:800px;margin:0 auto;padding:clamp(68px,9vw,110px) 0 40px}
.article-layout h1{font-size:clamp(2.1rem,4vw,3.15rem);margin-top:26px;overflow-wrap:break-word}
.article-layout .article-meta{color:var(--muted);font-size:.88rem;padding:0 0 34px;border-bottom:1px solid var(--line)}
.article-body{padding-top:40px;font-size:1.04rem;line-height:1.75;overflow-wrap:break-word}
.article-body p{margin-bottom:1.4em}
.article-body blockquote{margin:2em 0;padding:0 0 0 1.3em;border-left:3px solid var(--ink);color:var(--ink)}
.article-body blockquote p{margin:0;font:400 1.08em/1.65 var(--mono)}
.article-back{font-size:.88rem;color:var(--muted)}
.article-end{margin-top:60px;padding-top:28px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.article-end a,.article-back{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){body{font-size:16px}.page{padding:0 24px 44px}.site-header{align-items:flex-start;flex-direction:column;gap:16px;padding:22px 0}.site-nav{gap:18px}.article-title-row{flex-direction:column;gap:5px}.article-date{order:-1}.archive-head{padding:38px 0 24px}.article-layout{padding:66px 0 24px}.article-body{font-size:1rem;line-height:1.75}.site-footer{flex-direction:column}.footer-links{gap:13px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The front page follows the Szakacs Media landing's type and spacing. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:10;left:24px;top:-100px;padding:8px 12px;background:var(--ink);color:var(--page)}
.skip-link:focus{top:12px;color:var(--page)}
.brand-period{color:#6e6e73}
.landing-page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;padding-left:clamp(24px,9vw,128px)}
.landing-line{min-height:1.4em}
.landing-name{font-size:clamp(1.25rem,4.5vw,2.5rem);font-weight:700;line-height:1.15;min-height:1.15em}
.landing-byline{margin-top:clamp(12px,1.8vh,20px);font-size:clamp(.95rem,2vw,1.25rem);font-weight:400;color:#6e6e73;line-height:1.4}
.landing-link{font-size:clamp(.95rem,2vw,1.25rem);font-weight:400;line-height:1.4}
.landing-link.first{margin-top:clamp(32px,6vh,56px)}
.landing-link:not(.first){margin-top:12px}
.landing-link a{color:#000;text-decoration:none}
.landing-link a:hover{color:#6e6e73}
.landing-link a:focus-visible{outline:2px solid #000;outline-offset:4px}
.work-landing .landing-link:first-child{margin-top:0}
.work-landing .work-back{margin-top:clamp(32px,6vh,56px)}
.work-landing .work-back a{color:#6e6e73}
.work-landing .work-back a:hover{color:#000}
.landing-caret{display:inline-block;width:clamp(2px,.05em,4px);height:1.05em;margin-left:.06em;background:#000;transform:translateY(.09em)}
.landing-caret.blink{animation:cursor-blink 1.06s step-end infinite}
@media(prefers-reduced-motion:reduce){.landing-caret.blink{animation:none}}