@layer components{.mk-section-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.25rem;display:flex;container:mk-section-header/inline-size}.mk-section-header-copy{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;max-width:48rem;display:flex}.mk-section-header-eyebrow{color:var(--primary);letter-spacing:.01em;font-size:.875rem;font-weight:500}.mk-section-header-title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:1.875rem;font-weight:600;line-height:1.15}.mk-section-header-desc{max-width:42rem;color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.mk-section-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mk-section-header[data-align=center]{text-align:center;align-items:center;& .mk-section-header-copy{align-items:center}& .mk-section-header-actions{justify-content:center}}.mk-section-header[data-variant=split]{flex-flow:wrap;justify-content:space-between;align-items:flex-end;& .mk-section-header-copy{flex:28rem}& .mk-section-header-actions{flex:none}}.mk-section-header[data-variant=numbered]{flex-flow:wrap;align-items:flex-start;column-gap:1.5rem;&:before{content:attr(data-index);color:#0000;letter-spacing:-.04em;-webkit-text-stroke:1.5px color-mix(in oklch, var(--foreground) 35%, transparent);font-variant-numeric:tabular-nums;flex:none;font-size:3.5rem;font-weight:800;line-height:.9}& .mk-section-header-copy{flex:24rem}& .mk-section-header-actions{flex-basis:100%}}.mk-section-header[data-variant=divider] .mk-section-header-title{align-items:center;gap:1rem;width:100%;display:flex;&:after{content:"";background:var(--border);flex:1;min-width:2rem;height:1px}}.mk-section-header[data-variant=divider] .mk-section-header-copy{max-width:none}.mk-section-header[data-variant=banner]{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--foreground) 14%, transparent) 1px, transparent 0) 0 0 / 1.25rem 1.25rem, linear-gradient(to bottom, var(--muted), var(--background));padding:2.5rem 1.5rem}.mk-section-header-proof{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;display:flex;& strong{color:var(--foreground);font-weight:600}}.mk-section-header[data-align=center] .mk-section-header-proof{justify-content:center}.mk-section-header[data-size=sm] .mk-section-header-title{font-size:1.5rem}.mk-section-header[data-size=lg] .mk-section-header-title{font-size:2.25rem}@container mk-section-header (width>=48rem){.mk-section-header-title{font-size:2.25rem}.mk-section-header[data-size=sm] .mk-section-header-title{font-size:1.75rem}.mk-section-header[data-size=lg] .mk-section-header-title{font-size:3rem}}@media (prefers-contrast:more){.mk-section-header-desc{color:var(--foreground)}}@media (forced-colors:active){.mk-section-header-eyebrow{color:canvastext}}}