.page-visual-hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;padding:75px 0 65px;background:var(--ink);color:#fff;border-bottom:3px solid var(--orange)}
.page-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-visual-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(0,0,0,.86),rgba(0,0,0,.65) 48%,rgba(0,0,0,.2))}
.page-visual-hero .container{position:relative}.page-visual-hero h1{color:white;max-width:780px;margin:18px 0;font-size:52px}.page-visual-hero p{color:#f0f0f0;max-width:650px;font-size:17px}.page-visual-hero .breadcrumbs{color:#eee;font-size:13px}.page-visual-hero .breadcrumbs a{border-color:#ffffff80}.page-visual-hero .eyebrow{color:#fff}.page-visual-hero .text-link{color:white}.media-intro.page-visual-hero .media-intro-grid{display:block}.media-intro.page-visual-hero .media-collage{display:none}.media-intro.page-visual-hero .media-stats{max-width:540px;border-color:#ffffff50}.media-intro.page-visual-hero .media-stats span{color:#eee}.media-intro.page-visual-hero .media-stats strong{color:white}
@media(max-width:760px){.page-visual-hero{min-height:345px;padding:40px 0 42px}.page-visual-hero h1{font-size:36px;line-height:1.65;margin:18px 0}.page-visual-hero p{font-size:16px}.page-visual-hero:before{background:linear-gradient(270deg,rgba(0,0,0,.84),rgba(0,0,0,.65) 60%,rgba(0,0,0,.35))}.media-intro.page-visual-hero h1{font-size:40px}.media-intro.page-visual-hero .media-stats{gap:22px}}

.hero-video-toggle{position:absolute;z-index:4;left:28px;bottom:26px;background:#0008;color:white;border:1px solid #ffffff80;border-radius:5px;padding:8px 14px;font-size:13px}.hero-video{object-position:center}.hero .hero-place{bottom:90px}

.page-visual-hero:before{background:linear-gradient(270deg,rgba(7,20,25,.86),rgba(7,20,25,.58) 45%,rgba(7,20,25,.12) 78%)}
@media(max-width:760px){.page-visual-hero[data-hero-route="/about"] .page-hero-image{object-position:45% 72%!important}.page-visual-hero[data-hero-route="/umrah"] .page-hero-image{object-position:50% 73%!important}.page-visual-hero[data-hero-route="/media"] .page-hero-image{object-position:50% 88%!important}.page-visual-hero:before{background:linear-gradient(270deg,rgba(7,20,25,.84),rgba(7,20,25,.48))}}

.hero.journey-hero{background:#0b242b;min-height:650px}.journey-hero:after{background:linear-gradient(270deg,#0b242b 0%,#0b242bee 42%,transparent 57%)}.journey-hero .hero-content{max-width:540px;padding-top:90px}.journey-hero .hero-video{object-fit:fill}.journey-hero .hero-place{display:none}.journey-hero .hero-video-toggle{left:32px;bottom:28px}.journey-hero h1{font-size:54px}
@media(max-width:1100px) and (min-width:761px){.journey-hero .hero-content{max-width:47%}.journey-hero h1{font-size:43px}.journey-hero .actions{gap:8px}.journey-hero .button{font-size:13px;padding:10px 14px}}
@media(max-width:760px){.hero.journey-hero{min-height:950px}.journey-hero .hero-content{padding:40px 0;max-width:100%}.journey-hero h1{font-size:39px}.journey-hero:after{background:linear-gradient(180deg,#0b242b 0%,#0b242b 45%,transparent 58%)}.journey-hero .hero-video{top:auto;bottom:35px;left:0;width:200%;height:470px;object-fit:fill}.journey-hero .hero-video-toggle{bottom:18px;left:20px}.journey-hero .button{font-size:14px}}
@media(max-width:760px){.journey-hero .hero-video{right:auto}}

@media(max-width:760px){.hero-video{object-position:32% center}}