.feature-article{display:flex;flex-direction:column;gap:0;align-items:stretch;border-radius:0;overflow:hidden;background-color:var(--background)}.feature-article-reversed{background-color:var(--card-elevated)}.feature-article-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:0;overflow:hidden}.feature-article-image{object-fit:cover;border-radius:0}.feature-article-content{display:flex;flex-direction:column;justify-content:center;gap:var(--content-gap);padding:var(--pad-content-y) var(--pad-content-x)}.feature-article-title{color:var(--secondary);font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--heading-weight);text-transform:uppercase;letter-spacing:var(--heading-letter-spacing);margin:0;max-width:18em}.feature-article-body{color:var(--card-foreground);font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-md);margin:0;max-width:68ch}.feature-article-actions{margin-top:var(--space-2)}@media (min-width:1024px){.feature-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:0;gap:0;align-items:stretch;min-height:clamp(20rem,18rem + 8vw,26rem)}.feature-article-reversed .feature-article-media{order:2}.feature-article-reversed .feature-article-content{order:1}.feature-article-content,.feature-article-media{width:100%;min-width:0}.feature-article-media{aspect-ratio:auto;align-self:stretch;min-height:100%}}