/* 2026-10-30: editorial finish on the approved original composition.
   Existing section order, image choices, routes and image boxes are retained. */
:root {
  --upgrade-ink: #123f3d;
  --upgrade-copy: #395d59;
  --upgrade-line: #d7e5e2;
  --upgrade-pearl: #fffdfb;
  --upgrade-blush: #fff7fa;
  --upgrade-crystal: #f4faf9;
}

body[data-refinement] {
  background: var(--upgrade-pearl);
  color: var(--upgrade-ink);
  -webkit-font-smoothing: antialiased;
}

body[data-refinement] .site-header {
  background: rgba(255, 253, 251, .97);
  border-bottom-color: var(--upgrade-line);
  box-shadow: 0 8px 30px rgba(23, 75, 72, .045);
}
body[data-refinement] .site-header .page-nav { gap: clamp(10px, 1.1vw, 18px); }
body[data-refinement] .site-header .page-nav a { letter-spacing: 0; }
body[data-refinement] .site-header .page-nav a.is-active { color: #087d78; }
body[data-refinement] .site-header .contact-link {
  background: #f3faf8;
  border-color: #c8ded9;
  color: #175e59;
}
body[data-refinement] .site-header .contact-link:hover { background: #e8f5f1; }

/* A quiet crystal surface adds depth without changing the two-column hero. */
body[data-refinement] .restored-brand-hero {
  background: linear-gradient(132deg, #fffdfb 0%, #f7fbfa 46%, #fff7fa 100%);
  border: 1px solid var(--upgrade-line);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(25, 73, 69, .07);
}
body[data-refinement] .restored-brand-copy { padding: clamp(30px, 3.2vw, 46px); }
body[data-refinement] .restored-brand-hero h1 {
  color: #123f3d;
  font-size: clamp(30px, 2.85vw, 40px);
  line-height: 1.3;
  letter-spacing: -.025em;
  margin: 16px 0 18px;
}
body[data-refinement] .restored-brand-hero h1 .hero-phrase {
  display: block;
  text-wrap: balance;
}
body[data-refinement] .restored-brand-hero h1 .hero-phrase + .hero-phrase { margin-top: .16em; }
html[data-language="zh"] body[data-refinement] .restored-brand-hero h1,
html[data-language="zh"] body[data-refinement] :is(.luxury-product-intro h2, .home-brand-story h2, .home-story-panel h3) {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-weight: 650;
  letter-spacing: -.025em;
}
html[data-language="en"] body[data-refinement] .restored-brand-hero h1 { font-size: clamp(31px, 2.65vw, 38px); }
body[data-refinement] .home-hero-intro p {
  color: var(--upgrade-copy);
  font-size: 16px;
  line-height: 1.78;
}
body[data-refinement] .home-hero-invite {
  border-top-color: #d8e6e3;
  color: #087d78;
}
body[data-refinement] .restored-brand-hero > img.home-dew-hero-art {
  object-fit: contain !important;
  background: #f4faf9;
}

/* Preserve the authored ingredient composition, including its outer plants. */
body[data-refinement] .luxury-product-figure.luxury-research-figure {
  min-height: 0;
  overflow: visible;
  background: #f7fbfa;
  border: 1px solid var(--upgrade-line);
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(21, 67, 63, .06);
}
body[data-refinement] .luxury-product-figure.luxury-research-figure img,
body[data-refinement] img[src$="home-formulation-systems-v2.jpg"] {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 16px;
  background: #f7fbfa;
}
body[data-refinement] .luxury-product-figure.luxury-research-figure figcaption {
  position: static;
  display: block;
  padding: 10px 18px 15px;
  color: #315e59;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: .035em;
  text-shadow: none;
  background: #f7fbfa;
  border-radius: 0 0 16px 16px;
}
body[data-refinement] .luxury-product-intro h2 { color: var(--upgrade-ink); }
body[data-refinement] .luxury-product-intro .luxury-lead { color: var(--upgrade-copy); line-height: 1.85; }

/* The glucose and weight journeys remain visually distinct. */
body[data-refinement] .page-view[data-page="diabetes"] .db-page-hero {
  background: linear-gradient(135deg, #f2faf8 0%, #fbfdfc 58%, #f1f8f7 100%);
}
body[data-refinement] .page-view[data-page="weight"] .db-page-hero {
  background: linear-gradient(135deg, #fff7f9 0%, #fffdfb 58%, #f7f6fa 100%);
}
body[data-refinement] :is(.db-page-hero, .academy-hero, .focus-hero) h1,
body[data-refinement] :is(.care-block, .visual-atlas__head) h2 { color: var(--upgrade-ink); }

/* Make copy and source images feel consistent, without reflowing the sections. */
body[data-refinement] :is(.visual-atlas__card, .home-story-panel, .db-card, .focus-banner, .home-route-banner) {
  border-color: var(--upgrade-line);
  box-shadow: 0 10px 32px rgba(23, 73, 68, .045);
}
body[data-refinement] :is(.visual-atlas__card, .home-story-panel, .home-route-banner) img {
  object-fit: contain !important;
  object-position: center !important;
  background-color: #f5faf9;
}
body[data-refinement] .visual-atlas__card figcaption,
body[data-refinement] :is(.home-story-panel, .home-route-banner) > div { background: #fffdfc; }
body[data-refinement] :is(.visual-atlas__card, .home-story-panel, .db-card) :is(p, figcaption) {
  color: var(--upgrade-copy);
  line-height: 1.75;
}
body[data-refinement] :is(.chapter-link, .exhibit-link, .db-link, .proof-link) {
  text-underline-offset: 4px;
}
body[data-refinement] :is(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid #13827a;
  outline-offset: 3px;
}

@media (min-width: 1201px) {
  body[data-refinement] .site-header .page-nav a { font-size: clamp(14px, 1.05vw, 16px) !important; }
}
@media (max-width: 760px) {
  body[data-refinement] .site-header .page-nav { gap: 1rem; }
  body[data-refinement] .restored-brand-hero { border-radius: 14px; }
  body[data-refinement] .restored-brand-copy { padding: 25px 22px 27px; }
  body[data-refinement] .restored-brand-hero h1 {
    font-size: clamp(29px, 7.7vw, 33px);
    line-height: 1.34;
  }
  body[data-refinement] .home-hero-intro p { font-size: 16px; }
  body[data-refinement] .luxury-product-intro h2 { font-size: clamp(30px, 7.5vw, 34px); }
  body[data-refinement] .restored-brand-hero > img.home-dew-hero-art { max-height: none; }
  body[data-refinement] .luxury-product-figure.luxury-research-figure figcaption { padding: 9px 14px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-refinement] *, body[data-refinement] *::before, body[data-refinement] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* The original contact layout stays intact; online submission is its first option. */
.inquiry-form .online-enquiry-card {
  display: grid;
  gap: .8rem;
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid #c9ded8;
  border-radius: 16px;
  background: linear-gradient(132deg, #ffffff 15%, #f2faf7 65%, #fff8f8 100%);
  box-shadow: 0 14px 40px rgba(30, 87, 78, .08);
}
.inquiry-form .online-enquiry-kicker {
  margin: 0;
  color: #087c78;
  font: 700 .72rem/1.5 Arial, sans-serif !important;
  letter-spacing: .16em;
}
.inquiry-form .online-enquiry-card h3 {
  margin: 0;
  color: #123f3e;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.35;
}
.inquiry-form .online-enquiry-card p:not(.online-enquiry-kicker) {
  margin: 0;
  color: #3d5c59;
  font-size: 1rem !important;
  line-height: 1.7;
}
.inquiry-form .online-enquiry-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1.2rem;
  border-radius: 9px;
  background: #0b5e5c;
  color: #ffffff;
  font-weight: 750;
  font-size: 1.05rem;
  text-decoration: none;
}
.inquiry-form .online-enquiry-link:hover { background: #08736e; }
.inquiry-form .online-enquiry-card small {
  color: #5a716d;
  font-size: .87rem;
  line-height: 1.6;
}
.inquiry-form .online-enquiry-divider {
  padding-top: .85rem;
  border-top: 1px solid #d8e5e0;
  color: #55726d;
  font-size: .92rem;
  font-weight: 650;
}