.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__wordmark{margin:calc(var(--hero-logo-w) * -138 / 1469) 0 calc(var(--hero-logo-w) * -237 / 1469);line-height:0}.hero-logo__wordmark{--hero-logo-w: clamp(280px, 40vw, 780px)}.hero-logo__wordmark img{display:block;width:var(--hero-logo-w);height:auto;margin:0 auto}@media screen and (max-width:749px){.hero-logo__wordmark{--hero-logo-w: clamp(220px, 72vw, 480px)}}.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:0;pointer-events:none;transition:opacity .25s ease}body.viola-hero-page.viola-scrolled #ViolaNavLogo{opacity:1;pointer-events:auto}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 .icon-cart{filter:brightness(0) invert(1);transition:filter .2s ease}body.viola-hero-page.viola-scrolled .header .icon-cart{filter:none}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}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]){background:rgb(var(--color-background))!important;background-color:rgb(var(--color-background))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header a,body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .header__icon,body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .header__inline-menu .header__menu-item,body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .header__inline-menu .header__active-menu-item,body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .disclosure__button,body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .svg-wrapper{color:#121212!important;fill:#121212!important}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header .icon-cart{filter:none!important}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) #ViolaNavLogo{opacity:1!important;pointer-events:auto!important}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header__heading-logo--white{opacity:0!important}body.viola-hero-page .header-wrapper:has(.sunglasses-mega-details[open]) .header__heading-logo--dark{opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-logo.css.map */