.block{width:100vw;padding:1rem}.block-prose{padding:1rem}@container (width>400px){.block{max-width:78rem;margin:0 auto;padding:2rem}.block-prose{max-width:44rem;margin:0 auto;padding:2rem}}.grid-2-up{grid-template-columns:1fr;gap:1rem;display:grid}@container (width>700px){.grid-2-up{grid-template-columns:1fr 1fr;display:grid}}:root{--color-background:oklch(92.2% .005 34.3);--color-ink:oklch(21% .006 285.885);--color-brand-300:oklch(77.7% .152 181.912);--color-brand-500:oklch(70.4% .14 182.503);--color-brand-600:oklch(60% .118 184.704);--color-red:oklch(45.5% .188 13.697);--color-border:oklch(87.1% .006 286.286);--color-on-dark:oklch(98% .005 34.3);--font-sans:"Raleway", Helvetica, Arial, sans-serif;--font-serif:"Bitter", Times, Georgia, serif;--fs-sm:clamp(.8rem, .17vi + .76rem, .89rem);--fs-base:clamp(1rem, .34vi + .91rem, 1.19rem);--fs-md:clamp(1.25rem, .61vi + 1.1rem, 1.58rem);--fs-lg:clamp(1.56rem, 1vi + 1.31rem, 2.11rem);--fs-xl:clamp(1.95rem, 1.56vi + 1.56rem, 2.81rem);--fs-xxl:clamp(2.44rem, 2.38vi + 1.85rem, 3.75rem);--fs-xxxl:clamp(3.05rem, 3.54vi + 2.17rem, 5rem)}html,body,*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);color:var(--color-ink);margin:0;padding:0}header,main,aside,article,footer,.grid-cell{container-type:inline-size}body{background-color:var(--color-background)}h1,h2,h3,h4,h5{font-family:var(--font-sans);letter-spacing:-.05rem;margin-bottom:1rem;font-weight:700;line-height:1.15}h1,.text-size-h1{font-size:var(--fs-xxxl);margin-top:0;line-height:1}h2,.text-size-h2{font-size:var(--fs-xxl);margin-top:0}h3,.text-size-h3{line-height:1.25;font-size:var(--fs-xl);margin-top:0}h4,.text-size-h4{line-height:1.25;font-size:var(--fs-lg);margin-top:0}h5,.text-size-h5{line-height:1.25;font-size:var(--fs-md);margin-top:0}p,.text-size-p{font-family:var(--font-serif);line-height:1.5;font-size:var(--fs-base);margin-top:0;margin-bottom:1rem}.caption{font-size:var(--fs-sm)}.intro{flex-direction:column;gap:2rem;padding:2rem 0;display:flex;& h1,& h3{font-family:var(--font-serif);font-style:italic;font-weight:400}& h3{opacity:.5}}.article__header{margin-bottom:3rem}.article__back{font-size:var(--fs-sm);color:var(--color-brand-500);margin-bottom:2rem;text-decoration:none;display:inline-block}.article__back:hover{color:var(--color-brand-600)}.article__kicker{font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--color-brand-600);margin-bottom:1rem}.article__dek{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-md);opacity:.65;margin-top:1rem;line-height:1.4}.article__meta{font-family:var(--font-sans);font-size:var(--fs-sm);opacity:.6;gap:.5rem;margin-top:1.5rem;display:flex}.article__body p{margin-bottom:1.25rem;line-height:1.6}.article__body :is(ul,ol){font-family:var(--font-serif);margin:0 0 1.25rem 1.25rem;line-height:1.6}.article__body li{margin-bottom:.5rem}.article__body :is(h2,h3,h4){margin-top:2.5rem;margin-bottom:1rem}.article__body h2{font-size:var(--fs-lg)}.article__body h3{font-size:var(--fs-md)}.article__body h4{font-size:var(--fs-base)}.article__hero{margin:0 0 2.5rem}.article__hero img{border-radius:.5rem;width:100%;height:auto}.article__hero figcaption{text-align:center;font-family:var(--font-sans);font-size:var(--fs-sm);opacity:.6;margin-top:.5rem;font-style:italic}.article__body img{border-radius:.5rem;max-width:100%;height:auto}.article__body p:has(img){text-align:center;margin:2.5rem 0}.article__body p:has(img) em{font-family:var(--font-sans);font-size:var(--fs-sm);opacity:.6;margin-top:.5rem;font-style:italic;display:block}.article--breakout .article__hero,.article--breakout .article__body p:has(img){width:min(100vw,1600px);max-width:none;margin-left:50%;transform:translate(-50%)}.article--breakout .article__hero img,.article--breakout .article__body p:has(img) img{border-radius:0;width:auto;max-width:min(100%,1280px);height:auto;max-height:85vh;margin:0 auto;display:block}.article--breakout .article__hero figcaption,.article--breakout .article__body p:has(img) em{max-width:38rem;margin-inline:auto;padding-inline:1rem}body{overflow-x:clip}
