{"id":15847,"date":"2026-07-16T18:17:39","date_gmt":"2026-07-16T10:17:39","guid":{"rendered":"https:\/\/terzolubricant.com\/?page_id=15847"},"modified":"2026-07-17T10:52:14","modified_gmt":"2026-07-17T02:52:14","slug":"terzo-motorsport","status":"publish","type":"page","link":"https:\/\/terzooil.com\/pt\/about-us\/terzo-motorsport\/","title":{"rendered":"TERZO Motorsport"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15847\" class=\"elementor elementor-15847\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c54d314 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c54d314\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0df33 elementor-widget elementor-widget-html\" data-id=\"2d0df33\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  TERZO MOTORSPORT \u2014 MODULE 00\r\n  GLOBAL STYLES + HERO\r\n\r\n  Paste this file into the FIRST Elementor HTML widget.\r\n  Keep all later modules in the same page and in numeric order.\r\n  Parent container: Full Width \/ Padding 0 \/ Margin 0 \/ Gap 0.\r\n-->\r\n\r\n<style>\r\n\/* =========================================================\r\n   TERZO MOTORSPORT \u2014 SHARED DESIGN SYSTEM\r\n========================================================= *\/\r\n.tmx-hero,\r\n.tmx-panel,\r\n.tmx-lightbox {\r\n  --tmx-red: #df2153;\r\n  --tmx-red-hot: #f12d61;\r\n  --tmx-black: #05070b;\r\n  --tmx-black-soft: #0b0f16;\r\n  --tmx-blue: #071f45;\r\n  --tmx-paper: #f3f5f7;\r\n  --tmx-white: #ffffff;\r\n  --tmx-copy: #56616d;\r\n  --tmx-line: rgba(255, 255, 255, 0.15);\r\n  --tmx-max: 1540px;\r\n  --tmx-pad: clamp(22px, 4.7vw, 76px);\r\n  --tmx-panel-h: clamp(\r\n    560px,\r\n    calc(100svh - var(--tmx-sticky-offset, 0px)),\r\n    760px\r\n  );\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: none;\r\n  margin: 0;\r\n  color: var(--tmx-white);\r\n  font-family: Arial, \"Microsoft YaHei\", Helvetica, sans-serif;\r\n  text-rendering: optimizeLegibility;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox),\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) h1,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) h2,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) h3,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) p,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) figure,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) dl,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) dd {\r\n  margin: 0;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) a {\r\n  color: inherit;\r\n  font: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) button {\r\n  color: inherit;\r\n  font: inherit;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) img,\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) svg {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n\r\n:where(.tmx-hero, .tmx-panel, .tmx-lightbox) :focus-visible {\r\n  outline: 3px solid #ffffff;\r\n  outline-offset: 4px;\r\n}\r\n\r\n.tmx-shell {\r\n  width: min(var(--tmx-max), calc(100% - (var(--tmx-pad) * 2)));\r\n  margin-inline: auto;\r\n}\r\n\r\n.tmx-wordmark {\r\n  color: var(--tmx-red);\r\n  font-family: \"BITSUMISHI\", \"LogoSC Unbounded Sans\", Arial, sans-serif;\r\n  font-weight: 400;\r\n  letter-spacing: 0.035em;\r\n}\r\n\r\n.tmx-brand-accent {\r\n  color: var(--tmx-red) !important;\r\n  font-weight: 900;\r\n}\r\n\r\n.tmx-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 14px !important;\r\n  color: var(--tmx-red);\r\n  font-size: clamp(10px, 0.75vw, 12px);\r\n  font-weight: 900;\r\n  line-height: 1.3;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-kicker::before {\r\n  width: 28px;\r\n  height: 2px;\r\n  background: currentColor;\r\n  content: \"\";\r\n}\r\n\r\n.tmx-title {\r\n  max-width: 760px;\r\n  color: inherit;\r\n  font-size: clamp(34px, 3.5vw, 54px);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.045em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-copy {\r\n  color: inherit;\r\n  font-size: clamp(15px, 1.08vw, 18px);\r\n  line-height: 1.62;\r\n}\r\n\r\n.tmx-button {\r\n  display: inline-flex;\r\n  min-height: 46px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  padding: 11px 18px;\r\n  border: 1px solid transparent;\r\n  color: #ffffff !important;\r\n  background: var(--tmx-red);\r\n  font-size: 10px !important;\r\n  font-weight: 900;\r\n  line-height: 1.2;\r\n  letter-spacing: 0.1em;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  transition: background 0.25s ease, border-color 0.25s ease;\r\n}\r\n\r\n.tmx-button::after {\r\n  flex: 0 0 auto;\r\n  width: 13px;\r\n  height: 7px;\r\n  border-right: 2px solid currentColor;\r\n  border-bottom: 2px solid currentColor;\r\n  content: \"\";\r\n  transform: skewX(-28deg) rotate(-45deg);\r\n}\r\n\r\n.tmx-button:hover,\r\n.tmx-button:focus-visible {\r\n  color: #ffffff !important;\r\n  background: var(--tmx-red-hot);\r\n}\r\n\r\n.tmx-button--ghost {\r\n  border-color: rgba(255, 255, 255, 0.46);\r\n  background: rgba(5, 7, 11, 0.32);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.tmx-button--ghost:hover,\r\n.tmx-button--ghost:focus-visible {\r\n  border-color: #ffffff;\r\n  background: rgba(5, 7, 11, 0.68);\r\n}\r\n\r\n.tmx-panel {\r\n  display: grid;\r\n  min-height: var(--tmx-panel-h);\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding-block: clamp(38px, 5.5vh, 66px);\r\n  scroll-margin-top: var(--tmx-sticky-offset, 0px);\r\n}\r\n\r\n.tmx-sr-only {\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  padding: 0 !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  clip: rect(0, 0, 0, 0) !important;\r\n  white-space: nowrap !important;\r\n  border: 0 !important;\r\n}\r\n\r\n.tmx-sr-only:focus {\r\n  z-index: 99999;\r\n  top: 10px;\r\n  left: 10px;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  padding: 10px 14px !important;\r\n  margin: 0 !important;\r\n  overflow: visible !important;\r\n  clip: auto !important;\r\n  color: #ffffff;\r\n  background: var(--tmx-red);\r\n  white-space: normal !important;\r\n}\r\n\r\n\/* =========================================================\r\n   WORDPRESS \/ ELEMENTOR FULL-WIDTH RESET\r\n========================================================= *\/\r\nbody:has(.tmx-hero) {\r\n  overflow-x: clip;\r\n}\r\n\r\nbody:has(.tmx-hero) #content,\r\nbody:has(.tmx-hero) #primary,\r\nbody:has(.tmx-hero) .site-content,\r\nbody:has(.tmx-hero) .site-main,\r\nbody:has(.tmx-hero) .elementor-location-single {\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\nbody:has(.tmx-hero) main:has(.tmx-hero),\r\nbody:has(.tmx-hero) article:has(.tmx-hero),\r\nbody:has(.tmx-hero) .entry-content:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-section-wrap:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-location-header {\r\n  margin-bottom: 0 !important;\r\n  margin-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\nbody:has(.tmx-hero) main:has(.tmx-hero) > .page-header,\r\nbody:has(.tmx-hero) article:has(.tmx-hero) > .entry-header {\r\n  display: none !important;\r\n}\r\n\r\nbody:has(.tmx-hero) .e-con:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-section:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-container:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-widget-html:has(.tmx-hero),\r\nbody:has(.tmx-hero) .elementor-widget-html:has(.tmx-hero) > .elementor-widget-container {\r\n  overflow: visible !important;\r\n}\r\n\r\nbody:has(.tmx-hero) .elementor-widget-spacer:has(+ .elementor-widget-html:has(.tmx-hero)) {\r\n  display: none !important;\r\n}\r\n\r\nbody:has(.tmx-hero) .e-con:has(.tmx-module),\r\nbody:has(.tmx-hero) .elementor-widget-html:has(.tmx-module) {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n  --gap: 0px !important;\r\n  --row-gap: 0px !important;\r\n  --column-gap: 0px !important;\r\n}\r\n\r\nbody:has(.tmx-hero) .e-con:has(.tmx-module) > .e-con-inner,\r\nbody:has(.tmx-hero) .elementor-widget-html:has(.tmx-module) > .elementor-widget-container {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   SHARED FULL-IMAGE FRAME\r\n   Blurred cover behind + complete foreground image.\r\n========================================================= *\/\r\n.tmx-full-media {\r\n  --tmx-media-image: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--tmx-black);\r\n}\r\n\r\n.tmx-full-media::before {\r\n  position: absolute;\r\n  inset: -22px;\r\n  background:\r\n    linear-gradient(rgba(5, 7, 11, 0.32), rgba(5, 7, 11, 0.32)),\r\n    var(--tmx-media-image) center \/ cover no-repeat;\r\n  content: \"\";\r\n  filter: blur(18px);\r\n  opacity: 0.76;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.tmx-full-media::after {\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n  content: \"\";\r\n  pointer-events: none;\r\n}\r\n\r\n.tmx-full-media > img {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n.tmx-hero {\r\n  isolation: isolate;\r\n  display: grid;\r\n  height: clamp(\r\n    520px,\r\n    calc(100svh - var(--tmx-header-height, 64px)),\r\n    720px\r\n  );\r\n  min-height: 520px;\r\n  align-items: center;\r\n  margin-top: calc(-1 * var(--tmx-gap-fix, 0px));\r\n  margin-bottom: 0;\r\n  overflow: hidden;\r\n  background: var(--tmx-black);\r\n}\r\n\r\n.tmx-hero__media,\r\n.tmx-hero__overlay,\r\n.tmx-hero__speed {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.tmx-hero__media {\r\n  z-index: -4;\r\n}\r\n\r\n.tmx-hero__media picture,\r\n.tmx-hero__media img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.tmx-hero__media img {\r\n  object-fit: cover;\r\n  object-position: 56% 54%;\r\n  filter: saturate(0.96) contrast(1.05);\r\n  transform: scale(1.02);\r\n  animation: tmx-camera-push 11s ease-out both;\r\n}\r\n\r\n.tmx-hero__overlay {\r\n  z-index: -3;\r\n  background: rgba(0, 0, 0, 0.55);\r\n}\r\n\r\n.tmx-hero__speed {\r\n  z-index: -2;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(\r\n      105deg,\r\n      transparent 0 17%,\r\n      rgba(223, 33, 83, 0.44) 17.1% 17.7%,\r\n      transparent 17.8% 100%\r\n    ),\r\n    repeating-linear-gradient(\r\n      105deg,\r\n      transparent 0 86px,\r\n      rgba(255, 255, 255, 0.04) 87px 88px\r\n    );\r\n}\r\n\r\n.tmx-hero__inner {\r\n  display: flex;\r\n  width: min(var(--tmx-max), calc(100% - (var(--tmx-pad) * 2)));\r\n  height: 100%;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  margin-inline: auto;\r\n  padding-block: clamp(34px, 5vh, 58px);\r\n}\r\n\r\n.tmx-hero__content {\r\n  position: relative;\r\n  width: min(720px, 58%);\r\n  min-width: 0;\r\n  text-align: left;\r\n}\r\n\r\n.tmx-hero__eyebrow {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: center;\r\n  gap: 11px;\r\n  margin-bottom: 18px;\r\n  color: #ffffff;\r\n  text-transform: uppercase;\r\n  animation: tmx-hero-rise 0.58s 0.08s both;\r\n}\r\n\r\n.tmx-hero__wordmark {\r\n  flex: 0 0 auto;\r\n  color: var(--tmx-red);\r\n  font-family: \"BITSUMISHI\", \"LogoSC Unbounded Sans\", Arial, sans-serif;\r\n  font-size: clamp(24px, 1.9vw, 31px);\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: 0.035em;\r\n}\r\n\r\n.tmx-hero__divider {\r\n  flex: 0 0 auto;\r\n  width: 1px;\r\n  height: 21px;\r\n  background: rgba(255, 255, 255, 0.52);\r\n  transform: skewX(-16deg);\r\n}\r\n\r\n.tmx-hero__tagline {\r\n  min-width: 0;\r\n  font-size: clamp(9px, 0.7vw, 11px);\r\n  font-weight: 900;\r\n  line-height: 1.35;\r\n  letter-spacing: 0.13em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tmx-hero__title {\r\n  max-width: 100%;\r\n  overflow: visible;\r\n  color: #ffffff;\r\n  font-size: clamp(52px, 5vw, 82px);\r\n  font-weight: 900;\r\n  line-height: 0.92;\r\n  letter-spacing: -0.055em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-hero__title span {\r\n  display: block;\r\n  max-width: 100%;\r\n  animation: tmx-hero-rise 0.68s 0.13s both;\r\n}\r\n\r\n.tmx-hero__title span:last-child {\r\n  color: transparent;\r\n  -webkit-text-stroke: 1.4px rgba(255, 255, 255, 0.9);\r\n  text-stroke: 1.4px rgba(255, 255, 255, 0.9);\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.tmx-hero__copy {\r\n  max-width: 650px;\r\n  margin-top: 19px !important;\r\n  color: rgba(255, 255, 255, 0.78);\r\n  font-size: clamp(15px, 1.08vw, 18px);\r\n  line-height: 1.6;\r\n  animation: tmx-hero-rise 0.62s 0.28s both;\r\n}\r\n\r\n.tmx-hero__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n  animation: tmx-hero-rise 0.62s 0.36s both;\r\n}\r\n\r\n@keyframes tmx-camera-push {\r\n  from { transform: scale(1.065); }\r\n  to { transform: scale(1.02); }\r\n}\r\n\r\n@keyframes tmx-hero-rise {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   OVERVIEW\r\n========================================================= *\/\r\n.tmx-overview {\r\n  color: var(--tmx-blue);\r\n  background:\r\n    linear-gradient(135deg, transparent 0 77%, rgba(223, 33, 83, 0.06) 77.1% 100%),\r\n    var(--tmx-paper);\r\n}\r\n\r\n.tmx-overview__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\r\n  align-items: center;\r\n  gap: clamp(34px, 5vw, 78px);\r\n}\r\n\r\n.tmx-overview .tmx-copy {\r\n  max-width: 620px;\r\n  margin-top: 18px !important;\r\n  color: var(--tmx-copy);\r\n}\r\n\r\n.tmx-overview__quote {\r\n  max-width: 580px;\r\n  margin-top: 18px !important;\r\n  padding-left: 15px;\r\n  border-left: 3px solid var(--tmx-red);\r\n  color: var(--tmx-blue);\r\n  font-size: clamp(14px, 1vw, 16px);\r\n  font-weight: 800;\r\n  line-height: 1.45;\r\n}\r\n\r\n.tmx-overview__signals {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1px;\r\n  margin-top: 22px;\r\n  background: rgba(7, 31, 69, 0.14);\r\n}\r\n\r\n.tmx-overview__signal {\r\n  min-height: 72px;\r\n  padding: 13px;\r\n  background: var(--tmx-paper);\r\n}\r\n\r\n.tmx-overview__signal small {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: var(--tmx-red);\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.tmx-overview__signal strong {\r\n  color: var(--tmx-blue);\r\n  font-size: clamp(13px, 1vw, 16px);\r\n  line-height: 1.2;\r\n}\r\n\r\n.tmx-overview__visual {\r\n  position: relative;\r\n  height: clamp(320px, 40vw, 500px);\r\n  overflow: hidden;\r\n  background: var(--tmx-black);\r\n  clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);\r\n}\r\n\r\n.tmx-overview-carousel__viewport,\r\n.tmx-overview-carousel__track,\r\n.tmx-overview-carousel__slide {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.tmx-overview-carousel__viewport {\r\n  overflow: hidden;\r\n}\r\n\r\n.tmx-overview-carousel__track {\r\n  display: flex;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: transform 0.6s cubic-bezier(0.2, 0.72, 0.2, 1);\r\n  will-change: transform;\r\n}\r\n\r\n.tmx-overview-carousel__slide {\r\n  flex: 0 0 100%;\r\n  min-width: 100%;\r\n}\r\n\r\n.tmx-overview__visual-caption {\r\n  position: absolute;\r\n  z-index: 3;\r\n  bottom: 18px;\r\n  left: 8%;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  max-width: 62%;\r\n  padding: 8px 11px;\r\n  color: #090b0e;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);\r\n  backdrop-filter: blur(8px);\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-overview__visual-caption::before {\r\n  flex: 0 0 auto;\r\n  width: 22px;\r\n  height: 2px;\r\n  background: var(--tmx-red);\r\n  content: \"\";\r\n}\r\n\r\n.tmx-overview-carousel__arrow {\r\n  position: absolute;\r\n  z-index: 5;\r\n  top: 50%;\r\n  display: grid;\r\n  width: 40px;\r\n  height: 40px;\r\n  padding: 0;\r\n  border: 1px solid rgba(9, 11, 14, 0.18);\r\n  place-items: center;\r\n  color: #090b0e !important;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);\r\n  font-size: 25px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  transform: translateY(-50%);\r\n  transition: background 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.tmx-overview-carousel__arrow:hover,\r\n.tmx-overview-carousel__arrow:focus-visible {\r\n  color: #ffffff !important;\r\n  background: var(--tmx-red);\r\n}\r\n\r\n.tmx-overview-carousel__arrow--prev {\r\n  left: 7%;\r\n}\r\n\r\n.tmx-overview-carousel__arrow--next {\r\n  right: 7%;\r\n}\r\n\r\n.tmx-overview-carousel__nav {\r\n  position: absolute;\r\n  z-index: 5;\r\n  right: 8%;\r\n  bottom: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 7px 9px;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.tmx-overview-carousel__toggle,\r\n.tmx-overview-carousel__dot {\r\n  flex: 0 0 auto;\r\n  padding: 0;\r\n  border: 0;\r\n  color: #090b0e !important;\r\n  background: transparent;\r\n  cursor: pointer;\r\n}\r\n\r\n.tmx-overview-carousel__toggle {\r\n  display: grid;\r\n  width: 18px;\r\n  height: 18px;\r\n  place-items: center;\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n}\r\n\r\n.tmx-overview-carousel__toggle[hidden] {\r\n  display: none;\r\n}\r\n\r\n.tmx-overview-carousel__dots {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.tmx-overview-carousel__dot {\r\n  width: 19px;\r\n  height: 3px;\r\n  background: rgba(9, 11, 14, 0.32);\r\n}\r\n\r\n.tmx-overview-carousel__dot[aria-current=\"true\"] {\r\n  background: var(--tmx-red);\r\n}\r\n\r\n\/* =========================================================\r\n   ON TRACK + RACE FLOW\r\n========================================================= *\/\r\n.tmx-track {\r\n  color: #ffffff;\r\n  background: var(--tmx-black);\r\n}\r\n\r\n.tmx-track__media,\r\n.tmx-track__shade {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.tmx-track__media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: 56% center;\r\n}\r\n\r\n.tmx-track__shade {\r\n  background:\r\n    linear-gradient(90deg, rgba(3, 5, 9, 0.94), rgba(3, 5, 9, 0.5) 64%, rgba(3, 5, 9, 0.28)),\r\n    linear-gradient(0deg, rgba(3, 5, 9, 0.96), rgba(3, 5, 9, 0.15) 68%);\r\n}\r\n\r\n.tmx-track__content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.tmx-track__head {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.72fr);\r\n  align-items: end;\r\n  gap: clamp(26px, 5vw, 72px);\r\n}\r\n\r\n.tmx-track__head .tmx-copy {\r\n  max-width: 560px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.tmx-track__cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 10px;\r\n  margin-top: clamp(24px, 4vh, 38px);\r\n}\r\n\r\n.tmx-track__card {\r\n  position: relative;\r\n  min-height: 128px;\r\n  padding: 18px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.18);\r\n  background: rgba(5, 7, 11, 0.58);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.tmx-track__card::before {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 50px;\r\n  height: 3px;\r\n  background: var(--tmx-red);\r\n  content: \"\";\r\n}\r\n\r\n.tmx-track__card small {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  color: var(--tmx-red);\r\n  font-size: 9px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.13em;\r\n}\r\n\r\n.tmx-track__card h3 {\r\n  color: #ffffff;\r\n  font-size: clamp(16px, 1.3vw, 20px);\r\n  line-height: 1.15;\r\n}\r\n\r\n.tmx-track__card p {\r\n  margin-top: 7px !important;\r\n  color: rgba(255, 255, 255, 0.68);\r\n  font-size: 12px;\r\n  line-height: 1.42;\r\n}\r\n\r\n.tmx-flow {\r\n  display: grid;\r\n  grid-template-columns: 150px repeat(4, 1fr);\r\n  align-items: stretch;\r\n  gap: 1px;\r\n  margin-top: 16px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.tmx-flow__label,\r\n.tmx-flow__step {\r\n  min-height: 66px;\r\n  padding: 11px 13px;\r\n  background: rgba(5, 7, 11, 0.78);\r\n}\r\n\r\n.tmx-flow__label {\r\n  display: grid;\r\n  align-content: center;\r\n  color: var(--tmx-red);\r\n  font-size: 9px;\r\n  font-weight: 900;\r\n  line-height: 1.35;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-flow__step {\r\n  position: relative;\r\n}\r\n\r\n.tmx-flow__step small {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--tmx-red);\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n.tmx-flow__step strong {\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  line-height: 1.25;\r\n}\r\n\r\n\/* =========================================================\r\n   ENGINEERING\r\n========================================================= *\/\r\n.tmx-engineering {\r\n  color: var(--tmx-blue);\r\n  background: #ffffff;\r\n}\r\n\r\n.tmx-engineering__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\r\n  align-items: center;\r\n  gap: clamp(36px, 5vw, 82px);\r\n}\r\n\r\n.tmx-engineering__visual {\r\n  height: clamp(310px, 39vw, 490px);\r\n}\r\n\r\n.tmx-engineering__visual::after {\r\n  border-color: rgba(7, 31, 69, 0.14);\r\n}\r\n\r\n.tmx-engineering__visual figcaption {\r\n  position: absolute;\r\n  z-index: 2;\r\n  right: 0;\r\n  bottom: 0;\r\n  max-width: 340px;\r\n  padding: 12px 15px;\r\n  color: #ffffff;\r\n  background: rgba(7, 31, 69, 0.9);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.42;\r\n}\r\n\r\n.tmx-engineering .tmx-copy {\r\n  max-width: 600px;\r\n  margin-top: 17px !important;\r\n  color: var(--tmx-copy);\r\n}\r\n\r\n.tmx-engineering__list {\r\n  display: grid;\r\n  margin-top: 20px;\r\n  border-top: 1px solid #d8dde4;\r\n}\r\n\r\n.tmx-engineering__item {\r\n  display: grid;\r\n  grid-template-columns: 28px 138px 1fr;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid #d8dde4;\r\n}\r\n\r\n.tmx-engineering__item span {\r\n  color: var(--tmx-red);\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n}\r\n\r\n.tmx-engineering__item h3 {\r\n  color: var(--tmx-blue);\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.tmx-engineering__item p {\r\n  color: #697480;\r\n  font-size: 12px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.tmx-engineering__note {\r\n  margin-top: 12px !important;\r\n  color: #7b8590;\r\n  font-size: 10px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* =========================================================\r\n   TEAM\r\n========================================================= *\/\r\n.tmx-team {\r\n  color: #ffffff;\r\n  background:\r\n    linear-gradient(112deg, var(--tmx-black) 0 63%, var(--tmx-blue) 63.1% 100%);\r\n}\r\n\r\n.tmx-team__grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);\r\n  align-items: center;\r\n  gap: clamp(36px, 5vw, 78px);\r\n}\r\n\r\n.tmx-team__visual {\r\n  position: relative;\r\n  height: clamp(330px, 40vw, 490px);\r\n}\r\n\r\n.tmx-team__portrait {\r\n  width: 83%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);\r\n  background: var(--tmx-blue);\r\n}\r\n\r\n.tmx-team__portrait img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.tmx-team__moment {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 24px;\r\n  width: 42%;\r\n  aspect-ratio: 4 \/ 3;\r\n  border: 4px solid var(--tmx-black);\r\n  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.tmx-team__content .tmx-copy {\r\n  max-width: 650px;\r\n  margin-top: 17px !important;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.tmx-team__roles {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1px;\r\n  margin-top: 21px;\r\n  background: rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n.tmx-team__role {\r\n  padding: 13px;\r\n  background: var(--tmx-black);\r\n}\r\n\r\n.tmx-team__role small {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: var(--tmx-red);\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-team__role strong {\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.tmx-team__reference {\r\n  margin-top: 15px !important;\r\n  padding-left: 13px;\r\n  border-left: 3px solid var(--tmx-red);\r\n  color: rgba(255, 255, 255, 0.62);\r\n  font-size: 11px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\/* =========================================================\r\n   GALLERY\r\n========================================================= *\/\r\n.tmx-gallery {\r\n  color: #ffffff;\r\n  background:\r\n    radial-gradient(circle at 86% 16%, rgba(223, 33, 83, 0.12), transparent 28%),\r\n    var(--tmx-black);\r\n}\r\n\r\n.tmx-gallery__head {\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tmx-gallery__hint {\r\n  color: rgba(255, 255, 255, 0.48);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-gallery__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-template-rows: repeat(2, minmax(145px, 1fr));\r\n  gap: 8px;\r\n  height: clamp(330px, 38vw, 440px);\r\n}\r\n\r\n.tmx-gallery__item {\r\n  --tmx-gallery-image: none;\r\n  position: relative;\r\n  grid-column: span 3;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  border: 0;\r\n  color: #ffffff;\r\n  background: var(--tmx-black-soft);\r\n  cursor: zoom-in;\r\n}\r\n\r\n.tmx-gallery__item:nth-child(1) {\r\n  grid-column: span 7;\r\n  grid-row: span 2;\r\n}\r\n\r\n.tmx-gallery__item:nth-child(2) {\r\n  grid-column: span 5;\r\n}\r\n\r\n.tmx-gallery__item:nth-child(3) {\r\n  grid-column: span 3;\r\n}\r\n\r\n.tmx-gallery__item:nth-child(4) {\r\n  grid-column: span 2;\r\n}\r\n\r\n.tmx-gallery__item::before {\r\n  position: absolute;\r\n  inset: -18px;\r\n  background:\r\n    linear-gradient(rgba(5, 7, 11, 0.24), rgba(5, 7, 11, 0.24)),\r\n    var(--tmx-gallery-image) center \/ cover no-repeat;\r\n  content: \"\";\r\n  filter: blur(14px);\r\n  opacity: 0.72;\r\n  transform: scale(1.09);\r\n}\r\n\r\n.tmx-gallery__item::after {\r\n  position: absolute;\r\n  z-index: 2;\r\n  inset: 0;\r\n  background: linear-gradient(0deg, rgba(3, 5, 9, 0.7), transparent 52%);\r\n  content: \"\";\r\n  pointer-events: none;\r\n}\r\n\r\n.tmx-gallery__item img {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  transition: transform 0.5s ease, opacity 0.3s ease;\r\n}\r\n\r\n.tmx-gallery__item:hover img,\r\n.tmx-gallery__item:focus-visible img {\r\n  opacity: 0.92;\r\n  transform: scale(1.025);\r\n}\r\n\r\n.tmx-gallery__caption {\r\n  position: absolute;\r\n  z-index: 3;\r\n  right: 12px;\r\n  bottom: 11px;\r\n  left: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: #ffffff;\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-gallery__caption::before {\r\n  width: 19px;\r\n  height: 2px;\r\n  background: var(--tmx-red);\r\n  content: \"\";\r\n}\r\n\r\n\/* =========================================================\r\n   STORIES + LIGHT CONTACT CTA\r\n========================================================= *\/\r\n.tmx-stories {\r\n  color: #ffffff;\r\n  background:\r\n    radial-gradient(circle at 88% 18%, rgba(223, 33, 83, 0.16), transparent 29%),\r\n    #07111f;\r\n}\r\n\r\n.tmx-stories__head {\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tmx-stories__all {\r\n  padding-bottom: 4px;\r\n  border-bottom: 2px solid var(--tmx-red);\r\n  color: #ffffff !important;\r\n  font-size: 9px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-stories__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.tmx-story-card {\r\n  display: grid;\r\n  grid-template-rows: minmax(145px, 1fr) auto;\r\n  min-height: 285px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255, 255, 255, 0.14);\r\n  background: rgba(5, 7, 11, 0.46);\r\n  transition: border-color 0.25s ease;\r\n}\r\n\r\n.tmx-story-card:hover,\r\n.tmx-story-card:focus-visible {\r\n  border-color: var(--tmx-red);\r\n}\r\n\r\n.tmx-story-card__image {\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.tmx-story-card__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.tmx-story-card:hover .tmx-story-card__image img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.tmx-story-card__body {\r\n  padding: 14px 16px 16px;\r\n}\r\n\r\n.tmx-story-card__meta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  margin-bottom: 8px;\r\n  color: rgba(255, 255, 255, 0.48);\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-story-card__meta span {\r\n  color: var(--tmx-red);\r\n}\r\n\r\n.tmx-story-card h3 {\r\n  color: #ffffff;\r\n  font-size: clamp(15px, 1.2vw, 19px);\r\n  line-height: 1.22;\r\n}\r\n\r\n.tmx-story-card__more {\r\n  display: inline-block;\r\n  margin-top: 9px;\r\n  color: rgba(255, 255, 255, 0.62);\r\n  font-size: 8px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-contact {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 22px;\r\n  margin-top: 17px;\r\n  padding-top: 15px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n.tmx-contact__copy {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 14px;\r\n}\r\n\r\n.tmx-contact__copy strong {\r\n  color: #ffffff;\r\n  font-size: clamp(18px, 1.7vw, 25px);\r\n  line-height: 1.1;\r\n}\r\n\r\n.tmx-contact__copy span {\r\n  color: rgba(255, 255, 255, 0.55);\r\n  font-size: 11px;\r\n}\r\n\r\n.tmx-contact__actions {\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n  gap: 9px;\r\n}\r\n\r\n\/* =========================================================\r\n   ACCESSIBLE CONTRAST COLOR SYSTEM\r\n========================================================= *\/\r\n.tmx-hero__eyebrow,\r\n.tmx-hero__tagline,\r\n.tmx-hero__title,\r\n.tmx-hero__copy,\r\n.tmx-track .tmx-title,\r\n.tmx-track .tmx-copy,\r\n.tmx-track__card h3,\r\n.tmx-track__card p,\r\n.tmx-flow__step strong,\r\n.tmx-team .tmx-title,\r\n.tmx-team .tmx-copy,\r\n.tmx-team__role strong,\r\n.tmx-team__reference,\r\n.tmx-gallery .tmx-title,\r\n.tmx-gallery__hint,\r\n.tmx-gallery__caption,\r\n.tmx-stories .tmx-title,\r\n.tmx-stories__all,\r\n.tmx-story-card__meta time,\r\n.tmx-story-card h3,\r\n.tmx-story-card__more,\r\n.tmx-contact__copy strong,\r\n.tmx-contact__copy span,\r\n.tmx-lightbox__caption {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.tmx-overview .tmx-title,\r\n.tmx-overview .tmx-copy,\r\n.tmx-overview__quote,\r\n.tmx-overview__signal strong,\r\n.tmx-overview__visual-caption,\r\n.tmx-engineering .tmx-title,\r\n.tmx-engineering .tmx-copy,\r\n.tmx-engineering__item h3,\r\n.tmx-engineering__item p,\r\n.tmx-engineering__note {\r\n  color: #090b0e !important;\r\n}\r\n\r\n.tmx-kicker,\r\n.tmx-hero__wordmark,\r\n.tmx-overview__signal small,\r\n.tmx-track__card small,\r\n.tmx-flow__label,\r\n.tmx-flow__step small,\r\n.tmx-engineering__item > span,\r\n.tmx-team__role small,\r\n.tmx-story-card__meta span {\r\n  color: var(--tmx-red) !important;\r\n}\r\n\r\n\/* =========================================================\r\n   LIGHTBOX\r\n========================================================= *\/\r\n.tmx-lightbox {\r\n  position: fixed;\r\n  z-index: 99999;\r\n  inset: 0;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 26px;\r\n  background: rgba(2, 4, 8, 0.95);\r\n  backdrop-filter: blur(16px);\r\n}\r\n\r\n.tmx-lightbox[hidden] {\r\n  display: none;\r\n}\r\n\r\n.tmx-lightbox__figure {\r\n  display: grid;\r\n  max-width: min(1400px, 92vw);\r\n  max-height: 88vh;\r\n  gap: 10px;\r\n}\r\n\r\n.tmx-lightbox__image {\r\n  width: auto;\r\n  max-width: 100%;\r\n  max-height: 82vh;\r\n  object-fit: contain;\r\n}\r\n\r\n.tmx-lightbox__caption {\r\n  color: rgba(255, 255, 255, 0.68);\r\n  font-size: 10px;\r\n  letter-spacing: 0.08em;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.tmx-lightbox__close {\r\n  position: fixed;\r\n  top: 18px;\r\n  right: 18px;\r\n  width: 44px;\r\n  height: 44px;\r\n  border: 1px solid rgba(255, 255, 255, 0.35);\r\n  color: #ffffff;\r\n  background: transparent;\r\n  font-size: 27px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n.tmx-js [data-tmx-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition:\r\n    opacity 0.65s ease,\r\n    transform 0.65s cubic-bezier(0.2, 0.72, 0.2, 1);\r\n}\r\n\r\n.tmx-js [data-tmx-reveal].is-visible {\r\n  opacity: 1;\r\n  transform: none;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n@media (max-width: 1024px) {\r\n  .tmx-hero,\r\n  .tmx-panel,\r\n  .tmx-lightbox {\r\n    --tmx-pad: clamp(24px, 5vw, 48px);\r\n    --tmx-panel-h: clamp(\r\n      580px,\r\n      calc(100svh - var(--tmx-sticky-offset, 0px)),\r\n      720px\r\n    );\r\n  }\r\n\r\n  .tmx-hero {\r\n    height: clamp(\r\n      500px,\r\n      calc(100svh - var(--tmx-header-height, 64px)),\r\n      650px\r\n    );\r\n    min-height: 500px;\r\n  }\r\n\r\n  .tmx-hero__media img {\r\n    object-position: 58% center;\r\n  }\r\n\r\n  .tmx-hero__content {\r\n    width: min(650px, 68%);\r\n  }\r\n\r\n  .tmx-hero__title {\r\n    font-size: clamp(48px, 6.8vw, 70px);\r\n  }\r\n\r\n  .tmx-overview__grid,\r\n  .tmx-engineering__grid,\r\n  .tmx-team__grid {\r\n    gap: 34px;\r\n  }\r\n\r\n  .tmx-overview__visual,\r\n  .tmx-engineering__visual,\r\n  .tmx-team__visual {\r\n    height: clamp(290px, 43vw, 420px);\r\n  }\r\n\r\n  .tmx-track__head {\r\n    grid-template-columns: 1fr 0.72fr;\r\n  }\r\n\r\n  .tmx-track__card {\r\n    min-height: 120px;\r\n    padding: 15px;\r\n  }\r\n\r\n  .tmx-flow {\r\n    grid-template-columns: 125px repeat(4, 1fr);\r\n  }\r\n\r\n  .tmx-engineering__item {\r\n    grid-template-columns: 25px 116px 1fr;\r\n    gap: 9px;\r\n  }\r\n\r\n  .tmx-story-card {\r\n    min-height: 270px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n@media (max-width: 767px) {\r\n  .tmx-hero,\r\n  .tmx-panel,\r\n  .tmx-lightbox {\r\n    --tmx-pad: 19px;\r\n    --tmx-panel-h: max(\r\n      560px,\r\n      calc(100svh - var(--tmx-sticky-offset, 0px))\r\n    );\r\n  }\r\n\r\n  .tmx-panel {\r\n    padding-block: 34px;\r\n  }\r\n\r\n  .tmx-kicker {\r\n    margin-bottom: 10px !important;\r\n  }\r\n\r\n  .tmx-title {\r\n    font-size: clamp(29px, 8.8vw, 40px);\r\n    line-height: 1;\r\n  }\r\n\r\n  .tmx-copy {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .tmx-hero {\r\n    height: 350px;\r\n    min-height: 350px;\r\n    max-height: 350px;\r\n  }\r\n\r\n  .tmx-hero__media img {\r\n    object-position: 55% center;\r\n    transform: none;\r\n    animation: none;\r\n  }\r\n\r\n  .tmx-hero__speed {\r\n    background:\r\n      linear-gradient(\r\n        103deg,\r\n        transparent 0 14%,\r\n        rgba(223, 33, 83, 0.48) 14.1% 14.8%,\r\n        transparent 14.9% 100%\r\n      ),\r\n      repeating-linear-gradient(\r\n        103deg,\r\n        transparent 0 70px,\r\n        rgba(255, 255, 255, 0.04) 71px 72px\r\n      );\r\n  }\r\n\r\n  .tmx-hero__inner {\r\n    padding-top: max(16px, env(safe-area-inset-top));\r\n    padding-bottom: max(16px, env(safe-area-inset-bottom));\r\n  }\r\n\r\n  .tmx-hero__content {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .tmx-hero__eyebrow {\r\n    display: grid;\r\n    grid-template-columns: auto 1px minmax(0, 1fr);\r\n    gap: 8px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .tmx-hero__wordmark {\r\n    font-size: clamp(18px, 5.4vw, 21px);\r\n  }\r\n\r\n  .tmx-hero__tagline {\r\n    font-size: clamp(6.5px, 1.9vw, 8px);\r\n    letter-spacing: 0.085em;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .tmx-hero__title {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    font-size: clamp(32px, 9.8vw, 42px);\r\n    line-height: 0.94;\r\n    letter-spacing: -0.05em;\r\n  }\r\n\r\n  .tmx-hero__title span {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .tmx-hero__title span:last-child {\r\n    margin-top: 2px;\r\n    -webkit-text-stroke-width: 1px;\r\n    text-stroke-width: 1px;\r\n  }\r\n\r\n  .tmx-hero__copy {\r\n    max-width: 520px;\r\n    margin-top: 10px !important;\r\n    font-size: 11.5px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .tmx-hero__actions {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .tmx-hero__actions .tmx-button {\r\n    min-width: 0;\r\n    min-height: 38px;\r\n    gap: 7px;\r\n    padding: 7px 8px;\r\n    font-size: clamp(7.4px, 2.15vw, 9px) !important;\r\n    letter-spacing: 0.07em;\r\n  }\r\n\r\n  .tmx-overview__grid,\r\n  .tmx-engineering__grid,\r\n  .tmx-team__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .tmx-overview__content {\r\n    order: 1;\r\n  }\r\n\r\n  .tmx-overview__visual {\r\n    order: 2;\r\n    height: clamp(185px, 29svh, 230px);\r\n    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);\r\n  }\r\n\r\n  .tmx-overview .tmx-copy {\r\n    margin-top: 12px !important;\r\n  }\r\n\r\n  .tmx-overview__quote {\r\n    margin-top: 11px !important;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .tmx-overview__signals {\r\n    margin-top: 13px;\r\n  }\r\n\r\n  .tmx-overview__signal {\r\n    min-height: 56px;\r\n    padding: 9px 7px;\r\n  }\r\n\r\n  .tmx-overview__signal small {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .tmx-overview__signal strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .tmx-overview__visual-caption {\r\n    right: auto;\r\n    bottom: 10px;\r\n    left: 7%;\r\n    max-width: 58%;\r\n    padding: 6px 8px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .tmx-overview-carousel__arrow {\r\n    width: 32px;\r\n    height: 32px;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .tmx-overview-carousel__arrow--prev {\r\n    left: 5%;\r\n  }\r\n\r\n  .tmx-overview-carousel__arrow--next {\r\n    right: 5%;\r\n  }\r\n\r\n  .tmx-overview-carousel__nav {\r\n    right: 7%;\r\n    bottom: 10px;\r\n    gap: 5px;\r\n    padding: 5px 7px;\r\n  }\r\n\r\n  .tmx-overview-carousel__dot {\r\n    width: 13px;\r\n  }\r\n\r\n  .tmx-track__head {\r\n    grid-template-columns: 1fr;\r\n    gap: 11px;\r\n  }\r\n\r\n  .tmx-track__cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 6px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .tmx-track__card {\r\n    display: grid;\r\n    grid-template-columns: 68px 106px 1fr;\r\n    min-height: 0;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 11px;\r\n  }\r\n\r\n  .tmx-track__card small {\r\n    margin: 0;\r\n    font-size: 7px;\r\n  }\r\n\r\n  .tmx-track__card h3 {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .tmx-track__card p {\r\n    margin: 0 !important;\r\n    font-size: 9px;\r\n    line-height: 1.32;\r\n  }\r\n\r\n  .tmx-flow {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .tmx-flow__label {\r\n    grid-column: 1 \/ -1;\r\n    min-height: 34px;\r\n  }\r\n\r\n  .tmx-flow__step {\r\n    min-height: 47px;\r\n    padding: 8px 9px;\r\n  }\r\n\r\n  .tmx-flow__step small {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .tmx-flow__step strong {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .tmx-engineering__visual {\r\n    height: clamp(175px, 28svh, 220px);\r\n  }\r\n\r\n  .tmx-engineering__visual figcaption {\r\n    max-width: 255px;\r\n    padding: 8px 10px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .tmx-engineering .tmx-copy {\r\n    margin-top: 11px !important;\r\n  }\r\n\r\n  .tmx-engineering__list {\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .tmx-engineering__item {\r\n    grid-template-columns: 22px 101px 1fr;\r\n    gap: 6px;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  .tmx-engineering__item h3 {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .tmx-engineering__item p {\r\n    font-size: 9px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .tmx-engineering__note {\r\n    margin-top: 7px !important;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .tmx-team {\r\n    background: linear-gradient(150deg, var(--tmx-black) 0 73%, var(--tmx-blue) 73.1% 100%);\r\n  }\r\n\r\n  .tmx-team__visual {\r\n    height: clamp(180px, 29svh, 225px);\r\n  }\r\n\r\n  .tmx-team__portrait {\r\n    width: 88%;\r\n  }\r\n\r\n  .tmx-team__moment {\r\n    bottom: 13px;\r\n    width: 36%;\r\n    border-width: 3px;\r\n  }\r\n\r\n  .tmx-team__content .tmx-copy {\r\n    margin-top: 11px !important;\r\n  }\r\n\r\n  .tmx-team__roles {\r\n    margin-top: 13px;\r\n  }\r\n\r\n  .tmx-team__role {\r\n    padding: 8px 7px;\r\n  }\r\n\r\n  .tmx-team__role small {\r\n    font-size: 6px;\r\n  }\r\n\r\n  .tmx-team__role strong {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .tmx-team__reference {\r\n    margin-top: 9px !important;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .tmx-gallery__head {\r\n    align-items: start;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .tmx-gallery__hint {\r\n    display: none;\r\n  }\r\n\r\n  .tmx-gallery__grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-template-rows: repeat(2, minmax(115px, 1fr));\r\n    height: clamp(270px, 47svh, 340px);\r\n    gap: 6px;\r\n  }\r\n\r\n  .tmx-gallery__item,\r\n  .tmx-gallery__item:nth-child(1),\r\n  .tmx-gallery__item:nth-child(2),\r\n  .tmx-gallery__item:nth-child(3),\r\n  .tmx-gallery__item:nth-child(4) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n\r\n  .tmx-gallery__caption {\r\n    right: 7px;\r\n    bottom: 7px;\r\n    left: 7px;\r\n    font-size: 6px;\r\n  }\r\n\r\n  .tmx-stories__head {\r\n    align-items: start;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .tmx-stories__all {\r\n    margin-top: 3px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .tmx-stories__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 6px;\r\n  }\r\n\r\n  .tmx-story-card {\r\n    grid-template-columns: 105px 1fr;\r\n    grid-template-rows: 1fr;\r\n    min-height: 96px;\r\n  }\r\n\r\n  .tmx-story-card__body {\r\n    padding: 9px 10px;\r\n  }\r\n\r\n  .tmx-story-card__meta {\r\n    margin-bottom: 5px;\r\n    font-size: 6px;\r\n  }\r\n\r\n  .tmx-story-card h3 {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .tmx-story-card__more {\r\n    margin-top: 6px;\r\n    font-size: 7px;\r\n  }\r\n\r\n  .tmx-contact {\r\n    margin-top: 11px;\r\n    padding-top: 10px;\r\n  }\r\n\r\n  .tmx-contact__copy {\r\n    display: block;\r\n  }\r\n\r\n  .tmx-contact__copy strong {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .tmx-contact__copy span {\r\n    display: none;\r\n  }\r\n\r\n  .tmx-contact__actions .tmx-button:first-child {\r\n    display: none;\r\n  }\r\n\r\n  .tmx-contact__actions .tmx-button {\r\n    min-height: 39px;\r\n    padding: 8px 11px;\r\n    font-size: 8px !important;\r\n  }\r\n\r\n  .tmx-lightbox {\r\n    padding: 15px;\r\n  }\r\n}\r\n\r\n@media (max-width: 359px) {\r\n  .tmx-hero,\r\n  .tmx-panel,\r\n  .tmx-lightbox {\r\n    --tmx-pad: 16px;\r\n  }\r\n\r\n  .tmx-hero__tagline {\r\n    font-size: 6.7px;\r\n  }\r\n\r\n  .tmx-hero__title {\r\n    font-size: clamp(34px, 10.8vw, 38px);\r\n  }\r\n\r\n  .tmx-track__card {\r\n    grid-template-columns: 60px 94px 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) and (max-height: 700px) {\r\n  .tmx-panel {\r\n    min-height: 560px;\r\n    padding-block: 27px;\r\n  }\r\n\r\n  .tmx-hero {\r\n    height: 300px;\r\n    min-height: 300px;\r\n    max-height: 300px;\r\n  }\r\n\r\n  .tmx-hero__inner {\r\n    padding-top: max(12px, env(safe-area-inset-top));\r\n    padding-bottom: max(12px, env(safe-area-inset-bottom));\r\n  }\r\n\r\n  .tmx-hero__eyebrow {\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .tmx-hero__wordmark {\r\n    font-size: clamp(17px, 5vw, 19px);\r\n  }\r\n\r\n  .tmx-hero__tagline {\r\n    font-size: clamp(6px, 1.75vw, 7px);\r\n  }\r\n\r\n  .tmx-hero__title {\r\n    font-size: clamp(29px, 9.2vw, 34px);\r\n    line-height: 0.93;\r\n  }\r\n\r\n  .tmx-hero__copy {\r\n    margin-top: 7px !important;\r\n    font-size: 10.5px;\r\n    line-height: 1.32;\r\n  }\r\n\r\n  .tmx-hero__actions {\r\n    margin-top: 9px;\r\n  }\r\n\r\n  .tmx-hero__actions .tmx-button {\r\n    min-height: 34px;\r\n    padding: 6px 7px;\r\n    font-size: clamp(7px, 2vw, 8px) !important;\r\n  }\r\n\r\n  .tmx-overview__visual,\r\n  .tmx-engineering__visual,\r\n  .tmx-team__visual {\r\n    height: 170px;\r\n  }\r\n\r\n  .tmx-gallery__grid {\r\n    height: 260px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .tmx-hero__media img {\r\n    animation: none;\r\n  }\r\n\r\n  .tmx-hero__eyebrow,\r\n  .tmx-hero__title span,\r\n  .tmx-hero__copy,\r\n  .tmx-hero__actions {\r\n    animation: none;\r\n  }\r\n\r\n  .tmx-js [data-tmx-reveal] {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n\r\n  .tmx-overview-carousel__track {\r\n    transition: none;\r\n  }\r\n\r\n  :where(.tmx-hero, .tmx-panel, .tmx-lightbox) * {\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tmx-module tmx-hero\" id=\"terzo-motorsport\" data-tmx-page aria-labelledby=\"tmx-hero-title\">\r\n  <a class=\"tmx-sr-only\" href=\"#tmx-overview\">Skip to motorsport overview<\/a>\r\n\r\n  <div class=\"tmx-hero__media\" aria-hidden=\"true\">\r\n    <picture>\r\n      <source\r\n        media=\"(max-width: 767px)\"\r\n        srcset=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/race-start-moment-with-Audi-RS3-in-traffic-1580x1054.webp\"\r\n      >\r\n      <img\r\n        src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/race-start-moment-with-Audi-RS3-in-traffic-1580x1054.webp\"\r\n        alt=\"\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/picture>\r\n  <\/div>\r\n  <div class=\"tmx-hero__overlay\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"tmx-hero__speed\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"tmx-hero__inner\">\r\n    <div class=\"tmx-hero__content\">\r\n      <div class=\"tmx-hero__eyebrow\">\r\n        <span class=\"tmx-hero__wordmark\">TERZO<\/span>\r\n        <i class=\"tmx-hero__divider\" aria-hidden=\"true\"><\/i>\r\n        <span class=\"tmx-hero__tagline\">Motorsport \/ Engineered for motion<\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"tmx-hero__title\" id=\"tmx-hero-title\">\r\n        <span>Performance<\/span>\r\n        <span>In Motion.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"tmx-hero__copy\">\r\n        From the garage to the braking zone, <span class=\"tmx-brand-accent\">TERZO<\/span> Motorsport follows the people, machines and decisions that turn preparation into repeatable performance.\r\n      <\/p>\r\n\r\n      <div class=\"tmx-hero__actions\">\r\n        <a class=\"tmx-button\" href=\"#tmx-overview\">Explore the programme<\/a>\r\n        <a class=\"tmx-button tmx-button--ghost\" href=\"#tmx-stories\">Track stories<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  \"use strict\";\r\n\r\n  const hero = document.querySelector(\"[data-tmx-page]\");\r\n  if (!hero || hero.dataset.tmxHeaderReady === \"true\") return;\r\n  hero.dataset.tmxHeaderReady = \"true\";\r\n\r\n  function findSiteHeader() {\r\n    const candidates = [\r\n      document.querySelector(\".elementor-location-header\"),\r\n      document.querySelector(\"header.site-header\"),\r\n      document.querySelector(\"#masthead\"),\r\n      document.querySelector(\".site-header\"),\r\n      document.querySelector(\"body > header\")\r\n    ].filter(Boolean);\r\n\r\n    return candidates.find((item) => {\r\n      const rect = item.getBoundingClientRect();\r\n      return rect.height > 35 && rect.height < 220;\r\n    }) || null;\r\n  }\r\n\r\n  function getHeaderVisualBottom(header) {\r\n    const headerRect = header.getBoundingClientRect();\r\n    const contentNodes = Array.from(header.querySelectorAll(\r\n      \"img, nav, a, button, [role='navigation'], .elementor-nav-menu--main\"\r\n    ));\r\n\r\n    let contentBottom = headerRect.top;\r\n    contentNodes.forEach((item) => {\r\n      const rect = item.getBoundingClientRect();\r\n      const style = window.getComputedStyle(item);\r\n      const visible = style.display !== \"none\" &&\r\n        style.visibility !== \"hidden\" &&\r\n        parseFloat(style.opacity || \"1\") > 0;\r\n\r\n      if (visible && rect.width > 8 && rect.height > 8) {\r\n        contentBottom = Math.max(contentBottom, rect.bottom);\r\n      }\r\n    });\r\n\r\n    if (contentBottom <= headerRect.top + 20) return headerRect.bottom;\r\n\r\n    const rowNodes = [\r\n      header,\r\n      ...header.querySelectorAll(\r\n        \".e-con, .e-con-inner, .elementor-section, .elementor-container, .elementor-widget-wrap\"\r\n      )\r\n    ];\r\n\r\n    const closeRowBottoms = rowNodes.map((item) => item.getBoundingClientRect())\r\n      .filter((rect) =>\r\n        rect.height >= 36 &&\r\n        rect.height <= 128 &&\r\n        rect.bottom >= contentBottom - 2 &&\r\n        rect.bottom <= contentBottom + 48\r\n      )\r\n      .map((rect) => rect.bottom);\r\n\r\n    return closeRowBottoms.length\r\n      ? Math.max(...closeRowBottoms)\r\n      : Math.min(headerRect.bottom, contentBottom + 18);\r\n  }\r\n\r\n  function alignHero() {\r\n    const previousGap = hero.style.getPropertyValue(\"--tmx-gap-fix\") || \"0px\";\r\n    hero.style.setProperty(\"--tmx-gap-fix\", \"0px\");\r\n\r\n    window.requestAnimationFrame(() => {\r\n      const header = findSiteHeader();\r\n      if (!header) {\r\n        if (window.scrollY > 60 && previousGap !== \"0px\") {\r\n          hero.style.setProperty(\"--tmx-gap-fix\", previousGap);\r\n        }\r\n        return;\r\n      }\r\n\r\n      const headerRect = header.getBoundingClientRect();\r\n      const heroRect = hero.getBoundingClientRect();\r\n      const headerStyle = window.getComputedStyle(header);\r\n      const visualBottom = getHeaderVisualBottom(header);\r\n      const visualHeaderHeight = Math.max(\r\n        44,\r\n        Math.round(visualBottom - Math.max(0, headerRect.top))\r\n      );\r\n      const gap = Math.round(heroRect.top - visualBottom);\r\n      const isSticky = headerStyle.position === \"fixed\" || headerStyle.position === \"sticky\";\r\n\r\n      document.documentElement.style.setProperty(\"--tmx-header-height\", visualHeaderHeight + \"px\");\r\n      document.documentElement.style.setProperty(\"--tmx-sticky-offset\", isSticky ? visualHeaderHeight + \"px\" : \"0px\");\r\n\r\n      if (gap > 3 && gap < 240) {\r\n        hero.style.setProperty(\"--tmx-gap-fix\", gap + \"px\");\r\n      } else if (window.scrollY > 60 && previousGap !== \"0px\") {\r\n        hero.style.setProperty(\"--tmx-gap-fix\", previousGap);\r\n      }\r\n    });\r\n  }\r\n\r\n  window.TERZOMotorsportAlign = alignHero;\r\n  alignHero();\r\n  [80, 280, 900].forEach((delay) => window.setTimeout(alignHero, delay));\r\n  window.addEventListener(\"load\", alignHero, { once: true });\r\n  window.addEventListener(\"resize\", alignHero, { passive: true });\r\n  window.addEventListener(\"elementor\/frontend\/init\", alignHero, { once: true });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92aaa30 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"92aaa30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b805a6f elementor-widget elementor-widget-html\" data-id=\"b805a6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TERZO MOTORSPORT \u2014 MODULE 01 \/ OVERVIEW -->\r\n<section\r\n  class=\"tmx-module tmx-panel tmx-overview\"\r\n  id=\"tmx-overview\"\r\n  data-tmx-panel\r\n  aria-labelledby=\"tmx-overview-title\"\r\n>\r\n  <div class=\"tmx-shell tmx-overview__grid\">\r\n    <div class=\"tmx-overview__content\" data-tmx-reveal>\r\n      <h2 class=\"tmx-title\" id=\"tmx-overview-title\">Racing makes performance visible.<\/h2>\r\n      <p class=\"tmx-copy\">\r\n        A racing programme is a moving system: the driver feels, the car responds, and the crew interprets and acts. <span class=\"tmx-brand-accent\">TERZO<\/span> Motorsport records these moments as an evolving expression of discipline under pressure.\r\n      <\/p>\r\n      <p class=\"tmx-overview__quote\">Every lap is a decision made at speed.<\/p>\r\n\r\n      <div class=\"tmx-overview__signals\" aria-label=\"TERZO Motorsport focus\">\r\n        <div class=\"tmx-overview__signal\">\r\n          <small>01<\/small>\r\n          <strong>Human focus<\/strong>\r\n        <\/div>\r\n        <div class=\"tmx-overview__signal\">\r\n          <small>02<\/small>\r\n          <strong>Machine response<\/strong>\r\n        <\/div>\r\n        <div class=\"tmx-overview__signal\">\r\n          <small>03<\/small>\r\n          <strong>Team rhythm<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div\r\n      class=\"tmx-overview__visual tmx-overview-carousel\"\r\n      data-tmx-carousel\r\n      data-tmx-reveal\r\n      role=\"region\"\r\n      aria-roledescription=\"carousel\"\r\n      aria-label=\"TERZO Motorsport overview gallery\"\r\n      tabindex=\"0\"\r\n    >\r\n      <div class=\"tmx-overview-carousel__viewport\" data-tmx-carousel-viewport>\r\n        <div class=\"tmx-overview-carousel__track\" data-tmx-carousel-track>\r\n          <figure\r\n            class=\"tmx-full-media tmx-overview-carousel__slide\"\r\n            style=\"--tmx-media-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Car-No.-28-Audi-RS3-LMS-TCR-taking-a-high-speed-corner-1580x1053.webp');\"\r\n            data-tmx-carousel-slide\r\n            aria-hidden=\"false\"\r\n          >\r\n            <img\r\n              src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Car-No.-28-Audi-RS3-LMS-TCR-taking-a-high-speed-corner-1580x1053.webp\"\r\n              alt=\"Complete TERZO-liveried touring car carrying speed through a corner\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <figcaption class=\"tmx-overview__visual-caption\">Machine response \u00b7 Commit to the corner<\/figcaption>\r\n          <\/figure>\r\n\r\n          <figure\r\n            class=\"tmx-full-media tmx-overview-carousel__slide\"\r\n            style=\"--tmx-media-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp');\"\r\n            data-tmx-carousel-slide\r\n            aria-hidden=\"true\"\r\n          >\r\n            <img\r\n              src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp\"\r\n              alt=\"Touring car driver focused inside the cockpit\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <figcaption class=\"tmx-overview__visual-caption\">Human focus \u00b7 Read the next moment<\/figcaption>\r\n          <\/figure>\r\n\r\n          <figure\r\n            class=\"tmx-full-media tmx-overview-carousel__slide\"\r\n            style=\"--tmx-media-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-1580x1053.webp');\"\r\n            data-tmx-carousel-slide\r\n            aria-hidden=\"true\"\r\n          >\r\n            <img\r\n              src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-1580x1053.webp\"\r\n              alt=\"TERZO motorsport team working together at the circuit\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <figcaption class=\"tmx-overview__visual-caption\">Team rhythm \u00b7 Prepare as one<\/figcaption>\r\n          <\/figure>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button\r\n        class=\"tmx-overview-carousel__arrow tmx-overview-carousel__arrow--prev\"\r\n        type=\"button\"\r\n        data-tmx-carousel-prev\r\n        aria-label=\"Show previous overview image\"\r\n      >\r\n        <span aria-hidden=\"true\">\u2039<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"tmx-overview-carousel__arrow tmx-overview-carousel__arrow--next\"\r\n        type=\"button\"\r\n        data-tmx-carousel-next\r\n        aria-label=\"Show next overview image\"\r\n      >\r\n        <span aria-hidden=\"true\">\u203a<\/span>\r\n      <\/button>\r\n\r\n      <div class=\"tmx-overview-carousel__nav\">\r\n        <button\r\n          class=\"tmx-overview-carousel__toggle\"\r\n          type=\"button\"\r\n          data-tmx-carousel-toggle\r\n          aria-label=\"Pause automatic slideshow\"\r\n          aria-pressed=\"false\"\r\n        >\r\n          <span data-tmx-carousel-toggle-icon aria-hidden=\"true\">\u2161<\/span>\r\n        <\/button>\r\n\r\n        <div class=\"tmx-overview-carousel__dots\" aria-label=\"Choose overview image\">\r\n          <button class=\"tmx-overview-carousel__dot\" type=\"button\" data-tmx-carousel-dot=\"0\" aria-label=\"Show image 1: Machine response\" aria-current=\"true\"><\/button>\r\n          <button class=\"tmx-overview-carousel__dot\" type=\"button\" data-tmx-carousel-dot=\"1\" aria-label=\"Show image 2: Human focus\" aria-current=\"false\"><\/button>\r\n          <button class=\"tmx-overview-carousel__dot\" type=\"button\" data-tmx-carousel-dot=\"2\" aria-label=\"Show image 3: Team rhythm\" aria-current=\"false\"><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"tmx-sr-only\" data-tmx-carousel-status aria-live=\"polite\"><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6b53ea e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c6b53ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a847bf elementor-widget elementor-widget-html\" data-id=\"0a847bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TERZO MOTORSPORT \u2014 MODULE 03 \/ ENGINEERING -->\r\n<section\r\n  class=\"tmx-module tmx-panel tmx-engineering\"\r\n  id=\"tmx-engineering\"\r\n  data-tmx-panel\r\n  aria-labelledby=\"tmx-engineering-title\"\r\n>\r\n  <div class=\"tmx-shell tmx-engineering__grid\">\r\n    <figure\r\n      class=\"tmx-full-media tmx-engineering__visual\"\r\n      style=\"--tmx-media-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-RS3-LMS-TCR-race-car-undergoing-pit-inspection-with-engineers-checking-engine-oil-and-braking-system-during-CTCC-Shanghai-race-weekend-scaled.webp');\"\r\n      data-tmx-reveal\r\n    >\r\n      <img\r\n        src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-RS3-LMS-TCR-race-car-undergoing-pit-inspection-with-engineers-checking-engine-oil-and-braking-system-during-CTCC-Shanghai-race-weekend-scaled.webp\"\r\n        alt=\"Race engineers inspecting the complete TERZO-liveried touring car in the pit\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n      <figcaption>Precision starts before the car leaves the garage.<\/figcaption>\r\n    <\/figure>\r\n\r\n    <div class=\"tmx-engineering__content\" data-tmx-reveal>\r\n      <p class=\"tmx-kicker\">Engineering<\/p>\r\n      <h2 class=\"tmx-title\" id=\"tmx-engineering-title\">The circuit sharpens the engineering questions.<\/h2>\r\n      <p class=\"tmx-copy\">\r\n        Racing does not replace standardized laboratory testing. It adds a demanding operating context where thermal behaviour, response and repeatability can be observed as conditions change quickly.\r\n      <\/p>\r\n\r\n      <div class=\"tmx-engineering__list\">\r\n        <article class=\"tmx-engineering__item\">\r\n          <span>01<\/span>\r\n          <h3>Thermal behaviour<\/h3>\r\n          <p>Observe stability as operating temperature rises and remains elevated.<\/p>\r\n        <\/article>\r\n        <article class=\"tmx-engineering__item\">\r\n          <span>02<\/span>\r\n          <h3>Response control<\/h3>\r\n          <p>Understand behaviour through rapid changes in speed and mechanical demand.<\/p>\r\n        <\/article>\r\n        <article class=\"tmx-engineering__item\">\r\n          <span>03<\/span>\r\n          <h3>Repeatability<\/h3>\r\n          <p>Look beyond one fast lap and focus on consistency across the session.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <p class=\"tmx-engineering__note\">\r\n        Track observation complements laboratory tests, technical data and approved product documentation.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b3ad8d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9b3ad8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3567d74 elementor-widget elementor-widget-html\" data-id=\"3567d74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TERZO MOTORSPORT \u2014 MODULE 04 \/ TEAM -->\r\n<section\r\n  class=\"tmx-module tmx-panel tmx-team\"\r\n  id=\"tmx-team\"\r\n  data-tmx-panel\r\n  aria-labelledby=\"tmx-team-title\"\r\n>\r\n  <div class=\"tmx-shell tmx-team__grid\">\r\n    <div class=\"tmx-team__visual\" data-tmx-reveal>\r\n      <figure class=\"tmx-team__portrait\">\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp\"\r\n          alt=\"Driver Cheng Chunhua focused inside the touring car cockpit\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n      <figure\r\n        class=\"tmx-full-media tmx-team__moment\"\r\n        style=\"--tmx-media-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-1580x1053.webp');\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-1580x1053.webp\"\r\n          alt=\"TERZO motorsport crew sharing a trackside team moment\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <div class=\"tmx-team__content\" data-tmx-reveal>\r\n      <p class=\"tmx-kicker\">Team<\/p>\r\n      <h2 class=\"tmx-title\" id=\"tmx-team-title\">One car. Many decisions.<\/h2>\r\n      <p class=\"tmx-copy\">\r\n        A lap begins long before the start line. Driver feedback, engineering judgement and pit execution must move as one\u2014turning preparation into confidence when the lights go out.\r\n      <\/p>\r\n\r\n      <div class=\"tmx-team__roles\" aria-label=\"Team roles\">\r\n        <div class=\"tmx-team__role\">\r\n          <small>Driver<\/small>\r\n          <strong>Feel the limit<\/strong>\r\n        <\/div>\r\n        <div class=\"tmx-team__role\">\r\n          <small>Engineering<\/small>\r\n          <strong>Read the data<\/strong>\r\n        <\/div>\r\n        <div class=\"tmx-team__role\">\r\n          <small>Crew<\/small>\r\n          <strong>Execute precisely<\/strong>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"tmx-team__reference\">\r\n        2026 reference: Cheng Chunhua \u00b7 Audi RS 3 LMS TCR \u00b7 No. 28 \u00b7 CTCC opening round, Shanghai.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89db5b0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"89db5b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8a0ba6 elementor-widget elementor-widget-html\" data-id=\"a8a0ba6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TERZO MOTORSPORT \u2014 MODULE 05 \/ GALLERY -->\r\n<section\r\n  class=\"tmx-module tmx-panel tmx-gallery\"\r\n  id=\"tmx-gallery\"\r\n  data-tmx-panel\r\n  aria-labelledby=\"tmx-gallery-title\"\r\n>\r\n  <div class=\"tmx-shell\">\r\n    <header class=\"tmx-gallery__head\" data-tmx-reveal>\r\n      <div>\r\n        <p class=\"tmx-kicker\">Gallery<\/p>\r\n        <h2 class=\"tmx-title\" id=\"tmx-gallery-title\">Inside the motion.<\/h2>\r\n      <\/div>\r\n      <p class=\"tmx-gallery__hint\">Select an image to open the complete frame<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"tmx-gallery__grid\" data-tmx-reveal>\r\n      <button\r\n        class=\"tmx-gallery__item\"\r\n        type=\"button\"\r\n        style=\"--tmx-gallery-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Car-No.-28-Audi-RS3-LMS-TCR-taking-a-high-speed-corner-scaled.webp');\"\r\n        data-tmx-lightbox\r\n        data-src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Car-No.-28-Audi-RS3-LMS-TCR-taking-a-high-speed-corner-scaled.webp\"\r\n        data-alt=\"Complete TERZO-liveried touring car moving through a high-speed corner\"\r\n        aria-label=\"Open full image: TERZO touring car at speed\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Car-No.-28-Audi-RS3-LMS-TCR-taking-a-high-speed-corner-800x533.webp\"\r\n          alt=\"Complete TERZO-liveried touring car moving through a high-speed corner\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"tmx-gallery__caption\">At speed<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"tmx-gallery__item\"\r\n        type=\"button\"\r\n        style=\"--tmx-gallery-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp');\"\r\n        data-tmx-lightbox\r\n        data-src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp\"\r\n        data-alt=\"Race driver focused inside the TERZO cockpit\"\r\n        aria-label=\"Open full image: driver focus inside the cockpit\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/Driver-Cheng-Chunhua-inside-Audi-RS3-LMS-cockpit-during-CTCC-race-focused-under-high-speed-conditions-with-full-racing-gear-and-telemetry-systems-active-scaled.webp\"\r\n          alt=\"Race driver focused inside the TERZO cockpit\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"tmx-gallery__caption\">Driver focus<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"tmx-gallery__item\"\r\n        type=\"button\"\r\n        style=\"--tmx-gallery-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-RS3-LMS-TCR-race-car-undergoing-pit-inspection-with-engineers-checking-engine-oil-and-braking-system-during-CTCC-Shanghai-race-weekend_1-scaled.webp');\"\r\n        data-tmx-lightbox\r\n        data-src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-RS3-LMS-TCR-race-car-undergoing-pit-inspection-with-engineers-checking-engine-oil-and-braking-system-during-CTCC-Shanghai-race-weekend_1-scaled.webp\"\r\n        data-alt=\"Complete TERZO race car and engineering crew during pit preparation\"\r\n        aria-label=\"Open full image: pit preparation\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-RS3-LMS-TCR-race-car-undergoing-pit-inspection-with-engineers-checking-engine-oil-and-braking-system-during-CTCC-Shanghai-race-weekend_1-scaled.webp\"\r\n          alt=\"Complete TERZO race car and engineering crew during pit preparation\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"tmx-gallery__caption\">Pit precision<\/span>\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"tmx-gallery__item\"\r\n        type=\"button\"\r\n        style=\"--tmx-gallery-image: url('https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-scaled.webp');\"\r\n        data-tmx-lightbox\r\n        data-src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-scaled.webp\"\r\n        data-alt=\"TERZO motorsport team together at the circuit\"\r\n        aria-label=\"Open full image: TERZO motorsport team\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/The-entire-TERZO-Jiangmen-Xingrui-team-celebrating-1580x1053.webp\"\r\n          alt=\"TERZO motorsport team together at the circuit\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <span class=\"tmx-gallery__caption\">One team<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5029026 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5029026\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63e6a6d elementor-widget elementor-widget-html\" data-id=\"63e6a6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TERZO MOTORSPORT \u2014 MODULE 06 \/ STORIES + CONTACT -->\r\n<section\r\n  class=\"tmx-module tmx-panel tmx-stories\"\r\n  id=\"tmx-stories\"\r\n  data-tmx-panel\r\n  aria-labelledby=\"tmx-stories-title\"\r\n>\r\n  <div class=\"tmx-shell\">\r\n    <header class=\"tmx-stories__head\" data-tmx-reveal>\r\n      <div>\r\n        <p class=\"tmx-kicker\">Stories<\/p>\r\n        <h2 class=\"tmx-title\" id=\"tmx-stories-title\">Follow every chapter.<\/h2>\r\n      <\/div>\r\n      <a class=\"tmx-stories__all\" href=\"https:\/\/terzooil.com\/en\/terzo-blog-engine-oil-lubricant\/\">View all stories<\/a>\r\n    <\/header>\r\n\r\n    <div class=\"tmx-stories__grid\">\r\n      <a\r\n        class=\"tmx-story-card\"\r\n        href=\"https:\/\/terzooil.com\/en\/terzo-audi-racing-shanghai-2026-preview\/\"\r\n        aria-label=\"Read CTCC race preview: Before the Lights Go Out\"\r\n        data-tmx-reveal\r\n      >\r\n        <div class=\"tmx-story-card__image\">\r\n          <img\r\n            src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-Racing-Shanghai-Race-Week-Preview-800x600.webp\"\r\n            alt=\"TERZO race weekend preparation\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"tmx-story-card__body\">\r\n          <div class=\"tmx-story-card__meta\">\r\n            <span>CTCC \/ Preview<\/span>\r\n            <time datetime=\"2026-04-21\">21 Apr 2026<\/time>\r\n          <\/div>\r\n          <h3>Before the Lights Go Out<\/h3>\r\n          <span class=\"tmx-story-card__more\">Read story<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"tmx-story-card\"\r\n        href=\"https:\/\/terzooil.com\/en\/terzo-audi-racing-shanghai-2026-live-performance\/\"\r\n        aria-label=\"Read race day story: Performance Under Pressure\"\r\n        data-tmx-reveal\r\n      >\r\n        <div class=\"tmx-story-card__image\">\r\n          <img\r\n            src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/race-start-moment-with-Audi-RS3-in-traffic-800x534.webp\"\r\n            alt=\"TERZO touring car moving through race traffic\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"tmx-story-card__body\">\r\n          <div class=\"tmx-story-card__meta\">\r\n            <span>Race day<\/span>\r\n            <time datetime=\"2026-04-26\">26 Apr 2026<\/time>\r\n          <\/div>\r\n          <h3>Performance Under Pressure<\/h3>\r\n          <span class=\"tmx-story-card__more\">Read story<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a\r\n        class=\"tmx-story-card\"\r\n        href=\"https:\/\/terzooil.com\/en\/terzo-audi-consistent-performance-2026-ctcc\/\"\r\n        aria-label=\"Read race report: Consistency Across the Weekend\"\r\n        data-tmx-reveal\r\n      >\r\n        <div class=\"tmx-story-card__image\">\r\n          <img\r\n            src=\"https:\/\/terzooil.com\/wp-content\/uploads\/2026\/04\/TERZO-Audi-Team-Delivers-Consistent-Performance-at-2026-CTCC-Shanghai-Opener-scaled-e1777306951256-800x529.webp\"\r\n            alt=\"TERZO motorsport team completing a race weekend\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n        <div class=\"tmx-story-card__body\">\r\n          <div class=\"tmx-story-card__meta\">\r\n            <span>Race report<\/span>\r\n            <time datetime=\"2026-04-27\">27 Apr 2026<\/time>\r\n          <\/div>\r\n          <h3>Consistency Across the Weekend<\/h3>\r\n          <span class=\"tmx-story-card__more\">Read story<\/span>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"tmx-contact\" data-tmx-reveal>\r\n      <div class=\"tmx-contact__copy\">\r\n        <strong>The next lap starts here.<\/strong>\r\n        <span>Follow the programme or start a conversation with TERZO.<\/span>\r\n      <\/div>\r\n      <div class=\"tmx-contact__actions\">\r\n        <a class=\"tmx-button tmx-button--ghost\" href=\"#terzo-motorsport\">Back to top<\/a>\r\n        <a class=\"tmx-button\" href=\"https:\/\/terzooil.com\/en\/contact-us\/\">Contact TERZO<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ef84bc e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3ef84bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cdb37d elementor-widget elementor-widget-html\" data-id=\"5cdb37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  TERZO MOTORSPORT \u2014 MODULE 07\r\n  INTERACTIONS + ACCESSIBLE GALLERY LIGHTBOX\r\n\r\n  Paste this file into the LAST Elementor HTML widget.\r\n  It activates the sticky anchor navigation, active states, scroll reveal,\r\n  smooth in-page movement and keyboard-accessible gallery viewing.\r\n-->\r\n\r\n<div\r\n  class=\"tmx-module tmx-lightbox\"\r\n  data-tmx-dialog\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  aria-labelledby=\"tmx-lightbox-caption\"\r\n  hidden\r\n>\r\n  <button\r\n    class=\"tmx-lightbox__close\"\r\n    type=\"button\"\r\n    data-tmx-close\r\n    aria-label=\"Close image viewer\"\r\n  >\r\n    <span aria-hidden=\"true\">\u00d7<\/span>\r\n  <\/button>\r\n\r\n  <figure class=\"tmx-lightbox__figure\">\r\n    <img class=\"tmx-lightbox__image\" data-tmx-dialog-image alt=\"\">\r\n    <figcaption\r\n      class=\"tmx-lightbox__caption\"\r\n      id=\"tmx-lightbox-caption\"\r\n      data-tmx-dialog-caption\r\n    ><\/figcaption>\r\n  <\/figure>\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n  \"use strict\";\r\n\r\n  function initTERZOMotorsport() {\r\n    const page = document.querySelector(\"[data-tmx-page]\");\r\n    if (!page || page.dataset.tmxInteractionsReady === \"true\") return;\r\n    page.dataset.tmxInteractionsReady = \"true\";\r\n    document.documentElement.classList.add(\"tmx-js\");\r\n\r\n    const rootStyle = document.documentElement.style;\r\n    const navSlot = document.querySelector(\"[data-tmx-nav-slot]\");\r\n    const nav = navSlot ? navSlot.querySelector(\".tmx-nav\") : null;\r\n    const navLinks = Array.from(document.querySelectorAll(\".tmx-nav__links a[href^='#']\"));\r\n    const panels = Array.from(document.querySelectorAll(\"[data-tmx-panel][id]\"));\r\n    const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n    let ticking = false;\r\n\r\n    function cssNumber(name) {\r\n      return parseFloat(\r\n        window.getComputedStyle(document.documentElement).getPropertyValue(name)\r\n      ) || 0;\r\n    }\r\n\r\n    function findHeader() {\r\n      const candidates = [\r\n        document.querySelector(\".elementor-sticky--active\"),\r\n        document.querySelector(\".elementor-location-header\"),\r\n        document.querySelector(\"header.site-header\"),\r\n        document.querySelector(\"#masthead\"),\r\n        document.querySelector(\".site-header\"),\r\n        document.querySelector(\"body > header\")\r\n      ].filter(Boolean);\r\n\r\n      return candidates.find((item) => {\r\n        const height = item.getBoundingClientRect().height;\r\n        return height > 35 && height < 220;\r\n      }) || null;\r\n    }\r\n\r\n    function syncHeaderOffset() {\r\n      const header = findHeader();\r\n      if (!header) return cssNumber(\"--tmx-sticky-offset\");\r\n\r\n      const rect = header.getBoundingClientRect();\r\n      const position = window.getComputedStyle(header).position;\r\n      const sticky = position === \"fixed\" || position === \"sticky\" ||\r\n        header.classList.contains(\"elementor-sticky--active\");\r\n      const offset = sticky && rect.top <= 4 && rect.bottom > 0\r\n        ? Math.round(rect.height)\r\n        : 0;\r\n\r\n      rootStyle.setProperty(\"--tmx-header-height\", Math.round(rect.height) + \"px\");\r\n      rootStyle.setProperty(\"--tmx-sticky-offset\", offset + \"px\");\r\n      return offset;\r\n    }\r\n\r\n    function updateStickyNav() {\r\n      if (!navSlot || !nav) return;\r\n      const offset = syncHeaderOffset();\r\n      const slotTop = navSlot.getBoundingClientRect().top;\r\n      const lastPanel = panels[panels.length - 1];\r\n      const abovePageEnd = !lastPanel ||\r\n        lastPanel.getBoundingClientRect().bottom > offset + nav.offsetHeight;\r\n\r\n      nav.classList.toggle(\"is-fixed\", slotTop <= offset + 1 && abovePageEnd);\r\n    }\r\n\r\n    function updateActiveLink() {\r\n      if (!panels.length || !navLinks.length) return;\r\n      const marker = syncHeaderOffset() + (nav ? nav.offsetHeight : 0) +\r\n        Math.min(window.innerHeight * 0.32, 230);\r\n      let activeId = panels[0].id;\r\n\r\n      panels.forEach((panel) => {\r\n        if (panel.getBoundingClientRect().top <= marker) activeId = panel.id;\r\n      });\r\n\r\n      navLinks.forEach((link) => {\r\n        const active = link.getAttribute(\"href\") === \"#\" + activeId;\r\n        link.classList.toggle(\"is-active\", active);\r\n        if (active) {\r\n          link.setAttribute(\"aria-current\", \"location\");\r\n        } else {\r\n          link.removeAttribute(\"aria-current\");\r\n        }\r\n      });\r\n    }\r\n\r\n    function updateOnScroll() {\r\n      if (ticking) return;\r\n      ticking = true;\r\n\r\n      window.requestAnimationFrame(() => {\r\n        updateStickyNav();\r\n        updateActiveLink();\r\n        ticking = false;\r\n      });\r\n    }\r\n\r\n    document.querySelectorAll(\".tmx-module a[href^='#']\").forEach((link) => {\r\n      link.addEventListener(\"click\", (event) => {\r\n        const selector = link.getAttribute(\"href\");\r\n        if (!selector || selector === \"#\") return;\r\n        const target = document.querySelector(selector);\r\n        if (!target) return;\r\n\r\n        event.preventDefault();\r\n        const offset = syncHeaderOffset() +\r\n          (target.matches(\"[data-tmx-page]\") ? 0 : (nav ? nav.offsetHeight : 0));\r\n        const top = target.getBoundingClientRect().top + window.scrollY - offset;\r\n\r\n        window.scrollTo({\r\n          top: Math.max(0, top),\r\n          behavior: reducedMotion.matches ? \"auto\" : \"smooth\"\r\n        });\r\n\r\n        window.history.replaceState(null, \"\", selector);\r\n      });\r\n    });\r\n\r\n    const revealItems = Array.from(document.querySelectorAll(\"[data-tmx-reveal]\"));\r\n    if (reducedMotion.matches || !(\"IntersectionObserver\" in window)) {\r\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\r\n    } else {\r\n      const revealObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          entry.target.classList.add(\"is-visible\");\r\n          observer.unobserve(entry.target);\r\n        });\r\n      }, {\r\n        rootMargin: \"0px 0px -8% 0px\",\r\n        threshold: 0.12\r\n      });\r\n\r\n      revealItems.forEach((item) => revealObserver.observe(item));\r\n    }\r\n\r\n    const dialog = document.querySelector(\"[data-tmx-dialog]\");\r\n    const dialogImage = dialog ? dialog.querySelector(\"[data-tmx-dialog-image]\") : null;\r\n    const dialogCaption = dialog ? dialog.querySelector(\"[data-tmx-dialog-caption]\") : null;\r\n    const closeButton = dialog ? dialog.querySelector(\"[data-tmx-close]\") : null;\r\n    let opener = null;\r\n    let previousBodyOverflow = \"\";\r\n\r\n    function openLightbox(button) {\r\n      if (!dialog || !dialogImage || !dialogCaption || !closeButton) return;\r\n      const source = button.dataset.src;\r\n      if (!source) return;\r\n\r\n      opener = button;\r\n      previousBodyOverflow = document.body.style.overflow;\r\n      dialogImage.src = source;\r\n      dialogImage.alt = button.dataset.alt || \"TERZO Motorsport gallery image\";\r\n      dialogCaption.textContent = button.querySelector(\".tmx-gallery__caption\")?.textContent || \"TERZO Motorsport\";\r\n      dialog.hidden = false;\r\n      document.body.style.overflow = \"hidden\";\r\n      closeButton.focus();\r\n    }\r\n\r\n    function closeLightbox() {\r\n      if (!dialog || dialog.hidden) return;\r\n      dialog.hidden = true;\r\n      dialogImage.removeAttribute(\"src\");\r\n      dialogImage.alt = \"\";\r\n      document.body.style.overflow = previousBodyOverflow;\r\n      if (opener) opener.focus();\r\n      opener = null;\r\n    }\r\n\r\n    document.querySelectorAll(\"[data-tmx-lightbox]\").forEach((button) => {\r\n      button.addEventListener(\"click\", () => openLightbox(button));\r\n    });\r\n\r\n    if (dialog && closeButton) {\r\n      closeButton.addEventListener(\"click\", closeLightbox);\r\n      dialog.addEventListener(\"click\", (event) => {\r\n        if (event.target === dialog) closeLightbox();\r\n      });\r\n\r\n      dialog.addEventListener(\"keydown\", (event) => {\r\n        if (event.key === \"Escape\") {\r\n          event.preventDefault();\r\n          closeLightbox();\r\n        }\r\n\r\n        if (event.key === \"Tab\") {\r\n          event.preventDefault();\r\n          closeButton.focus();\r\n        }\r\n      });\r\n    }\r\n\r\n    window.addEventListener(\"scroll\", updateOnScroll, { passive: true });\r\n    window.addEventListener(\"resize\", () => {\r\n      if (typeof window.TERZOMotorsportAlign === \"function\") {\r\n        window.TERZOMotorsportAlign();\r\n      }\r\n      updateOnScroll();\r\n    }, { passive: true });\r\n\r\n    if (typeof window.TERZOMotorsportAlign === \"function\") {\r\n      window.TERZOMotorsportAlign();\r\n    }\r\n    updateStickyNav();\r\n    updateActiveLink();\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initTERZOMotorsport, { once: true });\r\n  } else {\r\n    initTERZOMotorsport();\r\n  }\r\n\r\n  window.addEventListener(\"elementor\/frontend\/init\", initTERZOMotorsport, { once: true });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TERZO Motorsport reflects our commitment to high-performance lubrication. Inspired by racing spirit, TERZO focuses on stable protection, high-temperature performance, and reliable engine care for drivers, workshops, distributors, and global B2B partners.<\/p>","protected":false},"author":1,"featured_media":14896,"parent":6365,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15847","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/pages\/15847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/comments?post=15847"}],"version-history":[{"count":3,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/pages\/15847\/revisions"}],"predecessor-version":[{"id":15901,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/pages\/15847\/revisions\/15901"}],"up":[{"embeddable":true,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/pages\/6365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/media\/14896"}],"wp:attachment":[{"href":"https:\/\/terzooil.com\/pt\/wp-json\/wp\/v2\/media?parent=15847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}