/* Human-authorized review refinements. Frozen source remains separate. */
/* Preserve the provenance caption's exact content; fix white-on-white inheritance. */
.workshops-hero figcaption {
  color: #111; background: #fff; z-index: 2;
  font-size: 10px; line-height: 1.5; max-width: calc(100% - 48px);
}
/* Hover/focus is the desktop preview; mobile settles into the automatic artwork.
   The old button duplicated those paths and could not override sticky hover. */
.product-page .reveal-control { display: none; }
@media (max-width: 760px) {
  .workshops-hero figcaption {
    top: auto; bottom: auto; transform: translateY(-100%);
    top: calc((100vw - 40px) * .6667 - 12px);
    max-width: none; font-size: 10px;
  }
  .workshop-bridge { grid-template-columns: minmax(0, 1fr); height: auto; }
  .workshop-bridge__media { aspect-ratio: 3 / 2; }
  .workshop-bridge__media img { object-position: center; }
  .workshop-bridge__copy { padding: 28px 24px; }
  .workshop-bridge__copy > strong { margin: 32px 0 20px; }

  .about-hero { grid-template-columns: minmax(0, 1fr); }
  .about-hero__copy { padding: 42px 24px 36px; }
  .about-hero__media { min-height: 0; aspect-ratio: 4 / 3; }
  .about-hero__media img { object-position: center; }
  .about-hero > .about-hero__origin-bridge { margin: 0; padding: 42px 24px 0; }
  .about-hero figcaption { left: 12px; bottom: 12px; font-size: 8px; }

  .mobile-socials a { width: 44px; height: 44px; flex: 0 0 44px; }
  .mobile-socials a svg { width: 20px; height: 20px; }
  .mobile-socials a[aria-label="Facebook"] svg,
  .mobile-socials a[aria-label="TikTok"] svg { width: 20px; height: 20px; }

  .product-page .product-visual .olfactive-reveal { transition: opacity 400ms ease; transform: none; }
  .product-page .product-visual > img { transition: none; }
  .product-page .product-visual.is-revealed > img { transform: none; opacity: 1; }
  .collection-card__visual { position: relative; isolation: isolate; }
  .collection-card__visual > .mobile-scent-art {
    position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
    object-fit: cover; opacity: 0; z-index: -2; scale: none; translate: none;
    filter: saturate(.8); transition: opacity 400ms ease; pointer-events: none;
  }
  .collection-card__visual:has(.mobile-scent-art)::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse, rgba(255,255,255,.55), rgba(255,255,255,.1));
  }
  .collection-card__visual.is-scent-revealed > .mobile-scent-art { opacity: 1; }
  .collection-card__visual > img:not(.mobile-scent-art) { position: relative; z-index: 1; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  .product-page .product-visual .olfactive-reveal,
  .product-page .product-visual .olfactive-reveal span,
  .product-page .product-visual::before,
  .collection-card__visual > .mobile-scent-art { transition: none; transform: none; }
}