.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-hero:not(.collection-hero--with-image) .collection-hero__inner{align-items:center;text-align:center}.collection-hero:not(.collection-hero--with-image) .collection-hero__text-wrapper{max-width:72rem;margin:0 auto}.collection-hero:not(.collection-hero--with-image):not(.collection-hero--catalog) .collection-hero__inner{padding-top:5rem}@media screen and (max-width:749px){.collection-hero:not(.collection-hero--with-image):not(.collection-hero--catalog) .collection-hero__inner{padding-top:3.2rem}}.collection-hero__eyebrow{margin:5rem 0 1.2rem;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.collection-hero:not(.collection-hero--with-image) .collection-hero__title{margin:0 auto 1.4rem;max-width:72rem;min-height:1.2em;font-family:var(--font-heading-family);font-size:clamp(4rem,7vw,7.2rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;background:linear-gradient(100deg,#e6ecff,#fff 20%,#a8c5ff 42%,#fff 60%,#cdd9ff,#fff);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 3px 14px rgba(0,0,0,.55));animation:collectionHeroSheen 7s ease-in-out infinite alternate}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__title{font-size:5rem}}html.js .collection-hero__title-text[data-typewriter]:not([data-tw-on]){visibility:hidden;animation:collectionHeroTitleFailsafe 0s linear 3s forwards}@keyframes collectionHeroTitleFailsafe{to{visibility:visible}}.collection-hero__title .mt-tw-content{display:inline}.collection-hero__title .mt-tw-em{background:linear-gradient(100deg,#2d55c7,#5a85f0 26%,#cfe0ff,#5a85f0 74%,#2d55c7);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:collectionHeroSheen 3.4s ease-in-out infinite alternate}.collection-hero__title .mt-tw-cursor{display:inline-block;margin-left:4px;font-weight:300;color:#4d7fde;-webkit-text-fill-color:#4d7fde;animation:collectionHeroBlink 1.1s ease-in-out infinite}.collection-hero__title .mt-tw-cursor.is-done{animation:collectionHeroCaretOut .4s ease forwards}@keyframes collectionHeroSheen{0%{background-position:0% center}to{background-position:100% center}}@keyframes collectionHeroBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes collectionHeroCaretOut{0%{opacity:1}to{opacity:0}}.collection-hero__tagline{max-width:60rem;margin:1.6rem auto;font-size:1.6rem;line-height:1.55;color:#9aa0aa}.collection-hero--catalog{position:relative;isolation:isolate;overflow:hidden}.collection-hero--catalog .collection-hero__inner{position:relative;z-index:2;max-width:118rem;padding:6.4rem 3.2rem 2.8rem}.collection-hero.collection-hero--catalog:not(.collection-hero--with-image) .collection-hero__text-wrapper{max-width:72rem}.collection-hero--catalog .collection-hero__eyebrow{margin-bottom:2.4rem;font-size:1.7rem;font-weight:700;letter-spacing:0;text-transform:none;color:#fff}.collection-hero--catalog .collection-hero__tagline{max-width:60rem;margin:1.8rem auto 0;font-size:1.6rem;line-height:1.55;color:#9aa0aa}.collection-hero__glow{position:absolute;z-index:0;top:-30rem;left:50%;width:90rem;height:70rem;transform:translate(-50%);background:radial-gradient(circle,rgba(77,127,222,.2),rgba(77,127,222,.05) 38%,transparent 70%);filter:blur(2rem);pointer-events:none}.collection-hero__rays{position:absolute;z-index:1;inset:-10rem 0 auto;height:56rem;overflow:hidden;pointer-events:none;opacity:.5}.collection-hero__rays span{position:absolute;top:-25%;left:50%;width:18rem;height:130%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(112,157,255,.22),transparent 74%);filter:blur(2rem)}.collection-hero__rays span:nth-child(1){transform:translate(-50%) rotate(-24deg)}.collection-hero__rays span:nth-child(2){transform:translate(-50%);opacity:.65}.collection-hero__rays span:nth-child(3){transform:translate(-50%) rotate(24deg)}@media screen and (max-width:749px){.collection-hero--catalog .collection-hero__inner{padding-top:4.8rem;padding-bottom:2.4rem}.collection-hero--catalog .collection-hero__eyebrow{margin-bottom:1.8rem;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.collection-hero:not(.collection-hero--with-image) .collection-hero__title,.collection-hero__title .mt-tw-em,.collection-hero__title .mt-tw-cursor{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-collection-hero.css.map */