/* Jago Jalan Jalan — Sky Blue / Sunshine / Fresh White */
:root{--navy:#175c86;--ink:#28556d;--blue:#46b9eb;--orange:#ffc348;--paper:#fff;--muted:#6c8797;--soft:#f0f9ff;--line:#dceef7;--gold:#ffc348;--deep:#125e90}
body{background:var(--paper)}
.button{background:linear-gradient(115deg,#ffda6a,#ffbe3c);color:#245574;border-radius:30px;box-shadow:0 4px 18px #001f290a;letter-spacing:.15px}
.button:hover{background:linear-gradient(115deg,#ffe48a,#ffca52);box-shadow:0 7px 24px #001f291a}
h2{font-family:Travel,'Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-1.3px;line-height:1.15;font-size:40px}
.eyebrow{color:#148dc7;letter-spacing:2.3px;font-size:10px}
.immersive-header .topbar{position:absolute;inset:0 0 auto;height:39px;z-index:31;background:transparent;color:#f0fbff;font-size:10px;letter-spacing:.5px}
.topbar>.container{border-bottom:1px solid #d2f1ff5c}
.topbar .icon{color:var(--gold);height:12px;width:12px}
.immersive-header header{position:fixed;top:39px;left:0;right:0;background:transparent;box-shadow:none;z-index:30;transition:background .25s,top .25s,box-shadow .25s}
.immersive-header .nav{height:117px;border-bottom:1px solid #d2f1ff5c;gap:26px}
.brand img{width:120px;height:94px;filter:drop-shadow(0 2px 10px #001d3240)}
.nav nav{gap:26px}
.nav nav>a{font-size:16px;font-weight:650;color:#fff;letter-spacing:.05px;padding:42px 0;text-shadow:0 1px 10px #062c4240}
.nav nav>a:hover,.nav nav>a[aria-current]{color:#ffda72}
.nav nav>a[aria-current]:after{height:3px;bottom:29px;background:#ffda72;border-radius:0}
.nav-cta.button.small{background:#ffffffef;color:#167eb4;border:1px solid #ffffffc9;border-radius:30px;font-size:13px;font-weight:600;padding:16px 19px;box-shadow:none;gap:18px}
.nav-cta.button:hover{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.immersive-header header.is-scrolled{top:0;background:#168ecdee;box-shadow:0 3px 22px #061a2421;backdrop-filter:blur(14px)}
header.is-scrolled .nav{height:85px;border-bottom-color:transparent}
header.is-scrolled .brand img{height:72px;width:94px}
header.is-scrolled .nav nav>a{padding:29px 0}
header.is-scrolled .nav nav>a[aria-current]:after{bottom:18px}
.hero{min-height:810px;background:#42b5e2;isolation:isolate}
.hero-image{object-position:center 46%;filter:saturate(1.08) brightness(1.05)}
.hero:after{background:linear-gradient(90deg,#0868a4d9 0%,#1684bba3 38%,#28a3cb20 77%),linear-gradient(180deg,#086ba978 0%,transparent 42%,#157fac3b 100%);z-index:0}
.hero-content{padding-block:242px 165px}
.hero-eyebrow{color:#ffdf7b;letter-spacing:3.3px;font-size:10px;font-weight:500;gap:15px;margin-bottom:27px}
.hero-eyebrow>span{height:3px;width:32px;background:var(--gold);border-radius:0}
.hero h1{font-size:69px;font-weight:800;line-height:1.12;letter-spacing:-3px;max-width:900px;color:#fff;margin-bottom:25px}
.hero h1 em{font-family:Travel,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:1em;letter-spacing:-2.5px;color:#ffdb61;font-style:normal;text-decoration:underline;text-decoration-color:#ffda6166;text-decoration-thickness:5px;text-underline-offset:9px}
.hero p{font-size:16px;color:#f0fbff;font-weight:450;line-height:1.85;margin-bottom:30px}
.hero .button{padding:19px 25px;gap:30px;font-size:13px}
.hero-note{font-size:10px;color:#e6f8ff;letter-spacing:.6px;margin-top:28px;gap:14px}
.note-line{width:30px;background:#ffda7290}
.hero-location{right:max(50px,calc((100vw - 1256px)/2));bottom:124px;border-top:1px solid #effaff70;padding:18px 0 0;gap:14px;letter-spacing:2px}
.hero-location>.icon:first-child{height:23px;width:23px;color:var(--gold);stroke-width:1.2}
.hero-location small{font-size:10px;color:#f0fbff;letter-spacing:.4px;margin-top:4px}
.hero-index{top:auto;bottom:235px;right:max(50px,calc((100vw - 1256px)/2));font-size:8px;letter-spacing:2px;color:#dff6ff;writing-mode:vertical-rl;display:flex;align-items:center;gap:8px}
.hero-index b{color:var(--gold);font-size:16px;font-weight:400}.hero-index span{padding:0}
.search-container{margin-top:-64px}
.trip-search{background:#fff;border:1px solid #d6edf8;border-top:4px solid #ffcf59;border-radius:18px;padding:30px 32px;gap:25px;box-shadow:0 18px 38px #1a91c41c}
.trip-search label>span{color:#1b6c98;font-size:12px;font-weight:700;letter-spacing:.2px}
.trip-search label .icon{color:#21a7df;stroke-width:1.3;width:18px;height:18px}
.trip-search>label{border-right-color:#dceef7;padding-right:20px}
.trip-search select{background:#fff;color:#638298;color-scheme:light;font-size:13px;padding-top:9px;font-weight:400}
.trip-search .button{padding:20px 24px;border-radius:30px;gap:25px}
.value-strip{border-bottom-color:#dfeef5;padding-block:41px 36px}
.value-strip .icon{color:#1a9bd4;stroke-width:1.1}
.value-strip strong{font-weight:650;font-size:13px}.value-strip small{color:#7893a2;font-size:11px}
.section{padding-block:85px}.section-head{margin-bottom:35px}.section-head p{color:#6c8797}
.destination-card,.tour-card,.story-main,.story-small,.home-gallery img{border-radius:14px}
.destination-card:after{background:linear-gradient(transparent 35%,#126998cc)}
.destination-card h3{font-family:Travel,'Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-.5px;font-size:25px}
.destination-card .round-arrow{border-color:#ffffffa0;color:#fff}
.tour-card{border-color:#dceef7;background:#fff}.tag{background:#fffffff5;border-radius:1px;color:#20769e;font-weight:500}.card-image>.round-arrow{background:#fff}.card-body h3{font-weight:700}.location .icon,.card-price>a{color:#1a9bd4}.card-price strong{color:#167bb3}.soft{background:#f0f9ff}
.services-band{background:#eaf8ff}.service-mini-grid>a{border-color:#cce8f7}.service-mini-grid>a>.icon{color:#1ca5dd}.service-num{color:#b7e5f8}.service-mini-grid h3{font-weight:700}
.story-copy h2{font-size:40px;font-weight:750}.story-small{border-color:var(--paper)}.since{background:#ffda63;color:#1c668f;border-radius:2px;transform:rotate(-3deg)}.check-list .icon{background:#e4f5fe;color:#1c9fd5}
.cta{background:radial-gradient(ellipse at 90% 80%,#56c9ef70,transparent 65%),linear-gradient(120deg,#168ed0,#39b3e3);border:1px solid #87d8f4;border-radius:14px;padding:50px 55px}.cta h2{font-size:38px;letter-spacing:-.8px;font-weight:750}.cta .eyebrow{color:#ffdf74}.cta p{color:#ecfaff}.cta-sun{color:#c5f3ff45;font-size:340px;right:180px;bottom:-170px}.cta .button{box-shadow:none}
footer{background:#eaf7ff;padding-top:40px;color:#285f7e}.footer-grid h3{color:#147caf;font-weight:750;letter-spacing:.3px}.footer-grid a:not(:has(img)),.footer-grid p{color:#5d849a}.footer-grid a:hover{color:#148cca}.footer-grid .company{color:#286e95}.footer-bottom{border-color:#cde8f6;color:#7194a9}.footer-logo{filter:drop-shadow(0 2px 10px #00131d33)}
.floating-wa{background:#168fcc;color:#fff;border:1px solid #b1e9ff;box-shadow:0 5px 25px #001d2940}.floating-wa .icon{color:#ffda63}
.page-intro{padding:194px 0 72px;min-height:510px;background:#46b5df}
.page-intro:after{background:linear-gradient(90deg,#096ca7dc,#168fc19c 48%,#39b5db28),linear-gradient(#0b74ad75,transparent 70%)}
.page-intro h1{font-family:Travel,'Segoe UI',Arial,sans-serif;font-size:57px;font-weight:800;letter-spacing:-1.9px;line-height:1.06;margin:23px 0}
.page-intro .eyebrow{color:#ffdf70;font-size:10px}.page-intro p{color:#eefbff;font-size:14px}.page-intro .breadcrumbs{color:#e5f7ff;font-size:10px;margin-bottom:27px}
.detail-hero{position:relative;isolation:isolate;background:#46b5df;min-height:460px;padding:193px 0 65px}
.detail-hero:before{content:'';position:absolute;inset:0;background-image:var(--detail-image);background-size:cover;background-position:center 45%;z-index:-2}
.detail-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#096ca7dc,#168fc19c 48%,#39b5db28),linear-gradient(#0b74ad75,transparent 70%)}
.detail-heading{padding-block:0}.detail-heading h1{color:#fff;font-family:Travel,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:56px;letter-spacing:-1.3px;margin-bottom:26px}.detail-heading .eyebrow{color:#ffdf70}.detail-heading .breadcrumbs{color:#eefbff}.detail-meta{color:#eefbff;font-size:13px}.detail-meta .icon{color:#ffdf70}.package-page .detail-cover{display:none}.detail-tabs{border-color:#dceef7}.detail-tabs a:hover{color:#1596cd}.booking-box,.contact-form,.filters,.help-box,.info-panel,.empty-destination{border-radius:14px}.booking-box{background:#fff;border-top:2px solid #ffc94c}.booking-box .eyebrow{color:#1985b9}.contact-form,.info-panel{background:#f0f9ff}.gallery-filters button[aria-pressed=true]{background:#168ed0;border-color:#168ed0}.gallery-item{border-radius:14px}.faq-layout summary:after{color:#219bd2}
:focus-visible{outline-color:#229bd4}
@media(min-width:1600px){.hero{min-height:880px}.hero-content{padding-block:265px 180px}.hero h1{font-size:82px}.hero-location{right:calc((100vw - 1320px)/2)}.hero-index{right:calc((100vw - 1320px)/2)}}
@media(max-width:1250px){.nav nav{gap:22px}.nav nav>a{font-size:15px}.nav{gap:20px}.brand img{width:109px;height:87px}.nav-cta.button.small{font-size:12px;padding:15px!important}.hero h1{font-size:64px}.hero-content{padding-top:235px}.hero-location{right:30px}.hero-index{right:30px}.story-copy h2{font-size:35px}}
@media(max-width:1050px){.immersive-header .nav{height:100px;gap:16px}.brand img{width:100px;height:80px}.nav nav{gap:16px}.nav nav>a{font-size:14px}.nav-cta.button.small{font-size:11px!important;padding:13px!important;gap:10px}.hero{min-height:775px}.hero h1{font-size:60px}.hero-content{padding-top:220px}.trip-search{padding:28px 23px;gap:18px}.trip-search select{font-size:12px}.trip-search .button{font-size:12px;padding:18px}.value-strip strong{font-size:11px}.value-strip small{font-size:10px}.page-intro,.detail-hero{padding-top:180px}.page-intro h1{font-size:54px}}
@media(max-width:900px){.immersive-header .nav{height:100px}.menu-toggle{display:grid;place-items:center;background:#2fa7dc55;border:1px solid #d5f3ffbd;border-radius:9px;width:42px;height:42px;margin-left:auto;color:#fff}.nav nav{display:none;position:absolute;left:22px;right:22px;top:100px;max-height:calc(100dvh - 155px);overflow:auto;background:#f8fdfffc;border:1px solid #d3edfa;border-top:3px solid #ffd25a;box-shadow:0 18px 35px #001e3760;padding:18px 24px;flex-direction:column;gap:0;align-items:stretch;backdrop-filter:blur(18px)}.nav nav.open{display:flex}.nav nav>a{font-size:19px;font-weight:400;letter-spacing:.1px;padding:15px 0;border-bottom:1px solid #d6ecf7;text-shadow:none}.nav nav>a:last-child{border:0}.nav nav>a[aria-current]:after{display:none}.nav-cta.button.small{font-size:12px!important;padding:15px 18px!important;margin-left:4px;gap:15px}header.is-scrolled .nav{height:78px}header.is-scrolled .brand img{height:64px;width:87px}header.is-scrolled .nav nav{top:78px}header.is-scrolled .nav nav>a{padding:15px 0}.hero{min-height:780px}.hero h1{font-size:58px;max-width:700px}.hero-content{padding-top:230px;padding-bottom:180px}.hero p{font-size:15px}.hero-location{bottom:105px;right:22px}.hero-index{display:none}.trip-search{grid-template-columns:1fr 1fr;padding:27px;gap:22px}.trip-search label:nth-child(2){border-right:0}.search-container{margin-top:-43px}.trip-search label>span{font-size:11px}.trip-search select{font-size:13px}.trip-search .button{height:57px}.section{padding-block:62px}.section-head h2{font-size:37px}.story-copy h2{font-size:32px}.value-strip strong{font-size:12px}.cta h2{font-size:36px}.page-intro{padding:185px 0 62px;min-height:490px}.page-intro h1{font-size:54px}.detail-heading h1{font-size:49px}.detail-hero{padding:185px 0 60px;min-height:430px}}
@media(max-width:600px){.immersive-header .topbar{height:34px;font-size:8px;letter-spacing:.2px}.topbar>.container{width:calc(100% - 36px)}.topbar .icon{height:10px;width:10px}.immersive-header header{top:34px}.immersive-header .nav{height:89px;gap:10px}.brand img{height:77px;width:98px}.menu-toggle{height:35px;width:35px;background:#2fa7dc55}.nav-cta.button.small{font-size:10px!important;padding:12px 13px!important;gap:9px;margin-left:0}.nav-cta .icon{width:15px;height:15px}.nav nav{top:89px;left:18px;right:18px;max-height:calc(100dvh - 140px);padding:16px 23px}.nav nav>a{font-size:20px;padding:15px 0}.immersive-header header.is-scrolled .nav{height:73px}.is-scrolled .brand img{height:64px;width:82px}header.is-scrolled .nav nav{top:73px}.hero{min-height:730px}.hero-image{object-position:62% center;filter:saturate(1.08) brightness(1.05)}.hero:after{background:linear-gradient(90deg,#096ca7dc,#168fc19c 58%,#39b5db3b),linear-gradient(#0b74ad75,transparent 65%)}.hero-content{padding-block:196px 182px}.hero-eyebrow{font-size:8px;letter-spacing:2.3px;gap:11px;margin-bottom:23px}.hero-eyebrow>span{width:24px}.hero h1{font-size:43px;line-height:1.15;letter-spacing:-1.9px;margin-bottom:24px}.hero h1 em{font-size:1em;letter-spacing:-1.6px}.hero p{font-size:13px;max-width:310px;line-height:1.9;margin-bottom:27px}.hero .button{font-size:11px;padding:17px 19px;gap:23px}.hero-note{font-size:9px;letter-spacing:.3px;margin-top:25px;gap:10px}.hero-location{bottom:76px;left:18px;right:auto;padding-top:13px;gap:10px;letter-spacing:1.7px}.hero-location small{font-size:9px}.hero-location>.icon:first-child{width:19px;height:19px}.hero-location>.icon:last-child{width:15px;margin-left:18px}.search-container{margin-top:-30px}.trip-search{padding:24px 20px;gap:22px 15px;border-top-width:1px}.trip-search label>span{font-size:10px;letter-spacing:.2px}.trip-search label .icon{width:15px;height:15px}.trip-search>label{padding-right:8px}.trip-search select{padding:9px 0 0;font-size:11px}.trip-search .button{font-size:10px;padding:13px;gap:9px;height:49px}.value-strip{padding-block:28px 27px;gap:16px}.value-strip strong{font-size:9px;line-height:1.6}.value-strip .icon{height:25px;width:25px}.section{padding-block:47px}.section-head h2{font-size:33px;line-height:1.15;letter-spacing:-1px}.section-head{margin-bottom:27px}.section-head p{font-size:12px}.destination-card h3{font-size:23px;line-height:1.1}.destination-card>div>span{font-size:8px}.story-copy h2{font-size:34px}.services-band{padding-block:47px}.cta{padding:33px 26px;gap:26px}.cta h2{font-size:34px;line-height:1.13}.cta p{font-size:11px}.cta-sun{right:-90px;bottom:-150px;font-size:310px}.cta .button{padding:16px 20px}.footer-grid h3{font-size:13px}.page-intro{padding:163px 0 47px;min-height:430px}.page-intro h1{font-size:43px;line-height:1.07;letter-spacing:-1.4px;margin:21px 0}.page-intro .eyebrow{font-size:8px;letter-spacing:2px}.page-intro .breadcrumbs{font-size:9px;margin-bottom:23px}.page-intro p{font-size:12px;line-height:1.8}.detail-hero{padding:160px 0 44px;min-height:390px}.detail-heading h1{font-size:41px;line-height:1.1;margin-bottom:22px}.detail-meta{font-size:10px;gap:11px 15px}.detail-heading .eyebrow{font-size:9px}.detail-heading .breadcrumbs{font-size:9px}.detail-layout{padding-block:30px 45px}.empty-destination h3{font-size:22px}.booking-box{padding:24px}}
@media(max-width:360px){.hero h1{font-size:38px}.nav-cta.button.small{font-size:9px!important;padding:11px 9px!important}.brand img{width:86px}.topbar{font-size:7px!important}.hero-content{padding-top:185px}.page-intro h1{font-size:38px}}

/* Sunny details and accessible slideshow controls. */
.hero h1,.page-intro h1,.detail-heading h1{text-shadow:0 2px 20px #08659122}
.hero h1 em{font-style:normal}
.hero-slides{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero:after{z-index:1;pointer-events:none}
.hero-content{z-index:2}
.hero-location{bottom:153px;z-index:3}
.hero-slider-controls{position:absolute;right:max(50px,calc((100vw - 1256px)/2));bottom:100px;z-index:3;display:flex;align-items:center;gap:16px;color:#fff}
.slide-dots{display:flex;align-items:center;gap:4px}
.slide-dot{width:34px;height:32px;display:grid;place-items:center;border:0;background:transparent;padding:8px;}
.slide-dot:before{content:'';width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:background .2s,width .2s}
.slide-dot[aria-pressed=true]:before{width:24px;border-radius:8px;background:#ffda63}
.slide-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffffa0;border-radius:50%;background:#168fc16b;color:#fff;font-size:13px;line-height:1;backdrop-filter:blur(4px)}
.slide-toggle:hover{background:#168fc1}
.hero-slider-label{font-size:10px;letter-spacing:1px;font-weight:500}
.cta,.trip-search{border-radius:20px}
.booking-box,.contact-form,.filters,.help-box,.info-panel,.empty-destination{border-radius:14px}
.hero .button{border-radius:30px}
.hero-eyebrow>span{border-radius:6px}
.hero-location small{color:#f4fcff}
.footer-grid h3{font-weight:750}
.photo-caption{background:#fffffff0;border-radius:10px}
.service-mini-grid>a>.icon{stroke-width:1.6}
.since{border-radius:15px;transform:rotate(-5deg)}
@media(min-width:1600px){.hero-slider-controls{right:calc((100vw - 1320px)/2)}}
@media(max-width:1050px){.hero-slider-controls{right:30px}}
@media(max-width:900px){.nav nav>a,header.is-scrolled .nav nav>a{color:#22769e;font-weight:650}.nav nav>a:hover,.nav nav>a[aria-current]{color:#108ecb}.hero-slider-controls{right:22px;bottom:85px}.hero-location{bottom:137px}.menu-toggle{border-radius:9px}.page-intro h1{font-size:50px}}
@media(max-width:600px){.hero h1{font-size:42px;letter-spacing:-1.6px}.hero h1 em{font-size:1em;letter-spacing:-1.6px;text-decoration-thickness:3px;text-underline-offset:6px}.hero-content{padding-bottom:207px}.hero-location{bottom:117px}.hero-slider-controls{left:18px;right:auto;bottom:69px;gap:13px}.hero-slider-label{font-size:9px}.page-intro h1{font-size:39px;line-height:1.12}.detail-heading h1{font-size:39px}.story-copy h2{font-size:31px}.section-head h2{font-size:30px}.cta h2{font-size:31px}.trip-search{border-top-width:3px}.hero-note{letter-spacing:0}.destination-card h3{font-size:21px}.hero .button{font-size:12px}.hero p{font-size:14px}.nav-cta.button.small{border-radius:30px}.hero-index{display:none}}
@media(max-width:360px){.hero h1{font-size:37px}.page-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.slide-dot:before{transition:none}}

/* Real photography spans the interior banner and its transparent header. */
.page-intro:before{display:none}
.page-intro-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.page-intro:after{background:linear-gradient(90deg,#1476aaad,#1785af55 55%,#23a0c51a),linear-gradient(180deg,#09699d70,transparent 65%)}
.immersive-header.photo-header .topbar,
.immersive-header.photo-header header:not(.is-scrolled){background:transparent}
.photo-header .topbar>.container{border-bottom-color:#d5f3ff4d}
.photo-header .nav{border-bottom-color:#d5f3ff40}

/* Clear original photos with the overlay concentrated behind the copy. */
.sharp-intro .page-intro-image{filter:none;opacity:1;object-position:center 55%}
.sharp-intro:after{background:linear-gradient(90deg,#075d8a9c 0%,#096b8a55 43%,transparent 80%),linear-gradient(180deg,#065e8959,transparent 38%)}
.sharp-intro h1,.sharp-intro p,.sharp-intro .breadcrumbs{text-shadow:0 2px 8px #15445c80}
.topbar>.container>span{font-size:12px;font-weight:750;letter-spacing:.1px}
@media(max-width:600px){.topbar>.container>span{font-size:10px;font-weight:750;letter-spacing:0}.sharp-intro:after{background:linear-gradient(90deg,#075d8aab,#096b8a66 58%,#096b8a1a),linear-gradient(180deg,#065e8959,transparent 38%)}}

/* Package detail photos resolve directly from each clean page URL. */
.detail-hero:before{display:none}
.detail-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}