.yh2b-hsr{position:relative;width:100%;margin:0 auto 24px;color:#fff;background:#102438;isolation:isolate;overflow:hidden}
.yh2b-hsr *{box-sizing:border-box}
.yh2b-hsr__viewport{position:relative;min-height:340px;aspect-ratio:1180/620}
.yh2b-hsr__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease; background-size:cover;background-position:center;}
.yh2b-hsr__slide.is-active{opacity:1;visibility:visible;z-index:1}
.yh2b-hsr__slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,31,.15),rgba(2,13,32,.54))}
.yh2b-hsr__inside{position:relative;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);gap:1%;align-items:center;height:100%;max-width:1180px;padding:6% 8%;margin:auto}
.yh2b-hsr__picture{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;max-height:460px}
.yh2b-hsr__picture img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}
.yh2b-hsr__copy{min-width:0;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.yh2b-hsr__copy h2{color:#fff;font-size:clamp(24px,3.5vw,43px);line-height:1.2;margin:0 0 20px;font-weight:700}
.yh2b-hsr__copy p{color:#fff;font-size:clamp(14px,1.6vw,20px);line-height:1.7;margin:0 0 24px}
.yh2b-hsr__action{display:inline-block;color:#fff!important;background:#00a9dc;text-decoration:none!important;padding:12px 24px;font-size:15px;font-weight:600;border-radius:2px}
.yh2b-hsr__action:hover,.yh2b-hsr__action:focus{color:#fff!important;background:#007ca8;outline:2px solid #fff;outline-offset:2px}
.yh2b-hsr__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:0;background:rgba(0,0,0,.35);color:#fff!important;border-radius:4px;padding:10px 13px;cursor:pointer;font-size:22px;line-height:1.3}
.yh2b-hsr__prev{left:8px}.yh2b-hsr__next{right:8px}
.yh2b-hsr__nav:hover,.yh2b-hsr__nav:focus{background:rgba(0,0,0,.75);outline:2px solid #fff}
.yh2b-hsr__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:4}
.yh2b-hsr__dot{width:12px;height:12px;min-width:12px;border:1px solid #fff;border-radius:50%;background:transparent;padding:0;cursor:pointer}
.yh2b-hsr__dot.is-active{background:#00a9dc}
.yh2b-hsr__dot:focus{outline:2px solid #fff;outline-offset:3px}
@media(max-width:750px){.yh2b-hsr__viewport{min-height:470px;aspect-ratio:auto}.yh2b-hsr__inside{grid-template-columns:1fr;grid-template-rows:230px auto;gap:0;padding:20px 34px 48px}.yh2b-hsr__picture{height:220px}.yh2b-hsr__copy{text-align:center}.yh2b-hsr__copy h2{font-size:26px;margin:0 0 10px}.yh2b-hsr__copy p{font-size:15px;line-height:1.5;margin:0 0 15px}.yh2b-hsr__action{padding:9px 17px}.yh2b-hsr__nav{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.yh2b-hsr__slide{transition:none}}

.yh2b-hsr__toggle{position:absolute;right:14px;bottom:10px;z-index:6;background:rgba(0,0,0,.7);border:1px solid #fff;border-radius:3px;color:#fff;font-size:13px;line-height:1.4;min-width:52px;padding:6px 9px;cursor:pointer}
.yh2b-hsr__toggle:hover,.yh2b-hsr__toggle:focus{background:#005b7a;outline:2px solid #fff;outline-offset:2px}