/* Fanadiquna home hero v4 — destination slider (loaded after home.css, scoped to .hero.hs) */
.fq3 .hero.hs{position:relative;color:#fff;isolation:isolate;overflow:hidden;background:#0B2A4A}
.fq3 .hero.hs::before{display:none}
.fq3 .hs-bg{position:absolute;inset:0;z-index:-3;transform:translate3d(calc(var(--px,0) * -14px),calc(var(--py,0) * -9px),0) scale(1.04);transition:transform .35s ease-out}
.fq3 .hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.3s ease,visibility 0s linear 1.3s;overflow:hidden}
.fq3 .hs-slide.is-active{opacity:1;visibility:visible;transition:opacity 1.3s ease,visibility 0s}
.fq3 .hs-slide img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.14)}
.fq3 .hs-slide:nth-child(odd){--kx:-2.2%;--ky:-1.2%}
.fq3 .hs-slide:nth-child(even){--kx:2.2%;--ky:-1.6%}
.fq3 .hs-slide.is-active img{animation:hsKen 16s ease-out forwards}
@keyframes hsKen{from{transform:scale(1.16) translate3d(var(--kx,0),var(--ky,0),0)}to{transform:scale(1.02) translate3d(0,0,0)}}
.fq3 .hs-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,rgba(6,30,56,.9) 0%,rgba(6,30,56,.62) 40%,rgba(6,30,56,.2) 100%),linear-gradient(0deg,rgba(6,30,56,.78) 0%,rgba(6,30,56,0) 46%),linear-gradient(180deg,rgba(6,30,56,.5) 0%,rgba(6,30,56,0) 28%)}
.fq3 .hs-plane{position:absolute;top:20px;left:0;width:26px;height:26px;color:rgba(184,240,248,.85);z-index:1;animation:hsFly 26s linear infinite;pointer-events:none}
.fq3 .hs-plane svg{display:block;width:100%;height:100%;transform:rotate(90deg)}
.fq3 .hs-plane::after{content:'';position:absolute;right:100%;top:50%;width:140px;border-top:1.5px dashed rgba(184,240,248,.5)}
@keyframes hsFly{from{transform:translateX(-200px)}to{transform:translateX(calc(100vw + 60px))}}
.fq3 .hero.hs .hs-wrap{padding-block:clamp(34px,4.4vw,64px) 34px;position:relative;z-index:2}
/* persistent intro (H1 stays for SEO) */
.fq3 .hs-intro{max-width:780px}
.fq3 .hero.hs .hs-intro h1{font-size:clamp(17px,1.9vw,22px)!important;line-height:1.7;font-weight:600;color:#fff;text-shadow:0 2px 14px rgba(3,20,38,.6);display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.fq3 .hero.hs .hs-intro h1::before{content:'';width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#19B2C4,#7FE0EC);flex:none}
.fq3 .hero.hs .hs-intro h1 span{color:#B8F0F8}
.fq3 .hero.hs .hs-intro .lead{margin-top:4px;font-size:14px;line-height:1.85;color:#D3E8F0;max-width:700px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* slide copy + panel */
.fq3 .hs-main{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:44px;align-items:end;margin-top:clamp(22px,4vw,54px)}
.fq3 .hs-copy,.fq3 .hs-panels{display:grid}
.fq3 .hs-item,.fq3 .hs-panel{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}
.fq3 .hs-item.is-active,.fq3 .hs-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s ease .3s,visibility 0s}
.fq3 .hs-item{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fq3 .hs-item.is-active > *{animation:hsUp .8s cubic-bezier(.2,.8,.2,1) both}
.fq3 .hs-item.is-active > :nth-child(1){animation-delay:.25s}
.fq3 .hs-item.is-active > :nth-child(2){animation-delay:.38s}
.fq3 .hs-item.is-active > :nth-child(3){animation-delay:.5s}
.fq3 .hs-item.is-active > :nth-child(4){animation-delay:.6s}
.fq3 .hs-item.is-active > :nth-child(5){animation-delay:.7s}
@keyframes hsUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.fq3 .hs-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px;font-weight:600;color:#fff}
.fq3 .hs-pill .ic{width:16px;height:16px;color:#7FE0EC}
.fq3 .hs-pill b{font-family:var(--display);font-weight:600;color:#B8F0F8;direction:ltr;letter-spacing:.05em}
.fq3 .hs-title{font-size:clamp(36px,6vw,78px);line-height:1.12;font-weight:800;color:#fff;margin:0;text-shadow:0 6px 30px rgba(3,20,38,.5)}
.fq3 .hs-sub{font-size:clamp(15px,1.5vw,19px);line-height:1.85;color:#E6F3F8;max-width:560px;margin:0;text-shadow:0 2px 14px rgba(3,20,38,.5)}
.fq3 .hs-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.fq3 .hs-chips li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:13.5px;color:#EAF6FB}
.fq3 .hs-chips .ic{width:16px;height:16px;color:#9FE3EC}
.fq3 .hs-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.fq3 .hs-cta .btn{min-height:52px;padding:0 26px;border-radius:14px;font-size:15.5px}
.fq3 .hs-cta .btn-teal{box-shadow:0 14px 30px rgba(11,133,150,.4)}
.fq3 .btn-glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.42);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fq3 .btn-glass:hover{background:rgba(255,255,255,.28);color:#fff}
.fq3 .btn-glass .ic{width:16px;height:16px}
/* glass panel */
.fq3 .hs-glass{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:16px;box-shadow:0 28px 70px rgba(3,20,38,.4);animation:hsFloat 7s ease-in-out infinite}
@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fq3 .hs-panel.is-active .hs-glass{animation:hsPanelIn .9s cubic-bezier(.2,.8,.2,1) .35s both,hsFloat 7s ease-in-out 1.3s infinite}
@keyframes hsPanelIn{from{opacity:0;transform:translateX(-30px) scale(.97)}to{opacity:1;transform:none}}
.fq3 .hs-gt{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15px;color:#fff;margin:0 0 10px;padding:2px 4px}
.fq3 .hs-gt .ic{width:18px;height:18px;color:#FFD66B}
.fq3 .hs-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:16px;color:#fff;transition:background .2s,transform .2s}
.fq3 .hs-row:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateX(-4px)}
.fq3 .hs-row .im{display:block;width:68px;height:52px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.15)}
.fq3 .hs-row .im img{width:100%;height:100%;object-fit:cover}
.fq3 .hs-row .t{font-size:13.5px;line-height:1.6;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fq3 .hs-all{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-height:44px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:14px}
.fq3 .hs-all:hover{background:rgba(255,255,255,.3);color:#fff}
.fq3 .hs-all .ic{width:18px;height:18px}
/* controls */
.fq3 .hs-ctrl{display:flex;align-items:center;gap:18px;margin-top:26px}
.fq3 .hs-dots{display:flex;gap:10px;flex:1;min-width:0}
.fq3 .hs-dot{flex:1;max-width:200px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:9px;background:none;border:0;padding:0;color:rgba(255,255,255,.68);text-align:start;cursor:pointer;transition:color .25s}
.fq3 .hs-dot:hover{color:#fff}
.fq3 .hs-dot.is-active{color:#fff}
.fq3 .hs-dot .nm{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fq3 .hs-dot .bar{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden}
.fq3 .hs-dot .bar i{display:block;height:100%;width:0;background:#7FE0EC;border-radius:3px}
.fq3 .hs-dot.is-active .bar i{animation:hsBar var(--dur,6500ms) linear forwards}
.fq3 .hs.is-paused .hs-dot.is-active .bar i{animation-play-state:paused}
.fq3 .hs.is-stopped .hs-dot.is-active .bar i{animation:none;width:100%}
@keyframes hsBar{to{width:100%}}
.fq3 .hs-btns{display:flex;gap:8px;flex:none}
.fq3 .hs-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.fq3 .hs-arrow:hover{background:rgba(255,255,255,.28);transform:scale(1.06)}
.fq3 .hs-arrow .ic{width:20px;height:20px}
.fq3 .hs-pause .i-play{display:none}
.fq3 .hs.is-stopped .hs-pause .i-pause{display:none}
.fq3 .hs.is-stopped .hs-pause .i-play{display:block}
.fq3 .hero.hs .finder{margin-top:22px}
/* responsive */
@media (max-width:1100px){.fq3 .hs-main{grid-template-columns:minmax(0,1fr)}.fq3 .hs-panels{display:none}}
@media (max-width:720px){
 .fq3 .hs-title{font-size:clamp(34px,10vw,46px)}
 .fq3 .hs-sub{font-size:15px;line-height:1.75}
 .fq3 .hero.hs .hs-intro .lead{display:none}
 .fq3 .hs-cta .btn{flex:1 1 auto;justify-content:center;min-height:50px;padding:0 18px}
 .fq3 .hs-dot .nm{display:none}
 .fq3 .hs-dots{gap:6px}
 .fq3 .hs-dot{min-height:30px}
 .fq3 .hs-arrow{width:42px;height:42px}
 .fq3 .hs-ctrl{gap:10px;margin-top:20px}
 .fq3 .hs-plane{top:12px;width:20px;height:20px}
}
@media (prefers-reduced-motion:reduce){.fq3 .hs-slide img,.fq3 .hs-glass,.fq3 .hs-plane,.fq3 .hs-item.is-active > *{animation:none!important}.fq3 .hs-slide img{transform:scale(1.04)}.fq3 .hs-bg{transform:none!important}}

/* fit-to-screen: the whole hero (copy, controls, search form) fits the viewport height */
.fq3 .hero.hs .hs-wrap{padding-block:clamp(14px,2.6vh,36px) clamp(14px,2.2vh,24px)}
.fq3 .hs-main{margin-top:clamp(10px,2.6vh,40px)}
.fq3 .hs-title{font-size:clamp(34px,min(5.4vw,9vh),68px)}
.fq3 .hs-item{gap:clamp(8px,1.5vh,14px)}
.fq3 .hs-ctrl{margin-top:clamp(8px,2vh,20px)}
.fq3 .hero.hs .finder{margin-top:clamp(8px,1.6vh,16px);padding:10px}
.fq3 .hero.hs .finder .btn{min-height:50px}
.fq3 .hero.hs .finder-note{margin-top:8px;font-size:12.5px}
.fq3 .hero.hs .trust{display:none}
@media (min-width:721px) and (max-height:880px){
 .fq3 .hero.hs .hs-intro .lead{display:none}
 .fq3 .hs-chips{display:none}
 .fq3 .hs-glass a.hs-row:nth-of-type(3){display:none}
 .fq3 .hs-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (min-width:721px) and (max-height:720px){
 .fq3 .hs-sub{-webkit-line-clamp:1}
 .fq3 .hs-cta .btn{min-height:46px}
 .fq3 .hs-pill{min-height:30px}
 .fq3 .hero.hs .finder-note{display:none}
 .fq3 .hs-glass{padding:12px}
}
@media (max-width:720px){.fq3 .hs-chips{display:none}.fq3 .hero.hs .finder-note{display:none}}

@media (max-width:720px){.fq3 .hs-title{font-size:clamp(34px,10vw,46px)}.fq3 .hs-ctrl{margin-top:20px}}