.mjs{font-family:var(--s-font-body);background:var(--s-page);color:var(--s-text);font-size:var(--s-body-fs);line-height:1.85}.mjs *,.mjs *:before,.mjs *:after{box-sizing:border-box}.mjs p{margin:0}.mjs img{display:block}.mjs a{color:inherit}.mjs-h{font-family:var(--s-font-display);font-weight:500;letter-spacing:-.01em;line-height:1.28;margin:0}.mjs-i{font-family:var(--s-font-display);font-weight:500;font-style:italic;line-height:1.3;margin:0}.mjs-label{font-family:var(--s-font-body);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1}.mjs-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--s-ease),transform .8s var(--s-ease)}.mjs-reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.mjs-reveal{opacity:1!important;transform:none!important;transition:none}}.mjs-hero{position:relative;width:100%;height:var(--s-hero-h);overflow:hidden;background:var(--s-ink)}.mjs-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mjs-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--s-scrim)),#0000 58%)}.mjs-hero__body{position:absolute;left:var(--s-pad-x);right:var(--s-pad-x);bottom:clamp(34px,6vh,88px);color:var(--s-hero-text)}.mjs-hero__eyebrow{margin:0 0 22px;opacity:.82}.mjs-hero__title{font-size:var(--s-hero-fs);line-height:1.05}.mjs-center{padding:clamp(52px,6.5vw,118px) var(--s-pad-x) 0}.mjs-center__inner{max-width:760px;margin:0 auto;text-align:center}.mjs-center__title{font-size:30px;margin-bottom:36px}.mjs-center__text{color:var(--s-secondary);display:flex;flex-direction:column;gap:20px}.mjs-center__media{width:min(70%,1180px);margin:clamp(38px,4.6vw,84px) auto 0;aspect-ratio:var(--s-center-ar, 4 / 5);overflow:hidden;background:var(--s-ink)}.mjs-center__media img{width:100%;height:100%;object-fit:cover}.mjs-quote{padding:clamp(52px,6.5vw,118px) var(--s-pad-x) 0}.mjs-quote__inner{max-width:860px;margin:0 auto;text-align:center}.mjs-quote__media{width:min(70%,1180px);margin:0 auto clamp(34px,4vw,70px);aspect-ratio:4 / 5;overflow:hidden;background:var(--s-ink)}.mjs-quote__media img{width:100%;height:100%;object-fit:cover}.mjs-quote__text{font-size:30px;line-height:1.28}.mjs .mjs-quote__author{margin:30px 0 0;color:var(--s-secondary)}.mjs-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,6vw,104px);align-items:center;padding:clamp(46px,5.6vw,100px) var(--s-pad-x)}.mjs-split__media{aspect-ratio:6 / 7;overflow:hidden;background:var(--s-ink)}.mjs-split__media img{width:100%;height:100%;object-fit:cover}.mjs-split--left .mjs-split__media{grid-column:1;grid-row:1}.mjs-split--left .mjs-split__body,.mjs-split--right .mjs-split__media{grid-column:2;grid-row:1}.mjs-split--right .mjs-split__body{grid-column:1;grid-row:1}.mjs-split--solo{grid-template-columns:1fr}.mjs-split--solo .mjs-split__body{grid-column:1;grid-row:1;text-align:center}.mjs-split--solo .mjs-split__inner{max-width:760px;margin:0 auto}.mjs-split__title{font-size:30px;margin-bottom:16px}.mjs-split__sub{font-size:24px;margin:0 0 24px}.mjs-split__text{color:var(--s-secondary);display:flex;flex-direction:column;gap:20px}.mjs-link{display:inline-block;margin-top:32px;padding-bottom:3px;font-family:var(--s-font-body);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--s-text);border-bottom:1px solid currentColor;white-space:nowrap;transition:opacity .16s var(--s-ease)}.mjs-link:hover{opacity:.62}.mjs-cta{padding:clamp(56px,7vw,124px) var(--s-pad-x) clamp(64px,8vw,140px)}.mjs-cta__inner{max-width:760px;margin:0 auto;text-align:center}.mjs-cta__title{font-size:30px;margin-bottom:20px}.mjs-cta__text{color:var(--s-secondary)}@media screen and (max-width:900px){.mjs-hero{height:var(--s-hero-h-mob)}.mjs-split{grid-template-columns:1fr;gap:26px}.mjs-split--left .mjs-split__media,.mjs-split--right .mjs-split__media{grid-column:1;grid-row:1}.mjs-split--left .mjs-split__body,.mjs-split--right .mjs-split__body{grid-column:1;grid-row:2}.mjs-split__media{aspect-ratio:4 / 5}.mjs-center__media,.mjs-quote__media{width:100%}}@media screen and (max-width:768px){.mjs-hero__title{font-size:32px}.mjs-center__title,.mjs-split__title,.mjs-cta__title{font-size:22px}.mjs-center__title{margin-bottom:28px}.mjs-quote__text{font-size:22px}.mjs-split__sub{font-size:20px}}@media screen and (max-width:420px){.mjs-hero__title{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/mj-histoire.css.map */
