.tech{--feature-timing: .4s;--drawer-timing: .4s;color:var(--brand-light-gray);background:var(--brand-black);padding-block:40px}.tech__eyebrow{display:block;margin-bottom:8px;font-family:var(--font-body);font-size:11px;font-weight:500;font-style:normal;line-height:normal;letter-spacing:.55px;text-transform:uppercase;color:var(--brand-light-gray-40)}.tech__title{margin:0}.tech__title .fx-clip{height:28px}.tech__title-line{display:block;font-family:var(--font-heading);font-size:24px;font-weight:400;font-style:normal;line-height:26px;letter-spacing:-.48px;text-transform:uppercase;color:var(--brand-light-gray)}.tech__features{display:grid;margin-top:96px;gap:48px;grid-template-columns:1fr}.tech__feature-media{margin:0;order:-1}.tech__feature-hero{display:block;width:100%;height:calc((100vw - 40px)*.47);object-fit:contain;opacity:1;transition:opacity var(--feature-timing) var(--cubic)}.tech__feature-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.tech__feature-btn{display:inline-flex;padding:0;align-items:center;gap:8px;text-align:left;color:inherit}.tech__feature-text{font-family:var(--font-body);font-size:12px;letter-spacing:.6px;opacity:0;transition:opacity var(--feature-timing) var(--cubic),transform var(--feature-timing) var(--cubic)}.tech__feature-list:hover .tech__feature-text,.tech__feature-list:focus-visible .tech__feature-text,.tech__feature-btn:focus-visible .tech__feature-text{opacity:.4;transform:translate(0)}.tech__feature-btn:hover .tech__feature-text,.tech__feature-btn.is-active .tech__feature-text{opacity:1;transform:translate(0)}.tech__bullet.is-mobile{display:inline-block}.tech__bullet.is-desktop{display:none}.tech__bullet-sq{opacity:.4;transition:opacity var(--feature-timing) var(--cubic)}.tech__bullet-sq [data-fill]{opacity:0;transition:opacity var(--feature-timing) var(--cubic)}.tech__feature-btn.is-active .tech__bullet-sq,.tech__feature-btn:hover .tech__bullet-sq,.tech__feature-btn:focus-visible .tech__bullet-sq{opacity:1}.tech__feature-btn.is-active .tech__bullet-sq [data-fill],.tech__feature-btn:hover .tech__bullet-sq [data-fill],.tech__feature-btn:focus-visible .tech__bullet-sq [data-fill]{opacity:1}.tech__bullet-line{opacity:.4;transform:scaleX(.5);transform-origin:left center;transition:transform var(--feature-timing) var(--cubic),opacity var(--feature-timing) var(--cubic)}.tech__feature-btn.is-active .tech__bullet-line,.tech__feature-btn:hover .tech__bullet-line,.tech__feature-btn:focus-visible .tech__bullet-line{opacity:1;transform:scaleX(1)}.tech__carousel{margin-top:80px}.tech__banner{position:relative;overflow:hidden;height:calc((100vw - 80px)/2);min-height:240px;margin-bottom:24px;padding:24px;background:var(--brand-black)}.tech__banner:hover{cursor:pointer}.tech__banner-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.tech__banner-grid{position:relative;z-index:1;display:grid;height:100%;grid-template-columns:13fr 12fr}.tech__banner-header{display:flex;align-items:center}.tech__banner-title{margin:0 10px 0 0;font-family:var(--font-heading);font-size:28px;font-weight:400;font-style:normal;line-height:30px;letter-spacing:-.56px;color:var(--brand-black)}.tech__banner-body{margin:10px 0 0;font-family:var(--font-body);font-size:15px;font-weight:500;font-style:normal;line-height:normal;color:var(--brand-black);opacity:.6}.tech__track{display:flex;overflow-x:auto;gap:24px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.tech__track::-webkit-scrollbar{width:0;height:0}.tech__card{width:70vw;flex:0 0 auto}.tech__card:hover{cursor:pointer}.tech__card-img{display:block;width:100%;height:65.8vw;object-fit:cover}.tech__card-title{display:inline-flex;margin-top:16px;align-items:center;gap:10px;font-family:var(--font-heading);font-size:18px;font-weight:500;font-style:normal;line-height:100%;letter-spacing:-.9px;color:var(--brand-light-gray)}.tech__nav{display:flex;margin-top:40px;align-items:center;gap:32px}.tech__arrows{display:none;gap:4px}.tech__arrow-btn{display:grid;width:36px;height:36px;place-items:center;color:var(--brand-light-gray)}.tech__scrollbar{position:relative;height:4px;flex:1 1 auto;background:#ffffff26}.tech__scrollbar-bar{position:absolute;top:0;left:0;width:90px;height:4px;background:var(--brand-light-gray);transform:translate(0)}.tech__overlay{z-index:80;background:#0000007f;transition:opacity var(--drawer-timing) var(--cubic)}.tech__overlay.is-open{opacity:1;pointer-events:auto}.tech__drawer{position:fixed;top:0;right:0;z-index:2000;width:min(640px,90vw);height:100vh;padding:64px 40px;color:var(--brand-light-gray);background:var(--brand-black);transform:translate(100%);transition:transform var(--drawer-timing) var(--cubic)}.tech__drawer.is-open{transform:translate(0)}.tech__drawer-close{position:absolute;top:0;right:0;margin:0;padding:16px}.tech__drawer-eyebrow{display:block;margin-bottom:19px;font-family:var(--font-body);font-size:13px;font-weight:500;font-style:normal;line-height:normal;letter-spacing:.65px;text-transform:uppercase;color:var(--brand-light-gray);opacity:.4}.tech__drawer-title{margin:0 0 10px;font-family:var(--font-heading);font-size:18px;font-weight:500;font-style:normal;line-height:100%;letter-spacing:-.9px;color:var(--brand-light-gray)}.tech__drawer-text{margin:0 0 21px;font-family:var(--font-body);font-size:13px;font-weight:500;font-style:normal;line-height:normal;opacity:.6!important}.tech__drawer-img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}:root{--accordion-timing: .6s}.tech__drawer-acc{display:grid;gap:19px}.tech__drawer-head{display:flex;margin-bottom:12px;padding:0;align-items:center;justify-content:space-between;gap:12px;color:inherit}.tech__drawer-index,.tech__drawer-title--h{margin:0;font-family:var(--font-heading);font-size:24px;letter-spacing:-1.2px;opacity:.2;transition:opacity var(--accordion-timing) var(--cubic)}.tech__drawer-item.is-open .tech__drawer-index,.tech__drawer-item.is-open .tech__drawer-title--h{opacity:1}.tech__drawer-panel{isolation:auto;overflow:hidden;max-height:0;background:transparent;transition:max-height var(--accordion-timing) var(--cubic)}.tech__drawer-img img{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0);will-change:transform,opacity}.tech__drawer-panel-inner>:not(.tech__drawer-img){opacity:0;transition:opacity .2s var(--cubic)}.tech__drawer-item.is-open .tech__drawer-panel-inner>:not(.tech__drawer-img){opacity:1}html.is-tech-drawer-open{overflow:hidden}@media (width >= 1024px){.tech__eyebrow{margin-bottom:16px;font-size:13px;letter-spacing:.65px}.tech__title .fx-clip{height:44px}.tech__title-line{font-size:40px;line-height:42px;letter-spacing:-.8px}.tech__features{margin-top:128px;align-items:center;gap:16px;grid-template-columns:1.67fr 2.1fr}.tech__feature-media{order:2}.tech__feature-hero{height:28.012vw}.tech__feature-list{margin-right:auto;padding-right:20px;gap:8px;cursor:pointer;padding-block:20px}.tech__bullet.is-mobile{display:none}.tech__bullet.is-desktop{display:flex}.tech__feature-text{font-size:13px;letter-spacing:.65px;transform:translate(-8px)}.tech__carousel{width:100%;margin:128px 0}.tech__banner{display:block;margin:0 40px 24px}.tech__banner-grid{grid-template-columns:1fr 2fr}.tech__cards--desk{display:block;padding-left:40px}.tech__track{gap:32px}.tech__card{width:calc((100vw - 144px) / 3)}.tech__card-title{font-size:24px;font-weight:400;line-height:26px;letter-spacing:-.48px}.tech__card-img{height:calc(29.6vw * .94)}.tech__nav{margin-top:56px}.tech__arrows{display:inline-flex}.tech__drawer-title{font-size:24px;font-weight:400;line-height:26px;letter-spacing:-.48px}.tech__drawer-text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-technology.css.map */