/* =====================================================================
   HIPMI DEPOK — Homepage "Premium Editorial" (terang, elegan, lapang)
   Terisolasi di bawah body.hikari-home. Palet HANYA warna HIPMI:
   navy #0B2E59 · gold #C9972B. Latar porcelain terang, tinta navy,
   aksen gold hairline. Tidak menyentuh backend.
   ===================================================================== */
body.hikari-home{
  --pg-paper:#F6F8FB;      /* halaman: putih-bersih dengan sentuhan cool (V3) */
  --pg-paper2:#FFFFFF;     /* panel/kartu: putih murni */
  --pg-navy:#0B2E59; --pg-navy2:#173a68;
  --pg-ink:#122238;        /* judul */
  --pg-body:#516074;       /* teks isi */
  --pg-soft:#8a97a8;       /* teks halus */
  --pg-gold:#B0812A; --pg-gold2:#C9972B; --pg-gold3:#e7c877;
  --pg-line:rgba(18,34,56,.10);
  --pg-goldline:rgba(176,129,42,.38);
  --pg-maxw:1180px;
  --pg-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --pg-sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --pg-num:'Archivo',var(--pg-sans);
  background:var(--pg-paper);
  color:var(--pg-body);
  font-family:var(--pg-sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* Aura latar sangat halus (tak berat, tak gelap) */
body.hikari-home::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(52vw 42vw at 84% -8%, rgba(201,151,43,.07), transparent 62%),
    radial-gradient(48vw 42vw at 2% 4%, rgba(29,78,137,.05), transparent 62%);
}
.hikari-home ::selection{background:rgba(201,151,43,.22);color:var(--pg-navy)}
.hikari-home a{color:var(--pg-navy)}

/* nilai awal reveal hanya aktif bila JS jalan (tanpa JS: tetap tampil) */
.hm .hikari-home [data-reveal]{opacity:0;will-change:transform,opacity}

/* eyebrow kecil elegan */
.hikari-home .pg-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--pg-sans);font-size:.72rem;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--pg-gold);margin:0 0 18px
}
.hikari-home .pg-eyebrow::before{content:"";width:30px;height:1px;background:var(--pg-goldline)}

/* ---------------- NAVBAR PILL (terang, kaca) ---------------- */
.hikari-home .appbar{
  position:fixed;top:16px;left:50%;transform:translateX(-50%);
  width:min(var(--pg-maxw),94vw);z-index:80;
  background:rgba(252,251,248,.72);backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid var(--pg-line);border-radius:16px;
  box-shadow:0 10px 30px rgba(18,34,56,.08);
  transition:background .35s,box-shadow .35s,top .35s
}
.hikari-home .appbar.hp-scrolled{top:10px;background:rgba(252,251,248,.9);box-shadow:0 12px 34px rgba(18,34,56,.12)}
.hikari-home .appbar .container{height:60px;max-width:none;padding:0 12px 0 18px}
.hikari-home .brand-logo{height:36px;box-shadow:none}
.hikari-home .nav a,.hikari-home .nav .ngtoggle{
  color:var(--pg-body);font-weight:500;font-size:.85rem;letter-spacing:.005em;
  padding:8px 12px;border-radius:9px;transition:color .2s,background .2s
}
.hikari-home .nav a:hover,.hikari-home .nav .ngtoggle:hover{color:var(--pg-navy);background:rgba(11,46,89,.05)}
.hikari-home .nav a.active{color:var(--pg-gold);background:transparent;box-shadow:none}
.hikari-home .appbar .btn-gold{
  background:var(--pg-navy);color:#fff;border-radius:9px;font-weight:600;
  font-size:.82rem;letter-spacing:.04em;box-shadow:none;padding:9px 18px
}
.hikari-home .appbar .btn-gold:hover{background:var(--pg-navy2)}
.hikari-home .menu-toggle{color:var(--pg-navy)}
@media(max-width:980px){
  .hikari-home .appbar{top:10px;width:94vw}
  .hikari-home .appbar .container{height:54px}
}

/* ---------------- TOMBOL ---------------- */
.hikari-home .btn-lg{padding:15px 28px;border-radius:10px;font-size:.94rem;font-weight:600;letter-spacing:.03em;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s,color .3s}
.hikari-home .btn-gold{background:linear-gradient(120deg,var(--pg-gold2),var(--pg-gold));color:#fff;border:0;box-shadow:0 8px 22px rgba(176,129,42,.28)}
.hikari-home .btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(176,129,42,.36)}
.hikari-home .btn-primary{background:var(--pg-navy);color:#fff;border:0}
.hikari-home .btn-primary:hover{background:var(--pg-navy2);transform:translateY(-3px)}
/* tombol "Daftar" di hero (menimpa inline gelap lama) */
.hikari-home .hero .cta .btn-outline{
  background:transparent!important;color:var(--pg-navy)!important;
  border:1px solid var(--pg-navy)!important;border-radius:10px
}
.hikari-home .hero .cta .btn-outline:hover{background:var(--pg-navy)!important;color:#fff!important;transform:translateY(-3px)}

/* ---------------- HERO: cover foto (slider) elegan ---------------- */
.hikari-home .slider{position:relative;height:84vh;min-height:560px;margin:0;border-radius:0;overflow:hidden}
.hikari-home .slider .slide{position:relative;height:84vh;min-height:560px}
.hikari-home .slider .bg{filter:saturate(.98) brightness(.82);transform:scale(1.05)}
/* Gradasi V3: terang di atas (foto jelas) → smooth turun ke navy lembut demi keterbacaan */
.hikari-home .slider .ov{background:linear-gradient(180deg,
  rgba(6,17,33,.10) 0%,
  rgba(6,17,33,.02) 26%,
  rgba(6,17,33,.10) 52%,
  rgba(6,17,33,.34) 74%,
  rgba(6,17,33,.62) 100%)}
.hikari-home .slider .inner{max-width:var(--pg-maxw);margin:0 auto;padding:0 26px;bottom:16vh;top:auto;transform:none}
.hikari-home .slider .inner h2{
  font-family:var(--pg-serif);font-weight:400;line-height:1.05;
  font-size:clamp(2rem,4.4vw,3.6rem);color:#fff;letter-spacing:-.01em;
  text-shadow:0 2px 26px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.45);margin:0 0 14px;max-width:14ch
}
.hikari-home .slider .inner p{font-family:var(--pg-sans);font-size:clamp(.98rem,1.4vw,1.15rem);color:#fff;max-width:560px;margin:0 0 20px;font-weight:400;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.hikari-home .slider .inner .btn-gold{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px);border-radius:10px}
.hikari-home .slider .dots{bottom:8vh}
.hikari-home .slider .dots b{background:rgba(255,255,255,.4)}
.hikari-home .slider .dots b.on{background:var(--pg-gold3);width:26px;border-radius:6px}
.hikari-home .slider .arrow{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}
.hikari-home .slider .arrow:hover{background:rgba(255,255,255,.24)}

/* ---------------- HERO: pernyataan editorial (terang) ---------------- */
.hikari-home .hero{
  position:relative;background:transparent;color:var(--pg-ink);overflow:visible;
  min-height:74vh;display:flex;align-items:center;padding:150px 0 90px
}
.hikari-home .hero .container{max-width:var(--pg-maxw);position:relative;z-index:2}
.hikari-home .hero .mb2{margin-bottom:26px}
.hikari-home .hero .mb2 img{box-shadow:0 10px 30px rgba(18,34,56,.12)}
.hikari-home .hero h1{
  font-family:var(--pg-serif);font-weight:400;color:var(--pg-ink);
  font-size:clamp(2.1rem,4.8vw,3.6rem);line-height:1.1;letter-spacing:-.015em;
  margin:.1em 0 .34em;max-width:16ch;text-wrap:balance
}
.hikari-home .hero h1 .gold-text,.hikari-home .gold-text{
  font-style:italic;font-weight:400;
  color:transparent;background:linear-gradient(120deg,var(--pg-gold2),var(--pg-gold));
  -webkit-background-clip:text;background-clip:text
}
.hikari-home .hero .lead{font-family:var(--pg-sans);font-size:clamp(1rem,1.4vw,1.18rem);color:var(--pg-body);max-width:540px;line-height:1.75}
.hikari-home .hero .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
/* garis emas tipis di bawah hero */
.hikari-home .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--pg-goldline),transparent)}
/* scroll cue */
.hikari-home .hp-scrollcue{
  position:absolute;left:0;bottom:34px;z-index:3;display:flex;align-items:center;gap:12px;
  color:var(--pg-soft);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500
}
.hikari-home .hp-scrollcue .mouse{width:22px;height:34px;border:1.5px solid var(--pg-goldline);border-radius:12px;position:relative}
.hikari-home .hp-scrollcue .mouse::before{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:2px;background:var(--pg-gold2);transform:translateX(-50%);animation:pgWheel 1.7s ease-in-out infinite}
@keyframes pgWheel{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}70%{opacity:1;transform:translate(-50%,9px)}100%{opacity:0;transform:translate(-50%,11px)}}

/* ---------------- KONTEN UTAMA ---------------- */
.hikari-home main.container{max-width:var(--pg-maxw);position:relative;z-index:2}

/* Judul section: eyebrow + serif */
.hikari-home .section-title{margin:96px 0 30px;border:0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.hikari-home .section-title h2{
  font-family:var(--pg-serif);font-weight:400;letter-spacing:-.01em;
  font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.12;color:var(--pg-ink)
}
.hikari-home .section-title a{font-family:var(--pg-sans);color:var(--pg-gold);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.hikari-home .section-title a:hover{color:var(--pg-navy)}

/* ---------------- STATISTIK (dipertahankan gaya angka besar) ---------------- */
.hikari-home .grid-4{gap:0;border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line);margin-top:34px}
.hikari-home .stat{
  background:transparent;border:0;border-left:1px solid var(--pg-line);border-radius:0;
  padding:34px 26px;position:relative;overflow:hidden;box-shadow:none;transition:background .35s
}
.hikari-home .grid-4>.stat:first-child{border-left:0}
.hikari-home .stat:hover{background:rgba(176,129,42,.04)}
.hikari-home .stat .lbl{color:var(--pg-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.hikari-home .stat .val{
  font-family:var(--pg-num);font-weight:800;font-size:clamp(1.9rem,3.4vw,2.8rem);
  line-height:1;margin-top:12px;color:var(--pg-navy);font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;white-space:nowrap
}
.hikari-home .stat .val[style*="gold"],.hikari-home .stat.gold .val{color:var(--pg-gold2)!important}
.hikari-home .stat .ic{position:absolute;right:18px;top:20px;font-size:1.1rem;opacity:.3}
.hikari-home .stat.accent,.hikari-home .stat.gold{border-left:1px solid var(--pg-line)}
@media(max-width:900px){.hikari-home .grid-4{border-left:0}.hikari-home .stat{border-top:1px solid var(--pg-line)}.hikari-home .grid-4>.stat:nth-child(-n+2){border-top:0}}

/* ---------------- KARTU FITUR ---------------- */
.hikari-home .grid-3{gap:22px}
.hikari-home .card{background:var(--pg-paper2);border:1px solid var(--pg-line);border-radius:16px;color:var(--pg-body);box-shadow:0 1px 2px rgba(18,34,56,.03)}
.hikari-home .card-pad{padding:30px 28px}
.hikari-home .card.card-hover{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.hikari-home .card.card-hover:hover{transform:translateY(-6px);border-color:var(--pg-goldline);box-shadow:0 22px 48px rgba(18,34,56,.10)}
.hikari-home .grid-3 .card h3{font-family:var(--pg-sans);font-weight:600;font-size:1.12rem;color:var(--pg-ink);letter-spacing:-.01em}
.hikari-home .grid-3 .card .muted,.hikari-home .card .muted{color:var(--pg-body)}
.hikari-home .grid-3 .card>div:first-child{
  width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;
  border-radius:12px;background:linear-gradient(135deg,rgba(201,151,43,.12),rgba(11,46,89,.08));
  border:1px solid var(--pg-line);font-size:1.4rem!important
}

/* ---------------- GRID "OUR WORKS" (agenda & artikel) ---------------- */
.hikari-home .art-grid{gap:24px}
.hikari-home .art-card{
  background:var(--pg-paper2);border:1px solid var(--pg-line);border-radius:16px;overflow:hidden;
  color:var(--pg-body)!important;box-shadow:0 1px 2px rgba(18,34,56,.03);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s
}
.hikari-home .art-card:hover{transform:translateY(-6px);border-color:var(--pg-goldline);box-shadow:0 24px 52px rgba(18,34,56,.12)}
.hikari-home .art-card .thumb{height:220px;overflow:hidden;background:#eceae3}
.hikari-home .art-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hikari-home .art-card:hover .thumb img{transform:scale(1.06)}
.hikari-home .art-card .body{padding:22px}
.hikari-home .art-card .body h3{font-family:var(--pg-sans);font-weight:600;font-size:1.06rem;color:var(--pg-ink)!important;line-height:1.28;letter-spacing:-.01em}
.hikari-home .art-card .body p,.hikari-home .art-card .muted{color:var(--pg-body)!important}
.hikari-home .art-card .meta{color:var(--pg-gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-top:12px;font-weight:600}

/* ---------------- EKSPRESIKU ---------------- */
.hikari-home .eks-wrap{margin-top:20px}
.hikari-home .eks-card{background:var(--pg-paper2);border:1px solid var(--pg-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(18,34,56,.03)}
.hikari-home .eks-text{color:var(--pg-ink);font-family:var(--pg-serif);font-weight:400;font-size:1.08rem;line-height:1.55;font-style:italic}
.hikari-home .eks-tag{background:rgba(201,151,43,.1);color:var(--pg-gold);border:1px solid var(--pg-goldline)}
.hikari-home .eks-author b{color:var(--pg-ink)}
.hikari-home .eks-author .muted{color:var(--pg-soft)}
.hikari-home .eks-arrow{background:#fff;border:1px solid var(--pg-line);color:var(--pg-navy);box-shadow:0 4px 14px rgba(18,34,56,.1)}
.hikari-home .eks-arrow:hover{background:var(--pg-navy);color:#fff}
.hikari-home .eks-dots b{background:rgba(18,34,56,.2)}
.hikari-home .eks-dots b.on{background:var(--pg-gold2)}

/* ---------------- CTA PANEL (navy — satu-satunya panel gelap utk drama) ---------------- */
.hikari-home main .card.center{
  background:linear-gradient(125deg,var(--pg-navy),#0e355f 55%,var(--pg-navy2))!important;
  border:1px solid rgba(201,151,43,.22)!important;border-radius:22px;padding:72px 34px;margin-top:104px;
  position:relative;overflow:hidden
}
.hikari-home main .card.center::before{content:"";position:absolute;inset:0;background:radial-gradient(38vw 38vw at 82% 130%,rgba(201,151,43,.20),transparent 62%);pointer-events:none}
.hikari-home main .card.center h2{font-family:var(--pg-serif);font-weight:400;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;color:#fff;position:relative;letter-spacing:-.01em}
.hikari-home main .card.center .muted{color:rgba(255,255,255,.82)!important;max-width:560px;margin:16px auto 0;position:relative;font-family:var(--pg-sans)}
.hikari-home main .card.center .btn{position:relative}
.hikari-home main .card.center .btn-primary{background:linear-gradient(120deg,var(--pg-gold2),var(--pg-gold));color:#fff}

/* ---------------- FOOTER ---------------- */
.hikari-home .footer{background:var(--pg-navy);border-top:0;margin-top:0;padding:56px 0}
.hikari-home .footer a{color:var(--pg-gold3)}
.hikari-home .footer a:hover{color:#fff}
.hikari-home .footer .small{color:rgba(255,255,255,.7)}

/* ---------------- RESPONSIVE ---------------- */
@media(max-width:640px){
  .hikari-home .hero{min-height:auto;padding:130px 0 70px}
  .hikari-home .section-title{margin:64px 0 22px}
  .hikari-home main .card.center{padding:48px 24px;border-radius:18px;margin-top:72px}
  .hikari-home .card-pad{padding:24px 22px}
  .hikari-home .stat{padding:26px 20px}
}

/* ---------------- HORMATI REDUCED MOTION ---------------- */
@media(prefers-reduced-motion:reduce){
  .hm .hikari-home [data-reveal]{opacity:1!important;transform:none!important}
  .hikari-home .hp-scrollcue .mouse::before{animation:none}
  .hikari-home .slider .bg{transform:none}
}

/* ================= V5 — tambahan sinematik (di atas basis V3) ================= */
/* Hero split per-huruf */
.hikari-home .hero h1 .v5-word{display:inline-block}
.hikari-home .hero h1 .v5-ch{display:inline-block;will-change:transform,opacity}
.hikari-home .hero h1 .v5-gold{color:#B0812A;-webkit-text-fill-color:#B0812A;background:none;font-style:italic}
/* Kursor-follow (hanya perangkat dengan pointer presisi) */
.hikari-home .v5-cursor{position:fixed;top:0;left:0;width:30px;height:30px;border:1.5px solid rgba(176,129,42,.5);border-radius:50%;pointer-events:none;z-index:95;transform:translate(-50%,-50%);opacity:0;transition:width .3s ease,height .3s ease,background .3s ease,border-color .3s ease,opacity .4s ease}
.hikari-home .v5-cursor.is-ready{opacity:1}
.hikari-home .v5-cursor.is-hover{width:52px;height:52px;background:rgba(201,151,43,.08);border-color:rgba(201,151,43,.85)}
@media(hover:none),(pointer:coarse){.hikari-home .v5-cursor{display:none!important}}
/* Parallax container */
.hikari-home .art-card .thumb{will-change:transform}
@media(prefers-reduced-motion:reduce){.hikari-home .v5-cursor{display:none!important}.hikari-home .hero h1 .v5-ch{transform:none!important;opacity:1!important}}