/* Copy the brand folder into your website's public assets. No external font requests. */
@font-face{font-family:Marcellus;src:url('./fonts/Marcellus-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('./fonts/Lato-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('./fonts/Lato-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:url('./fonts/LibreBodoni-Variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --mm-indigo:#18254B;--mm-apricot:#F2A179;--mm-ivory:#FAF6EF;
  --mm-copper:#A34C2E;--mm-muted:#576079;--mm-border:#DDD9D2;
  --mm-font-body:Lato,Arial,sans-serif;
  --mm-font-display:'Libre Bodoni',Georgia,serif;
  --mm-font-brand:Marcellus,Georgia,serif;
}
/* Opt in with classes; this sheet does not reset or restyle the entire site. */
.mm-brand{background:var(--mm-ivory);color:var(--mm-indigo);font-family:var(--mm-font-body)}
.mm-heading{font-family:var(--mm-font-display);font-weight:500;line-height:1.08;letter-spacing:-.025em}
.mm-accent-text{color:var(--mm-copper)}
.mm-logo{display:block;width:clamp(190px,24vw,280px);height:auto}
.mm-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border:1px solid var(--mm-indigo);border-radius:6px;background:var(--mm-indigo);color:var(--mm-ivory);font:700 1rem var(--mm-font-body);text-decoration:none;cursor:pointer}
.mm-button--accent{background:var(--mm-apricot);color:var(--mm-indigo);border-color:var(--mm-apricot)}
.mm-button:hover{filter:brightness(.94)}
.mm-button:focus-visible,.mm-brand a:focus-visible{outline:3px solid var(--mm-copper);outline-offset:4px}
.mm-brand a:not(.mm-button){color:var(--mm-indigo);text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.mm-brand *{scroll-behavior:auto!important}}