:root { --ink:#172d2b; --forest:#184b43; --cream:#f8f5ee; --orange:#f37145; --muted:#65736e; }
* { box-sizing:border-box; }
em { font-style:normal; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Roboto",Arial,sans-serif; }
.site-header { background:var(--cream); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:.55rem; font-size:.78rem; letter-spacing:.06em; font-weight:700; color:var(--ink); }
.brand:hover { color:var(--ink); }.brand-light { display:block; font-weight:500; font-size:.62rem; letter-spacing:.13em; margin-top:-3px; }.brand-mark { background:var(--orange); color:white; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-size:1rem; }
.nav-link { color:#44504c; font-size:.9rem; font-weight:500; }.nav-link:hover,.nav-link.active { color:var(--forest); }.navbar .btn-dark { background:var(--ink); font-size:.85rem; }
.hero-section { min-height:620px; position:relative; overflow:hidden; padding:4.6rem 0 5.2rem; background:linear-gradient(112deg,#f8f5ee 0%,#f8f5ee 56%,#edf0e8 100%); }
.hero-orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.55; }.hero-orb-one { width:26rem;height:26rem;background:#f4ddab;top:-15rem;left:-9rem; }.hero-orb-two { width:16rem;height:16rem;background:#c9dfcf;bottom:-8rem;right:4%; }
.eyebrow { color:var(--forest); text-transform:uppercase; letter-spacing:.15em; font-size:.7rem; font-weight:700; margin-bottom:1.25rem; }.eyebrow span { display:inline-block;width:25px;height:2px;background:var(--orange);vertical-align:middle;margin-right:8px; }
h1,h2,h3 { font-family:"Roboto Slab",Georgia,serif; font-weight:700; }.hero-section h1 { font-size:clamp(3rem,5vw,5rem); line-height:1.02; letter-spacing:-.045em; margin:0; }.hero-section h1 em,h2 em { color:var(--orange); font-weight:600; }.hero-copy { max-width:430px; margin:1.5rem 0 0; color:var(--muted); font-size:1.05rem; line-height:1.7; }.btn-primary { background:var(--forest); border-color:var(--forest); }.btn-primary:hover { background:#113e37;border-color:#113e37; }.play-button { display:inline-grid; place-items:center; width:34px;height:34px;border:1px solid #c6cec9;border-radius:50%; margin-right:.4rem; }
.hero-stats { display:flex; gap:2.2rem; margin-top:3.6rem; }.hero-stats div { display:grid;gap:.18rem; }.hero-stats strong { font-family:"Roboto Slab",Georgia,serif; font-size:1.4rem; }.hero-stats span { color:var(--muted);font-size:.72rem; }
.placeholder-photo { position:relative; overflow:hidden; background-color:#b7cdb8; }.hero-visual { height:480px; border-radius:160px 160px 16px 16px; background:linear-gradient(180deg,#b9d7d0 0%,#dce2bb 49%,#789b6f 50%,#315e56 100%); box-shadow:18px 20px 0 #e5e4d7; }.sun { position:absolute;width:106px;height:106px;border-radius:50%;background:#f7c76f;top:18%;right:19%; }.mountain { position:absolute; bottom:-5%; clip-path:polygon(0 100%,51% 0,100% 100%); }.mountain-back { left:-12%;width:100%;height:54%;background:#719a7a;opacity:.8; }.mountain-front { right:-14%;width:96%;height:44%;background:#35655a; }.photo-label { position:absolute;z-index:4;top:18px;left:18px; padding:.42rem .65rem;background:rgba(255,255,255,.82);color:#53635d;border-radius:20px;font-size:.66rem;letter-spacing:.025em; }.visual-caption { position:absolute;z-index:3;bottom:25px;left:30px;color:#fff;display:grid;gap:.15rem; }.visual-caption span { font-size:.67rem;letter-spacing:.16em; }.visual-caption strong { font-family:"Roboto",sans-serif;font-size:.88rem;letter-spacing:.03em; }
.section-space { padding:6.5rem 0; }.about-section { background:white; }.about-image { height:380px; border-radius:8px 120px 8px 8px; background:linear-gradient(145deg,#cea97d 0%,#f0d7ad 37%,#8cad84 38%,#2f655c 100%); }.about-image:after { content:"";position:absolute;width:110%;height:48%;bottom:-10%;left:-5%;background:linear-gradient(150deg,transparent 30%,#557c61 31%,#335b50 78%);clip-path:polygon(0 63%,100% 0,100% 100%,0 100%); }.about-stamp { position:absolute;z-index:2;bottom:20px;right:-23px;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--orange);color:white;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.1em;line-height:1.5; }.about-section h2,.explore-section h2,.cta-section h2 { font-size:clamp(2.35rem,3.6vw,3.6rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:1.4rem; }.section-copy { max-width:510px;color:var(--muted);line-height:1.8;font-size:1rem; }.text-link { display:inline-block;margin-top:1rem;color:var(--forest);font-weight:700;text-decoration:none;border-bottom:1px solid #93aaa2;padding-bottom:.4rem; }.text-link i { margin-left:.55rem; }.explore-section { background:#eef3ee; }.destination-card { position:relative;overflow:hidden;display:block;height:390px;border-radius:8px;color:white;text-decoration:none;isolation:isolate;background:#496c59; }.destination-card:before { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,41,36,.05),rgba(10,41,36,.88));z-index:1; }.destination-card:hover { color:white;transform:translateY(-4px);transition:.25s ease; }.destination-one { background:linear-gradient(150deg,#afc39a 0%,#e1dca8 34%,#5b805f 35%,#193f3b 100%); }.destination-two { background:linear-gradient(130deg,#d2ae85 0%,#edc994 40%,#8f6c52 41%,#3f4841 100%); }.destination-three { background:linear-gradient(150deg,#e5b179 0%,#eddb9c 32%,#6f9d78 33%,#214d44 100%); }.destination-content { position:absolute;z-index:2;bottom:0;left:0;width:100%;padding:1.6rem;color:#fff; }.destination-content span { font-size:.7rem;letter-spacing:.14em;opacity:.8; }.destination-content h3 { font-size:1.65rem;line-height:1.1;max-width:250px;margin:.45rem 0 0; }.destination-content > i { position:absolute;right:1.5rem;bottom:1.8rem;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%; }.destination-card .photo-label { color:#53635d; }
.cta-section { padding:5rem 0;background:var(--forest);color:#fff; }.cta-section .eyebrow { color:#d6e2d9; }.cta-section h2 { margin:0; }.cta-inner { display:flex;align-items:center;justify-content:space-between;gap:2rem; }.site-footer { padding:1.5rem 0;background:#102f2a;color:#b8cac1;font-size:.78rem; }
@media (max-width:991.98px) { .navbar-nav { align-items:flex-start!important;padding:1rem 0;gap:.6rem!important; }.hero-section { padding-top:3rem; }.hero-visual { max-width:570px; }.section-space { padding:4.7rem 0; } }
@media (max-width:575.98px) { .hero-section { min-height:0;padding-bottom:3.8rem; }.hero-stats { gap:1.15rem;margin-top:2.5rem; }.hero-stats strong { font-size:1.15rem; }.hero-stats span { font-size:.63rem; }.hero-visual { height:355px;border-radius:105px 105px 12px 12px; }.about-image { height:320px; }.about-stamp { right:10px; }.destination-card { height:330px; }.cta-inner { align-items:flex-start;flex-direction:column; }.cta-section { padding:3.8rem 0; } }

/* Indonesia Virtual Tour colour system */
:root { --ink:#000; --forest:#000; --cream:#f7f5f2; --orange:#d2500a; --muted:#68635e; }
.site-header { background:#000; }
.brand img { display:block; width:158px; max-height:38px; object-fit:contain; object-position:left center; }
.navbar-toggler { color:#fff; }
.nav-link { color:#dedede; }.nav-link:hover,.nav-link.active { color:#d2500a; }
.navbar .btn-dark { background:#d2500a; border-color:#d2500a; }.navbar .btn-dark:hover { background:#aa4006; border-color:#aa4006; }
.hero-section { background:linear-gradient(118deg,#f7f5f2 0%,#f7f5f2 56%,#f1e7df 100%); }
.hero-orb-one { background:#f0c3a9; }.hero-orb-two { background:#e9c2ac; }
.btn-primary { background:#000; border-color:#000; }.btn-primary:hover { background:#d2500a; border-color:#d2500a; }
.hero-visual { background:linear-gradient(180deg,#d9bfac 0%,#e7d2b9 49%,#925b3c 50%,#211a17 100%); box-shadow:18px 20px 0 #dfd8d2; }.sun { background:#d2500a; }.mountain-back { background:#8e5943; }.mountain-front { background:#1e1916; }
.about-image { background:linear-gradient(145deg,#d39872 0%,#f0d7ad 37%,#986346 38%,#211a17 100%); }.about-image:after { background:linear-gradient(150deg,transparent 30%,#70422f 31%,#1c1715 78%); }
.explore-section { background:#eee8e3; }.destination-card:before { background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.9)); }.destination-one { background:linear-gradient(150deg,#ccaa87 0%,#eed6a6 34%,#875238 35%,#171312 100%); }.destination-two { background:linear-gradient(130deg,#d2ae85 0%,#edc994 40%,#8f4e30 41%,#29201d 100%); }.destination-three { background:linear-gradient(150deg,#e5ad76 0%,#eddb9c 32%,#b3633c 33%,#1d1816 100%); }
.text-link { border-color:#c7aaa0; }.cta-section { background:#000; }.cta-section .eyebrow { color:#f2b899; }.site-footer { background:#000; color:#aaa; border-top:1px solid #2f2f2f; }
.hero-visual { background-image:linear-gradient(180deg,rgba(0,0,0,.04) 36%,rgba(0,0,0,.76) 100%),url('../images/cover.jpg'); background-position:center; background-size:cover; }
.about-image { background-image:url('../images/suasana.jpg'); background-position:center; background-size:cover; }
.destination-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* Destination landing page */
.destination-hero { padding:3rem 0 5rem; background:linear-gradient(118deg,#f7f5f2 0%,#f7f5f2 56%,#f1e7df 100%); }
.back-link { display:inline-flex; align-items:center; gap:.5rem; color:var(--muted); text-decoration:none; font-size:.85rem; font-weight:600; }
.back-link:hover { color:var(--orange); }
.destination-hero h1 { font-size:clamp(2.6rem,4.5vw,4rem); line-height:1.05; letter-spacing:-.04em; margin:0; }
.destination-description { margin-top:1.4rem; }
.destination-hero-image { height:440px; overflow:hidden; border-radius:160px 160px 16px 16px; box-shadow:18px 20px 0 #dfd8d2; background:#d9bfac; }
.destination-hero-image img { width:100%; height:100%; object-fit:cover; display:block; }
.promo-section { background:#fff; }
.promo-section h2 em,.business-section h2 em { color:var(--orange); font-weight:600; }
.promo-card { height:100%; padding:1.8rem; background:var(--cream); border:1px solid #e7dfd8; border-radius:12px; }
.badge-promo { display:inline-block; margin-bottom:1rem; padding:.35rem .7rem; background:var(--orange); color:#fff; border-radius:20px; font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.promo-card h3 { font-size:1.3rem; margin-bottom:.6rem; }
.promo-card p { margin:0; color:var(--muted); font-size:.92rem; line-height:1.7; }
.business-section { background:#eee8e3; }
.business-card { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 1.4rem; background:#fff; border:1px solid #e7dfd8; border-radius:12px; color:var(--ink); text-decoration:none; }
.business-card:hover { border-color:var(--orange); color:var(--ink); }
.business-card strong { display:block; font-size:.98rem; }
.business-card small { color:var(--muted); font-size:.78rem; }
.business-card i { flex-shrink:0; width:36px; height:36px; display:grid; place-items:center; border:1px solid #d8cec6; border-radius:50%; color:var(--orange); }
@media (max-width:991.98px) { .destination-hero-image { max-width:570px; height:380px; } }
@media (max-width:575.98px) { .destination-hero { padding-bottom:3.5rem; } .destination-hero-image { height:300px; border-radius:105px 105px 12px 12px; } }