/* Palet brand khusus keluarga homepage. Template global dan strip SEO tetap. */
body.home-immersive {
  --home-black: #151515;
  --home-charcoal: #252525;
  --home-white: #faf9f6;
  --home-grey: #ecebea;
  --home-muted: #666462;
  --home-gold: #c9aa70;
  --home-gold-dark: #80602e;
  --home-gold-light: #ead7af;
  --home-line: #dcd7ce;
  background: var(--home-black);
}
body.home-immersive .hp-main { --im-ink: #252525; --im-cream: #f5f2eb; --im-muted: #77736c; background: var(--home-black); }

/* Hero: gold pada charcoal, lalu putih/silver dengan lapisan baca yang lembut. */
body.home-immersive .home-journey { --ink: #101010; --gold: #cfb17b; --ivory: #f3eee5; }
body.home-immersive .home-journey .scene { --cta-bg: #ddc391; --cta-ink: #25211b; --cta-icon-bg: #25221d; --cta-icon-ink: #f4dfb7; --cta-hover: #efdbb5; --cta-focus: #ddc391; }
body.home-immersive .home-journey .scene-aesthetics .eyebrow { color: #d5b781; }
body.home-immersive .home-journey .journey-title--aesthetics em { color: #e0c28c; }
body.home-immersive .home-journey .journey-learn:not(.journey-learn--secondary) { background: linear-gradient(115deg,#efdebc,#d3b27a); border-color: #e4c998; }
body.home-immersive .home-journey .journey-learn--secondary { color: #ebd2a6; border-color: #c9aa707d; background: #d3b27a0a; }
body.home-immersive .home-journey .journey-learn--secondary .journey-button-icon { color: #24211b; background: #e6c995; }
body.home-immersive .home-journey .scene-peptides { background: var(--home-white); border-top-color: #e8e5df; --cta-icon-bg: #e4c998; --cta-icon-ink: #24211b; --cta-focus: #80602e; }
body.home-immersive .home-journey .scene-peptides video,
body.home-immersive .home-journey .scene-peptides .journey-poster img { filter: grayscale(1) sepia(.22) saturate(.85); background: var(--home-white); }
body.home-immersive .home-journey .scene-peptides .shade {
  background: linear-gradient(90deg,#faf9f6 0%,rgba(250,249,246,.99) 27%,rgba(250,249,246,.93) 42%,rgba(250,249,246,.65) 55%,rgba(250,249,246,.12) 75%,transparent 90%),linear-gradient(0deg,#faf9f6,transparent 32%);
}
body.home-immersive .home-journey .scene-peptides .copy { color: #252525; }
body.home-immersive .home-journey .copy-peptides::before {
  content: ''; position: absolute; z-index: -1; inset: -60px -90px -55px -75px; pointer-events: none;
  background: radial-gradient(ellipse at 40% 52%,rgba(250,249,246,.97) 0%,rgba(250,249,246,.84) 45%,rgba(250,249,246,.3) 64%,transparent 76%);
}
body.home-immersive .home-journey .scene-peptides .eyebrow { color: var(--home-gold-dark); }
body.home-immersive .home-journey .scene-peptides .fine-line { background: #a9884f; }
body.home-immersive .home-journey .journey-title--peptides em { color: var(--home-gold-dark); }
body.home-immersive .home-journey .scene-peptides .journey-lead { color: #33312d; }
body.home-immersive .home-journey .scene-peptides .description { color: #5d5952; }
body.home-immersive .home-journey .scene-peptides .journey-learn { background: linear-gradient(115deg,#30302d,#181818); border-color: #3c3830; color: #faf5eb; }
body.home-immersive .home-journey .scene-peptides .journey-learn:focus-visible { outline-color: #80602e; }
@media (hover:hover) {
  body.home-immersive .home-journey .journey-learn:not(.journey-learn--secondary):hover { background: linear-gradient(115deg,#faebce,#e5c594); }
  body.home-immersive .home-journey .journey-learn--secondary:hover { background: #c9aa7026; border-color: #e4c998; color: #fff0d4; }
  body.home-immersive .home-journey .scene-peptides .journey-learn:hover { background: linear-gradient(115deg,#4b4233,#25231e); }
}
@media (min-width:601px) and (max-aspect-ratio:1/1) {
  body.home-immersive .home-journey .scene-peptides .shade { background: linear-gradient(0deg,#faf9f6 0%,rgba(250,249,246,.98) 30%,rgba(250,249,246,.82) 43%,transparent 65%); }
}
@media (max-width:600px) {
  body.home-immersive .home-journey .scene-peptides .shade { background: linear-gradient(0deg,#faf9f6 0%,rgba(250,249,246,.99) 43%,rgba(250,249,246,.89) 55%,transparent 74%); }
  body.home-immersive .home-journey .copy-peptides::before { inset: -42px -8vw -40px; background: linear-gradient(0deg,#faf9f6 0%,rgba(250,249,246,.97) 55%,rgba(250,249,246,.7) 82%,transparent); }
}
@media (max-width:600px) and (max-height:740px) {
  body.home-immersive .home-journey .scene-peptides .shade { background: linear-gradient(0deg,#faf9f6 0%,rgba(250,249,246,.99) 55%,rgba(250,249,246,.92) 65%,transparent 85%); }
}

/* Treatment Edit. */
body.home-immersive .im-studio { background: radial-gradient(ellipse at 95% 0%,#b8955530,transparent 48%),#191919; color: #f0ece4; }
body.home-immersive .im-studio-heading .im-eyebrow,
body.home-immersive .im-studio-caption > span { color: #c9b795; }
body.home-immersive .im-studio-heading h2 em { color: #dec28e; }
body.home-immersive .im-studio-heading > p { color: #bcb9b2; border-color: #aa8a524d; }
body.home-immersive .im-tabs { background: #08080840; border-color: #c9aa7040; }
body.home-immersive .im-tabs a { color: #c4c1bb; }
body.home-immersive .im-tabs a[aria-selected='true'] { color: #29241c; background: linear-gradient(110deg,#edddbc,#d4b987); }
body.home-immersive .im-tabs a[aria-selected='true'] .im-tab-arrow { border-color: #8d7144; }
body.home-immersive .im-panel { background: #faf9f6; color: #262626; border-color: #d7c39d59; }
body.home-immersive .im-panel-visual { background: #414141; }
body.home-immersive .im-panel-visual::after { background: linear-gradient(180deg,#15151526,transparent 40%,#151515b3); }
body.home-immersive .im-image-coordinate { background: #1b1b1b66; border-color: #dfc89d80; }
body.home-immersive .im-panel-content .im-eyebrow,
body.home-immersive .im-panel-content h3 em,
body.home-immersive .im-treatment-links a > span { color: var(--home-gold-dark); }
body.home-immersive .im-panel-description,
body.home-immersive .im-treatment-label,
body.home-immersive .im-panel-footer a { color: #66615a; }
body.home-immersive .im-treatment-links a { background: #fff; border-color: #e0dbd2; }
body.home-immersive .im-treatment-links a:hover { background: #f0e5d0; border-color: #baa173; }
body.home-immersive .im-panel-footer a:hover { color: #312617; }
body.home-immersive .im-panel-visual--wellness { background: radial-gradient(ellipse at 52% 36%,#a79372,#4e4941 48%,#252525); }
body.home-immersive .im-vial-halo { border-color: #e3c89866; box-shadow: 0 0 0 38px #dec29508; }
body.home-immersive .im-vial-orbit { border-color: #e3c89840; }
body.home-immersive .im-studio-caption a { color: #e5ddcf; border-color: #c9aa7059; }

/* Klinik putih, profil abu-abu, detail gold. Foto asli tetap berwarna. */
body.home-immersive .im-about { background: #faf9f6; }
body.home-immersive .im-about-copy .im-eyebrow,
body.home-immersive .im-clinic-gallery-heading,
body.home-immersive .im-clinic-gallery-note,
body.home-immersive .im-about-address p,
body.home-immersive .im-about-address p > span { color: #726a5e; }
body.home-immersive .im-about-copy .im-eyebrow > span { background: #b79558; }
body.home-immersive .im-about-copy h2 em { color: #8a6a34; background: none; }
body.home-immersive .im-about-lead { color: #343434; }
body.home-immersive .im-about-lead em,
body.home-immersive .im-clinic-gallery-heading > span > span { color: #8a6a34; }
body.home-immersive .im-about-description { color: #666462; }
body.home-immersive .im-clinic-viewport::before { background: linear-gradient(90deg,#faf9f6,#faf9f6c9 22%,#faf9f655 59%,#faf9f600); }
body.home-immersive .im-clinic-viewport::after { background: linear-gradient(270deg,#faf9f6,#faf9f6c9 22%,#faf9f655 59%,#faf9f600); }
body.home-immersive .im-clinic-track,
body.home-immersive .im-awards-reel { scrollbar-color: #bca77e transparent; }
body.home-immersive .im-clinic-position { color: #77736c; }
body.home-immersive .im-clinic-position > span:first-child { color: #3e3527; }
body.home-immersive .im-clinic-controls button { border-color: #d5c7ad; color: #70572e; }
body.home-immersive .im-clinic-controls button:hover { border-color: #ad8a4f; background: #ede0c7; }
body.home-immersive .im-about-visit { border-color: #ded7cc; }
body.home-immersive .im-about-address-mark { color: #8a6a34; border-color: #d6c8ae; }
body.home-immersive .im-about-visit-link { color: #4c3d26; border-color: #c8af82; }
body.home-immersive .im-about-visit-link > span { background: #e8d7b7; color: #66502b; }
body.home-immersive .im-about-visit-link:hover { background: #f0e4d0; }
body.home-immersive .im-about-visit-link:hover > span { background: #765c30; color: #fff; }
body.home-immersive .im-nara { background: #ecebea; }
body.home-immersive .im-nara-portrait { background: #383838; }
body.home-immersive .im-nara-portrait::after { background: linear-gradient(transparent,#171717cc); }
body.home-immersive .im-nara-copy .im-eyebrow,
body.home-immersive .im-nara-copy h2 em,
body.home-immersive .im-awards-header .im-eyebrow,
body.home-immersive .im-awards-header h3 em { color: #80602e; }
body.home-immersive .im-nara-rule { border-color: #b8a88c80; color: #777068; }
body.home-immersive .im-nara-bio { color: #5e5c58; }
body.home-immersive .im-nara-link { color: #5f4723; border-color: #ad8a4f; }
body.home-immersive .im-awards { border-color: #d2c9bb; }
body.home-immersive .im-awards-controls button { color: #67502a; background: #faf9f6; border-color: #d0c1a5; }
body.home-immersive .im-awards-controls button:hover { background: #28251f; border-color: #28251f; color: #ebd2a6; }
body.home-immersive .im-award { background: #fff; border-color: #dcd7ce; box-shadow: 0 4px 12px #27231c06; }
body.home-immersive .im-award figcaption { color: #625b50; border-color: #e4ddd1; }
body.home-immersive .im-invitation { background: linear-gradient(110deg,#eee8dd,#e3ded5); color: #292724; }
body.home-immersive .im-invitation h2 em { color: #80602e; }
body.home-immersive .im-invitation .im-eyebrow,
body.home-immersive .im-invitation-action > p { color: #726656; }
body.home-immersive .im-button--dark { background: #242424; color: #f7f0e2; }
body.home-immersive .im-button--dark:hover { background: #55442a; }

/* Header/menu terlihat di homepage saja; aturan global halaman lain tidak diubah. */
body.home-immersive #nav,
body.home-immersive #mobileDrawer,
body.home-editorial.home-immersive .quick-access { --bf-ink: #252525; --bf-muted: #706b63; --bf-paper: #faf9f6; --bf-line: #ad906033; }
body.home-immersive #nav { background: #faf9f6f5; }
body.home-immersive #nav.scrolled { background: #faf9f6fa; box-shadow: 0 3px 18px #1b1b1b0c; }
body.home-immersive #nav .nav-links a,
body.home-immersive #nav .mega-trigger { color: #46423b; }
body.home-immersive #nav .nav-links a:hover,
body.home-immersive #nav .mega-trigger:hover,
body.home-immersive #nav .mega-trigger[aria-expanded='true'],
body.home-immersive #nav .nav-toggle:hover { background: #eee2cc; color: #3d301c; }
body.home-immersive #nav .nav-links .nav-cta { background: #252525 !important; border-color: #252525 !important; color: #f6e6c7 !important; }
body.home-immersive #nav .nav-links .nav-cta:hover { background: #6f542a !important; border-color: #6f542a !important; }
body.home-immersive #nav .mega-stage,
body.home-immersive #mobileDrawer { background: #faf9f6; }
body.home-immersive #nav .mega-stage { box-shadow: 0 22px 48px #1c1c1c21; }
body.home-immersive #nav .mega-intro { background: radial-gradient(ellipse at 0 0,#786240,#292621 65%,#1c1c1c); border-color: #8c714b; }
body.home-immersive #nav .mega-intro::after,
body.home-immersive #nav .mega-index { color: #dfc493; }
body.home-immersive #nav .mega-intro p { color: #d1c9bc; }
body.home-immersive #nav .mega-label,
body.home-immersive #nav .mega-col a::after { color: #80602e; }
body.home-immersive #nav .mega-col a,
body.home-immersive #nav .mega-bio-grid a { color: #49443c; }
body.home-immersive #nav .mega-col a:hover,
body.home-immersive #nav .mega-col a:focus-visible,
body.home-immersive #nav .mega-bio-grid a:hover { background: #eee2cc; color: #3b2e1a; }
body.home-immersive::before { background: #19191940; }
body.home-immersive #mobileDrawer .m-eyebrow,
body.home-immersive #mobileDrawer .m-sub h5,
body.home-immersive #mobileDrawer .m-link::after { color: #80602e; }
body.home-immersive #mobileDrawer .m-eyebrow::before { background: #b79558; }
body.home-immersive #mobileDrawer summary::after,
body.home-immersive #mobileDrawer summary[aria-expanded='false']::after { background: #eee4d2; color: #78603a; }
body.home-immersive #mobileDrawer details[open] { border-color: #c9aa70; }
body.home-immersive #mobileDrawer details[open] summary:not([aria-expanded='false'])::after { background: #29251e; color: #e9cb94; }
body.home-immersive #mobileDrawer .m-sub { background: #f1efea; border-color: #dfd6c7; }
body.home-immersive #mobileDrawer .m-sub a { color: #514a3f; border-color: #ac94731a; }
body.home-immersive #mobileDrawer .m-sub a:hover { color: #8a6329; }
body.home-immersive #mobileDrawer .m-cta { background: #252525; border-color: #252525; color: #f6e6c7; }
body.home-immersive #mobileDrawer .m-cta::after { color: #e5c791; }
body.home-immersive #mobileDrawer .m-cta:hover { background: #6f542a; border-color: #6f542a; }
body.home-editorial.home-immersive .quick-access .quick-access-inner { background: #faf9f6ed; border-color: #b49a6c66; box-shadow: 0 5px 20px #1b1b1b14,inset 0 1px 0 #ffffffb3; }
body.home-editorial.home-immersive .quick-access a { color: #696258; }
body.home-editorial.home-immersive .quick-access a:hover { color: #4d3b1e; background: #eee2cc; }
body.home-editorial.home-immersive .quick-access a.is-active { color: #f1d7aa; background: #292623; }
body.home-immersive #nav :is(a,button):focus-visible,
body.home-immersive #mobileDrawer :is(a,summary):focus-visible { outline-color: #97723b; }
body.home-editorial.home-immersive .quick-access a:focus-visible { outline-color: #b08a4c; }

/* Reviews dan footer menutup halaman dengan white, charcoal dan gold. */
body.home-immersive .reviews-editorial { background: #faf9f6; color: #252525; border-color: #e4dfd6; }
body.home-immersive .reviews-editorial .reviews-editorial-title,
body.home-immersive .reviews-editorial .reviews-score > span { color: #292929; }
body.home-immersive .reviews-editorial .reviews-editorial-title em,
body.home-immersive .reviews-editorial .reviews-score-stars,
body.home-immersive .reviews-editorial .reviews-quote-stars { color: #8e6c32; }
body.home-immersive .reviews-editorial .reviews-source { color: #78694e; }
body.home-immersive .reviews-editorial .reviews-source::before { background: #b4955b; }
body.home-immersive .reviews-editorial .reviews-source-link { color: #665130; }
body.home-immersive .reviews-editorial .reviews-quote-track { scrollbar-color: #beaa82 transparent; }
body.home-immersive .reviews-editorial .reviews-quote { background: #fff; border-color: #e0d8ca; box-shadow: 0 6px 16px #25252506; }
body.home-immersive .reviews-editorial .reviews-quote blockquote p,
body.home-immersive .reviews-editorial .reviews-author strong { color: #34312c; }
body.home-immersive .reviews-editorial .reviews-author { border-color: #e7e1d7; }
body.home-immersive .reviews-editorial :is(.reviews-author > span,.reviews-score small,.reviews-score-detail > span:last-child,.reviews-position,.reviews-experience-note) { color: #77716a; }
body.home-immersive .reviews-editorial [data-review-current] { color: #5e4a28; }
body.home-immersive .reviews-editorial .reviews-control-buttons button { color: #70572c; border-color: #d4c4a8; }
body.home-immersive .reviews-editorial .reviews-control-buttons button:hover:not(:disabled) { background: #eee0c6; border-color: #b39054; }
body.home-immersive .reviews-editorial :is(a,button,[tabindex]):focus-visible { outline-color: #97723b; }
body.home-immersive .footer.footer--lab { --bf-footer-cream: #f2eee6; --bf-footer-muted: #bdb9b1; --bf-footer-sage: #d0b27c; background: #191919 !important; }
body.home-immersive .footer--lab .bf-footer-signoff em { color: #d9bb86; }
body.home-immersive .footer--lab .bf-footer-intro,
body.home-immersive .footer--lab .bf-footer-bottom { border-color: #c9aa7040; }
body.home-immersive .footer--lab .bf-footer-book { border-color: #9d835a; }
body.home-immersive .footer--lab .bf-footer-book:hover { background: #55442a; border-color: #d9bb86; }
body.home-immersive .footer--lab .bf-footer-book-arrow { background: #e8cea0; color: #30281c; }
body.home-immersive .footer--lab .bf-footer-email:hover,
body.home-immersive .footer--lab .bf-footer-phones a:hover strong { color: #f1d4a0; }
body.home-immersive .footer--lab .bf-footer-map { border-color: #817157; background: #34312c; }
@media (forced-colors:active) {
  body.home-immersive .home-journey .journey-learn,
  body.home-immersive .im-tabs a[aria-selected='true'] { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
}