.mg-hero{position:relative;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;background:var(--mg-ink, #050505)}.mg-hero .mg-hero__frame{position:relative;width:100vw;height:clamp(640px,calc(100svh - 50px),900px);overflow:hidden;background:var(--mg-ink, #050505)}.mg-hero picture,.mg-hero .mg-hero__image,.mg-hero .mg-hero__placeholder,.mg-hero .mg-hero__placeholder-svg{display:block;width:100%;height:100%}.mg-hero .mg-hero__image,.mg-hero .mg-hero__placeholder-svg{object-fit:cover;background:var(--mg-ink, #050505)}.mg-hero .mg-hero__image{object-position:50% 50%}.mg-hero .mg-hero__category-nav{position:absolute;z-index:3;top:42px;left:50%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#05050557;box-shadow:0 18px 42px #00000038;transform:translate(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mg-hero .mg-hero__category-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 18px;border-radius:999px;color:var(--mg-paper, #f2f2f2);font-size:12px;line-height:1;font-weight:700;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color .16s ease,background-color .16s ease,transform .16s ease}@media(hover:hover)and (pointer:fine){.mg-hero .mg-hero__category-link:hover{background:var(--mg-accent, #00c7c7);color:var(--mg-ink, #050505);transform:translateY(-1px)}}.mg-hero .mg-hero__category-link:focus-visible,.mg-hero .mg-hero__gift-link:focus-visible{outline:1px solid var(--mg-accent, #00c7c7);outline-offset:4px}.mg-hero .mg-hero__gift-nav{display:none}.mg-hero .mg-hero__slogan-wrap{position:absolute;z-index:2;left:50%;bottom:68px;width:min(720px,86vw);pointer-events:none;transform:translate(-50%)}.mg-hero .mg-hero__slogan{color:var(--mg-paper, #f2f2f2);font-size:clamp(26px,1.8vw,34px);line-height:1.08;font-weight:300;letter-spacing:.02em;text-align:center;text-shadow:0 8px 28px rgba(0,0,0,.5)}@media screen and (min-width:750px)and (min-height:521px){.mg-hero .mg-hero__category-nav{display:none}}@media screen and (min-width:2400px){.mg-hero .mg-hero__frame{width:min(1800px,100vw);height:auto;min-height:0;margin-inline:auto;aspect-ratio:1800 / 520}.mg-hero .mg-hero__slogan-wrap{bottom:46px;width:min(720px,80%)}.mg-hero .mg-hero__slogan{font-size:clamp(22px,1.15vw,30px)}}@media screen and (max-width:749px){.mg-hero{width:100%;max-width:100%;margin-inline:0}.mg-hero .mg-hero__frame{width:100%;height:550px}.mg-hero .mg-hero__image{object-position:42% 50%}.mg-hero .mg-hero__category-nav{top:12px;max-width:calc(100% - 32px);gap:4px;padding:5px;background:#05050561}.mg-hero .mg-hero__category-link{min-height:44px;padding:0 10px;font-size:10px;letter-spacing:.09em}.mg-hero .mg-hero__gift-nav{position:absolute;z-index:3;top:72px;left:50%;display:flex;justify-content:center;transform:translate(-50%)}.mg-hero .mg-hero__gift-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--mg-accent, #00c7c7);border-radius:999px;background:#05050557;color:#fff;font-size:11px;line-height:1;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mg-hero .mg-hero__slogan-wrap{bottom:76px;width:min(320px,82vw)}.mg-hero .mg-hero__slogan{font-size:20px}}@media screen and (orientation:landscape)and (max-width:989px)and (max-height:520px){.mg-hero{width:100%;max-width:100%;margin-inline:0}.mg-hero .mg-hero__frame{width:100%;height:calc(100dvh - 52px);min-height:280px;max-height:900px}.mg-hero .mg-hero__image{object-position:50% 50%}.mg-hero .mg-hero__category-nav{top:10px;display:inline-flex;padding:5px}.mg-hero .mg-hero__category-link{min-height:44px;padding:0 12px;font-size:10px;letter-spacing:.1em}.mg-hero .mg-hero__gift-nav{position:absolute;z-index:3;top:72px;left:50%;display:flex;justify-content:center;transform:translate(-50%)}.mg-hero .mg-hero__gift-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--mg-accent, #00c7c7);border-radius:999px;background:#05050557;color:#fff;font-size:11px;line-height:1;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mg-hero .mg-hero__slogan-wrap{bottom:28px;width:min(520px,78vw)}.mg-hero .mg-hero__slogan{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/mg-hero-image.css.map */