.hero-logo{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:rgb(var(--color-background))}.hero-logo__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-logo__media img,.hero-logo__media video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.hero-logo--has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.hero-logo__content{position:relative;z-index:1;padding:0 2rem;min-height:1.2em}.hero-logo--has-image .hero-logo__content{color:#fff}.hero-logo__caption{margin-top:1.6rem;font-size:1.4rem;letter-spacing:.05em}.hero-logo__cta{display:flex;flex-direction:column;align-items:center;gap:.6rem;transform:translateY(10px)}.hero-logo__promo{margin:0;font-size:2.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}@media screen and (max-width:749px){.hero-logo__cta{gap:.8rem;transform:translateY(50px)}.hero-logo__promo{font-size:2.2rem}}.hero-logo__shop-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--buttons-radius-outset, 0);background:#fff;color:#121212;padding:1.4rem 3.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.hero-logo__shop-btn .liquid-btn__clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:inherit}.hero-logo__shop-btn .liquid-btn__wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:#121212;box-shadow:inset 0 0 0 .2rem #fff;clip-path:circle(0% at 50% 100%);transition:clip-path .5s cubic-bezier(.65,0,.35,1)}.hero-logo__shop-btn:hover .liquid-btn__wave,.hero-logo__shop-btn:focus-visible .liquid-btn__wave{clip-path:circle(100vmax at 50% 100%)}.hero-logo__shop-btn .liquid-btn__label{position:relative;z-index:2;display:block;color:#121212;transition:color .15s ease .2s}.hero-logo__shop-btn:hover .liquid-btn__label,.hero-logo__shop-btn:focus-visible .liquid-btn__label{color:#fff}@media(prefers-reduced-motion:reduce){.hero-logo__shop-btn .liquid-btn__wave,.hero-logo__shop-btn .liquid-btn__label{transition:none}}.hero-logo__caption p{margin:.3rem 0}@media screen and (max-width:749px){.hero-logo__caption{font-size:1.2rem}}body.viola-hero-page .announcement-bar-section{position:fixed;top:0;left:0;width:100%;z-index:21}body.viola-hero-page .section-header{position:fixed;top:var(--announcement-bar-height, 0px);left:0;width:100%;z-index:20;transition:top .25s ease}body.viola-hero-page:has(#ViolaPromoBar.viola-promo-bar--hidden) .section-header{top:0}body.viola-hero-page #MainContent{padding-top:calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px))}body.viola-hero-page .hero-logo{margin-top:calc(-1 * (var(--header-height, 0px) + var(--announcement-bar-height, 0px)))}.header__heading-logo-wrapper{position:relative}.header__heading-logo--white,.header__heading-logo--dark{transition:opacity .2s ease}.header__heading-logo--white{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.header__heading-logo--dark,body.viola-hero-page .header__heading-logo--white{opacity:1}body.viola-hero-page .header__heading-logo--dark,body.viola-hero-page.viola-scrolled .header__heading-logo--white{opacity:0}body.viola-hero-page.viola-scrolled .header__heading-logo--dark{opacity:1}body.viola-hero-page .header-wrapper{background:transparent!important;background-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background-color .25s ease,backdrop-filter .25s ease}body.viola-hero-page.viola-scrolled .header-wrapper{background:rgba(var(--color-background),.55)!important;background-color:rgba(var(--color-background),.55)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.viola-hero-page #ViolaNavLogo{opacity:1}body.viola-hero-page .header a,body.viola-hero-page .header .header__icon,body.viola-hero-page .header .header__inline-menu .header__menu-item,body.viola-hero-page .header .header__inline-menu .header__active-menu-item,body.viola-hero-page .header .disclosure__button,body.viola-hero-page .header .svg-wrapper{color:#fff!important;fill:#fff!important;transition:color .2s ease,fill .2s ease}body.viola-hero-page.viola-scrolled .header a,body.viola-hero-page.viola-scrolled .header .header__icon,body.viola-hero-page.viola-scrolled .header .header__inline-menu .header__menu-item,body.viola-hero-page.viola-scrolled .header .header__inline-menu .header__active-menu-item,body.viola-hero-page.viola-scrolled .header .disclosure__button,body.viola-hero-page.viola-scrolled .header .svg-wrapper{color:#121212!important;fill:#121212!important}body.viola-hero-page .header .header__submenu .header__menu-item,body.viola-hero-page .header .header__submenu .header__active-menu-item,body.viola-hero-page .header .disclosure__list-wrapper,body.viola-hero-page .header .disclosure__list-wrapper a,body.viola-hero-page .header .disclosure__list-wrapper .icon,body.viola-hero-page .header .disclosure__list-wrapper svg,body.viola-hero-page .header .menu-drawer,body.viola-hero-page .header .menu-drawer a,body.viola-hero-page .header .menu-drawer .icon,body.viola-hero-page .header .menu-drawer svg,body.viola-hero-page .header .menu-drawer .svg-wrapper,body.viola-hero-page .header .menu-drawer .disclosure__button{color:#121212!important;fill:#121212!important}body.viola-hero-page .header .disclosure__list-wrapper a:hover,body.viola-hero-page .header .header__submenu .header__menu-item:hover,body.viola-hero-page .header .menu-drawer a:hover{color:#121212!important;fill:#121212!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-logo.css.map */