/* Maison Roboto couture layer v1 (TEST SURFACES: homepage + collections index)
   Approved 2026-07-18: chrome-as-material TEST, plate presentation, chrome sheen,
   density bands. Green untouched. Footer untouched. */

:root {
  --mr-chrome: linear-gradient(112deg, #6b6b6b 0%, #f4f4f4 22%, #8e8e8e 38%, #ffffff 50%, #7a7a7a 64%, #d9d9d9 82%, #5c5c5c 100%);
}

/* 1. Chrome ink (TEST): metrics, statement headlines, pull-quote marks */
.metric-number, .making-hero-number, .guide-card-number {
  background: var(--mr-chrome); background-size: 240% 100%;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.statement-headline em, .pullquote-frame blockquote::before {
  background: var(--mr-chrome); background-size: 240% 100%;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.pullquote-frame blockquote { position: relative; }
.pullquote-frame blockquote::before { content: "\201C"; position: absolute; top: -0.55em; left: -0.05em;
  font-size: 3.2em; line-height: 1; opacity: 0.9; pointer-events: none; }

/* 2. Chrome sheen: one slow specular pass, chrome elements only */
@media (prefers-reduced-motion: no-preference) {
  .metric-number, .making-hero-number, .statement-headline em, .guide-card-number {
    animation: mr-sheen 8s ease-in-out infinite;
  }
  @keyframes mr-sheen { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
}

/* 3. Plate presentation: collections editorial cards read as archival plates */
.editorial-card-info { border-top: 1px solid rgba(255,255,255,0.22); padding-top: 14px; position: relative; }
.editorial-card-type { font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 10px !important; letter-spacing: 0.24em !important; text-transform: uppercase; opacity: 0.66; }
.editorial-card-title { letter-spacing: 0.01em; }
.editorial-card-info::after { counter-increment: mr-plate; content: "No. 0" counter(mr-plate);
  position: absolute; top: 14px; right: 0; font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; letter-spacing: 0.2em; background: var(--mr-chrome);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body { counter-reset: mr-plate; }

/* 4. Density band component (HTML added sparingly) */
.mr-density-band { border-top: 1px solid rgba(255,255,255,0.10); border-bottom: 1px solid rgba(255,255,255,0.10);
  padding: 13px 20px; display: flex; justify-content: center; gap: 38px; flex-wrap: wrap; }
.mr-density-band span { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px;
  letter-spacing: 0.26em; text-transform: uppercase; color: rgba(255,255,255,0.5); white-space: nowrap; }
.mr-density-band b { background: var(--mr-chrome); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: 700; }
@media (max-width: 640px) { .mr-density-band { gap: 16px; padding: 11px 12px; } }