monties-swatch.mv-swatch{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;width:100%;margin:0;color:#fffaf3;}
.mv-swatch,.mv-swatch *{box-sizing:border-box}
.mv-swatch .mv-swatch__panel{position:relative;isolation:isolate;min-width:0;margin:0;border:0;border-radius:3px;overflow:hidden;height:440px;background:var(--mv-swatch,#66594b)}
.mv-swatch .mv-swatch__trigger{position:relative;display:block;list-style:none;width:100%;height:100%;cursor:pointer;color:inherit;outline-offset:-5px;-webkit-tap-highlight-color:transparent}
.mv-swatch__trigger::-webkit-details-marker{display:none}
.mv-swatch__trigger::marker{content:''}
.mv-swatch .mv-swatch__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--mv-focal,center);transition:transform .8s cubic-bezier(.2,.65,.2,1);pointer-events:none}
.mv-swatch__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,17,13,.4),transparent 38%,rgba(21,17,13,.88) 100%);pointer-events:none}
.mv-swatch__number{position:absolute;top:26px;left:28px;font-variant-numeric:tabular-nums;}
.mv-swatch .mv-swatch__title{position:absolute;bottom:108px;left:28px;right:24px;margin:0;color:inherit;overflow-wrap:anywhere;}
.mv-swatch .mv-swatch__copy{position:absolute;left:28px;right:28px;bottom:28px;max-width:35ch;pointer-events:none}
.mv-swatch .mv-swatch__copy p{margin:0;color:inherit}
.mv-swatch__icon{position:absolute;right:26px;top:22px;width:22px;height:22px;border:1px solid #fffaf399;border-radius:50%}
.mv-swatch__icon::before,.mv-swatch__icon::after{content:'';position:absolute;top:9px;left:6px;width:8px;height:1px;background:currentColor}
.mv-swatch__icon::after{transform:rotate(90deg);transition:transform .25s}
.mv-swatch__panel[open] .mv-swatch__icon::after{transform:rotate(0)}
.mv-swatch .mv-swatch__trigger:focus-visible{outline:2px solid #fffaf3;box-shadow:inset 0 0 0 7px #2b2420}
.mv-swatch[data-ready]{display:flex;height:520px}
.mv-swatch[data-ready] .mv-swatch__panel{height:100%;flex:0 0 64px;transition:flex-basis .7s cubic-bezier(.22,.7,.2,1),flex-grow .7s cubic-bezier(.22,.7,.2,1)}
.mv-swatch[data-ready] .mv-swatch__panel[open]{flex:1 1 0}
.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__wash{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--mv-swatch);opacity:.93}
.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__title{writing-mode:vertical-rl;transform:rotate(180deg);left:21px;right:auto;bottom:26px;white-space:nowrap;}
.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__number{left:0;width:100%;text-align:center}
.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__icon{display:none}
.mv-swatch[data-ready] .mv-swatch__panel[open] .mv-swatch__copy{animation:mv-reveal .6s .15s both}
@keyframes mv-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mv-section{background:#f5f0e8;color:#2b2420;padding:64px clamp(20px,5vw,80px)}
.mv-section__inner{max-width:1200px;margin:0 auto}
.mv-section__heading{margin:0 0 22px}
.mv-section__intro,.mv-section__closing{margin:0 0 24px;color:#655c52}
.mv-section__closing{margin:28px 0 0}
@media(max-width:989px){
 .mv-swatch[data-ready]{flex-direction:column;height:auto;gap:6px}
 .mv-swatch[data-ready] .mv-swatch__panel{flex:none;height:66px;transition:height .55s cubic-bezier(.22,.7,.2,1)}
 .mv-swatch[data-ready] .mv-swatch__panel[open]{flex:none;height:420px}
 .mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__title{writing-mode:horizontal-tb;transform:none;left:58px;right:48px;bottom:auto;top:20px;white-space:normal}
 .mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__number{width:auto;left:20px;top:27px}
 .mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__icon{display:block;right:20px}
 .mv-swatch .mv-swatch__title{left:24px;bottom:112px;}
 .mv-swatch .mv-swatch__copy{left:24px;right:24px;bottom:28px}
 .mv-swatch__number{left:24px}
 .mv-section{padding:44px 20px}
}
@media(prefers-reduced-motion:reduce){.mv-swatch .mv-swatch__panel,.mv-swatch .mv-swatch__image,.mv-swatch .mv-swatch__icon::after{transition:none!important}.mv-swatch .mv-swatch__copy{animation:none!important}}

.mv-swatch .mv-swatch__panel[open]{display:flex;flex-direction:column}
.mv-swatch .mv-swatch__panel[open] .mv-swatch__trigger{position:static;display:flex;align-items:flex-end;flex:1 1 auto;min-height:160px;height:auto;padding:28px 28px 20px}
.mv-swatch .mv-swatch__panel[open] .mv-swatch__title{position:relative;inset:auto;margin:0;z-index:1}
.mv-swatch .mv-swatch__panel[open] .mv-swatch__copy{position:relative;inset:auto;flex:none;margin:0 28px 28px;z-index:1}
@media(max-width:989px){.mv-swatch[data-ready] .mv-swatch__panel[open]{height:auto;min-height:420px}.mv-swatch .mv-swatch__panel[open] .mv-swatch__trigger{padding:24px 24px 20px}.mv-swatch .mv-swatch__panel[open] .mv-swatch__copy{margin:0 24px 28px}}

.mv-swatch[data-ready] .mv-swatch__panel:not([open]){color:var(--mv-strip-text,#fffaf3)}
.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__icon{border-color:currentColor}


.mv-swatch[data-ready] .mv-swatch__panel:not([open]) .mv-swatch__title{font-size:var(--font-h4--size)}