/* Laman Pok Nik, editorial layer v4, 19 September 2026.
   Loaded after each page's own <style>, so it restyles every page from one file.
   Palette taken from the family's own badge: forest green and gold. */

:root{
  --forest:#173A1C; --forest-deep:#0D2411; --gold:#D4AF3A; --gold-deep:#8A6A12;
  --bg:#F7F3EA; --paper2:#EEE7D7; --surface:#FFFDF7;
  --ink:#16241A; --ink-soft:#56645A; --line:#DDD3BF;
  --accent:#8A6A12; --accent-solid:#D4AF3A; --on-accent:#10260F;
  --wrong:#A8432C;
  --r-card:6px; --r-chip:4px; --maxw:1200px;
  --serif:"Fraunces Variable","Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0E1A12; --paper2:#122218; --surface:#16291C;
    --ink:#EFE9DA; --ink-soft:#A7B3A6; --line:#28402F;
    --accent:#E2C15E; --accent-solid:#D4AF3A; --on-accent:#10260F; --wrong:#E58E77;
  }
}
:root[data-theme="dark"]{
  --bg:#0E1A12; --paper2:#122218; --surface:#16291C;
  --ink:#EFE9DA; --ink-soft:#A7B3A6; --line:#28402F;
  --accent:#E2C15E; --accent-solid:#D4AF3A; --on-accent:#10260F; --wrong:#E58E77;
}

/* ---------- type ---------- */
body{font-family:var(--sans);font-size:17px;line-height:1.7;background:var(--bg);color:var(--ink)}
h1,h2,.display{font-family:var(--serif);font-weight:420;letter-spacing:-0.02em;line-height:1.06;
  font-variation-settings:"opsz" 96,"SOFT" 30}
h1{font-size:clamp(2.6rem,7vw,5.4rem)}
h2{font-size:clamp(2rem,4.4vw,3.3rem);margin-bottom:.45em}
h3{font-family:var(--sans);font-weight:600;letter-spacing:-0.005em;font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.3}
h1 em,h2 em{font-style:italic;font-weight:360;color:var(--accent)}
p{max-width:62ch}
.eyebrow{display:flex;align-items:center;gap:14px;font:600 .74rem/1 var(--sans);letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor;flex:none}
.lead{font-family:var(--serif);font-weight:350;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.45;
  color:var(--ink-soft);max-width:40ch}
.plink{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding-bottom:2px}
.plink:hover{border-bottom-color:var(--accent)}

/* ---------- rhythm ---------- */
.wrap{max-width:var(--maxw);padding-inline:clamp(20px,4vw,40px)}
section{padding-block:clamp(72px,10vw,136px);border-top:0;background:var(--bg);color:var(--ink)}
main>section:nth-of-type(even){background:var(--paper2)}

/* dark ground: tokens redefined, so every child adapts */
.sec-dark,main>section.sec-dark{
  --bg:#173A1C; --paper2:#173A1C; --surface:rgba(255,255,255,.06);
  --ink:#F3EEDF; --ink-soft:#BFCBBC; --line:rgba(243,238,223,.18);
  --accent:#E4C35F; background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .sec-dark{--bg:#0A1A0D}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sec-dark{--bg:#0A1A0D}}

/* ---------- preview bar ---------- */
.preview-bar{background:#0A1A0D;color:var(--gold);font-size:.7rem;letter-spacing:.2em;padding:7px 16px}

/* ---------- header ---------- */
.sitenav{background:var(--forest);border-bottom:1px solid rgba(212,175,58,.25);
  backdrop-filter:none;-webkit-backdrop-filter:none;color:#F3EEDF}
.sitenav .navwrap{min-height:76px;padding-block:10px;flex-wrap:wrap;gap:12px 20px}
.sitenav .brandlink{display:flex;align-items:center;gap:12px;color:#F3EEDF;font-family:var(--serif);
  font-weight:500;font-size:1.3rem;letter-spacing:-0.01em;line-height:1.1}
.sitenav .brandlink img.logo{width:52px;height:auto;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.sitenav .brandlink .bt{display:block;color:inherit;font:inherit;letter-spacing:inherit;margin:0}
.sitenav .brandlink .bt>span{color:var(--gold);font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;margin-top:3px}
.navquick{display:none;align-items:center;gap:26px;margin-left:auto}
.navquick a{color:#E8E2D2;text-decoration:none;font-size:.9rem;padding:6px 0;border-bottom:1px solid transparent}
.navquick a:hover,.navquick a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold)}
.navquick a.navwa{background:var(--gold);color:#10260F;border-radius:999px;padding:9px 18px;font-weight:600;border:0}
.navquick a.navlangq{color:var(--gold);font-weight:600}
.navtoggle{background:transparent;color:#F3EEDF;border:1px solid rgba(243,238,223,.35);border-radius:999px;padding:8px 16px;min-height:42px}
.navmenu{flex-basis:100%;padding:8px 0 18px}
.navmenu a{color:#F3EEDF;border-bottom:1px solid rgba(243,238,223,.14);font-family:var(--serif);font-size:1.25rem;font-weight:380;padding:12px 2px}
.navmenu a[aria-current="page"]{color:var(--gold)}
.navmenu a.navlang{color:var(--gold);font-family:var(--sans);font-size:.95rem}
@media(min-width:1180px){
  /* the full menu stays behind the Menu button at every width */
  .navtoggle{display:inline-flex}
  .navmenu{display:none;flex-direction:row;flex-wrap:wrap;gap:0 34px;padding:14px 0 22px}
  .navmenu.open{display:grid;grid-template-columns:repeat(3,1fr)}
  .navmenu a{font-size:1.2rem;border-bottom:1px solid rgba(243,238,223,.14);white-space:normal}
  .navmenu a.navlang{margin-left:0}
}
@media(min-width:1000px){.navquick{display:flex}.sitenav .navwrap{flex-wrap:wrap}}

/* ---------- buttons ---------- */
.btn{border-radius:999px;padding:15px 28px;font-weight:600;letter-spacing:.01em;background:var(--accent-solid);color:var(--on-accent);
  box-shadow:0 1px 0 rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero .btn.ghost{color:#F3EEDF;border-color:rgba(243,238,223,.55)}

/* ---------- homepage hero ---------- */
.hero-img{min-height:calc(100svh - 110px);min-height:max(560px,calc(100svh - 110px))}
.hero-scrim{background:linear-gradient(180deg,rgba(8,22,11,.30) 0%,rgba(8,22,11,.10) 30%,rgba(8,22,11,.55) 62%,rgba(8,22,11,.92) 100%)}
.hero-copy{padding-block:clamp(48px,9vh,96px)}
.hero-copy .eyebrow{color:var(--gold)!important}
.hero-copy h1{max-width:13ch;margin-bottom:.35em;color:#F7F2E4}
.hero-copy h1 em{color:var(--gold)}
.hero-copy p{font-family:var(--serif);font-weight:350;font-size:clamp(1.15rem,2vw,1.45rem);max-width:36ch;color:#E9E3D3}
.sensory{gap:0;margin:22px 0 30px}
.sensory li{background:none;border:0;border-radius:0;padding:0 16px 0 0;margin-right:16px;font-size:.78rem;letter-spacing:.2em;
  text-transform:uppercase;color:#E9E3D3;border-right:1px solid rgba(233,227,211,.4)}
.sensory li:last-child{border-right:0}
.herobtns{display:flex;flex-wrap:wrap;gap:12px}
.hero-logo{position:absolute;right:clamp(20px,5vw,64px);bottom:clamp(40px,9vh,96px);width:clamp(120px,14vw,190px);
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.45));z-index:1}
@media(max-width:760px){.hero-logo{display:none}}
.scrollcue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:1px;height:46px;
  background:linear-gradient(rgba(243,238,223,0),rgba(243,238,223,.8));z-index:1}

/* facts strip under the hero */
.facts{background:var(--forest)!important;color:#F3EEDF;padding-block:0!important}
.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.facts .fact{padding:34px 24px 34px 0;border-right:1px solid rgba(243,238,223,.16)}
.facts .fact+.fact{padding-left:28px}
.facts .fact:last-child{border-right:0}
.facts b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,2.9rem);color:var(--gold);line-height:1}
.facts span{display:block;margin-top:10px;font-size:.9rem;color:#C9D2C6;max-width:26ch;line-height:1.45}
@media(max-width:700px){.facts .wrap{grid-template-columns:1fr}.facts .fact,.facts .fact+.fact{padding:22px 0;border-right:0;border-bottom:1px solid rgba(243,238,223,.16)}.facts .fact:last-child{border-bottom:0}}

/* intro and pull quote */
.pull{margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--line)}
.pull h2{font-size:clamp(1.5rem,3vw,2.2rem);font-style:italic;font-weight:350;max-width:30ch}
.pull p{color:var(--ink-soft)}

/* ---------- inner page head ---------- */
.pagehead{position:relative;overflow:hidden;background:var(--forest)!important;color:#F3EEDF;
  padding-block:clamp(80px,13vw,170px) clamp(56px,8vw,96px)!important}
.pagehead h1{color:#F7F2E4;max-width:16ch}
.pagehead .lead{color:#D5DCCF}
.pagehead .wrap{position:relative;z-index:1}
.pagehead .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.pagehead.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,14,.92) 0%,rgba(10,30,14,.55) 60%,rgba(10,30,14,.25) 100%)}
.pagehead .ph-badge{display:block;width:74px;margin-bottom:26px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}

/* ---------- surfaces ---------- */
.card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0 0}
.card h3,.card h2{margin-bottom:8px}
.callout{background:var(--surface);border:0;border-left:2px solid var(--accent-solid);border-radius:0;padding:24px 28px}
.callout.warnish{border-left-color:var(--wrong)}
.media{border:0;border-radius:var(--r-card);background:var(--paper2)}
.media img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
figure:hover .media img,.media:hover img{transform:scale(1.035)}
figcaption{font-size:.84rem;letter-spacing:.01em;padding-top:12px;color:var(--ink-soft)}
.tablewrap{border:0;border-radius:0;background:transparent;border-top:1px solid var(--ink)}
table th{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.rail{grid-auto-columns:minmax(270px,80vw);gap:22px}
@media(min-width:760px){.rail{grid-auto-columns:minmax(360px,40%)}}
.gal{column-gap:14px}.gal img{border:0;border-radius:var(--r-card);margin-bottom:14px}
.tourframe{border:0;border-radius:var(--r-card);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.tourph .badge,.tourph .notice{border-radius:999px}

/* last section of every inner page: the dark call to action */
main>section:last-of-type{--bg:#173A1C;--paper2:#173A1C;--surface:rgba(255,255,255,.06);--ink:#F3EEDF;--ink-soft:#BFCBBC;
  --line:rgba(243,238,223,.18);--accent:#E4C35F;background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] main>section:last-of-type{--bg:#0A1A0D}
main>section:last-of-type .card{border-top:0;text-align:center;padding:0}
main>section:last-of-type .card h2{margin-inline:auto;max-width:22ch}
main>section:last-of-type .card p{margin-inline:auto}

/* ---------- notices: quiet, never a hole in the page ---------- */
.pending{border:0;border-left:2px solid color-mix(in srgb,var(--accent-solid) 55%,transparent);border-radius:0;
  background:transparent;padding:6px 0 6px 22px}
.pending h3{color:var(--ink)}
.notice{border-radius:0;padding:0;background:none!important;border:0!important;font-family:var(--serif);
  font-style:italic;font-weight:380;font-size:1rem;color:var(--ink-soft)!important;gap:10px}
.notice::before{width:6px;height:6px;background:var(--accent-solid)}
.tourph .notice{color:#E9D9A6!important}

/* ---------- steps ---------- */
.steps li::before{background:transparent;color:var(--accent);border:1px solid var(--accent-solid);
  font-family:var(--serif);font-weight:500;font-size:1.1rem}

/* ---------- forms ---------- */
.field input,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-chip)}
.preview{border-radius:var(--r-chip)}

/* ---------- footer ---------- */
footer{background:var(--forest-deep);color:#BFCBBC;border-top:1px solid rgba(212,175,58,.25);padding-block:64px 44px}
footer a{color:#E8E2D2}
footer .footbrand{display:flex;align-items:center;gap:16px;margin-bottom:26px;font-family:var(--serif);
  font-size:1.6rem;color:#F3EEDF;font-weight:420}
footer .footbrand img{width:72px}
footer .footbrand small{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:4px}

/* ---------- theme button ---------- */
.themebtn{background:var(--forest);color:var(--gold);border:1px solid rgba(212,175,58,.4);box-shadow:0 6px 18px rgba(0,0,0,.2)}

@media (prefers-reduced-motion:reduce){.media img,.btn{transition:none}figure:hover .media img{transform:none}}
.finalbadge{display:block;width:120px;margin:0 auto 26px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45))}
.hero-img>img.hero-logo{inset:auto;right:clamp(20px,5vw,64px);bottom:clamp(40px,9vh,96px);width:clamp(120px,14vw,190px);height:auto;object-fit:contain}
.finalbadge,footer .footbrand img,.sitenav .brandlink img.logo,.hero-img>img.hero-logo{height:auto!important;aspect-ratio:1931/1878}
.hero-copy .eyebrow{font:600 .78rem/1 var(--sans)!important;letter-spacing:.26em!important;max-width:none}
.hero-copy h1,.hero-copy p{text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-scrim{background:
  linear-gradient(90deg,rgba(8,22,11,.62) 0%,rgba(8,22,11,.25) 55%,rgba(8,22,11,0) 100%),
  linear-gradient(180deg,rgba(8,22,11,.25) 0%,rgba(8,22,11,.05) 30%,rgba(8,22,11,.45) 65%,rgba(8,22,11,.9) 100%)}
footer{--accent:var(--gold)}
footer a[style]{color:var(--gold)!important}
.card[style*="border-left"]{padding:22px 26px!important;background:var(--surface)}
.navtoggle{margin-left:auto}
@media(min-width:1000px){.navtoggle{margin-left:0}}
@media(max-width:600px){
  .sitenav .navwrap{flex-wrap:wrap;min-height:64px;gap:10px}
  .sitenav .brandlink{font-size:1.08rem;gap:10px}
  .sitenav .brandlink img.logo{width:42px}
  .sitenav .brandlink .bt>span{font-size:.58rem;letter-spacing:.16em}
  .navtoggle{padding:7px 13px;min-height:40px}
  .themebtn{bottom:12px;right:12px;width:40px;height:40px}
}
.sitenav .brandlink .bt{text-transform:none}

/* ---------- Berita: latest posts on the home page, added 28 September 2026 ---------- */
.terkini{margin-top:clamp(40px,6vw,64px);padding-top:clamp(26px,4vw,36px);border-top:1px solid var(--line)}
.terkini[hidden]{display:none}
.terkini-head{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.terkini-head .eyebrow{margin-bottom:12px}
.terkini-head h3{font-family:var(--serif);font-weight:420;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-0.01em;margin:0}
.terkini-note{font-size:.88rem;color:var(--ink-soft);margin:6px 0 0}
.terkini-list{display:grid;gap:26px 22px}
@media(min-width:700px){.terkini-list{grid-template-columns:repeat(3,1fr)}}
.tk{display:block;text-decoration:none;color:inherit}
.tk-img{border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;background:var(--paper2);margin-bottom:12px}
.tk-img img{width:100%;height:100%;object-fit:cover}
.tk-date{display:block;font:600 .72rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.tk-title{display:block;font-family:var(--serif);font-size:1.2rem;line-height:1.25}
.tk:hover .tk-title{color:var(--accent)}
.tk-noimg{display:grid;place-items:center;background:var(--forest)}
.tk-noimg img{width:34%;height:auto;object-fit:contain}
@media(max-width:699px){
  .terkini-list{gap:18px}
  .tk{display:grid;grid-template-columns:112px 1fr;column-gap:16px;align-items:start}
  .tk-img{grid-row:1/3;margin:0}
  .tk-date,.tk-title{grid-column:2}
  .tk-date{margin:4px 0 8px}
  .tk-title{font-size:1.08rem}
}
/* Terkini: satu berita terbaru, kad utama, 2 Okt 2026 */
.terkini{max-width:880px;margin-left:auto;margin-right:auto}
.terkini-list{display:block}
.tkc{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(13,36,17,.06),0 14px 34px -18px rgba(13,36,17,.28);transition:transform .25s ease,box-shadow .25s ease}
.tkc:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(13,36,17,.08),0 22px 44px -18px rgba(13,36,17,.36)}
.tkc:focus-visible{outline:3px solid var(--accent-solid);outline-offset:3px}
.tkc-img{aspect-ratio:21/10;background:var(--paper2);overflow:hidden}
.tkc-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tkc:hover .tkc-img img{transform:scale(1.025)}
.tkc-noimg{display:grid;place-items:center;background:var(--forest)}
.tkc-noimg img{width:18%;height:auto;object-fit:contain}
.tkc-band{background:var(--forest);color:#F3EEDF;padding:clamp(18px,3vw,24px) clamp(20px,3.4vw,28px) clamp(20px,3.2vw,26px)}
.tkc-pill{display:inline-block;font:700 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E4C35F;background:rgba(212,175,58,.14);border:1px solid rgba(212,175,58,.38);border-radius:999px;padding:8px 14px;margin-bottom:14px}
.tkc-title{display:block;font-family:var(--serif);font-weight:460;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.18;letter-spacing:-.01em;color:#fff}
.tkc-body{padding:clamp(18px,3vw,26px) clamp(20px,3.4vw,28px) clamp(22px,3.4vw,30px)}
.tkc-text{max-width:none;margin:0 0 20px;padding:14px 18px;border-left:3px solid var(--accent-solid);background:var(--paper2);border-radius:0 8px 8px 0;font-size:1rem;line-height:1.65;color:var(--ink-soft)}
.tkc-cta{display:inline-flex;align-items:center;gap:10px;background:var(--forest);color:#fff;font:600 .95rem/1 var(--sans);padding:14px 24px;border-radius:999px;transition:gap .2s ease,background .2s ease}
.tkc:hover .tkc-cta{gap:14px;background:var(--forest-deep)}
@media(max-width:699px){.tkc{border-radius:16px}.tkc-img{aspect-ratio:4/3}.tkc-cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.tkc,.tkc-img img,.tkc-cta{transition:none}.tkc:hover{transform:none}.tkc:hover .tkc-img img{transform:none}}