@layer components{.writing-article{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}.writing-article__inner{max-width:42rem}.writing-article__meta{gap:var(--space-2);margin:0 0 var(--space-4);color:color-mix(in srgb, var(--color-text) 55%, transparent);text-transform:uppercase;letter-spacing:normal;flex-wrap:wrap;font-weight:400;display:flex}.writing-article__title{margin:0 0 var(--space-8);font-family:var(--font-sans);letter-spacing:-.03em;font-size:clamp(2rem,6vw,3.25rem);font-weight:700;line-height:1.05}.writing-article__media{margin:0 0 var(--space-8);aspect-ratio:4/3;background:var(--color-cream-media);overflow:hidden}.writing-article__media img{object-fit:cover;width:100%;height:100%;display:block}.writing-article__excerpt{margin:0 0 var(--space-10);font-family:var(--font-sans);color:color-mix(in srgb, var(--color-text) 85%, transparent);font-size:1.125rem;line-height:1.55}.writing-article__back{text-transform:uppercase;letter-spacing:normal;text-underline-offset:.2em;color:var(--color-text);font-weight:400;text-decoration:underline;display:inline-flex}@media (width>=768px){.writing-article{padding-top:calc(var(--space-16) + var(--space-8));padding-bottom:var(--space-16)}}}