/* Every visible mark inside the hero is baked into the banner image. */
.hero{position:relative;width:100%;aspect-ratio:20/9;min-height:0;overflow:hidden;background:#103552;touch-action:pan-y pinch-zoom;isolation:isolate}
.hero .hero-frame{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transition:opacity 850ms ease;z-index:0;cursor:default}
.hero .hero-frame.is-active{opacity:1;pointer-events:auto;z-index:1}
.hero-frame picture{display:block;width:100%;height:100%}
.hero .hero-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;transform:scale(1.015);user-select:none;-webkit-user-drag:none}
.hero .hero-frame.is-active .hero-image{animation:complete-banner-drift 12s ease-out both}
.hero .hero-frame:focus-visible{outline:3px solid #37bfff;outline-offset:-6px}
.hero-controls{height:58px;display:flex;align-items:center;justify-content:center;gap:21px;background:#fff;color:#103552}
.hero-controls .icon-button{width:38px;height:38px;border-radius:50%;font-size:21px}
.hero-controls .icon-button:hover{background:#fff}
.hero-controls svg{width:18px;height:18px}
.hero-controls .hero-counter{font-size:14px;font-weight:500;letter-spacing:.5px;display:flex;gap:10px;color:#62676e}
.hero-counter #slide-number{color:#103552;font-weight:700}
.banner-indicators{display:flex;align-items:center;gap:8px}
.banner-indicators button{width:35px;height:32px;padding:14px 0;background:transparent;position:relative}
.banner-indicators button:after{content:'';height:3px;background:#d9dde2;position:absolute;left:0;right:0;top:14px;border-radius:2px}
.banner-indicators button[aria-pressed="true"]:after{background:#103552}
.program-quick{margin-top:0}
@keyframes complete-banner-drift{from{transform:scale(1)}to{transform:scale(1.015)}}
@media(max-width:700px){.hero{aspect-ratio:4/5}.hero-controls{height:54px;gap:12px}.hero-controls .icon-button{width:34px;height:34px}.banner-indicators button{width:28px}.hero .hero-frame.is-active .hero-image{animation-name:complete-banner-drift-mobile}@keyframes complete-banner-drift-mobile{from{transform:scale(1)}to{transform:scale(1.008)}}}
@media(prefers-reduced-motion:reduce){.hero .hero-frame{transition:none}.hero .hero-frame.is-active .hero-image{animation:none;transform:none}}