:root{
    --mi-cream:#F5EFE3;
    --mi-cream-2:#EFE7D8;
    --mi-ink:#221D17;
    --mi-espresso:#241E17;
    --mi-espresso-2:#2E271E;
    --mi-copper:#A85C2E;
    --mi-copper-soft:#CE915E;
    --mi-stone:#7A6F60;
    --mi-line:#DCD0B8;
  }
  .mi-eyebrow{
    font-family:'Manrope',sans-serif; font-size:11.5px; letter-spacing:.16em;
    text-transform:uppercase; color:var(--mi-copper); font-weight:700;
  }
  .mi-eyebrow.on-dark{color:var(--mi-copper-soft);}
  .mi-h{font-family:'Fraunces',serif; font-weight:500; line-height:1.05; letter-spacing:-0.01em; margin:0;}
  .mi-h em{font-style:italic; color:var(--mi-copper);}
  .mi-btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:15px 26px; font-family:'Manrope',sans-serif; font-size:13.5px; font-weight:700;
    letter-spacing:.03em; text-transform:uppercase; border-radius:2px; cursor:pointer;
    transition:transform .25s ease, background .25s ease; white-space:nowrap; text-decoration:none;
  }
  .mi-btn-primary{background:var(--mi-ink); color:var(--mi-cream);}
  .mi-btn-primary:hover{background:var(--mi-copper); transform:translateY(-2px);}
  .mi-btn-primary.on-dark{background:var(--mi-copper); color:var(--mi-espresso);}
  .mi-btn-ghost{
    background:transparent; color:var(--mi-ink); padding:15px 4px;
    border-bottom:1px solid var(--mi-ink); text-decoration:none; font-family:'Manrope',sans-serif;
    font-size:13.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
  }
  .mi-btn-ghost:hover{color:var(--mi-copper); border-color:var(--mi-copper);}
  .mi-photo{
    position:relative; overflow:hidden; border-radius:2px;
    background:linear-gradient(135deg,#a17c52,#6b5540 55%,#3a2e22);
  }
  .mi-photo::before{
    content:''; position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(100deg, rgba(255,255,255,.05) 0 2px, transparent 2px 26px),
      radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.14), transparent 55%);
  }
  .mi-photo-tag{
    position:absolute; left:0; bottom:0; z-index:2; padding:16px 20px;
    font-family:'Manrope',sans-serif; font-size:10.5px; letter-spacing:.12em;
    text-transform:uppercase; font-weight:700; color:rgba(255,255,255,.82);
  }
  .mi-bleed{
    width:100vw;
    box-sizing:border-box;
    margin-left:calc(-50vw + 50%);
    margin-right:calc(-50vw + 50%);
  }
</style>