@font-face{font-family:tf3d Roboto Fallback;src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:100.3%;ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%}.tf3d{font-family:Roboto,tf3d Roboto Fallback,sans-serif}.tf3d{--tf3d-ink:#13181c;--tf3d-muted:#4a545c;--tf3d-orange:var(--tf-orange, #e8530e);--tf3d-orange-btn:var(--tf-orange-strong, #cf4208);--tf3d-paper:#f6f7f8;--tf3d-tile-h:92px;--tf3d-tiles-pad:clamp(14px,1.6vw,26px);background:var(--tf3d-paper);color:var(--tf3d-ink);overflow:hidden}.tf3d *,.tf3d *:before,.tf3d *:after{box-sizing:border-box}.tf3d__hero{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:clamp(660px,calc(100svh - 132px),880px);padding-bottom:calc(var(--tf3d-tile-h) + var(--tf3d-tiles-pad) + 24px)}.tf3d .tf3d__wash{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#f6f7f8f7,#f6f7f8ed 27%,#f6f7f89e 40%,#f6f7f81f 54%,#f6f7f800 62%),linear-gradient(0deg,#f6f7f8bf,#f6f7f800 20%)}.tf3d__copy{position:relative;z-index:3;width:min(45%,720px);padding:clamp(30px,5.4vh,84px) 0 0 clamp(24px,4.4vw,72px)}.tf3d__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(16px,1.8vw,28px);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.5;color:#323c43}.tf3d__rule{display:inline-block;width:30px;height:3px;flex:none;background:var(--tf3d-orange)}.tf3d__headline{margin:0;color:var(--tf3d-ink);font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(40px,3.85vw,66px)}.tf3d__accent{color:var(--tf3d-orange)}.tf3d__description{margin:clamp(16px,1.6vw,26px) 0 0;max-width:31em;color:var(--tf3d-muted);font-size:clamp(16px,1.3vw,20px);line-height:1.5}.tf3d__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(22px,2.3vw,34px)}.tf3d__cta{min-height:56px;padding:14px 28px;display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;gap:14px;border-radius:6px;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.tf3d__cta--primary{background:var(--tf3d-orange-btn);border:1px solid var(--tf3d-orange-btn);color:#fff;box-shadow:0 8px 20px #cf420842}.tf3d__cta--primary:hover{background:var(--tf-orange-hover, #b73a07);border-color:var(--tf-orange-hover, #b73a07);color:#fff}.tf3d__cta--secondary{background:#fff;border:1px solid #d3d9dd;color:var(--tf3d-ink);box-shadow:0 2px 10px #141e280f}.tf3d__cta--secondary:hover{border-color:var(--tf3d-ink);color:var(--tf3d-ink)}.tf3d__cta:focus-visible,.tf3d__tile:focus-visible{outline:3px solid #145dc9;outline-offset:2px}.tf3d__benefits{display:flex;flex-wrap:wrap;gap:14px clamp(16px,2vw,34px);margin:clamp(22px,2.2vw,34px) 0 0;padding:0;list-style:none}.tf3d__benefits li{display:flex;align-items:center;gap:12px;margin:0;color:var(--tf3d-orange)}.tf3d__benefits svg{flex:none}.tf3d__benefits span{color:#2a3339;font-size:15.5px;line-height:1.25;max-width:6.6em}.tf3d__tiles{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 clamp(16px,2.8vw,48px) var(--tf3d-tiles-pad)}.tf3d__tiles-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,.9vw,14px);margin:0 auto;padding:0;list-style:none;max-width:1700px}.tf3d__tile-item{margin:0;min-width:0}.tf3d__tile{height:var(--tf3d-tile-h);display:flex;align-items:center;gap:10px;padding:10px clamp(8px,.8vw,14px);background:#fff;color:var(--tf3d-ink);text-decoration:none;border:1px solid rgba(20,30,40,.06);border-radius:12px;box-shadow:0 8px 24px #141e281a;transition:transform .18s ease,box-shadow .18s ease}.tf3d__tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #141e2829;color:var(--tf3d-ink)}.tf3d__tile-media{flex:none;width:clamp(40px,3.1vw,56px);height:clamp(40px,3.1vw,56px);display:grid;place-items:center;color:var(--tf3d-orange)}.tf3d__tile-media img{width:100%;height:100%;object-fit:contain}.tf3d__tile-media svg{width:100%;height:100%}.tf3d__tile-text{min-width:0;display:flex;flex-direction:column;gap:3px}.tf3d__tile-text strong{font-size:clamp(12.5px,.86vw,14.5px);font-weight:700;line-height:1.15}.tf3d__tile-text span{color:#5a656c;font-size:clamp(11px,.74vw,12.5px);line-height:1.2;white-space:nowrap}.tf3d__tile-chev{flex:none;width:14px;height:14px;margin-left:auto;color:#59636a}@media(max-width:1759px)and (min-width:1280px){.tf3d__tile-chev{display:none}}@media(max-width:1759px){.tf3d__tile-text span{white-space:normal}}@media(max-width:1279px){.tf3d{--tf3d-tile-h:68px;background:#fff}.tf3d__hero{min-height:0;padding-bottom:0;background:linear-gradient(180deg,#fff 0%,var(--tf3d-paper) 100%)}.tf3d .tf3d__wash{display:none}.tf3d__copy{display:contents}.tf3d__eyebrow{order:1;margin:22px 16px 12px;font-size:10.5px;letter-spacing:.14em;gap:10px}.tf3d__rule{width:22px}.tf3d__headline{order:2;margin:0 16px;font-size:clamp(31px,8.6vw,44px);line-height:1.04}.tf3d__description{order:3;margin:12px 16px 0;font-size:15.5px;line-height:1.48}.tf3d__ctas{order:4;margin:18px 16px 0;gap:10px;flex-wrap:nowrap}.tf3d__cta{flex:1 1 0;min-width:0;min-height:50px;padding:12px 10px;gap:8px;font-size:15px}.tf3d__cta svg{width:16px;height:16px}.tf3d__benefits{order:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 16px 0}.tf3d__benefits li{flex-direction:column;align-items:flex-start;gap:6px}.tf3d__benefits svg{width:28px;height:28px}.tf3d__benefits span{font-size:13.5px;max-width:none}.tf3d__tiles{order:8;position:relative;padding:18px 16px 24px}.tf3d__tiles-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tf3d__tile{gap:8px;padding:8px 10px;border-radius:10px;box-shadow:0 4px 14px #141e2814}.tf3d__tile-media{width:46px;height:46px}.tf3d__tile-chev{display:none}.tf3d__tile-text strong{font-size:14px}.tf3d__tile-text span{font-size:12px}}@media(min-width:800px)and (max-width:1279px){.tf3d{--tf3d-tile-h:76px}.tf3d__eyebrow{margin:36px clamp(24px,5vw,56px) 16px;font-size:12px}.tf3d__headline{margin:0 clamp(24px,5vw,56px);font-size:clamp(42px,5.4vw,60px);max-width:15em}.tf3d__description{margin:16px clamp(24px,5vw,56px) 0;font-size:18px;max-width:34em}.tf3d__ctas{margin:24px clamp(24px,5vw,56px) 0}.tf3d__cta{flex:0 0 auto;min-height:54px;padding:14px 28px;font-size:16.5px}.tf3d__benefits{margin:24px auto 0;width:min(100% - 2 * clamp(24px,5vw,56px),720px)}.tf3d__benefits li{flex-direction:row;align-items:center;gap:10px}.tf3d__benefits span{font-size:15px}.tf3d__tiles{padding:24px clamp(24px,5vw,56px) 32px}.tf3d__tiles-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media(max-width:359px){.tf3d__ctas{flex-wrap:wrap}.tf3d__cta{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.tf3d__cta,.tf3d__tile{transition:none}.tf3d__tile:hover{transform:none}}.tf3d--photo .tf3d__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3}.tf3d--photo .tf3d__photo,.tf3d--photo .tf3d__photo-img{display:block;width:100%;height:100%}.tf3d--photo .tf3d__photo-img{object-fit:cover;object-position:100% 42%}.tf3d__photo-note{position:absolute;z-index:4;right:clamp(16px,3.2vw,56px);top:clamp(18px,2.6vw,40px);margin:0;padding:3px 10px;border-radius:999px;background:#ffffffd1;color:#3a444b;font-size:12px;line-height:1.35;white-space:nowrap}@media(min-width:1280px){.tf3d--photo .tf3d__tiles{padding-right:calc(clamp(16px,2.8vw,48px) + 104px)}}@media(max-width:1279px){.tf3d--photo .tf3d__media{order:5;position:relative;inset:auto;z-index:0;width:100%;margin-top:16px}.tf3d--photo .tf3d__photo,.tf3d--photo .tf3d__photo-img{height:auto;aspect-ratio:1024 / 981}.tf3d--photo .tf3d__photo-img{object-fit:cover;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%);mask-image:linear-gradient(180deg,transparent 0,#000 9%)}.tf3d__photo-note{top:12px;right:12px;font-size:11.5px}}@media(min-width:800px)and (max-width:1279px){.tf3d--photo .tf3d__media{width:min(100% - 2 * clamp(24px,5vw,56px),920px);margin:24px auto 0;border-radius:18px;overflow:hidden}.tf3d--photo .tf3d__photo,.tf3d--photo .tf3d__photo-img{aspect-ratio:16 / 10}.tf3d--photo .tf3d__photo-img{object-position:88% 50%;-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/tf-3d-experience.css.map */