/* English page palette remains consistent when a desktop window is resized. */
  body[data-home-theme="blue-daylight"] {
    --muted: var(--jyh-home-muted);
    --card-surface: var(--jyh-home-card-surface);
    --card-border: var(--jyh-home-card-border);
    --card-shadow: var(--jyh-home-card-shadow);
    background: var(--jyh-home-page-surface);
  }
  /* Header intentionally inherits the canonical dark navigation from site.css. */
  [data-home-theme="blue-daylight"] .hero {
    /* Paint only on the page: no independent rectangle at the section boundary. */
    background: none;
  }
  [data-home-theme="blue-daylight"] .hero::before { background: none; }
  body[data-home-theme="blue-daylight"] .hero-copy-display,
  body[data-home-theme="blue-daylight"] .hero-copy-display span + span {
    color: var(--jyh-home-copy);
  }
  [data-home-theme="blue-daylight"] .hero-equipment::before {
    background: var(--jyh-home-equipment-glow);
    width: var(--jyh-home-equipment-glow-width);
    height: var(--jyh-home-equipment-glow-height);
    left: var(--jyh-home-equipment-glow-center);
    top: var(--jyh-home-equipment-glow-center);
    bottom: auto;
    transform: translate(-50%, -50%);
    filter: blur(var(--jyh-home-equipment-glow-blur));
  }
  [data-home-theme="blue-daylight"] .hero-equipment img {
    filter: var(--jyh-home-equipment-filter);
  }
  [data-home-theme="blue-daylight"] .site-footer {
    background: none;
    border-top-color: var(--jyh-home-card-border);
  }
/* Each line owns its text-sized fill, never the shrinking grid-column backdrop.
   Solid readable text is the fallback when text clipping is unavailable. */
html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid {
  background: none;
  animation: none;
  color: var(--jyh-home-title-color);
  -webkit-text-fill-color: currentColor;
}
html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid span {
  inline-size: max-content;
  color: var(--jyh-home-title-color);
  -webkit-text-fill-color: currentColor;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid span {
    background-image: var(--jyh-home-title-gradient);
    background-size: var(--jyh-home-title-background-size);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: hero-glass-flow var(--jyh-home-title-flow-duration) var(--jyh-home-title-flow-ease) infinite alternate;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid span {
    animation: none;
    background-position: 50% 50%;
  }
}