/* Maison Marie Collective — shared static styles.
   Preserves the original refined visual direction: cream/sage/olive/charcoal/gold palette,
   Cormorant Garamond + Poppins typography, restrained reveal animations. */

html,body{margin:0;padding:0;overflow-x:hidden;background:#F7F3EA}
body{font-family:Poppins,sans-serif;color:#2E2A24}
*{box-sizing:border-box}
img{max-width:100%}

a{color:#4A5741}
a:hover{color:#B8791E}
:focus-visible{outline:2px solid #B8791E;outline-offset:2px}

/* Page fade-in */
@keyframes mmcPageFade{from{opacity:0}to{opacity:1}}
body{animation:mmcPageFade .5s ease both}

/* Scroll reveal (installed only when motion is live via mmc-reveal.js) */
html.rv-ready [data-rv]{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
html.rv-ready [data-rv].rv-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  body{animation:none!important}
  [data-rv]{opacity:1!important;transform:none!important}
}

/* ---------- Hover / focus helpers (replaces runtime style-hover / style-focus) ---------- */
.mm-link{transition:color .3s ease}
.mm-link:hover,.mm-link:focus-visible{color:#B8791E!important}

.mm-ul{transition:color .3s ease,border-color .3s ease}
.mm-ul:hover,.mm-ul:focus-visible{color:#B8791E!important;border-bottom-color:#4A5741!important}

.mm-cta{transition:background .3s ease,color .3s ease}
.mm-cta:hover,.mm-cta:focus-visible{background:#B8791E!important;color:#FBF8F1!important}

.mm-btn{transition:color .3s ease,border-color .3s ease}
.mm-btn:hover,.mm-btn:focus-visible{color:#B8791E!important;border-bottom-color:#4A5741!important}

.mm-field:focus{border-bottom-color:#B8791E!important;outline:none}

/* ---------- Header ---------- */
.mm-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;box-shadow:none;transition:background .3s ease,box-shadow .3s ease}
.mm-header.scrolled{background:#F7F3EA;box-shadow:0 2px 16px rgba(74,87,65,0.12)}
.mm-header.open{background:#F7F3EA}
.mm-header-inner{max-width:1240px;margin:0 auto;padding:0 32px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mm-logo{display:flex;align-items:center;flex-shrink:0;border-bottom:none}
.mm-logo img{width:310px;height:auto;display:block}
.mm-nav{display:flex;align-items:center;gap:26px}
.mm-nav a{font-family:Poppins,sans-serif;font-size:11px;font-weight:500;letter-spacing:0.24em;text-transform:uppercase;color:#2E2A24;text-decoration:none;border-bottom:2px solid transparent;padding:4px 0;white-space:nowrap;transition:color .3s ease,border-color .3s ease}
.mm-nav a:hover{color:#B8791E;border-bottom:2px solid #B8791E}
.mm-nav a.active{color:#B8791E;border-bottom:2px solid #B8791E}
.mm-burger{display:none;background:none;border:none;cursor:pointer;padding:10px;min-height:44px}
.mm-burger span{display:block;width:24px;height:2px;background:#4A5741;margin:5px 0}
.mm-mobile-nav{display:none;background:#F7F3EA;border-top:1px solid #A8C5B4;box-shadow:0 12px 24px rgba(74,87,65,0.15);flex-direction:column;padding:12px 32px 24px;gap:2px}
.mm-header.open .mm-mobile-nav{display:flex}
.mm-mobile-nav a{font-family:Poppins,sans-serif;font-size:11px;font-weight:500;letter-spacing:0.24em;text-transform:uppercase;color:#2E2A24;text-decoration:none;padding:14px 0;min-height:44px;display:flex;align-items:center;border-bottom:1px solid rgba(125,140,110,0.2)}
.mm-mobile-nav a:hover{color:#B8791E}
.mm-mobile-nav a.active{color:#B8791E}

/* Intermediate widths: keep the full nav visible but tighten it so nothing
   extends past the right edge at 1024px–1180px. */
@media (max-width:1180px){
  .mm-logo img{width:238px}
  .mm-nav{gap:18px}
  .mm-nav a{letter-spacing:0.18em}
}
/* Tablet and mobile: collapse to the hamburger menu. */
@media (max-width:1023px){
  .mm-logo img{width:190px}
  .mm-nav{display:none}
  .mm-burger{display:block}
}

/* ---------- Footer ---------- */
.mm-footer{background:#FBF8F1;border-top:1px solid rgba(184,121,30,0.35);font-family:Poppins,sans-serif}
.mm-footer-inner{max-width:1240px;margin:0 auto;padding:96px 40px 40px}
.mm-footer-top{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.mm-footer-brand{flex:4 1 300px;min-width:270px}
.mm-footer-brand img{width:200px;height:auto;display:block}
.mm-footer-brand p{font-size:16px;font-weight:300;line-height:1.9;color:#2E2A24;margin:22px 0 0;max-width:34ch}
.mm-footer-col{flex:2.5 1 170px;min-width:150px}
.mm-footer-col-contact{flex:3.5 1 250px;min-width:240px}
.mm-footer-label{font-family:Poppins,sans-serif;font-size:11px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:#B8791E;margin-bottom:22px}
.mm-footer-nav{display:flex;flex-direction:column;gap:10px}
.mm-footer-nav a{font-size:14px;color:#2E2A24;text-decoration:none;transition:color .3s ease}
.mm-footer-nav a:hover{color:#B8791E}
.mm-footer-contact{display:flex;flex-direction:column;gap:14px}
.mm-footer-contact a,.mm-footer-contact div{display:flex;align-items:center;gap:12px;font-size:14px;color:#2E2A24;text-decoration:none;transition:color .3s ease}
.mm-footer-contact a:hover{color:#B8791E}
.mm-footer-rule{height:1px;background:#7D8C6E;opacity:0.3;margin:72px 0 24px}
.mm-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.mm-footer-bottom .copyright{font-size:13px;color:#4A5741}