@layer components{.homepage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);max-width:72rem;margin-inline:auto;padding:var(--space-l)var(--space-s)var(--space-2xl);color:var(--color-text);& .homepage__title{font-size:var(--size-step-3);line-height:1.1;margin:0 0 var(--space-2xs)}& .homepage__lead{font-size:var(--size-step-1);color:var(--color-text-muted);margin:0}}@media(prefers-color-scheme:dark){.homepage .homepage__lead{color:var(--color-text);opacity:.8}}}