@container (width>400px){.block{max-width:78rem;margin:0 auto;padding:2rem}.block-prose{max-width:44rem;margin:0 auto;padding:2rem}}@container (width>400px){.grid-2-up{grid-template-columns:1fr 1fr;display:grid}}.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}}.navigation{flex-direction:column;padding:2rem;display:flex;& a{color:var(--color-brand-500);text-decoration:none;transition:color .2s;&:hover{color:var(--color-brand-600)}}& .navigation__title{font-weight:700;& a{color:var(--color-ink)}}}.navigation__bar{justify-content:space-between;align-items:center;display:flex}.navigation__toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.75rem;height:2.75rem;margin:-.5rem -.5rem -.5rem 0;padding:0;display:inline-flex}.navigation__toggle-bar{background:var(--color-ink);width:1.5rem;height:2px;transition:transform .2s,opacity .2s;display:block}.navigation__links{flex-direction:column;gap:1rem;margin-top:1.5rem;list-style:none;display:none}.navigation.is-open .navigation__links{display:flex}.navigation.is-open .navigation__toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.navigation.is-open .navigation__toggle-bar:nth-child(2){opacity:0}.navigation.is-open .navigation__toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=40rem){.navigation{flex-direction:row;justify-content:space-between;align-items:center}.navigation__toggle{display:none}.navigation__links{flex-direction:row;gap:1.5rem;margin-top:0;display:flex}}@media (prefers-reduced-motion:reduce){.navigation a,.navigation__toggle-bar{transition:none}}@container (width>400px){.block{max-width:78rem;margin:0 auto;padding:2rem}.block-prose{max-width:44rem;margin:0 auto;padding:2rem}}@container (width>400px){.grid-2-up{grid-template-columns:1fr 1fr;display:grid}}.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}}footer{flex-direction:column;gap:1rem;padding:2rem;display:flex;& .footer__ornament{flex-direction:row;justify-content:center;display:flex}& .footer__copy{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex;& p{font-family:var(--font-sans);font-size:var(--fs-sm);margin:0}}}.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>400px){.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);--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}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}}