/* Changing only on deliberate hover, swipe or selection. */
.hero-carousel .hero-image{opacity:0;animation:none;transition:opacity .7s ease;pointer-events:none;object-fit:cover;width:100%;height:100%}
.hero-carousel .hero-image.is-active{opacity:1}
.hero-slide{opacity:0;animation:none}
.hero-pagination{position:absolute;right:2rem;bottom:1.5rem;display:flex;z-index:2}
.hero-pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-pagination button span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .25s,transform .25s}
.hero-pagination button[aria-pressed=true] span{background:#fff;transform:scale(1.3)}
.hero-pagination button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:860px){.hero-pagination{right:.75rem;bottom:1.35rem}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-image,.hero-pagination button span{transition:none}}
/* Content Manager focal points */
.hero-copy{max-width:none;right:7vw}
.hero #hero-title{white-space:nowrap;font-size:clamp(1.7rem,6.8vw,7.5rem);line-height:1.1}
.hero-copy>.text-link{font-size:.52rem;gap:1rem;min-height:44px;align-items:center}
.kanae-logo .kanae-png{position:relative;display:inline-block;width:118px;height:24px;overflow:hidden}
.kanae-png img{position:absolute;width:360px;height:360px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.inner-header .kanae-png img,footer .kanae-png img{filter:brightness(0)}
.kanae-logo{align-items:center}
.hero-image{object-position:var(--cms-hero-desktop-position,50% 50%)}
@media(max-width:860px){.hero-image{object-position:var(--cms-hero-mobile-position,50% 44%)}}
