/* Let the destination take the right half of the frame. */
.hero:before{background:none}
.hero-image{filter:none;object-position:center 25%}
.hero-shade{background:linear-gradient(90deg,rgba(5,24,36,.82) 0%,rgba(5,24,36,.55) 30%,rgba(5,24,36,.08) 62%,transparent 100%),linear-gradient(0deg,rgba(5,24,36,.83) 0%,transparent 32%)}
.hero-content{max-width:590px;top:64px}
.hero h1{font-size:clamp(52px,5.2vw,76px);letter-spacing:-.045em;line-height:1.12}
.hero h1 em{font-size:1.06em;letter-spacing:-.025em}
.hero .eyebrow{letter-spacing:.11em;font-size:12px;line-height:1.65}
.hero-content p{max-width:430px;font-size:16px;line-height:1.8}
.hero-location{top:auto;bottom:155px;right:4%;padding:12px 16px;background:#08233865;border:1px solid #ffffff35;border-radius:12px;backdrop-filter:blur(7px)}
.hero[data-scene=umrah] .hero-image{object-position:center 10%}
.hero[data-scene=bali] .hero-image{object-position:center 55%}
.hero-switches img{filter:none}
.destination img,.story-photo img,.card-photo img{filter:none}
.destination[data-destination=Turkey] img{object-position:42% center}
.destination[data-destination=Bali] img{object-position:63% center}
.story-photo img{object-position:58% center}
html[lang=ur] .hero-content{max-width:580px}
html[lang=ur] .hero-shade{background:linear-gradient(270deg,rgba(5,24,36,.82),rgba(5,24,36,.5) 35%,transparent 75%),linear-gradient(0deg,rgba(5,24,36,.8),transparent 32%)}
@media(min-width:1600px){.hero-content{top:80px}.hero h1{font-size:84px}}
@media(max-width:900px){.hero-content{max-width:540px}.hero h1{font-size:65px}.hero-location{display:none}}
@media(max-width:600px){.hero{height:750px}.hero-content{top:36px;left:7%;right:7%;max-width:none}.hero h1,.hero[data-scene=bali] h1,.hero[data-scene=umrah] h1{font-size:43px;letter-spacing:-.045em;line-height:1.15}.hero .eyebrow{font-size:11px;letter-spacing:.025em}.hero-content p{font-size:15px;line-height:1.8;max-width:310px}.hero-image{object-position:54% center}.hero[data-scene=umrah] .hero-image{object-position:62% center}.hero[data-scene=bali] .hero-image{object-position:65% center}.hero-shade{background:linear-gradient(180deg,rgba(5,24,36,.65) 0%,rgba(5,24,36,.42) 50%,rgba(5,24,36,.05) 65%,rgba(5,24,36,.75) 100%)}html[lang=ur] .hero-shade{background:linear-gradient(180deg,rgba(5,24,36,.65),rgba(5,24,36,.4) 52%,rgba(5,24,36,.12) 68%,rgba(5,24,36,.8))}html[lang=ur] .hero h1,html[lang=ur] .hero[data-scene] h1{font-size:38px;letter-spacing:0;line-height:1.6}.hero-bottom{bottom:35px}}
@media(max-width:600px){html[lang=en] .hero[data-scene=umrah] h1{font-size:36px;letter-spacing:-.04em}.hero-content p{max-width:295px}}
