/* Final responsive layer for Figma frame 40008816:17835. */
@media (max-width: 1199.98px) {
  html {
    overflow-x: clip;
    scrollbar-width: none;
  }

  html::-webkit-scrollbar {
    width: 0;
  }

  .header-cta {
    display: inline-flex !important;
  }

  .supply-2026-grid,
  .solution-2026-cards,
  .case-study-2026-rail,
  .blog-grid {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .supply-2026-grid::-webkit-scrollbar,
  .solution-2026-cards::-webkit-scrollbar,
  .case-study-2026-rail::-webkit-scrollbar,
  .blog-grid::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  :root {
    --case-study-card-width: calc(100vw - 48px);
    --case-study-card-height: 500px;
    --case-study-gap: 16px;
  }

  .container-ghn {
    width: calc(100% - 48px) !important;
    max-width: 960px !important;
  }

  .supply-2026 {
    height: 900px !important;
    min-height: 900px !important;
    padding: 0 !important;
  }

  .supply-2026-inner {
    width: 100% !important;
    height: 900px !important;
    min-height: 900px !important;
    padding: 64px 0 !important;
  }

  .supply-2026-header {
    width: calc(100% - 48px) !important;
    margin: 0 auto 32px !important;
  }

  .supply-2026-header h2,
  .solution-2026-copy h2,
  .resources-2026-top-inner h2,
  .technology-2026-header h2,
  .case-study-2026-header h2,
  .blog-header h2 {
    font-size: 38px !important;
    line-height: 48px !important;
  }

  .supply-2026-header p {
    margin-top: 10px !important;
    font-size: 16px !important;
    line-height: 23px !important;
  }

  .supply-2026-grid {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 16px !important;
    padding: 0 24px 8px !important;
    overflow-x: auto !important;
    scroll-padding-inline: 24px;
    scroll-snap-type: x mandatory;
  }

  .supply-2026-grid .supply-2026-card {
    width: 424px !important;
    min-width: 424px !important;
    flex: 0 0 424px !important;
    scroll-snap-align: start;
  }

  .solution-2026 {
    min-height: 1300px !important;
  }

  .solution-2026-hero,
  .solution-2026-hero-content {
    height: 680px !important;
    min-height: 680px !important;
  }

  .solution-2026-hero-content {
    align-items: flex-start !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding-bottom: 40px !important;
  }

  .solution-2026-copy p {
    display: none !important;
  }

  .solution-2026-rail {
    width: 100% !important;
    height: 620px !important;
    min-height: 620px !important;
    margin: 0 !important;
    padding: 24px 0 48px !important;
  }

  .solution-2026-rail-header {
    display: none !important;
  }

  .solution-2026-rail > .container-ghn {
    width: 100% !important;
  }

  .solution-2026-cards {
    display: flex !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
    scroll-padding-inline: 24px;
    scroll-snap-type: x mandatory;
  }

  .solution-2026-card,
  .solution-2026-card:nth-child(n + 4) {
    width: 424px !important;
    min-width: 424px !important;
    flex: 0 0 424px !important;
    scroll-snap-align: start;
  }

  .resources-2026 {
    height: 1180px !important;
    min-height: 1180px !important;
  }

  .resources-2026-top {
    height: 180px !important;
    padding: 64px 24px 0 !important;
  }

  .resources-2026-top-inner {
    align-items: center !important;
  }

  .resources-2026-body,
  .resources-2026-scene {
    width: 100% !important;
    height: 1000px !important;
    min-height: 1000px !important;
  }

  .resources-2026-body {
    position: relative !important;
  }

  .resources-2026-scene {
    position: absolute !important;
    inset: 0 !important;
  }

  .resources-2026-metrics {
    position: absolute !important;
    top: 30px !important;
    right: auto !important;
    bottom: auto !important;
    left: 24px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 470px auto !important;
    width: calc(100% - 48px) !important;
    max-width: none !important;
    gap: 24px 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .resources-2026-center-visual {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 300px !important;
    min-height: 470px !important;
    margin: 0 auto !important;
  }

  .resources-2026-center-visual img {
    width: 300px !important;
    height: 470px !important;
  }

  .resources-2026-column {
    grid-row: 2 !important;
    gap: 12px !important;
  }

  .resources-2026-column:first-child { grid-column: 1 !important; }
  .resources-2026-column:last-child { grid-column: 2 !important; }

  .resources-2026-metric {
    width: 100% !important;
  }

  .resources-2026-chevron {
    display: block !important;
    top: 485px !important;
    width: 780px !important;
    height: 650px !important;
    opacity: 0.9 !important;
  }

  .resources-2026-chevron-left {
    left: calc(50% - 770px) !important;
  }

  .resources-2026-chevron-right {
    right: calc(50% - 770px) !important;
  }

  .technology-2026 {
    height: 900px !important;
    min-height: 900px !important;
    padding: 0 !important;
  }

  .technology-2026-inner,
  .technology-2026-stage {
    width: 100% !important;
    height: 900px !important;
    min-height: 900px !important;
  }

  .technology-2026-header {
    position: absolute !important;
    top: 64px !important;
    left: 50% !important;
    z-index: 8 !important;
    width: min(720px, calc(100% - 48px)) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .technology-2026-orbit-bg {
    position: absolute !important;
    top: 180px !important;
    left: 50% !important;
    width: 727px !important;
    height: 727px !important;
    transform: translateX(-50%) !important;
  }

  .technology-2026-orbit-background,
  .technology-2026-orbit-lines {
    width: 727px !important;
    height: 727px !important;
  }

  .technology-2026-stage {
    position: relative !important;
    display: block !important;
  }

  .technology-2026-brain {
    position: absolute !important;
    top: 330px !important;
    left: 50% !important;
    width: 425px !important;
    height: 425px !important;
    transform: translateX(-50%) !important;
  }

  .technology-2026-brain-core,
  .technology-2026-brain-art {
    width: 425px !important;
    height: 425px !important;
  }

  .technology-2026-chip {
    position: absolute !important;
    width: 173px !important;
    height: 173px !important;
    margin: 0 !important;
  }

  .technology-2026-chip-motion {
    width: 173px !important;
    height: 173px !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .technology-2026-chip-art { display: none !important; }
  .technology-2026-chip-apollo { top: 190px !important; left: calc(50% - 86.5px) !important; }
  .technology-2026-chip-delivery { top: 635px !important; left: 34px !important; right: auto !important; }
  .technology-2026-chip-camera { top: 635px !important; right: 34px !important; left: auto !important; }
  .technology-2026-chip-apollo .technology-2026-chip-motion { background-image: url("../assets/svg/apollo mb.svg") !important; }
  .technology-2026-chip-delivery .technology-2026-chip-motion { background-image: url("../assets/svg/delivery planning tool mb.svg") !important; }
  .technology-2026-chip-camera .technology-2026-chip-motion { background-image: url("../assets/svg/agent mb.svg") !important; }

  .case-study-2026 {
    height: 760px !important;
    min-height: 760px !important;
    padding: 64px 0 0 !important;
  }

  .case-study-2026-inner {
    display: block !important;
    width: 100% !important;
  }

  .case-study-2026-header {
    width: calc(100% - 48px) !important;
    margin: 0 auto 28px !important;
  }

  .case-study-2026-header h2 {
    text-align: center !important;
  }

  .case-study-2026-header .btn-pattern { display: none !important; }

  .case-study-2026-carousel,
  .case-study-2026-rail {
    height: 500px !important;
    min-height: 500px !important;
  }

  .case-study-2026-carousel {
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .case-study-2026-rail {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    gap: 16px !important;
    padding-inline: 24px !important;
    overflow-x: auto !important;
    transform: none !important;
    scroll-padding-inline: 24px;
    scroll-snap-type: x mandatory;
  }

  .case-study-2026-card {
    flex: 0 0 calc(100vw - 48px) !important;
    width: calc(100vw - 48px) !important;
    height: 500px !important;
    scroll-snap-align: start;
  }

  .case-study-2026-fade { display: none !important; }
  .case-study-2026-indicator { margin-top: 18px !important; }

  .blog-section {
    height: 620px !important;
    min-height: 620px !important;
    padding: 64px 0 !important;
  }

  .blog-inner {
    display: grid !important;
    grid-template-areas: "header" "cards" "button" !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .blog-header { display: contents !important; }
  .blog-header h2 { grid-area: header; text-align: center !important; }
  .blog-header .btn-pattern { grid-area: button; justify-self: center; }

  .blog-grid {
    grid-area: cards;
    display: flex !important;
    gap: 16px !important;
    width: 100% !important;
    padding-inline: 24px !important;
    overflow-x: auto !important;
    scroll-padding-inline: 24px;
    scroll-snap-type: x mandatory;
  }

  .blog-card-row { display: contents !important; }

  .blog-featured-card,
  .blog-card {
    width: 320px !important;
    height: 360px !important;
    min-height: 360px !important;
    flex: 0 0 320px !important;
    scroll-snap-align: start;
  }

  .cta-section,
  .cta-panel {
    height: 520px !important;
    min-height: 520px !important;
  }

  .site-footer,
  .site-footer-inner {
    min-height: 720px !important;
  }
}

@media (max-width: 767.98px) {
  :root {
    --header-height: 54.75px;
    --case-study-card-width: calc(100vw - 32px);
    --case-study-card-height: 380px;
    --case-study-gap: 10px;
  }

  body {
    width: 100%;
    overflow-x: clip;
  }

  .container-ghn {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }

  .site-header,
  .header-inner {
    height: 54.75px !important;
  }

  .header-inner {
    width: 100% !important;
    padding-inline: 16px !important;
    gap: 12px !important;
  }

  .brand,
  .brand img {
    width: 90px !important;
  }

  .brand {
    flex: 0 0 90px !important;
  }

  .header-cta {
    display: inline-flex !important;
    width: 120px !important;
    flex: 0 0 120px !important;
    min-height: 34px !important;
    margin-left: auto !important;
    padding-inline: 12px !important;
    font-size: 13px !important;
  }

  .menu-toggle {
    display: grid !important;
    width: 36px !important;
    height: 32px !important;
    flex: 0 0 36px !important;
    padding: 4px 6px !important;
    background: #262626 !important;
  }

  .menu-toggle span {
    width: 24px !important;
    background: #fff !important;
  }

  .hero-section,
  .hero-video,
  .hero-scrim,
  .hero-content {
    width: 100% !important;
    height: 537.45px !important;
    min-height: 537.45px !important;
  }

  .hero-content {
    width: calc(100% - 32px) !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    padding-bottom: 20px !important;
  }

  .hero-content h1 {
    width: 100% !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 34px !important;
    letter-spacing: -2px !important;
  }

  .hero-content .btn-pattern {
    width: 132px !important;
    min-height: 40px !important;
  }

  .supply-2026 {
    width: 100% !important;
    height: 691px !important;
    min-height: 691px !important;
    padding: 0 !important;
    background: #061817 url("../assets/svg/SECTION SUPPLY.svg") center / auto 711px no-repeat !important;
    isolation: isolate !important;
  }

  .supply-2026 > .supply-2026-chevron {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 691px !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .supply-2026 > .supply-2026-chevron img {
    position: absolute !important;
    top: -10px !important;
    width: 1066px !important;
    height: 710px !important;
    max-width: none !important;
  }

  .supply-2026 > .supply-2026-chevron-left img {
    left: calc(50% - 938px) !important;
  }

  .supply-2026 > .supply-2026-chevron-right img {
    left: calc(50% - 122px) !important;
  }

  .supply-2026-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 691px !important;
    min-height: 691px !important;
    padding: 48px 0 !important;
  }

  .supply-2026-header {
    width: calc(100% - 32px) !important;
    max-width: 398px !important;
    margin: 0 auto 26px !important;
  }

  .supply-2026-header h2,
  .solution-2026-copy h2,
  .resources-2026-top-inner h2,
  .technology-2026-header h2,
  .case-study-2026-header h2,
  .blog-header h2 {
    font-size: 26px !important;
    line-height: 34px !important;
    letter-spacing: -2px !important;
  }

  .supply-2026-header p {
    max-width: 336px !important;
    margin: 8px auto 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .supply-2026-grid {
    display: flex !important;
    width: 100% !important;
    height: 423px !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
  }

  .supply-2026-grid .supply-2026-card,
  .supply-2026-grid .supply-2026-card:hover,
  .supply-2026-grid .supply-2026-card.is-expanded {
    width: 294px !important;
    min-width: 294px !important;
    max-width: 294px !important;
    height: 423px !important;
    min-height: 423px !important;
    flex: 0 0 294px !important;
    padding: 0 !important;
    scroll-snap-align: start;
  }

  .supply-2026-card-content {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 10px !important;
  }

  .supply-2026-media {
    width: 100% !important;
    height: 375px !important;
    flex: 0 0 375px !important;
    border-radius: 10px 10px 0 0 !important;
  }

  .supply-2026-card-receive .supply-2026-media img {
    object-position: 72% center !important;
  }

  .supply-2026-badge {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: 0 0 48px !important;
    padding: 12px 16px 12px 24px !important;
  }

  .supply-2026-badge span {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .supply-2026-card.is-expanded {
    padding: 0 !important;
  }

  .supply-2026-card.is-expanded .supply-2026-card-content {
    inset: 10px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 4px !important;
  }

  .supply-2026-card.is-expanded .supply-2026-media {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    flex: 0 0 auto !important;
    border-radius: 4px 4px 0 0 !important;
  }

  .supply-2026-card.is-expanded .supply-2026-detail {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px !important;
  }

  .supply-2026-card.is-expanded .supply-2026-badge {
    height: 63px !important;
    min-height: 63px !important;
    flex: 0 0 63px !important;
  }

  .solution-2026 {
    width: 100% !important;
    height: 992px !important;
    min-height: 992px !important;
  }

  .solution-2026-hero,
  .solution-2026-hero-content {
    width: 100% !important;
    height: 537px !important;
    min-height: 537px !important;
  }

  .solution-2026-hero > img {
    object-position: 62% center !important;
  }

  .solution-2026-hero-content {
    width: calc(100% - 32px) !important;
    margin-inline: auto !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding-bottom: 20px !important;
  }

  .solution-2026-copy {
    width: 100% !important;
  }

  .solution-2026-copy p {
    display: none !important;
  }

  .solution-2026-hero-content .btn-pattern {
    width: 132px !important;
    min-height: 40px !important;
  }

  .solution-2026-rail {
    position: relative !important;
    width: 100% !important;
    height: 455px !important;
    min-height: 455px !important;
    margin: 0 !important;
    padding: 10px 0 48px !important;
  }

  .solution-2026-rail > .container-ghn {
    width: 100% !important;
  }

  .solution-2026-rail-header {
    display: none !important;
  }

  .solution-2026-cards {
    display: flex !important;
    width: 100% !important;
    height: 368px !important;
    gap: 10px !important;
    padding: 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
  }

  .solution-2026-card,
  .solution-2026-card:nth-child(n + 4) {
    width: 294px !important;
    min-width: 294px !important;
    max-width: 294px !important;
    height: 368px !important;
    min-height: 368px !important;
    flex: 0 0 294px !important;
    padding: 0 !important;
    scroll-snap-align: start;
  }

  .solution-2026-card-media,
  .solution-2026-card-overlay {
    inset: 0 !important;
  }

  .solution-2026-card-hover,
  .solution-2026-card:hover .solution-2026-card-media,
  .solution-2026-card:hover .solution-2026-card-overlay,
  .solution-2026-card.is-hover .solution-2026-card-media,
  .solution-2026-card.is-hover .solution-2026-card-overlay {
    inset: 10px !important;
  }

  .solution-2026-card-hover {
    gap: 8px !important;
    padding: 20px 16px 16px !important;
  }

  .solution-2026-card-hover strong {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .solution-2026-card-hover ul {
    gap: 8px !important;
  }

  .solution-2026-card-hover li {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 24px !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .solution-2026-card-hover li::before {
    width: 24px !important;
    height: 24px !important;
  }

  .solution-2026-indicator {
    gap: 6px !important;
    margin-top: 24px !important;
  }

  .resources-2026 {
    width: 100% !important;
    height: 1138px !important;
    min-height: 1138px !important;
  }

  .resources-2026-top {
    height: 156px !important;
    padding: 48px 16px 0 !important;
  }

  .resources-2026-top-inner {
    width: 100% !important;
    gap: 8px !important;
  }

  .resources-2026-top-inner h2 {
    width: 100% !important;
  }

  .resources-2026-body,
  .resources-2026-scene {
    width: 100% !important;
    height: 982px !important;
    min-height: 982px !important;
  }

  .resources-2026-body {
    position: relative !important;
  }

  .resources-2026-scene {
    position: absolute !important;
    inset: 0 !important;
    padding: 0 !important;
  }

  .resources-2026-scene-bg {
    top: 210px !important;
    left: 50% !important;
    width: 880px !important;
    max-width: none !important;
    height: 420px !important;
    opacity: 0.84 !important;
    transform: translateX(-50%) !important;
  }

  .resources-2026-metrics {
    position: absolute !important;
    top: 32px !important;
    right: auto !important;
    bottom: auto !important;
    left: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 450px auto !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    height: auto !important;
    gap: 24px 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .resources-2026-center-visual {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 210px !important;
    min-height: 450px !important;
    margin: 0 auto !important;
  }

  .resources-2026-center-visual img {
    width: 210px !important;
    height: 450px !important;
  }

  .resources-2026-column {
    display: grid !important;
    grid-row: 2 !important;
    gap: 10px !important;
  }

  .resources-2026-column:first-child {
    grid-column: 1 !important;
  }

  .resources-2026-column:last-child {
    grid-column: 2 !important;
  }

  .resources-2026-metric {
    width: 100% !important;
    height: 132px !important;
    min-height: 132px !important;
    padding: 6px !important;
  }

  .resources-2026-metric-content {
    display: flex !important;
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  .resources-2026-metric-art {
    position: absolute !important;
    top: 50% !important;
    left: -27px !important;
    width: 115px !important;
    height: 115px !important;
    transform: translateY(-50%) !important;
  }

  .resources-2026-metric-content > div {
    width: 100% !important;
    margin-left: 44px !important;
    gap: 2px !important;
  }

  .resources-2026-metric strong {
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 17px !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  .resources-2026-metric strong::after {
    margin-top: 4px !important;
  }

  .resources-2026-metric span {
    font-size: 11px !important;
    line-height: 14px !important;
    white-space: normal !important;
  }

  .resources-2026-chevron {
    display: block !important;
    top: 482px !important;
    bottom: auto !important;
    width: 563.33px !important;
    max-width: none !important;
    height: 470px !important;
    opacity: 1 !important;
  }

  .resources-2026-chevron-left {
    right: auto !important;
    left: -278px !important;
  }

  .resources-2026-chevron-right {
    right: auto !important;
    left: 113px !important;
  }

  .technology-2026 {
    width: 100% !important;
    height: 796px !important;
    min-height: 796px !important;
    padding: 0 !important;
  }

  .technology-2026-inner,
  .technology-2026-stage {
    width: 100% !important;
    height: 796px !important;
    min-height: 796px !important;
  }

  .technology-2026-header {
    position: absolute !important;
    top: 48px !important;
    left: 16px !important;
    z-index: 8 !important;
    width: calc(100% - 32px) !important;
    margin: 0 !important;
  }

  .technology-2026-scene-bg {
    top: 430px !important;
    left: 50% !important;
    width: 780px !important;
    height: 650px !important;
    transform: translate(-50%, -50%) !important;
  }

  .technology-2026-orbit-bg {
    position: absolute !important;
    top: 154px !important;
    left: 50% !important;
    width: 590px !important;
    height: 590px !important;
    transform: translateX(-50%) !important;
  }

  .technology-2026-orbit-background,
  .technology-2026-orbit-lines {
    position: absolute !important;
    inset: 0 !important;
    width: 590px !important;
    height: 590px !important;
  }

  .technology-2026-stage {
    position: relative !important;
    display: block !important;
  }

  .technology-2026-brain {
    position: absolute !important;
    top: 249px !important;
    left: 50% !important;
    width: 425px !important;
    height: 425px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  .technology-2026-brain-core,
  .technology-2026-brain-art {
    width: 425px !important;
    height: 425px !important;
    min-height: 425px !important;
  }

  .technology-2026-brain-core {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .technology-2026-brain-art {
    position: absolute !important;
    inset: 0 !important;
  }

  .technology-2026-chip {
    position: absolute !important;
    width: 173px !important;
    height: 173px !important;
    margin: 0 !important;
  }

  .technology-2026-chip-motion {
    width: 173px !important;
    height: 173px !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .technology-2026-chip-art {
    display: none !important;
  }

  .technology-2026-chip-apollo {
    top: 145px !important;
    left: calc(50% - 86.5px) !important;
    transform: none !important;
  }

  .technology-2026-chip-apollo .technology-2026-chip-motion {
    background-image: url("../assets/svg/apollo mb.svg") !important;
  }

  .technology-2026-chip-delivery {
    top: 557px !important;
    right: auto !important;
    bottom: auto !important;
    left: -7px !important;
  }

  .technology-2026-chip-delivery .technology-2026-chip-motion {
    background-image: url("../assets/svg/delivery planning tool mb.svg") !important;
  }

  .technology-2026-chip-camera {
    top: 557px !important;
    right: -7px !important;
    bottom: auto !important;
    left: auto !important;
  }

  .technology-2026-chip-camera .technology-2026-chip-motion {
    background-image: url("../assets/svg/agent mb.svg") !important;
  }

  .case-study-2026 {
    width: 100% !important;
    height: 584px !important;
    min-height: 584px !important;
    padding: 48px 0 0 !important;
  }

  .case-study-2026-inner {
    display: block !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .case-study-2026-header {
    position: static !important;
    width: calc(100% - 32px) !important;
    min-height: 68px !important;
    margin: 0 auto 18px !important;
  }

  .case-study-2026-header h2 {
    width: 100% !important;
    font-size: 22px !important;
    line-height: 29px !important;
    letter-spacing: -1.4px !important;
    text-align: center !important;
  }

  .case-study-2026-header .btn-pattern {
    position: absolute !important;
    right: 22px !important;
    bottom: 7px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    width: 132px !important;
    min-height: 40px !important;
  }

  .case-study-2026-inner {
    position: relative !important;
    height: 536px !important;
  }

  .case-study-2026-carousel,
  .case-study-2026-rail {
    height: 380px !important;
    min-height: 380px !important;
  }

  .case-study-2026-carousel {
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .case-study-2026-rail {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    gap: 10px !important;
    padding-inline: 16px !important;
    overflow-x: auto !important;
    transform: none !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
  }

  .case-study-2026-card {
    display: flex !important;
    width: calc(100vw - 32px) !important;
    height: 380px !important;
    min-height: 380px !important;
    flex: 0 0 calc(100vw - 32px) !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #fff !important;
    scroll-snap-align: start;
  }

  .case-study-2026-card > img {
    position: relative !important;
    inset: auto !important;
    width: calc(100% - 20px) !important;
    height: 190px !important;
    margin: 10px 10px 0 !important;
  }

  .case-study-2026-card-overlay {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    color: #0a0a0a !important;
    background: #fff !important;
  }

  .case-study-2026-content h3 {
    font-size: 18px !important;
    line-height: 23px !important;
  }

  .case-study-2026-card .case-study-2026-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .case-study-2026-metrics span {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    grid-template-rows: auto 28px !important;
    gap: 4px 0 !important;
    padding: 0 !important;
    color: #525252 !important;
    background: transparent !important;
    font-size: 10px !important;
    line-height: 12px !important;
  }

  .case-study-2026-metrics span small {
    grid-column: 1 / -1 !important;
    font-size: 10px !important;
    line-height: 12px !important;
  }

  .case-study-2026-metrics span i {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 15px !important;
  }

  .case-study-2026-metrics span strong {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .case-study-2026-detail {
    align-self: flex-start !important;
    margin-top: auto !important;
    min-height: auto !important;
    color: #0a0a0a !important;
    font-size: 12px !important;
  }

  .case-study-2026-fade {
    display: none !important;
  }

  .case-study-2026-indicator {
    justify-content: flex-start !important;
    width: calc(100% - 32px) !important;
    margin: 39px auto 0 !important;
  }

  .blog-section {
    width: 100% !important;
    height: 558.5px !important;
    min-height: 558.5px !important;
    padding: 48px 0 !important;
  }

  .blog-inner {
    display: grid !important;
    grid-template-areas: "header" "cards" "button" !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .blog-header {
    display: contents !important;
  }

  .blog-header h2 {
    grid-area: header;
    text-align: center !important;
  }

  .blog-header .btn-pattern {
    grid-area: button;
    justify-self: center;
    width: 132px !important;
    min-height: 40px !important;
  }

  .blog-grid {
    grid-area: cards;
    display: flex !important;
    width: 100% !important;
    gap: 10px !important;
    padding-inline: 16px !important;
    overflow-x: auto !important;
    scroll-padding-inline: 16px;
    scroll-snap-type: x mandatory;
  }

  .blog-card-row {
    display: contents !important;
  }

  .blog-featured-card,
  .blog-card {
    display: flex !important;
    width: 294px !important;
    height: 326px !important;
    min-height: 326px !important;
    max-height: 326px !important;
    flex: 0 0 294px !important;
    flex-direction: column !important;
    padding: 10px !important;
    scroll-snap-align: start;
  }

  .blog-featured-media,
  .blog-card-media {
    width: 274px !important;
    height: 180px !important;
    flex: 0 0 180px !important;
    margin: 0 !important;
  }

  .blog-featured-content,
  .blog-card-content {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 0 0 !important;
  }

  .blog-featured-content h3,
  .blog-card h3 {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .blog-featured-content p {
    display: none !important;
  }

  .cta-section,
  .cta-panel {
    width: 100% !important;
    height: 447px !important;
    min-height: 447px !important;
  }

  .cta-section {
    padding: 0 !important;
  }

  .cta-section > .container-ghn {
    width: 100% !important;
  }

  .cta-panel {
    border-radius: 0 !important;
  }

  .cta-panel-bg {
    top: auto !important;
    bottom: 0 !important;
    height: 225px !important;
    background-position: right center !important;
  }

  .cta-panel-content {
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 24px 16px 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  .cta-panel-content .btn-pattern {
    align-self: center !important;
    justify-self: center !important;
  }

  .cta-panel h2 {
    width: 100% !important;
    max-width: 350px !important;
    margin-inline: auto !important;
    font-size: 24px !important;
    line-height: 31px !important;
  }

  .cta-panel p {
    margin: 8px auto 16px !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .site-footer {
    width: 100% !important;
    height: 661px !important;
    min-height: 661px !important;
  }

  .site-footer-inner {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
    width: 100% !important;
    height: 661px !important;
    padding: 42px 20px 48px !important;
  }

  .site-footer-bg {
    background-image: url("../assets/images/footer.png") !important;
    background-position: 72% center !important;
    background-size: auto 661px !important;
  }

  .footer-company {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .footer-company h2 {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 31px !important;
  }

  .footer-contact-list {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    gap: 8px 20px !important;
  }

  .footer-contact-list p:first-child {
    grid-column: 1 / -1 !important;
  }

  .footer-contact-list p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .footer-nav-area {
    margin: 0 !important;
  }

  .footer-link-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 24px !important;
  }

  .footer-link-group:nth-child(1) { grid-column: 1; grid-row: 1; }
  .footer-link-group:nth-child(2) { grid-column: 1; grid-row: 2; }
  .footer-link-group:nth-child(3) { grid-column: 2; grid-row: 1; }
  .footer-cert-social { grid-column: 2 !important; grid-row: 2; }

  .footer-link-group {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
  }

  .footer-link-group h3,
  .footer-cert-social h3 {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .footer-link-group a {
    font-size: 12px !important;
    line-height: 15px !important;
  }

  .footer-cert-social {
    display: grid !important;
    align-items: flex-start !important;
    justify-content: start !important;
    gap: 8px !important;
  }

  .footer-cert,
  .footer-social {
    margin: 0 !important;
  }

  .footer-cert-badge {
    width: 90px !important;
    height: 31px !important;
    padding: 2px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
  }

  .footer-cert-badge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
  }

  .footer-social h3 {
    width: auto !important;
  }

  .footer-social a {
    width: 20px !important;
    height: 20px !important;
  }

  .footer-legal {
    position: static !important;
    margin: 0 !important;
    padding-left: 18px !important;
  }

  .footer-legal li {
    font-size: 12px !important;
    line-height: 15.6px !important;
  }

  .footer-legal {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 0 18px !important;
  }

  .footer-legal li {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 15.6px !important;
  }

  .action-bar-2026 {
    top: 58% !important;
    right: 0 !important;
    bottom: auto !important;
    width: 66px !important;
    height: 144px !important;
    min-height: 144px !important;
    padding: 8px !important;
    border-radius: 12px 0 0 12px !important;
    transform: none !important;
  }
}