/* Mystery of the Fire — brand file (Pastel Dawn, from the home page)
   One place for the colours, fonts and shared pieces.
   Change a value here and every page that links this file follows. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap");

:root{
  /* colours */
  --mof-bg:#fbf6ee;        /* page */
  --mof-bg2:#fffdf9;       /* light panel */
  --mof-card:#ffffff;      /* cards */
  --mof-ink:#3b3350;       /* text, deep plum */
  --mof-ink2:#5a516e;      /* softer text */
  --mof-soft:#8a829c;      /* quiet text */
  --mof-accent:#c98a1b;    /* amber */
  --mof-gold:#d9a531;      /* sun gold */
  --mof-line:#e6dccd;      /* rules and borders */
  --mof-btn:#3b3350;       /* button */
  --mof-btn-ink:#fff8ea;   /* button text */
  --mof-dawn:linear-gradient(180deg,#f8e6d8 0%,#efe3f2 55%,#fbf6ee 100%);
  --mof-shadow:0 4px 18px rgba(59,51,80,.08);
  /* the pastel shelf tints */
  --mof-lavender:#dad7ec; --mof-lilac:#ddd5ea; --mof-rose:#e6d6e2; --mof-stone:#d9d5cf;
  --mof-sage:#d6ddcc; --mof-mist:#e2e8e7; --mof-moss:#d4ddc1; --mof-wheat:#efe5c8;
  --mof-sand:#ece3cc; --mof-peach:#ead8c6; --mof-linen:#ece6dc;
  /* type */
  --mof-head:"Cormorant Garamond",Georgia,serif;
  --mof-body:Cardo,Georgia,serif;
  /* shape */
  --mof-radius:18px; --mof-pill:40px;
}

/* shared pieces (class names start with mof-) */
.mof-page{margin:0;background:var(--mof-bg);color:var(--mof-ink);font-family:var(--mof-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.mof-page a{color:inherit}
.mof-top{position:sticky;top:0;z-index:20;background:var(--mof-bg);border-bottom:1px solid var(--mof-line)}
.mof-bar{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}
.mof-brand{font-family:var(--mof-head);font-size:24px;text-decoration:none;white-space:nowrap}
.mof-nav{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--mof-head);font-size:18px}
.mof-nav a{text-decoration:none;color:var(--mof-ink2)}
.mof-nav a:hover,.mof-nav a[aria-current]{color:var(--mof-ink);text-decoration:underline;text-decoration-color:var(--mof-gold);text-underline-offset:.3em}
.mof-dawn{background:var(--mof-dawn);border-bottom:1px solid var(--mof-line)}
.mof-eyebrow{font-family:var(--mof-head);letter-spacing:.12em;text-transform:uppercase;color:var(--mof-accent);font-size:15px;margin:0}
.mof-h1{font-family:var(--mof-head);font-weight:400;font-size:clamp(42px,7vw,72px);line-height:1.02;margin:8px 0 14px}
.mof-h2{font-family:var(--mof-head);font-weight:400;font-size:clamp(28px,4.5vw,40px);line-height:1.1;margin:0}
.mof-rule{display:flex;align-items:center;gap:14px;color:var(--mof-gold);font-family:var(--mof-head);letter-spacing:.1em;text-transform:uppercase;font-size:15px;margin:0 0 10px}
.mof-rule:after{content:"";flex:1;height:1px;background:var(--mof-line)}
.mof-sub{color:var(--mof-soft)}
.mof-btn{display:inline-block;padding:12px 24px;background:var(--mof-btn);color:var(--mof-btn-ink)!important;text-decoration:none;font-family:var(--mof-head);font-size:18px;border-radius:var(--mof-pill)}
.mof-btn.ghost{background:transparent;color:var(--mof-ink)!important;border:1px solid var(--mof-line)}
.mof-card{display:block;background:var(--mof-card);border-radius:var(--mof-radius);box-shadow:var(--mof-shadow);text-decoration:none;color:var(--mof-ink)}
.mof-foot{border-top:1px solid var(--mof-line);background:var(--mof-bg2)}
.mof-foot div{max-width:1120px;margin:auto;padding:22px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--mof-soft);font-size:15px}
.mof-page :focus-visible{outline:2px solid var(--mof-gold);outline-offset:3px}
@media(max-width:560px){.mof-page{font-size:17px}}