/* Side arrows and simple dot navigation for the existing homepage hero. */
.hero[data-hero] { touch-action: pan-y pinch-zoom; }
.hero[data-hero].is-dragging { cursor: grabbing; user-select: none; }
.hero[data-hero] .hero__ctrl { position: absolute; inset: 0; display: block; pointer-events: none; z-index: 3; }
.hero[data-hero] .hero__ctrl .hero__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 62px; border: 1px solid #ffffff38; border-radius: 3px; background: #1011134d; pointer-events: auto; }
.hero[data-hero] .hero__ctrl [data-prev] { left: clamp(12px, 2vw, 36px); }
.hero[data-hero] .hero__ctrl [data-next] { right: clamp(12px, 2vw, 36px); }
.hero[data-hero] .hero__ctrl .hero__btn:hover { background: #f3eee4; color: #111; }
.hero[data-hero] .hero__dots { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 4; }
.hero[data-hero] .hero__dot { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; background: none; font-size: 0; letter-spacing: 0; }
.hero[data-hero] .hero__dot::after { display: block; width: 8px; height: 8px; border-radius: 50%; background: #ffffff66; transition: background-color .2s; }
.hero[data-hero] .hero__dot[aria-current="true"]::after { background: var(--gold-2, #d5c29d); }
.hero[data-hero] .hero__dot:focus-visible, .hero[data-hero] .hero__btn:focus-visible { outline: 2px solid #e5c99a; outline-offset: 3px; }
.hero.hero--advisor .hero__inner { padding-inline: clamp(64px, 6vw, 96px); padding-bottom: 80px; }
@media(max-width:699px) {
 .hero[data-hero] .hero__ctrl .hero__btn { width: 34px; height: 48px; top: 45%; }
 .hero[data-hero] .hero__ctrl [data-prev] { left: 8px; }
 .hero[data-hero] .hero__ctrl [data-next] { right: 8px; }
 .hero[data-hero] .hero__dots { bottom: 20px; }
 .hero.hero--advisor .hero__inner { padding-inline: 50px; padding-bottom: 66px; }
 .hero.hero--advisor .hero__title { font-size: clamp(27px, 7.8vw, 52px); }
}
@media(prefers-reduced-motion:reduce) { .hero[data-hero] .hero__dot::after { transition: none; } }