.mzr-scene-page[data-scene=dhikr]{--scene-hero:#e9dfcf;--scene-paper:#f8f5ef;--scene-ink:#344b3f;--scene-tint:#eee7da;--scene-muted:#566457}.mzr-scene-page[data-scene=prayer]{--scene-hero:#dde5dd;--scene-paper:#f5f6f0;--scene-ink:#263f38;--scene-tint:#e6ece3;--scene-muted:#52675b}.mzr-scene-page[data-scene=blessing]{--scene-hero:#ecdcd4;--scene-paper:#faf4ef;--scene-ink:#653f3c;--scene-tint:#f1e4dd;--scene-muted:#765c54}.mzr-scene-page[data-scene=family]{--scene-hero:#dce5d4;--scene-paper:#f5f6ef;--scene-ink:#294b3c;--scene-tint:#e6ecdf;--scene-muted:#536750}.mzr-scene-page[data-scene=sleep]{--scene-hero:#354e59;--scene-paper:#f1f4f3;--scene-ink:#29434b;--scene-tint:#e0e8e8;--scene-muted:#536870;--scene-hero-ink:#f7f4ec}.mzr-scene-page[data-scene=insights]{--scene-hero:#e2dfe9;--scene-paper:#f6f4f7;--scene-ink:#40394f;--scene-tint:#eae5ef;--scene-muted:#625b70}.mzr-scene-page{--msp-ink:var(--scene-ink);--msp-muted:var(--scene-muted);--msp-paper:var(--scene-paper);--msp-tint:var(--scene-tint);--mf-ink:var(--scene-ink);--mf-muted:var(--scene-muted);--mf-paper:var(--scene-paper);--mh-ink:var(--scene-ink);--mh-mute:var(--scene-muted);--mh-paper:var(--scene-paper);--mi-ink:var(--scene-ink);--mi-muted:var(--scene-muted);--mi-paper:var(--scene-paper);background:var(--scene-paper);color:var(--scene-ink)}.mzr-scene-page .mzr-scene-hero{background:var(--scene-hero);color:var(--scene-hero-ink,var(--scene-ink))}.mzr-scene-hero__inner{width:min(1440px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(44px,6vw,100px);align-items:stretch;padding-block:64px 72px;min-height:650px}.mzr-scene-hero__copy{display:flex;flex-direction:column;justify-content:space-between;gap:64px;min-width:0;padding-block:24px 4px}.mzr-scene-page .mzr-scene-hero__label{font:600 14px/1.5 var(--f_family_2,Arial,sans-serif);color:inherit;margin:0 0 16px;letter-spacing:0;text-transform:none}.mzr-scene-page .mzr-scene-hero__title{font-family:Georgia,"Noto Serif SC",Songti SC,serif;font-size:clamp(48px,4.8vw,78px);font-weight:400;line-height:1.08;letter-spacing:-.035em;color:inherit;text-transform:none;max-width:12ch;margin:0;text-wrap:balance}.mzr-scene-page .mzr-scene-hero__lead{font:400 18px/1.65 var(--f_family_2,Arial,sans-serif);color:inherit;max-width:46ch;margin:0;text-wrap:pretty}.mzr-scene-hero__art{position:relative;width:100%;aspect-ratio:1.04;align-self:center;isolation:isolate}.mzr-scene-page .mzr-scene-hero__art figure{position:absolute;margin:0;overflow:hidden;border-radius:8px}.mzr-scene-hero__primary{width:54%;aspect-ratio:1;inset-block-start:0;inset-inline-start:0;z-index:2}.mzr-scene-hero__secondary{width:78%;aspect-ratio:1.5;inset-block-end:0;inset-inline-end:0;z-index:1}.mzr-scene-page .mzr-scene-hero__art img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}.mzr-scene-page[data-scene=prayer] .mzr-scene-hero__art{aspect-ratio:1.17}.mzr-scene-page[data-scene=prayer] .mzr-scene-hero__secondary{aspect-ratio:1942/809}.mzr-scene-page[data-scene=prayer] .mzr-scene-hero__secondary img{object-position:center}.mzr-scene-page[data-scene=blessing] .mzr-scene-hero__secondary{aspect-ratio:16/9}.mzr-scene-page[data-scene=blessing] .mzr-scene-hero__secondary img{object-position:center}.mzr-scene-page[data-scene=family] .mzr-scene-hero__secondary{aspect-ratio:4/3}.mzr-scene-page[data-scene=family] .mzr-scene-hero__secondary img{object-position:center}.mzr-scene-page[data-scene=insights] .mzr-scene-hero__art{aspect-ratio:.9}.mzr-scene-page[data-scene=insights] .mzr-scene-hero__secondary{aspect-ratio:4/3}.mzr-scene-page .mzr-scene-hero__secondary--app{aspect-ratio:1.5;background:#d2cbdc;padding:12% 4% 5%;display:flex;align-items:center}.mzr-scene-hero__secondary--app .mi-crop{border-radius:8px;width:100%;flex:none}.mzr-scene-hero__secondary--app .mi-crop img{object-fit:contain}.mzr-scene-hero:lang(zh) .mzr-scene-hero__title{max-width:10em;line-height:1.3;letter-spacing:0}.mzr-scene-hero[dir=rtl] .mzr-scene-hero__title{font-family:Tahoma,Arial,sans-serif;max-width:15ch;letter-spacing:0;line-height:1.35}.mzr-scene-page .msp-topics,.mzr-scene-page .mf-nav,.mzr-scene-page .mh-metric-nav,.mzr-scene-page .mi-nav{background:var(--scene-paper)}.mzr-scene-page .mf-together,.mzr-scene-page .mf-privacy,.mzr-scene-page .mf-products,.mzr-scene-page .mh-tint,.mzr-scene-page .mh-models,.mzr-scene-page .mi-summary,.mzr-scene-page .mi-activity,.mzr-scene-page .mi-bridge,.mzr-scene-page .mi-privacy,.mzr-scene-page .mi-end{background:var(--scene-tint)}.mzr-scene-page .mi-sleep{background:var(--scene-paper)}.mzr-scene-page .mi-summary-figure,.mzr-scene-page .mi-activity .mi-screen-stage,.mzr-scene-page .mi-end-media{background:#ded7e5}.mzr-scene-page .mh-breadcrumb{background:var(--scene-paper)}@media(min-width:1600px){.mzr-scene-hero__inner{min-height:760px;padding-block:72px 80px}}@media(min-width:750px)and (max-width:1099px){.mzr-scene-hero__inner{width:calc(100% - 64px);gap:36px;min-height:560px;padding-block:52px}.mzr-scene-page .mzr-scene-hero__title{font-size:48px}.mzr-scene-page .mzr-scene-hero__lead{font-size:16px}.mzr-scene-hero__copy{gap:48px;padding-block:12px}}@media(max-width:749px){.mzr-scene-hero__inner{width:calc(100% - 40px);display:flex;flex-direction:column;gap:36px;padding-block:38px 48px;min-height:0}.mzr-scene-hero__copy{display:block;padding:0;text-align:center}.mzr-scene-page .mzr-scene-hero__label{font-size:12px;margin-bottom:12px}.mzr-scene-page .mzr-scene-hero__title{font-size:clamp(34px,9.7vw,42px);max-width:15ch;margin-inline:auto;line-height:1.1;letter-spacing:-.025em}.mzr-scene-page .mzr-scene-hero__lead{font-size:16px;line-height:1.65;margin:22px auto 0;max-width:34ch;text-align:start}.mzr-scene-hero__art{max-width:500px;aspect-ratio:1.04}.mzr-scene-hero:lang(zh) .mzr-scene-hero__title{font-size:clamp(31px,8.8vw,38px);line-height:1.35;max-width:10em;letter-spacing:0}.mzr-scene-hero[dir=rtl] .mzr-scene-hero__title{line-height:1.35;letter-spacing:0}.mzr-scene-page .mzr-scene-hero__art figure{border-radius:6px}}@media(prefers-reduced-motion:reduce){.mzr-scene-hero *{animation:none;transition:none}}.mzr-scene-page[data-scene=dhikr] .mzr-scene-hero__secondary img{object-position:50% 15%}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mzr-scene-hero.css.map */
