:root {
  --cream: #fff8e6;
  --navy: #172554;
  --cocoa: #3a2118;
  --yellow: #ffd23f;
  --orange: #f47b20;
  --ink: var(--navy);
  --focus-ring: var(--navy);
  --muted: #65645e;
  --line: #17255426;
  --sans: Arial, Helvetica, sans-serif;
  --display: Impact, 'Arial Narrow', 'Franklin Gothic Medium', sans-serif;
  --content: 1248px;
  --gutter: 48px;
  --radius: 24px;
  --section-space: 96px;
  --header-height: 96px;
  --header-gap: 20px;
  --header-surface: #fffdf8f2;
  /* agen kiro (revisi klien 31 Okt): strip navy palet, teks berjalan. */
  --benefit-surface: var(--navy);
  --benefit-icon-ink: #f2b43b;
  --benefit-label-size: 16px;
  --benefit-icon-size: 40px;
  --benefit-divider: #fff8e63d;
  --benefit-ticker-duration: 42s;
  --hero-copy-size: 16px;
  --section-title-size: clamp(36px, 3.8vw, 56px);
  --faq-title-size: clamp(36px, 3.6vw, 52px);
  --support-glow: #f5ead2;
  --faq-surface: #fffcf3;
  --faq-open-surface: #fffdf8;
  --faq-radius: 8px;
  --faq-padding: 24px;
  --faq-icon-size: 32px;
  --faq-question-size: 16px;
  --faq-answer-size: 15px;
  --buy-surface: #fffcf3;
  --buy-radius: 8px;
  --buy-padding: 32px;
  --buy-art-height: 240px;
  --buy-title-size: 32px;
  --review-card-width: 33.3333vw;
  --review-card-padding: 8px;
  --review-gap: 16px;
  --review-inset: 16px;
  --review-radius: 8px;
  --review-shade: #3a21186b;
  --pill-size: 46px;
  --pill-font: 13px;
  --pill-pad-inline: 24px;
  --pill-pad-block: 10px;
  --pill-shift: 1.6rem;
  --pill-travel: 2rem;
  --pill-overlap: .4rem;
  --pill-reserve: calc(var(--pill-travel) + 8px);
  --pill-icon-size: 20px;
  --pill-fill: var(--navy);
  --pill-ink: var(--cream);
  --pill-compact-size: 28px;
  --pill-compact-font: 11px;
  --pill-compact-padding: 12px;
  --pill-compact-shift: 24px;
  --pill-compact-travel: 6px;
  --consult-glow: #344579;
  --consult-glow-fade: #34457900;
  --consult-splash-width: 108%;
  --consult-splash-height: 92%;
  --consult-splash-left: -4%;
  --consult-splash-bottom: -9%;
  --catalog-sidebar-width: 220px;
  --catalog-gap: 32px;
  --catalog-sticky-top: calc(var(--header-height) + var(--header-gap));
  --catalog-title-size: clamp(30px, 3.1vw, 44px);
  --catalog-photo-surface: #f5eddf;
  --catalog-card-radius: 6px;
  --catalog-card-padding: 16px;
  --catalog-more-size: 13px;
  --catalog-sidebar-surface: #efe2c5;
  --catalog-product-tilt: -8deg;
  --catalog-photo-ratio: 3 / 4;
  --catalog-card-gap: 36px 20px;
  --hero-context-size: clamp(30px, 3vw, 40px);
  --hero-serif: Georgia, 'Times New Roman', serif;
  --hero-hand: 'Segoe Print', 'Bradley Hand', 'Comic Sans MS', cursive;
  --hero-hand-ink: #a56f08;
  --hero-title-size: clamp(40px, 3.9vw, 54px);
  /* agen kiro (revisi klien 31 Okt): foto hero klien. Warna dinding dari sampel area teks foto
     (#efddb3 desktop, #f1e3c4 mobile); produk mulai 13,3% (desktop) / 53,5% (mobile) tinggi foto. */
  --hero-surface: #f2e3c3;
  --hero-text-width: min(560px, 39vw);
  --hero-min-height: 56.25vw;
  --hero-bottom-space: 184px;
  --hero-photo-pull: calc(24px - 7.5%);
  --hero-photo-fade: 6%;
  --hero-badge-surface: #f6db8c;
  --hero-badge-line: #a56f0840;
  --hero-outline-surface: #fff8e659;
  --consult-copy-width: 640px;
}
@media (max-width: 1000px) { :root { --gutter: 32px; --section-space: 72px; } }
@media (max-width: 900px) { :root { --header-height: 82px; } }
@media (max-width: 760px) {
  :root {
    --header-height: 82px; --gutter: 20px; --radius: 18px; --section-space: 56px; --catalog-card-padding: 12px;
    /* T78: hirarki hero HP lebih ringkas, komposisi foto klien tetap utuh. */
    --hero-title-size: clamp(25px, 6.8vw, 30px);
    --hero-context-size: clamp(18px, 5.1vw, 22px);
    --hero-copy-size: clamp(12px, 3.15vw, 14px);
  }
}