/* Shade Finder launch: navigation and homepage feature. */
#mm-concept .nav-shade-finder,
.mm-nav .mm-nav-shade-finder,
.mm-menu nav .mm-nav-shade-finder{color:#713f39}
#mm-concept .nav-shade-finder:hover,
.mm-nav .mm-nav-shade-finder:hover,
.mm-menu nav .mm-nav-shade-finder:hover{color:#b66b58}

#mm-concept .shade-finder-feature{background:#e2c5b8}
#mm-concept .shade-finder-feature .shade-grid{min-height:550px}
#mm-concept .shade-finder-feature .shade-copy{padding-top:82px;padding-bottom:82px}
#mm-concept .shade-finder-feature .shade-copy h2{font-size:clamp(53px,5.1vw,79px);line-height:1.02}
#mm-concept .shade-finder-feature .shade-copy>p:not(.eyebrow){max-width:510px}
#mm-concept .shade-finder-feature .shade-copy>p.shade-privacy{font-size:12px;line-height:1.65;margin:-12px 0 30px;color:#604a43;max-width:490px}
#mm-concept .shade-finder-feature .shade-buttons .button-dark{color:#fff;white-space:nowrap}
#mm-concept .shade-finder-feature .shade-buttons .underlined{color:#372522}
#mm-concept .shade-studio-card{position:relative;z-index:1;width:min(72%,310px);min-height:238px;padding:28px 25px;background:rgba(255,250,245,.94);box-shadow:0 20px 45px rgba(54,31,25,.18);transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between;gap:22px;text-align:center}
#mm-concept .shade-studio-card small{font-size:9px;font-weight:700;letter-spacing:.19em;line-height:1.5}
#mm-concept .shade-studio-card strong{font:400 43px/1 Georgia,'Times New Roman',serif;letter-spacing:-.055em}
#mm-concept .shade-studio-card strong em{font-weight:400}

@media(min-width:1151px){
  #mm-concept .header-inner{grid-template-columns:155px minmax(0,1fr) 116px;gap:16px}
  #mm-concept .primary-nav{gap:clamp(12px,1.3vw,20px)}
  #mm-concept .primary-nav a,#mm-concept .nav-category-toggle{font-size:10px;letter-spacing:.09em}
}
@media(min-width:1181px){
  .mm-header-inner{grid-template-columns:155px minmax(0,1fr) 116px;gap:16px}
  .mm-nav{gap:clamp(12px,1.25vw,19px)}
  .mm-nav a{font-size:10px;letter-spacing:.08em}
}
@media(max-width:1180px){
  .mm-header-inner{grid-template-columns:1fr auto;width:calc(100% - 40px)}
  .mm-nav{display:none}
  .mm-menu{display:block}
}
@media(max-width:1150px) and (min-width:761px){
  #mm-concept .header-inner{grid-template-columns:35px 1fr 116px;gap:12px}
  #mm-concept .menu-button{display:flex;width:25px;height:24px;padding:2px 0;background:none;border:0;flex-direction:column;justify-content:space-around}
  #mm-concept .menu-button span{height:1.5px;width:23px;background:var(--ink);display:block}
  #mm-concept .brand{justify-self:center}
  #mm-concept .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#faf7f4;padding:20px 36px 24px;border-top:1px solid var(--line);box-shadow:0 15px 20px #0002}
  #mm-concept .primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 125px);overflow-y:auto}
  #mm-concept .primary-nav>a{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}
  #mm-concept .nav-category{display:block;height:auto}
  #mm-concept .nav-category-toggle{width:100%;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}
  #mm-concept .nav-category-panel{position:static;box-shadow:none;border-top:0;background:#f3ebe4}
  #mm-concept .nav-category-inner{width:100%;padding:0 18px 17px}
  #mm-concept .nav-category-top{padding:17px 0 10px}
  #mm-concept .nav-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;padding-top:6px}
}
@media(max-width:760px){
  #mm-concept .shade-finder-feature .shade-copy{padding:70px 0 10px}
  #mm-concept .shade-finder-feature .shade-copy h2{font-size:clamp(47px,11vw,61px)}
  #mm-concept .shade-finder-feature .shade-copy>p.shade-privacy{margin:-10px 0 28px}
  #mm-concept .shade-studio-card{min-height:205px;width:min(72%,285px)}
  #mm-concept .shade-studio-card strong{font-size:37px}
}
@media(max-width:600px){
  .mm-menu nav{grid-template-columns:1fr;max-height:calc(100svh - 105px);overflow-y:auto;overscroll-behavior:contain}
  .mm-menu nav a{padding:13px 0}
}
@media(max-width:440px){
  #mm-concept .shade-finder-feature .shade-buttons{align-items:flex-start;flex-direction:column;gap:22px}
  #mm-concept .shade-finder-feature .shade-buttons .button-dark{font-size:10px;gap:17px;padding:0 16px}
  #mm-concept .shade-finder-feature .shade-copy h2{font-size:49px}
  #mm-concept .shade-studio-card{width:245px;min-height:185px;padding:23px 18px}
  #mm-concept .shade-studio-card strong{font-size:32px}
}