*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#18221f;--cream:#f4f1e9;--sand:#d8c8aa;--muted:#68716d;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--cream);color:var(--dark);line-height:1.6}
a{text-decoration:none;color:inherit}
.navbar{position:fixed;z-index:100;top:0;left:0;width:100%;height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s}
.navbar.scrolled{background:rgba(24,34,31,.95);height:70px;box-shadow:0 4px 25px #0002}
.logo{font-weight:700;letter-spacing:.13em;font-size:1.35rem}
.logo span{color:#d7bd8b}
.nav-links{display:flex;gap:34px;font-size:.88rem}
.nav-links a{opacity:.85;transition:.2s}.nav-links a:hover{opacity:1}
.nav-cta{border:1px solid #ffffff88;padding:10px 19px;border-radius:30px;font-size:.82rem}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:100vh;position:relative;background:url("https://images.unsplash.com/photo-1516690561799-46d8f74f9abf?auto=format&fit=crop&w=2200&q=85") center/cover;display:flex;align-items:center;color:#fff}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#101714d9 0%,#10171488 48%,#10171433 100%)}
.hero-content{position:relative;z-index:1;width:min(780px,88%);margin-left:8%;padding-top:55px}
.eyebrow,.section-tag{font-size:.72rem;letter-spacing:.22em;font-weight:700}
.eyebrow{margin-bottom:24px;color:#e1d0ae}
h1,h2,h3{line-height:1.08}
h1{font-family:"Playfair Display",serif;font-size:clamp(3.5rem,7vw,6.7rem);font-weight:600;letter-spacing:-.035em}
h1 em,h2 em{font-weight:600;color:#dbc395}
.hero-text{max-width:540px;margin:26px 0 32px;font-size:1.02rem;color:#eee}
.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:30px;padding:14px 21px;border-radius:30px;font-size:.84rem;font-weight:700;transition:.25s}
.btn span{font-size:1.1rem}
.btn-primary{background:#dfc48e;color:var(--dark)}.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{border:1px solid #fff8;color:#fff}.btn-ghost:hover{background:#fff;color:var(--dark)}
.scroll-note{position:absolute;bottom:32px;right:6%;font-size:.65rem;letter-spacing:.18em;opacity:.75}.scroll-note span{margin-left:12px;font-size:1rem}
.section{padding:115px 8%}.section-tag{color:#8c7959;margin-bottom:28px}
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:start}
h2{font-family:"Playfair Display",serif;font-size:clamp(2.5rem,4.5vw,4.5rem);letter-spacing:-.025em}
.intro-copy{color:#59625e;max-width:560px;font-size:1rem}.intro-copy p+p{margin-top:18px}
.destinations{display:grid;grid-template-columns:repeat(3,1fr);min-height:440px}
.destination-card{position:relative;min-height:440px;background-position:center;background-size:cover;overflow:hidden;color:#fff}
.destination-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0e1715cc)}
.destination-card.bromo{background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=80")}
.destination-card.malang{background-image:url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80")}
.destination-card.ijen{background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1200&q=80")}
.destination-content{position:absolute;z-index:2;bottom:36px;left:34px}.destination-content span{font-size:.7rem;letter-spacing:.2em;color:#dbc395}.destination-content h3{font-family:"Playfair Display",serif;font-size:2rem;margin:7px 0}.destination-content p{font-size:.82rem;opacity:.82}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading .section-tag{margin-bottom:20px}.section-heading>p{max-width:380px;color:var(--muted);font-size:.9rem}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.package-card{background:#fff;overflow:hidden;border-radius:3px;box-shadow:0 8px 35px #26332c0b}
.package-image{height:270px;background-size:cover;background-position:center}
.bromo-img{background-image:url("https://images.unsplash.com/photo-1548013146-72479768bada?auto=format&fit=crop&w=1400&q=80")}
.malang-img{background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=80")}
.combo-img{background-image:url("https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1400&q=80")}
.ijen-img{background-image:url("https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=1400&q=80")}
.package-body{padding:28px 30px 31px}.package-meta{display:flex;justify-content:space-between;color:#8a795d;font-size:.62rem;font-weight:700;letter-spacing:.15em;margin-bottom:12px}
.package-body h3{font-family:"Playfair Display",serif;font-size:1.9rem}.package-body>p{color:var(--muted);font-size:.87rem;margin:12px 0 18px}
.package-body ul{list-style:none;color:#59625e;font-size:.78rem;border-top:1px solid #e5e1d8;padding-top:15px}.package-body li{margin:6px 0}.package-body li:before{content:"✓";margin-right:8px;color:#a4895d}
.package-link{display:inline-flex;gap:30px;margin-top:20px;font-size:.78rem;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:4px}
.experience{background:#e8e3d7;display:grid;grid-template-columns:1fr 1fr;padding:0}
.experience-image{min-height:650px;background:url("https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1500&q=85") center/cover}
.experience-copy{padding:105px 10%}
.experience-copy .section-tag{margin-bottom:22px}
.features{margin-top:50px}.feature{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:21px 0;border-top:1px solid #c9c3b6}.feature strong{font-size:.7rem;color:#9a8051}.feature h4{font-size:.95rem}.feature p{font-size:.8rem;color:#68716d;margin-top:3px}
.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:280px 280px;gap:12px}.gallery-item{background-position:center;background-size:cover;filter:saturate(.85)}
.g1{grid-row:span 2;background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1200&q=85")}.g2{background-image:url("https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1000&q=85")}.g3{background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1000&q=85")}.g4{background-image:url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1000&q=85")}.g5{background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1000&q=85")}
.contact{background:var(--dark);color:#fff;padding:110px 8%;text-align:center}.contact-inner{max-width:720px;margin:auto}.contact .section-tag{color:#d5bd8c}.contact h2{font-size:clamp(2.8rem,5vw,5rem)}.contact p{max-width:560px;margin:25px auto 30px;color:#b9c0bc;font-size:.9rem}.btn-light{background:#e0c697;color:var(--dark)}
footer{background:#111916;color:#c5cbc7;padding:55px 8% 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:45px;border-bottom:1px solid #ffffff14}.footer-logo{display:inline-block;color:#fff}.footer-top p{font-size:.8rem;color:#7f8984;margin-top:10px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:.78rem}.footer-contact{display:flex;flex-direction:column;gap:8px;font-size:.76rem;color:#7f8984}.footer-contact a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;color:#626c67;font-size:.65rem}
.floating-wa{position:fixed;z-index:90;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#d8c08e;color:#17201d;font-size:1.45rem;box-shadow:0 8px 25px #0003;transition:.2s}.floating-wa:hover{transform:scale(1.07)}
@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.navbar{padding:0 6%}.nav-links.open{position:absolute;display:flex;flex-direction:column;top:70px;right:5%;background:#18221ff5;padding:20px 25px;border-radius:8px;gap:17px}.hero-content{margin-left:6%}.intro-grid,.experience{grid-template-columns:1fr}.destinations{grid-template-columns:1fr}.destination-card{min-height:320px}.experience-image{min-height:420px}.experience-copy{padding:75px 8%}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.g1{grid-row:span 2}.g5{grid-column:span 2}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.section{padding:80px 6%}.hero{min-height:760px}.hero-content{margin-left:6%;padding-top:30px}.hero-buttons{flex-direction:column;align-items:flex-start}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px}.package-grid{grid-template-columns:1fr}.package-image{height:220px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.g1{grid-row:span 2}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}

/* Destination horizontal slider */
.destinations-section{background:#18221f;color:#fff;padding:100px 0 70px;overflow:hidden}
.destination-head{padding:0 8%;display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}
.destination-head .section-tag{color:#c8ad78}
.destination-head h2{font-size:clamp(2.5rem,4.5vw,4.3rem)}
.destinations-wrap{overflow:hidden;padding-left:8%;cursor:grab}
.destinations-wrap:active{cursor:grabbing}
.destinations-slider{display:flex;gap:14px;width:max-content;transform:translateX(0);transition:transform .45s ease;user-select:none}
.destinations-slider .destination-card{width:min(410px,34vw);min-height:475px;flex:none}
.destination-card.banyuwangi{background-image:url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=80")}
.destination-card.batu{background-image:url("https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1200&q=80")}
.destination-card.tumpaksewu{background-image:url("https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1200&q=80")}
.slider-controls{display:flex;gap:9px}
.slider-btn{width:47px;height:47px;border:1px solid #ffffff45;border-radius:50%;background:transparent;color:#fff;font-size:1.15rem;cursor:pointer;transition:.2s}
.slider-btn:hover{background:#dfc48e;color:#18221f;border-color:#dfc48e}
.slider-hint{padding:22px 8% 0;text-align:right;color:#8e9994;font-size:.68rem;letter-spacing:.08em}
.lang-switch{display:flex;align-items:center;gap:7px;font-size:.72rem;letter-spacing:.08em}
.lang-switch span{opacity:.35}.lang-btn{background:none;border:0;color:#fff;opacity:.5;cursor:pointer;font:inherit}.lang-btn.active{opacity:1;font-weight:700;color:#dfc48e}
@media(max-width:850px){.lang-switch{margin-left:auto;margin-right:18px}.destination-head{padding:0 6%}.destinations-wrap{padding-left:6%}.destinations-slider .destination-card{width:72vw;min-height:390px}.slider-hint{padding-right:6%}}
@media(max-width:580px){.destinations-section{padding:80px 0 55px}.destination-head{align-items:end}.slider-controls{display:none}.destinations-slider .destination-card{width:78vw}.slider-hint{text-align:left;padding-left:6%}}