@layer components{.fx-hero{padding-block:1.25rem clamp(2.25rem,1.5rem + 3vw,4rem)}.fx-eyebrow{margin-top:2.25rem}.fx-hero .lead{margin-top:1.25rem}.fx-updated{margin-top:1rem;font-size:.875rem;color:var(--color-muted)}.fx-cta{margin-top:1.75rem}.fx-flush{padding-top:0}.fx-cards{display:grid;gap:1.25rem}.fx-card{padding:clamp(1.25rem,1rem + 1.2vw,2rem);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:var(--color-body);overflow-wrap:anywhere}.fx-card>*+*{margin-top:.875rem}.fx-card>h2{color:var(--color-ink)}.fx-list{display:grid;gap:.5rem}.fx-list li{padding-left:1.25rem;background:linear-gradient(var(--color-accent) 0 0) 0 .75em / .625rem 2px no-repeat}.fx-note{font-size:.9375rem;color:var(--color-muted)}.fx-company{padding:1rem 1.125rem;border-radius:.75rem;background:var(--color-page)}.fx-band{background:var(--color-tint)}.fx-band .lead{margin-top:1rem}.fx-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:25rem;margin-top:1.75rem}.fx-pair .cover{position:relative;aspect-ratio:3 / 4;border-radius:.875rem;box-shadow:var(--shadow-card)}.fx-pair figcaption{margin-top:.625rem;font:650 .8125rem/1.3 var(--font-display);text-align:center}.fx-pair>.glyph{width:1.5rem;height:1.5rem;color:var(--color-accent)}}
