.ma-hero{position:relative;overflow:hidden;background:var(--color-background);color:var(--color-foreground);padding:48px 0 32px}.ma-hero--photo{background:var(--ma-vert-nuit);color:var(--ma-ivoire)}.ma-hero__bgs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ma-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.ma-hero__bg.is-active{opacity:1}.ma-hero__bg picture,.ma-hero__bg-img{display:block;width:100%;height:100%}.ma-hero__bg-img{object-fit:cover}.ma-hero__voile{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ma-vert-nuit);opacity:var(--ma-hero-voile, .35)}.ma-hero__inner{position:relative;z-index:1;display:grid;gap:32px;max-width:var(--ideal-width, 1360px);min-height:calc(100svh - 160px);margin:0 auto;padding:0 var(--container-margin, 16px);align-content:end}.ma-hero__eyebrow{margin:0 0 16px;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.ma-hero__eyebrow[hidden]{display:none}.ma-hero__title{max-width:16ch;margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:36px;line-height:1.05;letter-spacing:0;color:inherit}.ma-hero__sub{max-width:38ch;margin:20px 0 0;font-size:16px;line-height:1.5}.ma-hero__price{margin:12px 0 0;font-weight:500}.ma-hero__message{margin:12px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.ma-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ma-hero .ma-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:1px solid transparent;border-radius:0;font-family:var(--font-body-family);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s}.ma-hero--photo .ma-btn--primary{background:var(--ma-ivoire);color:var(--ma-vert-atlas)}.ma-hero--photo .ma-btn--primary:hover{background:var(--ma-creme)}.ma-hero--photo .ma-btn--ghost{border-color:var(--ma-ivoire);background:transparent;color:var(--ma-ivoire)}.ma-hero--photo .ma-btn--ghost:hover{background:var(--ma-ivoire);color:var(--ma-vert-atlas)}.ma-hero__countdown{display:inline-flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;padding:10px 16px;background:var(--ma-or);color:var(--ma-encre);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ma-hero__countdown b{margin-right:4px;font-size:18px;font-weight:500}.ma-hero__proof{display:flex;align-items:center;gap:8px;margin:24px 0 0;font-size:14px}.ma-hero__stars{display:inline-flex;gap:2px;color:var(--ma-or)}.ma-hero__text[hidden]{display:none}.ma-hero__text,.ma-hero__title{animation:ma-hero-fade .3s ease}@keyframes ma-hero-fade{0%{opacity:0}to{opacity:1}}.ma-hero__reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ma-hero__reel{min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.ma-hero__media{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;background:var(--ma-vert-nuit);border:1px solid rgba(250,247,242,.35);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s}.ma-hero__reel[aria-pressed=true] .ma-hero__media{outline-color:var(--ma-ivoire)}.ma-hero__reel:focus-visible{outline:none}.ma-hero__reel:focus-visible .ma-hero__media{outline-color:var(--ma-or)}.ma-hero__media img,.ma-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ma-hero__reel-eyebrow{display:none}.ma-hero__reel-name{display:block;margin-top:8px;font-family:var(--font-heading-family);font-size:15px;font-weight:400;line-height:1.15}.ma-hero__legal{display:block;margin-top:4px;font-size:10px}@media only screen and (max-width:749px){.ma-hero__ctas .ma-btn{flex:1 1 100%}}@media only screen and (min-width:990px){.ma-hero{padding:96px 0 72px}.ma-hero__inner{min-height:calc(82svh - 168px);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;align-content:stretch;gap:64px;padding:0 var(--container-margin, 48px)}.ma-hero__title{font-size:56px}.ma-hero__sub{font-size:18px}.ma-hero__reels{gap:16px;align-items:end}.ma-hero__reel:nth-child(2){margin-bottom:32px}.ma-hero__reel-eyebrow{display:block;margin-top:10px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ma-hero__reel-name{margin-top:4px;font-size:18px}}@media only screen and (min-width:1400px){.ma-hero__title{font-size:64px}}@media(prefers-reduced-motion:reduce){.ma-hero__text,.ma-hero__title{animation:none}.ma-hero__bg,.ma-hero__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/ma-hero-reels.css.map */