.feature{width:100%;max-width:var(--max-width-content-multi);margin-inline:auto;scroll-margin-top:60px}.featureText h2{margin:0 0 var(--spacing-md);color:var(--color-text-primary);letter-spacing:-.5px;font-weight:700;line-height:1.2}.featureLead{color:var(--color-text-secondary);margin:0;font-size:1.15rem;line-height:1.6}.feature-lead{align-items:center;gap:var(--spacing-2xl);padding-block:var(--spacing-4xl);text-align:center;flex-direction:column;display:flex}.feature-lead .featureText{max-width:42rem}.feature-lead .featureText h2{font-size:var(--font-size-section-title)}.feature-lead .featureMedia{width:100%;max-width:900px}.feature-split{gap:var(--spacing-3xl);padding-block:var(--spacing-3xl);max-width:var(--max-width-content-single);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.feature-split .featureText h2{font-size:1.75rem}.feature-split[data-flip] .featureText{order:2}.feature-note{gap:var(--spacing-md) var(--spacing-2xl);padding-block:var(--spacing-xl);max-width:var(--max-width-content-single);border-block-start:1px solid var(--border-color);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:baseline;display:grid}.feature-note .featureText h2{margin:0;font-size:1.15rem}.feature-note .featureLead{font-size:1rem}.feature-note .featureAside{grid-column:2}.feature-split+.feature-note{margin-block-start:var(--spacing-3xl)}.pillGrid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.feature-lead .pillGrid{justify-content:center}.pill{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.85rem}@media (width<=62em){.feature-split,.feature-note{gap:var(--spacing-xl);grid-template-columns:1fr}.feature-split[data-flip] .featureText{order:0}.feature-note .featureAside{grid-column:1}}@media (width<=48em){.feature{padding-inline:var(--spacing-md)}.feature-lead{padding-block:var(--spacing-3xl);gap:var(--spacing-xl)}.featureText h2,.feature-split .featureText h2{font-size:1.4rem}.featureLead{font-size:1rem}}@media (width<=30em){.feature{scroll-margin-top:40px}.featureText h2,.feature-split .featureText h2{font-size:1.25rem}}