@layer dawn.components{[data-slot=hero]{container:hero / inline-size;inline-size:100%}[data-slot=hero-grid]{display:grid;gap:calc(var(--space-pad) * 1.5);align-items:center}@container hero (width >= 48rem){[data-slot=hero-grid]:has([data-slot=hero-media]){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}[data-slot=hero-text]{display:grid;gap:var(--space-gap);justify-items:start;min-width:0}[data-slot=hero-eyebrow]{display:inline-flex;align-items:center;gap:.625em;margin:0;color:var(--text-muted);font:400 var(--type-label)/1.3 var(--font-mono);letter-spacing:.02em}[data-slot=hero-eyebrow]:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--live-mark)}[data-slot=hero-title]{margin:0;color:var(--text-strong);font:600 clamp(var(--type-h1),7cqi,var(--type-display))/var(--lead-display) var(--font-sans);letter-spacing:var(--track-display);text-wrap:balance}[data-slot=hero-lede]{max-inline-size:52ch;margin:0;color:var(--text-muted);font:400 calc(var(--type-body) * 1.125)/var(--lead-body) var(--font-sans);text-wrap:pretty}[data-slot=hero-text]>:last-child:not([data-slot=hero-lede]):not([data-slot=hero-title]):not([data-slot=hero-eyebrow]){margin-block-start:calc(var(--space-gap) * .25)}[data-slot=hero-media]{min-width:0}}