/* Moissury: tactile packaging followed by a quiet photographic study. */
.mois-packaging{padding-block:10px 0}
.mois-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,7vw,100px);max-width:1100px;margin:0 auto 38px;align-items:end}
.mois-heading .eyebrow{margin-bottom:18px}
.mois-heading>p{max-width:39ch;justify-self:end}
.mois-packaging>figure{max-width:1100px;margin-inline:auto}
.mois-packaging img{width:100%;height:auto}
.mois-palette{max-width:1100px;margin-inline:auto;padding-block:30px 70px}
.mois-palette__intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px}
.mois-palette__intro h2{font-family:var(--body);font-size:17px;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--grey)}
.mois-palette .palette-band{min-height:115px}
.mois-palette .palette-band li{padding:20px 24px;gap:18px;min-height:115px}
.mois-palette .palette-band b{font-size:17px}
.mois-editorial{border-top:1px solid var(--line);padding-block:68px 88px}
.mois-editorial__intro{max-width:560px;margin-inline:auto;text-align:center;justify-items:center;gap:18px}
.mois-editorial__intro>p:last-child{max-width:45ch}
.mois-editorial__photos{max-width:950px;margin:48px auto 0;display:grid;grid-template-columns:minmax(0,345px) minmax(0,300px);justify-content:space-around;gap:clamp(32px,7vw,110px);align-items:start}
.mois-editorial__portrait{margin-top:120px}
.mois-editorial svg{width:100%;height:auto;overflow:hidden}
.mois-editorial img{width:100%;height:auto}
.mois-editorial figcaption{max-width:29ch}
@media(max-width:700px){
 .mois-heading{grid-template-columns:1fr;gap:22px;margin-bottom:26px}.mois-heading>p{justify-self:start;max-width:45ch}
 .mois-palette{padding-block:24px 46px}.mois-palette__intro{display:grid;gap:10px}
 .mois-palette .palette-band{grid-template-columns:1fr}.mois-palette .palette-band li{display:flex;flex-direction:row;align-items:center;min-height:70px;padding:18px 20px}
 .mois-editorial{padding-block:45px 52px}.mois-editorial__intro{text-align:left;justify-items:start}
 .mois-editorial__photos{gap:28px;margin-top:28px;grid-template-columns:1fr}
 .mois-editorial__detail{width:88%;max-width:345px}.mois-editorial__portrait{width:78%;max-width:300px;justify-self:end;margin-top:0}
 .mois-editorial figcaption{max-width:none}
}

/* Keep the supplied packaging board complete within a desktop viewport. */
.mois-packaging>figure{max-width:900px}
.mois-packaging .image-stage{background:transparent;border-radius:0}
.mois-packaging img{display:block;max-height:72svh;object-fit:contain}