x-hero-photos{display:contents}@scope (x-hero-photos) to (:scope :is(x-base,x-faq,x-footer,x-hero-photos,x-legal,x-nav)>*){:scope{display:block}.hero-photos{position:relative;width:min(100%,340px);margin-inline:auto}.hero-slides{position:relative;margin:0;padding:0;list-style:none;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden;background:var(--navy-900);box-shadow:0 0 0 8px var(--navy-900),0 0 0 9px var(--rule-strong)}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity var(--duration-slow) var(--ease)}.hero-slide:first-child,.hero-slide.is-active{opacity:1}.hero-slide.is-active ~ .hero-slide:first-child{opacity:0}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-caption{position:absolute;inset:auto 0 0 0;margin:0;padding:var(--space-7) var(--space-5) var(--space-5);background:linear-gradient(to top,#0f2a42f2,#0f2a4200);color:var(--inverse-ink)}.hero-caption figcaption{display:grid;gap:var(--space-1)}.hero-area{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:0.04em;text-transform:uppercase;color:var(--mark)}.hero-lesson{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-wrap:balance}.hero-lesson-label{font-weight:var(--weight-normal);color:var(--inverse-ink-soft)}.hero-controls{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.hero-controls button{min-width:44px;min-height:44px;padding:0 var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-size:var(--text-base);line-height:1}.hero-controls button:hover{background:var(--paper-tint)}.hero-controls button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.hero-controls:not(.is-ready){display:none}}