/* Studio direction — clear brand, confident type, destination-first composition. */
body{background:#fff}.cinematic-home .header,.cinematic-inner .header{position:sticky;top:0;background:#ffffffef;color:#081735;backdrop-filter:blur(18px);border-bottom:1px solid #e8eff3}.cinematic-home .nav,.cinematic-inner .nav{height:93px}.header .brand,.cinematic-home .header .brand{width:104px;height:78px;padding:0;background:transparent;overflow:visible;align-self:center;border-radius:0}.header .brand img{width:100%;height:100%;object-fit:contain;display:block;transform:none!important}.cinematic-home .links a,.cinematic-inner .links a{color:#5b6c7c;font-size:11px;font-weight:500;letter-spacing:.1px}.cinematic-home .links a.current,.cinematic-inner .links a.current{color:#008dbb}.cinematic-home .nav>.btn,.cinematic-inner .nav>.btn{background:#071a32;border:0;backdrop-filter:none;color:#fff;padding:15px 22px;font-size:10px;box-shadow:none;border-radius:5px}.cinematic-home .menu{color:#081735}.journey-hero{position:relative;isolation:isolate;background:linear-gradient(110deg,#f9fcfd,#eff9fc);padding:55px 0 0;overflow:hidden}.journey-hero:before{content:'';position:absolute;left:-100px;bottom:70px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#00bddd07,transparent 68%);z-index:-1}.journey-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;position:relative}.hero-kicker{font-size:8px;color:#4b7c90;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;font-weight:600}.hero-kicker>span{width:22px;height:1px;background:#009fd9}.journey-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(58px,5.8vw,88px);font-weight:500;letter-spacing:-4.9px;line-height:1.08;margin:30px 0 25px;color:#081735}.journey-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#009bd0;letter-spacing:-4px}.journey-hero-copy>p{font-size:13px;line-height:1.95;color:#6c8191;margin:0;max-width:420px}.journey-hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.journey-hero-actions .btn{border-radius:4px;padding:18px 23px;font-size:10px;gap:25px;background:#009fd9}.hero-secondary{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#294458}.hero-secondary>span{font-size:21px;color:#009fd9}.hero-signature{display:flex;align-items:center;gap:16px;margin-top:48px}.signature-line{width:45px;height:1px;background:#b9d7e2}.hero-signature>div{font-size:7px;letter-spacing:1.8px;color:#3d657a;font-weight:600}.hero-signature small{display:block;font-size:9px;font-weight:400;letter-spacing:.3px;color:#8399a7;margin-top:8px}.journey-hero-art{position:relative;height:590px;margin-left:15px;padding:12px 12px 0 0}.hero-image-window{position:relative;width:100%;height:550px;overflow:hidden;border-radius:145px 12px 12px 12px;background:#bddde6;z-index:2;box-shadow:0 20px 50px #11324c0b}.hero-image-window .scene{object-position:57% center;transform:scale(1.1);transition:opacity 1.5s,transform 9s linear}.hero-image-window .scene.active{transform:scale(1.015)}.hero-image-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#041a32c9);z-index:1}.hero-orbit{position:absolute;border:1px solid #b4dfe9;pointer-events:none;z-index:0}.orbit-a{inset:-8px -5px 46px 32px;border-radius:160px 16px 16px 16px;transform:rotate(3deg)}.orbit-b{inset:13px -20px 30px 10px;border-radius:150px 15px 15px 15px;transform:rotate(-3deg);border-color:#d9edf3}.new-scene-info{position:absolute;bottom:25px;left:28px;right:28px;color:white;z-index:3}.new-scene-info>span{font-size:7px;letter-spacing:1.5px;color:#cbe5ee;display:block;margin-bottom:8px}.new-scene-info>strong{font-size:24px;font-weight:400;letter-spacing:-.6px;display:block;margin-bottom:12px}.new-scene-info .scene-buttons{max-width:240px;gap:12px}.new-scene-info .scene-button{padding:5px 0}.new-scene-info #scene-pause{width:24px;height:24px;font-size:8px}.destination-note{position:absolute;left:-45px;top:345px;z-index:4;display:flex;align-items:center;gap:15px;background:#fff;padding:19px 23px;border-radius:6px;box-shadow:0 15px 40px #0e34501a;animation:noteDrift 6s ease-in-out infinite}.note-icon{font-size:28px;color:#009fd9;font-weight:300}.destination-note small{font-size:6px;letter-spacing:1.2px;color:#91a6b3;display:block;margin-bottom:8px}.destination-note strong{font-size:11px;color:#1c394d;font-weight:600}.flying-plane-art{position:absolute;left:-70px;top:-20px;z-index:3;width:160px;height:120px;pointer-events:none}.flying-plane-art svg{width:100%;height:100%;overflow:visible}.new-hero-plane{offset-path:path('M10 180C95 205 40 50 150 70S213 54 238 15');offset-rotate:auto;transform:rotate(90deg) scale(.6);animation:studioPlane 9s ease-in-out infinite}.journey-hero-art>.hero-coordinate{position:absolute;top:auto;bottom:0;right:10px;color:#89a4b4;font-size:6px;letter-spacing:2px;z-index:3}.hero-quick-links{display:flex;align-items:center;gap:35px;padding:26px 0;margin-top:43px;border-top:1px solid #dceaf0}.hero-quick-links>span{font-size:7px;letter-spacing:1.5px;color:#8ba0ad;margin-right:auto}.hero-quick-links a{display:flex;align-items:center;gap:23px;font-size:10px;color:#446273}.hero-quick-links b{font-size:17px;font-weight:400;color:#009fd9;transition:transform .2s}.hero-quick-links a:hover b{transform:translate(3px,-3px)}.world-intro{padding-top:85px;padding-bottom:85px}.world-intro h2{font-size:53px}.world-intro .intro-copy p:first-child{font-size:19px}.world-intro .intro-copy p{font-size:12px}.destination-stage{background:#f0f6f8;padding-top:75px;padding-bottom:75px}.destination-stage .section-head h2{font-size:54px}.immersive-grid{gap:24px}.immersive-card,.immersive-card:nth-child(2),.immersive-card:nth-child(3){height:475px;margin-top:0;border-radius:6px}.immersive-card:nth-child(2){margin-top:45px}.immersive-card:nth-child(3){margin-top:90px}.immersive-card h3{font-size:33px}.visa-collection h2{font-size:53px}.visa-collection{padding-top:85px;padding-bottom:80px}.visa-collection .visa-image{height:235px}.visa-collection .visa-card{border:1px solid #e6eff2;border-radius:6px}.umrah-showcase{background:#edf6f9;padding:85px 0}.umrah-visual{height:570px}.umrah-copy h2{font-size:43px}.route-section{padding:85px 0}.route-section h2{font-size:52px}.final-invite{padding-top:85px}.final-invite h2{font-size:125px}.cinematic-inner .top{display:none}.cinematic-inner .premium-banner{background:#edf6f9}.cinematic-inner .intro-banner h1{font-weight:500;font-size:48px;letter-spacing:-2px}.cinematic-inner .detail-hero h1{font-size:49px;font-weight:500}.cinematic-inner .detail-hero{height:365px}.cinematic-inner .umrah-intro{background:#edf6f9;color:#081735}.cinematic-inner .umrah-intro .eyebrow{color:#008ebd}.cinematic-inner .umrah-intro p{color:#6b8293}.cinematic-inner .umrah-intro h1{font-size:47px}.cinematic-home .footer{background:#081a2e}.cinematic-home .footer .brand{color:#fff}.wa-float{border-radius:25px;font-size:9px;box-shadow:0 5px 25px #08173520}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #009fd9;outline-offset:5px}
@keyframes noteDrift{50%{transform:translateY(-7px)}}@keyframes studioPlane{0%{offset-distance:0%;opacity:0}12%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@media(min-width:1550px){.journey-hero{padding-top:70px}.journey-hero h1{font-size:88px}.journey-hero-art{height:620px}.hero-image-window{height:580px}.destination-note{top:365px}}
@media(max-width:1000px){.journey-hero-grid{gap:25px}.journey-hero h1{font-size:64px;letter-spacing:-3.7px}.journey-hero h1 em{letter-spacing:-3px}.journey-hero-art{height:535px;margin-left:0}.hero-image-window{height:495px;border-radius:110px 10px 10px 10px}.destination-note{top:315px;left:-30px;padding:16px}.destination-note strong{font-size:9px}.destination-note small{font-size:5px}.hero-kicker{font-size:6px;letter-spacing:1px}.journey-hero-actions{gap:18px}.journey-hero-actions .btn{padding:16px 18px;font-size:9px;gap:15px}.hero-secondary{font-size:9px}.hero-signature{margin-top:32px}.hero-quick-links{gap:20px}.hero-quick-links>span{display:none}.hero-quick-links a{flex:1;justify-content:space-between;gap:10px}.flying-plane-art{width:125px;left:-45px;top:-20px}.umrah-showcase-grid{gap:40px}.umrah-visual{height:540px}.umrah-copy h2{font-size:36px}.cinematic-home .nav>.btn{display:none}}
@media(max-width:650px){.cinematic-home .nav,.cinematic-inner .nav{height:78px}.header .brand,.cinematic-home .header .brand{width:83px;height:67px}.cinematic-home .links{top:78px;background:#fff;box-shadow:0 15px 30px #10344812;border:0}.cinematic-home .links a{font-size:13px;color:#1c364a}.journey-hero{padding-top:30px}.journey-hero-grid{grid-template-columns:1fr;gap:42px}.hero-kicker{font-size:6px;letter-spacing:1.1px}.journey-hero h1{font-size:58px;line-height:1.08;letter-spacing:-3.5px;margin:25px 0 22px}.journey-hero h1 em{font-size:57px;letter-spacing:-3.5px}.journey-hero-copy>p{font-size:11px;line-height:1.9}.journey-hero-actions{margin-top:26px;gap:20px}.journey-hero-actions .btn{font-size:9px;padding:16px 18px}.hero-secondary{font-size:10px}.hero-signature{display:none}.journey-hero-art{height:435px;margin:0 8px 0 13px;padding:0}.hero-image-window{height:410px;border-radius:105px 9px 9px 9px}.orbit-a{inset:-10px -8px 25px 22px;border-radius:110px 12px 12px 12px}.orbit-b{inset:6px -10px 12px 9px;border-radius:110px 12px 12px 12px}.destination-note{left:-24px;top:245px;padding:15px 16px;gap:10px;border-radius:4px}.note-icon{font-size:23px}.destination-note strong{font-size:9px}.destination-note small{font-size:5px;margin-bottom:6px}.flying-plane-art{left:auto;right:-5px;top:-46px;width:95px;height:80px}.new-scene-info{left:23px;right:23px;bottom:20px}.new-scene-info>strong{font-size:21px;margin-bottom:9px}.new-scene-info>span{font-size:6px}.new-scene-info .scene-buttons{max-width:200px}.journey-hero-art>.hero-coordinate{font-size:5px;letter-spacing:1px;bottom:-1px}.hero-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:30px;padding:0;border-top:1px solid #dbe8ee}.hero-quick-links a{font-size:10px;padding:18px 10px 18px 0;border-bottom:1px solid #dbe8ee}.hero-quick-links a:nth-child(odd){padding-left:15px;border-left:1px solid #dbe8ee}.world-intro{padding:60px 0;gap:20px}.world-intro h2{font-size:40px;letter-spacing:-1.8px}.world-intro .intro-copy p:first-child{font-size:18px}.world-intro .intro-copy p{font-size:11px}.destination-stage{padding:55px 0}.destination-stage .section-head h2,.visa-collection h2{font-size:42px;letter-spacing:-2px}.immersive-card,.immersive-card:nth-child(2),.immersive-card:nth-child(3){height:420px;margin-top:0}.immersive-card h3{font-size:32px}.visa-collection{padding:60px 0}.visa-collection .visa-image{height:160px}.umrah-showcase{padding:60px 0}.umrah-visual{height:370px}.umrah-copy h2{font-size:34px}.route-section{padding:40px 0 60px}.route-section h2{font-size:42px}.final-invite{padding:65px 0 45px}.final-invite h2{font-size:94px}.cinematic-inner .intro-banner h1{font-size:36px}.cinematic-inner .detail-hero h1{font-size:36px}.cinematic-inner .detail-hero{height:330px}.cinematic-inner .umrah-intro h1{font-size:38px}}
@media(max-width:360px){.journey-hero h1{font-size:51px}.journey-hero h1 em{font-size:50px}.journey-hero-actions{gap:13px}.hero-secondary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.destination-note{animation:none}.new-hero-plane{animation:none;offset-distance:85%;opacity:1}.hero-image-window .scene{transition:none;transform:none}.hero-image-window .scene.active{transform:none}}

.country-cover{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5f8fd,#d4eaf3);position:relative;overflow:hidden}.country-cover img.country-cover-flag{width:100px;height:68px;object-fit:cover;position:relative;z-index:1;box-shadow:0 12px 30px #12364e20;border-radius:4px;transform:rotate(-6deg);margin-top:-25px}.country-cover-name{position:absolute;bottom:23px;left:23px;right:15px;font-size:27px;color:#345d72;font-weight:500;letter-spacing:-1px}.country-cover:before{content:'';position:absolute;right:-30px;top:-50px;width:210px;height:210px;border:1px solid #acd9e7;border-radius:50%}@media(max-width:650px){.country-cover img.country-cover-flag{width:65px;height:44px;margin-top:-20px}.country-cover-name{font-size:20px;bottom:15px;left:14px}}
