#body #MainContent .mh-home{--mh-navy: #0b1f3a;--mh-muted: #34454f;--mh-radius: 18px}#body #MainContent .mh-intro{max-width:860px;margin:0 auto 40px;text-align:center}#body #MainContent .mh-heading{margin:0 0 16px;color:var(--mh-navy);font:600 42px/1.14 Ergonomique,sans-serif;letter-spacing:-.6px;text-align:center;text-transform:none;text-wrap:balance}#body #MainContent .mh-quality{margin:0;color:var(--mh-muted);font:400 19px/1.5 Ergonomique,sans-serif;text-wrap:balance}#body #MainContent .mh-quality p{margin:0}#body #MainContent .mh-quality a{display:flex;width:fit-content;align-items:center;min-height:44px;margin:4px auto 0;color:var(--mh-navy);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}#body #MainContent .mh-quality a:hover{text-decoration-thickness:2px}#body #MainContent .mh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}#body #MainContent .mh-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;border-radius:var(--mh-radius);background:linear-gradient(180deg,#f8fafc,#f1f5f8 38%,#eef3f7);box-shadow:inset 0 0 0 1px #0b1f3a12;color:var(--mh-navy);text-decoration:none}#body #MainContent .mh-copy{position:relative;z-index:2;display:block;padding:34px 26px 0;text-align:center}#body #MainContent .mh-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;color:#43535d;font:600 14px/1.2 Ergonomique,sans-serif;letter-spacing:.12em;text-transform:uppercase}#body #MainContent .mh-eyebrow:before{content:"";width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--mh-accent, #71ebff);box-shadow:0 0 0 1.5px var(--mh-navy)}#body #MainContent .mh-title{display:block;margin:0;color:var(--mh-navy);font:600 30px/1.12 Ergonomique,sans-serif;letter-spacing:-.3px;text-transform:none}#body #MainContent .mh-benefit{display:block;max-width:30ch;margin:10px auto 0;color:var(--mh-muted);font:400 19px/1.42 Ergonomique,sans-serif;letter-spacing:0;text-wrap:balance}#body #MainContent .mh-media{position:relative;z-index:1;display:block;flex:1 0 auto;margin-top:-26px;aspect-ratio:1080 / 1150}#body #MainContent .mh-product{--mh-y: 72%;--mh-scale: 1}#body #MainContent .mh-product[data-product=spermidine]{--mh-y: 56%}#body #MainContent .mh-product[data-product=fisetin]{--mh-y: 60%}#body #MainContent .mh-product .mh-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% var(--mh-y);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%);mask-image:linear-gradient(180deg,transparent 0,#000 24%);transform:scale(var(--mh-scale));transform-origin:50% var(--mh-y);transition:transform .6s ease}#body #MainContent .mh-action{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px;border:2px solid transparent;border-radius:var(--masi-action-radius, 10px);background:var(--mh-accent, #71ebff);color:#101010;font:600 18px/1.2 Ergonomique,sans-serif;letter-spacing:0;text-transform:none;box-shadow:0 12px 26px -16px #0b1f3a8c;transition:border-color .2s ease,box-shadow .2s ease}#body #MainContent .mh-action svg{width:20px;height:20px;flex-shrink:0;transition:transform .25s ease}#body #MainContent .mh-product:hover .mh-action{border-color:var(--mh-navy)}#body #MainContent .mh-product:hover .mh-action svg{transform:translate(3px)}#body #MainContent .mh-product:hover .mh-media img{transform:scale(calc(var(--mh-scale) * 1.03))}#body #MainContent .mh-product:focus-visible,#body #MainContent .mh-play:focus-visible,#body #MainContent .mh-quality a:focus-visible{outline:3px solid var(--mh-navy);outline-offset:4px}#body #MainContent .mh-video{align-self:stretch;container:mhvideo / size;background:#0b1f3a;box-shadow:none}#body #MainContent .mh-video:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:0;background:var(--mh-poster) 50% 30% / cover no-repeat;filter:blur(18px) brightness(.8)}#body #MainContent .mh-player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;max-width:none;border:0;border-radius:var(--mh-radius);background:#0b1f3a;object-fit:cover;object-position:50% 0}#body #MainContent .mh-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--mh-radius);overflow:hidden;background:#0b1f3a;color:var(--mh-navy);font:inherit;cursor:pointer}#body #MainContent .mh-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;transition:transform .6s ease}#body #MainContent .mh-play:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1f3a00,#0b1f3a73);pointer-events:none}#body #MainContent .mh-play-circle{position:absolute;z-index:2;left:50%;top:46%;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffe0;color:var(--mh-navy);box-shadow:0 10px 30px -10px #0b1f3a99;transition:transform .25s ease,background-color .25s ease}#body #MainContent .mh-play-circle svg{width:30px;height:30px;margin-left:4px}#body #MainContent .mh-video-action{background:#fff;border:1.5px solid #fff;color:var(--mh-navy)}#body #MainContent .mh-video-action svg{width:20px;height:20px}#body #MainContent .mh-play:hover .mh-play-circle{transform:translate(-50%,-50%) scale(1.06);background:#fff}#body #MainContent .mh-play:hover .mh-poster{transform:scale(1.02)}#body #MainContent .mh-play:hover .mh-video-action{border-color:var(--mh-navy)}#body #MainContent .mh-video-fallback{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;padding:14px;background:#fff;color:var(--mh-navy);font-size:16px;text-align:center;border:1px solid var(--mh-navy);border-radius:10px}#body #MainContent .mh-video [hidden]{display:none!important}@container mhvideo (max-aspect-ratio: 404 / 720){#body #MainContent .mh-poster,#body #MainContent .mh-player{object-fit:contain;object-position:50% 50%}#body #MainContent .mh-play,#body #MainContent .mh-player{background:transparent}}#body #MainContent .mh-video:has(.mh-play:not([hidden])) .mh-player{visibility:hidden}#body #MainContent .mh-purity{margin-bottom:18px}#body #MainContent .mh-purity-figure{display:block;font-size:clamp(64px,8vw,112px);line-height:1;font-weight:700;letter-spacing:-2px;color:var(--mh-navy)}#body #MainContent .mh-purity-num{padding:0 .08em;background:linear-gradient(180deg,transparent 58%,#71ebff 58%,#71ebff 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}#body #MainContent .mh-purity-line{display:block;margin-top:14px;font-size:34px;line-height:1.18;font-weight:600;letter-spacing:-.4px}#body #MainContent .mh-intro:has(.mh-purity){max-width:860px;margin-inline:auto;text-align:center}#body #MainContent .mh-intro .mh-purity,#body #MainContent .mh-intro:has(.mh-purity) .mh-quality{text-align:center;text-wrap:balance}#body #MainContent .mh-intro:has(.mh-purity) .mh-quality a{margin-inline:auto}#body #MainContent .mh-intro .mh-heading{max-width:100%;margin-left:auto;margin-right:auto}@media(max-width:868px){#body #MainContent .mh-intro{margin-bottom:30px}#body #MainContent .mh-heading{font-size:36px}#body #MainContent .mh-purity-line{font-size:28px}#body #MainContent .mh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#body #MainContent .mh-title{font-size:26px}#body #MainContent .mh-benefit{font-size:18px}}@media(max-width:540px){#body #MainContent .mh-home{--mh-radius: 14px}#body #MainContent .mh-intro{margin-bottom:24px}#body #MainContent .mh-heading{margin-bottom:12px;font-size:30px!important;line-height:1.16;letter-spacing:-.3px}#body #MainContent .mh-quality{font-size:17px}#body #MainContent .mh-grid{gap:12px 10px}#body #MainContent .mh-copy{padding:22px 12px 0}#body #MainContent .mh-eyebrow{display:none}#body #MainContent .mh-title{font-size:21px;letter-spacing:-.2px}#body #MainContent .mh-benefit{margin-top:6px;font-size:16px;line-height:1.35}#body #MainContent .mh-media{margin-top:-14px;aspect-ratio:1080 / 1300}#body #MainContent .mh-product{--mh-scale: 1.22}#body #MainContent .mh-action{left:10px;right:10px;bottom:10px;gap:6px;min-height:48px;padding:10px 6px;font-size:16px}#body #MainContent .mh-action svg{width:16px;height:16px}#body #MainContent .mh-purity-figure{font-size:64px;letter-spacing:-1.5px}#body #MainContent .mh-purity-line{margin-top:10px;font-size:24px}#body #MainContent .mh-play-circle{width:56px;height:56px}#body #MainContent .mh-play-circle svg{width:24px;height:24px;margin-left:3px}}@media(max-width:369px){#body #MainContent .mh-purity-figure{font-size:54px}#body #MainContent .mh-purity-line{font-size:22px}#body #MainContent .mh-title{font-size:19px}#body #MainContent .mh-product{--mh-scale: 1.32}#body #MainContent .mh-action svg{display:none}}@media(prefers-reduced-motion:reduce){#body #MainContent .mh-home *{transition:none!important}#body #MainContent .mh-product:hover .mh-media img{transform:scale(var(--mh-scale))}#body #MainContent .mh-play:hover .mh-poster{transform:none}}#body #MainContent .mh-home--collection{padding-top:24px}#body #MainContent .mh-collection-intro{max-width:860px;margin:0 auto 44px;text-align:center}#body #MainContent .mh-collection-title{margin:0 0 14px;color:#0b1f3a;font:600 52px/1.08 Ergonomique,sans-serif;letter-spacing:-.8px;text-transform:none;text-wrap:balance}#body #MainContent .mh-collection-intro .mh-quality{max-width:640px;margin:0 auto}#body #MainContent .mh-purity-strip{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;margin:22px auto 0;padding:10px 22px;border-radius:999px;background:#f3f7fa;color:#0b1f3a;font:500 18px/1.35 Ergonomique,sans-serif}#body #MainContent .mh-purity-strip .mh-purity-num{font-size:26px;font-weight:700;letter-spacing:-.4px}#body #MainContent .mh-purity-strip p{margin:0}#body #MainContent .mh-purity-strip a{color:#0b1f3a;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}@media(max-width:868px){#body #MainContent .mh-collection-title{font-size:42px}}@media(max-width:540px){#body #MainContent .mh-home--collection{padding-top:8px}#body #MainContent .mh-collection-intro{margin-bottom:28px}#body #MainContent .mh-collection-title{font-size:34px!important;line-height:1.12;letter-spacing:-.4px}#body #MainContent .mh-purity-strip{display:block;padding:12px 16px;border-radius:16px;font-size:17px;text-align:center}#body #MainContent .mh-purity-strip .mh-purity-num{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/masi-home-products.css.map */
