/* Maison IQ — design tokens and wordmark from Bookstack page 159 (§8.1, §8.2). Do not restyle the mark. */
@font-face{font-family:'Schibsted Grotesk';src:url(/fonts/schibsted-grotesk-latin-wght-normal.woff2) format('woff2-variations');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url(/fonts/space-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root {
  /* core */
  --miq-charcoal: #26241E;
  --miq-paper:    #FBF9F4;
  --miq-clay:     #92604C;
  --miq-clay-pale:#C9A18C;
  /* supporting neutrals */
  --miq-linen:    #EAE5D9;
  --miq-hairline: #E4DECF;
  --miq-rule:     #D9D2C2;
  --miq-ink:      #3D3A31;
  --miq-ink-muted:#4A463C;
  --miq-stone:    #8A8375;
  --miq-tagline:  #8F7062;
  --miq-plate:    #211E19;
  /* type */
  --miq-font-display: 'Schibsted Grotesk', system-ui, 'Helvetica Neue', Arial, sans-serif;
  --miq-font-mono:    'Space Mono', ui-monospace, Menlo, monospace;
  --miq-track-wordmark: .3em;   --miq-track-wordmark-compact: .28em;
  --miq-track-tagline:  .42em;  --miq-track-nav: .16em;  --miq-track-label: .24em;
  /* surfaces */
  --miq-radius-panel: 3px;  --miq-radius-card: 2px;  --miq-radius-label: 4px;
  --miq-shadow-card: 0 1px 2px rgba(0,0,0,.08), 0 12px 26px rgba(60,50,30,.14);
  --miq-shadow-sheet: 0 1px 2px rgba(0,0,0,.08), 0 16px 34px rgba(60,50,30,.16);
}
html { background: var(--miq-linen); }
body { margin: 0; min-height: 100svh; display: grid; grid-template-rows: 1fr auto;
       background: var(--miq-paper); color: var(--miq-ink); font-family: var(--miq-font-display);
       -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: var(--miq-clay); } a:hover { color: var(--miq-charcoal); }

/* live-text wordmark (page 159 §8.2) */
.miq-wordmark { font-family: var(--miq-font-display); font-size: var(--miq-size, 32px);
                line-height: 1; letter-spacing: var(--miq-track-wordmark); color: var(--miq-charcoal);
                white-space: nowrap; display: inline-block; }
.miq-maison   { font-weight: 400; }
.miq-iq       { font-weight: 600; margin-left: .4em; color: var(--miq-clay); }
.miq-q        { position: relative; display: inline-block; letter-spacing: 0; }
.miq-q::after { content: ''; position: absolute; width: .36em; height: .1em; background: currentColor;
                right: -.06em; bottom: .28em; transform: rotate(45deg); }
.miq-wordmark.is-compact { letter-spacing: var(--miq-track-wordmark-compact); }
.miq-wordmark.is-compact .miq-iq { margin-left: .38em; }
.miq-wordmark.is-reverse { color: var(--miq-paper); }
.miq-wordmark.is-reverse .miq-iq { color: var(--miq-clay-pale); }

/* coming-soon page */
.page { max-width: 820px; margin: 0 auto; padding: clamp(72px, 14vh, 144px) 28px; text-align: center; }
.eyebrow, .label, .foot { font-family: var(--miq-font-mono); text-transform: uppercase; font-size: 11px;
                          letter-spacing: var(--miq-track-label); color: var(--miq-stone); }
.eyebrow { margin: 0 0 40px; }
.page .miq-wordmark { --miq-size: clamp(32px, 7vw, 54px); margin-right: -.3em; }
.tagline { font-weight: 500; text-transform: uppercase; font-size: 12px; letter-spacing: var(--miq-track-tagline);
           margin: 24px 0 0; margin-right: -.42em; color: var(--miq-tagline); }
.rule { border: 0; border-top: 1px solid var(--miq-rule); width: 120px; margin: 40px auto; }
.deck { font-size: 18px; line-height: 1.65; color: var(--miq-ink); max-width: 34em; margin: 0 auto 40px; }
.label { margin: 0; }
.foot { display: flex; justify-content: space-between; gap: 16px; padding: 20px 28px; border-top: 1px solid var(--miq-hairline); }
@media (max-width: 420px) { .foot { flex-direction: column; text-align: center; } }