.background-media{display:grid;grid-gap:0;overflow:hidden}.background-image{background-color:#0000;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%;outline:none}.ie11 .background-image{height:auto}.background-media__background{-ms-grid-column:1;-ms-grid-column-span:5;-ms-grid-row:1;-ms-grid-row-span:4;grid-column:gutter-start/gutter-end;grid-row:image-start/image-end;height:100%}.background-media__content{grid-column:content;grid-row:content;z-index:1}@media (min-width: 1024px){.background-media__content{grid-column:center;grid-row:content}}.ie11 .background-media__content{grid-column:2;grid-row:2}@media (min-width: 1024px){.ie11 .background-media__content{grid-column:3;grid-row:2}}.background-media__content--left{grid-column:content;grid-row:content}@media (min-width: 1024px){.background-media__content--left{grid-column:content-start;grid-row:content}}.ie11 .background-media__content--left{grid-column:2;grid-row:2}@media (min-width: 1024px){.ie11 .background-media__content--left{grid-column:2;grid-row:2}}.background-media__content--right{grid-column:content;grid-row:content}@media (min-width: 1024px){.background-media__content--right{grid-column:3;grid-row:content}}.ie11 .background-media__content--right{grid-column:2;grid-row:2}@media (min-width: 1024px){.ie11 .background-media__content--right{grid-column:4;grid-row:2}}.background-media__overlay{-ms-grid-column:1;-ms-grid-column-span:5;-ms-grid-row:1;-ms-grid-row-span:4;grid-column:gutter-start/gutter-end;grid-row:image-start/image-end;z-index:1;background-color:#0003}.background-media--image{grid-template-columns:[gutter-start] 20px [content] 1fr 20px [gutter-end];grid-template-rows:[image-start] minmax(0,1fr) [content] auto 60px [image-end]}@media (min-width: 1024px){.background-media--image{grid-template-columns:[gutter-start] minmax(26px,1fr) [content-start] minmax(0,720px) [center] auto [content-end] minmax(0,720px) minmax(26px,1fr) [gutter-end];grid-template-rows:[image-start] minmax(0,1fr) [content] auto 80px [image-end]}}.ie11 .background-media--image{grid-template-columns:20px 1fr 20px;grid-template-rows:minmax(20px,1fr) auto minmax(20px,1fr)}@media (min-width: 1024px){.ie11 .background-media--image{grid-template-columns:minmax(26px,1fr) minmax(0,720px) auto minmax(0,720px) minmax(26px,1fr);grid-template-rows:minmax(60px,1fr) auto minmax(60px,1fr)}}.background-media--video{grid-template-columns:[gutter-start] 20px [content] 1fr 20px [gutter-end];grid-template-rows:[image-start] minmax(0,1fr) [content] auto 60px [image-end]}@media (min-width: 1024px){.background-media--video{grid-template-columns:[gutter-start] minmax(26px,1fr) [content-start] minmax(0,720px) [center] auto minmax(0,720px) [content-end] minmax(26px,1fr) [gutter-end];grid-template-rows:[image-start] minmax(0,1fr) [content] auto 80px [image-end]}}.ie11 .background-media--video{grid-template-columns:20px 1fr 20px;grid-template-rows:minmax(20px,1fr) auto minmax(20px,1fr)}@media (min-width: 1024px){.ie11 .background-media--video{grid-template-columns:minmax(26px,1fr) minmax(0,720px) auto minmax(0,720px) minmax(26px,1fr);grid-template-rows:minmax(60px,1fr) auto minmax(60px,1fr)}}.background-media--video .video-block{-ms-grid-column:1;-ms-grid-column-span:5;-ms-grid-row:1;-ms-grid-row-span:4;grid-column:gutter-start/gutter-end;grid-row:image-start/image-end}.background-media--video .background-media__content{grid-column:content;z-index:2}@media (min-width: 1024px){.background-media--video .background-media__content{grid-column:content-start/content-end;grid-row:content}}.background-image.background-image--top-center{-o-object-position:center top;object-position:center top}.background-image.background-image--top-left{-o-object-position:left top;object-position:left top}.background-image.background-image--top-right{-o-object-position:right top;object-position:right top}.background-image.background-image--center{-o-object-position:center center;object-position:center center}.background-image.background-image--left{-o-object-position:left center;object-position:left center}.background-image.background-image--right{-o-object-position:right center;object-position:right center}.background-image.background-image--bottom-center{-o-object-position:center bottom;object-position:center bottom}.background-image.background-image--bottom-left{-o-object-position:left bottom;object-position:left bottom}.background-image.background-image--bottom-right{-o-object-position:right bottom;object-position:right bottom}.background-image.background-image--with-overlay:after{background:#0003;content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:300;transition:all .2s ease}.background-image--with-overlay .background-image__content{color:#fff}.video-block{background-position:50% 50%;background-size:cover;position:relative;width:100%}.video-block:before{content:"";float:left;height:0;margin-left:-1px;padding-top:56.25%;width:1px}.video-block:after{clear:both;content:"";display:table}.video-block__video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;vertical-align:bottom;width:100%;position:absolute}.video-block__video iframe,.video-block__video video{height:100%;left:0;position:absolute;top:0;width:100%}.video-block--is-postered .video-block__video,.video-block--is-postered .video-block__video iframe{z-index:-1}.video-block--is-postered video::-webkit-media-controls{position:relative;z-index:-1}.video-block--is-not-interactive .video-block__video,.video-block--is-not-interactive .video-block__video iframe,.video-block--is-not-interactive video::-webkit-media-controls{z-index:-1}.video-block--is-not-interactive{background-color:#0000}.video-block__control{cursor:pointer;display:inline-block;color:#fff}.video-block__control svg.icon{transition:all .2s ease}.video-block__control:hover svg.icon{transform:scale(1);transition:all .2s ease}.video-block__control:focus{outline:#e6ff00 solid 2px;outline-offset:5px}.video-block__controls-bar{position:absolute;bottom:24px;right:24px;z-index:500}.video-block__controls-bar .video-block__control{margin-left:1em}@media (min-width: 1024px){.video-block__controls-bar{bottom:26px;right:26px}}.video-block__controls-bar.video-block__controls-bar--left{right:auto;left:20px}.video-block__controls-bar.video-block__controls-bar--left .video-block__control{margin-left:0;margin-right:1em}@media (min-width: 1024px){.video-block__controls-bar.video-block__controls-bar--left{right:auto;left:26px}}.video-block__controls-poster{display:none}.video-block__controls-poster .video-block__control{position:absolute;top:0;left:0;width:100%;height:100%}.video-block__controls-poster svg.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80px;width:80px}@media (min-width: 1024px){.video-block__controls-poster svg.icon{height:120px;width:120px}}.video-block__controls-poster:hover svg.icon{transform:translate(-50%,-50%);width:80px;height:80px}@media (min-width: 1024px){.video-block__controls-poster:hover svg.icon{width:120px;height:120px}}.video-block--is-postered .video-block__controls-poster{display:block}.video-block--is-postered,.video-block--is-paused{background-repeat:no-repeat;background-size:cover!important}.video-block--is-postered .video-block__video,.video-block--is-paused .video-block__video{z-index:-1}.video-block--is-postered .video-block__controls-poster,.video-block--is-paused .video-block__controls-poster{display:block}.video-block__control--pause{display:inline-block}.video-block--is-paused .video-block__control--pause,.video-block__control--play{display:none}.video-block--is-paused .video-block__control--play{display:inline-block}.video-block__control--unmute{display:none}.video-block--is-muted .video-block__control--unmute,.video-block__control--mute{display:inline-block}.video-block--is-muted .video-block__control--mute{display:none}:root{--vh: 100%}.page-section--hero-banner{margin:0}@media (min-width: 1024px){.page-section--hero-banner{margin:0}}.hero-banner{margin-bottom:0;overflow:hidden;height:100vh;max-height:1000px;min-height:650px}.hero-banner .background-media{height:100%;grid-template-rows:[image-start] auto [content] auto 36px [image-end]}.hero-banner .background-media .background-media__overlay{grid-row:image-start/content;background-color:#000;height:100%;position:absolute;z-index:2;width:100%}.hero-banner .background-media .video-block,.hero-banner .background-media .background-media__background{grid-row:image-start/image-end;height:100%;width:100%}.hero-banner .background-media .video-block video,.hero-banner .background-media .background-media__background video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.hero-banner .background-media .video-block .hero-banner__background,.hero-banner .background-media .video-block picture,.hero-banner .background-media .background-media__background .hero-banner__background,.hero-banner .background-media .background-media__background picture{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 680px){.hero-banner .background-media{width:100%;grid-template-rows:[image-start] minmax(0,1fr) [content] auto 70px [image-end]}.hero-banner .background-media .background-media__overlay{grid-row:image-start/image-end}.hero-banner .background-media .video-block,.hero-banner .background-media .background-media__background{grid-row:image-start/image-end;max-height:unset}}.hero-banner .background-media__content{text-align:left;grid-column:content;z-index:2;padding-top:25px;display:flex;flex-direction:column;justify-content:flex-end}@media (min-width: 1024px){.hero-banner .background-media__content{grid-column:content-start/content-end;grid-row:content}}.hero-banner .background-media__content .button-style__chartreuse{background-color:#e6ff00;border:1px solid #e6ff00;color:#000;transition:all .2s ease-in-out}.hero-banner .background-media__content .button-style__chartreuse:hover{box-shadow:inset 0 0 0 10em #0003;border:1px solid rgba(0,0,0,.2)}.hero-banner .background-media__content .button-style__monochrome{background-color:#fff;color:#000;border:1px solid #fff}.hero-banner .background-media__content .button-style__monochrome:hover{box-shadow:inset 0 0 0 10em #0003;border:1px solid rgba(0,0,0,.2)}.hero-banner .background-media__content .button-style__outline{background-color:#0000;color:#000;border:1px solid #000;transition:all .2s ease-in-out}.hero-banner .background-media__content .button-style__outline:hover{box-shadow:inset 0 0 0 10em #fff3;border:1px solid rgba(255,255,255,.2)}@media (min-width: 680px){.hero-banner .background-media__content .button-style__outline{background-color:#0000;color:#fff;border:1px solid #fff}}.hero-banner .hero-banner__main-title{font-family:FormGintoNormal,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.625;font-size:15px;font-size:1.5rem;line-height:18px;line-height:1.8rem;color:#000;letter-spacing:0;text-transform:none;margin-top:0;margin-bottom:15px;color:#bebeb9}@media (min-width: 680px){.hero-banner .hero-banner__main-title{color:#e6ff00}}.hero-banner .hero-banner__title{font-size:40px;font-size:4rem;line-height:36px;line-height:3.6rem;margin:0 0 20px;max-width:345px;width:-moz-fit-content;width:fit-content;color:#fff;font-weight:900;font-style:normal}@media (min-width: 1024px){.hero-banner .hero-banner__title{font-size:48px;font-size:4.8rem;line-height:42px;line-height:4.2rem}}@media (min-width: 680px){.hero-banner .hero-banner__title{max-width:530px;margin-bottom:15px}}.hero-banner .hero-banner__title svg{width:100%;height:auto}.hero-banner .hero-banner__text{font-size:16px;font-weight:400;line-height:22px;letter-spacing:-.3px;max-width:300px;text-align:left;color:#fff;width:-moz-fit-content;width:fit-content}.hero-banner .hero-banner__text svg{width:100%;height:auto}.hero-banner .hero-banner__button-collection{margin-top:30px}@media (min-width: 1024px){.hero-banner .hero-banner__button-collection{margin-top:30px}}.hero-banner .hero-banner__button{padding:12px 28px}.hero-banner .video-block:not(.video-block--modal):before,.hero-banner .background-media__background:before{content:"";float:left;height:0;margin-left:-1px;padding-top:100%;width:1px}.hero-banner .video-block:not(.video-block--modal):after,.hero-banner .background-media__background:after{clear:both;content:"";display:table}@media (min-width: 680px){.hero-banner .video-block:not(.video-block--modal):before,.hero-banner .background-media__background:before{content:"";float:left;height:0;margin-left:-1px;padding-top:56.25%;width:1px}.hero-banner .video-block:not(.video-block--modal):after,.hero-banner .background-media__background:after{clear:both;content:"";display:table}}.hero-banner .video-block__control{color:#fff;background-color:#0000;padding:0;position:absolute;top:auto;left:auto;bottom:15px;right:24px;z-index:10;border-radius:30px;align-items:center;justify-content:center}@media (min-width: 680px){.hero-banner .video-block__control{bottom:40px;right:26px}}.hero-banner .video-block__control:focus{outline:none;box-shadow:0 0 0 5px #e6ff0080}.hero-banner .video-block__control--pause{filter:invert(100%) sepia(0%) saturate(27%) hue-rotate(162deg) brightness(108%) contrast(107%);font-size:30px;font-size:3rem;display:flex}@media (min-width: 680px){.hero-banner .video-block__control--pause{font-size:40px;font-size:4rem}}.hero-banner .video-block__control--play{filter:invert(100%) sepia(0%) saturate(27%) hue-rotate(162deg) brightness(108%) contrast(107%);font-size:30px;font-size:3rem;display:none}@media (min-width: 680px){.hero-banner .video-block__control--play{font-size:40px;font-size:4rem}}.hero-banner .video-block--is-paused .video-block__control--play{display:flex}.hero-banner .video-block--is-paused .video-block__control--pause{display:none}.hero-banner .video-block--is-postered .video-block__video,.hero-banner .video-block--is-paused .video-block__video{z-index:0}.hero-banner .video-container{max-width:100%;overflow:hidden;max-height:100%;height:100%;display:none!important}.hero-banner .responsive-video{width:100%}@media (max-width: 681px){.hero-banner .video-container.mobile{display:block!important}}@media (min-width: 681px){.hero-banner .video-container.desktop{display:block!important}}.hero-banner .responsive-video__control{color:#fff;background-color:#0000;padding:0;position:absolute;top:auto;left:auto;bottom:15px;right:24px;z-index:10;border-radius:30px;align-items:center;justify-content:center}.hero-banner .responsive-video__control img{filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(168deg) brightness(100%) contrast(103%);display:inline-block;fill:currentColor;height:40px;width:40px}@media (min-width: 680px){.hero-banner .responsive-video__control{bottom:40px;right:26px}}.hero-banner .responsive-video__control--pause,.hero-banner .responsive-video__control--replay{display:none}.hero-banner__secondary{background:#000;border-radius:20px 20px 0 0;margin-top:-20px;display:grid;grid-template-columns:[gutter-start] minmax(24px,1fr) [content] minmax(auto,924px) minmax(24px,1fr) [gutter-end];grid-template-rows:[gutter-start] 40px [content] auto 60px [gutter-end]}@media (min-width: 1024px){.hero-banner__secondary{grid-template-rows:[gutter-start] 40px [content] auto 100px [gutter-end]}}.hero-banner__secondary .hero-banner__secondary-content{grid-column:content;grid-row:content}.hero-banner-center .background-media{position:relative;display:flex;align-items:center;justify-content:center}.hero-banner-center .background-media .background-media__content{display:flex;position:absolute;justify-content:center;align-items:center;flex-direction:column;padding-top:40px}@media (min-width: 1024px){.hero-banner-center .background-media .background-media__content{padding-top:115px}}.hero-banner-center .background-media .background-media__content .hero-banner__button{padding:12px 28px}.hero-banner-center .background-media .background-media__content .hero-banner__title{text-align:center;margin-bottom:32px;line-height:42px}@media (min-width: 680px){.hero-banner-center .background-media .background-media__content .hero-banner__title{line-height:50px}}.hero-banner-center .background-media .background-media__background{max-height:unset;height:100%;width:100%}
/*# sourceMappingURL=/cdn/shop/t/148/assets/section.hero-banner.css.map */