*{box-sizing:border-box}.mgh-teaser-body{margin:0;background:#050505}@keyframes mghUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes mghFade{0%{opacity:0}to{opacity:1}}@keyframes mghArrow{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.mgh-teaser{--font-latin: "Helvetica Neue", Arial, sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--hero-width: 100%;position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--teaser-bg);color:var(--teaser-fg);font-family:var(--font-latin);text-align:center;-webkit-font-smoothing:antialiased}.mgh-teaser__bg{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--hero-width, 100%);z-index:0}.mgh-teaser__bg-img{width:100%;height:100%;object-fit:cover;object-position:85% 8%;display:block;transform:translateY(-7%)}.mgh-teaser__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 36%,#0000 30%,#0000009e),linear-gradient(180deg,#050505b3,#0505056b 22%,#0505058f 46%,#050505e0 68%,#050505fa,#050505)}.mgh-teaser__logo svg path{fill:currentColor}.mgh-teaser__inner{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:clamp(28px,3.4vh,52px) clamp(22px,5vw,40px) 0}.mgh-teaser__logo{display:block;width:clamp(180px,48vw,300px);height:auto;margin:0;animation:mghUp 1s ease both}.mgh-teaser__logo svg{display:block;width:100%;height:auto;transform:translate(-4%)}.mgh-teaser__byline{margin:22px 0 0;font-size:clamp(15px,2.4vw,21px);font-weight:300;letter-spacing:.42em;text-indent:.42em;color:#f2f2f2;animation:mghUp 1s ease .1s both}.mgh-teaser__eyebrow{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.5em;margin:clamp(18px,2.6vh,32px) 0 0;padding-bottom:14px;font-family:var(--font-jp);color:var(--teaser-accent);animation:mghUp 1s ease .2s both}.mgh-teaser__eyebrow:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:64px;height:1px;background:var(--teaser-accent);opacity:.7}.mgh-teaser__eyebrow span:not(.mgh-teaser__eyebrow-num){font-size:clamp(16px,2.4vw,20px);font-weight:400;letter-spacing:.16em}.mgh-teaser__eyebrow-num{font-size:clamp(30px,5vw,42px);font-weight:500;letter-spacing:.02em;color:var(--teaser-accent-bright)}.mgh-teaser__headline{margin:14px 0 0;font-family:var(--font-jp);font-size:clamp(24px,4.6vw,36px);font-weight:700;letter-spacing:.04em;line-height:1.32;color:#fff;text-wrap:balance;animation:mghUp 1s ease .28s both}.mgh-teaser__badge{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,26px);width:100%;max-width:360px;margin:clamp(14px,2vh,24px) 0 0;font-family:var(--font-jp);color:var(--teaser-accent-bright);animation:mghUp 1s ease .34s both}.mgh-teaser__badge:before,.mgh-teaser__badge:after{content:"";flex:1;height:1px;background:var(--teaser-accent);opacity:.55}.mgh-teaser__badge span{flex:none;font-size:clamp(15px,4.4vw,19px);font-weight:500;letter-spacing:.34em;text-indent:.34em;white-space:nowrap}.mgh-teaser__sectitle{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,24px);width:100%;max-width:600px;margin:clamp(22px,3vh,40px) 0 0;font-family:var(--font-jp);color:var(--teaser-accent-bright);animation:mghFade 1.2s ease .6s both}.mgh-teaser__sectitle:before,.mgh-teaser__sectitle:after{content:"";flex:1;height:1px;background:var(--teaser-accent);opacity:.5}.mgh-teaser__sectitle span{flex:none;font-size:clamp(13px,3.4vw,18px);font-weight:500;letter-spacing:.14em;white-space:nowrap}.mgh-teaser__subcopy{margin:14px 0 0;font-family:var(--font-jp);font-size:clamp(10px,3.2vw,14px);font-weight:300;line-height:2;letter-spacing:.02em;color:#cfcfcf;animation:mghUp 1s ease .36s both}.mgh-teaser__cta-lead{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,20px);margin:clamp(36px,5.5vh,64px) 0 0;font-family:var(--font-jp);color:var(--teaser-accent-bright);animation:mghFade 1.2s ease .7s both}.mgh-teaser__cta-lead:before,.mgh-teaser__cta-lead:after{content:"";width:16px;height:16px;flex:none;border-left:1px solid var(--teaser-accent);opacity:.8}.mgh-teaser__cta-lead:before{transform:skew(24deg)}.mgh-teaser__cta-lead:after{transform:skew(-24deg)}.mgh-teaser__cta-lead span{flex:none;font-size:clamp(12px,3.4vw,16px);font-weight:500;letter-spacing:.08em;white-space:nowrap}.mgh-teaser__cta{margin-top:clamp(20px,2.6vh,28px);width:100%;max-width:560px;display:flex;align-items:center;justify-content:center;gap:.9em;padding:22px 18px;padding-left:calc(.16em + 18px);border:1px solid #fff;background:#fff;color:#0a0a0a;text-decoration:none;font-size:clamp(11px,3.4vw,17px);font-weight:400;letter-spacing:.16em;transition:transform .4s ease,box-shadow .4s ease;animation:mghUp 1s ease .44s both}.mgh-teaser__cta span{white-space:nowrap;display:inline-block;transition:transform .4s ease}.mgh-teaser__cta:hover span,.mgh-teaser__cta:focus-visible span{transform:scale(1.08)}.mgh-teaser__cta:hover,.mgh-teaser__cta:focus-visible{transform:scale(1.1);box-shadow:0 12px 40px #0006}.mgh-teaser__cta-arrow{flex:none}.mgh-teaser__cta:hover .mgh-teaser__cta-arrow,.mgh-teaser__cta:focus-visible .mgh-teaser__cta-arrow{animation:mghArrow 1s ease infinite}.mgh-teaser__note{margin:20px 0 0;font-family:var(--font-jp);font-size:clamp(9px,2.5vw,13px);font-weight:300;line-height:1.95;letter-spacing:0;color:#9a9a9a;text-wrap:pretty;animation:mghFade 1.2s ease .6s both}.mgh-teaser__features{width:100%;margin:clamp(16px,2.4vh,28px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;animation:mghFade 1.2s ease .8s both}.mgh-teaser__feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 clamp(4px,1.4vw,12px);min-width:0}.mgh-teaser__feature+.mgh-teaser__feature{border-left:1px solid rgba(255,255,255,.16)}.mgh-teaser__feature-num{font-size:clamp(18px,5.2vw,32px);font-weight:200;letter-spacing:.04em;line-height:1;color:#e8e8e8}.mgh-teaser__feature-icon{display:flex;align-items:center;justify-content:center;width:clamp(38px,11vw,60px);height:clamp(38px,11vw,60px);margin-top:clamp(10px,2.4vw,16px);border:1px solid var(--teaser-accent);border-radius:50%;color:var(--teaser-accent-bright)}.mgh-teaser__feature-icon svg{width:52%;height:52%;display:block}.mgh-teaser__feature-title{display:flex;align-items:center;justify-content:center;min-height:2.8em;margin-top:clamp(10px,2.4vw,16px);font-family:var(--font-jp);font-size:clamp(11px,3vw,15px);font-weight:700;letter-spacing:.01em;line-height:1.4;color:#fff}.mgh-teaser__feature-sub{margin-top:clamp(6px,1.6vw,10px);font-family:var(--font-jp);font-size:clamp(10px,2.6vw,13px);font-weight:300;letter-spacing:.01em;line-height:1.6;color:#b8b8b8}.mgh-teaser__inner{padding-bottom:clamp(48px,8vh,88px)}@media screen and (min-width:750px){.mgh-teaser__features{width:min(92vw,1040px);max-width:none}.mgh-teaser__feature{padding:0 clamp(16px,2vw,36px)}.mgh-teaser__cta{gap:1.1em;padding:26px 28px;padding-left:calc(.26em + 28px);letter-spacing:.26em}.mgh-teaser__bg{--hero-width: 86%;transform:translate(-70%)}.mgh-teaser__bg-img{object-position:28% 14%;transform:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%)}}@media screen and (min-width:750px)and (max-width:899px){.mgh-teaser__bg{transform:translate(-82%)}}@media screen and (min-width:1200px){.mgh-teaser__bg{--hero-width: 40%;transform:translate(-92%)}.mgh-teaser__bg-img{object-position:22% 16%}}@media(prefers-reduced-motion:reduce){.mgh-teaser__logo,.mgh-teaser__eyebrow,.mgh-teaser__headline,.mgh-teaser__badge,.mgh-teaser__subcopy,.mgh-teaser__sectitle,.mgh-teaser__features,.mgh-teaser__cta-lead,.mgh-teaser__cta,.mgh-teaser__note{animation:none;opacity:1;transform:none}.mgh-teaser__cta:hover .mgh-teaser__cta-arrow,.mgh-teaser__cta:focus-visible .mgh-teaser__cta-arrow{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/mgh-teaser-lp.css.map */