.hero-band{z-index:var(--z-above);isolation:isolate;padding:var(--sp-14) var(--sp-20);border-radius:var(--radius-xl);color:var(--on-ink);background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--accent) 42%, transparent) 0%, transparent 55%), radial-gradient(80% 120% at 0% 100%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 60%), var(--ink-bg);box-shadow:var(--shadow-band);position:relative}.hero-band-art{border-radius:inherit;z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-band-curve{display:block;position:absolute;inset:0;overflow:visible}.hero-band-stop-start{stop-color:var(--on-ink-accent);stop-opacity:.08}.hero-band-stop-mid{stop-color:var(--on-ink-accent);stop-opacity:.55}.hero-band-stop-end{stop-color:color-mix(in srgb, var(--on-ink-accent) 55%, var(--on-ink));stop-opacity:.95}.hero-band-line{animation:hero-band-line-in 1.1s var(--ease) .1s both}@keyframes hero-band-line-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hero-band :is(.btn-outline,.btn-ghost,.select):not(.hero-band-surface *){--btn-fg:var(--on-ink);background-color:color-mix(in srgb, var(--on-ink) 12%, var(--ink-bg));border-color:color-mix(in srgb, var(--on-ink) 34%, transparent);color:var(--on-ink)}.hero-band .btn-ghost:not(.hero-band-surface *){background-color:#0000;border-color:#0000}.hero-band :is(.btn-outline,.btn-ghost):not(.hero-band-surface *):hover:not(:disabled){background-color:color-mix(in srgb, var(--on-ink) 20%, var(--ink-bg));border-color:color-mix(in srgb, var(--on-ink) 50%, transparent)}.hero-band .btn-outline:not(.hero-band-surface *):disabled{color:color-mix(in srgb, var(--on-ink) 40%, transparent);border-color:color-mix(in srgb, var(--on-ink) 18%, transparent);opacity:1}.hero-band .btn:not(.btn-outline,.btn-ghost,.btn-danger,.btn-ok,.btn-smart,.hero-band-surface *){--btn-fg:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hero-band .btn:not(.btn-outline,.btn-ghost,.btn-danger,.btn-ok,.btn-smart,.hero-band-surface *):hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--on-ink))}.hero-band .select:not([multiple],.hero-band-surface *){background-image:linear-gradient(45deg, transparent 50%, var(--on-ink) 50%), linear-gradient(135deg, var(--on-ink) 50%, transparent 50%)}.hero-band .select option{color:var(--ink);background:var(--surface)}.hero-band .segmented:not(.hero-band-surface *){background:color-mix(in srgb, var(--on-ink) 10%, var(--ink-bg));border-color:color-mix(in srgb, var(--on-ink) 26%, transparent)}.hero-band .segmented:not(.hero-band-surface *) button{color:color-mix(in srgb, var(--on-ink) 82%, transparent)}.hero-band .segmented:not(.hero-band-surface *) button:hover:not(:disabled){color:var(--on-ink)}.hero-band .segmented:not(.hero-band-surface *) button[aria-pressed=true]{background:var(--on-ink);color:var(--ink-bg);box-shadow:none}.hero-band .segmented.has-thumb:not(.hero-band-surface *) button[aria-pressed=true]{background:0 0}.hero-band .segmented:not(.hero-band-surface *) .segmented-thumb{background:var(--on-ink);box-shadow:none}.hero-band a:not(.btn,.badge-link,.hero-band-surface *){color:var(--on-ink)}.hero-band :focus-visible:not(.hero-band-surface *){outline-color:var(--on-ink-accent)}.hero-band :is(.muted,.subtle):not(.hero-band-surface *),.hero-band .dl dt:not(.hero-band-surface *){color:color-mix(in srgb, var(--on-ink) 72%, transparent)}.hero-band .link-btn:not(.hero-band-surface *){color:var(--on-ink)}.hero-band :is(.badge,.status-pill.tone-neutral):not(.hero-band-surface *){background-color:var(--surface);color:var(--ink);border-color:#0000}.hero-band-panel{padding:var(--sp-12) var(--sp-14);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--on-ink) 7%, transparent);border:1px solid color-mix(in srgb, var(--on-ink) 14%, transparent)}.page-header{gap:var(--sp-10) var(--sp-20);margin-bottom:var(--sp-16);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.page-header.hero-band{padding-block:var(--sp-12)}.page-header.has-side{grid-template-columns:minmax(220px,1fr) auto}.page-header.has-tabs{margin-bottom:var(--sp-8)}.page-header-text{gap:var(--sp-4);min-width:0;display:grid}.page-header-eyebrow{align-items:center;gap:var(--sp-4) var(--sp-6);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;margin:0;font-weight:700;display:flex}.page-header-eyebrow a{color:inherit;text-decoration:none}.page-header-eyebrow a:hover{text-underline-offset:3px;text-decoration:underline}.page-header-heading{align-items:center;gap:var(--sp-6) var(--sp-10);flex-wrap:wrap;min-width:0;display:flex}.page-header h1{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.035em;margin:0;font-weight:750;line-height:1.15}.page-header-meta{align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.page-header-lede{max-width:72ch;font-size:var(--text-base);color:var(--muted);margin:0;line-height:1.45}.page-header-side{align-content:center;justify-items:end;gap:var(--sp-8);min-width:0;display:grid}.page-header-side>*{justify-content:flex-end;align-items:center;gap:var(--sp-8);flex-wrap:wrap;display:flex}.page-actions{gap:var(--sp-8);flex-wrap:wrap;display:flex}.page-header-tabs{margin-bottom:var(--sp-16)}.page-header-tabs .page-tabs,.page-header-tabs .tabs-wrap{margin-bottom:0}.page-header.hero-band h1{font-size:var(--text-hero);color:var(--on-ink);line-height:1.05}.page-header.hero-band .page-header-eyebrow{color:var(--on-ink-accent)}.page-header.hero-band .page-header-lede{color:color-mix(in srgb, var(--on-ink) 82%, transparent)}.page-header-help{display:inline-flex}.page-header-help .btn{color:var(--muted)}.hero-band .page-header-help .btn{color:color-mix(in srgb, var(--on-ink) 72%, transparent)}.hero-band .page-header-help .btn:hover:not(:disabled),.hero-band .page-header-help .btn[aria-expanded=true]{color:var(--on-ink);background-color:color-mix(in srgb, var(--on-ink) 14%, transparent)}.page-header-help-panel{max-width:min(380px,100vw - 32px);padding:var(--sp-12) var(--sp-14)}.page-header-help-panel p{font-size:var(--text-base);color:var(--ink-2);margin:0;line-height:1.5}@media (width<=1024px){.page-header.has-side{grid-template-columns:minmax(0,1fr)}.page-header-side{justify-items:start}.page-header-side>*{justify-content:flex-start}}@media (width<=760px){.hero-band{padding:var(--sp-12) var(--sp-14);border-radius:var(--radius-lg)}}