/* R4 three-slide preview. Original common stylesheet remains unchanged. */
.hero.hs-carousel{touch-action:pan-y pinch-zoom}
.hero.hs-carousel .hero-media[hidden]{display:none!important}
.hero.hs-carousel .hs-second-media .hero-image{object-position:82% center}
.hs-carousel-controls{position:absolute;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 96px);max-width:1320px;display:flex;align-items:center;gap:8px;color:#e9f5f4}
.hs-carousel-caption{font-size:11px;letter-spacing:.07em;margin-right:auto;line-height:1.5}
.hs-carousel-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #a3ced355;border-radius:3px;background:#062b3ed9;color:#e9f7f6;font:500 12px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer;touch-action:manipulation}
.hs-carousel-button:focus-visible{outline:3px solid #92e8d4;outline-offset:3px}
.hs-carousel-button:hover{border-color:#b1e8e2;background:#0b4759}
.hs-carousel-button:disabled{opacity:.55;cursor:wait}
.hs-carousel-dot{position:relative;padding-bottom:11px}
.hs-carousel-dot[aria-pressed="true"]{color:#a6e8dc;border-color:#8bc9c8}
.hs-carousel-dot[aria-pressed="true"]:after{content:"";position:absolute;bottom:6px;left:12px;right:12px;height:2px;background:#8fe0d2}
.hs-carousel-arrow{font-size:20px;font-weight:400}
.hs-carousel-pause{gap:7px;min-width:74px}
.hs-carousel-feedback{position:absolute;z-index:5;left:48px;bottom:68px;max-width:calc(100% - 96px);margin:0;padding:8px 12px;border:1px solid #7aaeb15e;background:#062b3ee8;color:#e6f4ef;font-size:11px;line-height:1.6}
.hs-carousel-feedback:empty{display:none}
@media(max-width:1080px){.hs-carousel-controls{width:calc(100% - 64px)}.hs-carousel-feedback{left:32px;max-width:calc(100% - 64px)}}
@media(max-width:700px){
 .hs-carousel-controls{bottom:14px;width:calc(100% - 40px);gap:8px}
 .hs-carousel-caption{display:none}
 .hs-carousel-button{padding:8px;min-width:44px;min-height:44px}
 .hs-carousel-pause{min-width:44px;margin-left:auto}
 .hs-carousel-pause-label{display:none}
 .hs-carousel-feedback{left:20px;bottom:67px;max-width:calc(100% - 40px)}
 .hero.hs-carousel[data-slide="1"] .hs-second-media{inset:auto 0 0;height:46%}
 .hero.hs-carousel[data-slide="1"] .hs-second-media .hero-image{object-position:81% center}
 .hero.hs-carousel[data-slide="1"] .hero-shade{background:linear-gradient(180deg,#031d30 0%,#031d30 42%,rgba(3,29,48,.86) 53%,rgba(3,29,48,.12) 76%,rgba(3,29,48,.14) 100%)}
}
@media(max-width:350px){.hs-carousel-controls{gap:7px}.hs-carousel-button{min-width:44px}}

/* Third image uses the same bounded lower mobile image area, without changing hero height. */
.hero.hs-carousel .hs-third-media .hero-image{object-position:82% center}
@media(max-width:700px){
 .hero.hs-carousel[data-slide="3"] .hs-third-media{inset:auto 0 0;height:46%}
 .hero.hs-carousel[data-slide="3"] .hs-third-media .hero-image{object-position:81% center}
 .hero.hs-carousel[data-slide="3"] .hero-shade{background:linear-gradient(180deg,#031d30 0%,#031d30 42%,rgba(3,29,48,.86) 53%,rgba(3,29,48,.12) 76%,rgba(3,29,48,.14) 100%)}
}
@media(max-width:350px){.hs-carousel-controls{gap:3px}}