:root{--bg:#fdfdfc;--ink:#161616;--muted:#666;--line:#1616161f;--wash:#1616160c;--code:#1616160a;--brand:#4361ee;--brand-2:#4361ee;--on-brand:#fff;--band:#4361ee;--on-band:#fff;--sans:var(--font-sans), "Helvetica Neue", Helvetica, Arial, sans-serif;--pad:12px;--margin:clamp(16px, 4.5vw, 80px);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#121212;--ink:#ededed;--muted:#a0a0a0;--line:#ededed24;--wash:#ededed0d;--code:#ededed12;--brand:#8fa2ff;--brand-2:#8fa2ff;--on-brand:#121212;--band:#3450d6}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:24px}body{background:var(--bg);min-height:100vh;color:var(--ink);font:400 16px/1.4 var(--sans);letter-spacing:-.008em;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;transition:background-color .2s,color .2s;display:flex}a{color:inherit;text-decoration:none}strong,b{font-weight:600}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:1px solid var(--ink);outline-offset:2px}main{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{column-gap:var(--pad);width:100%;max-width:1728px;padding-inline:var(--margin);grid-template-columns:repeat(8,minmax(0,1fr));margin:0 auto;display:grid}.full{grid-column:1/-1}@media (width>=760px){.grid{grid-template-columns:repeat(16,minmax(0,1fr))}}@media (width>=960px){.grid{grid-template-columns:repeat(24,minmax(0,1fr))}}.smallcaps{font:400 12px/1.25 var(--sans);text-transform:uppercase;letter-spacing:.05em;font-variant-numeric:tabular-nums}.display{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:min(30px + 3.6vw,84px);font-weight:500;line-height:.96}.text-lg{letter-spacing:-.03em;font-size:min(18px + 1.1vw,34px);font-weight:500;line-height:1.05}.text-md{letter-spacing:-.015em;font-size:min(14px + .45vw,20px);font-weight:400;line-height:1.3}.muted{color:var(--muted)}.label{color:var(--muted);font:400 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.05em;margin:0}.site-header .grid{align-items:center;padding-block:28px}.wordmark{letter-spacing:-.04em;white-space:nowrap;grid-column:1/5;font-size:clamp(20px,1.6vw,24px);font-weight:600;line-height:1}.menu{grid-column:5/-1;justify-self:end;align-items:center;gap:clamp(16px,2vw,28px);font-size:14px;display:flex}.menu a{color:var(--muted);transition:color .1s linear}.menu a:hover,.menu a[aria-current]{color:var(--ink)}.btn{border:1px solid var(--ink);color:var(--ink);font:600 14px/1 var(--sans);letter-spacing:-.01em;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 14px 10px;transition:background-color .1s linear,color .1s linear;display:inline-flex}.btn:hover{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.hero{margin-top:clamp(56px,8vw,120px)}.hero .display{grid-column:1/-1;animation:1s cubic-bezier(.19,1,.22,1) both rise}@media (width>=760px){.hero .display{grid-column:1/15}}@media (width>=960px){.hero .display{grid-column:1/20}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}}.hero .lede{max-width:40ch;color:var(--muted);grid-column:1/-1;margin:32px 0 0}@media (width>=960px){.hero .lede{grid-column:1/13}}.section{row-gap:20px;margin-top:clamp(88px,11vw,150px)}.list{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--line);display:grid}.row{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--line);align-items:baseline;padding:14px 0;display:grid}.row .title{grid-column:1/-1;transition:color .1s linear}.row:hover .title{color:var(--brand-2)}.row .date{grid-column:1/-1;margin-bottom:6px}@media (width>=760px){.row .date{grid-column:1/4;margin:0}.row .title{grid-column:4/-1}}@media (width>=960px){.row .title{grid-column:4/18}}.more-link{color:var(--muted);grid-column:1/-1;justify-self:start;font-size:14px;transition:color .1s linear}.more-link:hover{color:var(--brand-2)}.empty{border-block:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:0;padding-block:14px}.band{background:var(--band);color:var(--on-band);--muted:#ffffffd0;--ink:var(--on-band);margin-top:clamp(100px,12vw,160px)}.band .grid{align-items:center;row-gap:20px;padding-block:clamp(44px,5vw,72px)}.band .pitch{grid-column:1/-1;margin:0}.band .actions{grid-column:1/-1}@media (width>=960px){.band .pitch{grid-column:1/14}.band .actions{grid-column:14/-1;justify-self:end}}.band .btn{border-color:var(--on-band);background:var(--on-band);color:var(--band)}.band .btn:hover{color:var(--on-band);border-color:var(--on-band);background:0 0}.band :focus-visible{outline-color:var(--on-band)}main:has(>.band:last-child)+.footer{border-top:0;margin-top:0}.post{row-gap:40px;margin-top:clamp(40px,5vw,64px)}.sidebar{flex-wrap:wrap;grid-column:1/-1;align-self:start;gap:6px 20px;display:flex}@media (width>=960px){.sidebar{flex-direction:column;grid-column:1/7;position:sticky;top:24px}}.article{grid-column:1/-1;align-self:start}@media (width>=960px){.article{grid-column:9/21}}.page-body{grid-column:1/-1}@media (width>=960px){.page-body{grid-column:1/14}}.prose{flex-direction:column;display:flex}.prose>*{margin:24px 0 0}.prose>:first-child{margin-top:0}.prose p,.prose li{letter-spacing:-.011em;max-width:68ch;font-size:17px;line-height:1.5}.prose>p:first-child{letter-spacing:-.02em;font-size:min(14.5px + .5vw,21px);line-height:1.35}.prose h2{letter-spacing:-.04em;margin-top:64px;font-size:clamp(26px,2.5vw,34px);font-weight:500;line-height:1.05}.prose h3{letter-spacing:-.03em;margin-top:40px;font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.15}.prose h4{margin-top:32px;font-size:17px;font-weight:600}.prose a{color:var(--brand-2);border-bottom:1px solid;transition:background-color .1s linear}.prose a:hover{background:var(--wash)}.prose ul,.prose ol{gap:8px;padding-left:24px;display:grid}.prose blockquote{border-left:1px solid var(--ink);margin-left:0;padding-left:16px}.prose blockquote p{letter-spacing:-.03em;font-size:min(14.5px + .5vw,22px);line-height:1.25}.prose img{background-color:color-mix(in srgb, var(--line) 35%, transparent);max-width:100%;height:auto;display:block}.prose figure{margin-inline:0}.prose figcaption{color:var(--muted);margin-top:8px;font-size:14px}.prose hr{border:0;border-top:1px solid var(--line);width:100%}.prose code{background:var(--code);border-radius:3px;padding:.12em .3em;font:.9em/1 ui-monospace,SFMono-Regular,Menlo,monospace}.prose pre{border:1px solid var(--line);border-radius:4px;padding:16px;font-size:14px;line-height:1.5;overflow-x:auto}.prose pre>code{font-size:inherit;line-height:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%}.prose th{text-align:left;font:500 11px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;padding:4px}.prose thead tr{border-bottom:1px solid var(--ink)}.prose tr{border-bottom:1px solid var(--line)}.prose td{vertical-align:top;padding:12px 4px;line-height:1.35}.prose th:first-child,.prose td:first-child{padding-left:0}.prose th:not(:last-child),.prose td:not(:last-child){border-right:1px solid var(--line);padding-right:12px}.prose td:not(:first-child),.prose th:not(:first-child){padding-left:12px}.footer{border-top:1px solid var(--line);align-items:baseline;margin-top:clamp(100px,12vw,160px);padding-block:28px 36px}.footer .copy{grid-column:1/5}.footer .links{color:var(--muted);grid-column:5/-1;justify-self:end;gap:20px;font-size:13px;display:flex}.footer .links a{transition:color .1s linear}.footer .links a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
