body.loaded .updated-hero .circle-container{animation:pulsingCircleShadow ease-in-out 4s infinite;animation-delay:3s}body.loaded .updated-hero .circle-container .logo{opacity:1}body.loaded .updated-hero .circle-container .enter-link{animation:enterPulse ease-in-out 4s infinite;animation-delay:3s}body.index-loaded .site-header{opacity:1;pointer-events:auto}body.index-loaded.template-index .site-footer{display:block}body.index-loaded .updated-hero .circle-container{animation-play-state:paused;width:300vh;height:300vh;transition-delay:0s}body.index-loaded .updated-hero .circle-container .logo,body.index-loaded .updated-hero .circle-container .enter-link{opacity:0;transition:.5s opacity}body.index-loaded .updated-hero .givenchy-container{opacity:1;pointer-events:auto}body.index-loaded .updated-hero .givenchy-container.offscreen{opacity:0;pointer-events:none}body.index-loaded .updated-hero .givenchy-container #lottie-givenchy .g-inner .g-logo,body.index-loaded .updated-hero .givenchy-container #lottie-givenchy .g-inner .g-logo-text,body.index-loaded .updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content{opacity:1}body.index-loaded .video-section{display:flex}.updated-hero{position:relative;width:100%;height:100vh;overflow:hidden}.updated-hero .circle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(100vh - 5.625rem);width:calc(100vh - 5.625rem);background:var(--black2);border-radius:50%;box-shadow:0 0 #fff0;transition:2s all;transition-delay:1s}.updated-hero .circle-container .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15.125rem;height:4.5rem;background:url(logo.svg) no-repeat center center/contain;opacity:0;transition:3s all;transition-delay:1s}.updated-hero .circle-container .enter-link{position:absolute;top:calc(50% + 6.25rem);left:50%;transform:translate(-50%,-50%);text-transform:uppercase;color:var(--grey2);font-size:1.375rem;line-height:1.625rem;opacity:0;transition:3s opacity;transition-delay:1.5s}.updated-hero .circle-container .enter-link:hover{color:#fff}.updated-hero .givenchy-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(100vh - 15rem);width:calc(100vh - 15rem);opacity:0;pointer-events:none;transition:3s all}.updated-hero .givenchy-container #lottie-givenchy{display:block;width:100%;height:100%;position:relative}.updated-hero .givenchy-container #lottie-givenchy svg{pointer-events:none;position:relative;animation:rotating 80s linear infinite;animation-delay:4s}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center center;background-size:contain;width:50%;height:100%;pointer-events:none;opacity:0;transition:5s all;transition-delay:2s}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-logo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;pointer-events:none;opacity:0;transition:5s all;transition-delay:2s}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content{position:absolute;z-index:2;top:calc(50% + 5.25rem);left:50%;transform:translate(-50%,-50%);display:flex;flex-wrap:wrap;justify-content:center;opacity:0;transition:3s all;transition-delay:3s}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content p{text-transform:uppercase;text-align:center;width:100%;letter-spacing:.25rem}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex{justify-content:center}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex .btn{white-space:nowrap;margin-left:1rem;min-width:11.25rem;text-align:center}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex .btn:first-child{margin-left:0}.updated-hero.discover-template .givenchy-container{width:calc(80vh - 15rem);height:calc(80vh - 15rem)}.updated-hero.discover-template .givenchy-container #lottie-givenchy svg{animation-delay:3s}.video-section{width:100%;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;display:none;background:var(--black2)}.video-section .video-wrapper{width:100%;padding-top:56.25%;transition:3s all;position:relative;overflow:hidden}.video-section .video-wrapper .image-ratio-cover{position:absolute;top:0;left:0}.video-section .video-wrapper .play-btn{display:block;position:absolute;z-index:5;transform:translate(-50%,-50%);top:50%;left:50%;width:5.625rem;height:6.4375rem;background:url(icon-play.svg) no-repeat center center/contain;opacity:0;transition:2s opacity}.video-section .video-wrapper .v-content{position:absolute;bottom:4.375rem;left:4.375rem;max-width:35%}.video-section .video-wrapper .v-content .v-title{text-transform:uppercase;margin:0 0 2rem;opacity:0;transition:1s opacity;transition-delay:1s}.video-section .video-wrapper .v-content .v-desc{margin:0 0 1rem;opacity:0;transition:1s opacity;transition-delay:1.5s}.video-section .video-wrapper .v-content .btn-flex{opacity:0;transition:1s opacity;transition-delay:2s}.video-section.animated .video-wrapper{width:calc(100% - 6.25rem)}.video-section.animated .video-wrapper .play-btn,.video-section.animated .video-wrapper .v-content .v-title,.video-section.animated .video-wrapper .v-content .v-desc,.video-section.animated .video-wrapper .v-content .btn-flex{opacity:1}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black2);z-index:999999;display:none}.video-modal .close-icon{position:absolute;z-index:2;top:1.25rem;right:1.25rem;width:1.875rem;height:1.875rem;background:url(icon-close.svg) no-repeat center center/1rem}.video-modal .video-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.video-modal .video-inner video,.video-modal .video-inner iframe{width:100%;max-height:100vh;height:100vh}@keyframes chev_bounce{0%{bottom:5.625rem}50%{bottom:6.25rem}to{bottom:5.625rem}}@keyframes pulsingCircleShadow{0%{box-shadow:.3125rem .3125rem 4.6875rem #fff0}50%{box-shadow:.3125rem .3125rem 4.6875rem #fff3}to{box-shadow:.3125rem .3125rem 4.6875rem #fff0}}@keyframes enterPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 40rem){.updated-hero .circle-container .enter-link{top:calc(50% + 4.25rem)}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-logo{width:18.75rem;height:220px}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content{top:calc(50% + 5.625rem)}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex{flex-wrap:wrap;margin-top:1rem}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex .btn{margin:0 0 1rem;min-width:11.875rem}.updated-hero .givenchy-container #lottie-givenchy .g-inner .g-content .btn-flex .btn:last-child{margin-bottom:0}.updated-hero.discover-template{height:90vh}.updated-hero.discover-template .givenchy-container{height:calc(85vh - 5rem);width:calc(85vh - 5rem)}.video-section .video-wrapper .play-btn{top:25%;transform:translate(-50%,-25%);background-size:3.125rem}.video-section.animated .video-wrapper{width:100%}}@media screen and (max-width: 90rem){.updated-hero .givenchy-container{height:calc(100vh - 10rem);width:calc(100vh - 10rem)}}@media screen and (max-width: 90rem) and (max-width: 40rem){.updated-hero .givenchy-container{height:calc(85vh - 10rem);width:calc(85vh - 10rem)}}@media screen and (max-width: 64rem){.video-section{height:auto}.video-section .video-wrapper{padding-top:100vw}.video-section .video-wrapper .v-content{left:2.5rem;bottom:2.5rem;max-width:100%;width:calc(100% - 5rem)}.video-section .video-wrapper .v-content .v-title{text-align:center;margin:0 auto 1rem;max-width:37.5rem}.video-section .video-wrapper .v-content .v-title br{display:none}.video-section .video-wrapper .v-content .v-desc{text-align:center}.video-section .video-wrapper .v-content .btn-flex{justify-content:center}}@media screen and (max-width: 64rem) and (max-width: 40rem){.video-section .video-wrapper{padding-top:34.375rem}.video-section .video-wrapper .v-content{left:1.25rem;bottom:1.25rem;width:calc(100% - 2.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/style-hero.css.map */