:root{
  --bg:#07130d;
  --bg2:#0a1d14;
  --forest:#0a3425;
  --forest-2:#10523b;
  --paper:#f5f0e6;
  --paper-2:#fffdf8;
  --ink:#14231c;
  --muted:#69736d;
  --gold:#c99b50;
  --gold-2:#ead3a1;
  --gold-3:#fff1cb;
  --line:rgba(20,35,28,.12);
  --line-dark:rgba(255,255,255,.12);
  --shadow:0 24px 70px rgba(5,24,16,.18);
  --ease:cubic-bezier(.2,.8,.2,1);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic","Noto Naskh Arabic","Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
html[lang^="ur"] body{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic","Segoe UI",Tahoma,Arial,sans-serif}
html[lang^="ps"] body{font-family:"Noto Naskh Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
:where(h1,h2,h3,.brand,.btn,.kicker,summary){letter-spacing:normal;font-kerning:normal;text-wrap:balance}
:where(p,li,summary){overflow-wrap:normal;word-break:normal}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,summary{font:inherit}
button{color:inherit}
.shell{width:min(1180px,calc(100% - 28px));margin-inline:auto}
.skip{position:fixed;z-index:2000;top:8px;inset-inline-start:8px;background:#fff;color:#111;padding:10px 14px;border-radius:12px;transform:translateY(-150%)}
.skip:focus{transform:none}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.22s ease both pageOut}
::view-transition-new(root){animation:.34s var(--ease) both pageIn}
@keyframes pageOut{to{opacity:.78;transform:scale(.994)}}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}}
body::before{content:"";position:fixed;z-index:1200;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;z-index:1400;top:0;inset-inline-start:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-3));box-shadow:0 0 14px rgba(234,211,161,.55);pointer-events:none}
.site-header{position:absolute;z-index:500;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.10);transition:background .28s var(--ease),box-shadow .28s var(--ease),backdrop-filter .28s var(--ease)}
.site-header.is-scrolled{position:fixed;background:rgba(5,20,14,.82);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 12px 34px rgba(0,0,0,.14);border-bottom-color:rgba(255,255,255,.08)}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;white-space:nowrap;min-width:0}
.brand img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(0,0,0,.36))}
.desktop-nav{display:none;align-items:center;gap:24px;font-size:14px;color:rgba(255,255,255,.84)}
.desktop-nav a{position:relative;padding:10px 0}
.desktop-nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:2px;width:0;height:1px;background:var(--gold-2);transition:width .25s var(--ease)}
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{width:100%}
.header-actions{display:flex;align-items:center;gap:7px}
.wa-mini{display:none;padding:9px 15px;border:1px solid rgba(234,211,161,.42);border-radius:999px;background:linear-gradient(135deg,rgba(201,155,80,.22),rgba(201,155,80,.08));font-size:13px;font-weight:800}
.lang-picker{position:relative}
.lang-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:45px;min-height:40px;justify-content:center;border:1px solid rgba(255,255,255,.22);padding:8px 10px;border-radius:999px;background:rgba(5,20,14,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11px;font-weight:800;text-transform:uppercase}
.lang-picker summary::before{content:"◉";font-size:9px;color:var(--gold-2)}
.lang-picker summary::-webkit-details-marker{display:none}
.lang-picker>div{position:absolute;top:47px;inset-inline-end:0;width:150px;padding:7px;background:rgba(255,253,248,.985);color:var(--ink);border:1px solid rgba(20,35,28,.10);border-radius:16px;box-shadow:0 24px 55px rgba(0,0,0,.23);overflow:hidden}
.lang-picker a{display:flex;align-items:center;min-height:40px;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:700}
.lang-picker a.active,.lang-picker a:hover{background:#eee5d5}
.menu-toggle{width:42px;height:42px;border:1px solid rgba(255,255,255,.23);background:rgba(5,20,14,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;display:grid;place-content:center;gap:5px;padding:0;cursor:pointer}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .25s var(--ease),opacity .25s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav{position:fixed;z-index:490;inset:74px 0 auto;background:rgba(255,253,248,.985);color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.mobile-nav[hidden]{display:none!important}
.mobile-nav-inner{padding:12px 0 18px;display:grid}
.mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--line);font-weight:800}
.mobile-nav .btn{border:0;margin-top:10px;color:#102019}
.mobile-langs{display:flex;gap:8px;padding:10px 0}
.mobile-langs a{border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:12px}
.mobile-langs a.active{background:var(--forest);color:#fff}
.hero,.subhero-photo{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#06180f}
.hero{min-height:100svh;display:flex;align-items:flex-end}
.hero picture,.hero-media,.subhero-photo>img,.subhero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-5}
.hero-media,.subhero-media{transform:scale(1.035);filter:saturate(.83) contrast(1.06) brightness(.88);will-change:transform;transform-origin:center center}
.hero-shade,.subhero-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(2,12,8,.16) 0%,rgba(2,12,8,.12) 24%,rgba(3,16,10,.48) 52%,rgba(3,16,10,.96) 100%),linear-gradient(90deg,rgba(3,16,10,.34),transparent 68%)}
.hero::before,.subhero-photo::before{content:"";position:absolute;z-index:-3;inset:auto auto -22vw -22vw;width:64vw;height:64vw;min-width:360px;min-height:360px;max-width:760px;max-height:760px;border:1px solid rgba(234,211,161,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(234,211,161,.025),0 0 0 140px rgba(234,211,161,.012);pointer-events:none;animation:orbitBreath 7s ease-in-out infinite}
.hero::after,.subhero-photo::after{content:"";position:absolute;z-index:-2;inset:auto -15vw -24vw auto;width:56vw;height:56vw;min-width:300px;min-height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,155,80,.20),rgba(201,155,80,.04) 38%,transparent 68%);filter:blur(8px);pointer-events:none}
@keyframes orbitBreath{50%{transform:scale(1.035);opacity:.72}}
.hero-content{position:relative;width:100%;padding-top:136px;padding-bottom:104px}
.hero-content::before{content:"";position:absolute;inset:-20px -14px -24px;z-index:-1;border-radius:32px;background:linear-gradient(180deg,rgba(4,18,12,.04),rgba(4,18,12,.26));mask-image:linear-gradient(180deg,transparent,#000 25%,#000)}
.kicker{display:flex;align-items:center;gap:11px;margin:0 0 12px;font-size:12px;font-weight:800;color:var(--gold-2);word-spacing:.04em}
.kicker::before{content:"";width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2));flex:0 0 auto}
.kicker.dark{color:#9d7538}.kicker.dark::before{background:linear-gradient(90deg,transparent,#a57b3d)}
.kicker.light{color:var(--gold-2)}
h1{font-size:clamp(40px,11.7vw,68px);line-height:1.24;margin:0 0 17px;max-width:930px;font-weight:900;text-align:start;text-shadow:0 5px 34px rgba(0,0,0,.30)}
h1 .goldline{color:transparent;background:linear-gradient(108deg,#fff4d5 0%,#d8ad62 38%,#fff0c5 70%,#c08c3c 100%);background-clip:text;-webkit-background-clip:text}
h2{font-size:clamp(30px,8.2vw,52px);line-height:1.36;margin:0;font-weight:900;text-align:start}
h3{line-height:1.48;margin-block-start:0;text-align:start}
html[lang^="ur"] h1,html[lang^="ps"] h1{line-height:1.42;font-size:clamp(36px,10.5vw,62px)}
html[lang^="ur"] h2,html[lang^="ps"] h2{line-height:1.48}
.hero-lead,.subhero-content>p{margin:0;max-width:720px;font-size:16px;line-height:1.95;color:rgba(255,255,255,.87);text-align:start;text-shadow:0 2px 18px rgba(0,0,0,.27)}
.hero-actions{display:grid;gap:10px;margin-top:24px;max-width:540px}
.btn{position:relative;overflow:hidden;min-height:52px;border-radius:999px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;border:1px solid transparent;transition:transform .24s var(--ease),box-shadow .24s var(--ease),background .24s,border-color .24s;cursor:pointer}
.btn::after{content:"";position:absolute;inset:-2px auto -2px -38%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transform:skewX(-18deg);transition:left .6s var(--ease)}
.btn:hover::after{left:118%}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.985)}
.btn.primary{background:linear-gradient(135deg,#d8b36d,#b9853e);color:#102019;box-shadow:0 16px 42px rgba(0,0,0,.25)}
.btn.glass{color:#fff;border-color:rgba(255,255,255,.30);background:rgba(5,25,17,.30);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn.warm{background:linear-gradient(135deg,#f2dfb9,#d8ae69);color:var(--forest)}
.wide{width:100%}
.trust-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:rgba(255,255,255,.66);font-size:12px}
.trust-line::before{content:"";width:7px;height:7px;border-radius:50%;background:#3bd37a;box-shadow:0 0 0 5px rgba(59,211,122,.09)}
.trust-line b{color:#fff;direction:ltr;unicode-bidi:isolate}
.hero-scroll{position:absolute;bottom:22px;inset-inline-end:18px;width:25px;height:40px;border:1px solid rgba(255,255,255,.32);border-radius:20px;display:grid;place-items:start center;padding-top:7px;opacity:.76}
.hero-scroll span{width:3px;height:7px;border-radius:3px;background:var(--gold-2);animation:scrollHint 1.8s infinite}
@keyframes scrollHint{50%{transform:translateY(13px);opacity:.18}}
.quickbar{position:relative;z-index:4;margin-top:-1px;background:var(--paper-2);border-bottom:1px solid var(--line);box-shadow:0 12px 34px rgba(8,38,26,.06)}
.quickgrid{display:grid;grid-template-columns:1fr 1fr}
.quickgrid>div{position:relative;padding:17px 13px;border-bottom:1px solid var(--line)}
.quickgrid>div:nth-child(odd){border-inline-end:1px solid var(--line)}
.quickgrid small{display:block;color:#9b7136;font-size:10px;font-weight:800;margin-bottom:5px}
.quickgrid strong{font-size:13px;line-height:1.6}
.section{padding:74px 0;position:relative}
.section-head{display:grid;gap:16px;margin-bottom:28px}
.section-head p{margin:0;color:var(--muted);line-height:1.95;font-size:15px;text-align:start}
.route-grid{display:grid;gap:13px}
.route-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fffdf8,#f7f0e4);min-height:225px;display:flex;flex-direction:column;box-shadow:0 10px 34px rgba(8,38,26,.055);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.route-card::after{content:"";position:absolute;z-index:0;width:170px;height:170px;border-radius:50%;border:1px solid rgba(201,155,80,.12);inset-inline-end:-84px;top:-90px;box-shadow:0 0 0 38px rgba(201,155,80,.024)}
.route-card>*{position:relative;z-index:1}.route-card>span{color:#9b7136;font-weight:900;font-size:11px}.route-card h3{font-size:23px;margin:26px 0 9px}.route-card p{color:var(--muted);line-height:1.82;margin:0}.route-card a{margin-top:auto;padding-top:20px;font-weight:900;color:var(--forest-2)}
.route-card i,.text-link i{font-style:normal;display:inline-block;margin-inline-start:6px;transition:transform .22s}.route-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(8,38,26,.12);border-color:rgba(201,155,80,.30)}.route-card:hover i,.text-link:hover i{transform:translate(-3px,-3px)}
.photo-story{overflow:hidden;background:radial-gradient(circle at 90% 8%,rgba(201,155,80,.17),transparent 30rem),#eee4d3}
.story-grid{display:grid;gap:28px;align-items:center}.story-photo{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:28px;box-shadow:0 26px 64px rgba(8,38,26,.13)}
.story-photo::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}
.story-photo img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;transition:transform 1.1s var(--ease);will-change:transform}.story-photo:hover img{transform:scale(1.035)}
.story-copy h2{margin-bottom:15px}.story-copy p{color:var(--muted);line-height:2;font-size:16px;margin:0;text-align:start}
.transport-section{overflow:hidden;background:radial-gradient(circle at 12% 16%,rgba(201,155,80,.14),transparent 26rem),linear-gradient(150deg,#051d14,#0a3425 54%,#061f17);color:#fff}
.transport-section::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(234,211,161,.075);border-radius:50%;inset-inline-start:-330px;bottom:-350px;box-shadow:0 0 0 84px rgba(234,211,161,.018)}
.transport-section .section-head p{color:rgba(255,255,255,.72)}
.transport-grid{display:grid;gap:14px}
.transport-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:27px;background:rgba(255,255,255,.045);box-shadow:0 18px 52px rgba(0,0,0,.18);transition:transform .32s var(--ease),border-color .32s}
.transport-card:hover{transform:translateY(-4px);border-color:rgba(234,211,161,.25)}
.transport-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1s var(--ease);will-change:transform}.transport-card:hover img{transform:scale(1.04)}
.transport-card>div{padding:20px}.transport-card span{color:var(--gold-2);font-size:11px;font-weight:900}.transport-card h3{font-size:25px;margin:8px 0}.transport-card p{color:rgba(255,255,255,.72);line-height:1.85;margin:0;text-align:start}
.hotels-section{overflow:hidden;background:linear-gradient(180deg,#f7f3eb,#f2ecdf)}
.hotel-scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 17px;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.hotel-scroller::-webkit-scrollbar{display:none}
.hotel-card{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;min-height:360px;background:#d8d2c8;scroll-snap-align:start;flex:0 0 85%;box-shadow:0 18px 48px rgba(8,38,26,.12);transition:transform .3s var(--ease),box-shadow .3s}
.hotel-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--ease),filter .5s}.hotel-card:hover{transform:translateY(-4px);box-shadow:0 28px 66px rgba(8,38,26,.17)}.hotel-card:hover img{transform:scale(1.045)}
.hotel-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(5,25,17,.14) 50%,rgba(5,25,17,.92) 100%)}
.hotel-info{position:absolute;bottom:20px;inset-inline:20px;color:#fff}.hotel-info h3{font-size:23px;margin:0 0 4px}.hotel-info p{margin:0;color:rgba(255,255,255,.78);font-size:13px}
.after-grid{display:inline-flex;margin-top:18px;font-weight:900;color:var(--forest-2)}
.hotel-grid-full{display:grid;gap:14px}
.why{background:#f8f4ec}.why-grid{display:grid;gap:13px}
.why-card{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(20,35,28,.08);border-top:2px solid rgba(201,155,80,.38);background:var(--paper-2);border-radius:0 0 22px 22px;box-shadow:0 10px 32px rgba(8,38,26,.05)}
.why-card span{color:#9b7136;font-size:11px;font-weight:900}.why-card h3{font-size:22px;margin:16px 0 7px}.why-card p{margin:0;color:var(--muted);line-height:1.82;text-align:start}
.faq{background:var(--paper-2)}.faq-grid{display:grid;gap:28px}.faq-title h2{margin-top:6px}.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 38px 20px 0;font-weight:900;position:relative;line-height:1.7;text-align:start}summary::-webkit-details-marker{display:none}summary::before{content:"+";position:absolute;inset-inline-start:4px;top:16px;color:#a77d3f;font:400 24px/1 Arial}details[open] summary::before{content:"−"}details[open]{background:rgba(201,155,80,.035)}details p{margin:-4px 0 20px;color:var(--muted);line-height:1.95;text-align:start}
.final-cta{overflow:hidden;background:linear-gradient(180deg,#eadfcd,#e7dac5)}
.cta-card{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(234,211,161,.12),transparent 26rem),linear-gradient(135deg,#082d20,#0e4a35);color:#fff;border:1px solid rgba(234,211,161,.14);border-radius:30px;padding:28px;display:grid;gap:22px;box-shadow:0 26px 72px rgba(8,38,26,.20)}
.cta-card::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(234,211,161,.09);inset-inline-start:-170px;bottom:-230px;box-shadow:0 0 0 58px rgba(234,211,161,.018)}.cta-card>*{position:relative;z-index:1}.cta-card h2{font-size:31px}.cta-card p{margin:8px 0 0;color:rgba(255,255,255,.76);line-height:1.85;text-align:start}
.subhero-photo{min-height:78svh;display:flex;align-items:flex-end}
.subhero-content{width:100%;padding:130px 0 68px}
.subhero-content h1{font-size:clamp(39px,10.8vw,68px)}
.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:rgba(255,255,255,.62);font-size:12px;margin-bottom:18px}.crumbs a{color:#fff}
.content-section{background:linear-gradient(180deg,#f7f3ea,#fffdf8)}
.content-grid{display:grid;gap:28px}
.content-main h2{margin:8px 0 15px}.content-main h3{font-size:24px;margin:31px 0 9px}.content-main p{font-size:16px;color:var(--muted);line-height:2.05;margin:0;text-align:start}
.steps-card{position:relative;overflow:hidden;padding:25px;border-radius:26px;background:radial-gradient(circle at 85% 4%,rgba(234,211,161,.10),transparent 15rem),linear-gradient(145deg,#082d20,#0b3c2b);color:#fff;box-shadow:var(--shadow)}
.steps-card ol{list-style:none;margin:15px 0 22px;padding:0;display:grid;gap:14px}.steps-card li{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;line-height:1.75;color:rgba(255,255,255,.83);text-align:start}.steps-card li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(234,211,161,.13);color:var(--gold-2);font-size:12px;font-weight:900}
footer{background:#06160f;color:#dcd6cc;padding:42px 0 92px;border-top:1px solid rgba(255,255,255,.07)}
.footer-grid{display:grid;gap:20px}.footer-brand{display:flex;gap:11px;align-items:flex-start}.footer-brand img{width:46px;height:46px}.footer-brand strong{display:block;color:#fff;margin-bottom:5px}.footer-brand small{display:block;color:#989f99;line-height:1.75;max-width:580px}.footer-contact,.footer-langs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.footer-contact a,.footer-langs a{color:#fff}.footer-langs a{padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;font-size:12px}footer>.shell>small{color:#7d8780}
.mobile-wa{position:fixed;z-index:600;inset-inline-end:12px;bottom:max(12px,env(safe-area-inset-bottom));min-width:150px;min-height:52px;padding:0 17px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#22a861,#167542);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 15px 38px rgba(0,0,0,.24);font-weight:900;transition:transform .24s var(--ease),box-shadow .24s}
.mobile-wa::before{content:"↗";font:700 16px/1 system-ui}.mobile-wa:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.29)}.mobile-wa b{display:none}.mobile-wa span{font-size:13px}
.reveal{opacity:1;transform:none;filter:none}
.reveal.motion-from{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .72s var(--ease),transform .72s var(--ease),filter .72s var(--ease)}
.reveal.motion-from.in{opacity:1;transform:none;filter:none}
.reveal.motion-from:nth-child(2){transition-delay:.05s}.reveal.motion-from:nth-child(3){transition-delay:.10s}.reveal.motion-from:nth-child(4){transition-delay:.15s}
.deferred{content-visibility:visible!important;contain-intrinsic-size:auto!important}
@media(max-width:520px){
  .shell{width:min(100% - 24px,1180px)}
  .header-inner{height:66px}.site-header.is-scrolled .header-inner{height:62px}.brand{font-size:13px;gap:7px}.brand img{width:39px;height:39px}.menu-toggle{width:40px;height:40px}.lang-picker summary{min-width:42px;min-height:38px;padding:7px 8px}
  .mobile-nav{inset:66px 0 auto}.site-header.is-scrolled+.mobile-nav{inset:62px 0 auto}
  .hero{min-height:100svh}.hero-media{object-position:center 38%;filter:saturate(.92) contrast(1.04) brightness(.96)}
  .hero-shade{background:linear-gradient(180deg,rgba(2,12,8,.08) 0%,rgba(2,12,8,.10) 27%,rgba(3,16,10,.55) 54%,rgba(3,16,10,.97) 82%,rgba(3,16,10,.99) 100%)}
  .hero::before{width:420px;height:420px;inset:auto auto -185px -240px;box-shadow:0 0 0 56px rgba(234,211,161,.022),0 0 0 112px rgba(234,211,161,.010)}
  .hero-content{padding-top:118px;padding-bottom:94px}
  .hero-content::before{inset:-8px -8px -22px;border-radius:24px}
  h1{font-size:clamp(37px,10.8vw,48px);line-height:1.28;margin-bottom:14px}.hero-lead{font-size:15px;line-height:1.9}.hero-actions{margin-top:20px}.btn{min-height:50px}
  html[lang^="ur"] h1,html[lang^="ps"] h1{font-size:clamp(34px,9.9vw,44px);line-height:1.48}
  .trust-line{margin-top:16px}.hero-scroll{display:none}
  .quickgrid>div{padding:15px 11px}.quickgrid strong{font-size:12px}.quickgrid small{font-size:9.5px}
  .section{padding:61px 0}.section-head{gap:12px;margin-bottom:24px}.section-head p{font-size:14px;line-height:1.88}
  h2{font-size:clamp(29px,8.5vw,40px);line-height:1.42}.route-card{padding:21px;min-height:195px}.route-card h3{font-size:21px;margin-top:20px}.route-card p{font-size:14px}
  .story-grid{gap:22px}.story-photo{border-radius:23px;aspect-ratio:1/1}.story-copy p{font-size:15px;line-height:1.95}
  .transport-card{border-radius:24px}.transport-card img{aspect-ratio:16/11}.transport-card>div{padding:18px}.transport-card h3{font-size:22px}
  .hotel-card{flex-basis:88%;min-height:350px}.hotel-info h3{font-size:21px}
  .why-card{padding:21px}.why-card h3{font-size:20px}.faq-title h2{font-size:32px}.cta-card{padding:25px}.cta-card h2{font-size:28px}
  .subhero-photo{min-height:82svh}.subhero-media{object-position:center 40%;filter:saturate(.90) contrast(1.04) brightness(.94)}.subhero-content{padding:112px 0 58px}.subhero-content h1{font-size:clamp(35px,10vw,47px)}
  html[lang^="ur"] .subhero-content h1,html[lang^="ps"] .subhero-content h1{font-size:clamp(33px,9.3vw,43px);line-height:1.5}
  .steps-card{padding:22px}.content-main p{font-size:15px;line-height:2}
}
@media(min-width:700px){
  .hero-actions{display:flex;flex-wrap:wrap}.hero-actions .btn{min-width:180px}.quickgrid{grid-template-columns:repeat(4,1fr)}.quickgrid>div{border-bottom:0}.quickgrid>div:nth-child(n){border-inline-end:1px solid var(--line)}.quickgrid>div:last-child{border-inline-end:0}
  .section{padding:88px 0}.route-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr 1fr;gap:48px}.transport-grid{grid-template-columns:1fr 1fr}.hotel-card{flex-basis:46%;min-height:390px}.why-grid{grid-template-columns:repeat(3,1fr)}.cta-card{grid-template-columns:1fr auto;align-items:center}.hotel-grid-full{grid-template-columns:repeat(2,1fr)}
  .mobile-wa{display:none}footer{padding-bottom:42px}.footer-grid{grid-template-columns:1.2fr auto;align-items:center}.footer-langs{justify-content:flex-end}
}
@media(min-width:980px){
  .desktop-nav{display:flex}.menu-toggle{display:none}.wa-mini{display:inline-flex}.header-inner{height:82px}
  .hero{min-height:100svh}.hero-shade{background:linear-gradient(180deg,rgba(2,12,8,.13),rgba(2,12,8,.26) 34%,rgba(3,16,10,.82) 100%),linear-gradient(90deg,rgba(3,16,10,.70) 0%,rgba(3,16,10,.38) 48%,rgba(3,16,10,.07) 76%)}
  .hero-content{padding-top:160px;padding-bottom:112px;width:min(820px,72%)}
  h1{font-size:clamp(58px,6.7vw,92px);line-height:1.18}.hero-lead{font-size:18px;line-height:2}.section{padding:110px 0}.section-head{grid-template-columns:1fr .75fr;align-items:end;gap:64px;margin-bottom:40px}
  .route-grid{grid-template-columns:repeat(4,1fr)}.route-card{min-height:300px}.story-grid{gap:78px}.story-photo{aspect-ratio:auto;min-height:520px}.transport-card img{height:500px;aspect-ratio:auto}.hotel-card{flex:0 0 31.5%;min-height:430px}.hotel-grid-full{grid-template-columns:repeat(3,1fr)}
  .faq-grid{grid-template-columns:.52fr 1.1fr;gap:88px}.content-grid{grid-template-columns:minmax(0,1fr) 340px;gap:68px;align-items:start}.steps-card{position:sticky;top:110px}.subhero-photo{min-height:82svh}.subhero-content{padding:160px 0 74px;width:min(850px,74%)}
  .footer-grid{grid-template-columns:1.3fr auto auto;gap:34px}
}
@media(min-width:1280px){.shell{width:min(1220px,calc(100% - 56px))}.hero-content{width:min(880px,68%)}.route-card{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}.hero-media,.subhero-media,.story-photo img{transform:none!important}.hero::before,.subhero-photo::before,.hero-scroll span{animation:none!important}.btn::after{display:none}.reveal.motion-from{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* =========================================================
   CLOUD LUXURY v6 — Cloud Dancer-inspired light direction
   Bright, airy, premium; photography and motion remain intact.
   ========================================================= */
:root{
  --cloud:#f2f1ec;
  --cloud-bright:#fbfaf6;
  --cloud-soft:#e9eee9;
  --mist:#dfe9e2;
  --sage:#c8d9cd;
  --sage-2:#afc8b8;
  --botanical:#315746;
  --botanical-deep:#203d31;
  --champagne:#b98945;
  --champagne-soft:#dcc49a;
  --ink:#183027;
  --muted:#66736c;
  --paper:var(--cloud);
  --paper-2:var(--cloud-bright);
  --forest:var(--botanical-deep);
  --forest-2:var(--botanical);
  --gold:var(--champagne);
  --gold-2:var(--champagne-soft);
  --line:rgba(31,61,49,.12);
  --shadow:0 24px 72px rgba(34,66,54,.13);
}
html,body{background:var(--cloud);color:var(--ink)}
body::before{opacity:.016}
.site-header{
  color:var(--botanical-deep);
  background:linear-gradient(180deg,rgba(251,250,246,.88),rgba(242,241,236,.72));
  border-bottom-color:rgba(49,87,70,.12);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.site-header.is-scrolled{
  background:rgba(248,247,242,.94);
  color:var(--botanical-deep);
  border-bottom-color:rgba(49,87,70,.12);
  box-shadow:0 14px 40px rgba(34,66,54,.09);
}
.brand img{filter:drop-shadow(0 8px 20px rgba(34,66,54,.15))}
.desktop-nav{color:rgba(32,61,49,.78)}
.desktop-nav a::after{background:var(--champagne)}
.wa-mini{
  border-color:rgba(49,87,70,.20);
  color:var(--botanical-deep);
  background:linear-gradient(135deg,rgba(200,217,205,.72),rgba(251,250,246,.82));
  box-shadow:0 9px 24px rgba(34,66,54,.07);
}
.lang-picker summary,.menu-toggle{
  border-color:rgba(49,87,70,.18);
  background:rgba(251,250,246,.72);
  color:var(--botanical-deep);
  box-shadow:0 8px 22px rgba(34,66,54,.06);
}
.menu-toggle span{background:var(--botanical-deep)}
.lang-picker summary::before{color:var(--champagne)}
.mobile-nav{background:rgba(251,250,246,.985)}
.hero,.subhero-photo{background:#d8e4db;color:var(--ink)}
.hero-media,.subhero-media{filter:saturate(.88) contrast(1.02) brightness(1.05)}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(244,244,239,.10) 0%,rgba(238,242,237,.05) 32%,rgba(216,229,219,.16) 54%,rgba(24,48,39,.26) 100%),
    linear-gradient(90deg,rgba(244,244,239,.16),transparent 64%);
}
.subhero-shade{
  background:
    linear-gradient(180deg,rgba(244,244,239,.08),rgba(230,236,231,.08) 35%,rgba(32,61,49,.26) 100%);
}
.hero::before,.subhero-photo::before{
  border-color:rgba(255,255,255,.36);
  box-shadow:0 0 0 70px rgba(255,255,255,.08),0 0 0 140px rgba(255,255,255,.04);
}
.hero::after,.subhero-photo::after{
  background:radial-gradient(circle,rgba(220,196,154,.26),rgba(242,241,236,.08) 42%,transparent 70%);
}
.hero-content{
  color:var(--botanical-deep);
  padding-inline:clamp(18px,3vw,36px);
}
.hero-content::before{
  inset:-12px 0 -20px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(251,250,246,.90),rgba(232,239,233,.78));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 28px 90px rgba(24,48,39,.18);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  mask-image:none;
}
.hero h1,.subhero-content h1{
  color:var(--botanical-deep);
  text-shadow:none;
}
h1 .goldline{
  background:linear-gradient(108deg,#7e5a25 0%,#bd914f 40%,#8d672d 74%,#d0ab6d 100%);
  background-clip:text;-webkit-background-clip:text;color:transparent;
}
.hero .kicker,.subhero-content .kicker{color:#8d672d}
.hero .kicker::before,.subhero-content .kicker::before{background:linear-gradient(90deg,transparent,#b98945)}
.hero-lead,.subhero-content>p{
  color:rgba(24,48,39,.79);
  text-shadow:none;
}
.btn.primary{
  background:linear-gradient(135deg,#b8d0bf,#dce8df 52%,#ecdcbf);
  color:var(--botanical-deep);
  border-color:rgba(49,87,70,.11);
  box-shadow:0 16px 42px rgba(34,66,54,.14);
}
.btn.glass{
  color:var(--botanical-deep);
  border-color:rgba(49,87,70,.18);
  background:rgba(251,250,246,.72);
  box-shadow:0 12px 32px rgba(34,66,54,.08);
}
.trust-line{color:rgba(24,48,39,.62)}
.trust-line b{color:var(--botanical-deep)}
.hero-scroll{border-color:rgba(255,255,255,.66);background:rgba(242,241,236,.24)}
.quickbar{
  background:rgba(251,250,246,.98);
  border-bottom-color:rgba(49,87,70,.10);
  box-shadow:0 14px 40px rgba(34,66,54,.07);
}
.quickgrid small{color:#8a6734}
.section{background:var(--cloud)}

.route-card{
  background:linear-gradient(145deg,rgba(251,250,246,.98),rgba(223,233,226,.80));
  border-color:rgba(49,87,70,.11);
  box-shadow:0 14px 42px rgba(34,66,54,.07);
}
.route-card::after{border-color:rgba(185,137,69,.14);box-shadow:0 0 0 38px rgba(185,137,69,.025)}
.route-card:hover{box-shadow:0 28px 66px rgba(34,66,54,.13);border-color:rgba(185,137,69,.28)}
.photo-story{
  background:
    radial-gradient(circle at 90% 8%,rgba(255,255,255,.76),transparent 30rem),
    linear-gradient(135deg,#e4ece6,#f4f1e9);
}
.story-photo{box-shadow:0 28px 70px rgba(34,66,54,.13)}
.transport-section{
  background:
    radial-gradient(circle at 12% 14%,rgba(255,255,255,.88),transparent 28rem),
    linear-gradient(145deg,#dce8df,#edf2ed 48%,#d2e1d6);
  color:var(--botanical-deep);
}
.transport-section::before{
  border-color:rgba(49,87,70,.08);
  box-shadow:0 0 0 84px rgba(255,255,255,.12);
}
.transport-section .section-head p{color:rgba(24,48,39,.68)}
.transport-section .kicker.light{color:#8a6734}
.transport-card{
  border-color:rgba(49,87,70,.10);
  background:rgba(251,250,246,.82);
  box-shadow:0 20px 54px rgba(34,66,54,.10);
}
.transport-card:hover{border-color:rgba(185,137,69,.25)}
.transport-card span{color:#8a6734}
.transport-card p{color:rgba(24,48,39,.67)}
.hotels-section{background:linear-gradient(180deg,#f8f7f2,#e8eee9)}
.hotel-card{box-shadow:0 20px 54px rgba(34,66,54,.12)}
.hotel-card:hover{box-shadow:0 30px 72px rgba(34,66,54,.17)}
.why{background:linear-gradient(180deg,#e6eee8,#f7f5ef)}
.why-card{
  background:rgba(251,250,246,.92);
  border-color:rgba(49,87,70,.10);
  border-top-color:rgba(185,137,69,.40);
  box-shadow:0 12px 36px rgba(34,66,54,.06);
}
.faq{background:var(--cloud-bright)}
details[open]{background:rgba(200,217,205,.18)}
.final-cta{background:linear-gradient(180deg,#edf2ee,#e1ebe4)}
.cta-card{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.82),transparent 28rem),
    linear-gradient(135deg,#d2e1d6,#eef2ed 54%,#f2e7d4);
  color:var(--botanical-deep);
  border-color:rgba(49,87,70,.10);
  box-shadow:0 30px 74px rgba(34,66,54,.14);
}
.cta-card::after{border-color:rgba(49,87,70,.08);box-shadow:0 0 0 58px rgba(255,255,255,.12)}
.cta-card p{color:rgba(24,48,39,.70)}
.btn.warm{
  background:linear-gradient(135deg,#b98945,#d7b77f);
  color:#173127;
  box-shadow:0 15px 38px rgba(185,137,69,.18);
}
.subhero-content{
  position:relative;
  color:var(--botanical-deep);
  padding-inline:clamp(18px,3vw,34px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(251,250,246,.90),rgba(232,239,233,.80));
  box-shadow:0 28px 90px rgba(24,48,39,.18);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}
.crumbs{color:rgba(24,48,39,.60)}
.crumbs a{color:var(--botanical-deep)}
.content-section{background:linear-gradient(180deg,#f1f2ed,#fbfaf6)}
.steps-card{
  background:
    radial-gradient(circle at 85% 4%,rgba(255,255,255,.82),transparent 16rem),
    linear-gradient(145deg,#d8e6dc,#eef2ed);
  color:var(--botanical-deep);
  border:1px solid rgba(49,87,70,.10);
  box-shadow:0 24px 66px rgba(34,66,54,.12);
}
.steps-card li{color:rgba(24,48,39,.74)}
.steps-card li span{
  background:rgba(255,255,255,.56);
  border-color:rgba(49,87,70,.10);
  color:#8a6734;
}
footer{
  background:linear-gradient(180deg,#dfe9e2,#d2dfd6);
  color:rgba(24,48,39,.72);
  border-top-color:rgba(49,87,70,.10);
}
.footer-brand strong,.footer-contact a,.footer-langs a{color:var(--botanical-deep)}
.footer-brand small,footer>.shell>small{color:rgba(24,48,39,.58)}
.footer-langs a{border-color:rgba(49,87,70,.14);background:rgba(251,250,246,.35)}
.mobile-wa{
  background:linear-gradient(135deg,#3b7a5d,#2c644c);
  box-shadow:0 16px 40px rgba(34,66,54,.22);
}
@media(max-width:520px){
  .site-header{background:linear-gradient(180deg,rgba(251,250,246,.94),rgba(242,241,236,.82))}
  .hero-media{object-position:center 36%;filter:saturate(.92) contrast(1.01) brightness(1.07)}
  .hero-shade{background:linear-gradient(180deg,rgba(242,241,236,.03) 0%,rgba(242,241,236,.03) 36%,rgba(32,61,49,.16) 61%,rgba(32,61,49,.30) 100%)}
  .hero-content{padding-inline:18px}
  .hero-content::before{inset:-8px 4px -16px;border-radius:27px;background:linear-gradient(145deg,rgba(251,250,246,.93),rgba(232,239,233,.86))}
  .subhero-content{padding-inline:20px;border-radius:26px;background:linear-gradient(145deg,rgba(251,250,246,.94),rgba(232,239,233,.88))}
  .transport-card img{filter:saturate(.92) brightness(1.03)}
}


/* =========================================================
   PREMIUM CONTRAST v7
   Cloud Dancer + sage + champagne, with stronger hierarchy.
   ========================================================= */
:root{
  --cloud:#f3f2ed;
  --cloud-bright:#fffdf8;
  --mist:#dbe7df;
  --sage:#bfd2c5;
  --sage-deep:#8eac9b;
  --botanical:#244d3b;
  --botanical-2:#173a2b;
  --champagne:#b37d35;
  --champagne-deep:#76521d;
  --ink:#15372a;
  --muted:#5e6d65;
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.kicker.dark,.why-card>span{color:var(--champagne-deep)}
.reveal,.reveal.motion-from{opacity:1;transform:none;filter:none;transition:none}
.site-header{box-shadow:0 8px 30px rgba(23,58,43,.06)}
.header-inner{height:68px}
.brand{font-size:14px}.brand img{width:41px;height:41px}
.lang-picker summary,.menu-toggle{width:38px;height:38px;min-width:38px;min-height:38px;padding:0}
.lang-picker summary{font-size:10px}
.menu-toggle span{width:16px}
.hero-content::before,.subhero-content{
  border-color:rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,253,248,.84),rgba(219,231,223,.73));
  box-shadow:0 28px 78px rgba(23,58,43,.16);
}
.hero h1,.subhero-content h1{color:var(--botanical-2)}
.hero-lead,.subhero-content>p{color:rgba(21,55,42,.76)}
.btn.primary{
  background:linear-gradient(135deg,#214b39,#315f49);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 16px 38px rgba(23,58,43,.22);
}
.btn.primary:hover{box-shadow:0 20px 48px rgba(23,58,43,.28)}
.btn.glass{
  background:rgba(255,253,248,.80);
  color:var(--botanical-2);
  border-color:rgba(36,77,59,.18);
}
.hero-actions .btn{min-height:50px}
.trust-line{font-weight:800;color:rgba(21,55,42,.64)}
.quickbar{border-top:1px solid rgba(179,125,53,.18)}
.quickgrid>div{background:linear-gradient(180deg,rgba(255,253,248,.78),rgba(243,242,237,.65))}
.quickgrid small{color:var(--champagne-deep)}
.route-card{
  border:1px solid rgba(36,77,59,.11);
  background:linear-gradient(150deg,#fffdf8 0%,#edf3ef 100%);
}
.route-card>span{color:var(--champagne-deep)}
.route-card h3{color:var(--botanical-2)}
.photo-story{
  background:
    linear-gradient(135deg,rgba(219,231,223,.97),rgba(248,246,239,.96)),
    var(--cloud);
}
.transport-section{
  background:
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.16),transparent 26rem),
    linear-gradient(145deg,#315f49,#244d3b 58%,#1c4433);
  color:#fff;
}
.transport-section .section-head p,.transport-card p{color:rgba(255,255,255,.78)}
.transport-section .kicker.light,.transport-card span{color:#efd3a4}
.transport-card{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 20px 50px rgba(15,44,32,.20);
}
.transport-card h3{color:#fff}
.hotels-section{background:linear-gradient(180deg,#f6f5f0,#e6eee8)}
.why{background:linear-gradient(180deg,#e4ede7,#f8f6f0)}
.why-card{border-top-color:rgba(179,125,53,.56)}
.final-cta{background:linear-gradient(180deg,#eef3ef,#dce8df)}
.cta-card{
  background:
    radial-gradient(circle at 85% 10%,rgba(255,255,255,.12),transparent 25rem),
    linear-gradient(135deg,#1f4937,#2e624a);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 28px 72px rgba(23,58,43,.21);
}
.cta-card h2{color:#fff}.cta-card p{color:rgba(255,255,255,.78)}
.btn.warm{
  background:linear-gradient(135deg,#d6b276,#b98238);
  color:#173a2b;
  box-shadow:0 14px 36px rgba(84,52,16,.16);
}
.mobile-wa{
  width:58px!important;
  min-width:58px!important;
  height:58px;
  min-height:58px;
  padding:0!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#25d366,#159447);
  border:2px solid rgba(255,255,255,.86);
  box-shadow:0 16px 42px rgba(21,83,49,.34),0 0 0 7px rgba(37,211,102,.09);
}
.mobile-wa::before{display:none!important}
.mobile-wa img{width:29px;height:29px;filter:brightness(0) invert(1)}
.mobile-wa:hover{transform:translateY(-3px) scale(1.03)}
.hotel-scroller:focus-visible{outline:3px solid rgba(179,125,53,.42);outline-offset:5px;border-radius:20px}
.journey-signature{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 0%,rgba(255,255,255,.85),transparent 25rem),
    linear-gradient(145deg,#d8e6dc,#f6f3eb);
}
.journey-signature::before{
  content:"";
  position:absolute;
  inset-inline-end:-130px;
  top:-130px;
  width:320px;height:320px;
  border-radius:50%;
  border:1px solid rgba(179,125,53,.16);
  box-shadow:0 0 0 55px rgba(255,255,255,.10);
}
.journey-track{
  position:relative;
  display:grid;
  gap:14px;
  margin-top:28px;
}
.journey-track::before{
  content:"";
  position:absolute;
  inset-inline-start:24px;
  top:27px;bottom:27px;
  width:2px;
  background:linear-gradient(180deg,var(--champagne),var(--sage-deep),var(--botanical));
  opacity:.78;
}
.journey-track::after{
  content:"";
  position:absolute;
  inset-inline-start:20px;
  top:23px;
  width:10px;height:10px;border-radius:50%;
  background:#fff6df;
  box-shadow:0 0 0 4px rgba(179,125,53,.20),0 0 18px rgba(179,125,53,.45);
  animation:routePulse 3.2s ease-in-out infinite;
}
@keyframes routePulse{0%,100%{transform:translateY(0)}50%{transform:translateY(168px)}}
.journey-node{
  position:relative;
  margin-inline-start:52px;
  padding:18px 20px;
  border:1px solid rgba(36,77,59,.11);
  border-radius:20px;
  background:rgba(255,253,248,.80);
  box-shadow:0 13px 34px rgba(23,58,43,.07);
}
.journey-node small{display:block;color:var(--champagne-deep);font-size:11px;font-weight:900;margin-bottom:4px}
.journey-node strong{display:block;color:var(--botanical-2);font-size:19px}
.journey-node p{margin:5px 0 0;color:var(--muted);line-height:1.75;font-size:14px}
.journey-node::before{
  content:"";
  position:absolute;
  inset-inline-start:-36px;
  top:25px;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--cloud-bright);
  border:3px solid var(--botanical);
  box-shadow:0 0 0 5px rgba(36,77,59,.08);
}
@media(min-width:800px){
  .journey-track{grid-template-columns:repeat(4,1fr);gap:16px}
  .journey-track::before{inset-inline:7%;top:28px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--champagne),var(--sage-deep),var(--botanical))}
  .journey-track::after{inset-inline-start:7%;top:24px;animation:routePulseWide 5s ease-in-out infinite}
  @keyframes routePulseWide{0%,100%{transform:translateX(0)}50%{transform:translateX(min(70vw,760px))}}
  .journey-node{margin-inline-start:0;padding-top:48px}
  .journey-node::before{inset-inline-start:calc(50% - 6px);top:22px}
}
@media(max-width:520px){
  .header-inner{height:60px}
  .site-header.is-scrolled .header-inner{height:58px}
  .mobile-nav{inset:60px 0 auto}.site-header.is-scrolled+.mobile-nav{inset:58px 0 auto}
  .brand span{font-size:12px}.brand img{width:34px;height:34px}
  .hero-content{padding-top:106px;padding-bottom:86px}
  .hero-content::before{inset:-4px 2px -14px;background:linear-gradient(145deg,rgba(255,253,248,.86),rgba(219,231,223,.76))}
  .subhero-content{background:linear-gradient(145deg,rgba(255,253,248,.88),rgba(219,231,223,.78));box-shadow:0 22px 58px rgba(23,58,43,.15)}
  .hero h1{font-size:clamp(36px,10vw,45px);line-height:1.32}
  .hero-lead{font-size:14.5px;line-height:1.9}
  .quickgrid>div{padding:13px 10px}
  .mobile-wa{inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.journey-track::after{animation:none!important}}


/* =========================================================
   SIGNATURE TRIP COMPOSER v8
   ========================================================= */
.trip-composer{
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(179,125,53,.11),transparent 24rem),
    linear-gradient(180deg,#f7f6f1,#e8f0ea);
}
.composer-head{display:grid;gap:13px;margin-bottom:24px}
.composer-head p:last-child{margin:0;max-width:650px;color:var(--muted);line-height:1.9;text-align:start}
.composer-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:18px;
  padding:20px;
  border:1px solid rgba(36,77,59,.12);
  border-radius:28px;
  background:rgba(255,253,248,.82);
  box-shadow:0 24px 68px rgba(23,58,43,.10);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.composer-panel::before{
  content:"";
  position:absolute;
  width:280px;height:280px;border-radius:50%;
  inset-inline-end:-190px;top:-180px;
  border:1px solid rgba(179,125,53,.15);
  box-shadow:0 0 0 42px rgba(191,210,197,.10),0 0 0 84px rgba(191,210,197,.05);
  pointer-events:none;
}
.composer-field{position:relative;z-index:1;margin:0;padding:0;border:0}
.composer-field legend{display:block;width:100%;margin-bottom:9px;font-size:12px;font-weight:900;color:var(--botanical-2)}
.composer-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:5px;
  border:1px solid rgba(36,77,59,.10);
  border-radius:18px;
  background:rgba(219,231,223,.56);
}
.composer-option{
  min-height:48px;
  padding:8px 12px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--botanical);
  font-weight:900;
  cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
}
.composer-option:hover{transform:translateY(-1px)}
.composer-option[aria-pressed="true"]{
  color:#fff;
  background:linear-gradient(135deg,#244d3b,#35654e);
  box-shadow:0 11px 28px rgba(23,58,43,.18);
}
.composer-result{
  position:relative;z-index:1;
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(145deg,#f0e3ca,#fff9eb);
  border:1px solid rgba(179,125,53,.16);
}
.composer-result small{font-size:10px;font-weight:900;color:var(--champagne-deep)}
.composer-result strong{font-size:20px;line-height:1.5;color:var(--botanical-2)}
.composer-cta{margin-top:4px;width:100%}
.composer-note{margin:2px 0 0!important;color:#66736c!important;font-size:11px!important;line-height:1.7!important;text-align:start}
@media(min-width:700px){
  .composer-head{grid-template-columns:1fr .8fr;align-items:end;gap:42px}
  .composer-panel{grid-template-columns:1fr 1fr;gap:16px;padding:26px}
  .composer-result{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
  .composer-result small{grid-row:1}.composer-result strong{grid-column:2;grid-row:1}
  .composer-cta{grid-column:3;grid-row:1;margin:0;min-width:190px}
  .composer-note{grid-column:1/-1}
}
@media(min-width:980px){
  .composer-panel{grid-template-columns:1fr 1fr .9fr;align-items:end;padding:30px}
  .composer-result{grid-column:auto;display:grid;grid-template-columns:1fr;align-items:stretch}
  .composer-result small,.composer-result strong,.composer-cta,.composer-note{grid-column:auto;grid-row:auto}
}


/* SPECIAL SECTION BACKGROUND GUARD — prevent generic section rules from flattening themed sections */
.section.transport-section{
  background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.16),transparent 26rem),linear-gradient(145deg,#315f49,#244d3b 58%,#1c4433);
}
.section.photo-story{background:radial-gradient(circle at 90% 8%,rgba(255,255,255,.76),transparent 30rem),linear-gradient(135deg,#e4ece6,#f4f1e9)}
.section.hotels-section{background:linear-gradient(180deg,#f6f5f0,#e6eee8)}
.section.why{background:linear-gradient(180deg,#e4ede7,#f8f6f0)}
.section.faq{background:var(--cloud-bright)}
.section.final-cta{background:linear-gradient(180deg,#eef3ef,#dce8df)}
.section.trip-composer{background:radial-gradient(circle at 8% 0%,rgba(179,125,53,.11),transparent 24rem),linear-gradient(180deg,#f7f6f1,#e8f0ea)}
.section.journey-signature{background:radial-gradient(circle at 85% 0%,rgba(255,255,255,.85),transparent 25rem),linear-gradient(145deg,#d8e6dc,#f6f3eb)}
/* Local Google Noto fonts, SIL Open Font License. No runtime font CDN. */
@font-face{font-family:'Darb Arabic';src:url('/assets/fonts/noto-sans-arabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Darb Arabic';src:url('/assets/fonts/noto-sans-arabic-700.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:'Darb Naskh';src:url('/assets/fonts/noto-naskh-arabic-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Darb Naskh';src:url('/assets/fonts/noto-naskh-arabic-700.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
:root{--muted:#46594d;--champagne-deep:#785321}
body{font-family:'Darb Arabic',Tahoma,Arial,sans-serif;font-size:1rem;line-height:1.85}
html[lang^='ur'] body,html[lang^='ps'] body{font-family:'Darb Naskh',Tahoma,Arial,sans-serif;font-size:1.125rem;line-height:1.9}
.brand span,.desktop-nav,.footer-langs,.footer-contact,.quickgrid small,.composer-field legend,.composer-result small{font-size:.875rem}
.lang-picker summary,.menu-toggle{min-width:44px;min-height:44px;width:44px;height:44px}
.lang-picker summary{font-size:.875rem}
.section p,.route-card p,.why-card p,.content-section p,.composer-head p,.hero-lead,.subhero-content>p{font-size:1rem;line-height:1.9}
.composer-note{font-size:.875rem!important;color:#46594d!important}
.hero{min-height:700px;display:flex;align-items:center}
.hero-content{width:min(1180px,calc(100% - 56px));padding:135px 0 90px;min-height:700px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-content>*{width:min(610px,53%)}
.hero-content::before{inset:110px 43% 64px 0;border-radius:30px;background:rgba(255,253,248,.95);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 65px rgba(17,48,34,.17)}
[dir='rtl'] .hero-content::before{inset:110px 0 64px 43%}
.hero-content>*{padding-inline:30px}
.hero h1{font-size:clamp(2.5rem,4.3vw,3.9rem);line-height:1.4;margin:16px 0 24px;font-weight:700;overflow-wrap:break-word}
.hero h1 .goldline{display:block;color:#805820;background:none;-webkit-text-fill-color:currentColor}
.hero-content .hero-actions{padding-inline:30px;gap:12px;margin-top:26px}
.hero-content .hero-actions .btn{padding-inline:22px;font-size:.9375rem;min-height:52px}
.hero .trust-line{font-size:.875rem;margin-top:18px;color:#3e5948}
.hero .kicker{font-size:.875rem;color:#785321;margin-bottom:0}
.hero-media,.subhero-media{filter:saturate(.95) contrast(1.03) brightness(.95)}
.hero-shade{background:linear-gradient(180deg,rgba(19,46,33,.08),rgba(19,46,33,.12)),linear-gradient(90deg,transparent 30%,rgba(255,253,248,.15))}
.hero-scroll{display:none}
.subhero-photo{min-height:610px;align-items:center;padding-top:85px;padding-bottom:44px}
.subhero-content{width:min(780px,calc(100% - 56px));margin-inline:auto;padding:34px 40px;border-radius:30px;background:rgba(255,253,248,.95);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.subhero-content h1{font-size:clamp(2.25rem,4.2vw,3.6rem);line-height:1.45;margin-block:15px 22px}
.subhero-content>.kicker{font-size:.875rem;color:#785321}
.page-crumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-block:22px;color:#42564a;font-size:.875rem}
.page-crumb a{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.section.choice-guide{background:#fffdf8;border-block:1px solid #dce4db}
.choice-guide h2{font-size:clamp(1.75rem,3vw,2.6rem);margin:0 0 12px}
.guide-lead{color:#46594d;max-width:680px;margin-bottom:32px}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.choice-card{padding:28px;border:1px solid #d5dfd5;border-radius:22px;background:#f3f6f1;display:flex;flex-direction:column;align-items:flex-start}
.choice-number{font:700 .875rem/1.4 system-ui;color:#785321}
.choice-card h3{font-size:1.35rem;margin:15px 0 12px}
.choice-card p{margin:0 0 24px;color:#46594d}
.choice-card .text-link{margin-top:auto;color:#234c38;font-weight:700;text-decoration:underline;text-underline-offset:6px;font-size:.9375rem;min-height:44px;display:flex;align-items:center}
.hotel-card{min-height:445px}
.hotel-gradient{background:linear-gradient(180deg,transparent 30%,rgba(8,27,19,.7) 60%,#09261a 100%)}
.hotel-info{padding:25px;color:#fff}
.hotel-info h3{font-size:1.35rem;color:#fff;line-height:1.7}
.hotel-info p{color:#f0f4ef!important;font-size:.9375rem!important}
.hotel-enquiry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;margin-top:15px;border:1px solid #dce8da;border-radius:12px;color:#173a2b;background:#fffdf8;font-size:.875rem;font-weight:700;line-height:1.65}
.hotel-enquiry:hover{background:#e7efe4}
.hotel-disclosure{margin:22px 0 0;color:#46594d;font-size:.875rem!important;max-width:820px}
.related-pages{padding-block:32px 45px}
.related-pages h2{font-size:1.4rem;margin:0 0 18px}
.related-pages>div{display:flex;flex-wrap:wrap;gap:12px}
.related-pages a{display:flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #c9d7c9;background:#fffdf8;border-radius:12px;font-size:.9375rem;color:#234c38}
.related-pages a:hover{background:#e4ede3}
.footer-pages{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid rgba(31,62,44,.18);padding-top:20px;font-size:.875rem}
.footer-pages a{min-height:44px;display:inline-flex;align-items:center}
.mobile-wa{display:flex;inset-inline-end:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:600}
.mobile-wa:focus-visible,.btn:focus-visible,.hotel-enquiry:focus-visible,.composer-option:focus-visible,.lang-picker summary:focus-visible,.menu-toggle:focus-visible{outline:3px solid #bc8437;outline-offset:5px}
.transport-section .section-head p,.transport-card p{color:#f1f4ef}
.transport-section .kicker,.transport-card>div>span{color:#f5e7cd}
.not-found{min-height:100svh;display:grid;place-items:center;padding:28px;background:#fffdf8;color:#173a2b;text-align:center}
.not-found>div{max-width:600px}.not-found img{margin:auto}.not-found h1{font-size:2.25rem;margin:24px 0 14px}.not-found p{font-size:1rem;line-height:1.9}
@media(min-width:980px){.hotel-scroller{padding-bottom:20px}.hotel-card{flex-basis:31.5%}.subhero-content{margin-inline-start:max(28px,calc((100vw - 1180px)/2));margin-inline-end:auto}.hero-actions{flex-wrap:wrap}.section{padding-block:90px}}
@media(max-width:800px){
 .hero{min-height:640px}.hero-content{width:calc(100% - 32px);min-height:640px;padding:115px 0 48px}
 .hero-content>*{width:100%;padding-inline:24px}.hero-content::before,[dir='rtl'] .hero-content::before{inset:95px 0 28px;background:rgba(255,253,248,.94);border-radius:24px}
 .hero h1{font-size:clamp(2rem,6.7vw,3.1rem);line-height:1.5;margin-block:18px 22px}.hero-content .hero-actions{padding-inline:24px}.hero-lead{font-size:1rem}
 .hero-content .hero-actions .btn{font-size:.875rem;padding-inline:17px}.hero .trust-line{margin-bottom:8px}
 .choice-grid{grid-template-columns:1fr}.choice-card{padding:24px}.choice-card p{margin-bottom:12px}
 .subhero-photo{min-height:580px;padding-block:100px 35px}.subhero-content{width:calc(100% - 32px);padding:28px 24px}
 .subhero-content h1{font-size:clamp(2rem,7vw,2.9rem)}
 .section{padding-block:62px}.hotel-card{min-height:420px}.mobile-wa{inset-inline-end:18px;bottom:max(18px,env(safe-area-inset-bottom))}
 footer{padding-bottom:90px}.brand span{font-size:.875rem}.header-inner{height:68px;gap:8px}.wa-mini{font-size:.875rem;padding-inline:10px;min-height:44px}.header-actions{gap:7px}
}
@media(max-width:400px){.brand{gap:5px}.brand img{width:34px;height:34px}.brand span{font-size:.8125rem}.wa-mini{font-size:.8125rem;max-width:110px;white-space:normal;text-align:center;line-height:1.6}.hero-content>*{padding-inline:19px}.hero-content .hero-actions{padding-inline:19px}.hero-actions .btn{width:100%}.hero{min-height:710px}.hero-content{min-height:710px}.hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.mobile-wa:hover{transform:none}.choice-card,.hotel-card{transition:none}}

/* Madinah launch palette: emerald, warm ivory and antique gold. */
:root{--botanical:#164b3e;--botanical-2:#10392f;--botanical-deep:#0b2f27;--cloud-bright:#fffaf0;--cloud:#f5f0e6;--ink:#153c31;--muted:#405b50;--champagne-deep:#80581e;--forest:#10392f;--forest-2:#164b3e;--gold:#b68436;--paper:#f5f0e6;--paper-2:#fffaf0}
body{background:#f5f0e6;color:#153c31}
.site-header{background:rgba(255,250,240,.96);border-bottom:1px solid rgba(16,57,47,.18)}
.hero-content::before,.subhero-content{background:rgba(255,250,240,.96);border-color:#eee1c8}
.hero h1,.subhero-content h1{color:#10392f}
.hero h1 .goldline{color:#80581e}
.hero-lead,.subhero-content>p{color:#37574b}
.btn.primary,.composer-option[aria-pressed="true"]{background:linear-gradient(135deg,#164b3e,#0b2f27);color:#fffaf0;border-color:#164b3e}
.btn.primary:hover{background:#0b2f27;box-shadow:0 12px 28px rgba(11,47,39,.22)}
.btn.glass{background:#fffaf0;color:#10392f;border:1px solid #b6c4b7}
.btn.warm{background:#e9c77e;color:#173a2d;border:1px solid #e9c77e}
.quickbar{background:#e7ede2;border-block:1px solid #cbd7c8}
.quickgrid strong{color:#10392f}
.section.choice-guide,.section.faq,.content-section{background:#fffaf0}
.section.why,.section.trip-composer{background:linear-gradient(180deg,#edf1e7,#e0e9dc)}
.route-card,.choice-card,.why-card{background:#fffaf0;border-color:#c4d2c2;box-shadow:0 14px 35px rgba(16,57,47,.07)}
.route-card h3,.choice-card h3,.why-card h3{color:#10392f}
.route-card p,.choice-card p,.why-card p{color:#405b50}
.route-card>a,.choice-card a{color:#164b3e}
.section.transport-section,.steps-card{background:linear-gradient(135deg,#164b3e,#0b2f27);color:#fffaf0}
.steps-card li,.steps-card .kicker{color:#fffaf0}
.section.transport-section .section-head h2,.section.transport-section h3{color:#fffaf0}
.section.transport-section .kicker{color:#e9c77e}
.composer-result{background:linear-gradient(135deg,#f2e1b8,#fff4d9);border-color:#dbc08b}
.route-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.composer-option{font-size:.9375rem;line-height:1.65;color:#10392f}
.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.choice-card{padding:24px}
.route-grid .route-card:last-child{border-top:3px solid #b68436}
.journey-track:has(.journey-node:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
footer{background:#0b2f27;color:#fffaf0;border-top:4px solid #b68436}
footer .footer-brand strong,footer .footer-contact a,footer .footer-langs a,footer .footer-pages a{color:#fffaf0}
footer .footer-brand small,footer>.shell>small{color:#d2dfd2}
footer .footer-langs a{border-color:#627e6c;background:#153e32}
footer .footer-pages{border-color:#627e6c}
.footer-contact{gap:10px 20px}
.footer-contact a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;line-height:1.7}
.footer-contact a:hover{color:#e9c77e}
@media(min-width:980px){.footer-grid{grid-template-columns:1.1fr 1fr auto}.footer-contact{justify-content:flex-start}.composer-panel{grid-template-columns:1.4fr .85fr 1fr}}
@media(max-width:980px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.route-options,.choice-grid{grid-template-columns:1fr}.journey-track:has(.journey-node:nth-child(3):last-child){grid-template-columns:1fr}.footer-contact{gap:6px 18px}}

.steps-card li span{background:#fff0d0;border-color:#d6b977;color:#614310}
@media(min-width:980px){.route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-grid>.route-card:last-child{grid-column:span 2;background:#e7eddf}}
@media(min-width:700px) and (max-width:979px){.route-grid>.route-card:last-child{grid-column:span 2}}

/* Finite, responsive motion: the route responds to the traveller's selection. */
.vip-schedule-note,.vip-inline{display:block;color:#614310;font-size:.875rem;line-height:1.8;margin-top:10px}
.vip-availability{padding:18px 20px;border:1px solid #dbc79f;border-radius:18px;background:#fff1d6;color:#513c16;line-height:1.85;margin-block:18px}
.vip-badge{display:inline-flex;width:fit-content;padding:6px 14px;border-radius:999px;border:1px solid #d6bd89;background:#fff0cc;color:#604116;font-size:.875rem;font-weight:800;margin-block:8px 0}
.transport-card .vip-inline{color:#f3dfb8}
.quickgrid .vip-inline{color:#614310;font-size:.8125rem;margin-top:6px;font-weight:700}
.route-preview{--stops:2;position:relative;grid-column:1/-1;padding-block:12px 0;border-top:1px solid #dbcaa9;margin-top:6px}
.route-preview ol{display:flex;list-style:none;padding:0;margin:0;gap:12px}
.route-preview li{position:relative;flex:1;min-width:0;text-align:center;font-size:.875rem;line-height:1.8;color:#164b3e;font-weight:800;padding-top:27px}
.route-preview li::before{content:"";position:absolute;top:4px;inset-inline-start:calc(50% - 7px);width:14px;height:14px;border:3px solid #164b3e;background:#fffaf0;border-radius:50%;box-shadow:0 0 0 5px #e5e9dc;z-index:2}
.route-preview::before{content:"";position:absolute;top:23px;inset-inline:calc(50% / var(--stops));height:2px;background:linear-gradient(90deg,#9c7331,#164b3e);opacity:.7}
.route-tracer{position:absolute;top:19px;inset-inline-start:calc(50% / var(--stops));width:10px;height:10px;border-radius:50%;background:#b37d25;box-shadow:0 0 0 4px #f6e0b4,0 0 16px #d0ad68;opacity:0;pointer-events:none;z-index:3}
.composer-result:has(.route-preview){align-self:stretch}
.composer-result [data-composer-summary]{font-size:1.125rem}
@media(min-width:980px){
 .composer-panel{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);align-items:center;gap:22px 30px}
 .composer-field:first-child{grid-column:1;grid-row:1}
 .composer-field:nth-child(2){grid-column:1;grid-row:2}
 .composer-result{grid-column:2;grid-row:1/span 2;grid-template-columns:1fr;align-items:stretch}
 .composer-result small,.composer-result strong,.composer-cta,.composer-note{grid-column:auto;grid-row:auto}
}
.route-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(209,173,103,.22),transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s ease}
@media(hover:hover) and (pointer:fine){.route-card:hover::before{opacity:1}}
.hero::before,.subhero-photo::before{animation:none}
.hero-scroll span{animation-iteration-count:2}
.journey-track::after{animation:none;opacity:0}
.motion-ready .journey-track.journey-visible::after{animation:journeyTravelDown 2.8s var(--ease) 1 both}
@keyframes journeyTravelDown{0%{top:27px;opacity:0}8%{opacity:1}90%{opacity:1}100%{top:calc(100% - 34px);opacity:0}}
@media(min-width:800px){
 .journey-track{--stops:4}
 .journey-track:has(.journey-node:nth-child(3):last-child){--stops:3}
 .journey-track::before{inset-inline:calc(50% / var(--stops))}
 .journey-track::after{top:24px;inset-inline-start:calc(50% / var(--stops));transform:none}
 .motion-ready .journey-track.journey-visible::after{animation-name:journeyTravelAcross}
 @keyframes journeyTravelAcross{0%{inset-inline-start:calc(50% / var(--stops));opacity:0}8%{opacity:1}90%{opacity:1}100%{inset-inline-start:calc(100% - 50% / var(--stops));opacity:0}}
 .site-header{view-transition-name:darb-header}
 .hero-media,.subhero-media{view-transition-name:darb-photo}
}
::view-transition-old(darb-photo){animation:darbPhotoOut .4s ease both}
::view-transition-new(darb-photo){animation:darbPhotoIn .55s var(--ease) both}
@keyframes darbPhotoOut{to{opacity:0;transform:scale(1.02)}}
@keyframes darbPhotoIn{from{opacity:0;transform:scale(1.035)}}
@media(max-width:799px){.journey-track:has(.journey-node:nth-child(3):last-child){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 html{scroll-behavior:auto}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .route-card:hover,.transport-card:hover,.hotel-card:hover,.btn:hover,.composer-option:hover{transform:none}
 .journey-track::after,.route-tracer{display:none}
}