.layout-mirage body { background: linear-gradient(165deg, var(--theme-surface) 0%, #e8d4bc 100%); }
.mirage-header {
  text-align: center; padding: 48px 16px 24px;
  width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto;
}
.mirage-eyebrow { margin: 0; font-size: 0.75rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--theme-primary); }
.mirage-logo { margin: 12px 0 0; font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 500; font-style: italic; }
.mirage-logo a { text-decoration: none; color: var(--text-body); }
.mirage-main { width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding-bottom: 48px; }
.mirage-hero { text-align: center; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--border-color); }
.mirage-hero h2 { margin: 0 0 12px; font-family: var(--font-display); font-size: 1.8rem; font-weight: 500; }
.mirage-lead { font-style: italic; color: var(--text-muted); max-width: 52ch; margin: 0 auto; }
.mirage-footer {
  text-align: center; padding: 40px 16px 48px;
  background: color-mix(in srgb, var(--theme-card) 90%, transparent);
}
.mirage-footer-rule { width: 80px; height: 2px; background: var(--theme-primary); margin: 0 auto 20px; }
.mirage-footer-serif { font-family: var(--font-display); font-style: italic; color: var(--text-muted); margin: 0 0 8px; }
.mirage-footer-mail { color: var(--theme-primary); text-decoration: none; border-bottom: 1px solid var(--theme-primary); }