@layer components{.writings-index{z-index:2;padding-top:calc(var(--space-16) + env(safe-area-inset-top));padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom));position:relative}.writings-index__inner{max-width:48rem}.writings-index__eyebrow{margin:0 0 var(--space-4);color:color-mix(in srgb, var(--color-text) 55%, transparent);text-transform:uppercase;letter-spacing:normal;font-weight:400}.writings-index__title{margin:0 0 var(--space-10);font-family:var(--font-sans);letter-spacing:-.03em;font-size:clamp(2rem,6vw,3.25rem);font-weight:700;line-height:1.05}.writings-index__list{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.writings-index__card{gap:var(--space-3);color:inherit;text-decoration:none;display:grid}.writings-index__meta{gap:var(--space-2);color:color-mix(in srgb, var(--color-text) 55%, transparent);text-transform:uppercase;letter-spacing:normal;flex-wrap:wrap;margin:0;font-weight:400;display:flex}.writings-index__card-title{font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.writings-index__excerpt{font-family:var(--font-sans);color:color-mix(in srgb, var(--color-text) 82%, transparent);margin:0;font-size:1rem;line-height:1.55}@media (width>=768px){.writings-index{padding-top:calc(var(--space-16) + var(--space-8));padding-bottom:var(--space-16)}}}