.secondary-hero{--frame-w: min(1390px, calc(100vw - 80px) );--frame-h: calc(var(--frame-w) * 747 / 1390);position:relative;overflow:hidden}.secondary-hero__frame{position:relative;display:block;margin-inline:auto;width:100%;aspect-ratio:1440 / 912;max-width:100%;overflow:hidden;transition:width 1.6s cubic-bezier(.65,0,.35,1),height 1.6s cubic-bezier(.65,0,.35,1);will-change:width,height}.secondary-hero.is-condensed .secondary-hero__frame{width:var(--frame-w);height:var(--frame-h);aspect-ratio:auto}.secondary-hero__image,.secondary-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.secondary-hero__image{opacity:0;transition:opacity 1.2s ease}.secondary-hero__image.is-active{opacity:1}.secondary-hero__content-slot{position:absolute;top:50%;right:calc((100% - var(--frame-w)) / 2 + 40px);transform:translateY(-50%);z-index:3}.secondary-hero__content{position:relative;width:415px;height:401px;box-sizing:border-box;opacity:0;pointer-events:none;transform:translate(120%);transition:transform 1.3s cubic-bezier(.65,0,.35,1),opacity 1.3s ease;will-change:transform,opacity}.secondary-hero.is-visible .secondary-hero__content{opacity:1;pointer-events:auto;transform:translate(0)}.secondary-hero__content-inner{position:absolute;top:0;right:0;bottom:0;left:0;margin:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:2.5rem;text-align:center}.secondary-hero__content-title,.secondary-hero__content-text{margin:0 0 1em}.secondary-hero__content-title{font-weight:600;text-transform:uppercase}.secondary-hero__content-btn{display:inline-block;padding:.9em 2em;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.secondary-hero__content-btn--primary{background-color:#151515;color:#fff;border:1px solid #151515}.secondary-hero__content-btn--secondary{background-color:transparent;color:#151515;border:1px solid #151515}@media(max-width:749px){.secondary-hero__frame{display:none}.secondary-hero__content-slot{position:relative;top:auto;right:auto;transform:none;width:100%;overflow:hidden}.secondary-hero__content{position:relative;width:390px;height:401px;max-width:100%;margin-inline:auto;box-sizing:border-box;transform:translate(-100vw);transition:transform 1s cubic-bezier(.65,0,.35,1),opacity 1s ease}.secondary-hero__content-slot.is-revealed .secondary-hero__content{opacity:1;pointer-events:auto;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.secondary-hero__frame,.secondary-hero__image,.secondary-hero__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-secondary-hero.css.map */