x-hero{display:contents}@scope (x-hero) to (:scope :is(x-base,x-faq,x-footer,x-hero,x-legal,x-nav)>*){:scope{display:block}.hero{position:relative;display:grid;grid-template-rows:1fr auto auto;min-height:clamp(560px,92svh,860px);overflow:hidden;background:var(--night-950);color:var(--cream-100)}.hero-stage{position:absolute;inset:0;display:grid}.scene{grid-area:1 / 1;position:relative;min-height:0;margin:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease),visibility var(--duration-slow)}.scene[aria-hidden="false"]{opacity:1;visibility:visible}.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.scene::after{content:"";position:absolute;inset:0;background:var(--scrim)}.scene-preview{position:absolute;right:var(--space-5);top:var(--space-6);z-index:1;display:grid;gap:var(--space-1);max-width:21rem;padding:var(--space-4) var(--space-5);border:1px solid #f4efe633;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--night-950) 66%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow-media)}.preview-kicker{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:0.12em;text-transform:uppercase;color:var(--amber-300)}.preview-lesson{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:-0.01em;text-wrap:balance}.preview-track{font-size:var(--text-sm);color:var(--cream-300)}.hero-copy{position:relative;z-index:1;grid-row:2;padding-top:var(--space-9);padding-bottom:var(--space-5)}.hero-copy .eyebrow{color:var(--amber-300)}.hero-copy h1{max-width:12ch;margin-bottom:var(--space-5);font-size:var(--text-display);text-shadow:0 2px 24px #0c111980}.hero-copy .lead{max-width:42ch;color:var(--cream-200)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero-actions a.button.ghost{color:var(--cream-100);box-shadow:inset 0 0 0 1px #f4efe659;backdrop-filter:blur(8px)}.hero-actions a.button.ghost:hover{color:var(--cream-100);background:#f4efe61a;box-shadow:inset 0 0 0 1px var(--cream-100)}.hero-controls{position:relative;z-index:1;grid-row:3;display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-6)}.hero-controls[hidden]{display:none}button.scene-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #f4efe640;border-radius:var(--radius-pill);background:#0c111966;color:var(--cream-100);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}button.scene-button:hover{border-color:var(--cream-100);background:#0c1119a6}button.scene-button svg{width:1.1em;height:1.1em}.icon-play{display:none}[data-toggle][aria-pressed="true"] .icon-play{display:block}[data-toggle][aria-pressed="true"] .icon-pause{display:none}.scene-dots{display:flex;gap:var(--space-1);margin-left:var(--space-2)}button.scene-dot{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent}button.scene-dot::before{content:"";width:7px;height:7px;border-radius:var(--radius-pill);background:#f4efe673;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}button.scene-dot:hover::before{background:var(--cream-100)}button.scene-dot[aria-pressed="true"]::before{background:var(--amber-400);transform:scale(1.3)}@media (min-width:720px){.scene-preview{right:max(var(--space-5),calc((100vw - var(--container)) / 2 + var(--space-5)));top:auto;bottom:calc(var(--space-6) + 56px)}.hero-copy{padding-bottom:var(--space-7)}}@media (min-width:1100px){.scene-photo{object-position:50% 32%}}@media (prefers-reduced-motion:reduce){.scene{transition:none}}}