@property --mg-p{syntax:"<percentage>";inherits:false;initial-value:0%}.mg-film{--mx:62%;--my:42%;--mr:34vmin;--s:0;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(calc(100svh - 114px),960px);overflow:hidden;background:var(--mg-ink);color:var(--mg-ivory)}.mg-film__stage{position:absolute;top:0;right:0;bottom:0;left:34%;z-index:0;transform:translate3d(0,calc(var(--s)*5%),0) scale(calc(1.02 + var(--s)*.06));transform-origin:50% 40%;will-change:transform}.mg-film__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;opacity:0;transition:opacity 2s var(--mg-ease)}.mg-film__slide.is-active{opacity:1}.mg-film__slide img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.8) sepia(.2) saturate(.92) contrast(1.08)}.mg-film__slide.is-active img{animation:mg-film-breath 12s var(--mg-ease) forwards}.mg-film__shade,.mg-film__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mg-film__shade{background:radial-gradient(circle var(--mr) at var(--mx) var(--my),rgba(27,21,17,.1) 0,rgba(27,21,17,.42) 46%,rgba(27,21,17,.86) 100%),linear-gradient(90deg,var(--mg-ink) 0,rgba(27,21,17,.72) 22%,transparent 58%),linear-gradient(0deg,rgba(27,21,17,.9) 0,transparent 42%)}.mg-film__glow{mix-blend-mode:soft-light;background:radial-gradient(circle calc(var(--mr)*.8) at var(--mx) var(--my),rgba(217,116,58,.85),transparent 72%)}.mg-film__copy{position:relative;z-index:2;width:100%;padding:clamp(56px,7vw,112px) clamp(24px,5.5vw,96px) clamp(36px,4.5vw,64px);transform:translate3d(0,calc(var(--s)*-48px),0);opacity:calc(1 - var(--s)*1.15)}.mg-film__eyebrow{margin:0 0 clamp(16px,2vw,28px);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--mg-flame)}.mg-film__title{margin:0 0 clamp(18px,2vw,28px);color:var(--mg-ivory);font-size:clamp(3rem,7.6vw,7.75rem);line-height:.98;letter-spacing:-.022em;text-shadow:0 2px 30px rgba(27,21,17,.55)}.mg-film__line{display:block;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--mg-p) - 10%),transparent var(--mg-p));mask-image:linear-gradient(90deg,#000 calc(var(--mg-p) - 10%),transparent var(--mg-p));animation:mg-film-burn 1.25s var(--mg-ease) .15s both}.mg-film__line--2{font-style:italic;animation-delay:.55s}.mg-film__sub{max-width:30em;margin:0 0 clamp(24px,3vw,36px);color:#f6f0e6db;font-size:clamp(1.0625rem,1.4vw,1.25rem);animation:mg-film-rise .9s var(--mg-ease) 1.05s both}.mg-film__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;animation:mg-film-rise .9s var(--mg-ease) 1.2s both}.mg-film__cta{position:relative;display:inline-flex;align-items:center;gap:16px;overflow:hidden;padding:20px 30px;background:var(--mg-ivory);color:var(--mg-ink);font-size:.8125rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.2;transition:color .4s var(--mg-ease)}.mg-film__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--mg-ember),var(--mg-flame));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--mg-ease)}.mg-film__cta>*{position:relative;z-index:1}.mg-film__cta svg{width:22px;height:10px;transition:transform .45s var(--mg-ease)}.mg-film__cta:hover,.mg-film__cta:focus-visible{color:var(--mg-ink)}.mg-film__cta:hover:before,.mg-film__cta:focus-visible:before{transform:scaleX(1)}.mg-film__cta:hover svg,.mg-film__cta:focus-visible svg{transform:translate(6px)}.mg-film__link{padding:6px 0;border-bottom:1px solid rgba(246,240,230,.45);color:var(--mg-ivory);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;transition:border-color .3s var(--mg-ease),color .3s var(--mg-ease)}.mg-film__link:hover{border-color:var(--mg-flame);color:var(--mg-flame)}.mg-film__proof{margin:clamp(24px,3vw,40px) 0 0;color:#f6f0e6ad;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;animation:mg-film-rise .9s var(--mg-ease) 1.35s both}.mg-film__burn{position:absolute;left:0;right:0;bottom:0;z-index:3;height:2px;background:linear-gradient(90deg,var(--mg-ember),var(--mg-flame));box-shadow:0 0 18px var(--mg-flame);transform:scaleX(calc(.04 + var(--s)*.96));transform-origin:left}.mg-film :focus-visible{outline-color:var(--mg-flame)}@keyframes mg-film-burn{0%{--mg-p:0%;text-shadow:0 0 34px var(--mg-flame)}to{--mg-p:115%;text-shadow:0 2px 30px rgba(27,21,17,.55)}}@keyframes mg-film-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes mg-film-breath{0%{transform:scale(1)}to{transform:scale(1.06)}}@media only screen and (max-width:749px){.mg-film{min-height:calc(100svh - 140px)}.mg-film__stage{top:0;right:0;bottom:26%;left:0}.mg-film__shade{background:radial-gradient(circle var(--mr) at var(--mx) var(--my),rgba(27,21,17,.1) 0,rgba(27,21,17,.38) 48%,rgba(27,21,17,.82) 100%),linear-gradient(0deg,var(--mg-ink) 0,var(--mg-ink) 4%,rgba(27,21,17,.82) 24%,transparent 58%)}.mg-film__copy{padding:0 20px 28px}.mg-film__title{font-size:clamp(2.375rem,11.2vw,3.75rem)}.mg-film__sub{font-size:1rem;margin-bottom:20px}.mg-film__actions{align-items:stretch;flex-direction:column;gap:12px}.mg-film__cta{justify-content:space-between}.mg-film__link{align-self:center}.mg-film__proof{margin-top:18px;font-size:.625rem;letter-spacing:.1em;text-align:center}}@media(prefers-reduced-motion:reduce){.mg-film__line{-webkit-mask-image:none;mask-image:none}.mg-film__stage,.mg-film__copy{transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-hero.css.map */