{"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\/vn\/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 th\u1ec3 hi\u1ec7n cam k\u1ebft c\u1ee7a ch\u00fang t\u00f4i \u0111\u1ed1i v\u1edbi c\u00e1c gi\u1ea3i ph\u00e1p b\u00f4i tr\u01a1n hi\u1ec7u su\u1ea5t cao. L\u1ea5y c\u1ea3m h\u1ee9ng t\u1eeb tinh th\u1ea7n \u0111ua xe, TERZO t\u1eadp trung v\u00e0o kh\u1ea3 n\u0103ng b\u1ea3o v\u1ec7 \u1ed5n \u0111\u1ecbnh, hi\u1ec7u su\u1ea5t \u1edf nhi\u1ec7t \u0111\u1ed9 cao v\u00e0 vi\u1ec7c ch\u0103m s\u00f3c \u0111\u1ed9ng c\u01a1 \u0111\u00e1ng tin c\u1eady d\u00e0nh cho c\u00e1c tay \u0111ua, x\u01b0\u1edfng s\u1eeda ch\u1eefa, nh\u00e0 ph\u00e2n ph\u1ed1i v\u00e0 c\u00e1c \u0111\u1ed1i t\u00e1c B2B tr\u00ean to\u00e0n c\u1ea7u.<\/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\/vn\/wp-json\/wp\/v2\/pages\/15847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/comments?post=15847"}],"version-history":[{"count":3,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/pages\/15847\/revisions"}],"predecessor-version":[{"id":15901,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/pages\/15847\/revisions\/15901"}],"up":[{"embeddable":true,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/pages\/6365"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/media\/14896"}],"wp:attachment":[{"href":"https:\/\/terzooil.com\/vn\/wp-json\/wp\/v2\/media?parent=15847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}