:root{--ink:#153b43;--deep:#123d47;--cream:#f3efe6;--paper:#fbf9f3;--orange:#e85d36;--gold:#f2b65a;--green:#0b7f70;--muted:#6e7b78;--line:#153b4326}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), "PingFang SC", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:20;color:#fff;border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(24px,5vw,76px);display:grid;position:absolute;inset:0 0 auto}.brand{letter-spacing:.1em;align-items:center;gap:12px;width:fit-content;font-weight:700;display:flex}.brand-mark{width:44px;height:44px;font-family:var(--font-serif), serif;letter-spacing:.04em;border:1px solid;border-radius:50% 50% 44% 56%;place-items:center;font-size:13px;display:grid;transform:rotate(-5deg)}.nav-links{gap:34px;font-size:14px;display:flex}.nav-links a{opacity:.86;transition:opacity .18s;position:relative}.nav-links a:after{content:"";background:#fff;height:1px;transition:right .18s;position:absolute;bottom:-9px;left:0;right:100%}.nav-links a:hover{opacity:1}.nav-links a:hover:after{right:0}.header-cta{border:1px solid #ffffff8c;border-radius:100px;justify-self:end;align-items:center;gap:10px;padding:11px 17px;font-size:13px;transition:background .18s,color .18s;display:flex}.header-cta:hover{color:var(--ink);background:#fff}.hero{color:#fff;background:#50696e;align-items:center;min-height:min(850px,100svh);display:flex;position:relative;overflow:hidden}.hero-photo,.hero-scrim{position:absolute;inset:0}.hero-photo{background:url(/images/bromo-hero.jpg) 50% 48%/cover no-repeat;transform:scale(1.01)}.hero-scrim{background:linear-gradient(90deg,#082a30d9 0%,#082a3075 44%,#082a3014 72%),linear-gradient(#0000 66%,#082a30a3 100%)}.hero-content{z-index:2;width:min(900px,85vw);margin-left:clamp(24px,8.4vw,130px);padding:134px 0 120px;position:relative}.hero-kicker{text-transform:uppercase;letter-spacing:.18em;opacity:.9;align-items:center;gap:13px;margin-bottom:28px;font-size:12px;font-weight:600;display:flex}.hero-kicker .dot{color:var(--gold)}.hero h1{max-width:880px;font-family:var(--font-serif), serif;letter-spacing:-.07em;text-wrap:balance;margin:0;font-size:clamp(54px,7.3vw,108px);line-height:1.04}.hero h1 span{color:#f5c26b;font-style:italic}.hero-copy{color:#ffffffd6;max-width:620px;margin:31px 0 0;font-size:clamp(16px,1.6vw,20px);line-height:1.8}.hero-actions{gap:12px;margin-top:37px;display:flex}.button{border-radius:100px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange)}.button-primary:hover{background:#f36a40}.button-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff73}.hero-stats{z-index:2;align-items:flex-end;gap:clamp(20px,3.2vw,52px);display:flex;position:absolute;bottom:45px;right:clamp(24px,5vw,76px)}.hero-stats div{gap:4px;display:grid}.hero-stats strong{font-family:var(--font-serif), serif;font-size:clamp(24px,2.6vw,42px);line-height:1}.hero-stats span{color:#ffffffad;letter-spacing:.08em;font-size:11px}.photo-credit{z-index:2;opacity:.48;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:20px;left:24px;transform:rotate(180deg)}.section-shell{width:min(1200px,100% - 48px);margin:0 auto}.intro{grid-template-columns:120px 1.08fr .92fr;gap:44px;padding-top:126px;padding-bottom:126px;display:grid;position:relative}.section-number{color:var(--orange);font-family:var(--font-serif), serif;letter-spacing:.08em;font-size:13px}.section-number:after{content:"";background:var(--orange);opacity:.55;width:1px;height:44px;margin:15px 0 0 9px;display:block}.eyebrow,.mini-label{color:var(--orange);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:700;display:inline-block}.eyebrow.light{color:#f4c16a}.intro h2,.section-head h2,.before h2{font-family:var(--font-serif), serif;letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(34px,4vw,58px);line-height:1.23}.intro-copy{padding-top:35px}.intro-copy>p{color:#516664;margin:0;font-size:16px;line-height:2}.intro-copy b{color:var(--ink);font-weight:700}.tip-line{border-top:1px solid var(--line);color:#596d6b;align-items:flex-start;gap:16px;margin-top:31px;padding-top:24px;font-size:13px;line-height:1.7;display:flex}.tip-icon{color:var(--orange);flex:none;font-size:22px}.route-section,.budget-section{background:var(--deep);color:#fff}.route-section{padding:110px 0;overflow:hidden}.section-head{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.section-head h2{margin-top:13px}.section-head>p{color:#ffffff94;max-width:460px;margin:0 0 7px;font-size:14px;line-height:1.8}.route-legend{color:#fff9;gap:22px;margin-bottom:8px;font-size:11px;display:flex}.route-legend span{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.rail{background:var(--orange)}.legend-dot.sea{background:#65b4ae}.legend-dot.air{background:var(--gold)}.route-track{grid-template-columns:repeat(6,1fr);margin:90px 0 82px;display:grid;position:relative}.route-track:before{content:"";background:linear-gradient(90deg, var(--orange), var(--gold), #65b4ae);opacity:.7;height:1px;position:absolute;top:35px;left:8%;right:8%}.route-stop{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.route-node{background:var(--deep);color:#ffffffad;width:70px;height:70px;font-family:var(--font-serif), serif;border:1px solid #ffffff59;border-radius:50%;place-items:center;margin-bottom:20px;font-size:12px;transition:transform .18s,background .18s;display:grid}.route-stop:hover .route-node{background:#1a5661;transform:translateY(-5px)}.route-stop:first-child .route-node,.route-stop:last-child .route-node{border-color:var(--gold);color:var(--gold)}.route-stop strong{font-family:var(--font-serif), serif;font-size:17px}.route-stop>span{color:#ffffff73;margin-top:6px;font-size:11px}.flight-card{background:#ffffff0e;border:1px solid #ffffff26;grid-template-columns:auto .9fr 1.1fr;align-items:center;gap:28px;padding:31px 35px;display:grid}.plane-orbit{width:60px;height:60px;color:var(--gold);border:1px dashed #ffffff59;border-radius:50%;place-items:center;display:grid}.flight-card h3{font-family:var(--font-serif), serif;margin:8px 0 0;font-size:22px}.flight-card p{color:#ffffff9e;margin:0;font-size:13px;line-height:1.8}.itinerary,.before{padding-top:120px;padding-bottom:120px;position:relative}.itinerary>.section-number,.before>.section-number{position:absolute;top:133px;left:-4px}.itinerary>.section-head,.before>.section-head{padding-left:120px}.section-head.dark-text>p{color:#647573}.week-tabs{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:74px 0 0;display:grid}.week-tabs button{border:0;border-right:1px solid var(--line);color:#637270;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:0 23px;transition:background .18s,color .18s;display:flex}.week-tabs button:last-child{border-right:0}.week-tabs button:hover{background:#f2eee4}.week-tabs button.active{background:var(--orange);color:#fff}.week-tabs button span{font-family:var(--font-serif), serif;font-size:17px;font-weight:700}.week-tabs button small{opacity:.68;font-size:10px}.week-panel{border:1px solid var(--line);background:#fff;border-top:0;grid-template-columns:.85fr 1.15fr;min-height:390px;display:grid}.week-intro{background:var(--accent);color:#fff;padding:48px;position:relative;overflow:hidden}.week-intro:after{content:"";border:1px solid #ffffff3b;border-radius:48% 52% 55% 45%;width:260px;height:260px;position:absolute;bottom:-90px;right:-90px;transform:rotate(28deg)}.week-eyebrow{letter-spacing:.2em;opacity:.72;font-size:10px;font-weight:700}.week-intro h3{max-width:410px;font-family:var(--font-serif), serif;margin:19px 0;font-size:clamp(28px,3vw,41px);line-height:1.32}.week-intro p{color:#ffffffb8;max-width:400px;margin:0;font-size:13px;line-height:1.9}.week-stamp{font-family:var(--font-serif), serif;letter-spacing:.15em;opacity:.72;font-size:12px;position:absolute;bottom:40px;left:48px}.day-list{align-content:center;padding:24px 42px;display:grid}.day-item{border-bottom:1px solid var(--line);grid-template-columns:66px 1fr auto;align-items:center;gap:20px;padding:22px 0;display:grid}.day-item:last-child{border-bottom:0}.day-code{color:var(--orange);font-family:var(--font-serif), serif;font-size:12px;font-weight:700}.day-item h4{font-family:var(--font-serif), serif;margin:0;font-size:20px}.day-item p{color:#75827f;margin:7px 0 0;font-size:12px}.night-chip{border:1px solid var(--line);color:#667572;text-align:center;border-radius:100px;min-width:52px;padding:7px 11px;font-size:10px}.reality-note{background:#f0eadc;align-items:flex-start;gap:18px;margin-top:24px;padding:24px 28px;display:flex}.note-mark{color:#a06b25;width:32px;height:32px;font-family:var(--font-serif), serif;border:1px solid #b7863f;border-radius:50%;flex:none;place-items:center;display:grid}.reality-note strong{font-size:13px}.reality-note p{color:#6d6a5e;margin:5px 0 0;font-size:12px;line-height:1.7}.budget-section{padding:114px 0 124px}.budget-grid{grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:64px;display:grid}.budget-options{align-content:start;display:grid}.budget-options button{color:#ffffff94;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;min-height:88px;padding:0 26px;transition:background .18s,color .18s;display:flex}.budget-options button:hover,.budget-options button.selected{color:#fff;background:#ffffff14}.budget-options button.selected{box-shadow:inset 3px 0 0 var(--orange)}.budget-options button span{font-family:var(--font-serif), serif;font-size:18px}.budget-options button strong{font-size:14px}.budget-card{background:var(--paper);color:var(--ink);padding:41px 44px 34px}.budget-total{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.budget-total>div{gap:8px;display:grid}.budget-total span{color:#72807e;letter-spacing:.15em;font-size:11px}.budget-total strong{font-family:var(--font-serif), serif;font-size:clamp(40px,5vw,64px);line-height:1}.budget-total p{color:#667572;text-align:right;max-width:260px;margin:0 0 5px;font-size:11px;line-height:1.6}.budget-bar{background:#e7e2d8;border-radius:100px;height:12px;margin:38px 0 32px;display:flex;overflow:hidden}.budget-bar span{height:100%;transition:width .3s}.budget-list{grid-template-columns:1fr 1fr;gap:0 34px;display:grid}.budget-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;display:flex}.budget-list span{color:#6b7977;align-items:center;gap:9px;display:flex}.budget-list i{border-radius:50%;width:7px;height:7px}.budget-list strong{font-size:12px}.budget-footnote{color:#7b8784;margin:25px 0 0;font-size:10px}.info-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.info-card{background:#fff;min-height:410px;padding:38px 34px 32px;position:relative;overflow:hidden}.info-card:after{content:"";border:1px solid #153b4317;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.card-index{color:#c2c8c4;font-family:var(--font-serif), serif;font-size:12px;position:absolute;top:35px;right:30px}.card-icon{border:1px solid var(--line);width:52px;height:52px;color:var(--orange);border-radius:50%;place-items:center;margin-bottom:38px;font-size:19px;display:grid}.info-card h3{font-family:var(--font-serif), serif;margin:15px 0 17px;font-size:23px;line-height:1.45}.info-card p{color:#6d7c79;margin:0;font-size:12px;line-height:1.85}.info-card a{color:var(--green);align-items:center;gap:10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:30px;left:34px}.visa-card{background:#f0eadc}.checklist-wrap{border:1px solid var(--line);background:#fff;grid-template-columns:260px 1fr;column-gap:45px;margin-top:30px;padding:38px 42px;display:grid}.checklist-head{grid-column:1;justify-content:space-between;align-items:center;display:flex}.checklist-head h3{font-family:var(--font-serif), serif;margin:9px 0 0;font-size:22px}.progress-ring{background:conic-gradient(var(--orange) var(--progress), #e3dfd5 0);border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.progress-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:43px;height:43px}.progress-ring span{z-index:1;grid-area:1/1;font-size:10px;font-weight:700}.progress-bar{background:#e3dfd5;grid-column:1;align-self:end;height:3px;overflow:hidden}.progress-bar span{background:var(--orange);height:100%;transition:width .22s;display:block}.checklist{grid-area:1/2/span 2;grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.checklist button{border:1px solid var(--line);color:#5e6f6c;text-align:left;cursor:pointer;background:#fbfaf6;align-items:center;gap:12px;min-height:48px;padding:9px 13px;font-size:11px;transition:border .16s,background .16s;display:flex}.checklist button:hover{border-color:#e85d3680}.checklist button.done{color:#89938f;background:#f0eee7;text-decoration:line-through}.check-box{color:#fff;border:1px solid #aab3af;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.done .check-box{border-color:var(--green);background:var(--green)}.closing{color:#fff;text-align:center;background:linear-gradient(#0d3b41c9,#0d3b41db),url(/images/bromo-hero.jpg) 50% 68%/cover fixed;padding:120px 24px}.closing blockquote{font-family:var(--font-serif), serif;letter-spacing:-.04em;margin:26px 0 36px;font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1.35}.closing a{border-bottom:1px solid #ffffff80;align-items:center;gap:12px;padding-bottom:6px;font-size:12px;display:inline-flex}footer{color:#fff;background:#0d3037;grid-template-columns:1fr auto;gap:34px 60px;padding:58px clamp(24px,5vw,76px) 34px;display:grid}.footer-brand{align-items:center;gap:15px;display:flex}.footer-brand strong{font-family:var(--font-serif), serif;font-size:18px}.footer-brand p{color:#ffffff7a;margin:5px 0 0;font-size:10px}.footer-links{color:#ffffff9e;align-items:center;gap:28px;font-size:11px;display:flex}.footer-links a:hover{color:#fff}.disclaimer{color:#ffffff59;border-top:1px solid #ffffff1f;grid-column:1/-1;margin:0;padding-top:24px;font-size:9px;line-height:1.7}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero-stats{left:clamp(24px,8.4vw,80px);right:auto}.intro{grid-template-columns:70px 1fr}.intro-copy{grid-column:2;padding-top:0}.section-head{flex-direction:column;align-items:flex-start}.route-track{grid-template-columns:repeat(3,1fr);gap:44px 0}.route-track:before{display:none}.flight-card{grid-template-columns:auto 1fr}.flight-card p{grid-column:2}.week-panel,.budget-grid{grid-template-columns:1fr}.week-intro{min-height:330px}.budget-options{grid-template-columns:repeat(3,1fr)}.budget-options button{border-right:1px solid #ffffff24;flex-direction:column;justify-content:center;gap:8px}.info-grid{grid-template-columns:1fr}.info-card{min-height:350px}.checklist-wrap{grid-template-columns:1fr}.progress-bar{grid-column:1;margin-top:25px}.checklist{grid-area:auto/1;margin-top:24px}}@media (width<=680px){.site-header{height:72px;padding:0 18px}.brand{gap:8px;font-size:12px}.brand-mark{width:37px;height:37px;font-size:11px}.header-cta{padding:9px 12px;font-size:10px}.hero{align-items:flex-start;min-height:790px}.hero-scrim{background:linear-gradient(90deg,#082a30d1,#082a3033),linear-gradient(#0000 45%,#082a30db 100%)}.hero-content{width:calc(100% - 36px);margin-left:18px;padding-top:150px}.hero-kicker{gap:8px;font-size:9px}.hero h1{font-size:clamp(48px,15vw,67px)}.hero-copy{max-width:92%;font-size:14px;line-height:1.75}.hero-actions{flex-direction:column;align-items:stretch;width:min(290px,100%)}.hero-stats{justify-content:space-between;gap:10px;bottom:34px;left:18px;right:18px}.hero-stats strong{font-size:23px}.hero-stats span{max-width:85px;font-size:8px}.photo-credit{display:none}.section-shell{width:calc(100% - 36px)}.intro{padding:86px 0;display:block}.section-number,.itinerary>.section-number,.before>.section-number{margin-bottom:27px;position:static}.section-number:after{display:none}.intro h2,.section-head h2,.before h2{font-size:36px}.intro-copy{margin-top:30px}.route-section,.budget-section{padding:85px 0}.route-legend{flex-wrap:wrap}.route-track{grid-template-columns:repeat(2,1fr);margin:65px 0}.flight-card{grid-template-columns:1fr;padding:27px 24px}.flight-card p{grid-column:1}.itinerary,.before{padding:86px 0}.itinerary>.section-head,.before>.section-head{padding-left:0}.week-tabs{grid-template-columns:1fr 1fr;margin-top:50px}.week-tabs button{border-bottom:1px solid var(--line)}.week-tabs button:nth-child(2){border-right:0}.week-intro{min-height:350px;padding:36px 28px}.week-stamp{left:28px}.day-list{padding:14px 24px}.day-item{grid-template-columns:50px 1fr;gap:12px}.night-chip{display:none}.budget-grid{gap:24px}.budget-options{grid-template-columns:1fr}.budget-options button{border-right:0;flex-direction:row;justify-content:space-between}.budget-card{padding:30px 24px}.budget-total{display:block}.budget-total p{text-align:left;max-width:none;margin-top:18px}.budget-list{grid-template-columns:1fr}.info-grid{margin-top:50px}.checklist-wrap{padding:28px 22px}.checklist{grid-template-columns:1fr}.closing{background-attachment:scroll;padding:92px 18px}footer{grid-template-columns:1fr;padding:48px 24px 30px}.footer-links{flex-direction:column;align-items:flex-start;gap:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}