.mat-landing-section{overflow:visible;position:relative;z-index:100}body.template-suffix-landing-mat-3d .shopify-section.section-scrolling-banner{position:-webkit-sticky;position:sticky;top:var(--theme-header-height, 0px);z-index:300}.mat-landing-progress{position:fixed;top:0;left:0;width:100vw;height:2px;background:#0000000a;z-index:1001;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.22,.61,.36,1)}.mat-landing-progress.is-visible{opacity:1}.mat-landing-progress__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mat-accent, #3d0c30);transform-origin:left center;transform:scaleX(0);will-change:transform}@media(prefers-reduced-motion:reduce){.mat-landing-progress{transition:none}}body.template-suffix-landing-mat-3d #proxy-nav,body.template-suffix-landing-mat-3d #main-nav,body.template-suffix-landing-mat-3d .mobile-nav-toggle,body.template-suffix-landing-mat-3d #pagefooter,body.template-suffix-landing-mat-3d .header-account-link,body.template-suffix-landing-mat-3d .show-search-link,body.template-suffix-landing-mat-3d .cart-link,body.template-suffix-landing-mat-3d .announcement-bar__middle,body.template-suffix-landing-mat-3d .mat-landing__end{display:none!important}body.template-suffix-landing-mat-3d .logo-area{position:relative;min-height:76px}body.template-suffix-landing-mat-3d .logo-area__middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}body.template-suffix-landing-mat-3d .logo-area__middle .logo{padding:0}body.template-suffix-landing-mat-3d .mat-landing__intro{left:auto;right:clamp(48px,24vw,440px);top:clamp(160px,28vh,320px);max-width:min(420px,calc(100vw - 48px));text-align:left}body.template-suffix-landing-mat-3d .mat-landing__headline,body.template-suffix-landing-mat-3d .mat-landing__title{font-size:clamp(24px,2.4vw,38px);line-height:1.18;max-width:none}body.template-suffix-landing-mat-3d .mat-landing__lead,body.template-suffix-landing-mat-3d .mat-landing__text{font-size:clamp(15px,1.2vw,18px);margin-top:8px}@media(min-width:1025px){body.template-suffix-landing-mat-3d .mat-landing__scene--right{right:clamp(48px,24vw,440px);top:clamp(160px,28vh,320px);max-width:min(420px,calc(100vw - 48px));text-align:left}body.template-suffix-landing-mat-3d .mat-landing__scene--right.is-active{transform:translateZ(0)}}@media(max-width:767.98px){body.template-suffix-landing-mat-3d .mat-landing__intro{right:20px;left:20px;top:clamp(116px,20vh,152px);max-width:none;text-align:left}body.template-suffix-landing-mat-3d .mat-landing__canvas{top:auto;bottom:0;height:52%;-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 7%,#000 100%);mask:linear-gradient(to bottom,transparent 0%,#000 7%,#000 100%)}body.template-suffix-landing-mat-3d .mat-landing__headline,body.template-suffix-landing-mat-3d .mat-landing__title{font-size:clamp(20px,5.4vw,26px);line-height:1.3;max-width:none}body.template-suffix-landing-mat-3d .mat-landing__lead,body.template-suffix-landing-mat-3d .mat-landing__text{font-size:14px;margin-top:10px}body.template-suffix-landing-mat-3d .mat-landing__scene,body.template-suffix-landing-mat-3d .mat-landing__scene--left,body.template-suffix-landing-mat-3d .mat-landing__scene--right,body.template-suffix-landing-mat-3d .mat-landing__scene--center{right:20px;left:20px;top:clamp(116px,20vh,152px);bottom:auto;max-width:none;text-align:left}body.template-suffix-landing-mat-3d .mat-landing__scene.is-active,body.template-suffix-landing-mat-3d .mat-landing__scene--center.is-active{transform:translateZ(0)}}body.template-suffix-landing-mat-3d .mat-landing__floating-cta-form{margin:0;padding:0;display:contents}body.template-suffix-landing-mat-3d .mat-landing__floating-cta{position:fixed;right:auto;left:50%;bottom:clamp(18px,4vw,44px);transform:translate(-50%);z-index:2147483000;--btn-bg-color: 255 255 255;--btn-text-color: 0 0 0;--btn-border-color: 0 0 0;--btn-bg-hover-color: 0 0 0;--btn-text-hover-color: 255 255 255;--btn-border-hover-color: 0 0 0;border-radius:12px;padding:12px 22px;font-size:15px;transition:transform .22s ease,box-shadow .22s ease,opacity .5s cubic-bezier(.22,.61,.36,1),letter-spacing .9s cubic-bezier(.22,.61,.36,1);box-shadow:0 6px 18px #00000014;isolation:isolate;opacity:0;pointer-events:none}body.template-suffix-landing-mat-3d .mat-landing__floating-cta.is-revealed{opacity:1;pointer-events:auto}@keyframes matCtaLabelBlink{0%,to{opacity:1}50%{opacity:.6}}body.template-suffix-landing-mat-3d .mat-landing__cta-label{display:inline-block;animation:matCtaLabelBlink 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){body.template-suffix-landing-mat-3d .mat-landing__cta-label{animation:none}}.mat-landing__scroll-cue{position:fixed;left:50%;bottom:clamp(18px,4vw,44px);transform:translate(-50%);z-index:999;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.22,.61,.36,1)}.mat-landing__scroll-cue.is-visible{opacity:1}.mat-landing__scroll-cue .icon{display:block;width:clamp(16px,1.35vw,20px);height:clamp(16px,1.35vw,20px);color:#1c051773;stroke-width:1.5;animation:matScrollCueBounce 1.8s ease-in-out infinite;will-change:opacity,transform}.mat-landing__scroll-cue .icon:nth-child(1){animation-delay:0s}.mat-landing__scroll-cue .icon:nth-child(2){animation-delay:.18s;margin-top:-10px}.mat-landing__scroll-cue .icon:nth-child(3){animation-delay:.36s;margin-top:-10px}@keyframes matScrollCueBounce{0%,to{opacity:.2;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.mat-landing__scroll-cue .icon{animation:none;opacity:.45;transform:none}}body.template-suffix-landing-mat-3d .mat-landing__floating-cta.is-pulsing{letter-spacing:.14em}body.template-suffix-landing-mat-3d .mat-landing__floating-cta:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 10px 28px #00000024}body.template-suffix-landing-mat-3d .mat-landing__floating-cta:focus-visible{outline:2px solid #1c0517;outline-offset:4px;box-shadow:0 10px 28px #00000024}@property --mat-cta-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes matCtaSpinAngle{to{--mat-cta-angle: 360deg}}body.template-suffix-landing-mat-3d .mat-landing__floating-cta:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--mat-cta-angle),transparent 0deg,transparent 165deg,rgba(61,12,48,.14) 200deg,rgba(61,12,48,.55) 250deg,rgba(61,12,48,.82) 290deg,rgba(61,12,48,.48) 320deg,rgba(61,12,48,.14) 350deg,transparent 360deg);filter:blur(14px);pointer-events:none;opacity:0;animation:matCtaSpinAngle 3.6s linear infinite;animation-play-state:paused;transition:opacity .7s cubic-bezier(.22,.61,.36,1)}body.template-suffix-landing-mat-3d .mat-landing__floating-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--mat-cta-angle),transparent 0deg,transparent 175deg,rgba(61,12,48,.2) 210deg,rgba(61,12,48,.55) 250deg,rgba(61,12,48,.95) 290deg,rgba(61,12,48,.55) 330deg,rgba(61,12,48,.2) 355deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0;animation:matCtaSpinAngle 3.6s linear infinite;animation-play-state:paused;transition:opacity .6s cubic-bezier(.22,.61,.36,1)}body.template-suffix-landing-mat-3d .mat-landing__floating-cta.is-pulsing:before{opacity:.4;animation-play-state:running}body.template-suffix-landing-mat-3d .mat-landing__floating-cta.is-pulsing:after{opacity:.5;animation-play-state:running}@media(prefers-reduced-motion:reduce){body.template-suffix-landing-mat-3d .mat-landing__floating-cta:before,body.template-suffix-landing-mat-3d .mat-landing__floating-cta:after{animation:none;opacity:0}body.template-suffix-landing-mat-3d .mat-landing__floating-cta.is-pulsing{letter-spacing:normal}}body.template-suffix-landing-mat-3d .mat-landing__eyebrow{display:inline-block;transform:translate(calc((1 - var(--scene-progress, .5)) * 24px));opacity:var(--scene-progress, 0);transition:transform .12s linear,opacity .2s linear;will-change:transform}.container.cf>.shopify-section.mat-landing-section{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.mat-landing{position:relative;width:100vw;min-height:var(--mat-scroll-height);margin:0;color:var(--mat-text);background:var(--mat-bg);overflow:clip}.mat-landing__stage{position:sticky;top:0;height:100svh;min-height:620px;isolation:isolate}.mat-landing__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;background:var(--mat-bg)}.mat-landing__copy{position:relative;z-index:2;height:100%;pointer-events:none}.mat-landing__intro,.mat-landing__scene{position:absolute;max-width:min(430px,calc(100vw - 48px));padding:0;color:var(--mat-text);text-wrap:pretty}.mat-landing__intro{left:clamp(24px,7vw,96px);top:clamp(72px,15vh,150px);opacity:1;transform:translateZ(0)}.mat-landing__scene{top:50%;opacity:0;transform:translate3d(0,10px,0);transition:opacity .22s ease,transform .26s ease}.mat-landing__scene--left{left:clamp(24px,7vw,96px)}.mat-landing__scene--right{right:clamp(24px,7vw,96px)}.mat-landing__scene--center{left:50%;max-width:min(520px,calc(100vw - 48px));text-align:center}.mat-landing__scene.is-active{opacity:1;transform:translate3d(0,-50%,0)}.mat-landing__scene--center.is-active{transform:translate3d(-50%,-50%,0)}.mat-landing__brand,.mat-landing__eyebrow,.mat-landing__end-kicker{margin:0 0 12px;color:var(--mat-accent);font-size:12px;line-height:1.2;letter-spacing:0;text-transform:uppercase;font-weight:600}.mat-landing__headline{max-width:10ch;margin:0;color:var(--mat-text);font-size:clamp(48px,8vw,118px);line-height:.96;letter-spacing:0}.mat-landing__lead{max-width:32ch;margin:22px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.45;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mat-landing__lead-chevron{display:inline-flex;align-items:center;width:16px;height:16px;color:currentColor;animation:matScrollAffordanceBounce 1.6s ease-in-out infinite;will-change:transform}.mat-landing__lead-chevron .icon{width:100%;height:100%;stroke-width:2}@keyframes matScrollAffordanceBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.mat-landing__lead-chevron{animation:none}}.mat-landing.is-reduced-motion .mat-landing__lead-chevron{animation:none}.mat-landing__title{margin:0;color:var(--mat-text);font-size:clamp(34px,4.8vw,72px);line-height:.98;letter-spacing:0}.mat-landing__text{margin-top:18px;font-size:clamp(15px,1.15vw,18px);line-height:1.55}.mat-counter{display:inline-block;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mat-accent, #3d0c30);font-feature-settings:"tnum"}.mat-landing__text p{margin:0}.mat-landing__chips{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.mat-landing__chip{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid rgba(28,5,23,.22);border-radius:999px;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:lowercase;line-height:1.2;color:#1c05178c;background:transparent;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .38s cubic-bezier(.22,.61,.36,1),transform .42s cubic-bezier(.22,.61,.36,1)}.mat-landing__scene.is-active .mat-landing__chip{opacity:1;transform:translateY(0)}.mat-landing__chips>.mat-landing__chip:nth-child(1){transition-delay:80ms}.mat-landing__chips>.mat-landing__chip:nth-child(2){transition-delay:.16s}.mat-landing__chips>.mat-landing__chip:nth-child(3){transition-delay:.24s}.mat-landing__chips>.mat-landing__chip:nth-child(4){transition-delay:.32s}.mat-landing__chips>.mat-landing__chip:nth-child(5){transition-delay:.4s}@media(prefers-reduced-motion:reduce){.mat-landing__chip{opacity:1;transform:none;transition:none}}.mat-landing__end-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border:1px solid var(--mat-accent);border-radius:2px;color:#fff;background:var(--mat-accent);text-decoration:none;line-height:1;transition:transform .16s ease,background-color .16s ease}.mat-landing__floating-cta{position:absolute;z-index:4;right:clamp(20px,4vw,56px);bottom:clamp(18px,4vw,44px)}.mat-landing__end-cta:hover{transform:translateY(-1px)}.mat-landing__end{min-height:48svh;display:grid;place-items:center;align-content:center;gap:18px;padding:80px 24px;text-align:center}.mat-landing__end-title{max-width:12ch;margin:0;color:var(--mat-text);font-size:clamp(40px,6vw,92px);line-height:.98;letter-spacing:0}.mat-landing.is-reduced-motion{min-height:auto}.mat-landing.is-reduced-motion .mat-landing__stage{position:relative;height:auto;min-height:auto;display:grid;gap:48px;padding:80px 24px}.mat-landing.is-reduced-motion .mat-landing__canvas{position:relative;aspect-ratio:16 / 9;height:auto}.mat-landing.is-reduced-motion .mat-landing__copy,.mat-landing.is-reduced-motion .mat-landing__intro,.mat-landing.is-reduced-motion .mat-landing__scene{position:relative;height:auto;inset:auto;opacity:1;transform:none;pointer-events:auto}@media(max-width:749px){.mat-landing__stage{min-height:560px}.mat-landing__intro{top:58px}.mat-landing__headline{max-width:9ch;font-size:clamp(43px,14vw,62px)}.mat-landing__lead{max-width:27ch}.mat-landing__scene,.mat-landing__scene--left,.mat-landing__scene--right,.mat-landing__scene--center{left:24px;right:auto;top:auto;bottom:96px;max-width:calc(100vw - 48px);text-align:left}.mat-landing__scene.is-active,.mat-landing__scene--center.is-active{transform:translateZ(0)}.mat-landing__title{font-size:clamp(31px,10vw,44px)}.mat-landing__floating-cta{right:18px;bottom:18px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mat-landing-scrollytelling.css.map */