.dhs{position:relative;overflow:hidden;width:100%;height:var(--dhs-h,620px);background:#0b3b45;color:#fff;box-sizing:border-box}
.dhs *,.dhs *::before,.dhs *::after{box-sizing:border-box}
.dhs-slide{position:absolute;inset:0;display:flex;align-items:center;padding-top:150px;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.dhs-slide.is-active{opacity:1;visibility:visible;z-index:1}
.dhs-bg{position:absolute;inset:0;transform:scale(1);transition:transform 8s linear}
.dhs-slide.is-active .dhs-bg{transform:scale(1.15)}
.dhs-g0 .dhs-bg{background:radial-gradient(circle at 75% 40%,#1f8f88 0,#0b3b45 60%)}
.dhs-g1 .dhs-bg{background:radial-gradient(circle at 70% 55%,#2a6f9a 0,#0c2f4a 62%)}
.dhs-g2 .dhs-bg{background:radial-gradient(circle at 78% 45%,#3cc4b4 0,#0d4b52 65%)}
.dhs .dhs-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.dhs-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,48,var(--dhs-ov,.45)) 0,rgba(8,40,48,calc(var(--dhs-ov,.45)*.5)) 100%)}
.dhs-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(56px,7vw,96px)}
.dhs .dhs-title{font-weight:800;font-size:clamp(1.6rem,3.9vw,3.1rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;max-width:12em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.dhs-w{display:inline-block;opacity:0;transform:scale(2.4);filter:blur(10px)}
.dhs-slide.is-active .dhs-w{animation:dhsZoom .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--i)*.14s)}
.dhs .dhs-text{font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.55;max-width:30em;margin:0 0 24px;color:#fff;opacity:0;transform:scale(1.15)}
.dhs-slide.is-active .dhs-text{animation:dhsZoom .9s ease forwards;animation-delay:1.1s}
.dhs .dhs-btn{display:inline-block;background:#f2b84b;color:#0b3b45;font-weight:600;padding:14px 28px;border-radius:999px;text-decoration:none;opacity:0;transition:background .2s}
.dhs-slide.is-active .dhs-btn{animation:dhsZoom .8s ease forwards;animation-delay:1.4s}
.dhs .dhs-btn:hover{background:#fff;color:#0b3b45}
@keyframes dhsZoom{to{opacity:1;transform:scale(1);filter:blur(0)}}
.dhs-center .dhs-content{text-align:center}
.dhs-center .dhs-title,.dhs-center .dhs-text{margin-left:auto;margin-right:auto}
.dhs .dhs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(8,40,48,.4);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.dhs .dhs-nav:hover{background:rgba(255,255,255,.25)}
.dhs-prevbtn{left:14px}.dhs-nextbtn{right:14px}
.dhs-dots{position:absolute;left:0;right:0;bottom:22px;z-index:5;display:flex;justify-content:center;gap:10px}
.dhs .dhs-dot{width:44px;height:6px;border:0;padding:0;margin:0;border-radius:3px;background:rgba(255,255,255,.35);cursor:pointer;overflow:hidden;position:relative}
.dhs-dot i{position:absolute;inset:0;background:#f2b84b;transform:scaleX(0);transform-origin:left}
.dhs-dot.done i{transform:scaleX(1)}
.dhs:not(.dhs-auto) .dhs-dot.is-active i{transform:scaleX(1)}
.dhs-auto .dhs-dot.is-active i{animation:dhsFill var(--dhs-dur,6s) linear forwards}
.dhs-paused .dhs-dot.is-active i{animation-play-state:paused}
@keyframes dhsFill{to{transform:scaleX(1)}}
.dhs .dhs-btn:focus-visible,.dhs .dhs-nav:focus-visible,.dhs .dhs-dot:focus-visible{outline:3px solid #f2b84b;outline-offset:3px}
@media(max-width:767px){
 .dhs{height:var(--dhs-hm,480px)}
 .dhs-slide{padding-top:100px}
 .dhs-content{padding:0 22px 36px}
 .dhs .dhs-nav{display:none}
 .dhs-dot{width:32px}
 .dhs .dhs-btn{padding:12px 22px}
}
@media(prefers-reduced-motion:reduce){
 .dhs-w,.dhs .dhs-text,.dhs .dhs-btn{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
 .dhs-bg{transition:none!important;transform:none!important}
}