.pdp-hero-banner-section,.pdp-hero-banner{display:block}.pdp-hero-banner{position:relative;overflow:hidden;max-height:80vh}.pdp-hero-banner iframe{border:0;width:100%;aspect-ratio:16 / 9}.pdp-hero-banner video,.pdp-hero-banner img{position:relative;left:50%;transform:translate(-50%);z-index:1;display:block}.pdp-hero-banner__box{position:absolute;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:3rem}.pdp-hero-banner__pre-title{margin-top:0;width:100%;font-size:1.2rem;margin-bottom:0}.pdp-hero-banner__title{margin-top:0}.pdp-hero-banner__title,.pdp-hero-banner__post-title--large{margin-top:0;width:100%;font-size:3.2rem;margin-bottom:0;font-weight:300}.pdp-hero-banner__post-title{margin-top:0;width:100%;font-size:2.4rem;margin-bottom:0;font-weight:300;font-family:var(--font-heading-family);color:var(--color-tertiary)}.pdp-hero-banner__titles{margin-bottom:1.6rem}@-webkit-keyframes border{0%{width:0}to{width:100%}}.pdp-hero-banner__title span{text-decoration:none!important;position:relative}.pdp-hero-banner__title span:after{content:"";display:inline-block;margin:auto;height:2px;width:0px;background:var(--color-white);-webkit-animation-name:border;-webkit-animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-name:border;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards;position:absolute;bottom:3px;left:0}.pdp-hero-banner__content{font-size:1.5rem;font-weight:300}.pdp-hero-banner__button{width:100%;margin-top:3.2rem}.pdp-hero-banner__button a{font-size:1.2rem;letter-spacing:2.4px}.pdp-hero-banner__arrow{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);z-index:6001;overflow:hidden}.pdp-hero-banner__arrow svg{fill:var(--color-white);transform:rotate(180deg);width:32px;height:16px;display:block;animation:scrollUp 3s 1s infinite forwards;animation-delay:3s}@keyframes scrollUp{0%{transform:translateY(0) rotate(180deg)}20%{transform:translateY(120%) rotate(180deg)}25%{opacity:0}30%{transform:translateY(-120%) rotate(180deg)}50%,to{opacity:1;transform:translateY(0) rotate(180deg)}}.pdp-hero-banner__breadcrumbs{position:absolute;left:0;right:0;top:139px;text-align:center;z-index:1}.pdp-hero-banner--dark-header .pdp-hero-banner__breadcrumbs{top:var(--header-height)}@media screen and (min-width:989px){.pdp-hero-banner--dark-header .pdp-hero-banner__breadcrumbs{top:calc(var(--header-height) + 29px)}}.pdp-hero-banner__breadcrumbs .breadcrumbs{color:var(--color-white);justify-content:center}.pdp-hero-banner__breadcrumbs .breadcrumbs__item--active{color:var(--color-white)}.pdp-hero-banner .pdp-hero-banner__show-mobile{display:none}@media screen and (max-width:989px){.pdp-hero-banner.has-content iframe{width:1200px}.pdp-hero-banner img{max-height:80vh;max-width:100%;object-fit:cover}.pdp-hero-banner__breadcrumbs--top{top:0}.pdp-hero-banner:not(.has-content) video{width:100%}.pdp-hero-banner__box.vertical-top--mobile{top:16rem}.pdp-hero-banner__box.horizontal-left--mobile{align-items:flex-start}.pdp-hero-banner__box.horizontal-right--mobile{align-items:flex-end}.vertical-center--mobile{top:0;bottom:0}.vertical-bottom--mobile{bottom:0}.horizontal-left--mobile{left:0}.horizontal-center--mobile{left:0;right:0;margin:0 auto}.horizontal-right--mobile{right:0}.pdp-hero-banner .pdp-hero-banner__show-mobile{display:block}.pdp-hero-banner .pdp-hero-banner__hide-mobile{display:none}}@media screen and (min-width:990px){.pdp-hero-banner{max-height:100vh;min-height:44rem}.pdp-hero-banner__box{max-width:83rem;padding:13rem 5rem}.pdp-hero-banner__box.vertical-top--desktop{top:20rem;padding-top:0}.pdp-hero-banner__box.right--desktop{align-items:flex-end}.pdp-hero-banner__box.left--desktop{align-items:flex-start}.pdp-hero-banner__titles{width:100%}.pdp-hero-banner__title,.pdp-hero-banner__post-title--large{font-size:4.8rem}.pdp-hero-banner__content{font-size:1.8rem}.pdp-hero-banner iframe{aspect-ratio:16 / 9}.pdp-hero-banner video,.pdp-hero-banner img{min-width:100%;height:100%;object-fit:cover}.vertical-top--desktop{top:0}.vertical-center--desktop{top:0;bottom:0}.vertical-bottom--desktop{bottom:0}.horizontal-left--desktop{left:0}.horizontal-center--desktop{left:0;right:0;margin:0 auto}.horizontal-right--desktop{right:0}.pdp-hero-banner__arrow{bottom:4rem}.pdp-hero-banner__arrow svg{width:48px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/493/assets/pdp-hero-banner.css.map */