.page-aboutus {
  background: #0a0a0a;
  color: #fff; }

.container-ghn {
  position: relative;
  z-index: 3;
  width: var(--container-ghn);
  max-width: calc(100% - 32px);
  margin-inline: auto; }
  @media (max-width: 767.98px) {
    .container-ghn {
      width: var(--container-ghn);
      max-width: calc(100% - 40px); } }

/*--------------------------------------------------*/
/*HERO*/
/*--------------------------------------------------*/
.aboutus-hero {
  position: relative;
  overflow: hidden;
  background: #90cbe7; }
  .aboutus-hero::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 22, 23, 0) 63.5%, #141617 100%);
    content: "";
    pointer-events: none; }
  .aboutus-hero .aboutus-hero--media {
    --height: 1248;
    --width: 1000;
    position: relative;
    overflow: hidden;
    padding-bottom: calc(var(--height)/var(--width) * 100%); }
    .aboutus-hero .aboutus-hero--media img {
      position: absolute;
      z-index: 0;
      inset: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      object-fit: cover;
      object-position: center; }
  .aboutus-hero .aboutus-hero--content {
    padding-top: 32px;
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 5; }
    .aboutus-hero .aboutus-hero--content h1, .aboutus-hero .aboutus-hero--content h2 {
      margin: 0;
      color: #0a0a0a;
      font-family: var(--font-display);
      font-size: 26px;
      font-weight: 700;
      letter-spacing: -1px;
      text-transform: uppercase; }
      .aboutus-hero .aboutus-hero--content h1 span, .aboutus-hero .aboutus-hero--content h2 span {
        color: #05807C; }
  @media (min-width: 992px) {
    .aboutus-hero .aboutus-hero--media {
      --height: 960;
      --width: 1920; }
    .aboutus-hero .aboutus-hero--content {
      padding-top: 72px; }
    .aboutus-hero .aboutus-hero--content h1,
    .aboutus-hero .aboutus-hero--content h2 {
      font-size: 46px;
      width: 670px;
      max-width: 55%; } }

.aboutus-hero .hero-word {
  white-space: nowrap; }

.aboutus-hero .hero-word, .aboutus-hero .hero-char {
  display: inline-block; }

.hero-motion-active .aboutus-hero .hero-char {
  will-change: opacity, transform; }

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .hero-motion-active .aboutus-hero [data-hero-title] {
    opacity: 1;
    visibility: visible; } }

/*--------------------------------------------------*/
/*sequence*/
/*--------------------------------------------------*/
.aboutus-story-container {
  width: var(--container-ghn);
  max-width: calc(100% - 32px);
  margin-inline: auto;
  position: relative;
  z-index: 3; }
  .aboutus-story-container .story-eyebrow {
    margin: 0 0 16px;
    color: var(--text-white);
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: uppercase; }
  .aboutus-story-container .story-body {
    margin: 2px 0 0;
    color: #f5f5f5;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.5px; }
  .aboutus-story-container .positioning-copy--body {
    max-width: 635px; }
  .aboutus-story-container .loads-copy--body {
    max-width: 654px; }
  .aboutus-story-container .roads-copy--body {
    max-width: 650px; }

.aboutus-sequence-copy--positioning h2,
.aboutus-sequence-copy--loads h2,
.aboutus-sequence-copy--roads h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 800;
  letter-spacing: -1px;
  text-transform: uppercase; }

.aboutus-sequence-copy--positioning h2 {
  max-width: 635px;
  color: #00a19a; }

.aboutus-sequence-copy--loads h2 {
  max-width: 654px;
  color: var(--text-white); }

.aboutus-sequence-copy--roads h2 {
  max-width: 650px;
  color: var(--text-white); }

.aboutus-sequence-story {
  position: relative;
  display: none;
  min-height: 100svh;
  height: auto;
  background: #0a0a0a; }

.aboutus-sequence-stage {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  background: #0a0a0a url("https://ghn-branding-2026-staging.pages.dev/about/assets/sequences/aboutus-positioning/desktop-webp/frame-0001.webp") center/cover no-repeat; }

.aboutus-sequence-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  will-change: opacity; }

.aboutus-sequence-vignette {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent 42%, rgba(0, 0, 0, 0.1));
  pointer-events: none; }

.aboutus-sequence-left-shade,
.aboutus-sequence-roads-shade {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: linear-gradient(90deg, rgba(20, 22, 23, 0.5) 0%, rgba(20, 22, 23, 0.5) 30%, transparent 57%);
  opacity: 0;
  pointer-events: none;
  will-change: opacity; }

.aboutus-sequence-roads-shade {
  background: linear-gradient(90deg, rgba(20, 22, 23, 0.58) 0%, rgba(20, 22, 23, 0.46) 31%, transparent 59%); }

.aboutus-sequence-story-wash {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 50%;
  width: 120.73%;
  height: 196.04%;
  max-width: none;
  opacity: 0 !important;
  pointer-events: none;
  user-select: none;
  will-change: opacity, transform; }

.aboutus-sequence-copy {
  position: absolute;
  z-index: 5;
  inset-inline: 0;
  margin-inline: auto;
  will-change: opacity, transform; }

.aboutus-sequence-copy--positioning {
  top: 72px; }

.aboutus-sequence-copy--loads {
  bottom: 72px;
  opacity: 0;
  transform: translate3d(0, 30px, 0); }

.aboutus-sequence-copy--roads {
  bottom: 72px;
  opacity: 0;
  transform: translate3d(0, 30px, 0); }

.aboutus-sequence-debug {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  min-width: 210px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 161, 154, 0.55);
  background: rgba(0, 0, 0, 0.78);
  color: #d9fffb;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: pre;
  pointer-events: none; }

.aboutus-sequence-enhanced .story-static {
  display: none; }

.aboutus-sequence-enhanced .aboutus-sequence-story {
  display: block; }

.static-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column; }

.static-panel--media {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(4/5 * 100%); }
  .static-panel--media .static-panel--image {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center; }
  .static-panel--media .static-panel--shade {
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none; }
  .static-panel--media .static-panel--shade--positioning {
    background: linear-gradient(171deg, #141617 21%, rgba(20, 22, 23, 0) 57%); }
  .static-panel--media .static-panel--shade--loads {
    background: linear-gradient(90deg, rgba(20, 22, 23, 0.5) 0%, rgba(20, 22, 23, 0.5) 30%, transparent 57%); }
  .static-panel--media .static-panel--shade--roads {
    background: linear-gradient(90deg, rgba(20, 22, 23, 0.58) 0%, rgba(20, 22, 23, 0.46) 31%, transparent 59%); }

.static-panel--content {
  padding: 48px 16px; }
  .static-panel--content .story-eyebrow {
    color: #F5F5F5;
    font-size: 13px;
    letter-spacing: -0.3px;
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 12px; }
  .static-panel--content h2 {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 4px; }
  .static-panel--content p {
    color: #F5F5F5;
    font-size: 13px;
    letter-spacing: -0.3px;
    margin-bottom: 0px; }
  .static-panel--content.positioning-copy h2 {
    color: #00A19A; }

@media (max-width: 767.98px) {
  .aboutus-story-container {
    width: var(--container-ghn);
    max-width: calc(100% - 40px); }
    .aboutus-story-container .story-eyebrow {
      margin-bottom: 10px;
      font-size: 14px;
      letter-spacing: -0.2px; }
    .aboutus-story-container .story-body {
      margin-top: 8px;
      font-size: 17px;
      letter-spacing: -0.3px; }
  .sequence-story {
    display: none !important; }
  .story-static {
    display: block; } }

/*--------------------------------------------------*/
/*difference*/
/*--------------------------------------------------*/
.aboutus-difference--heading h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase; }

.aboutus-difference {
  position: relative;
  isolation: isolate;
  min-height: 1057px;
  background: #030909; }

.aboutus-difference--stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #030909; }

.aboutus-difference--background {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(135deg, transparent 48%, rgba(0, 161, 154, 0.06) 48.4%, rgba(0, 161, 154, 0.02) 56%, transparent 56.4%), linear-gradient(225deg, transparent 46%, rgba(81, 247, 228, 0.05) 46.5%, rgba(0, 161, 154, 0.02) 57%, transparent 57.5%), radial-gradient(circle at 86% 24%, rgba(0, 161, 154, 0.36), transparent 36%), linear-gradient(180deg, #071010, #020404 82%); }

.aboutus-difference--inner {
  position: relative;
  z-index: 2;
  padding-block: 64px 72px; }

.aboutus-difference--heading {
  width: 1120px;
  max-width: 100%;
  margin: 0 auto 36px;
  text-align: center; }

.aboutus-difference--heading > p {
  margin: 0 0 4px;
  color: var(--text-white);
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.2px;
  text-transform: uppercase; }

.aboutus-difference--heading h2 {
  font-size: 40px;
  letter-spacing: -1.5px; }

.aboutus-difference--heading h2 span {
  color: #00a19a; }

.aboutus-difference--media {
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9;
  overflow: hidden;
  border-radius: 4px;
  background: #151515; }

.aboutus-difference--media::before,
.aboutus-difference--media::after {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  height: 22%;
  content: "";
  pointer-events: none; }

.aboutus-difference--media::before {
  top: 0;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0.58), transparent); }

.aboutus-difference--media::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(1, 1, 1, 0.45), transparent); }

.aboutus-difference--media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center 53%; }

.aboutus-difference--benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px; }

.aboutus-difference--benefits article {
  min-width: 0;
  padding: 0 26px; }

.aboutus-difference--benefits article:first-child {
  padding-left: 0; }

.aboutus-difference--benefits article:last-child {
  padding-right: 0; }

.aboutus-difference--benefits article + article {
  border-left: 1px solid rgba(255, 255, 255, 0.25); }

.aboutus-difference--benefits h3 {
  margin: 0 0 8px;
  color: #fff;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -1px; }

.aboutus-difference--benefits p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.3px; }

.aboutus-difference--heading h2 {
  color: #fff; }

.difference-motion.aboutus-difference {
  min-height: 100svh;
  height: auto; }

.difference-motion .aboutus-difference--stage {
  width: 100%;
  height: 100svh;
  min-height: 720px; }

.difference-motion .aboutus-difference--media img {
  top: 50%;
  height: auto;
  object-fit: fill;
  will-change: transform; }

.difference-motion .aboutus-difference--media,
.difference-motion .aboutus-difference--media img {
  will-change: transform; }

.difference-motion .aboutus-difference--background,
.difference-motion .aboutus-difference--heading,
.difference-motion .aboutus-difference--media,
.difference-motion .aboutus-difference--benefits article {
  will-change: transform, opacity; }

@media (min-width: 1024px) and (max-height: 999.98px) {
  .difference-motion .aboutus-difference--inner {
    padding-block: 36px 40px; }
  .difference-motion .aboutus-difference--heading {
    margin-bottom: 20px; }
  .difference-motion .aboutus-difference--heading h2 {
    font-size: 32px;
    letter-spacing: -1.2px; }
  .difference-motion .aboutus-difference--media {
    width: 900px;
    max-width: 100%;
    margin-inline: auto; }
  .difference-motion .aboutus-difference--benefits {
    margin: 20px auto 0;
    width: 70%; }
  .difference-motion .aboutus-difference--benefits h3 {
    margin-bottom: 5px;
    font-size: 18px; }
  .difference-motion .aboutus-difference--benefits p {
    font-size: 14px; } }

@media (max-width: 1199.98px) {
  .aboutus-difference--heading h2 {
    font-size: 34px; }
  .aboutus-difference--benefits h3 {
    font-size: 20px; } }

@media (max-width: 767.98px) {
  .aboutus-difference--heading h2 {
    font-size: clamp(30px, 9vw, 38px);
    letter-spacing: -1px; }
  .aboutus-difference {
    min-height: 0; }
  .aboutus-difference--inner {
    padding-block: 56px; }
  .aboutus-difference--heading {
    margin-bottom: 28px;
    text-align: left; }
  .aboutus-difference--heading > p {
    font-size: 12px; }
  .aboutus-difference--heading h2 {
    font-size: 28px;
    letter-spacing: -1px; }
  .aboutus-difference--heading h2 br {
    display: none; }
  .aboutus-difference--media {
    aspect-ratio: 16 / 9; }
  .aboutus-difference--media img {
    object-position: 58% center;
    object-fit: fill; }
  .aboutus-difference--benefits {
    grid-template-columns: 1fr;
    margin-top: 24px; }
  .aboutus-difference--benefits article,
  .aboutus-difference--benefits article:first-child,
  .aboutus-difference--benefits article:last-child {
    padding: 20px 0; }
  .aboutus-difference--benefits article + article {
    border-top: 1px solid rgba(199, 255, 246, 0.35);
    border-left: 0; }
  .aboutus-difference--benefits h3 {
    font-size: 18px;
    margin-bottom: 4px; }
  .aboutus-difference--benefits p {
    font-size: 13px; } }

/*--------------------------------------------------*/
/*TRUCK*/
/*--------------------------------------------------*/
@keyframes about-tech2-skyline {
  from {
    transform: translate3d(0, -50%, 0); }
  to {
    transform: translate3d(-50%, -50%, 0); } }

@keyframes about-tech2-wheel-spin {
  to {
    transform: rotate(360deg); } }

@keyframes about-tech2-truck-sway {
  0%, 100% {
    transform: translate3d(0, 0, 0); }
  50% {
    transform: translate3d(0, 2px, 0); } }

.about-tech2 {
  --tech2-skyline-duration: 38s;
  --tech2-wheel-duration: 1.05s;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 100px 0;
  background: #0A0A0A; }
  .about-tech2:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='453' viewBox='0 0 1920 453' fill='none'%3E%3Cg filter='url(%23filter0_f_40009228_107025)'%3E%3Cpath d='M-214.234 150L613.332 209.588C856.133 227.071 1099.89 226.799 1342.65 208.774L2134.23 150V686.547L1537.93 755.936C1153.94 800.62 766.062 800.62 382.071 755.936L-214.234 686.547V150Z' fill='black'/%3E%3Cpath d='M-214.234 150L613.332 209.588C856.133 227.071 1099.89 226.799 1342.65 208.774L2134.23 150V686.547L1537.93 755.936C1153.94 800.62 766.062 800.62 382.071 755.936L-214.234 686.547V150Z' fill='url(%23paint0_linear_40009228_107025)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_40009228_107025' x='-364.234' y='0' width='2648.47' height='939.445' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_40009228_107025'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_40009228_107025' x1='929.647' y1='537.042' x2='929.647' y2='-173.083' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0100056' stop-color='%2300A19A'/%3E%3Cstop offset='1' stop-color='%2300A19A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%; }

.about-tech2--skyline {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0.3;
  pointer-events: none; }

.about-tech2--skyline-track {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  transform: translate3d(0, -50%, 0); }

.about-tech2--skyline-track img {
  flex: 0 0 1920px;
  width: 1920px;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center; }

.about-tech2--content {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: calc(100% - 32px);
  max-width: var(--container-ghn);
  margin-left: auto;
  margin-right: auto; }

.about-tech2--content h2 {
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  text-transform: uppercase; }

.about-tech2--truck {
  position: relative;
  width: 100%;
  max-width: 1116px;
  aspect-ratio: 1116 / 366; }

.about-tech2--truck-art {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center; }

.about-tech2--wheels {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none; }

.about-tech2--wheel {
  position: absolute;
  width: 3.82%;
  height: auto;
  max-width: none;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at center, #061616 42%, #0a0a0a 68%);
  will-change: transform; }

.about-tech2--wheel--rear-a {
  top: 80.7%;
  left: 21.85%; }

.about-tech2--wheel--rear-b {
  top: 80.2%;
  left: 31.65%; }

.about-tech2--wheel--front {
  top: 80.65%;
  left: 86.82%; }

.about-tech2--stats {
  position: absolute;
  z-index: 2;
  top: 3.7%;
  left: 1.82%;
  width: 78.1%;
  height: 67.3%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }

.about-tech2--stats ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 1.5%;
  margin: 0;
  list-style: none;
  height: 100%;
  width: 100%;
  border-radius: 3.382px;
  background: radial-gradient(395.52% 138.29% at 0.09% 0%, rgba(5, 128, 124, 0.2) 0%, rgba(5, 128, 124, 0.2) 100%); }

.about-tech2--stats li {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 12px;
  text-align: center; }

.about-tech2--stats li + li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 70%;
  opacity: 0.8;
  background-image: url("data:image/svg+xml,%3Csvg width='1' height='156' viewBox='0 0 1 156' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.8' x1='0.422763' y1='1.84795e-08' x2='0.422756' y2='155.902' stroke='url(%23paint0_linear_980_31838)' stroke-width='0.845526'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_980_31838' x1='1.74433e-07' y1='2.07869' x2='-4.3183' y2='155.808' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2351F7E4' stop-opacity='0'/%3E%3Cstop offset='0.490385' stop-color='%2351F7E4'/%3E%3Cstop offset='0.990385' stop-color='%2351F7E4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.about-tech2--stats strong {
  display: block;
  color: #c7fff6;
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.5px; }

.about-tech2--stats span {
  display: block;
  margin-top: 2px;
  color: #c7fff6;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.3px; }

.about-tech2.is-driving .about-tech2--skyline-track {
  animation: about-tech2-skyline var(--tech2-skyline-duration) linear infinite; }

.about-tech2.is-driving .about-tech2--truck {
  animation: about-tech2-truck-sway 2.4s ease-in-out infinite; }

.about-tech2.is-driving .about-tech2--wheel {
  animation: about-tech2-wheel-spin var(--tech2-wheel-duration) linear infinite; }

@media (prefers-reduced-motion: reduce) {
  .about-tech2.is-driving .about-tech2--skyline-track,
  .about-tech2.is-driving .about-tech2--wheel,
  .about-tech2.is-driving .about-tech2--truck {
    animation: none; } }

@media (max-width: 1199.98px) {
  .about-tech2 {
    padding: 80px 0; }
  .about-tech2--content {
    gap: 40px; }
  .about-tech2--content h2 {
    font-size: 34px;
    letter-spacing: -1px; }
  .about-tech2--stats strong {
    font-size: 26px; }
  .about-tech2--stats span {
    font-size: 14px; } }

@media (max-width: 767.98px) {
  .about-tech2 {
    padding: 56px 0;
    --tech2-skyline-duration: 28s;
    --tech2-wheel-duration: 0.85s; }
  .about-tech2--skyline-track {
    width: 2560px;
    height: 78%;
    max-height: 520px; }
  .about-tech2--skyline-track img {
    flex: 0 0 1280px;
    width: 1280px; }
  .about-tech2--content {
    gap: 28px;
    width: calc(100% - 40px); }
  .about-tech2--content h2 {
    font-size: 26px;
    letter-spacing: -1px; }
  .about-tech2--truck {
    width: 100%; }
  .about-tech2--stats {
    top: 6%;
    left: 2%;
    width: 77%;
    height: 62%;
    padding: 0 1%; }
  .about-tech2--stats li {
    padding: 0 4px; }
  .about-tech2--stats li + li::before {
    top: 22%;
    bottom: 22%; }
  .about-tech2--stats strong {
    font-size: 16px;
    letter-spacing: -0.8px; }
  .about-tech2--stats span {
    font-size: 10px;
    letter-spacing: -0.2px; } }