.writing{container:writing/inline-size;--writing-gap:clamp(1.5rem, 0.5rem + 2.5vw, 3rem);margin-block:clamp(1.5rem,1rem + 2vw,3rem)clamp(3.5rem,2.5rem + 4vw,6.5rem)}.writing__header{display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-areas:"eyebrow eyebrow" "title all";align-items:baseline;column-gap:var(--writing-gap);padding-block-end:clamp(1.25rem,1rem + 1vw,2rem);border-block-end:1px solid color-mix(in oklab,var(--color-foreground) 45%,transparent)}.writing__eyebrow{grid-area:eyebrow;margin-block-end:clamp(.75rem,.6rem + .5vw,1.125rem);font-family:var(--font-sans);font-size:clamp(.75rem,.72rem + .12vw,.8125rem);font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.writing__title{grid-area:title;font-size:clamp(2rem,1.5rem + 2.1vw,3.25rem);font-weight:400;line-height:1.05;letter-spacing:-.035em;color:var(--color-foreground);text-wrap:balance}.writing__all{grid-area:all;font-size:clamp(.875rem,.85rem + .1vw,.9375rem);font-weight:600;line-height:1.4;color:var(--color-foreground);text-decoration:none;white-space:nowrap}.writing__all .link-arrow{margin-inline-start:.3em;color:var(--color-primary)}.writing__list{margin:0;padding:0;list-style:none}.writing__item{position:relative;display:grid;row-gap:.5rem;padding-block:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);border-block-end:1px solid var(--color-border)}.writing__meta{display:flex;flex-wrap:wrap;column-gap:.75rem;font-size:clamp(.75rem,.72rem + .12vw,.8125rem);font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-foreground)}.writing__time{font-weight:500;letter-spacing:.02em;text-transform:none;color:color-mix(in oklab,var(--color-muted-foreground) 80%,transparent)}.writing__post{font-size:clamp(1.375rem,1.2rem + .75vw,1.875rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--color-foreground);text-wrap:balance}.writing__link{color:inherit;text-decoration:none}.writing__link::after{content:"";position:absolute;inset:0}.writing__link:focus-visible{outline:none}.writing__item:has(.writing__link:focus-visible){outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}.writing__link .link-arrow{margin-inline-start:.3em;font-size:.6em;vertical-align:.2em;color:var(--color-primary)}.writing__summary{max-width:62ch;margin-block-start:.25rem;font-size:clamp(.9375rem,.92rem + .1vw,1rem);line-height:1.65;color:var(--color-muted-foreground);text-wrap:pretty}.writing__tags{margin-block-start:.375rem;font-size:.8125rem;font-weight:600;line-height:1.5;letter-spacing:.02em;color:color-mix(in oklab,var(--color-primary) 80%,var(--color-muted-foreground))}@media(hover:hover) and (pointer:fine){.writing__post,.writing__all{transition:color .2s ease,text-decoration-color .2s ease}.writing__link,.writing__all{text-decoration:underline 1px transparent;text-underline-offset:.18em}.writing__item:hover .writing__post,.writing__all:hover{color:var(--color-link-hover)}.writing__item:hover .writing__link,.writing__all:hover{text-decoration-color:color-mix(in oklab,currentColor 45%,transparent)}.writing__link .link-arrow,.writing__all .link-arrow{transition:transform .25s ease}.writing__item:hover .writing__link .link-arrow,.writing__all:hover .link-arrow{transform:translate(.15em,.15em)}}@media(prefers-reduced-motion:reduce){.writing__post,.writing__all,.writing__link .link-arrow,.writing__all .link-arrow{transition:none}}@container writing (min-width:42rem){.writing__item {
    grid-template-columns: minmax(9rem, 1fr) minmax(0, 2.5fr);
    column-gap: var(--writing-gap);
    align-items: baseline;
  }

  .writing__meta {
    flex-direction: column;
    row-gap: 0.125rem;
  }
}@container writing (min-width:52rem){.writing__item {
    grid-template-columns: minmax(17.5rem, 1fr) minmax(0, 2.5fr);
  }
}