/* Rimba theme for Be Borneo. Layout: river-journey page, dark blackwater bands alternate with misty canopy bands; Dayak motif strips mark section changes. */
:root{
  --mist:#EEF2EA;      /* page ground: morning mist over the canopy */
  --leaf:#FBFCF8;      /* raised surfaces */
  --ink:#14211A;       /* text */
  --muted:#56645B;
  --line:#D3DBCD;
  --forest:#1F5238;    /* primary green */
  --forest-ink:#FFFFFF;
  --enggang:#C8402A;   /* hornbill casque: used sparingly for prices & calls */
  --sun:#E5A632;       /* hornbill bill yellow */
  --tannin:#1B140E;    /* blackwater river bands */
  --tannin-2:#2A2017;
  --on-dark:#EFE9DF;
  --on-dark-muted:#BDB3A4;
  --canopy-1:#24563B; --canopy-2:#1A4330; --canopy-3:#12301F;
  --note-bg:#FFF5D6; --note-ink:#5A4300; --note-line:#E7CF83;
  --f-display:"Bricolage Grotesque","Avenir Next Condensed","Arial Narrow",system-ui,sans-serif;
  --f-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:6px;
  --wrap:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--mist);color:var(--ink);font:16px/1.65 var(--f-body);margin:0;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--tannin)}
a{color:inherit}
img,svg{max-width:100%}
h1,h2,h3{font-family:var(--f-display);line-height:1.05;text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6.4vw,4.6rem);font-weight:800;font-stretch:80%}
h2{font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:750;font-stretch:85%}
h3{font-size:1.25rem;font-weight:700}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font:600 .74rem/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}
.dark .eyebrow{color:var(--sun)}
.lede{font-size:1.12rem;color:var(--muted);max-width:60ch}
.dark .lede{color:var(--on-dark-muted)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font:700 .98rem/1 var(--f-body);padding:.95em 1.3em;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--go{background:var(--sun);color:#1B140E}
.btn--green{background:var(--forest);color:var(--forest-ink)}
.btn--ghost{border-color:currentColor;background:transparent;color:inherit}
.link{font-weight:700;color:var(--forest);text-decoration:none;border-bottom:2px solid currentColor}
.dark .link{color:var(--sun)}


/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--tannin);color:var(--on-dark)}
.top .wrap{display:flex;align-items:center;gap:1rem;padding-block:.7rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;margin-right:auto}
.brand svg{width:38px;height:38px;flex:none}
.brand b{font:800 1.3rem/1 var(--f-display);font-stretch:80%;letter-spacing:.01em}
.brand small{display:block;font:500 .62rem/1.2 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted)}
.nav{display:flex;gap:1.3rem;align-items:center}
.nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--on-dark)}
.nav a:hover,.nav a[aria-current]{color:var(--sun)}
.lang{display:inline-flex;border:1.5px solid var(--on-dark-muted);border-radius:999px;overflow:hidden;font:700 .78rem/1 var(--f-mono)}
.lang a{padding:.5em .75em;text-decoration:none;color:var(--on-dark)}
.lang a[aria-current]{background:var(--sun);color:#1B140E}
.top .btn{padding:.7em 1.05em;font-size:.9rem}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;font-weight:700;padding:.5em .8em;border:1.5px solid var(--on-dark-muted);border-radius:999px}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;left:0;right:0;top:100%;background:var(--tannin);display:grid;padding:.5rem max(16px,env(safe-area-inset-right,0px)) 1rem max(16px,env(safe-area-inset-left,0px));border-top:1px solid var(--tannin-2)}
.menu nav a{padding:.8rem 0;border-bottom:1px solid var(--tannin-2);text-decoration:none;font-weight:600}
@media (max-width:900px){.nav,.top .btn{display:none}.menu{display:block}}

/* motif strip (Dayak-inspired hooks) */
.motif{height:22px;background:var(--sun);-webkit-mask:var(--m) repeat-x center/44px 22px;mask:var(--m) repeat-x center/44px 22px;opacity:.9}
.motif--green{background:var(--forest)}
.dark .motif{background:var(--sun)}

/* sections */
.band{padding-block:clamp(3.5rem,8vw,6rem)}
.dark{background:var(--tannin);color:var(--on-dark)}
.dark2{background:var(--tannin-2);color:var(--on-dark)}
.head{display:grid;gap:.8rem;margin-bottom:2.2rem;max-width:760px}
.head--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}
.head--row>div{display:grid;gap:.8rem;max-width:720px;min-width:0}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--tannin);color:var(--on-dark)}
.hero-art{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;padding-block:clamp(3rem,9vw,7rem) clamp(9rem,18vw,13rem);display:grid;gap:1.4rem}
.hero h1 em{font-style:normal;color:var(--sun)}
.hero .lede{color:var(--on-dark);opacity:.88;font-size:1.2rem}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.finder{position:relative;margin-top:-5.5rem;z-index:2}
.finder form{background:var(--leaf);color:var(--ink);border-radius:14px;padding:1.1rem;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:.8rem;align-items:end;box-shadow:0 18px 40px -20px rgba(0,0,0,.45);border:1px solid var(--line)}
.finder label{display:grid;gap:.3rem;font:600 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:0}
.finder select{font:600 1rem var(--f-body);padding:.75rem .7rem;border:1.5px solid var(--line);border-radius:var(--r);background:var(--mist);color:var(--ink);width:100%}
.finder .btn{height:48px}
@media (max-width:760px){.finder form{grid-template-columns:1fr 1fr}.finder label:first-child{grid-column:1/-1}.finder .btn{grid-column:1/-1;justify-content:center}}

/* quick answer */
.quick{display:grid;grid-template-columns:auto 1fr;gap:1.2rem 1.6rem;align-items:start;padding:1.6rem;border-left:4px solid var(--forest);background:var(--leaf);border-radius:0 var(--r) var(--r) 0}
.quick h2{font-size:1.1rem;font-family:var(--f-mono);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}
.quick p{font-size:1.12rem;max-width:70ch}
@media (max-width:640px){.quick{grid-template-columns:1fr}}

/* destinations as river reaches */
.reaches{display:grid;gap:0;border-top:1px solid var(--line)}
.reach{display:grid;grid-template-columns:110px minmax(0,1.1fr) minmax(0,1fr) auto;gap:1.4rem;align-items:center;padding-block:1.5rem;border-bottom:1px solid var(--line);text-decoration:none}
.reach .km{font:600 .8rem/1.3 var(--f-mono);color:var(--muted)}
.reach .km b{display:block;font:800 2rem/1 var(--f-display);color:var(--forest);font-stretch:80%}
.reach h3{font-size:1.6rem;font-stretch:85%}
.reach p{color:var(--muted)}
.reach .go{font-weight:700;color:var(--forest);white-space:nowrap}
.reach:hover h3{color:var(--forest)}
.reach .tag{display:inline-block;font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
@media (max-width:760px){.reach{grid-template-columns:70px 1fr}.reach p,.reach .go{grid-column:2}}

/* photo slot (real photos replace these in WordPress) */
.scene{position:relative;overflow:hidden;background:var(--canopy-3);aspect-ratio:4/3;max-width:100%}
.scene svg{position:absolute;inset:0;width:100%;height:100%}
.scene .cap{position:absolute;left:.6rem;bottom:.6rem;font:600 .66rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#F4EEE2;background:rgba(10,14,11,.55);padding:.35rem .5rem;border-radius:4px;max-width:calc(100% - 1.2rem)}

/* tour cards */
.tours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
@media (max-width:980px){.tours{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tours{grid-template-columns:1fr}}
.tour{display:grid;grid-template-rows:auto 1fr;background:var(--leaf);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--ink)}
.tour .scene{aspect-ratio:16/10}
.tour .days{position:absolute;top:.7rem;left:.7rem;background:var(--sun);color:#1B140E;font:800 1.05rem/1 var(--f-display);padding:.45rem .6rem;border-radius:4px;font-stretch:85%}
.tour .days small{font:600 .62rem/1 var(--f-mono);letter-spacing:.08em;margin-left:.2rem}
.tour-b{display:grid;grid-template-rows:auto auto 1fr auto;gap:.6rem;padding:1.15rem 1.2rem 1.25rem}
.tour-b .park{font:600 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}
.tour-b p{color:var(--muted);font-size:.95rem}
.tour-f{display:flex;justify-content:space-between;align-items:end;gap:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}
.price{font:500 .72rem/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.price b{display:block;font:800 1.35rem/1.1 var(--f-display);font-stretch:85%;color:var(--enggang);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.price span{text-transform:none;letter-spacing:0}
.tour h3 a{text-decoration:none}
.tour h3 a::after{content:"";position:absolute;inset:0}
.tour{position:relative}
.tour .tour-f .btn{position:relative;z-index:1;padding:.65em 1em;font-size:.88rem}

/* open trip table */
.dates{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:620px}
.tablebox{overflow-x:auto}
.dates th{font:600 .7rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted);text-align:left;padding:.8rem .6rem;border-bottom:1px solid rgba(255,255,255,.15)}
.dates td{padding:1rem .6rem;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle}
.dates td:first-child{font:800 1.25rem/1 var(--f-display);font-stretch:85%;white-space:nowrap}
.seat{display:inline-flex;align-items:center;gap:.4rem;font:600 .78rem/1 var(--f-mono);padding:.4rem .6rem;border-radius:999px;background:rgba(127,195,154,.16);color:#9FD9B4}
.seat--low{background:rgba(229,166,50,.18);color:#F2C266}
.seat--full{background:rgba(255,255,255,.08);color:var(--on-dark-muted);text-decoration:line-through}
.dates .btn{padding:.6em 1em;font-size:.85rem}
.light-table .dates th{color:var(--muted);border-color:var(--line)}
.light-table .dates td{border-color:var(--line)}
.light-table .seat{background:color-mix(in srgb,var(--forest) 14%,transparent);color:var(--forest)}
.light-table .seat--low{background:color-mix(in srgb,var(--sun) 25%,transparent);color:var(--ink)}
.light-table .seat--full{background:var(--mist);color:var(--muted)}

/* local team */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.8rem}
.facts div{border-top:2px solid var(--sun);padding-top:.7rem}
.facts b{display:block;font:800 1.9rem/1 var(--f-display);font-stretch:80%}
.facts span{color:var(--on-dark-muted);font-size:.92rem}
.mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:.7rem}
.mosaic .scene{border-radius:var(--r);aspect-ratio:auto;min-height:150px}
.mosaic .scene:first-child{grid-row:1/3;min-height:320px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;counter-reset:s}
@media (max-width:820px){.steps{grid-template-columns:1fr}}
.step{counter-increment:s;padding-top:1rem;border-top:2px solid var(--ink);display:grid;gap:.5rem}
.step::before{content:"Step " counter(s);font:600 .72rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}
.step p{color:var(--muted)}
.pay{margin-top:2rem;display:flex;gap:1rem 2rem;flex-wrap:wrap;align-items:center;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:var(--r);background:var(--leaf)}
.pay b{font-family:var(--f-display);font-size:1.1rem}
.pay ul{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.pay li{font:600 .8rem/1 var(--f-mono);padding:.5rem .7rem;border-radius:999px;background:var(--mist);border:1px solid var(--line)}
.pay p{color:var(--muted);font-size:.92rem;flex:1 1 260px}

/* faq */
.faq{display:grid;gap:0;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 0;font:700 1.1rem/1.35 var(--f-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.6rem/1 var(--f-display);color:var(--forest)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 1.2rem;color:var(--muted);max-width:68ch}

/* blog */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
@media (max-width:820px){.posts{grid-template-columns:1fr}}
.post{display:grid;gap:.6rem;text-decoration:none}
.post .scene{border-radius:var(--r);aspect-ratio:3/2}
.post time{font:600 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.post h3{font-size:1.2rem}
.post:hover h3{color:var(--forest)}

/* cta band */
.cta{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;flex-wrap:wrap}
.cta h2{max-width:20ch}

/* footer */
.foot{background:var(--tannin);color:var(--on-dark);font-size:.92rem}
.foot .wrap{padding-block:3.5rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
@media (max-width:820px){.foot .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot .wrap{grid-template-columns:1fr}}
.foot h4{font:600 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sun);margin:0 0 .9rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot a{text-decoration:none;color:var(--on-dark-muted)}
.foot a:hover{color:var(--on-dark)}
.foot p{color:var(--on-dark-muted)}
.foot .legal{grid-column:1/-1;border-top:1px solid var(--tannin-2);padding-top:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--on-dark-muted);font-size:.82rem}

/* whatsapp */
.wa{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:.5rem;background:#1F8F4E;color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1rem;border-radius:999px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.wa svg{width:22px;height:22px}

/* page hero (inner pages) */
.phero{background:var(--tannin);color:var(--on-dark);position:relative;overflow:hidden}
.phero .wrap{position:relative;padding-block:3rem 4.5rem;display:grid;gap:1rem}
.crumbs{font:500 .78rem/1.3 var(--f-mono);color:var(--on-dark-muted)}
.crumbs a{color:var(--on-dark-muted)}
.chips{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{font:600 .85rem/1 var(--f-body);padding:.65rem .95rem;border-radius:999px;border:1.5px solid var(--line);background:var(--leaf);color:var(--ink);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--forest);color:var(--forest-ink);border-color:var(--forest)}

/* tour detail */
.td{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:960px){.td{grid-template-columns:1fr}}
.td-main{display:grid;gap:2.6rem;min-width:0}
.keyfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.keyfacts div{background:var(--leaf);padding:.9rem 1rem}
.keyfacts dt{font:600 .66rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.keyfacts dd{margin:.25rem 0 0;font-weight:700}
@media (max-width:640px){.keyfacts{grid-template-columns:1fr 1fr}}
.gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:.6rem}
.gallery .scene{border-radius:var(--r);aspect-ratio:auto;min-height:130px}
.gallery .scene:first-child{grid-row:1/3;min-height:300px}
.days-list{display:grid;gap:0;position:relative}
.day{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1.2rem;padding-bottom:1.8rem;position:relative}
.day::before{content:"";position:absolute;left:35px;top:44px;bottom:0;width:2px;background:repeating-linear-gradient(var(--forest) 0 6px,transparent 6px 12px)}
.day:last-child::before{display:none}
.day .dn{width:72px;height:44px;border-radius:999px;background:var(--forest);color:var(--forest-ink);display:grid;place-items:center;font:800 1rem/1 var(--f-display);font-stretch:85%}
.day h3{font-size:1.25rem;margin-bottom:.5rem}
.day ol{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.day li{display:grid;grid-template-columns:62px 1fr;gap:.6rem;color:var(--muted)}
.day li time{font:600 .82rem/1.6 var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}
.inc{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
@media (max-width:640px){.inc{grid-template-columns:1fr}}
.inc ul{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.5rem}
.inc li{padding-left:1.6rem;position:relative}
.inc .yes li::before{content:"✓";position:absolute;left:0;color:var(--forest);font-weight:800}
.inc .no li::before{content:"✕";position:absolute;left:0;color:var(--enggang);font-weight:800}
.box{background:var(--leaf);border:1px solid var(--line);border-radius:10px;padding:1.3rem}
.book{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);display:grid;gap:1rem}
.book form{display:grid;gap:.8rem}
.book label{display:grid;gap:.3rem;font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.book input,.book select{font:600 1rem var(--f-body);padding:.75rem .7rem;border:1.5px solid var(--line);border-radius:var(--r);background:var(--mist);color:var(--ink);width:100%}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{font:700 .9rem/1 var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink);padding:.75rem;text-align:center;cursor:pointer;display:block}
.seg input:checked+label{background:var(--forest);color:var(--forest-ink)}
.seg input:focus-visible+label{outline:3px solid var(--sun);outline-offset:-3px}
.book .btn{justify-content:center}
.book .small{font-size:.82rem;color:var(--muted)}
.ok{background:color-mix(in srgb,var(--forest) 12%,var(--leaf));border:1px solid var(--forest);border-radius:var(--r);padding:.8rem;font-size:.9rem}
.prose{display:grid;gap:1rem;max-width:68ch}
.prose p{color:var(--muted)}
.prose h2{margin-top:.6rem}
.company{display:grid;gap:.5rem;font-size:.98rem}
.company div{display:grid;grid-template-columns:120px 1fr;gap:.8rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.company dt{font:600 .7rem/1.6 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.company dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
@media (max-width:820px){.team{grid-template-columns:1fr 1fr}}
.team div{display:grid;gap:.4rem}
.team .scene{border-radius:var(--r);aspect-ratio:1}
.team p{color:var(--muted);font-size:.9rem}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}
.contact-grid form{display:grid;gap:.9rem}
.contact-grid label{display:grid;gap:.3rem;font:600 .7rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.contact-grid input,.contact-grid select,.contact-grid textarea{font:500 1rem var(--f-body);padding:.75rem .7rem;border:1.5px solid var(--line);border-radius:var(--r);background:var(--mist);color:var(--ink);width:100%}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media (max-width:520px){.row2{grid-template-columns:1fr}}
.stack{display:grid;gap:1.4rem}
.mt{margin-top:1.4rem}

/* fixes after review */
.hero .eyebrow,.phero .eyebrow,.dark2 .eyebrow{color:var(--sun)}
.dark2 .link{color:var(--sun)}
.reach{grid-template-columns:150px minmax(0,1.1fr) minmax(0,1fr) auto}
.reach .km b{font-size:1.45rem;overflow-wrap:anywhere}
@media (max-width:760px){.reach{grid-template-columns:1fr;gap:.5rem}.reach p,.reach .go{grid-column:auto}.reach .km{display:flex;gap:.5rem;align-items:baseline}.reach .km b{font-size:1.05rem}}
@media (max-width:520px){.brand small{display:none}.brand b{font-size:1.1rem}.top .wrap{gap:.6rem}}
.td>*,.book,.book form>*{min-width:0}
.book input,.book select{min-width:0}
.seg{position:relative}.seg input{left:0;top:0;width:1px;height:1px}
.tour-b{grid-template-rows:auto auto 1fr auto auto}
.price b.ask{color:var(--forest)}
.light-table td code{font:500 .8rem var(--f-mono);overflow-wrap:anywhere}
.dbody{display:grid;gap:.7rem;color:var(--muted)}
.dbody ul{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}
.dbody a{color:var(--forest)}
.prose.dbody .eyebrow{margin-bottom:.2rem}
.dbody{overflow-wrap:break-word}

/* itinerary v2: numbered markers, even rhythm, readable measure */
.days-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.day{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 1.2rem;padding-bottom:2rem;position:relative}
.day::before{left:27px;top:62px;bottom:8px;width:2px}
.day:last-child{padding-bottom:0}
.day .dn{width:56px;height:56px;border-radius:50%;display:grid;place-content:center;text-align:center;font:800 1.35rem/1 var(--f-display);font-stretch:85%;background:var(--forest);color:var(--forest-ink)}
.day .dn small{display:block;font:600 .56rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.15rem;opacity:.85}
.dcol{display:grid;gap:.55rem;align-content:start;padding-top:.85rem;max-width:68ch}
.dcol h3{font-size:1.2rem;line-height:1.25;font-stretch:90%;margin:0}
.meals{justify-self:start;font:600 .7rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--forest);background:color-mix(in srgb,var(--forest) 12%,transparent);padding:.35rem .55rem;border-radius:4px}
.dcol .dbody{font-size:.98rem}
.dcol .dbody p,.dcol .dbody li{margin:0}
.intro{font-size:1.12rem;line-height:1.6;max-width:68ch}
.intro p{margin:0}
@media (max-width:560px){
  .day{grid-template-columns:44px minmax(0,1fr);gap:0 .85rem;padding-bottom:1.6rem}
  .day .dn{width:44px;height:44px;font-size:1.1rem}
  .day .dn small{font-size:.5rem}
  .day::before{left:21px;top:50px}
  .dcol{padding-top:.55rem}
  .dcol h3{font-size:1.08rem}
}
.dcol .dbody li{display:list-item;color:inherit}
.dcol .dbody ol{list-style:decimal;padding-left:1.2rem;display:grid;gap:.35rem}
.dcol .dbody ul{list-style:disc}

/* ===== WordPress layer ===== */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--sun);color:#1B140E;padding:.7rem 1rem;font-weight:700}
.skip:focus{left:16px;top:calc(env(safe-area-inset-top,0px) + 8px)}
.h3{font:700 1.25rem/1.2 var(--f-display)}
.h4{font:600 .72rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sun);margin:0 0 .9rem}
.brand--img{margin-right:auto}
.brand-logo{display:block;height:46px;width:auto;max-width:220px;object-fit:contain}
.foot .brand-logo{height:56px}
@media (max-width:520px){.brand-logo{height:38px;max-width:160px}}
body.top-light .top{background:var(--leaf);color:var(--ink);border-bottom:1px solid var(--line)}
body.top-light .nav a,body.top-light .lang a{color:var(--ink)}
body.top-light .nav a:hover,body.top-light .nav a[aria-current]{color:var(--forest)}
body.top-light .lang{border-color:var(--line)}
body.top-light .menu summary{border-color:var(--line)}
body.top-light .menu nav{background:var(--leaf)}
body.top-light .menu nav a{border-color:var(--line)}
body.top-light::before{background:var(--leaf)}
.top-light .foot .brand--img{background:#fff;padding:.5rem .7rem;border-radius:8px;justify-self:start}
.menu nav a.sub{padding-left:1rem;font-weight:500;opacity:.85}
.menu{position:static}
.top .wrap{position:relative}

/* photos inside illustration slots */
.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tour-m{position:relative}
.hero-photo{object-fit:cover;filter:brightness(.62)}
.phero--photo .hero-photo{filter:brightness(.5)}
.phero .hero-art,.phero svg.hero-art{position:absolute;inset:0;width:100%;height:100%}
.phero .lede,.phero .meta{color:var(--on-dark);opacity:.9}
.phero .meta a{color:inherit}
.hero .wrap,.phero .wrap{z-index:1}
.crumbs span{color:var(--on-dark)}

/* sections with a background photo from the Customizer */
.has-bg{position:relative;background:linear-gradient(rgba(12,16,13,.72),rgba(12,16,13,.78)),var(--bg) center/cover no-repeat,var(--tannin)}
.has-bg .quick,.has-bg .pay{background:rgba(255,255,255,.06);color:var(--on-dark);border-color:rgba(255,255,255,.18)}
.has-bg .quick h2{color:var(--sun)}
.has-bg .step{border-color:var(--on-dark)}
.has-bg .step p,.has-bg .reach p,.has-bg .pay p,.has-bg .reach .km{color:var(--on-dark-muted)}
.has-bg .reach{border-color:rgba(255,255,255,.15)}
.has-bg .reach .km b,.has-bg .reach .go,.has-bg .step::before{color:var(--sun)}
.has-bg .reaches{border-color:rgba(255,255,255,.15)}
.has-bg .pay li{background:transparent;border-color:rgba(255,255,255,.25)}
.band--quick{padding-block:3.5rem 1rem}
.band--steps{padding-top:0}
.has-bg.band--steps{padding-top:clamp(3.5rem,8vw,6rem)}
.band--cta{padding-block:3.5rem}
.band--faq .faq{--line:rgba(255,255,255,.14);--muted:var(--on-dark-muted);--forest:var(--sun)}
.band:not(.dark):not(.dark2) .facts span{color:var(--muted)}
.motif{-webkit-mask-image:var(--m);mask-image:var(--m)}

/* tour listing */
.chips a.chip{text-decoration:none;display:inline-flex;gap:.4rem;align-items:center}
.chip[aria-current="page"]{background:var(--forest);color:var(--forest-ink);border-color:var(--forest)}
.chip .n{font:600 .72rem/1 var(--f-mono);opacity:.7}
.tours--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:620px){.tours--2{grid-template-columns:1fr}}
.dates td a{color:inherit}
.dates .dsub{font:500 .72rem var(--f-mono);opacity:.7}
.light-table .dates td a:not(.btn){color:var(--forest);font-weight:600}

/* single tour */
.gallery a.scene{display:block}
.gallery--few{grid-template-columns:1fr;grid-template-rows:auto}
.gallery--few .scene:first-child{grid-row:auto;aspect-ratio:16/9;min-height:0}
.gallery--few .scene:nth-child(2){display:none}
.more-photos summary{cursor:pointer;font-weight:700;color:var(--forest)}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:.8rem}
.photo-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r)}
.photo-grid img{width:100%;height:100%;object-fit:cover}
.bookbar{display:none}
@media (max-width:960px){
  .book{position:static}
  .bookbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--leaf);border-top:1px solid var(--line);padding:.7rem max(16px,env(safe-area-inset-right,0px)) calc(.7rem + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -8px 24px -16px rgba(0,0,0,.4)}
  .bookbar .price b{font-size:1.15rem}
  .single-product .wa{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .single-product .foot{padding-bottom:76px}
}

/* posts & pages */
.entry-wrap{max-width:800px;display:grid;gap:2rem}
.entry{font-size:1.06rem;line-height:1.75;min-width:0;overflow-wrap:break-word}
.entry>*+*{margin-top:1.1em}
.entry h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:1.6em}
.entry h3{font-size:1.3rem;margin-top:1.4em}
.entry a{color:var(--forest)}
.entry img{height:auto;border-radius:var(--r)}
.entry ul,.entry ol{padding-left:1.3rem}
.entry blockquote{margin:1.5em 0;padding:.4rem 0 .4rem 1.2rem;border-left:4px solid var(--sun);font-size:1.12rem}
.entry table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.entry td,.entry th{border:1px solid var(--line);padding:.5rem .7rem}
.entry figure{margin:1.5em 0}
.entry figcaption,.wp-caption-text{font-size:.85rem;color:var(--muted);margin-top:.4rem}
.entry iframe{max-width:100%}
.alignleft{float:left;margin:.3rem 1.2rem 1rem 0}
.alignright{float:right;margin:.3rem 0 1rem 1.2rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
@media (max-width:620px){.alignleft,.alignright{float:none;margin:1rem 0}}
.entry-hero{margin:0}
.entry-hero img{width:100%;height:auto;border-radius:10px}
.post-cta{display:grid;gap:.6rem}
.post-cta p{color:var(--muted)}
.post .scene{position:relative}
.navigation.pagination .nav-links,.post-navigation .nav-links{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:space-between}
.page-numbers{padding:.5rem .8rem;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.page-numbers.current{background:var(--forest);color:var(--forest-ink);border-color:var(--forest)}
.post-navigation a{color:var(--forest);font-weight:600;text-decoration:none}
.comments{display:grid;gap:1rem}
.comment-list{list-style:none;padding:0;display:grid;gap:1rem}
.comment-body{border-top:1px solid var(--line);padding-top:.8rem}
.search-form{display:flex;gap:.5rem;max-width:520px}
.search-form label{flex:1}
.search-field,.entry input[type=text],.entry input[type=email],.entry input[type=tel],.entry input[type=date],.entry input[type=number],.entry select,.entry textarea,.comment-form input:not([type=submit]):not([type=checkbox]),.comment-form textarea{font:500 1rem var(--f-body);padding:.75rem .7rem;border:1.5px solid var(--line);border-radius:var(--r);background:var(--leaf);color:var(--ink);width:100%;max-width:100%}
.search-submit,.entry input[type=submit],.entry button[type=submit],.comment-form .submit,.wpcf7-submit{font:700 .98rem/1 var(--f-body);padding:.95em 1.3em;border-radius:999px;border:0;background:var(--sun);color:#1B140E;cursor:pointer}
.wpcf7-form p{margin:0 0 1rem}
.wpcf7-form label{display:grid;gap:.35rem;font-weight:600}
.wpcf7-not-valid-tip{color:var(--enggang);font-size:.85rem}
.wpcf7-response-output{border-radius:var(--r);padding:.8rem!important;margin:1rem 0 0!important}
.mt{margin-top:1.4rem}
.tablebox{max-width:100%;min-width:0}
.stack>*,.td-main>*,.wrap>*{min-width:0}
@media (max-width:620px){
  .dates{min-width:0}
  .dates thead{display:none}
  .dates tr{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .light-table .dates tr{border-color:var(--line)}
  .dates td{padding:0;border:0}
  .dates td:nth-child(2){grid-column:1/-1;order:-1;font-weight:600}
  .dates td:last-child{grid-row:span 2;align-self:center;justify-self:end}
}
.keyfacts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.finder form{grid-template-columns:minmax(0,1fr) auto}
.finder label:first-child{grid-column:auto}
@media (max-width:560px){.finder form{grid-template-columns:1fr}.finder .btn{grid-column:auto}}
.keyfacts{display:flex;flex-wrap:wrap;gap:.5rem;background:transparent;border:0;border-radius:0;overflow:visible}
.keyfacts div{flex:1 1 140px;border:1px solid var(--line);border-radius:var(--r)}