:root{
  --black:#000;--brown:#24201d;--gold:#ba9d48;--yellow:#eedc21;--red:#b01f24;--orange:#f68c1f;--sun:#f4d561;
  --ink:#3d362f;--mut:#69645f;--white:#fff;--w:1440px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',system-ui,sans-serif;background:var(--black);color:#fff;font-size:21px;line-height:1.2;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
.wrap{max-width:1400px;margin:0 auto;padding:0 20px}

/* ---------- NAV: 7 item x 200px, teks center, aktif = emas penuh ---------- */
.nav{position:absolute;top:0;left:0;right:0;z-index:50;height:70px;display:flex;justify-content:center;
  background:linear-gradient(180deg,rgba(0,0,0,.8) 6%,rgba(0,0,0,0) 98%)}
.nav__menu{display:flex;width:1400px;max-width:100%;height:70px}
.nav__item{position:relative;flex:0 0 200px;height:70px}
.nav__item>a{display:flex;align-items:center;justify-content:center;height:70px;padding:8px 5px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.2;color:#fff;transition:background .15s}
.nav__item>a:hover,.nav__item:hover>a{background:var(--gold)}
.has-sub>a::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 28px 0 -34px}
.nav__sub{display:none;position:absolute;top:70px;right:0;width:240px;background:#fff;box-shadow:0 4px 3px rgba(0,0,0,.2)}
.has-sub:hover .nav__sub,.has-sub:focus-within .nav__sub{display:block}
.nav__sub a{display:flex;align-items:center;justify-content:center;height:34px;padding:7px 5px;background:#f5f5f5;font-size:16px;font-weight:400;text-transform:uppercase;color:#4d4d4d;line-height:1.2}
.nav__sub a:hover{background:var(--gold);color:#fff}
.nav__toggle{display:none;position:absolute;right:15px;top:5px;background:none;border:0;width:60px;height:60px;cursor:pointer}
.nav__toggle i{display:block;height:3px;background:#fff;margin:7px 12px;border-radius:2px}

/* ---------- Type ---------- */
.display{font-size:90px;font-weight:800;line-height:.9;letter-spacing:-1px;text-transform:uppercase;color:#fff;text-align:center}
.display em{font-style:normal}
.h-xl{font-size:81px;font-weight:800;line-height:.9;text-transform:uppercase;color:var(--gold);text-align:center}
.h-xl.w{color:#fff}.h-xl.k{color:#000}
.h-l{font-size:45px;font-weight:800;line-height:.9;color:var(--gold)}
.h-m{font-size:36px;font-weight:800;line-height:1.2;color:#fff}
.lead{font-size:21px;line-height:1.2}
.body{font-size:21px;line-height:1.5}
.date{font-size:16px;color:var(--gold)}
.meta{font-size:16px;color:var(--mut)}

/* ---------- Button (outline emas, kotak) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:250px;height:50px;padding:6px 12px;background:#000;border:2px solid var(--gold);color:var(--gold);font:400 24px/1.2 'Montserrat',sans-serif;cursor:pointer;text-align:center;transition:.2s}
.btn:hover{background:var(--gold);color:#000}
.btn--wide{min-width:330px}
.btn--sun{border-color:var(--sun);color:var(--sun)}
.btn--sun:hover{background:var(--sun);color:#000}
.btn--light{background:#fff;border-color:var(--ink);color:var(--ink);font-size:20px}
.btn--light:hover{background:var(--ink);color:#fff}
.tag{display:inline-block;background:var(--gold);color:#fff;font-size:16px;padding:3px 10px;font-weight:400}
.more{display:block;text-align:right;font-size:24px;font-weight:800;color:var(--gold)}
.more:hover{text-decoration:underline}

/* ---------- Hero ---------- */
.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000;overflow:hidden;padding:100px 20px}
.hero--full{height:840px}
.hero--head{height:360px;padding:70px 20px 30px;gap:30px}
.hero>.ph{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:0;object-fit:cover;filter:brightness(.75)}
.hero>.ph span{display:none}
.hero>*:not(.ph):not(.hero__video){position:relative;z-index:1}
.hero--full{gap:15px}
.hero--full .lead{text-shadow:0 2px 6px #0008}
.hero--head .h-xl{font-size:81px}
.hero .btn{margin-top:20px}

/* ---------- Image ---------- */
.ph{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(135deg,#3a342c,#24201d);display:flex;align-items:flex-end}
.ph span{padding:10px 14px;color:var(--gold);font-size:12px}
.ph--img{object-fit:cover;display:block}

/* ---------- Sections ---------- */
.sec{padding:100px 20px}
.sec--black{background:#000}.sec--brown{background:var(--brown)}.sec--gold{background:var(--gold);color:#000}.sec--white{background:#fff;color:var(--ink)}
.sec--center{text-align:center}
.sec__in{max-width:900px;margin:0 auto;display:grid;gap:30px}
.sec--gold .h-xl,.sec--gold .h-l{color:#fff}
.sec--white .h-l{color:var(--gold)}

/* 2 kolom 720/720 setinggi 960 (Content-Board) */
.board{display:grid;grid-template-columns:1fr 1fr;min-height:960px;background:#000}
.board>.ph{height:100%;aspect-ratio:auto;min-height:480px}
.board__txt{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:30px;padding:50px}
.board__txt .h-xl{font-size:81px}
.board__txt .lead{max-width:600px}
.board--rev>.ph{order:2}
.board--sm{min-height:720px}

/* kartu brand */
.brands-row{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:10px}
.brand-card{width:220px;height:220px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#000;font-weight:800;font-size:22px;text-transform:uppercase;line-height:1.1;transition:.2s;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.brand-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(186,157,72,.35)}
.brand-card--suri{color:var(--gold);background:#000;border:2px solid var(--gold)}
.brand-card--hol{color:var(--red)}
.brand-card--dds{color:var(--orange)}

/* blog / what's on */
.wo{background:var(--brown);padding:60px 0;display:grid;gap:30px}
.wo__blog{display:grid;grid-template-columns:1fr 1fr;background:#000;min-height:745px}
.wo__blog>.ph{height:100%;aspect-ratio:auto}
.wo__body{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:20px 20px 20px 20px}
.wo__body>div{display:grid;gap:30px;width:680px;max-width:100%}
.wo__body .tag{justify-self:start}
.wo__intro{max-width:720px;margin:0 auto;text-align:center;padding:0 20px;display:grid;gap:30px}
.wo__intro h2{font-size:36px;font-weight:800;color:var(--gold)}

.cards{display:grid;grid-template-columns:repeat(5,190px);gap:0;justify-content:center;padding:0 20px}
.card{display:grid;gap:8px;padding:0 0 20px;width:190px}
.card .ph{aspect-ratio:4/3}
.card h3{font-size:14px;font-weight:800;line-height:1.2;text-transform:uppercase}
.card time{font-size:10px;color:var(--gold)}
.card .tag{font-size:10px;padding:2px 6px;justify-self:start}
.card[hidden],.job[hidden]{display:none}
.filters{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:0 20px;font-size:16px;align-items:center}
input,select,textarea{font:inherit;font-size:16px;padding:10px 14px;background:#fff;color:var(--ink);border:1px solid var(--mut);border-radius:0;width:100%}
.filters input{width:340px}.filters select{width:auto}
.pager{display:flex;gap:12px;justify-content:center;padding:20px;font-size:16px}
.pager a{width:30px;height:30px;display:grid;place-items:center;cursor:pointer;color:#fff}
.pager .is-active{background:var(--gold);color:#000}

/* galeri */
.gal{background:#000;padding:50px}
.gal__hd{padding:30px 0}
.gal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1340px;margin:0 auto}
.gal__grid .ph{aspect-ratio:1}
.gal__grid .ph:nth-child(1),.gal__grid .ph:nth-child(6){grid-column:span 2;grid-row:span 2;aspect-ratio:auto;height:100%}

/* fasilitas */
.fac-hd{background:var(--gold);padding:30px 50px;text-align:center}
.fac{background:var(--brown);padding:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:none}
.fac__col{display:grid;gap:50px;max-width:640px;margin:0 auto;width:100%}
.fac__item{display:grid;grid-template-columns:310px 1fr;gap:20px;align-items:center}
.fac__item .ph{aspect-ratio:1}
.fac__item h3{font-size:36px;font-weight:800;color:var(--gold);line-height:1.2;margin-bottom:10px}
.fac__item p{font-size:21px}

/* lokasi / kontak */
.loc{display:grid;grid-template-columns:480px 480px;gap:80px;justify-content:center;align-items:center;min-height:560px;background:#fff;color:var(--ink);padding:50px}
.loc .ph{aspect-ratio:4/3}
.loc__body{display:grid;gap:20px;justify-items:center;text-align:center}
.loc__body p{font-size:16px;font-weight:600;color:var(--mut);line-height:1.5}
.loc__cta{display:grid;gap:20px;justify-items:center;padding:30px;background:#000;width:100%}
.loc__tabs{display:flex;gap:30px;justify-content:center;font-size:16px;font-weight:600;padding:20px;flex-wrap:wrap}

/* tim */
.team{display:grid;grid-template-columns:repeat(4,200px);gap:24px 20px;justify-content:center}
.person .ph{aspect-ratio:4/5}
.person h3{font-size:16px;font-weight:800;margin-top:10px;color:#fff}
.person p{font-size:10px;color:var(--gold);text-transform:uppercase}
.person--lead{grid-column:span 4;display:grid;justify-items:center;text-align:center}
.person--lead .ph{width:260px}
.team-lead{display:flex;justify-content:center;margin-bottom:40px}

/* about values */
.val{max-width:640px;margin:0 auto;display:grid;gap:50px}
.val h3{font-size:27px;font-weight:600;text-transform:uppercase;color:var(--gold);margin-bottom:5px;line-height:1}
.val p{font-size:21px;line-height:1.5}
.about-col{max-width:640px;margin:0 auto;display:grid;gap:15px}
.about-col p{font-size:24px;line-height:1.5}

/* karir / artikel / form */
.jobs{max-width:640px;margin:0 auto;display:grid;gap:40px;padding:40px 0}
.job{display:grid;gap:6px;padding-bottom:30px;border-bottom:1px solid #3a342c}
.job h3{font-size:24px;font-weight:800;color:var(--gold)}
.job time{font-size:12px;color:var(--mut)}
.job p{font-size:21px}
.job a{font-size:16px;font-weight:800;color:var(--gold)}
.article{max-width:900px;margin:0 auto;padding:130px 20px 100px;display:grid;gap:24px;background:#000}
.article h1{font-size:45px;font-weight:800;line-height:1.2;color:#fff}
.article p{font-size:21px;line-height:1.5}
.article .ph{aspect-ratio:16/9}
.article .row{display:flex;gap:20px;justify-content:space-between;margin-top:30px;flex-wrap:wrap}
.form{max-width:640px;margin:0 auto;display:grid;gap:20px;padding:20px 0}
.form label{display:grid;gap:6px;font-size:16px;font-weight:600}
.form small{color:var(--mut);font-weight:400}
.notice{border:1px solid var(--gold);padding:14px;color:var(--gold);font-size:16px}

/* ---------- Footer ---------- */
.footer{background:#000}
.footer__top{padding:50px 30px 30px;display:grid;gap:20px;max-width:1440px;margin:0 auto}
.footer__logo{font-weight:800;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.footer__logo span{color:var(--gold);font-weight:600}
.footer__soc{display:flex;gap:10px}
.footer__soc a{width:40px;height:40px;border:1px solid #fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.footer__soc a:hover{background:var(--gold);border-color:var(--gold);color:#000}
.footer__link{font-size:24px;font-weight:800;text-transform:uppercase}
.footer__link:hover{color:var(--gold)}
.footer address{font-style:normal;font-size:12px;line-height:1.6;color:#fff}
.footer__credit{background:#000;border-top:1px solid #1d1a17;padding:20px 30px;font-size:12px;text-transform:uppercase;line-height:1.2}

/* ---------- Responsive (mobile frame 400px) ---------- */
@media(max-width:1100px){
  .nav__item{flex:1 1 0}
  .cards{grid-template-columns:repeat(3,190px);gap:10px}
}
@media(max-width:860px){
  body{font-size:18px}
  .nav{background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.2))}
  .nav__toggle{display:block}
  .nav__menu{display:none;position:fixed;top:70px;left:0;right:0;height:auto;background:#000;flex-direction:column;padding:5px 0 30px;box-shadow:0 4px 4px rgba(0,0,0,.2);max-height:calc(100vh - 70px);overflow:auto}
  .nav__menu.open{display:flex}
  .nav__item{flex:none;height:auto;width:100%}
  .nav__item>a{height:36px}
  .nav__item>a:hover,.nav__item:hover>a{background:none}
  .nav__item>a.is-active{background:var(--gold)}
  .nav__sub{position:static;width:100%;box-shadow:none;display:block}
  .nav__sub a{background:#111;color:#ccc}
  .has-sub>a::before{display:none}
  .display{font-size:44px}
  .h-xl,.board__txt .h-xl,.hero--head .h-xl{font-size:40px}
  .h-l{font-size:32px}
  .sec{padding:60px 20px}
  .hero--full{height:640px}
  .board,.wo__blog,.loc{grid-template-columns:1fr;min-height:0}
  .board>.ph,.wo__blog>.ph{min-height:0;aspect-ratio:1;height:auto}
  .board--rev>.ph{order:0}
  .board__txt{padding:40px 20px}
  .btn{min-width:0;width:100%;max-width:330px}
  .gal{padding:30px 20px}
  .gal__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gal__grid .ph:nth-child(1),.gal__grid .ph:nth-child(6){aspect-ratio:1;grid-row:auto}
  .fac{grid-template-columns:1fr;padding:30px 20px}
  .fac__item{grid-template-columns:1fr}
  .fac__item h3{font-size:27px}
  .loc{padding:30px 20px;gap:30px}
  .team{grid-template-columns:repeat(2,1fr)}
  .person--lead{grid-column:span 2}
  .cards{grid-template-columns:repeat(2,1fr)}
  .card{width:auto}
  .wo__body>div{width:100%}
  .h-m{font-size:27px}
}

/* video hero + kolase */
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.75)}
.collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.85fr);gap:20px;height:960px;background:#000;padding:0}
.collage .ph{width:100%;height:100%;aspect-ratio:auto;min-height:0;object-fit:cover}
.collage .ph:nth-child(1){grid-column:1/3}
.collage .ph:nth-child(2){grid-row:2/4}
.board--rev>.collage{order:2}
@media(max-width:860px){.collage{min-height:0;height:auto;grid-template-rows:auto;aspect-ratio:3/4}.board--rev>.collage{order:0}}

.y{color:var(--yellow)}
.display .y{color:var(--yellow)}
.hero__logo{position:relative;z-index:1;width:auto;max-width:80%}
.hero__logo--top{height:34px;margin-bottom:30px}
.hero__logo--grp{height:64px;margin-top:30px}
.hero--brand .hero__logo{height:170px}
.hero--brand>.ph,.hero--brand>.hero__video{filter:none}
.hero--brand::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 30%,#000 92%)}
.footer__logo{display:block;height:27px;width:auto;max-width:100%}
.footer__soc{display:block;height:40px;width:auto}
.brand-card{background:#fff;padding:0;box-shadow:none}
.brand-card img{width:220px;height:220px}
.brands-row{position:relative;padding:40px 0;max-width:720px;margin:0 auto;border-top:1px solid #d9c48c;border-bottom:1px solid #d9c48c}

.display{max-width:960px;margin-left:auto;margin-right:auto}

/* ======== v3: struktur sesuai desain ======== */
.nav--solid{position:relative;background:#000}
/* hero header halaman dalam */
.hero--head{height:360px;align-items:flex-start;justify-content:flex-end;text-align:left;padding:0 20px 30px;gap:0}
.hero--head::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.15) 30%,rgba(0,0,0,.1) 55%,#000 100%)}
.hero--head>.ph{filter:none}
.hero--head h1{font-size:45px;font-weight:800;line-height:1.2;text-transform:uppercase;color:#fff;max-width:none}
.hero--tall h1{font-size:81px;line-height:.9}
/* footer */
.footer__top{gap:20px;padding:50px 30px 30px}
.footer__top hr{border:0;border-top:1px solid #8a8a8a;margin:0 0 4px}
.footer__addr{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.footer address{font-size:9px;line-height:1.3;text-transform:none}
.footer address b{font-size:9px;text-transform:uppercase}
.footer__grp{height:27px;width:auto;margin-top:6px}
.footer__credit{border:0;padding:20px 30px;font-size:12px}
.soc{display:block;height:40px;width:auto}
.soc--ink{filter:invert(1)}

/* brands list */
.lrow{display:grid;grid-template-columns:1fr 1fr;min-height:720px;align-items:center}
.lrow__logo{display:flex;justify-content:center;padding:40px}
.lrow__logo img{width:240px;height:auto;max-height:240px;object-fit:contain}
.lrow__txt{max-width:480px;display:grid;gap:26px;padding:20px}
.lrow__txt h2{font-size:45px;font-weight:800;line-height:.9}
.lrow__txt p{font-size:21px;line-height:1.2}
.more{font-size:24px;font-weight:800;color:var(--gold);text-align:right;display:block}

/* catering */
.cat-intro{background:#fff;color:var(--ink);padding:100px 30px;display:flex;justify-content:center;min-height:640px;align-items:center}
.cat-intro p{max-width:480px;text-align:center;font-size:21px;font-weight:600;line-height:1.5}
.cat-row{display:grid;grid-template-columns:480px 480px;gap:30px;justify-content:center;align-items:center;min-height:800px;padding:50px}
.cat-row__txt{display:grid;justify-items:center;gap:30px;text-align:center}
.cat-row__txt img{height:150px;width:auto;max-width:300px}
.cat-row__txt p{font-size:21px;font-weight:800;line-height:1.2;max-width:300px}
.cat-row__gal{display:grid;gap:15px}
.cat-row .collage{min-height:0;height:560px;gap:10px;grid-template-rows:1.2fr 1fr 1fr}
.cat-btn{min-width:0;width:100%;height:44px;font-size:20px}

/* about */
.ab{padding:50px 20px}
.ab--white{background:#fff;color:var(--ink)}.ab--gold{background:var(--gold);color:#fff}.ab--brown{background:var(--brown);color:#fff}
.ab__in{max-width:640px;margin:0 auto;display:grid;gap:15px}
.ab__in p{font-size:21px;line-height:1.2}
.ab--white .ab__in p{font-size:21px}
.ab__t{font-size:45px;font-weight:800;line-height:1;text-transform:uppercase;color:var(--gold);padding-bottom:10px;border-bottom:1px solid rgba(186,157,72,.7);margin-bottom:5px}
.ab__t--ink{color:var(--ink)}.ab__t--white{color:#fff;border-color:rgba(255,255,255,.6)}
.ab--brown .ab__in{gap:50px}.ab--brown .ab__t{margin-bottom:0}
.val__i h3{font-size:27px;font-weight:600;text-transform:uppercase;color:var(--gold);line-height:1;margin-bottom:5px}
.val__i p{font-size:21px;line-height:1.5}

/* leadership */
.ld{background:#fff;color:var(--ink);padding:40px 10px 60px}
.ld__t{text-align:center;color:var(--gold);font-size:45px;font-weight:800;text-transform:uppercase;line-height:1;padding-bottom:14px;border-bottom:1px solid rgba(61,54,47,.35);margin-bottom:20px}
.ld__lead{display:flex;justify-content:center;margin-bottom:40px}
.ld__grid{display:grid;grid-template-columns:repeat(4,160px);gap:24px 18px;justify-content:center}
.person{display:grid;gap:3px;align-content:start}
.person .ph{aspect-ratio:4/5}
.person p{font-size:10px;color:var(--mut);margin-top:6px;line-height:1.2}
.person h3{font-size:16px;font-weight:800;color:var(--ink);line-height:1.2}
.person--lead{width:160px}.person--xl{width:240px}
.person--lead,.person--xl{display:grid}

/* what's on */
.wo-hero{background:#000;padding:130px 20px 70px;display:flex;justify-content:center}
.wo-hero__in{max-width:960px;display:grid;gap:30px;text-align:center;justify-items:center;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:50px 0}
.wo-hero h1{font-size:81px;line-height:.9;font-weight:800;text-transform:uppercase;color:#fff}
.wo-hero p{font-size:21px;line-height:1.2;max-width:720px}
.wo-feat{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);min-height:580px}
.wo-feat>.ph{height:100%;aspect-ratio:auto}
.wo-feat__body{padding:40px 20px 30px 30px;display:flex;flex-direction:column;gap:20px;justify-content:center}
.wo-feat__body .tag{align-self:flex-start}
.wo-feat__body h3{font-size:36px;font-weight:800;line-height:1.2}
.wo-feat__body p{font-size:21px;line-height:1.2}
.wo-feat .arrows{display:flex;gap:12px;margin-top:20px}
.wo-feat .arrows span{width:34px;height:34px;border:1px solid #fff;display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer}
.news{background:#fff;color:var(--ink);padding:40px 0 50px}
.news__t{text-align:center;font-size:81px;font-weight:800;line-height:.9;text-transform:uppercase;color:var(--gold);padding:30px 0;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);margin:0 20px 30px}
.news__t--ink{color:var(--ink);font-size:45px;border-top:0;border-bottom:1px solid rgba(61,54,47,.4);padding:10px 0 14px;margin-bottom:12px}
.news__f{display:flex;gap:30px;justify-content:center;align-items:center;margin-bottom:30px;font-size:14px}
.pill{display:flex;align-items:center;border:1px solid var(--ink);border-radius:999px;padding:0 14px;width:330px;height:36px;background:#fff;position:relative}
.pill::after{content:"";position:absolute;right:14px;width:11px;height:11px;border:2px solid var(--ink);border-radius:50%}
.pill input{border:0;padding:0;width:100%;height:100%;background:none;font-size:14px;outline:0}
.pill--sm{width:100%}
.cats{display:flex;gap:6px;align-items:center;font-size:13px}
.chip{border:0;font:400 10px/1.4 'Montserrat',sans-serif;color:#fff;padding:2px 8px;background:var(--gold);cursor:pointer;display:inline-block}
.chip--hol{background:var(--red)}.chip--dds{background:var(--orange)}.chip--suri{background:var(--gold)}
.ncards{display:grid;grid-template-columns:repeat(5,190px);gap:18px 20px;justify-content:center}
.ncard{display:grid;gap:6px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:0 0 14px;align-content:start}
.ncard .ph{aspect-ratio:4/3}
.ncard .chip{justify-self:start;margin:0 8px}
.ncard h3{font-size:14px;font-weight:800;line-height:1.2;text-transform:uppercase;padding:0 8px;color:var(--ink)}
.ncard time{font-size:10px;color:var(--gold);padding:0 8px}
.ncard[hidden]{display:none}
.sqpager{display:flex;gap:6px;justify-content:center;margin-top:24px}
.sqpager a{width:22px;height:22px;display:grid;place-items:center;font-size:13px;background:var(--gold);color:#fff;cursor:pointer}
.sqpager .is-active{background:var(--ink)}

/* careers list */
.news--jobs{padding-top:30px}
.jobs2{max-width:480px;margin:30px auto 0;display:grid}
.job2{border-bottom:1px solid var(--gold);padding:10px 0 4px;display:grid;gap:2px}
.job2 h3{font-size:24px;font-weight:800;color:var(--gold)}
.job2 time{font-size:12px;color:var(--mut)}
.job2 p{font-size:21px;line-height:1.2;color:var(--ink);font-weight:400}
.job2 a{font-size:16px;color:var(--gold);text-align:right}
.job2[hidden]{display:none}

/* paper (job post / form) */
.paper{background:#fff;color:#000;padding:30px 20px 60px;display:flex;justify-content:center;min-height:700px}
.paper__card{width:640px;max-width:100%;box-shadow:0 0 14px rgba(0,0,0,.3);padding:30px 50px 50px;display:grid;gap:20px;align-content:start}
.paper__card h1{font-size:45px;font-weight:800;line-height:.9;color:var(--gold)}
.paper__card time{color:var(--gold);font-size:16px}
.paper__card p{font-size:16px;line-height:1.35;white-space:pre-line}
.paper__card h3{font-size:27px;font-weight:600;margin-top:20px}
.paper__btns{display:flex;justify-content:space-between;margin:30px 0 10px}
.gbtn{display:inline-flex;align-items:center;justify-content:center;width:160px;height:50px;background:var(--gold);color:#fff;font:400 24px 'Montserrat',sans-serif;border:0;cursor:pointer}
.gbtn--grey{background:var(--mut)}
.pform{display:grid;gap:20px}
.pform label{display:grid;gap:6px;font-size:16px;color:var(--mut)}
.pform input,.pform select{border:1px solid var(--mut);padding:10px;font-size:14px;color:#000;background:#fff}
.notice{border:1px solid var(--gold);color:var(--gold);padding:12px}

/* post detail */
.post2{display:grid;grid-template-columns:1fr 380px;background:#000}
.post2__main .ph{aspect-ratio:auto;height:480px}
.post2__body{padding:40px 50px 80px 50px;display:grid;gap:20px;max-width:1060px}
.post2__body h1{font-size:45px;font-weight:800;line-height:.9;color:var(--gold)}
.post2__meta{display:flex;gap:40px;font-size:14px;color:var(--gold)}
.post2__ex{font-size:27px;font-weight:800;line-height:1.2}
.post2__body p{font-size:16px;line-height:1.35}
.post2__body h3{font-size:27px;font-weight:600;margin-top:20px}
.post2__side{background:#fff;color:#000;padding:24px 10px;display:grid;gap:14px;align-content:start}
.post2__side h2{font-size:36px;font-weight:800;color:var(--gold)}
.lnews{display:grid;grid-template-columns:120px 1fr;gap:10px}
.lnews .ph{aspect-ratio:1}
.lnews h4{font-size:14px;font-weight:800;line-height:1.1}
.lnews time{font-size:10px;color:var(--gold)}
.lnews p{font-size:10px;line-height:1.2;color:var(--ink)}

/* contact */
.ct{background:var(--brown);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:80px 20px;margin:0}
.ct__grid{display:grid;grid-template-columns:repeat(2,330px);gap:24px;justify-content:center}
.ct__card{background:#fff;border:0;height:140px;display:grid;justify-items:center;align-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);font:800 14px 'Montserrat',sans-serif;color:var(--ink);padding:10px}
.ct__card img{height:80px;width:auto;max-width:90%;object-fit:contain}
.ct__card:hover,.ct__card.is-on{outline:3px solid var(--gold)}
.ct__panel{display:grid;grid-template-columns:480px 360px;gap:40px;justify-content:center;align-items:center;margin-bottom:50px;background:#000;padding:30px}
.ct__panel[hidden]{display:none}
.ct__info{display:grid;gap:18px;justify-items:center;text-align:center}
.ct__info h3{font-size:24px;color:var(--gold)}.ct__info p{font-size:16px;line-height:1.5}
.btn--light{min-width:0;width:100%}

@media(max-width:860px){
  .nav--solid{height:70px}
  .hero--head{height:320px}.hero--head h1{font-size:32px}.hero--tall h1{font-size:44px}
  .lrow,.cat-row,.wo-feat,.post2,.ct__panel{grid-template-columns:1fr}
  .lrow{min-height:0;padding:40px 0}
  .lrow__txt{padding:20px 30px}
  .cat-row{padding:40px 20px}
  .cat-row .collage{height:auto;aspect-ratio:3/4}
  .ld__grid{grid-template-columns:repeat(2,1fr)}
  .ncards{grid-template-columns:repeat(2,1fr);padding:0 14px}
  .news__t,.wo-hero h1{font-size:40px}
  .news__f{flex-direction:column;gap:16px}
  .pill{width:90%}
  .ct__grid{grid-template-columns:1fr}
  .paper__card{padding:24px}
  .post2__side{padding:24px 16px}
}

/* tweak v3.1 */
.lrow__logo img{width:280px;max-height:260px}
.lrow__txt h2{max-width:420px}
.cat-row__txt img{height:auto;width:290px;max-width:100%}
.cat-row__txt p{max-width:320px}
.cat-btn{font-weight:600;font-size:24px;height:50px}
.cat-row .collage{height:600px}
.wo-feat{height:580px;overflow:hidden}
.wo-feat>.ph{height:580px}
.ab__in p{line-height:1.5}
.ab--white .ab__in p{color:var(--ink)}
.post2{min-height:1100px}
.post2__body p{font-size:16px}

/* pengaman mobile */
html,body{overflow-x:hidden}
@media(max-width:860px){
  .hero__logo{max-width:80%;height:auto}
  .hero__logo--top{width:80%}.hero__logo--grp{width:55%}
  .hero--brand .hero__logo{height:auto;width:55%;max-height:170px}
  .brands-row{max-width:100%;gap:10px}
  .brand-card,.brand-card img{width:140px;height:140px}
  .display{font-size:40px}
  .footer__top{padding:40px 20px 20px}
  .cat-row{grid-template-columns:1fr}
  .lrow__logo img{width:180px}
}

.nav__logo{display:none}
@media(max-width:860px){
  .nav{justify-content:space-between;padding:5px 15px}
  .nav__logo{display:block}
  .nav__logo img{height:14px;width:auto}
  .nav__toggle{position:static;display:block;width:60px;height:60px;padding:0}
  .nav__toggle img{width:60px;height:60px}
  .nav__toggle i{display:none}
}

.arrows--w{display:flex;gap:12px;margin-top:10px}
.arrows--w span{width:34px;height:34px;border:1px solid #fff;display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer}
.h-xl a:hover{opacity:.8}
@media(max-width:860px){
  .nav{align-items:center}
  .hero--full{height:840px}
  .display{font-size:45px}
  .hero__logo--top{width:88%}.hero__logo--grp{width:38%;margin-top:40px}
  .hero--full .lead:last-child{font-size:10px}
  .board>.ph,.board>.collage{order:-1}
  .brands-row{flex-direction:column;align-items:center;gap:20px}
  .brands-row .brand-card:nth-child(2){order:-1}
  .brand-card,.brand-card img{width:220px;height:220px}
  .h-xl{font-size:45px}
  .sec{padding:100px 20px}
  .wo{padding:60px 0 0}
  .wo__body{padding:30px 20px}
}
@media(max-width:860px){
  .board__txt{align-items:flex-start;text-align:left;padding:40px 20px;gap:20px}
  .board__txt .h-xl{font-size:45px!important;line-height:.95;text-align:left;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:20px 0;width:100%}
  .theme-holliday .board__txt .h-xl{border-color:var(--red)}
  .theme-dimdimsum .board__txt .h-xl{border-color:var(--orange)}
  .board__txt .lead{max-width:none;font-size:21px;line-height:1.2}
  .board__txt .btn{align-self:stretch;max-width:none}
  .hero--brand{padding-top:90px;gap:30px!important}
  .hero--brand .hero__logo{width:60%;max-height:190px}
  .lrow__txt h2{font-size:36px}
  .wo-hero{padding:100px 20px 50px}.wo-hero h1{font-size:45px}
  .cat-intro{min-height:0;padding:70px 30px}
  .ab__t,.ld__t{font-size:36px}
}

.theme-holliday{--on:#000}
@media(max-width:860px){
  .t-i{color:#fff}.theme-holliday .t-i{color:#000}
  .board__txt .t-a{color:var(--gold)}
  .theme-holliday .board__txt .t-a{color:var(--red)}
  .theme-dimdimsum .board__txt .t-a{color:var(--orange)}
  .board__txt .lead{font-size:16px;line-height:1.3}
}
/* mobile v3: ukuran mengikuti frame 400px */
@media(max-width:860px){
  .hero--head{height:360px}
  .hero--head h1,.hero--tall h1{font-size:45px;line-height:1}
  .ab__t,.ld__t,.lrow__txt h2,.news__t--ink{font-size:45px}
  .ab__in p,.cat-intro p{font-size:24px}
  .ab--white .ab__in p{font-size:24px}
  .lrow__txt p{font-size:21px}
  .lrow__txt{padding:20px}
  .lrow__logo img{width:260px}
  .board__txt .lead{font-size:20px}
  .cat-row__txt p{font-size:21px;max-width:none}
  .cat-row__txt img{width:230px}
  .jobs2{padding:0 20px}
  .news__t{font-size:45px;margin:0 20px 24px}
  .news__f{padding:0 20px}
  .job2 p{font-size:21px}
  .ct{padding:50px 20px}
  .ct__card img{height:90px}
  .post2__body{padding:30px 20px 60px}
  .post2__main .ph{height:260px}
  .paper{padding:20px 10px 40px}
  .paper__card{padding:24px 20px}
  .ld{padding:30px 15px 50px}
  .ld__grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}
  .person--xl,.person--lead{width:220px}
}
@media(max-width:860px){.news__t--ink{font-size:34px;overflow-wrap:anywhere}}

#philosophy,#value{scroll-margin-top:70px}

/* ===== kartu pop-up (360px, sesuai komponen desain) ===== */
.pop{border:0;padding:15px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;border-radius:12px;background:#fff;color:#69645f;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.pop::backdrop{background:rgba(0,0,0,.6)}
.pop--dark{background:#000;color:#fff;border:2px solid var(--gold)}
.pop form{display:flex;justify-content:flex-end;margin:0}
.pop__close{display:inline-flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font:800 14px/1 'Montserrat',sans-serif;color:#000;padding:0 0 6px}
.pop__close svg{color:#d71920}
.pop--dark .pop__close{color:#fff}.pop--dark .pop__close svg{color:#fff}
.pop>.ph{aspect-ratio:330/160;border-radius:0}
.pop__logo{display:block;margin:10px auto;height:75px;width:auto;max-width:90%}
.pop__hours,.pop__addr{font-size:16px;line-height:1.4;margin:6px 0}
.pop__hours{font-weight:800}
.pop__addr{font-weight:600;margin-bottom:16px}
.pop--dark .pop__addr{color:#fff;font-weight:800}
.pop__t{font-size:20px;font-weight:800;margin:10px 0 14px;color:#fff}
.pop__btn{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;margin:10px 0;border-radius:6px;font:400 24px/1.2 'Montserrat',sans-serif;border:1px solid transparent;text-decoration:none}
.pop__btn img{width:36px;height:36px}
.pop__btn--white{background:#fff;color:#69645f;border-color:#3d362f}
.pop--dark .pop__btn--white{border-color:#fff}
.pop__btn--gold{border:2px solid var(--sun);color:var(--sun);background:#000;border-radius:0}
.pop__btn--gold:hover{background:var(--sun);color:#000}
.pop__btn--wa{background:#58bf42;color:#fff;font-weight:600}
.pop__or{font-size:16px;font-weight:600;margin:16px 0 10px}
.pop__apps{display:flex;justify-content:center;gap:15px}
.pop__apps a{display:grid;justify-items:center;gap:4px;width:80px;font-size:16px;font-weight:800;color:#3d362f}
.pop__apps img{width:36px;height:36px}
.pop__note{font-size:16px;margin:6px 0 18px;line-height:1.3}
.pop .pop__btn+.pop__note{margin-top:8px}
body:has(dialog[open]){overflow:hidden}
/* kartu lokasi di halaman Contact */
.ct__card{font-family:'Montserrat',sans-serif}

.pop__close:focus:not(:focus-visible){outline:0}
.pop__close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pop__logo[src*='holliday-h']{height:56px}
.pop{margin:auto}
.pop:focus{outline:0}


/* ===== v4: kesamaan tipografi dengan desain (hasil audit ukuran/tebal/warna per teks) ===== */
.footer address{font-size:10px;font-weight:400;line-height:1.3}
.footer address b{font-size:12px;font-weight:800;text-transform:uppercase}
/* Leadership */
.person h3{font-weight:600}
.person p{text-transform:none}
/* Catering */
.hero--tall h1{font-size:90px}
.cat-intro p{color:#24201d}
.cat-row__txt p{font-size:24px;font-weight:600;max-width:330px;line-height:1.3}
.cat-row .more{font-size:27px}
.cat-btn{font-size:27px}
/* About */
.ab__in p{font-size:24px;line-height:1.5}
.ab--white .ab__in p{color:#24201d}
/* What's On */
.wo-hero h1{font-size:90px}
.ncard{font-family:'Poppins','Montserrat',sans-serif}
.ncard h3{font-size:14px;font-weight:700;text-transform:uppercase;font-family:'Poppins','Montserrat',sans-serif}
.ncard time{font-size:10px;font-weight:200;font-family:'Poppins','Montserrat',sans-serif}
.ncard .chip{font-size:10px;font-weight:500;font-family:'Poppins','Montserrat',sans-serif}
.sqpager a{font-size:16px}
/* Careers / Contact */
.news__t--ink{font-weight:900}
.ct__card{font-size:16px}
.job-date,.paper__card time{font-size:14px}
@media(max-width:860px){.hero--tall h1{font-size:45px}.ab__in p{font-size:24px}.news__t--ink{font-size:36px}}


/* ===== v4: halaman brand (struktur & warna mengikuti desain; tiap brand punya tema sendiri) ===== */
.theme-the-suri{--acc:#ba9d48;--ti:#fff;--body:#fff;--pg:#000;--line:#ba9d48;--gbg:#ba9d48;--gink:#000;--gal-bg:#000;--gal-ti:#fff;--st-bg:#24201d;--st-ti:#fff;--st-sub:#fff;--blog:#000;--more:#ba9d48;--link:#ba9d48}
.theme-holliday{--acc:#b01f24;--ti:#000;--body:#3d362f;--pg:#fff;--line:#ba9d48;--gbg:#721215;--gink:#fff;--gal-bg:#fff;--gal-ti:#000;--st-bg:#fff;--st-ti:#b01f24;--st-sub:#3d362f;--blog:#721215;--more:#b01f24;--link:#b01f24}
.theme-dimdimsum{--acc:#f68c1f;--ti:#fff;--body:#fff;--pg:#24201d;--line:#f68c1f;--gbg:#f68c1f;--gink:#fff;--gal-bg:#fff;--gal-ti:#f68c1f;--st-bg:#fff;--st-ti:#f68c1f;--st-sub:#69645f;--blog:#000;--more:#f68c1f;--link:#f68c1f}

/* hero */
.brandpage .hero--brand::after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.55) 100%)}
.brandpage .hero .display{max-width:1000px}
.hero--left{align-items:flex-start;justify-content:flex-start;text-align:left;padding:214px 80px 0}
.hero--left .display{text-align:left;max-width:840px;margin-left:0}
.hero--left .hero__logo{height:70px;margin:30px 0 0}
.hero__note{font-size:14px;font-weight:600;margin-top:30px}
.brandpage .hero .cta-out{margin-top:0;min-width:330px;background:#000;border:2px solid var(--link);color:var(--link)!important;font:400 24px/1.2 'Montserrat',sans-serif}
.theme-holliday .hero .cta-out{background:transparent;border-color:#fff;color:#fff!important;font-weight:600}

/* pita sapaan */
.greet{background:var(--gbg);color:var(--gink);min-height:480px;display:flex;align-items:center;justify-content:center;padding:50px 30px}
.greet p{max-width:600px;font-size:24px;font-weight:600;line-height:1.5;text-align:center}
.theme-dimdimsum .greet p{text-align:left}

/* blok konten: teks rata kiri, judul dua warna bergaris */
.brandpage .board{background:var(--pg)}
.brandpage .board__txt{background:var(--pg);color:var(--body);align-items:flex-start;text-align:left;padding:60px;gap:30px}
.brandpage .board__txt>*{width:100%;max-width:600px}
.brandpage .board__txt .lead{font-size:21px;line-height:1.2}
.bt{font-size:81px;line-height:.9;font-weight:800;text-transform:none;border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:26px 0;text-align:left}
.bt .t-a{color:var(--acc)}.bt .t-i{color:var(--ti)}
.board--img-right>.ph,.board--img-right>.collage{order:2}
.board--img-left>.ph,.board--img-left>.collage{order:0}
.cta-link{align-self:flex-start;font-size:24px;font-weight:800;color:var(--acc)}
.theme-dimdimsum .cta-link{font-size:36px}
.cta-link:hover{text-decoration:underline}
.brandpage .cta-out{min-width:0;width:auto;padding:6px 24px;background:transparent;border:2px solid var(--link);color:var(--link)!important;font:400 24px/1.2 'Montserrat',sans-serif;border-radius:0}
.theme-the-suri .cta-out{background:#000;min-width:330px}
.theme-holliday .cta-out{border-width:1px;font-weight:600;min-width:310px}
.theme-dimdimsum .cta-out{--link:#fff;border-color:#f68c1f;font-weight:800;font-size:27px;min-width:0}
.cta-out:hover{background:var(--link)!important;color:#000!important}
.cta-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:250px;height:50px;padding:5px 14px;background:#4ebd44;color:#fff;font:600 27px/1.2 'Montserrat',sans-serif;border-radius:6px}
.cta-wa img{width:36px;height:36px}
.cta-wa:hover{filter:brightness(1.06)}

/* galeri: mosaik 4 kolom (2 foto besar) */
.gal2{background:var(--gal-bg);padding:50px}
.gal2__t{font-size:81px;line-height:.9;font-weight:800;text-align:center;color:var(--gal-ti);padding:30px 0;margin-bottom:30px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);max-width:1340px;margin-left:auto;margin-right:auto}
.theme-the-suri .gal2__t,.theme-holliday .gal2__t{text-transform:uppercase}
.gal2__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1340px;margin:0 auto}
.gal2__grid .ph{aspect-ratio:320/245;height:100%;width:100%}
.gal2__grid .ph:nth-child(1),.gal2__grid .ph:nth-child(8){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gal2__grid .ph:nth-child(1){grid-column:1/3;grid-row:1/3}
.gal2__grid .ph:nth-child(8){grid-column:3/5;grid-row:3/5}

/* fasilitas: dua kolom, urut per baris */
.fac{grid-template-columns:repeat(2,1fr);gap:50px 30px;max-width:none}
.fac__item{max-width:640px;width:100%;margin:0 auto}

/* bagian artikel per brand */
.bst{background:var(--st-bg);padding:60px 0 40px;display:grid;gap:30px;justify-items:center}
.bst__t{font-size:81px;line-height:.9;font-weight:800;color:var(--st-ti);text-align:center;padding:0 20px}
.theme-the-suri .bst__t,.theme-holliday .bst__t{text-transform:uppercase}
.theme-holliday .bst__t{padding:30px 0;border-top:2px solid var(--line);border-bottom:2px solid var(--line);width:calc(100% - 40px)}
.theme-dimdimsum .bst__t{text-transform:capitalize}
.bst__sub{font-size:21px;line-height:1.2;color:var(--st-sub);text-align:center;max-width:540px;padding:0 20px}
.bst .wo__blog{width:100%;background:var(--blog)}
.bst__foot{font-size:21px;line-height:1.2;color:#3d362f;text-align:center;max-width:540px;padding:0 20px}
.bst__more{font-size:36px;font-weight:800;color:var(--more);text-align:center}
.bst__more:hover{text-decoration:underline}

/* bagian lokasi: kartu (Suri, Holliday) atau dua tile (DimDimSum) */
.find--card{display:grid;grid-template-columns:480px 330px;gap:100px;justify-content:center;align-items:center;min-height:560px;background:#fff;padding:50px;color:#69645f}
.find--card>.ph{aspect-ratio:4/3;height:auto}
.find__card{display:grid;gap:14px;justify-items:center;text-align:center}
.find__card>img{height:143px;width:auto;max-width:100%}
.theme-the-suri .find__card>img{height:120px}
.find__card p{font-size:16px;font-weight:600;line-height:1.5;color:#69645f}
.find__dir{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;width:100%;border:1px solid #3d362f;color:#69645f;font:600 27px/1.2 'Montserrat',sans-serif;background:#fff}
.theme-holliday .find__dir{border-color:#4ebd44;border-radius:6px}
.find__dir img{width:36px;height:36px}
.find__card .btn{width:100%;min-width:0}
.theme-the-suri .find__card .cta-out{background:#fff;border-color:#ba9d48;color:#ba9d48!important}
.find__card .cta-wa{width:100%}
.find--tiles{background:#24201d;padding:30px;text-align:center;display:grid;gap:30px;justify-items:center;min-height:540px;align-content:center}
.find__t{font-size:81px;line-height:.9;font-weight:800;color:#f68c1f;text-transform:capitalize}
.find__note{font-size:16px;font-weight:600;color:#fff}
.find__tiles{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.find__tile{display:grid;gap:10px;width:330px;padding:10px;background:#fff;border:0;border-radius:8px;cursor:pointer;font:800 21px/1.2 'Montserrat',sans-serif;color:#3d362f;text-align:left}
.find__tile .ph{aspect-ratio:330/160;border-radius:4px}
.find__tile:hover{outline:3px solid #f68c1f}

@media(max-width:860px){
  .hero--left{padding:140px 20px 0}
  .bt,.bst__t,.gal2__t,.find__t{font-size:45px}
  .gal2{padding:30px 20px}
  .gal2__grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .gal2__grid .ph:nth-child(1),.gal2__grid .ph:nth-child(8){grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  .gal2__grid .ph:nth-child(n+9){display:none}
  .fac{grid-template-columns:1fr}
  .brandpage .board__txt{padding:40px 20px}
  .find--card{grid-template-columns:1fr;gap:30px;padding:30px 20px;min-height:0}
  .greet{min-height:0;padding:70px 20px}
  .find__tile{width:100%}
}

.gal2__t{padding:60px 0}
.gal2{padding-bottom:110px}
.find--card{min-height:480px;padding:0 50px}
.display{white-space:pre-line}
@media(max-width:860px){.collage{height:auto;aspect-ratio:3/4}.gal2__t{padding:30px 0}}

/* v4b */
.bt span{display:block}
.brandpage .hero--left .display{max-width:840px}
.brandpage .hero--brand::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.88) 100%)}
.theme-the-suri{--gline:#ba9d48}.theme-holliday{--gline:#ba9d48}.theme-dimdimsum{--gline:#b9b2a9}
.bst__t{padding:30px 0;border-top:2px solid var(--gline);border-bottom:2px solid var(--gline);width:calc(100% - 40px)}
.gal2__t{border-color:var(--gline)}

.theme-dimdimsum .bst .more{color:#f68c1f}
.theme-holliday .cta-wa{font-size:24px}
@media(max-width:860px){.fac__item h3{font-size:36px}.fac__item p{font-size:21px;font-weight:400;color:#fff}}

/* v4c */
.ab--white .ab__in p,.ab--gold .ab__in p,.ab--brown .ab__in p{font-size:24px}
.ab--brown .val__i p{font-size:21px}
.person .ph:not(.ph--img){background:#69645f}
.ncards{gap:0 0}
.ncard{box-shadow:0 2px 6px rgba(0,0,0,.25);margin:0 0 20px}
.pform select{color:#24201d}
@media(max-width:860px){
  .cat-row__txt p{font-size:21px}
  .cat-intro p{font-size:24px}
  .ab--white .ab__in p,.ab--gold .ab__in p{font-size:24px}
  .ab--brown .val__i p{font-size:21px}
}

/* v4d: halaman Post & berbagi */
.share{display:flex;gap:20px}
.share a{width:60px;height:60px;background:url('/svg/share-icons.svg') no-repeat;background-size:300px 60px;transition:opacity .15s}
.share a:hover{opacity:.7}
.share--ink a{filter:invert(1)}
.post2{min-height:1875px}
.post2__body .post2__ex{font-size:27px;font-weight:600;line-height:1.2}
.post2__meta{font-size:14px}
.post2__body h3{font-size:27px;font-weight:600}
.post2__side h2{font-weight:600}
.lnews h4{font-size:16px;font-weight:600;line-height:1.1}
.lnews time{font-size:12px}
.lnews p{font-size:12px}
.paper__card time{font-size:14px}
.post2__side .more{font-weight:600}
@media(max-width:860px){.post2{min-height:0}}
.post2__body .post2__meta{font-size:14px}
.post2__body h1{text-transform:none}

/* v4e: tinggi bagian sama dengan desain */
.home-about{min-height:840px;display:flex;align-items:center;justify-content:center}
.wo--home{min-height:1625px;align-content:start}
.ct{min-height:840px;display:flex;flex-direction:column;justify-content:center}
.paper--post{min-height:1452px}
.paper--form{min-height:1258px}
.ld{padding:50px 10px 70px}
.ld__t{margin-bottom:50px}
.ld__lead{margin-bottom:90px}
@media(max-width:860px){.home-about,.wo--home,.ct,.paper--post,.paper--form{min-height:0}.ld__lead{margin-bottom:40px}}
/* v4f: footer setinggi desain (519px) */
.footer__top hr{margin:0}
.footer__addr{margin-top:0}
.footer address{line-height:1.2}
.footer__grp{margin-top:0}
.footer__credit{min-height:80px}

/* v4g: mobile */
.find__tile{font-size:21px}
@media(max-width:860px){
  .lrow__txt .more{font-weight:600}
  .find__tile{font-size:16px}
}
@media(max-width:860px){
  .board--img-right>.ph,.board--img-right>.collage,.board--img-left>.ph,.board--img-left>.collage{order:-1}
}

.find__tile{justify-items:center;text-align:center;padding:16px 10px}
.find__tile img{height:64px;width:auto;max-width:90%}
.find__tile:hover{outline:3px solid #f68c1f}

/* v4h: form lamaran & kartu berita */
.pform input,.pform select{font-size:16px;font-family:'Montserrat',sans-serif}
.filebox{position:relative;display:flex;align-items:center;border:1px solid var(--mut);background:#fff;padding:10px;min-height:42px;cursor:pointer}
.filebox__t{font-size:16px;color:#24201d}
.filebox input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}
.ncards{justify-content:start;padding-left:calc((100% - 950px) / 2 + 25px)}
@media(max-width:1100px){.ncards{padding-left:20px;justify-content:center}}

/* v5: hero Home sesuai desain (logo 400/200px, posisi tetap) */
.hero--full:not(.hero--brand){justify-content:flex-start;padding:158px 20px 0;gap:0}
.hero--full:not(.hero--brand) .hero__logo--top{width:400px;max-width:90%;height:auto;margin:0 0 66px}
.hero--full:not(.hero--brand) .display{margin:0 0 18px}
.hero--full:not(.hero--brand) .hero__logo--grp{width:200px;max-width:60%;height:auto;margin:62px 0 16px}
@media(max-width:860px){
  .hero--full:not(.hero--brand){padding-top:202px}
  .hero--full:not(.hero--brand) .hero__logo--top{width:358px;max-width:none;margin:0 0 62px}
  .hero--full:not(.hero--brand) .hero__logo--grp{width:150px;margin:56px 0 10px}
}

/* v5: layar penuh + snap per section */
html{scroll-snap-type:y proximity}
body>section,body>footer,body>.post2{scroll-snap-align:start}
.hero--full{height:max(640px,100vh);min-height:640px}
.hero--full.hero--brand{height:max(640px,100vh)}

/* v5: What's On home = garis emas, teks di atas judul "See Other Stories" */
.wo--home .wo__blog{border-top:2px solid var(--gold,#ba9d48);border-bottom:2px solid var(--gold,#ba9d48)}
.wo--home .wo__intro{display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:20px}
.wo--home .wo__intro .lead{max-width:720px}
.wo--home .wo__intro h2{font-size:36px;font-weight:800;color:#ba9d48}
.arrows--w span{border-radius:4px}

/* v5: navbar sticky; hitam saat discroll; isi hero Home di tengah */
.nav{position:fixed}
.nav--solid{position:sticky;top:0}
.nav--stuck{background:rgba(0,0,0,.92)}
.hero--full:not(.hero--brand){justify-content:center;padding-top:0;padding-bottom:0}
@media(max-width:860px){.hero--full:not(.hero--brand){padding-top:0}}

/* v5: menu aktif */
@media(min-width:861px){.nav__item>a.is-active{box-shadow:inset 0 -3px 0 var(--gold);color:var(--gold)}}
.nav__sub a.is-active{color:var(--gold);font-weight:800}

/* v5: Executive Leadership = kartu lengkung berfoto penuh, nama di atas foto, tema gelap-emas */
.ld{background:#fff;color:#2b241c;padding:80px 30px 100px}
.ld__t{color:#ba9d48;border-bottom:1px solid rgba(186,157,72,.6);max-width:1040px;margin:0 auto 64px;padding-bottom:18px}
.ld__lead{margin-bottom:28px}
.ld__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1040px;margin:0 auto;justify-content:stretch}
.ld .person{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5.4;width:auto;overflow:hidden;border-radius:999px 999px 20px 20px/120px 120px 20px 20px;border:0;box-shadow:0 14px 30px -18px rgba(43,36,28,.55);background:#e4e3ef;transition:transform .35s,border-color .35s,box-shadow .35s}
.ld .person:hover{transform:translateY(-6px);box-shadow:0 20px 36px -16px rgba(186,157,72,.6)}
.ld .person .ph{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
.ld .person::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 66%,rgba(12,9,6,.55) 82%,rgba(12,9,6,.9) 100%);pointer-events:none}
.ld .person p,.ld .person h3{position:relative;z-index:1;margin:0;padding:0 14px;text-align:center}
.ld .person p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d8b943;font-weight:600;line-height:1.4}
.ld .person h3{font-size:17px;line-height:1.15;font-weight:800;color:#fff;padding-top:6px;padding-bottom:20px}
.ld .person--lead,.ld .person--xl{width:min(270px,100%);margin:0 auto}
.ld .person--xl{width:min(310px,100%)}
.ld .person--lead h3{font-size:19px}
@media(max-width:860px){.ld__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}}
@media(max-width:560px){.ld{padding:60px 16px 80px}.ld__grid{gap:16px}.ld .person{border-radius:999px 999px 20px 20px/150px 150px 20px 20px}.ld .person p{font-size:10px;padding:0 12px}.ld .person h3{font-size:16px;padding:6px 12px 20px}.ld .person--lead h3{font-size:20px}}