/* 
Theme Name:		 Highsmith
Author:			 Patrick Power Design
Author URI:		 https://patrickpower.design/
Template:		 twentytwentythree
Version:		 1.0.0
Text Domain:	 highsmith
*/
body {
  background-image: linear-gradient(to right, #ffffff, #f0f0f0); }

body, html,
#fullpage,
.section,
.slide,
.fp-tableCell {
  height: 100%; }

@font-face {
  font-family: oakes-grotesk;
  src: url(css/fonts/oakes-grotesk-regular.woff2) format("woff2"), url(css/fonts/oakes-grotesk-regular.woff) format("woff"); }
@font-face {
  font-family: oakes-grotesk;
  src: url(css/fonts/oakes-grotesk-semi-bold.woff2) format("woff2"), url(css/fonts/oakes-grotesk-semi-bold.woff) format("woff");
  font-weight: 600; }
@font-face {
  font-family: oakes-grotesk;
  src: url(css/fonts/oakes-grotesk-bold.woff2) format("woff2"), url(css/fonts/oakes-grotesk-bold.woff) format("woff");
  font-weight: 800; }
#scroll {
  display: flex;
  align-items: center;
  position: absolute;
  right: 6rem;
  top: calc(50% - 18px); }
  #scroll svg {
    width: 13.5px;
    margin-right: 12px;
    transition: transform ease 0.1s; }
  #scroll:hover {
    cursor: pointer; }
    #scroll:hover svg {
      transform: translateY(-2px); }
  #scroll.video-active {
    filter: invert(1); }

* {
  box-sizing: border-box;
  font-family: oakes-grotesk, sans-serif; }

h1 {
  font-weight: 800; }

h2 {
  font-weight: 600; }

:root {
  --green: #93F558;
  --h1FontSize: 34pt;
  --h2FontSize: 34pt;
  --h3FontSize: 21pt;
  --hColor: #000000;
  --paraFontSize: 18pt;
  --paraColor: #4E4E4E;
  --sec2Width: 180vw; }

/* Header */
.menu-trigger {
  display: none; }

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  color: var(--hColor);
  display: flex;
  justify-content: space-between;
  padding: 2rem 6rem 0;
  z-index: 10; }
  header nav ul {
    display: flex;
    padding: 0;
    gap: 4rem;
    list-style: none; }
    header nav ul li {
      font-size: 12pt; }
      header nav ul li a {
        transition: color ease 0.3s;
        text-decoration: none; }
  header.white a {
    color: white; }
  header a#process:hover {
    cursor: pointer; }
  header.video-active {
    filter: invert(1); }

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to right, #ECE9EE 0%, #fff 45%, #fff 65%, #ece9ee 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; }
  #loading img {
    width: 60px;
    opacity: 0.5; }

div.logo {
  position: relative;
  width: 60px; }
  div.logo img.logo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity ease 0.4s; }
    div.logo img.logo.no-text {
      opacity: 1; }
  div.logo:hover img.logo.text {
    opacity: 1; }

.white div.logo {
  filter: invert(1); }

main {
  position: relative;
  min-height: 450px;
  max-height: 100vh;
  --transition:transform linear .4s, opacity linear .6s; }
  main:has(> article.ey) {
    max-height: none; }
  main h2 {
    font-size: 18pt;
    line-height: 1.5;
    transition: var(--transition); }
    main h2.loaded {
      opacity: 1;
      transform: translateY(0px); }
    main h2 + :is(h2, h3) {
      transition-delay: 0.2s; }
  main h3 {
    font-size: 12.5pt;
    transition: var(--transition); }
    main h3.loaded {
      opacity: 1;
      transform: translateY(0px); }
    main h3 + h3, main h3 + ul {
      transition-delay: 0.2s; }
  main p, main ul li {
    padding: 0;
    font-size: 12.5pt;
    max-width: 480px; }
    main p strong, main ul li strong {
      white-space: nowrap;
      font-weight: 600; }
  main figcaption {
    font-size: 11pt; }
    main figcaption.visible span {
      opacity: 1 !important; }
  main ul {
    padding-left: 15px;
    transition: var(--transition); }
    main ul.loaded {
      opacity: 1;
      transform: translateY(0px); }

.stem {
  width: 1px;
  background: black;
  height: 0px;
  transition: height ease-out 0.8s;
  position: absolute;
  left: 0; }
  .stem.loaded {
    height: 80px; }

/*  Section backgrounds  */
#section__1,
#section__6,
.case-study-section__1,
.case-study-section__4 {
  background: linear-gradient(to right, #ECE9EE, #ffffff); }

#section__7 {
  background: #ffffff; }

#section__3,
#section__8,
.case-study-section__2,
.case-study-section__3 {
  background: linear-gradient(to left, #ECE9EE, #ffffff); }

#section__4,
#section__5,
#section__9,
.case-study-section__3 {
  background-color: #ece9ee; }

/* Section styles */
#section__1 > div {
  padding-left: 6rem;
  display: flex;
  align-items: center;
  position: relative; }
#section__1 h1 {
  font-size: 26pt;
  margin: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: var(--transition); }
  #section__1 h1.loaded {
    opacity: 1;
    transform: translateY(0px); }
#section__1 p {
  margin: .5rem 0 2rem;
  font-size: 14pt;
  opacity: 0;
  transform: translateY(10px);
  transition: var(--transition);
  transition-delay: .2s; }
  #section__1 p.loaded {
    opacity: 1;
    transform: translateY(0px); }
#section__1 a {
  opacity: 0;
  transition: var(--transition);
  transition-delay: .4s; }
  #section__1 a.loaded {
    opacity: 1; }
#section__1.about_page > div {
  padding-top: 3rem; }
  #section__1.about_page > div h1 {
    margin-bottom: 3rem; }

.section__1-video {
  position: absolute;
  bottom: -20%;
  width: 80rem;
  left: 20vw;
  z-index: 0; }
  .about_page .section__1-video {
    bottom: 10%;
    left: unset;
    width: 63rem;
    right: -10rem; }

article:is(.auto-trader, .ey) .fp-tableCell {
  display: flex;
  align-items: center;
  padding-left: 6rem;
  padding-right: 6rem; }
  article:is(.auto-trader, .ey) .fp-tableCell > div {
    display: flex;
    max-width: 1170px;
    align-items: center; }
article:is(.auto-trader, .ey) .case-study-section__1 h1 {
  font-size: 24pt;
  margin-top: 0; }
article:is(.auto-trader, .ey) .case-study-section__1 .section__1-heading {
  width: 40%; }
  article:is(.auto-trader, .ey) .case-study-section__1 .section__1-heading p {
    max-width: none; }
article:is(.auto-trader, .ey) .case-study-section__1 .section__1--video {
  width: 60%;
  padding-left: 3rem; }
  article:is(.auto-trader, .ey) .case-study-section__1 .section__1--video video {
    width: 100%; }
article:is(.auto-trader, .ey) .case-study-section__1 .section__1-image {
  width: 60%; }
  article:is(.auto-trader, .ey) .case-study-section__1 .section__1-image img {
    max-width: 100%;
    padding-left: 3rem; }
article:is(.auto-trader, .ey) .case-study-section__1 .fp-tableCell > div {
  position: relative;
  max-width: 100%; }
article:is(.auto-trader, .ey) .case-study-section__2 .fp-tableCell, article:is(.auto-trader, .ey) .case-study-section__7 .fp-tableCell, article:is(.auto-trader, .ey) .case-study-section__8 .fp-tableCell, article:is(.auto-trader, .ey) .case-study-section__9 .fp-tableCell {
  position: relative;
  padding: 0 12rem; }
article:is(.auto-trader, .ey) .case-study-section__2 .fp-tableCell > div, article:is(.auto-trader, .ey) .case-study-section__7 .fp-tableCell > div, article:is(.auto-trader, .ey) .case-study-section__8 .fp-tableCell > div, article:is(.auto-trader, .ey) .case-study-section__9 .fp-tableCell > div {
  margin: 0 auto;
  position: absolute;
  max-width: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  article:is(.auto-trader, .ey) .case-study-section__2 .fp-tableCell > div img, article:is(.auto-trader, .ey) .case-study-section__7 .fp-tableCell > div img, article:is(.auto-trader, .ey) .case-study-section__8 .fp-tableCell > div img, article:is(.auto-trader, .ey) .case-study-section__9 .fp-tableCell > div img {
    width: 100%; }
article:is(.auto-trader, .ey) .case-study-section__2:is(.nissan) .fp-tableCell > div:before {
  display: none; }
article:is(.auto-trader, .ey) .case-study-section__3 .fp-tableCell {
  position: relative;
  padding: 0 12rem; }
article:is(.auto-trader, .ey) .case-study-section__3 .fp-tableCell > div {
  margin: 0 auto;
  position: absolute;
  max-width: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  article:is(.auto-trader, .ey) .case-study-section__3 .fp-tableCell > div img {
    width: 100%; }
article:is(.auto-trader, .ey) .case-study-section__4 .fp-tableCell {
  position: relative;
  padding-left: 8rem; }
  article:is(.auto-trader, .ey) .case-study-section__4 .fp-tableCell > div {
    width: 100%;
    max-width: 920px;
    position: relative;
    margin: 0 auto; }
article:is(.auto-trader, .ey) .case-study-section__4 div.section__4-image {
  margin-left: 8%; }
  article:is(.auto-trader, .ey) .case-study-section__4 div.section__4-image img {
    max-width: 440px; }
article:is(.auto-trader, .ey) .case-study-section__5 .fp-tableCell {
  position: relative;
  padding-left: 8rem; }
  article:is(.auto-trader, .ey) .case-study-section__5 .fp-tableCell > div.section__5-heading {
    position: relative; }
    article:is(.auto-trader, .ey) .case-study-section__5 .fp-tableCell > div.section__5-heading:before {
      --length: calc(8rem - 30px);
      content: "";
      height: 1px;
      width: var(--length);
      background-color: black;
      position: absolute;
      left: calc(-1 * var(--length) - 30px); }
article:is(.auto-trader, .ey) .case-study-section__6 .fp-tableCell {
  padding-left: 8rem; }
  article:is(.auto-trader, .ey) .case-study-section__6 .fp-tableCell > div {
    position: relative; }
    article:is(.auto-trader, .ey) .case-study-section__6 .fp-tableCell > div:before {
      --length: calc(8rem - 30px);
      content: "";
      height: 1px;
      width: var(--length);
      background-color: black;
      position: absolute;
      left: calc(-1 * var(--length) - 30px); }
    article:is(.auto-trader, .ey) .case-study-section__6 .fp-tableCell > div:after {
      content: "";
      height: 1px;
      display: block;
      background: black;
      width: calc(100vw - 8rem - 520px);
      position: absolute;
      left: 520px; }
article:is(.auto-trader, .ey) .case-study-section__10 .fp-tableCell {
  padding-left: 18rem; }
  article:is(.auto-trader, .ey) .case-study-section__10 .fp-tableCell > div {
    position: relative; }

article.ey .ey {
  display: flex;
  padding: 10rem 6rem 3rem;
  min-height: 100%; }

#section__2:not(.case-study) {
  padding: 0;
  max-width: 2400px;
  position: relative;
  z-index: 2;
  overflow: hidden; }
  #section__2:not(.case-study) > div {
    display: flex; }
    #section__2:not(.case-study) > div > div {
      display: flex;
      width: 100%;
      justify-content: center; }
    #section__2:not(.case-study) > div video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      transform: translate(-50%, -50%);
      z-index: 1; }

#section__3 {
  position: relative; }
  #section__3 .fp-tableCell div.section__3-heading {
    transform: translateY(calc(-50% - 20px)); }
    #section__3 .fp-tableCell div.section__3-heading.low {
      transform: translateY(20px);
      position: relative;
      left: 100%; }
  #section__3 .fp-tableCell > div {
    position: relative;
    width: 100%; }
  #section__3 .stem {
    bottom: 50%; }
    #section__3 .stem.low {
      bottom: calc(50% - 40px);
      left: 100%;
      transform: rotate(180deg); }
    #section__3 .stem.vis {
      height: 40px; }

#section__3 {
  align-items: flex-start; }
  #section__3 > div {
    display: flex;
    align-items: center;
    padding-left: 6rem; }

#section__4 .fp-tableCell > div:first-child {
  transform: translateY(calc(50% + 40px));
  position: relative; }
#section__4 > div {
  display: flex;
  align-items: center;
  padding-left: 20rem; }
#section__4 .stem {
  top: -40px; }
  #section__4 .stem.vis {
    height: 40px; }

#section__4 {
  position: relative; }
  #section__4 .section__4-video {
    padding-top: 0;
    position: absolute;
    height: auto;
    z-index: 0;
    width: 1000px;
    right: 9rem;
    top: 23vh; }

#section__5 {
  position: relative;
  align-items: flex-start; }
  #section__5 > div {
    display: flex;
    align-items: center;
    padding-left: 20rem; }
  #section__5 .fp-tableCell > div:first-of-type {
    transform: translateY(calc(-50% - 50px));
    position: relative; }
  #section__5 .section__5-video {
    padding-top: 0;
    position: absolute;
    height: auto;
    z-index: 0;
    width: 1260px;
    right: -4rem;
    top: 34vh;
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg); }
  #section__5 .stem {
    bottom: -50px; }
    #section__5 .stem.vis {
      height: 40px; }

#section__6 > div {
  width: 100%;
  padding-left: 6rem; }
  #section__6 > div > div {
    display: flex;
    height: 100%;
    padding-right: 6rem;
    justify-content: center; }
  #section__6 > div div.section__6-heading {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 80%; }
    #section__6 > div div.section__6-heading figure {
      flex-basis: 37.5%;
      height: 50%;
      margin: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: 30px;
      padding-right: 4rem; }

#section__7 {
  position: relative;
  align-items: flex-start; }
  #section__7 .stem {
    bottom: -40px;
    height: 0px;
    transition: height ease 0.6s; }
    #section__7 .stem.vis {
      height: 40px; }
  #section__7 .fp-tableCell > div:first-child {
    transform: translateY(calc(-50% - 40px)); }
  #section__7 > div {
    display: flex;
    align-items: center;
    padding-left: 20rem; }
  #section__7 .section__7-video {
    padding-top: 0;
    position: absolute;
    height: auto;
    z-index: 0;
    width: 1110px;
    right: -7rem;
    top: 35vh;
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg); }

div.line {
  height: 1px;
  position: absolute;
  top: 50%;
  left: 22.222%;
  width: calc(55.555% + 200px);
  background-color: black;
  z-index: 2; }

div.lineEnd {
  height: 1px;
  position: absolute;
  top: 50%;
  left: calc(88.888% - 200px);
  width: 400px;
  background-color: black;
  z-index: 2; }
  div.lineEnd:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: black;
    position: absolute;
    right: 0;
    top: -3px; }

a[role="button"],
input[type="submit"] {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  padding: 10px 15px;
  min-width: 150px;
  font-size: 12pt;
  display: inline-block;
  letter-spacing: 0.8px;
  text-align: left;
  box-shadow: 2px 2px 0 0 var(--green);
  transition: transform ease 0.2s;
  cursor: pointer;
  border: 0; }
  a[role="button"]:hover,
  input[type="submit"]:hover {
    transform: translate(1px, 1px);
    box-shadow: 1px 1px 0 0 var(--green); }

#section__8 > div {
  display: flex;
  height: 100%; }
  #section__8 > div > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
    #section__8 > div > div .section__8-table {
      max-height: calc(100% - 110px);
      display: flex;
      aspect-ratio: 1; }
      #section__8 > div > div .section__8-table table {
        display: flex; }
        #section__8 > div > div .section__8-table table tbody {
          display: flex;
          flex-direction: column; }
          #section__8 > div > div .section__8-table table tbody tr {
            max-height: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: flex-start; }
            #section__8 > div > div .section__8-table table tbody tr td {
              text-align: center;
              display: flex;
              width: calc(100%/6);
              height: calc(100%/7);
              aspect-ratio: 1; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(1) {
                width: 25%;
                align-items: flex-end; }
                #section__8 > div > div .section__8-table table tbody tr td:nth-child(1) h5 {
                  text-transform: none;
                  font-weight: 400;
                  margin-bottom: 25px; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(2), #section__8 > div > div .section__8-table table tbody tr td:nth-child(3), #section__8 > div > div .section__8-table table tbody tr td:nth-child(4) {
                width: 25%; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(5) {
                width: calc(100%/12); }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(-n+5) {
                margin-bottom: 15px; }
              #section__8 > div > div .section__8-table table tbody tr td h5 {
                transition: opacity ease-in 0.4s; }
              #section__8 > div > div .section__8-table table tbody tr td img {
                z-index: 3;
                max-width: 100%;
                max-height: 100%;
                transition: transform ease 0.25s, opacity ease-in 0.4s; }
                #section__8 > div > div .section__8-table table tbody tr td img:hover {
                  -webkit-transform: scale(1.075);
                  transform: scale(1.075); }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(2) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(7) img {
                transition-delay: 0s,0.15s;
                animation-delay: 0.15s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(3) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(8) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(13) img {
                transition-delay: 0s,0.3s;
                animation-delay: 0.3s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(4) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(9) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(14) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(19) img {
                transition-delay: 0s,0.45s;
                animation-delay: 0.45s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(5) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(10) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(15) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(20) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(25) img {
                transition-delay: 0s,0.6s;
                animation-delay: 0.6s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(6) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(11) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(16) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(21) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(26) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(31) img {
                transition-delay: 0s,0.75s;
                animation-delay: .75s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(12) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(17) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(22) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(27) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(32) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(37) img {
                transition-delay: 0s,.9s;
                animation-delay: .9s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(18) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(23) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(28) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(33) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(38) img {
                transition-delay: 0s,1.05s;
                animation-delay: 1.05s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(24) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(29) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(34) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(39) img {
                transition-delay: 0s,1.2s;
                animation-delay: 1.2s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(30) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(35) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(40) img {
                transition-delay: 0s,1.35s;
                animation-delay: 1.35s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(36) img, #section__8 > div > div .section__8-table table tbody tr td:nth-child(41) img {
                transition-delay: 0s,1.5s;
                animation-delay: 1.5s; }
              #section__8 > div > div .section__8-table table tbody tr td:nth-child(42) img {
                transition-delay: 0s,1.65s;
                animation-delay: 1.65s; }
      #section__8 > div > div .section__8-table.loaded img {
        opacity: 1;
        animation-name: grow;
        animation-duration: 1.2s; }
        #section__8 > div > div .section__8-table.loaded img:not(.active) {
          opacity: 0.8; }
@keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
      #section__8 > div > div .section__8-table.loaded h5 {
        opacity: 1; }

#section__9 {
  position: relative; }
  #section__9 > div {
    display: flex;
    align-items: center;
    justify-content: center; }
  #section__9 .section__9-heading {
    text-align: center; }
    #section__9 .section__9-heading h1 {
      font-size: 26pt;
      line-height: 1.5;
      font-weight: 600;
      transform: translateY(10px);
      opacity: 0;
      margin-bottom: 0;
      transition: all ease 0.8s; }
      #section__9 .section__9-heading h1.loaded {
        opacity: 1;
        transform: translateY(0); }
    #section__9 .section__9-heading h3 {
      margin-bottom: 2.6rem; }
  #section__9 .section__9-form {
    width: 100%;
    max-width: 800px;
    opacity: 0;
    transition: var(--transition);
    transition-delay: .2s; }
    #section__9 .section__9-form form {
      flex-wrap: wrap;
      display: flex;
      gap: 10px; }
      #section__9 .section__9-form form > div > div {
        flex-basis: calc(50% - 10px);
        position: relative; }
        #section__9 .section__9-form form > div > div input {
          width: 100%;
          padding: 25px 15px 15px 10px;
          border: 0;
          font-size: 12.5pt; }
        #section__9 .section__9-form form > div > div label {
          top: 5px;
          left: 10px;
          font-size: 9pt;
          letter-spacing: 0.1pt;
          color: rgba(0, 0, 0, 0.5);
          position: absolute;
          z-index: 1; }
        #section__9 .section__9-form form > div > div:last-child {
          display: flex;
          flex-basis: 100%;
          margin-top: 2rem; }
          #section__9 .section__9-form form > div > div:last-child input {
            width: 25%;
            min-width: 120px;
            padding: 10px 15px;
            font-size: 12pt;
            margin-right: 3rem; }
          #section__9 .section__9-form form > div > div:last-child p {
            font-size: 8.5pt;
            padding-top: 0;
            margin-top: 0;
            opacity: 0.6; }
    #section__9 .section__9-form.loaded {
      opacity: 1; }

/* Case Study page */
.case-study:is(#section__1, #section__2, #section__3) h1 {
  font-size: 26pt;
  margin: 0; }
.case-study:is(#section__1, #section__2, #section__3) p {
  margin: .5rem 0 2rem; }

div.copyright_tag {
  --copyrightTagHeight: 42px;
  --copyrightTagWidth: 300px;
  position: absolute;
  height: var(--copyrightTagHeight);
  width: var(--copyrightTagWidth);
  display: flex;
  align-items: center;
  justify-content: center;
  right: calc(-1 * ((var(--copyrightTagWidth) / 2) - (.5 *var(--copyrightTagHeight))));
  top: calc(50% - (var(--copyrightTagHeight) / 2));
  transform-origin: center center;
  transform: rotate(-90deg);
  background-color: var(--green); }
  div.copyright_tag p {
    font-size: 10pt; }

div.contact_tag {
  --tagHeight: 140px;
  position: fixed;
  left: 0;
  bottom: 3rem;
  background-color: var(--green);
  height: var(--tagHeight);
  display: flex;
  min-width: 45px;
  transition: min-width ease 1.2s, opacity linear 0.2s;
  transition-delay: 0s, 0.6s;
  z-index: 99;
  opacity: 0; }
  div.contact_tag:not(.open):hover {
    min-width: 50px; }
    div.contact_tag:not(.open):hover div {
      width: 50px; }
  div.contact_tag p {
    flex-grow: 1;
    display: none;
    align-items: flex-start;
    justify-content: flex-end;
    width: 0;
    opacity: 0;
    flex-direction: column; }
    div.contact_tag p a {
      font-weight: 600;
      text-decoration: none;
      color: inherit; }
  div.contact_tag svg {
    display: none; }
  div.contact_tag div {
    order: 1;
    width: 45px;
    position: relative;
    transition: width ease 0.2s; }
    div.contact_tag div h4 {
      cursor: pointer;
      font-size: 10pt;
      letter-spacing: 2px;
      font-weight: 800;
      text-transform: uppercase;
      transform: rotate(90deg);
      transform-origin: top left;
      margin: 0;
      width: var(--tagHeight);
      position: absolute;
      left: 100%;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center; }
  div.contact_tag.open p {
    display: flex;
    padding-left: 1rem;
    opacity: 1;
    width: 400px; }

.home #section__1 {
  position: relative;
  --width:300px; }
  .home #section__1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    left: calc(100vw - var(--width));
    top: 50%;
    background-color: black;
    transition: width ease-out 0.6s;
    transition-delay: 2.2s; }
  .home #section__1:before {
    transition: all ease 0.2s;
    transition-delay: 1.8s;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    opacity: 0;
    border-radius: 50%;
    background-color: black;
    left: calc(100vw - var(--width) - 3.5px);
    top: calc(50% - 3.5px); }
  .home #section__1.loaded:before {
    opacity: 1; }
  .home #section__1.loaded:after {
    width: var(--width); }

article:is(.auto-trader, .ey) .case-study-section__2 .fp-tableCell > div::before {
  display: none; }

.twentytwentyfour .mobile_ev_summit {
  display: none; }
.twentytwentyfour .page.slide {
  padding: 6rem;
  min-height: 560px;
  position: relative; }
  .twentytwentyfour .page.slide:not(#section-1)::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    height: 1px;
    width: 0%;
    left: 0;
    background: black;
    display: block;
    transition: width linear 1s; }
  .twentytwentyfour .page.slide:not(#section-1).lineLoaded::after {
    width: 100%; }
  .twentytwentyfour .page.slide:is(.rows) .fp-tableCell {
    display: flex;
    flex-direction: column; }
    .twentytwentyfour .page.slide:is(.rows) .fp-tableCell section {
      flex-basis: auto;
      height: 50%; }
    .twentytwentyfour .page.slide:is(.rows) .fp-tableCell section:nth-child(2) {
      padding-left: 50%; }
  .twentytwentyfour .page.slide:is(.columns) .fp-tableCell {
    display: flex;
    flex-direction: row; }
  .twentytwentyfour .page.slide section {
    --stemLength: 40px;
    flex-basis: 50%;
    display: flex;
    position: relative;
    flex-direction: column; }
    .twentytwentyfour .page.slide section:nth-of-type(1) {
      justify-content: flex-end;
      padding-bottom: calc(1rem + var(--stemLength)); }
    .twentytwentyfour .page.slide section:nth-of-type(2) {
      justify-content: flex-start;
      padding-top: calc(1rem + var(--stemLength)); }
    .twentytwentyfour .page.slide section :is(h2, h3) {
      margin-bottom: 1rem;
      max-width: 430px; }
    .twentytwentyfour .page.slide section * {
      margin: 0; }
  .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) {
    flex-basis: 100%;
    justify-content: center;
    align-items: flex-start;
    z-index: 1; }
    .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) h1 {
      font-size: 26pt;
      margin: 0;
      opacity: 0;
      transform: translateY(10px);
      transition: var(--transition);
      transition-delay: .4s; }
      .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) h1.pageLoaded {
        opacity: 1;
        transform: translateY(0px); }
    .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) p {
      margin: .5rem 0 2rem;
      font-size: 14pt;
      opacity: 0;
      transform: translateY(10px);
      transition: var(--transition);
      transition-delay: .6s; }
      .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) p.pageLoaded {
        opacity: 1;
        transform: translateY(0px); }
    .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) a {
      opacity: 0;
      transition: var(--transition);
      transition-delay: .8s; }
      .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) a.pageLoaded {
        opacity: 1; }
  .twentytwentyfour .page.slide#section-1 section:nth-of-type(2) {
    position: absolute;
    padding-left: 0;
    right: 0;
    bottom: 10%; }
    .twentytwentyfour .page.slide#section-1 section:nth-of-type(2) lottie-player {
      width: 780px;
      max-width: 60vw; }
  .twentytwentyfour .page.slide#section-1 div.scroll-indicator {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: right;
    position: relative;
    top: 4rem;
    width: 0;
    opacity: 0;
    transition: width 1s cubic-bezier(0.77, 0, 0.175, 1), opacity ease 0.2s;
    transition-delay: 1.4s, 0.8s; }
    .twentytwentyfour .page.slide#section-1 div.scroll-indicator::after {
      position: absolute;
      content: "";
      height: 1px;
      display: block;
      width: calc(100% - 70px);
      top: 50%;
      background-color: black; }
    .twentytwentyfour .page.slide#section-1 div.scroll-indicator.pageLoaded {
      width: 100%;
      opacity: 1; }
  .twentytwentyfour .page.slide#section-2 {
    padding: 0; }
    .twentytwentyfour .page.slide#section-2 .fp-tableCell {
      position: relative;
      overflow: hidden; }
      .twentytwentyfour .page.slide#section-2 .fp-tableCell video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        z-index: 1; }
    .twentytwentyfour .page.slide#section-2::after {
      display: none; }
    .twentytwentyfour .page.slide#section-2 #volume {
      position: absolute;
      bottom: 2rem;
      left: calc(100% - 6rem);
      width: 11px;
      height: 20px;
      z-index: 1;
      background-image: url(assets/images/sound.gif);
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: top left; }
      .twentytwentyfour .page.slide#section-2 #volume:hover {
        cursor: pointer;
        width: 20px; }
      .twentytwentyfour .page.slide#section-2 #volume.soundOn {
        width: 20px; }
  .twentytwentyfour .page.slide#section-4 .fp-tableCell section:nth-child(2) {
    padding-left: 20%; }
  .twentytwentyfour .page.slide#section-5 {
    /* Events bit */ }
    .twentytwentyfour .page.slide#section-5 .fp-tableCell {
      flex-wrap: wrap; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .twentytwentyfour .page.slide#section-5 {
        padding: 6rem 1rem; } }
    .twentytwentyfour .page.slide#section-5 section {
      width: 25%;
      flex-basis: 25%;
      height: 50%; }
      .twentytwentyfour .page.slide#section-5 section:nth-of-type(1), .twentytwentyfour .page.slide#section-5 section:nth-of-type(2), .twentytwentyfour .page.slide#section-5 section:nth-of-type(3), .twentytwentyfour .page.slide#section-5 section:nth-of-type(4) {
        justify-content: flex-end;
        padding-bottom: calc(1rem + var(--stemLength));
        padding-right: 1rem; }
        .twentytwentyfour .page.slide#section-5 section:nth-of-type(1) figure, .twentytwentyfour .page.slide#section-5 section:nth-of-type(2) figure, .twentytwentyfour .page.slide#section-5 section:nth-of-type(3) figure, .twentytwentyfour .page.slide#section-5 section:nth-of-type(4) figure {
          position: relative; }
          .twentytwentyfour .page.slide#section-5 section:nth-of-type(1) figure::after, .twentytwentyfour .page.slide#section-5 section:nth-of-type(2) figure::after, .twentytwentyfour .page.slide#section-5 section:nth-of-type(3) figure::after, .twentytwentyfour .page.slide#section-5 section:nth-of-type(4) figure::after {
            position: absolute;
            bottom: calc(-1 * (1rem + var(--stemLength)));
            left: 0;
            height: var(--stemLength);
            width: 1px;
            background: black;
            content: ""; }
      @media (min-width: 768px) {
        .twentytwentyfour .page.slide#section-5 section:nth-of-type(5) {
          padding-left: 2rem !important; } }
      @media (min-width: 1200px) {
        .twentytwentyfour .page.slide#section-5 section:nth-of-type(5) {
          margin-left: 3rem; } }
      .twentytwentyfour .page.slide#section-5 section:nth-of-type(7), .twentytwentyfour .page.slide#section-5 section:nth-of-type(5), .twentytwentyfour .page.slide#section-5 section:nth-of-type(6) {
        justify-content: flex-start;
        padding-top: calc(1rem + var(--stemLength));
        padding-left: 5rem;
        width: 30%;
        flex-basis: 30%; }
        .twentytwentyfour .page.slide#section-5 section:nth-of-type(7) figure, .twentytwentyfour .page.slide#section-5 section:nth-of-type(5) figure, .twentytwentyfour .page.slide#section-5 section:nth-of-type(6) figure {
          position: relative; }
          .twentytwentyfour .page.slide#section-5 section:nth-of-type(7) figure::after, .twentytwentyfour .page.slide#section-5 section:nth-of-type(5) figure::after, .twentytwentyfour .page.slide#section-5 section:nth-of-type(6) figure::after {
            position: absolute;
            top: calc(-1 * (1rem + var(--stemLength)));
            left: 0%;
            height: var(--stemLength);
            width: 1px;
            background: black;
            content: ""; }
    .twentytwentyfour .page.slide#section-5 img {
      width: auto;
      height: 35px;
      margin-bottom: 1.5rem; }
    .twentytwentyfour .page.slide#section-5 section:nth-child(6) img, .twentytwentyfour .page.slide#section-5 section:nth-child(7) img {
      height: 25px; }
      @media (min-width: 768px) and (max-width: 1199px) {
        .twentytwentyfour .page.slide#section-5 section:nth-child(6) img, .twentytwentyfour .page.slide#section-5 section:nth-child(7) img {
          height: 15px; } }
    .twentytwentyfour .page.slide#section-5 section:nth-child(7) img {
      height: 25px; }
      @media (min-width: 1200px) {
        .twentytwentyfour .page.slide#section-5 section:nth-child(7) img {
          height: 20px; } }
  .twentytwentyfour .page.slide#section-7 {
    /* Logos bit */ }
    .twentytwentyfour .page.slide#section-7::after {
      width: 0;
      left: calc(100% - 12rem);
      right: 0;
      transition: width linear .166s;
      transition-delay: 0.833s; }
    .twentytwentyfour .page.slide#section-7::before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      height: 1px;
      width: 0;
      left: 0;
      background: black;
      display: block;
      transition: width linear .166s; }
    .twentytwentyfour .page.slide#section-7.lineLoaded::after {
      width: 12rem; }
    .twentytwentyfour .page.slide#section-7.lineLoaded::before {
      width: 12rem; }
    .twentytwentyfour .page.slide#section-7 .fp-tableCell {
      padding: 6rem 0;
      justify-content: center;
      display: flex; }
    .twentytwentyfour .page.slide#section-7 .logos_table {
      height: 100%;
      display: flex;
      aspect-ratio: 1; }
      .twentytwentyfour .page.slide#section-7 .logos_table table {
        display: flex;
        width: 100%; }
        .twentytwentyfour .page.slide#section-7 .logos_table table tbody {
          display: flex;
          width: 100%;
          flex-direction: column; }
          .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr {
            max-height: 100%;
            flex-wrap: wrap;
            display: flex;
            justify-content: flex-start; }
            .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td {
              text-align: center;
              display: flex;
              width: calc(100%/6);
              height: calc(100%/7);
              aspect-ratio: 1; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(1) {
                width: 25%;
                align-items: flex-end; }
                .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(1) h5 {
                  text-transform: none;
                  font-weight: 400;
                  opacity: 0;
                  margin-bottom: 25px;
                  transition: var(--transition); }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(2), .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(3), .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(4) {
                width: 25%; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(-n+5) {
                margin-bottom: 15px; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td h5 {
                transition: opacity ease-in 0.4s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td img {
                z-index: 3;
                max-width: 100%;
                max-height: 100%;
                transition: transform ease 0.25s, opacity ease-in 0.4s;
                opacity: 0; }
                .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td img:hover {
                  -webkit-transform: scale(1.075);
                  transform: scale(1.075); }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(2) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(5) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(6) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(11) img {
                transition-delay: 0s,0.15s;
                animation-delay: 0.15s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(3) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(7) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(12) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(17) img {
                transition-delay: 0s,0.3s;
                animation-delay: 0.3s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(8) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(13) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(18) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(23) img {
                transition-delay: 0s,0.45s;
                animation-delay: 0.45s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(4) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(9) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(14) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(19) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(24) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(29) img {
                transition-delay: 0s,0.6s;
                animation-delay: 0.6s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(10) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(15) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(20) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(25) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(30) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(35) img {
                transition-delay: 0s,0.75s;
                animation-delay: .75s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(16) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(21) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(26) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(31) img {
                transition-delay: 0s,1.05s;
                animation-delay: 1.05s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(22) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(27) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(32) img {
                transition-delay: 0s,1.2s;
                animation-delay: 1.2s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(28) img, .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(33) img {
                transition-delay: 0s,1.35s;
                animation-delay: 1.35s; }
              .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(34) img {
                transition-delay: 0s,1.5s;
                animation-delay: 1.5s; }
      .twentytwentyfour .page.slide#section-7 .logos_table.loaded img {
        opacity: 1;
        animation-name: grow;
        animation-duration: 1.2s; }
        .twentytwentyfour .page.slide#section-7 .logos_table.loaded img:not(.active) {
          opacity: 0.8; }
@keyframes grow {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
      .twentytwentyfour .page.slide#section-7 .logos_table.loaded table tbody tr td:nth-child(1) h5 {
        opacity: 1; }
  .twentytwentyfour .page.slide#section-8 section {
    align-items: flex-start;
    height: 50%; }
    .twentytwentyfour .page.slide#section-8 section:nth-child(1), .twentytwentyfour .page.slide#section-8 section:nth-child(3) {
      justify-content: flex-end;
      padding-bottom: calc(1rem + var(--stemLength)); }
      .twentytwentyfour .page.slide#section-8 section:nth-child(1)::after, .twentytwentyfour .page.slide#section-8 section:nth-child(3)::after {
        position: absolute;
        bottom: 0;
        left: 0%;
        height: 0;
        width: 1px;
        background: black;
        transition: height linear 0.3s;
        content: ""; }
    .twentytwentyfour .page.slide#section-8 section:nth-child(2) {
      justify-content: flex-start;
      align-self: flex-end; }
      .twentytwentyfour .page.slide#section-8 section:nth-child(2)::after {
        left: 0 !important; }
  .twentytwentyfour .page.slide#section-8 a[role="button"] {
    transform: scale(0.75);
    transform-origin: left; }
    @media (max-width: 767px) {
      .twentytwentyfour .page.slide#section-8 a[role="button"] {
        text-align: center;
        margin-top: 10px; } }
  .twentytwentyfour .page.slide#section-9 {
    /* Form bit */ }
    .twentytwentyfour .page.slide#section-9::before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      height: 1px;
      width: 0rem;
      left: 0;
      background: black;
      display: block;
      transition: width linear 0.08s;
      transition-delay: 0.4s; }
    .twentytwentyfour .page.slide#section-9::after {
      width: 10px;
      height: 10px;
      left: 6rem;
      top: calc(50% - 4px);
      border-radius: 50%;
      opacity: 0;
      transition: opacity linear 0s;
      transition-delay: .48s; }
    .twentytwentyfour .page.slide#section-9.lineLoaded::before {
      width: 6rem; }
    .twentytwentyfour .page.slide#section-9.lineLoaded::after {
      opacity: 1;
      width: 10px; }
    .twentytwentyfour .page.slide#section-9 .fp-tableCell {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .twentytwentyfour .page.slide#section-9 .fp-tableCell > section {
        justify-content: flex-start;
        padding: 0;
        flex-basis: unset;
        align-items: center; }
        .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h1 {
          font-size: 26pt;
          margin-bottom: .5rem; }
        .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h3 {
          margin-bottom: 1.5rem; }
    .twentytwentyfour .page.slide#section-9 .form {
      width: 100%;
      max-width: 800px;
      transition: var(--transition);
      transition-delay: .2s; }
      .twentytwentyfour .page.slide#section-9 .form form {
        flex-wrap: wrap;
        display: flex;
        gap: 10px; }
        .twentytwentyfour .page.slide#section-9 .form form > div {
          flex-wrap: wrap;
          display: flex;
          gap: 10px; }
        .twentytwentyfour .page.slide#section-9 .form form > div > div {
          flex-basis: calc(50% - 10px);
          position: relative; }
          .twentytwentyfour .page.slide#section-9 .form form > div > div input {
            width: 100%;
            padding: 25px 15px 15px 10px;
            font-size: 12.5pt; }
          .twentytwentyfour .page.slide#section-9 .form form > div > div label {
            top: 5px;
            left: 10px;
            font-size: 9pt;
            letter-spacing: 0.1pt;
            color: rgba(0, 0, 0, 0.5);
            position: absolute;
            z-index: 1; }
          .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child {
            display: flex;
            flex-basis: 100%;
            margin-top: 2rem;
            align-items: flex-start; }
            .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child input:not([type="checkbox"]) {
              width: 25%;
              min-width: 120px;
              padding: 10px 15px;
              font-size: 12pt;
              margin-right: 3rem; }
            .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child p {
              font-size: 8.5pt;
              padding-top: 0;
              margin-top: 0;
              opacity: 0.6;
              display: flex;
              align-items: flex-start;
              column-gap: 1rem; }
              .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child p input {
                width: auto; }
        .twentytwentyfour .page.slide#section-9 .form form.pageLoaded * {
          opacity: 1;
          transform: translateY(0);
          transition: var(--transition); }
      .twentytwentyfour .page.slide#section-9 .form.loaded {
        opacity: 1; }
  .twentytwentyfour .page.slide:is(#section-3, #section-4, #section-6, #section-8) section:nth-of-type(1)::after {
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 0;
    width: 1px;
    background: black;
    transition: height linear 0.3s;
    content: ""; }
  .twentytwentyfour .page.slide:is(#section-3, #section-4, #section-6, #section-8).lineLoaded section:nth-of-type(1)::after {
    height: var(--stemLength); }
  .twentytwentyfour .page.slide:is(#section-3) section:nth-of-type(2) {
    padding-left: 50%; }
    .twentytwentyfour .page.slide:is(#section-3) section:nth-of-type(2)::after {
      position: absolute;
      top: 0;
      left: 50%;
      height: 0;
      width: 1px;
      background: black;
      content: "";
      transition: height linear 0.3s;
      transition-delay: 0.55s; }
  .twentytwentyfour .page.slide:is(#section-3).lineLoaded section:nth-of-type(2)::after {
    height: var(--stemLength); }
  .twentytwentyfour .page.slide:is(#section-6, #section-8) section:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 50%;
    height: 0;
    width: 1px;
    background: black;
    content: "";
    transition: height linear 0.3s;
    transition-delay: 0.55s; }
  .twentytwentyfour .page.slide:is(#section-6, #section-8).lineLoaded section:nth-of-type(2)::after {
    height: var(--stemLength); }
  .twentytwentyfour .page.slide:is(#section-8) section:nth-of-type(3)::after {
    height: 0;
    transition: height linear 0.3s;
    transition-delay: 1.1s; }
  .twentytwentyfour .page.slide:is(#section-8).lineLoaded section:nth-of-type(3)::after {
    height: var(--stemLength); }
.twentytwentyfour .page.slide section *:not(:is(lottie-player)) {
  opacity: 0;
  transform: translateY(2px); }
  .twentytwentyfour .page.slide section *:not(:is(lottie-player)).pageLoaded {
    opacity: 1;
    transform: translateY(0); }
.twentytwentyfour .page.slide#section-5 figure img {
  transform: translateY(2px);
  cursor: pointer; }
  .twentytwentyfour .page.slide#section-5 figure img:hover {
    cursor: pointer; }
.twentytwentyfour .page.slide#section-5 figure:hover {
  cursor: pointer; }
.twentytwentyfour .page.slide#section-5 figure figcaption {
  max-width: 510px;
  max-height: 0;
  overflow: hidden;
  transition: max-height ease 1s, opacity ease 0.2s;
  transition-delay: 0s, 0.2s; }
  .twentytwentyfour .page.slide#section-5 figure figcaption.visible {
    opacity: 1;
    overflow: visible;
    max-height: 999px; }
.twentytwentyfour .page.slide#section-5 figure.pageLoaded img {
  opacity: 1;
  transform: translateY(0);
  transition: var(--transition); }
@media (min-width: 768px) and (max-height: 668px) {
  .twentytwentyfour :is(#section-6,#section-8).page.slide section:nth-of-type(1) {
    padding-bottom: 30px; }
    .twentytwentyfour :is(#section-6,#section-8).page.slide section:nth-of-type(1) :is(h2, h3) {
      margin-bottom: 0.3rem; }
    .twentytwentyfour :is(#section-6,#section-8).page.slide section:nth-of-type(1) ul li {
      font-size: 10pt; }
  .twentytwentyfour :is(#section-6, #section-8).page.slide section:nth-of-type(1)::after {
    --stemLength: 15px; } }
.twentytwentyfour #image_1 section {
  max-height: 100%;
  padding: 6rem 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .twentytwentyfour #image_1 section img {
    width: auto;
    height: 100%;
    transition: opacity ease 0.4s, transform ease 0.8s;
    z-index: 1;
    max-width: 100vw; }
    .twentytwentyfour #image_1 section img.pageLoaded {
      opacity: 1; }
    .twentytwentyfour #image_1 section img:hover {
      transform: scale(1.01); }
.twentytwentyfour #image_2 section {
  max-height: 100%;
  padding: 6rem 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .twentytwentyfour #image_2 section img {
    width: auto;
    height: 100%;
    transition: opacity ease 0.4s, transform ease 0.8s;
    z-index: 1; }
    .twentytwentyfour #image_2 section img.pageLoaded {
      opacity: 1; }
    .twentytwentyfour #image_2 section img:hover {
      transform: scale(1.01); }

.twentytwentyfour article:is(.auto-trader) .case-study-section__1 .section__1-heading {
  width: 50%; }

.twentytwnetyfour article:is(.auto-trader) .case-study-section__4 .fp-tableCell {
  padding-left: 6rem; }

.auto-trader .case-study-section__1 .fp-tableCell {
  position: relative; }
.auto-trader span.scroll-indicator {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: right;
  position: absolute !important;
  bottom: 4rem;
  width: 0;
  opacity: 0;
  transition: width 1s cubic-bezier(0.77, 0, 0.175, 1), opacity ease 0.2s;
  transition-delay: 1.4s, 0.8s;
  display: block; }
  .auto-trader span.scroll-indicator::after {
    position: absolute;
    content: "";
    height: 1px;
    display: block;
    width: calc(100% - 70px);
    top: 50%;
    background-color: black; }
  .auto-trader span.scroll-indicator.pageLoaded {
    width: calc(100% - 12rem);
    opacity: 1; }
.auto-trader .case-study-section__4 .section__4-heading {
  opacity: 0;
  transform: translateY(2px);
  transition: var(--transition); }
.auto-trader .case-study-section__4 .section__4-image {
  opacity: 0;
  transform: translateY(2px);
  transition: var(--transition);
  transition-delay: 0.2s; }
.auto-trader .case-study-section__4.pageLoaded :is(.section__4-heading, .section__4-image) {
  opacity: 1;
  transform: translateY(0); }
.auto-trader .case-study-section__4 .fp-tableCell {
  position: relative; }
  .auto-trader .case-study-section__4 .fp-tableCell::after {
    width: 0;
    left: calc(100% - 8rem);
    right: auto;
    height: 1px;
    background: black;
    transition: width linear .166s;
    transition-delay: 0.833s;
    content: "";
    position: absolute; }
  .auto-trader .case-study-section__4 .fp-tableCell::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    height: 1px;
    width: 0;
    left: 0;
    background: black;
    display: block;
    transition: width linear .166s; }
.auto-trader .case-study-section__4.pageLoaded .fp-tableCell::after {
  width: 8rem; }
.auto-trader .case-study-section__4.pageLoaded .fp-tableCell::before {
  width: 8rem; }
.auto-trader .case-study-section__5 {
  position: relative; }
  .auto-trader .case-study-section__5 .section__5-heading {
    opacity: 0;
    transition: var(--transition);
    transition-delay: 0.2s; }
  .auto-trader .case-study-section__5.pageLoaded::after {
    width: calc(100vw - 480px - 16rem - 30px); }
  .auto-trader .case-study-section__5.pageLoaded .section__5-heading {
    opacity: 1; }
  .auto-trader .case-study-section__5::after {
    content: "";
    height: 1px;
    width: 0;
    background: black;
    position: absolute;
    top: calc(50% - 0.5px);
    left: calc(16rem + 480px + 30px);
    display: block;
    transition: width linear 0.8s;
    transition-delay: 0.6s; }
.auto-trader .case-study-section__10 {
  position: relative; }
  .auto-trader .case-study-section__10 .section__10-heading {
    opacity: 0;
    transform: translateY(2px);
    transition: var(--transition); }
  .auto-trader .case-study-section__10::before {
    content: "";
    height: 1px;
    width: 0;
    background: black;
    position: absolute;
    top: calc(50% - 0.5px);
    left: 0;
    display: block;
    transition: width linear 0.4s; }
  .auto-trader .case-study-section__10 span.line {
    display: block;
    width: 0rem;
    height: 1px;
    background: black;
    position: relative;
    left: 30px;
    transition: width linear 0.4s;
    transition-delay: .6s; }
    .auto-trader .case-study-section__10 span.line:after {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: black;
      position: absolute;
      right: 0;
      top: -3px;
      opacity: 0;
      transition: opacity linear 0s;
      transition-delay: 1.01s; }
  .auto-trader .case-study-section__10.pageLoaded::before {
    width: 12rem; }
  .auto-trader .case-study-section__10.pageLoaded span.line {
    width: 15rem; }
    .auto-trader .case-study-section__10.pageLoaded span.line::after {
      opacity: 1; }
  .auto-trader .case-study-section__10.pageLoaded .section__10-heading {
    opacity: 1;
    transform: translateY(0); }

article:is(.nissan) .case-study-section__1 .section__1-heading {
  width: 70%; }

.twentytwentyfour #section__1.about_page > div {
  padding: 11rem 6rem 11rem;
  flex-direction: column;
  align-items: flex-start;
  height: auto !important; }
  .twentytwentyfour #section__1.about_page > div h1 {
    font-size: 22pt; }
  .twentytwentyfour #section__1.about_page > div p {
    font-size: 12.5pt; }
.twentytwentyfour .about_page .section__1-video {
  display: none; }

.fp-responsive main {
  max-height: none;
  height: auto !important; }

.fp-responsive header {
  position: absolute; }

main:is(.green-days-page, .content-mirroring-page, .about-page, .public-affairs-page) section p {
  max-width: 75%; }

main.privacy section p {
  max-width: 75%; }
main.privacy #section__1 {
  background: inherit; }
main.privacy table {
  border-collapse: collapse; }
  main.privacy table :is(td, th) {
    padding: 10px;
    font-size: 13px;
    border: 1px solid gray; }

.contact_tag small {
  font-size: 40%;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.2px;
  margin-top: 15px; }
  .contact_tag small:hover {
    text-decoration: underline; }

figure.pageLoaded figcaption a {
  opacity: 1 !important;
  transition: var(--transition); }

main:is(.about-page, .content-mirroring-page, .green-days-page, .public-affairs-page) {
  max-height: none;
  min-height: 100%; }
  main:is(.about-page, .content-mirroring-page, .green-days-page, .public-affairs-page) .section {
    height: unset;
    min-height: 100%; }
  main:is(.about-page, .content-mirroring-page, .green-days-page, .public-affairs-page) .copyright_tag {
    position: fixed;
    top: auto;
    bottom: calc((var(--copyrightTagWidth) / 2) + 1.5rem); }
  main:is(.about-page, .content-mirroring-page, .green-days-page, .public-affairs-page) #section__1 {
    background: none; }

@media (min-width: 1200px) and (max-height: 570px) {
  main h2 {
    font-size: 13pt; }

  main :is(h3, p, ul li) {
    font-size: 10.5pt; }

  main figcaption,
  .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child input {
    font-size: 9pt; }

  main h5 {
    margin-bottom: .5rem;
    font-size: 9pt; }

  .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h1 {
    font-size: 16pt; }

  .twentytwentyfour .page.slide section :is(h2, h3) {
    margin-bottom: .4rem; } }
@media (min-width: 1200px) and (min-height: 571px) and (max-height: 700px) {
  main h2 {
    font-size: 15pt; }

  main :is(h3, p, ul li) {
    font-size: 11.5pt; }

  main h5 {
    margin-bottom: .5rem;
    font-size: 11.5pt; }

  .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h1 {
    font-size: 20pt; }

  .twentytwentyfour .page.slide section :is(h2, h3) {
    margin-bottom: .4rem; } }
@media (max-width: 767px) {
  header.open div.logo img {
    filter: invert(1); }
  header.open nav {
    position: absolute;
    top: 100px;
    width: 100%;
    left: 0;
    padding: 116px 1.5rem 1rem;
    top: 0;
    z-index: -1;
    background: black; }
    header.open nav ul {
      flex-direction: column; }
      header.open nav ul li a {
        color: white; }
  header.open .menu-trigger {
    color: white; }

  header:not(.open) nav {
    display: none; }

  .menu-trigger {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    display: flex;
    height: 48px;
    align-items: center;
    font-size: 16px;
    letter-spacing: 2.5px; }

  .twentytwentyfour .page.slide.active section :not(:is(lottie-player)),
  .twentytwentyfour .page.slide.active + .page.slide section :not(:is(lottie-player)),
  .twentytwentyfour .page.slide:has(+ .page.slide.active) section :not(:is(lottie-player)) {
    opacity: 1;
    transform: translateY(0); }

  body {
    overflow-x: hidden !important; }

  header {
    padding: 2rem 1rem 0; }

  .twentytwentyfour .page.slide:is(.rows) .fp-tableCell section {
    height: 66vw;
    max-height: 300px;
    padding-bottom: 0;
    justify-content: center; }

  .twentytwentyfour .page.slide section:nth-of-type(2) {
    padding-top: 0; }

  div.contact_tag {
    --tagHeight: 100px;
    min-width: 35px;
    bottom: 0.5rem; }
    div.contact_tag div {
      width: 35px; }
      div.contact_tag div h4 {
        font-size: 8pt;
        height: 35px; }
    div.contact_tag.open p {
      width: 75vw;
      font-size: 14px; }

  div.copyright_tag {
    transform: none;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    top: auto;
    background: transparent; }

  .twentytwentyfour .page.slide {
    padding: 1rem 3rem;
    max-height: 66vh; }
    .twentytwentyfour .page.slide:is(#image_1, #image_2) {
      max-height: 100vw;
      min-height: auto; }
    .twentytwentyfour .page.slide:is(#section-1) {
      max-height: 100vh;
      padding: 1rem 1.3rem; }
      .twentytwentyfour .page.slide:is(#section-1) .fp-tableCell section:nth-of-type(1) {
        height: 50%;
        max-height: 50vh;
        padding-top: 9rem; }
    .twentytwentyfour .page.slide:is(#section-2) {
      max-height: 100vh; }
    .twentytwentyfour .page.slide:is(#section-5) {
      max-height: none;
      height: auto !important; }
      .twentytwentyfour .page.slide:is(#section-5) .fp-tableCell {
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto !important; }
      .twentytwentyfour .page.slide:is(#section-5) section {
        width: 100%;
        flex-basis: 100%;
        height: auto; }
        .twentytwentyfour .page.slide:is(#section-5) section:is(:nth-child(4), :nth-child(5), :nth-child(6)) {
          padding: 0 0 calc(1rem + var(--stemLength)) 0; }
        .twentytwentyfour .page.slide:is(#section-5) section figure figcaption {
          max-height: none; }
        .twentytwentyfour .page.slide:is(#section-5) section figure::after {
          display: none; }
        .twentytwentyfour .page.slide:is(#section-5) section:after {
          content: "";
          height: 2px;
          background: black;
          position: absolute;
          top: 1rem;
          left: -3rem;
          width: 2rem; }
    .twentytwentyfour .page.slide .fp-tableCell {
      max-height: inherit; }

  .twentytwentyfour .page.slide:not(#section-1)::after {
    display: none; }

  .twentytwentyfour .page.slide#section-1 .fp-tableCell {
    position: relative; }

  .twentytwentyfour .page.slide#section-1 div.scroll-indicator {
    position: absolute;
    top: auto;
    height: 20px;
    bottom: 0.5rem;
    left: 32px;
    display: none; }
    .twentytwentyfour .page.slide#section-1 div.scroll-indicator.pageLoaded {
      width: calc(100% - 32px); }

  img.mobile_ev_summit {
    display: block; }

  .twentytwentyfour .page.slide#section-1 section:nth-of-type(2) {
    left: 0;
    bottom: 0; }

  .twentytwentyfour .page.slide#section-1 section:nth-of-type(2) lottie-player {
    max-width: 100vw; }

  .twentytwentyfour .page.slide#section-4 .fp-tableCell section:nth-child(2) {
    padding-left: 0; }

  main h2 {
    font-size: 14pt; }

  main :is(p, h3) {
    font-size: 11pt; }

  main :is(ul li) {
    font-size: 10.5pt; }

  .twentytwentyfour .page.slide#section-1 section:nth-of-type(1) h1 {
    font-size: 22pt; }

  .twentytwentyfour .page.slide#section-2 .fp-tableCell video {
    width: 100%; }

  .twentytwentyfour .page.slide#section-4 {
    overflow-x: hidden; }
    .twentytwentyfour .page.slide#section-4 lottie-player {
      width: 160vw;
      margin-left: 50%;
      transform: translateX(-80vw); }

  .twentytwentyfour .page.slide#section-5 img {
    height: 33px; }

  .twentytwentyfour .page.slide#section-5 section {
    width: 100%;
    flex-basis: 100%; }
    .twentytwentyfour .page.slide#section-5 section:is(:nth-of-type(1), :nth-of-type(2)) {
      padding-right: 15px; }
      .twentytwentyfour .page.slide#section-5 section:is(:nth-of-type(1), :nth-of-type(2)) span {
        display: none; }
    .twentytwentyfour .page.slide#section-5 section:is(:nth-of-type(5), :nth-of-type(6), :nth-of-type(7)) {
      width: 100%;
      flex-basis: 100%;
      padding-left: 0;
      padding-top: 0; }

  .twentytwentyfour .page.slide#section-5 section:nth-child(7) img {
    height: 16px; }

  .twentytwentyfour .page.slide#section-5 section:is(:nth-of-type(3), :nth-of-type(4)) {
    padding-left: 0; }
    .twentytwentyfour .page.slide#section-5 section:is(:nth-of-type(3), :nth-of-type(4)) figure::after {
      left: 40%; }

  .twentytwentyfour .page.slide:is(#section-3) {
    max-height: none;
    padding-top: 6rem; }

  .twentytwentyfour .page.slide:is(#section-3, #section-6, #section-8) section:nth-of-type(2) :is(h2, h3, p) {
    text-align: right; }

  .twentytwentyfour .page.slide#section-3 section:nth-of-type(2)::after {
    left: 25%; }

  .twentytwentyfour .page.slide:is(#section-3,#section-4,#section-6,#section-8) div section h2:first-child {
    position: relative; }
    .twentytwentyfour .page.slide:is(#section-3,#section-4,#section-6,#section-8) div section h2:first-child:after {
      position: absolute;
      content: "";
      width: 2rem;
      top: 14px;
      height: 2px;
      left: -3rem;
      background: black; }

  .twentytwentyfour .page.slide:is(#section-3,#section-6,#section-8) div section:nth-of-type(2) h2:first-child:after {
    right: -3rem;
    left: unset; }

  .twentytwentyfour .page.slide#section-6 {
    margin-top: -6rem; }
    .twentytwentyfour .page.slide#section-6 section:nth-of-type(2) {
      margin-top: -4rem; }

  .twentytwentyfour .page.slide:is(.rows) .fp-tableCell section:nth-child(2) {
    padding-left: 0; }

  .twentytwentyfour .page.slide#section-7 {
    padding: 1rem;
    margin-top: -4rem;
    max-height: none !important; }
    .twentytwentyfour .page.slide#section-7 .fp-tableCell {
      padding-top: 0; }

  .twentytwentyfour .page.slide#section-7 .logos_table {
    width: 100%; }
    .twentytwentyfour .page.slide#section-7 .logos_table table tbody {
      justify-content: center; }
      .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td {
        width: calc(100%/5);
        display: block;
        aspect-ratio: unset; }
        .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td img {
          opacity: 1; }

  .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(1) {
    display: flex;
    align-items: center;
    width: 100%; }
    .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(1) h5 {
      margin-bottom: 1rem;
      text-align: left;
      font-size: 14pt;
      font-weight: 600;
      padding-left: 2rem;
      opacity: 1;
      position: relative; }
      .twentytwentyfour .page.slide#section-7 .logos_table table tbody tr td:nth-child(1) h5:after {
        position: absolute;
        content: "";
        width: 2rem;
        top: 14px;
        height: 2px;
        left: -1rem;
        background: black; }

  .twentytwentyfour .page.slide#section-7.lineLoaded::after {
    width: 1rem;
    left: calc(100% - 1rem); }

  .twentytwentyfour .page.slide#section-7.lineLoaded::before {
    width: 1rem; }

  .twentytwentyfour .page.slide:is(#section-8) section:nth-of-type(2) {
    align-items: flex-end; }
    .twentytwentyfour .page.slide:is(#section-8) section:nth-of-type(2) p {
      text-align: right; }
    .twentytwentyfour .page.slide:is(#section-8) section:nth-of-type(2)::after {
      left: 25%; }
    .twentytwentyfour .page.slide:is(#section-8) section:nth-of-type(2) a[role="button"] {
      transform-origin: right; }

  .twentytwentyfour .page.slide#section-9 {
    max-height: none; }
    .twentytwentyfour .page.slide#section-9 .fp-tableCell section h1 {
      font-size: 14pt;
      font-weight: 600; }

  .twentytwentyfour .page.slide#section-9.lineLoaded::after {
    display: none; }

  .twentytwentyfour article:is(.auto-trader, .ey) .fp-tableCell {
    padding-left: 1rem;
    padding-right: 1rem; }
    .twentytwentyfour article:is(.auto-trader, .ey) .fp-tableCell .section__1-heading {
      width: 100%; }

  .auto-trader span.scroll-indicator {
    left: 50px; }
    .auto-trader span.scroll-indicator.pageLoaded {
      opacity: 1;
      width: calc(100% - 1rem - 50px); }

  article:is(.auto-trader, .ey) :is(.case-study-section__2,.case-study-section__3, .case-study-section__7, .case-study-section__8, .case-study-section__9) .fp-tableCell > div {
    overflow: hidden; }
    article:is(.auto-trader, .ey) :is(.case-study-section__2,.case-study-section__3, .case-study-section__7, .case-study-section__8, .case-study-section__9) .fp-tableCell > div img {
      width: 100vw;
      height: 100vh;
      object-fit: cover; }

  article:is(.auto-trader, .ey) :is(.case-study-section__3, .case-study-section__7) .fp-tableCell > div img {
    object-position: 75%; }

  article:is(.auto-trader, .ey) :is(.case-study-section__8) .fp-tableCell > div img {
    object-position: 40%; }

  article:is(.auto-trader, .ey) :is(.case-study-section__9) .fp-tableCell > div img {
    object-position: 80%; }

  article:is(.auto-trader, .ey) .case-study-section__4 div.section__4-image {
    margin-left: 0; }
    article:is(.auto-trader, .ey) .case-study-section__4 div.section__4-image img {
      width: 100%;
      aspect-ratio: 2/1;
      object-fit: cover;
      display: block;
      margin: 0;
      padding: 0;
      object-position: 0 40%; }

  .auto-trader .case-study-section__4.pageLoaded .fp-tableCell::before {
    width: 1rem; }

  .auto-trader .case-study-section__4.pageLoaded .fp-tableCell::after {
    width: 1rem;
    left: calc(100% - 1rem);
    transform: translateY(-1.1rem); }

  article:is(.auto-trader, .ey) .case-study-section__4 .fp-tableCell {
    padding: 2rem 2rem 0; }
    article:is(.auto-trader, .ey) .case-study-section__4 .fp-tableCell > div {
      flex-direction: column; }

  article:is(.auto-trader, .ey) .case-study-section__5 .fp-tableCell {
    padding-left: 2rem;
    padding-right: 2rem; }

  article:is(.auto-trader, .ey) .case-study-section__5 .fp-tableCell > div.section__5-heading::before {
    width: 1rem;
    left: -2rem; }

  article:is(.auto-trader, .ey) .case-study-section__10 .fp-tableCell {
    padding-left: 1rem; }
    article:is(.auto-trader, .ey) .case-study-section__10 .fp-tableCell span.line {
      display: none; }

  .auto-trader .case-study-section__10.pageLoaded::before {
    width: 0.33rem; }

  .twentytwentyfour .mobile_ev_summit {
    display: block;
    width: 100vw;
    margin: 2rem auto 2rem 50%;
    transform: translateX(-50vw); }

  :is(#image_1, #image_2) .fp-tableCell {
    align-items: center;
    display: flex; }
    :is(#image_1, #image_2) .fp-tableCell section {
      width: 100%;
      flex-basis: auto; }
      :is(#image_1, #image_2) .fp-tableCell section img {
        width: 100vw;
        max-width: none; }

  #image_1 {
    display: none; }

  .twentytwentyfour .page.slide#section-9.lineLoaded::before {
    width: 0.5rem; }

  .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h3 {
    text-align: center; }

  .twentytwentyfour #section__1.about_page > div {
    padding: 9rem 2rem 4rem; }
    .twentytwentyfour #section__1.about_page > div p {
      max-width: 100%; }
    .twentytwentyfour #section__1.about_page > div figure {
      width: 100vw;
      margin-left: 50%;
      transform: translateX(-50vw); }
      .twentytwentyfour #section__1.about_page > div figure figcaption {
        padding: 0 3rem; }

  article.ey .ey {
    padding: 10rem 2rem;
    flex-direction: column; }
    article.ey .ey .section__1-heading {
      width: 100%; }
    article.ey .ey .section__1--video {
      width: 100%;
      padding-left: 0;
      order: -1; }

  main:is(.about-page, .content-mirroring-page, .green-days-page, .public-affairs-page) .copyright_tag {
    position: static; }

  .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child {
    flex-direction: column; }
    .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child p {
      order: -1;
      padding-bottom: 2rem; }

  article:is(.auto-trader, .ey) .fp-tableCell {
    padding: 0; }

  article:is(.nissan) .case-study-section__1 .section__1-heading {
    width: 100%;
    padding: 0 2rem; }
    article:is(.nissan) .case-study-section__1 .section__1-heading p span {
      position: absolute;
      top: -1rem;
      left: 100%;
      width: 100%;
      z-index: 2;
      padding: 0 1rem; }

  .twentytwentyfour .page.slide#section-2 #volume {
    left: calc(100% - 3rem);
    width: 22px;
    height: 40px;
    background-size: 40px; }

  #section-8.columns .fp-tableCell {
    flex-direction: column; }
    #section-8.columns .fp-tableCell > section:nth-child(2) {
      padding-bottom: calc(1rem + var(--stemLength)); }

  .twentytwentyfour .page.slide#section-8 {
    max-height: none;
    padding-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  header {
    padding: 2rem 3rem 0; }

  article.auto-trader .fp-tableCell,
  article.auto-trader .case-study-section__10 .fp-tableCell,
  :is(#section__1, #section__3) > div {
    padding-left: 3rem; }

  #section__6 > div div.section__6-heading {
    width: 100%; }
    #section__6 > div div.section__6-heading figure:is(.section__6-image__1, .section__6-image__2) {
      flex-basis: 50%;
      max-width: 50%;
      gap: 10px;
      padding-right: 0; }
    #section__6 > div div.section__6-heading figure:is(.section__6-image__3, .section__6-image__4) {
      flex-basis: 50%;
      max-width: 50%;
      gap: 10px;
      padding: 50px 0 0; }
    #section__6 > div div.section__6-heading figure.section__6-image__2 figcaption.vis {
      max-height: 160px; }
    #section__6 > div div.section__6-heading figure.section__6-image__4 {
      padding-top: 80px; }
      #section__6 > div div.section__6-heading figure.section__6-image__4 .stem {
        left: 40%; }
        #section__6 > div div.section__6-heading figure.section__6-image__4 .stem.vis {
          height: 70px; }
    #section__6 > div div.section__6-heading figure figcaption {
      font-size: 8pt;
      max-height: none;
      opacity: 1;
      padding-right: 10px; }
    #section__6 > div div.section__6-heading figure img {
      width: 120px;
      opacity: 1; }

  article.auto-trader .case-study-section__1 div:after {
    --length:calc((34% - 40px) + 6rem)!important;
    left: calc(66% + 40px) !important; }
  article.auto-trader .case-study-section__1 div .section__1-heading {
    width: 66% !important; }

  .section.auto-trader img {
    height: 100%;
    object-fit: cover; }

  article.auto-trader .case-study-section__4 .fp-tableCell {
    padding: 0 1rem; }
    article.auto-trader .case-study-section__4 .fp-tableCell .section__4-image {
      margin: 0; }
      article.auto-trader .case-study-section__4 .fp-tableCell .section__4-image img {
        padding-left: 25%; }

  #section__9 {
    padding: 0 6rem; }

  div.line {
    width: calc(55.555% + 50px); }

  div.lineEnd {
    width: 140px;
    left: calc(88.888% - 70px); }

  div.scroll-indicator {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  main figcaption {
    font-size: 9pt; }

  .twentytwentyfour .page.slide#section-5 img {
    height: 38px;
    margin-bottom: .5rem; }

  main h2 {
    font-size: 13pt; }

  main :is(h3, p, ul li) {
    font-size: 10.5pt; }

  main figcaption,
  .twentytwentyfour .page.slide#section-9 .form form > div > div:last-child input {
    font-size: 9pt; }

  main h5 {
    margin-bottom: .5rem;
    font-size: 9pt; }

  .twentytwentyfour .page.slide#section-9 .fp-tableCell > section h1 {
    font-size: 16pt; }

  .twentytwentyfour .page.slide section :is(h2, h3) {
    margin-bottom: .4rem; }

  .twentytwentyfour .page.slide#section-7.lineLoaded::before {
    width: 5rem; }

  .twentytwentyfour .page.slide#section-7.lineLoaded::after {
    width: 5rem;
    left: calc(100% - 5rem); }

  .twentytwentyfour .page.slide#section-9.lineLoaded::before {
    width: 4rem; }

  .twentytwentyfour .page.slide#section-9::after {
    left: 4rem; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .twentytwentyfour h2 {
    font-size: 16pt; }
  .twentytwentyfour h3 {
    font-size: 11.6pt; }
  .twentytwentyfour :is(p, ul li) {
    font-size: 11.4pt; }
  .twentytwentyfour figcaption {
    font-size: 10pt; }
  .twentytwentyfour .page.slide#section-5 {
    padding: 6rem 4rem; }
  .twentytwentyfour .page.slide#section-8 .fp-tableCell > section h1 {
    font-size: 21pt; }
  .twentytwentyfour .page.slide#section-8.lineLoaded::before {
    width: 4rem; }
  .twentytwentyfour .page.slide#section-8 .form {
    max-width: 660px; }

  article.auto-trader .case-study-section__1 div .section__1-heading {
    width: 66%; }

  article:is(.auto-trader, .ey) .case-study-section__4 div.section__4-image img {
    max-width: 270px; }

  .auto-trader .case-study-section__4.pageLoaded .fp-tableCell::before {
    width: 6rem; }

  .auto-trader .case-study-section__4.pageLoaded .fp-tableCell::after {
    width: 5rem; }

  .auto-trader .case-study-section__4 .fp-tableCell::after {
    left: calc(100% - 5rem); }

  article.auto-trader .case-study-section__5 .fp-tableCell p {
    max-width: 600px; }

  article.auto-trader .case-study-section__10 .fp-tableCell {
    padding-left: 8rem; }
    article.auto-trader .case-study-section__10 .fp-tableCell p {
      max-width: 800px; }

  .auto-trader .case-study-section__10.pageLoaded::before {
    width: 5rem; }

  .auto-trader .case-study-section__10.pageLoaded span.line {
    display: none; }

  article.ey .case-study-section__1 .section__1-heading {
    width: 60%; }

  article.ey .case-study-section__1 .section__1--video {
    width: 40%;
    padding-left: 1rem; } }