.nhs{--accent:#ffb347;--overlay:#03253d;--next:#e6f9fd;--top:96px;--duration:6500ms;position:relative;min-height:clamp(640px,56.25vw,100svh);overflow:hidden;isolation:isolate;color:white;background:#065a82;font-family:Vazirmatn,Tahoma,sans-serif}.nhs *{box-sizing:border-box}.nhs__viewport,.nhs__slide,.nhs__media{position:absolute;inset:0}.nhs__viewport{touch-action:pan-y}.nhs__slide{visibility:hidden;clip-path:circle(0 at var(--cx,50%) var(--cy,62%));z-index:1}.nhs__slide.is-prev{visibility:visible;z-index:2;clip-path:circle(150% at var(--cx,50%) var(--cy,62%))}.nhs__slide.is-active{visibility:visible;z-index:3;clip-path:circle(150% at var(--cx,50%) var(--cy,62%));transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}.nhs__media{z-index:-1;background:linear-gradient(135deg,#0a8fc0,#03253d)}.nhs__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center;transform:scale(1.06) translate3d(calc(var(--px,0)*-14px),calc(var(--py,0)*-9px),0);transition:transform .5s}.nhs__media:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,color-mix(in srgb,var(--overlay) 78%,transparent),color-mix(in srgb,var(--overlay) 30%,transparent) 40%,transparent 70%),linear-gradient(0deg,#03253d77,transparent 35%)}.nhs__content{position:relative;z-index:1;width:min(560px,42vw);margin-right:max(24px,6vw);padding-top:var(--top);height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:130px}.nhs__tag{align-self:flex-start;padding:6px 17px;border-radius:30px;border:1px solid #ffffff55;background:#ffffff22;font-size:13px;backdrop-filter:blur(6px)}.nhs__tag:before{content:"";display:inline-block;width:8px;height:8px;margin-left:9px;background:var(--accent);border-radius:50%}.nhs__title{font-size:clamp(30px,3.5vw,56px);line-height:1.45;font-weight:900;margin:16px 0}.nhs__line{display:block;overflow:hidden;padding-bottom:.08em}.nhs__line>span{display:block;transform:translateY(112%);transition:transform .85s cubic-bezier(.22,.8,.24,1) .2s}.nhs__line:nth-child(2)>span{transition-delay:.32s}.nhs__description{font-size:clamp(15px,1.25vw,18px);line-height:1.9;color:#ddf4fb;margin:0 0 25px}.nhs__tag,.nhs__description,.nhs__actions{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s}.nhs__description{transition-delay:.4s}.nhs__actions{transition-delay:.55s}.nhs__slide:is(.is-active,.is-prev) .nhs__line>span{transform:none}.nhs__slide:is(.is-active,.is-prev) :is(.nhs__tag,.nhs__description,.nhs__actions){opacity:1;transform:none}.nhs__slide:not(.is-active):not(.is-prev) :is(.nhs__line>span,.nhs__tag,.nhs__description,.nhs__actions){transition:none}.nhs__actions{display:flex;flex-wrap:wrap;gap:12px}.nhs__button{display:inline-flex;align-items:center;padding:12px 26px;border-radius:40px;font-weight:700;text-decoration:none!important;transition:transform .25s,background .25s}.nhs__button:hover{transform:translateY(-3px)}.nhs__button--1{background:var(--accent);color:#352000!important;box-shadow:0 8px 22px #0003}.nhs__button--2{border:1.5px solid #ffffff99;color:white!important}.nhs__button--2:hover{background:#ffffff22}.nhs__caustic{position:absolute;inset:-20%;z-index:4;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background:radial-gradient(circle at 20% 30%,white 0 2%,transparent 12%),radial-gradient(circle at 70% 20%,white 0 2%,transparent 14%);background-size:360px 360px;animation:nhsCaustic 26s linear infinite}.nhs__bubbles{position:absolute;inset:0;z-index:4;pointer-events:none}.nhs__bubbles i{position:absolute;bottom:-30px;border:1px solid #ffffff88;background:#ffffff22;border-radius:50%;animation:nhsRise linear infinite}.nhs__controls{position:absolute;z-index:7;right:0;left:0;bottom:104px;padding:0 max(24px,6vw);display:flex;align-items:flex-end;gap:20px}.nhs__tabs{display:flex;gap:12px;flex:1;max-width:min(560px,42vw)}.nhs__tab{flex:1;min-width:0;position:relative;padding:15px 0 0!important;border:0!important;background:none!important;color:#cfeff8!important;opacity:.7;text-align:right;cursor:pointer;font:inherit;font-size:13px}.nhs__tab.is-active{opacity:1;color:#fff!important}.nhs__tab:before,.nhs__fill{content:"";position:absolute;right:0;top:0;height:3px;width:100%;border-radius:3px}.nhs__tab:before{background:#ffffff55}.nhs__fill{background:var(--accent);transform:scaleX(0);transform-origin:right}.nhs__tab.is-active .nhs__fill{animation:nhsFill var(--duration) linear forwards}.nhs.is-paused .nhs__fill{animation-play-state:paused}.nhs.is-stopped .nhs__tab.is-active .nhs__fill{animation:none;transform:scaleX(1)}.nhs__number{display:block;color:#48cae4;font-weight:700}.nhs__nav{display:flex;align-items:center;gap:8px;margin-right:auto}.nhs__count{min-width:55px;text-align:center;font-size:13px}.nhs__round{display:grid!important;place-items:center;width:46px;height:46px;padding:0!important;border:1px solid #ffffff99!important;border-radius:50%!important;background:#03253d44!important;color:#fff!important;cursor:pointer;font:inherit;transition:background .25s,transform .25s}.nhs__round:hover{background:white!important;color:#065a82!important;transform:scale(1.06)}.nhs__waves{position:absolute;bottom:-1px;left:0;right:0;height:110px;z-index:6;color:var(--next);pointer-events:none}.nhs__waves svg{width:100%;height:100%}.nhs__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nhs :focus-visible{outline:3px solid var(--accent);outline-offset:3px}@keyframes nhsFill{to{transform:scaleX(1)}}@keyframes nhsCaustic{to{transform:translate3d(360px,180px,0)}}@keyframes nhsRise{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translate(30px,-110vh);opacity:0}}@media(max-width:900px){.nhs{min-height:680px}.nhs__content{width:auto;margin:0 24px;text-align:center;align-items:center;justify-content:flex-end;padding-bottom:210px}.nhs__tag{align-self:center}.nhs__actions{justify-content:center}.nhs__media img{object-position:20% center}.nhs__media:after{background:linear-gradient(0deg,#03253df0 5%,#03253d66 75%,#03253d22)}.nhs__controls{padding:0 24px;bottom:100px}.nhs__tabs{max-width:none}.nhs__count{display:none}.nhs__round{width:42px;height:42px}}@media(max-width:520px){.nhs__tabtext{display:none}.nhs__prev,.nhs__next{display:none!important}.nhs__title{font-size:clamp(28px,8vw,40px)}.nhs__description{font-size:14px}.nhs__content{padding-bottom:185px}.nhs__waves{height:80px}.nhs__controls{bottom:75px}}@media(prefers-reduced-motion:reduce){.nhs *,.nhs *:before,.nhs *:after{animation:none!important;transition:none!important}.nhs__line>span,.nhs__tag,.nhs__description,.nhs__actions{opacity:1;transform:none}}

/* v1.1 – animated waterline and accessible directional controls */
.nhs__nav{direction:ltr;gap:10px;isolation:isolate}
.nhs__round{position:relative;flex:0 0 48px;width:48px;height:48px;overflow:visible;box-shadow:inset 0 1px 0 #ffffff33,0 5px 24px #00263c22;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);touch-action:manipulation}
.nhs__round svg:not(.nhs__control-ring){display:block;width:20px;height:20px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nhs__prev:hover svg{transform:translateX(3px)}.nhs__next:hover svg{transform:translateX(-3px)}
.nhs__round:active{transform:scale(.92)!important}.nhs__round:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.nhs__pause{background:color-mix(in srgb,var(--accent) 20%,#03253d99)!important;border-color:var(--accent)!important}
.nhs__pause .nhs__icon-play{display:none!important}.nhs__pause[aria-pressed=true] .nhs__icon-pause{display:none!important}.nhs__pause[aria-pressed=true] .nhs__icon-play{display:block!important}
.nhs__control-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:50%;animation:nhsControlPulse 2.5s ease-in-out infinite;pointer-events:none}
.nhs.is-stopped .nhs__control-ring,.nhs.is-paused .nhs__control-ring{animation-play-state:paused;opacity:.35}
@keyframes nhsControlPulse{0%,100%{transform:scale(.95);opacity:.28}50%{transform:scale(1.08);opacity:.85}}
.nhs__waves{height:clamp(75px,9vw,135px)!important;overflow:hidden;display:block!important;opacity:1!important;visibility:visible!important}
.nhs__waves .nhs__wave{position:absolute;bottom:0;left:0;display:block;width:200%!important;max-width:none!important;height:100%!important;animation:nhsWaveDrift 14s linear infinite;will-change:transform}
.nhs__waves .nhs__wave--back{height:84%!important;opacity:.48;animation-duration:22s;animation-direction:reverse}
.nhs__waves .nhs__wave--front{opacity:1}
@keyframes nhsWaveDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:520px){.nhs__prev,.nhs__next{display:grid!important}.nhs__nav{gap:7px}.nhs__round{flex-basis:40px;width:40px;height:40px}.nhs__round svg:not(.nhs__control-ring){width:18px;height:18px}.nhs__controls{gap:10px}.nhs__waves{height:78px!important}}
@media(prefers-reduced-motion:reduce){.nhs__waves .nhs__wave,.nhs__control-ring{animation:none!important}}

/* v1.2: JS owns progress; no independent CSS animation clock. */
.nhs .nhs__tab.is-active .nhs__fill{animation:none!important;transform:scaleX(0)}
.nhs .nhs__tab .nhs__fill{transition:none!important}
.nhs.is-stopped .nhs__tab.is-active .nhs__fill{animation:none!important}

/* Scroll-linked underwater dive — opt-in and scoped to chosen next section */
.nhs[data-dive="1"] .nhs__waves{opacity:calc(1 - var(--nhs-dive-progress,0) * .65);transition:opacity .12s linear}
.nhs-dive-target{position:relative;isolation:isolate;--nhs-dive-progress:0}
.nhs-dive-target::before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:clamp(130px,24vw,340px);pointer-events:none;opacity:calc(var(--nhs-dive-progress) * .86);background:radial-gradient(ellipse at 50% -15%,rgba(195,250,255,.85),transparent 50%),repeating-radial-gradient(ellipse at 50% -50%,transparent 0 28px,rgba(160,235,255,.13) 30px 32px,transparent 34px 64px),linear-gradient(180deg,rgba(11,195,235,.4),transparent 95%);transform:translateY(calc((1 - var(--nhs-dive-progress)) * -1 * var(--nhs-dive-depth,95px)));will-change:transform,opacity}
.nhs-dive-target::after{content:"";position:absolute;inset:0 0 auto;z-index:1;height:190px;pointer-events:none;opacity:calc(var(--nhs-dive-progress) * .55);background-image:radial-gradient(circle at 18% 75%,rgba(255,255,255,.8) 0 2px,transparent 4px),radial-gradient(circle at 42% 55%,rgba(255,255,255,.7) 0 3px,transparent 5px),radial-gradient(circle at 68% 80%,rgba(255,255,255,.75) 0 2px,transparent 5px),radial-gradient(circle at 83% 30%,rgba(255,255,255,.8) 0 3px,transparent 6px);background-size:170px 160px;transform:translateY(calc((1 - var(--nhs-dive-progress)) * 75px))}
.nhs-dive-target > *{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.nhs-dive-target::before,.nhs-dive-target::after{display:none}}

/* v1.4: visible, viewport-based underwater transition */
.nhs[data-dive="1"] .nhs__media img{scale:var(--nhs-dive-zoom,1);transform-origin:50% 65%}
.nhs[data-dive="1"] .nhs__waves{opacity:calc(1 - var(--nhs-dive-progress,0)*.75)!important}
.nhs-dive-target-v2{position:relative}
.nhs-dive-lens{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s linear;overflow:hidden;--dive-progress:0}
.nhs-dive-lens.is-visible{opacity:calc(sin(var(--dive-progress)*3.14159)*.85);visibility:visible}
.nhs-dive-lens__surface{position:absolute;inset:0;background:linear-gradient(180deg,rgba(95,231,255,.28),rgba(0,77,148,.22) 55%,rgba(0,31,86,.4));transform:translateY(calc((1 - var(--dive-progress))*75%));}
.nhs-dive-lens__rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 210deg at 50% -20%,transparent 0deg 10deg,rgba(179,246,255,.16) 12deg 15deg,transparent 17deg 27deg);mix-blend-mode:screen;transform:translateY(calc(var(--dive-progress)*var(--dive-depth))) scale(1.1);opacity:.65}
.nhs-dive-lens__bubbles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 2px,transparent 4px),radial-gradient(circle,rgba(200,246,255,.6) 0 4px,transparent 7px);background-size:170px 220px,290px 330px;transform:translateY(calc((1 - var(--dive-progress))*140px));opacity:.55}
@media(prefers-reduced-motion:reduce){.nhs-dive-lens{display:none!important}.nhs[data-dive="1"] .nhs__media img{scale:1}}