/** Shopify CDN: Minification failed

Line 9:57 Unexpected "*"

**/
/*
 * AIRI MUSEUM JEWELRY — shared visual utilities for the museum-themed custom sections
 * (entrance hero, gallery corridor, exhibition teaser, gallery badge, ring size guide, ...).
 * Built on top of the theme's existing --color-*/--font-*--family tokens (see
 * snippets/brand-tokens.liquid) rather than introducing a parallel design system.
 */

.museum-label {
  display: inline-block;
  font-family: var(--font-mono--family);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: var(--color-brand-accent);
}

.museum-label--on-dark {
  color: var(--color-brand-accent-on-dark);
}

.museum-caption {
  border-left: 2px solid var(--color-brand-accent);
  padding-left: 10px;
  font-size: 13px;
  line-height: 1.8;
  color: var(--color-foreground);
  opacity: 0.75;
}

.museum-link {
  color: var(--color-brand-accent);
  cursor: pointer;
  transition: color 0.15s ease;
}

.museum-link:hover {
  color: var(--color-brand-accent-hover);
}

.museum-placeholder {
  background-image: repeating-linear-gradient(
    45deg,
    color-mix(in srgb, var(--color-background) 96%, var(--color-foreground)) 0px,
    color-mix(in srgb, var(--color-background) 96%, var(--color-foreground)) 8px,
    color-mix(in srgb, var(--color-background) 90%, var(--color-foreground)) 8px,
    color-mix(in srgb, var(--color-background) 90%, var(--color-foreground)) 16px
  );
  border: 1px solid var(--color-brand-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: color-mix(in srgb, var(--color-foreground) 45%, var(--color-background));
  font-family: var(--font-mono--family);
  font-size: 11px;
}

.museum-gallery-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  font-family: var(--font-mono--family);
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--color-brand-accent);
  background: color-mix(in srgb, var(--color-background) 92%, transparent);
  padding: 3px 6px;
}