.hero-visual.has-custom-background{background:#171511;isolation:isolate}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual.has-custom-background:before{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 55%,rgba(0,0,0,.34))}
.hero-visual.has-custom-background .sun,.hero-visual.has-custom-background .crest,.hero-visual.has-custom-background .kimono{display:none}
.hero-visual.has-custom-background .vertical,.hero-visual.has-custom-background .count{z-index:2;text-shadow:0 2px 14px rgba(0,0,0,.7);pointer-events:none}
.hero-slider-controls{position:absolute;right:20px;bottom:20px;z-index:3;display:flex;align-items:center;gap:4px;padding:4px;border-radius:28px;background:rgba(0,0,0,.65);color:#fff}
.hero-slider-controls[hidden]{display:none}
.hero-slider-controls button{display:grid;place-items:center;min-width:40px;height:40px;padding:0;border:0;background:transparent;color:inherit;font:24px var(--sans);cursor:pointer;border-radius:50%}
.hero-slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero-slider-controls button:hover{background:rgba(255,255,255,.16)}
.hero-slider-dot:before{content:"";width:7px;height:7px;border:1px solid #fff;border-radius:50%}
.hero-slider-dot[aria-pressed="true"]:before{background:#fff}
.hero-slider-controls .hero-slider-toggle{font-size:14px;padding:0 8px;border-radius:20px}
.hero-visual.has-custom-background:has(.hero-slider-controls) .count{bottom:88px}
@media(max-width:720px){.hero-slider-controls{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Landscape banners from the original website, without clipping text or people. */
.hero.hero-banners{display:flex;flex-direction:column;min-height:0;background:#12110f}
.hero-banners .hero-visual{order:0;flex:none;width:100%;height:auto;aspect-ratio:18/7;overflow:visible;margin-bottom:64px}
.hero-banners .hero-slide img{object-fit:contain}
.hero-banners .hero-visual:before,.hero-banners .hero-pattern,.hero-banners .vertical,.hero-banners .count{display:none}
.hero-banners .hero-slider-controls{bottom:-56px;right:50%;transform:translateX(50%);white-space:nowrap}
.hero-banners .hero-copy{order:1;padding:40px 8vw;background:var(--paper)}
.hero-banners .hero-copy h1{font-size:clamp(32px,3.4vw,52px);margin:14px 0}
.hero-banners .hero-copy h1 br{display:none}
.hero-banners .hero-copy h1 span{font-size:1em}
.hero-banners .hero-lead{max-width:900px;font-size:16px}
.hero-banners .hero-actions{margin-top:22px}
.hero-banners .trust-row{order:2;position:relative;width:100%;flex-wrap:wrap;gap:12px;padding:20px 8vw}
@media(max-width:720px){.hero-banners .hero-copy{padding:28px 24px}.hero-banners .hero-copy h1{font-size:30px}.hero-banners .hero-copy h1 span{display:block}.hero-banners .hero-slider-controls{right:50%;bottom:-56px}}