.tnf-media-banner{position:relative}.tnf-media-banner__item{position:relative;display:block;width:100%;overflow:hidden}.tnf-media-banner__media{position:relative;width:100%}.tnf-media-banner__picture,.tnf-media-banner__image,.tnf-media-banner__video{display:block;width:100%}.tnf-media-banner__image,.tnf-media-banner__video{height:auto;object-fit:cover}.tnf-media-banner__video{background:#000}.tnf-media-banner__placeholder{aspect-ratio:16 / 9;width:100%;height:auto;background:rgba(var(--color-foreground),.08)}.tnf-media-banner__vectiv-mobile-overlay{display:none}.tnf-media-banner__video--desktop{display:block}.tnf-media-banner__video--mobile{display:none}@media screen and (max-width:749px){.tnf-media-banner__video--desktop{display:none}.tnf-media-banner__video--mobile{display:block}.content-for-layout:has(.tnf-triclimate-benefits)>.shopify-section:last-child:has(.tnf-media-banner) .tnf-media-banner__media{overflow:hidden}.content-for-layout:has(.tnf-triclimate-benefits)>.shopify-section:last-child:has(.tnf-media-banner) .tnf-media-banner__picture{width:116%;max-width:none;margin-left:-8%}.content-for-layout:has(.tnf-triclimate-benefits)>.shopify-section:last-child:has(.tnf-media-banner) .tnf-media-banner__image{height:auto;object-position:center;transform:none}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__item{background:#000}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__media{min-height:471px;overflow:hidden}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__picture{height:471px}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__image,.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__video{height:471px;object-fit:cover;object-position:78% 56%;transform:scale(1.12);transform-origin:center}.tnf-media-banner--vectiv-mobile-hero{isolation:isolate}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;pointer-events:none}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-pattern{position:absolute;inset:23px auto auto 0;width:202px;height:154px;background:linear-gradient(90deg,#000000eb,#000000db 82%,#0000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 154'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.14)' stroke-width='1'%3E%3Cpath d='M-5 20c25 0 25 20 50 20s25-20 50-20 25 20 50 20 25-20 50-20'/%3E%3Cpath d='M-5 44c25 0 25 20 50 20s25-20 50-20 25 20 50 20 25-20 50-20'/%3E%3Cpath d='M-5 68c25 0 25 20 50 20s25-20 50-20 25 20 50 20 25-20 50-20'/%3E%3Cpath d='M-5 92c25 0 25 20 50 20s25-20 50-20 25 20 50 20 25-20 50-20'/%3E%3Cpath d='M-5 116c25 0 25 20 50 20s25-20 50-20 25 20 50 20 25-20 50-20'/%3E%3Cpath d='M14 -8c0 18 18 18 18 36s-18 18-18 36 18 18 18 36-18 18-18 36'/%3E%3Cpath d='M58 -8c0 18 18 18 18 36S58 46 58 64s18 18 18 36-18 18-18 36'/%3E%3Cpath d='M102 -8c0 18 18 18 18 36s-18 18-18 36 18 18 18 36-18 18-18 36'/%3E%3Cpath d='M146 -8c0 18 18 18 18 36s-18 18-18 36 18 18 18 36-18 18-18 36'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-content{position:absolute;top:44px;left:24px;width:156px;color:#fff;font-family:Helvetica Neue LT Std Vectiv,Helvetica Neue LT Std,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.25px;pointer-events:auto}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-title{margin:0 0 12px;font-size:17px;line-height:.98;font-weight:700;white-space:pre-line}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-brand{margin-bottom:10px;line-height:1}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-brand-main{font-size:18px;font-style:italic;font-weight:700;letter-spacing:-.4px}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-brand-sub{margin-top:2px;font-size:11px;font-weight:700}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-body{margin:0 0 14px;font-size:9px;line-height:1.35;font-weight:700}.tnf-media-banner--vectiv-mobile-hero .tnf-media-banner__vectiv-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-width:119px;min-height:29px;padding:6px 16px;border-radius:999px;background:#fff;color:#111;font-size:11px;line-height:1;font-weight:700;text-decoration:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tnf-media-banner.css.map */