.tnf-tech{position:relative;display:block!important;width:100%;max-width:100vw;overflow:clip;background:#000!important;color:#fff}.tnf-tech,.tnf-tech *,.tnf-tech *:before,.tnf-tech *:after{box-sizing:border-box}.tnf-tech__inner{position:relative;max-width:100%;overflow:clip}.tnf-tech__frame{width:min(1440px,calc(100% - 24px));max-width:calc(100vw - 24px);margin:0 auto}.tnf-tech__titlebar{display:flex;align-items:center;justify-content:center;min-height:74px;padding:24px 12px;background:#000}.tnf-tech__title{margin:0;color:#fff;font-size:clamp(18px,2vw,36px);font-weight:700;letter-spacing:clamp(.45rem,1.1vw,1.2rem);line-height:1;text-transform:uppercase;text-align:center}.tnf-tech__hero{padding-top:30px;background:#000}.tnf-tech__hero-card{position:relative;overflow:hidden;height:300px;min-height:300px;background:#000}.tnf-tech__frame--hero{background:#000}.tnf-tech__hero-picture,.tnf-tech__hero-image{display:block;width:100%;height:100%}.tnf-tech__hero-picture{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tnf-tech__hero-image{position:absolute;top:-27.56%;left:-.6%;width:101.22%;height:156.04%;max-width:none;object-fit:cover;object-position:center}.tnf-tech__hero-overlay{position:relative;z-index:1;display:flex;align-items:center;min-height:300px;padding:32px;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--tnf-tech-hero-overlay-opacity, 0) * .7)),rgba(0,0,0,var(--tnf-tech-hero-overlay-opacity, 0)));color:var(--tnf-tech-hero-text-color, #fff)}.tnf-tech__hero-spacer{position:relative;z-index:1;height:300px;min-height:300px}.tnf-tech__hero-content{width:min(520px,100%)}.tnf-tech__hero-content--center{margin:0 auto;text-align:center}.tnf-tech__hero-content--right{margin-left:auto;text-align:right}.tnf-tech__hero-content--left{text-align:left}.tnf-tech__hero-logo{margin-bottom:20px}.tnf-tech__hero-logo-image{display:block;width:min(320px,100%);height:auto}.tnf-tech__hero-content--center .tnf-tech__hero-logo-image{margin:0 auto}.tnf-tech__hero-content--right .tnf-tech__hero-logo-image{margin-left:auto}.tnf-tech__hero-heading{margin:0;font-size:clamp(28px,3vw,48px);line-height:.95;font-weight:700;text-transform:uppercase}.tnf-tech__hero-description{margin-top:18px;font-size:16px;line-height:1.4}.tnf-tech__hero-description p{margin:0}.tnf-tech__hero-actions{margin-top:24px}.tnf-tech__nav-section{padding-top:30px;overflow-x:clip}.tnf-tech:not([data-tech-ready=true]) .tnf-tech__nav-carousel,.tnf-tech:not([data-tech-ready=true]) .tnf-tech__nav-description-list{visibility:hidden}.tnf-tech__nav-carousel{position:relative;padding-inline:60px;max-width:100%;overflow-x:clip}.tnf-tech__nav-track{display:flex;align-items:center;gap:24px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-block:6px;padding-inline:max(0px,calc(50% - 210px));overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.tnf-tech__nav-track::-webkit-scrollbar{display:none}.tnf-tech__nav-card{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 360px;width:360px;height:180px;overflow:hidden;border-radius:6px;box-shadow:0 4px 16px #00000038;text-decoration:none;color:inherit;border:1px solid transparent;background:transparent;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;opacity:0;transform:translateY(14px);transition:opacity .28s ease,flex-basis .28s ease,width .28s ease,height .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease;transition-delay:calc(var(--tnf-tech-card-index, 0) * 60ms)}.tnf-tech.is-revealed .tnf-tech__nav-card{opacity:1}.tnf-tech__nav-card.is-active{flex-basis:420px;width:420px;height:210px;border:2px solid #fff;transform:translateY(0);box-shadow:0 10px 24px #0000005c}.tnf-tech__nav-picture,.tnf-tech__nav-image{display:block;width:100%;height:100%}.tnf-tech__nav-picture{position:absolute;top:0;right:0;bottom:0;left:0}.tnf-tech__nav-image{object-fit:cover;object-position:center;transform:scale(1.02);transition:transform .32s ease}.tnf-tech__nav-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;transition:background-color .28s ease}.tnf-tech__nav-card.is-active .tnf-tech__nav-shade{background:#0003}.tnf-tech__nav-card.is-active .tnf-tech__nav-image,.tnf-tech__nav-card:hover .tnf-tech__nav-image,.tnf-tech__nav-card:focus-visible .tnf-tech__nav-image{transform:scale(1.08)}.tnf-tech__nav-copy{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:0 24px}.tnf-tech__nav-copy-inner{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.tnf-tech__nav-icon{flex:0 0 auto}.tnf-tech__nav-icon-image{display:block;width:66px;height:66px;object-fit:contain;transition:width .28s ease,height .28s ease,transform .28s ease}.tnf-tech__nav-card:not(.is-active) .tnf-tech__nav-icon-image{width:42px;height:42px}.tnf-tech__nav-title{display:block;color:#fff;font-size:30px;line-height:1;font-weight:500;text-align:left;text-transform:none;transition:font-size .28s ease,transform .28s ease}.tnf-tech__nav-card:not(.is-active) .tnf-tech__nav-title{font-size:24px}.tnf-tech__nav-arrow{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.8);background:#0000008c;color:#fff;cursor:pointer;transform:translateY(-50%)}.tnf-tech__nav-arrow[disabled]{opacity:.35;cursor:default}.tnf-tech__nav-arrow svg{width:20px;height:20px}.tnf-tech__nav-arrow--prev{left:0}.tnf-tech__nav-arrow--next{right:0}.tnf-tech__nav-description-list{position:relative;display:grid;align-items:start;justify-items:center;min-height:86px;margin-top:18px;opacity:0;transform:translateY(24px);transition:opacity .32s ease .18s,transform .32s ease .18s}.tnf-tech.is-revealed .tnf-tech__nav-description-list{opacity:1;transform:translateY(0)}.tnf-tech__nav-description{grid-area:1 / 1;max-width:750px;margin:0 auto;color:#fff;font-size:24px;font-weight:300;line-height:24px;text-align:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.tnf-tech__nav-description.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.tnf-tech__nav-description p{margin:0}.tnf-tech__nav-description-chevron{display:block;width:60px;height:30px;margin:22px auto 0;animation:tnf-tech-chevron-bob .9s ease-in-out infinite}.tnf-tech__nav-card:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes tnf-tech-chevron-bob{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.tnf-tech__panels{padding-top:30px;padding-bottom:24px}.tnf-tech__frame--panels{display:grid;gap:30px}.tnf-tech__panel{position:relative;display:flex;align-items:stretch;min-height:420px;overflow:hidden;border-top-right-radius:42px;border-bottom-left-radius:42px;background:#d7d7d7;opacity:0;transform:translateY(48px);pointer-events:none;visibility:hidden;transition:opacity .36s ease,transform .36s ease,visibility 0s linear .36s;transition-delay:calc(var(--tnf-tech-panel-index, 0) * 90ms)}.tnf-tech__panel.is-visible,.tnf-tech.is-revealed .tnf-tech__panel.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;transition:opacity .36s ease,transform .36s ease,visibility 0s linear 0s}.tnf-tech__panel[hidden]{display:none!important}.tnf-tech__panel.is-exiting{opacity:0;transform:translateY(32px);pointer-events:none;visibility:hidden;transition-delay:0s}.tnf-tech__panel-picture,.tnf-tech__panel-image{display:block;width:100%;height:100%}.tnf-tech__panel-picture{position:absolute;top:0;right:0;bottom:0;left:0}.tnf-tech__panel-image{object-fit:cover;object-position:center}.tnf-tech__panel-image-overlay{position:absolute;top:0;bottom:0;left:0;right:170px;background:#fff}.tnf-tech__panel-copy-shell{position:relative;z-index:1;display:flex;align-items:center;width:calc(100% - 170px);padding:42px 48px}.tnf-tech__panel-copy-inner{max-width:540px;color:var(--tnf-tech-panel-copy, #000)}.tnf-tech__panel--mobile-copy .tnf-tech__panel-copy-shell{display:none}.tnf-tech__panel-logo{margin-bottom:16px}.tnf-tech__panel-logo-image{display:block;width:auto;max-width:240px;max-height:54px}.tnf-tech__panel-title{margin:0 0 16px;color:var(--tnf-tech-panel-copy, #000);font-size:40px;line-height:.95;font-weight:700;text-transform:uppercase}.tnf-tech__panel-description{font-size:15px;line-height:1.35}.tnf-tech__panel-description p{margin:0}.tnf-tech__panel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.tnf-tech__pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 24px;border-radius:999px;border:1px solid currentColor;color:inherit;background:transparent;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none}.tnf-tech__pill-button--light{color:#fff}.tnf-tech__pill-button--panel{color:var(--tnf-tech-panel-copy, #000)}.tnf-tech__pill-button--muted{background:#00000024}.tnf-tech__panel-rail{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;width:170px;padding:0 12px 0 0;background:transparent;color:var(--tnf-tech-panel-rail-text, #fff)}.tnf-tech__panel-rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tnf-tech-panel-rail-bg, #000);opacity:.6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1}.tnf-tech__panel-features{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:114px;height:100%;padding:18px 0;background:transparent}.tnf-tech__panel-features:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tnf-tech-panel-rail-bg, #000);opacity:.4;border-radius:4px;z-index:-1}.tnf-tech__panel-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center}.tnf-tech__panel-feature-icon-image{display:block;width:72px;height:72px;object-fit:contain}.tnf-tech__panel-feature-label{font-size:10px;line-height:1.15;font-weight:700;text-transform:uppercase}.tnf-tech__panel-rail-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px;line-height:1;font-weight:700;text-transform:uppercase;text-align:center}@media screen and (max-width:989px){.tnf-tech__frame{width:min(1260px,calc(100% - 24px))}.tnf-tech__hero-card,.tnf-tech__hero-overlay,.tnf-tech__hero-spacer{height:262px;min-height:262px}.tnf-tech__hero-image{top:-24%;left:-1.2%;width:102.4%;height:150%}.tnf-tech__nav-track{padding-inline:max(0px,calc(50% - 180px))}.tnf-tech__nav-card{flex-basis:300px;width:300px;height:164px;transform:translateY(10px)}.tnf-tech__nav-card.is-active{flex-basis:360px;width:360px;height:196px}.tnf-tech__nav-title{font-size:24px}.tnf-tech__nav-card:not(.is-active) .tnf-tech__nav-title{font-size:20px}.tnf-tech__panel{min-height:366px}.tnf-tech__panel-copy-shell{width:calc(100% - 146px);padding:28px 32px}.tnf-tech__panel-rail{width:146px}.tnf-tech__panel-image-overlay{right:146px}}@media screen and (max-width:749px){.tnf-tech__frame{width:calc(100% - 24px)}.tnf-tech__titlebar{min-height:61px;padding:24px 12px}.tnf-tech__title{font-size:18px;letter-spacing:.55rem}.tnf-tech__hero{padding-top:12px}.tnf-tech__hero--hide-mobile{display:none}.tnf-tech__hero-card,.tnf-tech__hero-overlay,.tnf-tech__hero-spacer{min-height:200px}.tnf-tech__hero-overlay{padding:18px}.tnf-tech__hero-logo-image{width:min(200px,100%)}.tnf-tech__hero-heading{font-size:24px}.tnf-tech__hero-description{font-size:14px}.tnf-tech__nav-section{padding-top:12px}.tnf-tech__nav-carousel{padding-inline:0}.tnf-tech__nav-track{gap:24px;padding-inline:max(0px,calc(50% - 120px))}.tnf-tech__nav-card{flex-basis:180px;width:180px;height:90px}.tnf-tech__nav-card.is-active{flex-basis:240px;width:240px;height:120px}.tnf-tech__nav-copy{padding:0 18px}.tnf-tech__nav-copy-inner{gap:12px}.tnf-tech__nav-icon-image,.tnf-tech__nav-card:not(.is-active) .tnf-tech__nav-icon-image{width:30px;height:30px}.tnf-tech__nav-title,.tnf-tech__nav-card:not(.is-active) .tnf-tech__nav-title{font-size:12px;line-height:1}.tnf-tech__nav-arrow{top:108px;width:24px;height:24px}.tnf-tech__nav-arrow--prev{left:3px}.tnf-tech__nav-arrow--next{right:3px}.tnf-tech__nav-arrow svg{width:14px;height:14px}.tnf-tech__nav-description{max-width:320px;font-size:9px;line-height:1.35}.tnf-tech__nav-description-list{min-height:54px;margin-top:12px}.tnf-tech__nav-description-chevron{width:32px;height:16px;margin-top:12px}.tnf-tech__panels{padding-top:12px}.tnf-tech__frame--panels{gap:12px}.tnf-tech__panel{min-height:240px;border-radius:12px}.tnf-tech__panel-copy-shell{width:calc(100% - 99px);padding:18px;align-items:flex-start}.tnf-tech__panel--mobile-copy .tnf-tech__panel-copy-shell{display:flex}.tnf-tech__panel-copy-inner{max-width:197px}.tnf-tech__panel-logo{margin-bottom:12px}.tnf-tech__panel-logo-image{max-width:197px;max-height:24px}.tnf-tech__panel-title{margin-bottom:12px;font-size:28px}.tnf-tech__panel-description{font-size:9px;line-height:1.4}.tnf-tech__panel-actions{gap:9px;margin-top:12px}.tnf-tech__pill-button{min-height:30px;padding:8px 18px;font-size:9px}.tnf-tech__panel-rail{gap:8px;width:99px;padding-right:8px}.tnf-tech__panel-image-overlay{right:99px}.tnf-tech__panel-features{gap:6px;width:71px;padding:12px 0}.tnf-tech__panel-feature{gap:4px}.tnf-tech__panel-feature-icon-image{width:48px;height:48px}.tnf-tech__panel-feature-label{font-size:6px}.tnf-tech__panel-rail-title{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tnf-technologies-landing.css.map */