/* ==========================================================================
   MAUVIEL SOUTH AFRICA - THE CATALOGUE LANDING PAGE  (/product-category/)
   Full-bleed sections, one measure, and a two-up grid where the photograph
   carries the collection and the copy says who it is for.
   ========================================================================== */

.mvci{width:100%}
.mvci *{box-sizing:border-box}
.mvci__w{max-width:var(--mv-m,2200px);margin-left:auto;margin-right:auto;padding-left:var(--mv-p,3%);padding-right:var(--mv-p,3%)}

.mvci__head{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(1.5rem,3vw,2.5rem)}
.mvci__h1{font-family:var(--mv-font-display);font-weight:300;font-size:clamp(2.25rem,4.6vw,3.5rem);line-height:1.05;letter-spacing:-.01em;color:var(--mv-ink);margin:0 0 1.25rem;padding:0;max-width:22ch}
.mvci__lead{font-family:var(--mv-font-body);font-size:clamp(1.0625rem,1.6vw,1.3125rem);line-height:1.6;color:var(--mv-ink);margin:0 0 1rem;padding:0;max-width:62ch}
.mvci__sub{font-family:var(--mv-font-body);font-size:1rem;line-height:1.6;color:var(--mv-ink-70,#58595B);margin:0;padding:0;max-width:62ch}
.mvci__sub a{color:var(--mv-copper-deep,#8A6647);text-decoration:none;border-bottom:1px solid var(--mv-copper-band,#A9866A);padding-bottom:1px}
.mvci__sub a:hover{color:var(--mv-ink)}

.mvci__body{padding-bottom:clamp(2rem,4vw,3.5rem)}
.mvci__grid{list-style:none!important;margin:0;padding:0;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #E3E1DD;border-left:1px solid #E3E1DD}
.mvci__item{list-style:none!important;margin:0;background:#fff;border-right:1px solid #E3E1DD;border-bottom:1px solid #E3E1DD}
.mvci__item::marker{content:none}

.mvci__link{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch;height:100%;text-decoration:none;color:inherit}
.mvci__img{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--mv-paper-warm,#EEEEE8);padding:clamp(1rem,2vw,2rem)}
.mvci__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.mvci__link:hover .mvci__img img{transform:scale(1.05)}

.mvci__txt{display:flex;flex-direction:column;padding:clamp(1.5rem,2.5vw,2.5rem)}
.mvci__n{font-family:var(--mv-font-display);font-weight:300;font-size:clamp(1.5rem,2.4vw,2.125rem);line-height:1.1;color:var(--mv-ink);margin-bottom:.4rem}
.mvci__count{font-family:var(--mv-font-data);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--mv-copper-deep,#8A6647);margin-bottom:1rem}
.mvci__d{font-family:var(--mv-font-body);font-size:.9375rem;line-height:1.65;color:var(--mv-ink);margin-bottom:1.5rem;max-width:44ch}
.mvci__go{font-family:var(--mv-font-data);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--mv-ink);margin-top:auto;padding-bottom:.35rem;border-bottom:1px solid var(--mv-ink);align-self:flex-start;transition:border-color .25s ease,color .25s ease}
.mvci__link:hover .mvci__go{color:var(--mv-copper-deep,#8A6647);border-bottom-color:var(--mv-copper-band,#A9866A)}

.mvci__foot{border-top:1px solid var(--mv-ink-25,#D5D3D1);padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(2.5rem,5vw,4rem)}
.mvci__note{font-family:var(--mv-font-body);font-size:.9375rem;line-height:1.7;color:var(--mv-ink-70,#58595B);margin:0;padding:0;max-width:72ch}
.mvci__note a{color:var(--mv-copper-deep,#8A6647);text-decoration:underline;text-underline-offset:.2em}

@media (max-width:980px){
  .mvci__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .mvci__link{grid-template-columns:minmax(0,1fr)}
  .mvci__img{aspect-ratio:4/3}
}