html.has-modal-l body {
  overflow: hidden;
  background-color: #000;
}
html.has-modal-l body, html.fancybox-margin body {
  padding-inline-end: var(--modal-scrollbar-buffer, 0);
}

#delphi {
  font-size: 1.145833vw;
  font-weight: 400;
  line-height: 1.6;
  color: #86868a;
  background-color: #000;
}
@media (max-aspect-ratio: 11/10) {
  #delphi {
    font-size: 2.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi {
    font-size: 4.444444vw;
  }
}
#delphi.no-inline-video .play-pause-button {
  display: none;
}

#delphi *, #delphi *::before, #delphi *::after {
  box-sizing: border-box;
}
#delphi section {
  position: relative;
}
#delphi img, #delphi picture, #delphi video, #delphi canvas, #delphi svg {
  display: block;
  width: 100%;
}
#delphi svg {
  overflow: visible;
}
#delphi button {
  border: 0;
  background-color: transparent;
}
#delphi .sticky-content {
  position: sticky;
  top: 0;
}
#delphi .object-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#delphi .object-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#delphi .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
#delphi .blur-up {
  transition: filter 400ms;
  filter: blur(20px);
}
#delphi .blur-up.lazyloaded {
  filter: blur(0);
}
#delphi br.md, #delphi br.xs {
  display: none;
}
#delphi br.lg {
  display: block;
}
@media (max-aspect-ratio: 11/10) {
  #delphi br.lg, #delphi br.xs {
    display: none;
  }
  #delphi br.md {
    display: block;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi br.lg, #delphi br.md {
    display: none;
  }
  #delphi br.xs {
    display: block;
  }
}
#delphi .absolute {
  position: absolute;
}
#delphi .relative {
  position: relative;
}
#delphi .sticky {
  position: sticky;
  top: 0;
}
#delphi .z-1 {
  z-index: 1;
}
#delphi .z-2 {
  z-index: 2;
}
#delphi .z-3 {
  z-index: 3;
}
#delphi .overflow-hidden {
  overflow: hidden;
}
#delphi .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:overflow-hidden {
    overflow: hidden;
  }
  #delphi .md\:overflow-visible {
    overflow: visible;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:overflow-hidden {
    overflow: hidden;
  }
  #delphi .xs\:overflow-visible {
    overflow: visible;
  }
}
#delphi .block {
  display: block;
}
#delphi .inline-block {
  display: inline-block;
}
#delphi .inline {
  display: inline;
}
#delphi .flex {
  display: flex;
}
#delphi .inline-flex {
  display: inline-flex;
}
#delphi .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:block {
    display: block;
  }
  #delphi .md\:inline-block {
    display: inline-block;
  }
  #delphi .md\:inline {
    display: inline;
  }
  #delphi .md\:flex {
    display: flex;
  }
  #delphi .md\:inline-flex {
    display: inline-flex;
  }
  #delphi .md\:hidden {
    display: none;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:block {
    display: block;
  }
  #delphi .xs\:inline-block {
    display: inline-block;
  }
  #delphi .xs\:inline {
    display: inline;
  }
  #delphi .xs\:flex {
    display: flex;
  }
  #delphi .xs\:inline-flex {
    display: inline-flex;
  }
  #delphi .xs\:hidden {
    display: none;
  }
}
#delphi .row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#delphi .flex-row {
  flex-direction: row;
}
#delphi .flex-row-reverse {
  flex-direction: row-reverse;
}
#delphi .flex-col {
  flex-direction: column;
}
#delphi .flex-col-reverse {
  flex-direction: column-reverse;
}
#delphi .flex-wrap {
  flex-wrap: wrap;
}
#delphi .flex-nowrap {
  flex-wrap: nowrap;
}
#delphi .justify-start {
  justify-content: flex-start;
}
#delphi .justify-end {
  justify-content: flex-end;
}
#delphi .justify-center {
  justify-content: center;
}
#delphi .justify-between {
  justify-content: space-between;
}
#delphi .items-start {
  align-items: flex-start;
}
#delphi .items-end {
  align-items: flex-end;
}
#delphi .items-center {
  align-items: center;
}
#delphi .shrink-0 {
  flex-shrink: 0;
}
#delphi .order-1 {
  order: 1;
}
#delphi .order-2 {
  order: 2;
}
#delphi .order-3 {
  order: 3;
}
#delphi .order-4 {
  order: 4;
}
#delphi .order-5 {
  order: 5;
}
#delphi .order-6 {
  order: 6;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:flex-row {
    flex-direction: row;
  }
  #delphi .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #delphi .md\:flex-col {
    flex-direction: column;
  }
  #delphi .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #delphi .md\:justify-start {
    justify-content: flex-start;
  }
  #delphi .md\:justify-end {
    justify-content: flex-end;
  }
  #delphi .md\:justify-center {
    justify-content: center;
  }
  #delphi .md\:justify-between {
    justify-content: space-between;
  }
  #delphi .md\:items-start {
    align-items: flex-start;
  }
  #delphi .md\:items-end {
    align-items: flex-end;
  }
  #delphi .md\:items-center {
    align-items: center;
  }
  #delphi .md\:order-1 {
    order: 1;
  }
  #delphi .md\:order-2 {
    order: 2;
  }
  #delphi .md\:order-3 {
    order: 3;
  }
  #delphi .md\:order-4 {
    order: 4;
  }
  #delphi .md\:order-5 {
    order: 5;
  }
  #delphi .md\:order-6 {
    order: 6;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:flex-row {
    flex-direction: row;
  }
  #delphi .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #delphi .xs\:flex-col {
    flex-direction: column;
  }
  #delphi .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #delphi .xs\:justify-start {
    justify-content: flex-start;
  }
  #delphi .xs\:justify-end {
    justify-content: flex-end;
  }
  #delphi .xs\:justify-center {
    justify-content: center;
  }
  #delphi .xs\:justify-between {
    justify-content: space-between;
  }
  #delphi .xs\:items-start {
    align-items: flex-start;
  }
  #delphi .xs\:items-end {
    align-items: flex-end;
  }
  #delphi .xs\:items-center {
    align-items: center;
  }
  #delphi .xs\:order-1 {
    order: 1;
  }
  #delphi .xs\:order-2 {
    order: 2;
  }
  #delphi .xs\:order-3 {
    order: 3;
  }
  #delphi .xs\:order-4 {
    order: 4;
  }
  #delphi .xs\:order-5 {
    order: 5;
  }
  #delphi .xs\:order-6 {
    order: 6;
  }
}
#delphi .rounded, #delphi .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#delphi .rounded-left, #delphi .lg\:rounded-left {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#delphi .rounded-right, #delphi .lg\:rounded-right {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .lg\:rounded, #delphi .lg\:rounded-left, #delphi .lg\:rounded-right {
    border-radius: 0;
  }
  #delphi .xs\:rounded, #delphi .md\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #delphi .rounded, #delphi .xs\:rounded, #delphi .md\:rounded {
    border-radius: 1.142857vw;
  }
  #delphi .rounded-left, #delphi .md\:rounded-left {
    border-top-left-radius: 1.142857vw;
    border-bottom-left-radius: 1.142857vw;
  }
  #delphi .rounded-right, #delphi .md\:rounded-right {
    border-top-right-radius: 1.142857vw;
    border-bottom-right-radius: 1.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .md\:rounded {
    border-radius: 0;
  }
  #delphi .rounded, #delphi .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #delphi .rounded-left, #delphi .xs\:rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #delphi .rounded-right, #delphi .xs\:rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#delphi .effect-slide .swiper-wrapper, #delphi .effect-slide [data-swiper-parallax-x], #delphi .effect-slide [data-swiper-parallax-y], #delphi .effect-slide [data-swiper-parallax-opacity], #delphi .effect-slide [data-swiper-parallax-scale], #delphi .effect-slide .transition-item {
  transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
#delphi .swiper-touch-move .swiper-wrapper, #delphi .swiper-touch-move [data-swiper-parallax-x], #delphi .swiper-touch-move [data-swiper-parallax-y], #delphi .swiper-touch-move [data-swiper-parallax-opacity], #delphi .swiper-touch-move [data-swiper-parallax-scale], #delphi .swiper-touch-move .transition-item {
  transition-timing-function: ease !important;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:effect-slide .swiper-wrapper, #delphi .md\:effect-slide [data-swiper-parallax-x], #delphi .md\:effect-slide [data-swiper-parallax-y], #delphi .md\:effect-slide [data-swiper-parallax-opacity], #delphi .md\:effect-slide [data-swiper-parallax-scale], #delphi .md\:effect-slide .transition-item {
    transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  }
}
#delphi .swiper-fade .swiper-slide {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#delphi .transition-item {
  transition-duration: 800ms;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .transition-item {
    transition-duration: 600ms;
  }
}
#delphi .effect-slide .transition-item {
  transition-duration: 600ms;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .effect-slide .transition-item {
    transition-duration: 400ms;
  }
}
#delphi .swiper-slide-to-clicked-slide .swiper-slide {
  cursor: pointer;
}
#delphi .swiper-slide-to-clicked-slide .swiper-slide-active, #delphi .swiper-slide-to-clicked-slide .swiper-slide-active ~ .swiper-slide-fully-visible {
  cursor: auto;
}
#delphi .stack-list {
  display: flex;
  text-align: center;
}
#delphi .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 0;
}
#delphi .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
#delphi .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .stack-item {
    transition-duration: 240ms;
  }
  #delphi .stack-item.current {
    transition-delay: 160ms;
  }
}
#delphi .effect-slide .stack-item {
  transition-duration: 480ms;
}
#delphi .effect-slide .stack-item.current {
  transition-delay: 320ms;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .effect-slide .stack-item {
    transition-duration: 360ms;
  }
  #delphi .effect-slide .stack-item.current {
    transition-delay: 240ms;
  }
}
#delphi .fadeup, #delphi .lg-fadeup {
  transition: opacity 700ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 900ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transform: translateY(1.5625vw);
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .fadeup, #delphi .md-fadeup {
    transform: translateY(2.142857vw);
  }
  #delphi .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #delphi .md-fadeup {
    transition: opacity 700ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 900ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
    opacity: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .fadeup, #delphi .md-fadeup {
    transform: translateY(4.166667vw);
  }
}
#delphi .fadeup.animated, #delphi .lg-fadeup.animated, #delphi .md-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}
#delphi .delay-150 {
  transition-delay: 150ms;
}
#delphi .delay-300 {
  transition-delay: 300ms;
}
#delphi .w-full {
  width: 100%;
}
#delphi .w-1560 {
  width: 81.25vw;
}
#delphi .w-1410 {
  width: 73.4375vw;
}
#delphi .w-1344 {
  width: 70vw;
}
#delphi .w-1296 {
  width: 67.5vw;
}
#delphi .w-1232 {
  width: 64.166667vw;
}
#delphi .w-1280 {
  width: 66.666667vw;
}
#delphi .w-1130 {
  width: 58.854167vw;
}
#delphi .w-1080 {
  width: 56.25vw;
}
#delphi .w-1068 {
  width: 55.625vw;
}
#delphi .w-1033 {
  width: 53.802083vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:w-full {
    width: 100%;
  }
  #delphi .md\:w-1272 {
    width: 90.857143vw;
  }
  #delphi .md\:w-1208 {
    width: 86.285714vw;
  }
  #delphi .md\:w-1056 {
    width: 75.428571vw;
  }
  #delphi .md\:w-1140 {
    width: 81.428571vw;
  }
  #delphi .md\:w-1080 {
    width: 77.142857vw;
  }
  #delphi .md\:w-892 {
    width: 63.714286vw;
  }
  #delphi .md\:w-720 {
    width: 51.428571vw;
  }
  #delphi .md\:w-624 {
    width: 44.571429vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:w-full {
    width: 100%;
  }
  #delphi .xs\:w-688 {
    width: 95.555556vw;
  }
  #delphi .xs\:w-656 {
    width: 91.111111vw;
  }
  #delphi .xs\:w-640 {
    width: 88.888889vw;
  }
  #delphi .xs\:w-600 {
    width: 83.333333vw;
  }
  #delphi .xs\:w-592 {
    width: 82.222222vw;
  }
  #delphi .xs\:w-560 {
    width: 77.777778vw;
  }
}
#delphi .mt-1\.25 {
  margin-top: 1.25em;
}
#delphi .mt-1\.6 {
  margin-top: 1.6em;
}
#delphi .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#delphi .mt-8, #delphi .lg\:mt-8 {
  margin-top: 0.416667vw;
}
#delphi .mt-16, #delphi .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#delphi .mt-24, #delphi .lg\:mt-24 {
  margin-top: 1.25vw;
}
#delphi .mt-28, #delphi .lg\:mt-28 {
  margin-top: 1.458333vw;
}
#delphi .mt-32, #delphi .lg\:mt-32 {
  margin-top: 1.666667vw;
}
#delphi .mt-40, #delphi .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#delphi .mt-48, #delphi .lg\:mt-48 {
  margin-top: 2.5vw;
}
#delphi .mt-56, #delphi .lg\:mt-56 {
  margin-top: 2.916667vw;
}
#delphi .mt-60, #delphi .lg\:mt-60 {
  margin-top: 3.125vw;
}
#delphi .mt-64, #delphi .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#delphi .mt-64, #delphi .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#delphi .mt-72, #delphi .lg\:mt-72 {
  margin-top: 3.75vw;
}
#delphi .mt-80, #delphi .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#delphi .mt-88, #delphi .lg\:mt-88 {
  margin-top: 4.583333vw;
}
#delphi .mt-96, #delphi .lg\:mt-96 {
  margin-top: 5vw;
}
#delphi .mt-104, #delphi .lg\:mt-104 {
  margin-top: 5.416667vw;
}
#delphi .mt-112, #delphi .lg\:mt-112 {
  margin-top: 5.833333vw;
}
#delphi .mt-120, #delphi .lg\:mt-120 {
  margin-top: 6.25vw;
}
#delphi .mt-144, #delphi .lg\:mt-144 {
  margin-top: 7.5vw;
}
#delphi .mt-160, #delphi .lg\:mt-160 {
  margin-top: 8.333333vw;
}
#delphi .mt-200, #delphi .lg\:mt-200 {
  margin-top: 10.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #delphi .mt-8, #delphi .md\:mt-8 {
    margin-top: 0.571429vw;
  }
  #delphi .mt-16, #delphi .md\:mt-16 {
    margin-top: 1.142857vw;
  }
  #delphi .mt-24, #delphi .md\:mt-24 {
    margin-top: 1.714286vw;
  }
  #delphi .mt-32, #delphi .md\:mt-32 {
    margin-top: 2.285714vw;
  }
  #delphi .mt-40, #delphi .md\:mt-40 {
    margin-top: 2.857143vw;
  }
  #delphi .mt-48, #delphi .md\:mt-48 {
    margin-top: 3.428571vw;
  }
  #delphi .mt-50, #delphi .md\:mt-50 {
    margin-top: 3.571429vw;
  }
  #delphi .mt-56, #delphi .md\:mt-56 {
    margin-top: 4vw;
  }
  #delphi .mt-64, #delphi .md\:mt-64 {
    margin-top: 4.571429vw;
  }
  #delphi .mt-72, #delphi .md\:mt-72 {
    margin-top: 5.142857vw;
  }
  #delphi .mt-80, #delphi .md\:mt-80 {
    margin-top: 5.714286vw;
  }
  #delphi .mt-88, #delphi .md\:mt-88 {
    margin-top: 6.285714vw;
  }
  #delphi .mt-96, #delphi .md\:mt-96 {
    margin-top: 6.857143vw;
  }
  #delphi .mt-104, #delphi .md\:mt-104 {
    margin-top: 7.428571vw;
  }
  #delphi .mt-112, #delphi .md\:mt-112 {
    margin-top: 8vw;
  }
  #delphi .mt-120, #delphi .md\:mt-120 {
    margin-top: 8.571429vw;
  }
  #delphi .mt-144, #delphi .md\:mt-144 {
    margin-top: 10.285714vw;
  }
  #delphi .mt-160, #delphi .md\:mt-160 {
    margin-top: 11.428571vw;
  }
  #delphi .mt-168, #delphi .md\:mt-168 {
    margin-top: 12vw;
  }
  #delphi .mt-200, #delphi .md\:mt-200 {
    margin-top: 14.285714vw;
  }
  #delphi .md\:mt-0 {
    margin-top: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #delphi .mt-8, #delphi .xs\:mt-8 {
    margin-top: 1.111111vw;
  }
  #delphi .mt-16, #delphi .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #delphi .mt-24, #delphi .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #delphi .mt-32, #delphi .xs\:mt-32 {
    margin-top: 4.444444vw;
  }
  #delphi .mt-40, #delphi .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #delphi .mt-48, #delphi .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #delphi .mt-56, #delphi .xs\:mt-56 {
    margin-top: 7.777778vw;
  }
  #delphi .mt-64, #delphi .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #delphi .mt-72, #delphi .xs\:mt-72 {
    margin-top: 10vw;
  }
  #delphi .mt-80, #delphi .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #delphi .mt-88, #delphi .xs\:mt-88 {
    margin-top: 12.222222vw;
  }
  #delphi .mt-96, #delphi .xs\:mt-96 {
    margin-top: 13.333333vw;
  }
  #delphi .mt-104, #delphi .xs\:mt-104 {
    margin-top: 14.444444vw;
  }
  #delphi .mt-112, #delphi .xs\:mt-112 {
    margin-top: 15.555556vw;
  }
  #delphi .mt-120, #delphi .xs\:mt-120 {
    margin-top: 16.666667vw;
  }
  #delphi .mt-140, #delphi .xs\:mt-140 {
    margin-top: 19.444444vw;
  }
  #delphi .mt-144, #delphi .xs\:mt-144 {
    margin-top: 20vw;
  }
  #delphi .mt-160, #delphi .xs\:mt-160 {
    margin-top: 22.222222vw;
  }
  #delphi .mt-184, #delphi .xs\:mt-184 {
    margin-top: 25.555556vw;
  }
  #delphi .mt-200, #delphi .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
  #delphi .xs\:mt-0 {
    margin-top: 0;
  }
}
#delphi .pt-300, #delphi .lg\:pt-300 {
  padding-top: 15.625vw;
}
#delphi .pb-300, #delphi .lg\:pb-300 {
  padding-bottom: 15.625vw;
}
#delphi .py-300, #delphi .lg\:py-300 {
  padding-top: 15.625vw;
  padding-bottom: 15.625vw;
}
#delphi .pt-280, #delphi .lg\:pt-280 {
  padding-top: 14.583333vw;
}
#delphi .pb-280, #delphi .lg\:pb-280 {
  padding-bottom: 14.583333vw;
}
#delphi .py-280, #delphi .lg\:py-280 {
  padding-top: 14.583333vw;
  padding-bottom: 14.583333vw;
}
#delphi .pt-200, #delphi .lg\:pt-200 {
  padding-top: 10.416667vw;
}
#delphi .pb-200, #delphi .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}
#delphi .py-200, #delphi .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#delphi .pt-160, #delphi .lg\:pt-160 {
  padding-top: 8.333333vw;
}
#delphi .pb-160, #delphi .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}
#delphi .py-160, #delphi .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#delphi .pt-120, #delphi .lg\:pt-120 {
  padding-top: 6.25vw;
}
#delphi .pb-120, #delphi .lg\:pb-120 {
  padding-bottom: 6.25vw;
}
#delphi .pt-112, #delphi .lg\:pt-112 {
  padding-top: 5.833333vw;
}
#delphi .pt-80, #delphi .lg\:pt-80 {
  padding-top: 4.166667vw;
}
#delphi .pb-80, #delphi .lg\:pb-80 {
  padding-bottom: 4.166667vw;
}
#delphi .pt-40, #delphi .lg\:pt-40 {
  padding-top: 2.083333vw;
}
#delphi .px-16 {
  padding-left: 0.833333vw;
  padding-right: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .pt-300, #delphi .md\:pt-300 {
    padding-top: 21.428571vw;
  }
  #delphi .pb-300, #delphi .md\:pb-300 {
    padding-bottom: 21.428571vw;
  }
  #delphi .py-300, #delphi .md\:py-300 {
    padding-top: 21.428571vw;
    padding-bottom: 21.428571vw;
  }
  #delphi .pt-280, #delphi .md\:pt-280 {
    padding-top: 20vw;
  }
  #delphi .pb-280, #delphi .md\:pb-280 {
    padding-bottom: 20vw;
  }
  #delphi .py-280, #delphi .md\:py-280 {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }
  #delphi .pt-200, #delphi .md\:pt-200 {
    padding-top: 14.285714vw;
  }
  #delphi .pb-200, #delphi .md\:pb-200 {
    padding-bottom: 14.285714vw;
  }
  #delphi .py-200, #delphi .md\:py-200 {
    padding-top: 14.285714vw;
    padding-bottom: 14.285714vw;
  }
  #delphi .pt-160, #delphi .md\:pt-160 {
    padding-top: 11.428571vw;
  }
  #delphi .pb-160, #delphi .md\:pb-160 {
    padding-bottom: 11.428571vw;
  }
  #delphi .py-160, #delphi .md\:py-160 {
    padding-top: 11.428571vw;
    padding-bottom: 11.428571vw;
  }
  #delphi .pt-120, #delphi .md\:pt-120 {
    padding-top: 8.571429vw;
  }
  #delphi .pt-88, #delphi .md\:pt-88 {
    padding-top: 6.285714vw;
  }
  #delphi .pt-80, #delphi .md\:pt-80 {
    padding-top: 5.714286vw;
  }
  #delphi .px-16, #delphi .md\:px-16 {
    padding-left: 1.142857vw;
    padding-right: 1.142857vw;
  }
  #delphi .md\:pt-0 {
    padding-top: 0;
  }
  #delphi .md\:pb-0 {
    padding-bottom: 0;
  }
  #delphi .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #delphi .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .pt-300, #delphi .xs\:pt-300 {
    padding-top: 41.666667vw;
  }
  #delphi .pb-300, #delphi .xs\:pb-300 {
    padding-bottom: 41.666667vw;
  }
  #delphi .py-300, #delphi .xs\:py-300 {
    padding-top: 41.666667vw;
    padding-bottom: 41.666667vw;
  }
  #delphi .pt-280, #delphi .xs\:pt-280 {
    padding-top: 38.888889vw;
  }
  #delphi .pb-280, #delphi .xs\:pb-280 {
    padding-bottom: 38.888889vw;
  }
  #delphi .py-280, #delphi .xs\:py-280 {
    padding-top: 38.888889vw;
    padding-bottom: 38.888889vw;
  }
  #delphi .pt-200, #delphi .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #delphi .pb-200, #delphi .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #delphi .py-200, #delphi .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #delphi .pt-160, #delphi .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #delphi .pb-160, #delphi .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #delphi .py-160, #delphi .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #delphi .pt-120, #delphi .xs\:pt-120 {
    padding-top: 16.666667vw;
  }
  #delphi .pt-88, #delphi .xs\:pt-88 {
    padding-top: 12.222222vw;
  }
  #delphi .pt-80, #delphi .xs\:pt-80 {
    padding-top: 11.111111vw;
  }
  #delphi .px-16, #delphi xs\:px-16 {
    padding-left: 2.222222vw;
    padding-right: 2.222222vw;
  }
  #delphi .xs\:pt-0 {
    padding-top: 0;
  }
  #delphi .xs\:pb-0 {
    padding-bottom: 0;
  }
  #delphi .xs\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #delphi .xs\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
#delphi h2, #delphi h3 {
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}
#delphi .title {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #86868a;
}
#delphi .headline-super {
  font-size: 6.25vw;
}
#delphi .headline {
  font-size: 3.333333vw;
}
#delphi .tabnav-title {
  font-size: 1.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .title {
    font-size: 1.714286vw;
  }
  #delphi .headline {
    font-size: 5.714286vw;
  }
  #delphi .headline-super {
    font-size: 7.142857vw;
  }
  #delphi .tabnav-title {
    font-size: 2.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .title {
    font-size: 3.333333vw;
  }
  #delphi .headline {
    font-size: 11.111111vw;
  }
  #delphi .headline-super {
    font-size: 13.333333vw;
  }
  #delphi .tabnav-title {
    font-size: 5.555556vw;
  }
}
#delphi strong {
  font-weight: 700;
  color: #fff;
}
#delphi .text-colourful {
  background-image: linear-gradient(90deg, #65aaff, #959bff, #b076ff, #f4749d, #f4a054);
}
#delphi .note {
  font-size: max(8px, 0.625vw);
  color: rgba(134, 134, 138, 0.6);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .note {
    font-size: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .note {
    font-size: 3.333333vw;
  }
}
#delphi .md-note {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .lg-note {
    display: none;
  }
  #delphi .md-note {
    display: block;
  }
}
#delphi .theme-light {
  color: #999;
  background-color: #fff;
}
#delphi .theme-light h2, #delphi .theme-light h3 {
  color: #000;
}
#delphi .theme-light .title {
  color: #999;
}
#delphi .theme-light strong {
  color: #000;
}
#delphi .theme-light .note {
  color: rgba(153, 153, 153, 0.6);
}
#delphi [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}
#delphi .nowrap {
  display: inline-block;
  white-space: nowrap;
}
#delphi .text-gradient {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
#delphi .text-left {
  text-align: left;
}
#delphi .text-center {
  text-align: center;
}
#delphi .text-right {
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .md\:text-left {
    text-align: left;
  }
  #delphi .md\:text-center {
    text-align: center;
  }
  #delphi .md\:text-right {
    text-align: right;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .xs\:text-left {
    text-align: left;
  }
  #delphi .xs\:text-center {
    text-align: center;
  }
  #delphi .xs\:text-right {
    text-align: right;
  }
}
#delphi a, #delphi a * {
  text-decoration: none;
}
#delphi .permalink {
  line-height: inherit;
  transition: opacity 300ms ease-out;
  color: inherit;
}
#delphi .permalink span {
  margin-top: -0.05em;
  font-size: 1.4em;
  line-height: 0;
}
#delphi .permalink.global-style-hide {
  display: inline-flex;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .permalink.global-style-hide span {
    transition: transform 300ms ease-out;
  }
  #delphi .permalink.global-style-hide:hover {
    opacity: 0.6;
  }
  #delphi .permalink.global-style-hide:hover span {
    transform: translateX(4px);
  }
  [dir=rtl] #delphi .permalink.global-style-hide:hover span {
    transform: translateX(-4px);
  }
}
#delphi .effect-fade .play-pause-button {
  transition-property: transform, opacity;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transform: scale(0.8);
  opacity: 0;
}
#delphi .effect-fade .swiper-slide-active .play-pause-button {
  transition-delay: 620ms;
  transform: scale(1);
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .effect-fade .swiper-slide-active .play-pause-button {
    transition-delay: 420ms;
  }
}
#delphi .video-container {
  position: relative;
}
#delphi .video-container.video-screen .inline-video {
  position: absolute;
  top: 0;
  left: 0;
}
#delphi .video-container.video-screen .picture-frame {
  position: relative;
  z-index: 1;
}
#delphi .video-container .screen-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#delphi .video-container .play-pause-button {
  position: absolute;
  z-index: 10;
  right: 1.25vw;
  bottom: 1.25vw;
  width: 2.1875vw;
  height: 2.1875vw;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .video-container .play-pause-button:hover .circle-border-top {
    transform: rotate(-60deg);
  }
  #delphi .video-container .play-pause-button:hover .circle-border-bottom {
    transform: rotate(-60deg);
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .video-container .play-pause-button {
    right: 2.857143vw;
    bottom: 2.857143vw;
    width: 4.714286vw;
    height: 4.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .video-container .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 9.166667vw;
    height: 9.166667vw;
  }
}
#delphi .video-container .button-icon {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
}
#delphi .video-container.playing .icon-pause, #delphi .video-container.paused .icon-play, #delphi .video-container.ended .icon-replay {
  display: block;
}
#delphi .video-container .replay-button {
  opacity: 0;
  transition: opacity 300ms;
  pointer-events: none;
  cursor: default;
}
#delphi .video-container.ended .replay-button {
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
#delphi .button-mask-bottom::after {
  position: absolute;
  pointer-events: none;
  left: 0;
  content: "";
  bottom: 0;
  width: 100%;
  height: 9.375vw;
  background-image: linear-gradient(180deg, transparent, rgba(180, 170, 165, 0.5));
  will-change: opacity;
  transform: translateZ(0);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .button-mask-bottom::after {
    height: 12.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .button-mask-bottom::after {
    height: 25vw;
  }
}
#delphi .button-mask-corner::after {
  position: absolute;
  pointer-events: none;
  right: 0;
  content: "";
  bottom: 0;
  width: 14.6875vw;
  height: 9.635417vw;
  background-image: linear-gradient(142deg, transparent 50%, rgba(0, 0, 0, 0.4) 85%);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .button-mask-corner::after {
    width: 32vw;
    height: 21.428571vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .button-mask-corner::after {
    width: 39.166667vw;
    height: 25.694444vw;
  }
}
#delphi .modal-button-container .modal-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 0.833333vw;
  padding-left: 1.666667vw;
  cursor: pointer;
}
#delphi .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
}
#delphi .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: 0.833333vw;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .modal-button-container .modal-button {
    padding-right: 1.714286vw;
    padding-left: 3.428571vw;
  }
  #delphi .modal-button-container .button-copy {
    font-size: 2.285714vw;
  }
  #delphi .modal-button-container .button-icon {
    width: 3.428571vw;
    margin-left: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }
  #delphi .modal-button-container .button-copy {
    font-size: 3.888889vw;
  }
  #delphi .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}
#delphi .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-duration: 600ms;
  transition-property: -webkit-backdrop-filter, backdrop-filter, background-color;
  transform: translateZ(0);
  outline: 0;
  background-color: rgba(25, 25, 26, 0);
  -webkit-backdrop-filter: blur(0px) brightness(100%);
  backdrop-filter: blur(0px) brightness(100%);
}
#delphi .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
#delphi .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  -webkit-backdrop-filter: blur(50px) brightness(120%);
  backdrop-filter: blur(50px) brightness(120%);
}
#delphi .section-modal.modal-open .modal-container {
  transition: transform 800ms cubic-bezier(0.65, 0.05, 0.36, 1), opacity 200ms ease-in;
  opacity: 1;
}
.has-modal-l #delphi .section-modal.modal-open, .has-modal-l #delphi .section-modal.modal-focus {
  z-index: 200;
}
.has-modal-l #delphi .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}
#delphi .section-modal.modal-focus {
  overflow: auto !important;
  padding-inline-end: 0;
}
#delphi .section-modal.modal-focus .modal-container {
  transition: opacity 600ms;
}
#delphi .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 3.333333vw;
  padding-bottom: 3.333333vw;
  transform: translate3d(0, 100vh, 0);
  opacity: 0;
  will-change: transform, opacity;
}
#delphi .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}
#delphi .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  flex-shrink: 0;
  padding-bottom: 4.166667vw;
  border-radius: 0.833333vw;
  background-color: #000;
}
#delphi .section-modal .modal-close-container {
  position: absolute;
  top: 1.666667vw;
  right: 1.666667vw;
  bottom: 0;
  width: 2.083333vw;
}
#delphi .section-modal .modal-close-button {
  position: sticky;
  z-index: 10;
  top: 2.083333vw;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 50%;
}
#delphi .section-modal .modal-close-icon {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-modal .modal-container {
    padding-top: 5.714286vw;
    padding-bottom: 5.714286vw;
  }
  #delphi .section-modal .modal-wrapper {
    width: 90.857143vw;
  }
  #delphi .section-modal .modal-content {
    padding-bottom: 8.571429vw;
    border-radius: 1.714286vw;
  }
  #delphi .section-modal .modal-close-container {
    top: 2.857143vw;
    right: 2.857143vw;
    width: 5.714286vw;
  }
  #delphi .section-modal .modal-close-button {
    top: 2.857143vw;
    opacity: 1;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-modal .modal-container {
    padding-top: 8.888889vw;
    padding-bottom: 8.888889vw;
  }
  #delphi .section-modal .modal-wrapper {
    width: 95.555556vw;
  }
  #delphi .section-modal .modal-content {
    padding-bottom: 19.444444vw;
    border-radius: 2.222222vw;
  }
  #delphi .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }
  #delphi .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}
#delphi .hero-sku {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  text-align: center;
}
#delphi .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
}
#delphi .hero-sku .from {
  font-size: 0.677083vw;
}
#delphi .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}
#delphi .hero-sku .buy-cta {
  display: inline-block;
  margin-left: 5.833333vw;
  padding: 8px 22px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity 300ms ease-out;
  color: #fff;
  border-radius: 6px;
  background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}
#delphi .hero-sku.sku-light .pricing {
  color: #fff;
}
#delphi .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .hero-sku {
    display: block;
  }
  #delphi .hero-sku .pricing {
    font-size: 2.857143vw;
  }
  #delphi .hero-sku .from {
    font-size: 1.857143vw;
  }
  #delphi .hero-sku .buy-cta {
    margin-top: 24px;
    margin-left: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .hero-sku .pricing {
    font-size: 5.555556vw;
  }
  #delphi .hero-sku .from {
    font-size: 3.611111vw;
  }
}
#delphi .section-highlights {
  z-index: 2;
  transform: translateZ(0);
  background-image: linear-gradient(180deg, #171717 38%, #000);
}
#delphi .section-highlights .swiper-slide {
  overflow: hidden;
  background-color: #000;
  aspect-ratio: 1296/720;
}
#delphi .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#delphi .section-highlights .swiper-slide-01 {
  background-image: linear-gradient(180deg, #141414, #08080a 44%, #20222b);
}
#delphi .section-highlights .video-container {
  pointer-events: none;
}
#delphi .section-highlights .slide-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
}
#delphi .section-highlights .slide-title {
  font-size: 1.5625vw;
  background-image: linear-gradient(90deg, #fff, #d0d0d0);
}
#delphi .section-highlights .slide-intro {
  font-size: 1.25vw;
  color: rgba(255, 255, 255, 0.6);
}
#delphi .section-highlights .navigation-container {
  display: flex;
  justify-content: center;
}
#delphi .section-highlights .navigation-wrapper {
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
}
#delphi .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 300ms ease-out;
  outline: 0;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}
#delphi .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
#delphi .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
}
#delphi .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: opacity 300ms ease-out;
  opacity: 0.3;
  border-radius: 50%;
  outline: 0;
  background-color: #f5f5f7;
}
#delphi .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
@media (hover: hover) and (pointer: fine) {
  #delphi .section-highlights .dotnav-item:hover {
    opacity: 0.6;
  }
}
#delphi .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-highlights .swiper-slide {
    aspect-ratio: 1056/1000;
  }
  #delphi .section-highlights .slide-content {
    margin: 3.142857vw 3.428571vw;
  }
  #delphi .section-highlights .slide-title {
    font-size: 3.428571vw;
  }
  #delphi .section-highlights .slide-intro {
    font-size: 2.142857vw;
  }
  #delphi .section-highlights .navigation-wrapper {
    height: 6.857143vw;
    padding-right: 0.857143vw;
    padding-left: 0.857143vw;
  }
  #delphi .section-highlights .arrownav-item {
    width: 6.857143vw;
  }
  #delphi .section-highlights .dotnav-list {
    margin-right: -0.285714vw;
    margin-left: -0.285714vw;
  }
  #delphi .section-highlights .dotnav-item {
    width: 1.142857vw;
    height: 1.142857vw;
    margin-right: 0.857143vw;
    margin-left: 0.857143vw;
  }
  #delphi .section-highlights .dotnav-item::before {
    padding: 0.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-highlights .swiper-slide {
    aspect-ratio: 592/888;
    aspect-ratio: auto;
  }
  #delphi .section-highlights .slide-content {
    margin: 6.111111vw 6.666667vw 0;
  }
  #delphi .section-highlights .slide-title {
    font-size: 5.555556vw;
  }
  #delphi .section-highlights .slide-intro {
    font-size: 4.166667vw;
  }
  #delphi .section-highlights .navigation-wrapper {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
  }
  #delphi .section-highlights .arrownav-item {
    width: 13.333333vw;
  }
  #delphi .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }
  #delphi .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }
  #delphi .section-highlights .dotnav-item::before {
    padding: 1.666667vw;
  }
}
#delphi .shine-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#delphi .shine-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
}
#delphi .shine-cursor {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 3.333333vw;
  border-radius: 999px;
}
#delphi .shine-item-container {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  overflow: hidden;
  border-radius: 999px;
}
#delphi .shine-item {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  will-change: transform;
}
#delphi .shine-item::before, #delphi .shine-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  background-color: #ffc269;
}
#delphi .shine-border {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#delphi .shine-cursor-item {
  top: 50%;
  left: 50%;
  width: 4.583333vw;
  height: 4.583333vw;
  transform: translate3d(calc(var(--shine-x, 0px) - 50%), calc(var(--shine-y, 0px) - 50%), 0);
}
#delphi .shine-cursor-item::before, #delphi .shine-cursor-item::after {
  filter: blur(1.510417vw);
}
#delphi .shine-cursor-item::before {
  transform: translate3d(0, -77%, 0);
}
#delphi .shine-cursor-item::after {
  transform: translate3d(0, 77%, 0);
}
#delphi .shining .shine-cursor-item::before {
  transform: translate3d(0, -68%, 0);
}
#delphi .shining .shine-cursor-item::after {
  transform: translate3d(0, 68%, 0);
}
#delphi .shine-cursor-border {
  padding: 2px;
  border-radius: 999px;
}
#delphi .shine-cursor-border::before, #delphi .shine-cursor-border::after {
  display: block;
  content: "";
}
#delphi .shine-cursor-border::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  transform: translate3d(calc(var(--shine-x, 0px) - 25%), 0, 0);
  background-image: linear-gradient(90deg, #333 25%, #ffe5cb, #333 75%);
  backface-visibility: hidden;
  will-change: transform;
}
#delphi .shine-cursor-border::after {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background-color: #000;
}
#delphi .shine-cursor-item, #delphi .shine-cursor-item::before, #delphi .shine-cursor-item:after, #delphi .shine-cursor-border::before {
  transition: transform 200ms ease-out;
}
#delphi .disable-transition .shine-cursor-item, #delphi .disable-transition .shine-cursor-item::before, #delphi .disable-transition .shine-cursor-item:after, #delphi .disable-transition .shine-cursor-border::before {
  transition: none;
}
#delphi .shine-content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .shine-cursor {
    height: 6.857143vw;
  }
  #delphi .shine-cursor-item {
    width: 11vw;
    height: 11vw;
    transition: none;
  }
  #delphi .shine-cursor-item::before, #delphi .shine-cursor-item::after {
    filter: blur(2.071429vw);
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .shine-cursor {
    height: 13.333333vw;
  }
  #delphi .shine-cursor-item {
    width: 21.388889vw;
    height: 21.388889vw;
  }
  #delphi .shine-cursor-item::before, #delphi .shine-cursor-item::after {
    filter: blur(4.027778vw);
  }
}
#delphi .shine-circle {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  opacity: 0.99;
  border-radius: 50%;
  will-change: transform, opacity;
}
#delphi .shine-circle-item {
  top: 2.5%;
  left: 2.5%;
  overflow: hidden;
  width: 95%;
  height: 95%;
  border-radius: 50%;
}
#delphi .shine-circle-item::before, #delphi .shine-circle-item::after {
  filter: blur(0.677083vw);
}
#delphi .shine-circle-item::before {
  transform: translate3d(0, -78%, 0);
}
#delphi .shine-circle-item::after {
  transform: translate3d(0, 78%, 0);
}
#delphi .shine-circle-light .shine-circle-item::before, #delphi .shine-circle-light .shine-circle-item::after {
  background-color: #fff0db;
}
#delphi .shine-circle-light .shine-circle-item::before {
  transform: translate3d(0, -78%, 0);
}
#delphi .shine-circle-light .shine-circle-item::after {
  transform: translate3d(0, 78%, 0);
}
#delphi .shine-circle-border {
  z-index: 3;
  border-radius: 50%;
}
#delphi .shine-circle-arrow-light .shine-circle-item::before, #delphi .shine-circle-arrow-light .shine-circle-item::after {
  background-color: #ffefdb;
}
#delphi .shine-circle-arrow-light .shine-circle-item::before {
  transform: translate3d(0, -62.5%, 0);
}
#delphi .shine-circle-arrow-light .shine-circle-item::after {
  transform: translate3d(0, 62.5%, 0);
}
#delphi .shine-circle-arrow-light .shine-circle-border {
  opacity: 1;
}
#delphi .border-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
}
@media (hover: hover) and (pointer: fine) {
  #delphi .shine-circle-item::before, #delphi .shine-circle-item::after {
    transition: transform 240ms ease-out;
  }
  #delphi .border-item {
    transition: transform 300ms ease-out;
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled):hover .shine-circle-item::before {
    transform: translate3d(0, -120%, 0);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled):hover .shine-circle-item::after {
    transform: translate3d(0, 99%, 0);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled):hover .border-item {
    transform: rotate(0deg);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled).shine-circle-light:hover .shine-circle-item::before {
    transform: translate3d(0, -120%, 0);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled).shine-circle-light:hover .shine-circle-item::after {
    transform: translate3d(0, 82%, 0);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled).shine-circle-arrow-light:hover .shine-circle-item::before {
    transform: translate3d(0, -120%, 0);
  }
  #delphi .shine-circle-hover:not(.arrownav-disabled).shine-circle-arrow-light:hover .shine-circle-item::after {
    transform: translate3d(0, 62.5%, 0);
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .shine-circle-item, #delphi .shine-circle-border {
    opacity: 1;
  }
  #delphi .shine-circle-item::before, #delphi .shine-circle-item::after {
    filter: blur(0.928571vw);
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .shine-circle-item::before, #delphi .shine-circle-item::after {
    filter: blur(1.805556vw);
  }
}
#delphi .arrownav-list .arrownav-item {
  position: relative;
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 300ms ease-out;
}
#delphi .arrownav-list .arrownav-next {
  margin-left: 1.145833vw;
}
#delphi .arrownav-list .arrownav-disabled {
  cursor: default;
  opacity: 0.6;
}
#delphi .arrownav-list .shine-circle-item::before, #delphi .arrownav-list .shine-circle-item::after {
  transition: transform 300ms ease-out;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .arrownav-list .arrownav-item {
    width: 5.857143vw;
    height: 5.857143vw;
  }
  #delphi .arrownav-list .arrownav-next {
    margin-left: 2.714286vw;
  }
  #delphi .arrownav-list .arrownav-disabled {
    opacity: 0.3;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .arrownav-list .arrownav-item {
    width: 11.388889vw;
    height: 11.388889vw;
  }
  #delphi .arrownav-list .arrownav-next {
    margin-left: 4.166667vw;
  }
}
#delphi .player-cta {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
#delphi .player-cta.button-overlay {
  position: absolute;
  z-index: 1;
  right: 2.083333vw;
  bottom: 2.083333vw;
}
#delphi .player-cta .icon-copy {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
}
#delphi .player-cta .shine-circle {
  width: 2.916667vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .player-cta.button-overlay {
    right: 2.857143vw;
    bottom: 2.857143vw;
  }
  #delphi .player-cta .icon-copy {
    font-size: 1.714286vw;
  }
  #delphi .player-cta .shine-circle {
    width: 4.571429vw;
    margin-left: 1.714286vw;
  }
  #delphi .player-cta .shine-circle-item {
    opacity: 1;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .player-cta.button-overlay {
    right: 4.444444vw;
    bottom: 4.444444vw;
  }
  #delphi .player-cta .icon-copy {
    font-size: 4.444444vw;
  }
  #delphi .player-cta .shine-circle {
    width: 8.888889vw;
    margin-left: 3.333333vw;
  }
}
#delphi .section-fold .sticky {
  top: var(--top);
}
#delphi .section-fold .fold-container {
  position: relative;
  z-index: 1;
}
#delphi .section-fold .section-end-mask {
  position: absolute;
  top: -200vh;
  left: 0;
  width: 100%;
  height: calc(100% + 200vh);
  pointer-events: none;
  opacity: 0;
  background-color: #000;
}
#delphi .section-fold .section-end-mask.theme-light {
  background-color: #fff;
}
#delphi .section-fold .fold-wrapper {
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0) rotateX(45deg);
  transform-origin: top center;
  background-color: transparent;
  backface-visibility: hidden;
  perspective: 260.416667vw;
  transform-style: preserve-3d;
}
#delphi .section-fold .fold-item {
  display: flex;
  width: 100%;
  background-color: #000;
  backface-visibility: hidden;
}
#delphi .section-fold .fold-left {
  transform: translate3d(0, 0, 0) rotateY(15deg);
  clip-path: inset(0 calc(50% - 1px) 0 0);
  will-change: transform, clip-path;
}
#delphi .section-fold .fold-left .fold-mask {
  background-image: linear-gradient(90deg, rgba(50, 50, 50, 0.3), rgba(255, 255, 255, 0.15));
}
#delphi .section-fold .fold-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transform: translate3d(0, 0, 0) rotateY(-15deg);
  clip-path: inset(0 0 0 calc(50% - 1px));
  will-change: transform;
}
#delphi .section-fold .fold-right .fold-mask {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
}
#delphi .section-fold .theme-light .fold-item {
  background-color: #fff;
}
#delphi .section-fold .theme-light .fold-left .fold-mask {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(30, 30, 30, 0.5));
}
#delphi .section-fold .theme-light .fold-right .fold-mask {
  background-image: linear-gradient(90deg, rgba(30, 30, 30, 0.5), rgba(30, 30, 30, 0.1));
}
#delphi .section-fold .unfolded .fold-left {
  clip-path: inset(0 0 0 0);
}
#delphi .section-fold .unfolded .fold-right {
  display: none;
}
#delphi .section-fold .fold-content {
  width: 100%;
}
#delphi .section-fold .fold-mask {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-fold .sticky {
    position: relative;
    top: 0;
  }
  #delphi .section-fold .section-end-mask {
    display: none;
  }
  #delphi .section-fold .fold-wrapper {
    transform: none;
    perspective: 0;
    transform-style: inherit;
  }
  #delphi .section-fold .fold-left {
    overflow: visible;
    transform: none;
    clip-path: none;
  }
  #delphi .section-fold .fold-left .fold-mask {
    background-image: linear-gradient(90deg, rgba(50, 50, 50, 0.3), rgba(255, 255, 255, 0.15));
  }
  #delphi .section-fold .fold-mask, #delphi .section-fold .fold-right {
    display: none;
  }
}
#delphi .stat-list {
  display: flex;
}
#delphi .stat-item:nth-child(n+2) {
  margin-left: 5.416667vw;
}
#delphi .stat-value {
  font-size: 4.166667vw;
  font-weight: 700;
  line-height: 1.25;
}
#delphi .stat-unit {
  font-size: 2.083333vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .stat-item:nth-child(n+2) {
    margin-left: 4.571429vw;
  }
  #delphi .stat-value {
    font-size: 5.714286vw;
  }
  #delphi .stat-unit {
    font-size: 2.083333vw;
  }
}
#delphi .tabnav-container, #delphi .tabnav-wrapper {
  position: relative;
}
#delphi .tabnav-item {
  flex-shrink: 0;
  font-size: 1.25vw;
  white-space: nowrap;
  outline: 0;
  backface-visibility: hidden;
}
#delphi .tabnav-line-horizontal .tabnav-content, #delphi .tabnav-pill .tabnav-content {
  position: relative;
  width: 100%;
}
#delphi .tabnav-line-horizontal .tabnav-container, #delphi .tabnav-pill .tabnav-container {
  position: relative;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
#delphi .tabnav-line-horizontal .tabnav-item, #delphi .tabnav-pill .tabnav-item {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-timing-function: ease-out;
  transition-duration: 240ms;
  transform: translateZ(0);
}
#delphi .tabnav-line-horizontal .tabnav-item.current, #delphi .tabnav-pill .tabnav-item.current {
  cursor: default;
  transition-timing-function: ease;
  transition-duration: 600ms;
}
#delphi .tabnav-line-horizontal .tabnav-list, #delphi .tabnav-pill .tabnav-list {
  position: relative;
  z-index: 1;
  display: flex;
}
#delphi .tabnav-line-horizontal .tabnav-item {
  padding-bottom: 0.833333vw;
  transition-property: opacity;
  opacity: 0.4;
  color: #fff;
  will-change: opacity;
}
#delphi .tabnav-line-horizontal .tabnav-item:nth-child(n+2) {
  margin-left: 2.916667vw;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .tabnav-line-horizontal .tabnav-item:hover {
    opacity: 0.6;
  }
}
#delphi .tabnav-line-horizontal .tabnav-item.current {
  opacity: 1;
}
#delphi .tabnav-line-horizontal .tabnav-indicator {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: max(2px, 0.15625vw);
  border-radius: 999px;
}
#delphi .tabnav-line-horizontal .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#delphi .tabnav-line-horizontal .tabnav-indicator::after {
  position: relative;
  display: block;
  overflow: hidden;
  width: var(--tabnav-width, 0);
  height: 100%;
  content: "";
  transition-timing-function: ease-out;
  transition-duration: 600ms;
  transition-duration: 360ms;
  transition-property: width, transform;
  transform: translateX(var(--tabnav-left, 0));
  border-radius: 999px;
  background-color: #f5f5f7;
}
#delphi .tabnav-line-vertical {
  align-items: center;
}
#delphi .tabnav-line-vertical .tabnav-list {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 2.083333vw;
}
#delphi .tabnav-line-vertical .tabnav-item {
  white-space: inherit;
}
#delphi .tabnav-line-vertical .tabnav-item:nth-child(n+2) {
  margin-top: 2.5vw;
}
#delphi .tabnav-line-vertical .tabnav-title {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-timing-function: ease-out;
  transition-duration: 240ms;
  transition-property: opacity;
  transform: translateZ(0);
  opacity: 0.4;
  backface-visibility: hidden;
  will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
  #delphi .tabnav-line-vertical .tabnav-title:hover {
    opacity: 0.6;
  }
}
#delphi .tabnav-line-vertical .tabnav-caption {
  padding-top: 1.25vw;
  font-size: 1.145833vw;
  transition: opacity 600ms;
  opacity: 0;
}
#delphi .tabnav-line-vertical .current .tabnav-title, #delphi .tabnav-line-vertical .current .tabnav-caption {
  opacity: 1;
}
#delphi .tabnav-line-vertical .current .tabnav-title {
  cursor: default;
  transition-timing-function: ease;
  transition-duration: 600ms;
}
#delphi .tabnav-line-vertical .collapsed .tabnav-collapse {
  overflow: hidden;
  height: 0;
}
#delphi .tabnav-line-vertical .animating .tabnav-collapse {
  overflow: hidden;
  height: 0;
  transition: height 600ms;
}
#delphi .tabnav-line-vertical .tabnav-indicator {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: max(2px, 0.15625vw);
  height: 100%;
  border-radius: 999px;
}
#delphi .tabnav-line-vertical .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#delphi .tabnav-line-vertical .tabnav-indicator::after {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: var(--tabnav-height, 0);
  content: "";
  transition-duration: 600ms;
  transition-property: height, transform;
  transform: translateY(var(--tabnav-top, 0));
  border-radius: 999px;
  background-color: #f5f5f7;
}
#delphi .tabnav-pill .tabnav-list {
  padding-right: 0.208333vw;
  padding-left: 0.208333vw;
}
#delphi .tabnav-pill .tabnav-item {
  padding: 0 1.666667vw;
  font-size: 0.9375vw;
  transition-property: 600ms;
  color: rgba(255, 255, 255, 0.6);
}
@media (hover: hover) and (pointer: fine) {
  #delphi .tabnav-pill .tabnav-item:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}
#delphi .tabnav-pill .tabnav-item.current {
  transition-delay: 200ms;
  transition-duration: 400ms;
  color: #000;
}
#delphi .tabnav-pill .tabnav-indicator {
  position: absolute;
  left: 0;
  overflow: hidden;
  width: calc(var(--tabnav-width, 0));
  height: 2.5vw;
  transition-duration: 600ms;
  transition-property: width, transform;
  transform: translateX(calc(var(--tabnav-left, 0)));
  border-radius: 999px;
  background-image: linear-gradient(160deg, #ece0fc, #c0a9e0);
}
#delphi .tabnav-pill .stack-list {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .tabnav-content {
    position: relative;
    overflow: hidden;
  }
  #delphi .tabnav-content::before, #delphi .tabnav-content::after {
    position: absolute;
    z-index: 1;
    top: -2%;
    width: 4.571429vw;
    height: 4.571429vw;
    content: "";
    pointer-events: none;
  }
  #delphi .tabnav-content::before {
    left: 0;
    background-image: linear-gradient(90deg, #000 30%, transparent);
  }
  #delphi .tabnav-content::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #000 70%);
  }
  #delphi .tabnav-content:not(.force-center) .tabnav-wrapper {
    padding-right: 4.571429vw;
    padding-left: 4.571429vw;
  }
  #delphi .theme-light .tabnav-content::before {
    background-image: linear-gradient(90deg, #fff 30%, transparent);
  }
  #delphi .theme-light .tabnav-content::after {
    background-image: linear-gradient(90deg, transparent, #fff 70%);
  }
  #delphi .tabnav-container {
    display: flex;
    justify-content: center;
    white-space: nowrap;
  }
  #delphi .tabnav-container.tabnav-scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #delphi .tabnav-container.tabnav-scrollable::-webkit-scrollbar {
    display: none;
  }
  #delphi .tabnav-container.tabnav-scrollable .tabnav-wrapper {
    padding-right: 4.571429vw;
    padding-left: 4.571429vw;
  }
  #delphi .tabnav-item {
    font-size: 2.857143vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-item, #delphi .tabnav-line-vertical .tabnav-item {
    padding-bottom: 1.714286vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-item:nth-child(n+2), #delphi .tabnav-line-vertical .tabnav-item:nth-child(n+2) {
    margin-left: 5.714286vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-indicator, #delphi .tabnav-line-vertical .tabnav-indicator {
    height: max(2px, 0.142857vw);
  }
  #delphi .tabnav-line-horizontal .tabnav-indicator::after, #delphi .tabnav-line-vertical .tabnav-indicator::after {
    transition-duration: 400ms;
  }
  #delphi .tabnav-line-vertical .tabnav-container {
    margin-left: 0;
  }
  #delphi .tabnav-line-vertical .tabnav-list {
    flex-direction: row;
    padding-left: 0;
  }
  #delphi .tabnav-line-vertical .tabnav-item:nth-child(n+2) {
    margin-top: 0;
  }
  #delphi .tabnav-line-vertical .tabnav-title {
    cursor: pointer;
    transition-timing-function: ease-out;
    transition-duration: 240ms;
    transition-property: opacity;
    transform: translateZ(0);
    white-space: nowrap;
    opacity: 0.4;
    backface-visibility: hidden;
    will-change: opacity;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) and (pointer: fine) {
  #delphi .tabnav-line-vertical .tabnav-title:hover {
    opacity: 0.6;
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .tabnav-line-vertical .tabnav-collapse {
    display: none;
  }
  #delphi .tabnav-line-vertical .tabnav-caption-list {
    display: flex;
    text-align: center;
  }
  #delphi .tabnav-line-vertical .tabnav-caption {
    position: relative;
    width: 100%;
    padding-top: 0;
    font-size: inherit;
    transition: opacity 240ms;
    opacity: 0;
  }
  #delphi .tabnav-line-vertical .tabnav-caption:nth-child(n+2) {
    margin-left: -100%;
  }
  #delphi .tabnav-line-vertical .tabnav-caption.current {
    z-index: 1;
    transition-delay: 160ms;
    opacity: 1;
  }
  #delphi .tabnav-line-vertical .tabnav-indicator {
    position: relative;
    width: 100%;
  }
  #delphi .tabnav-line-vertical .tabnav-indicator::after {
    width: var(--tabnav-width, 0);
    height: 100%;
    content: "";
    transition-property: width, transform;
    transform: translateX(var(--tabnav-left, 0));
  }
  #delphi .tabnav-pill .tabnav-list {
    padding-right: 0.571429vw;
    padding-left: 0.571429vw;
  }
  #delphi .tabnav-pill .tabnav-item {
    padding: 0 2.857143vw;
    font-size: 2vw;
    transition-duration: 400ms;
  }
  #delphi .tabnav-pill .tabnav-item:nth-child(n+2) {
    margin-left: 0;
  }
  #delphi .tabnav-pill .tabnav-item.current {
    transition-delay: 100ms;
    transition-duration: 300ms;
  }
  #delphi .tabnav-pill .tabnav-indicator {
    width: calc(var(--tabnav-width, 0));
    height: 5.714286vw;
    transition-duration: 400ms;
    transform: translateX(calc(var(--tabnav-left, 0)));
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .tabnav-section {
    overflow: hidden;
  }
  #delphi .tabnav-content::before, #delphi .tabnav-content::after {
    top: -1.388889vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
  #delphi .tabnav-container.tabnav-scrollable .tabnav-wrapper, #delphi .tabnav-container .tabnav-wrapper:not(.force-center) {
    padding-right: 8.888889vw;
    padding-left: 8.888889vw;
  }
  #delphi .tabnav-item {
    font-size: 5.555556vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-item, #delphi .tabnav-line-vertical .tabnav-item {
    padding-bottom: 3.333333vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-item:nth-child(n+2), #delphi .tabnav-line-vertical .tabnav-item:nth-child(n+2) {
    margin-left: 8.888889vw;
  }
  #delphi .tabnav-line-horizontal .tabnav-indicator, #delphi .tabnav-line-vertical .tabnav-indicator {
    height: max(2px, 0.277778vw);
  }
  #delphi .tabnav-pill .tabnav-list {
    padding-right: 1.111111vw;
    padding-left: 1.111111vw;
  }
  #delphi .tabnav-pill .tabnav-item {
    padding: 0 5.555556vw;
    font-size: 3.888889vw;
  }
  #delphi .tabnav-pill .tabnav-indicator {
    height: 11.111111vw;
  }
}
#delphi .theme-light .tabnav-section .tabnav-indicator::before {
  background-color: rgba(112, 112, 112, 0.4);
}
#delphi .theme-light .tabnav-section .tabnav-indicator::after {
  background-color: #000;
}
#delphi .section-carousel {
  overflow: hidden;
}
#delphi .section-carousel .swiper {
  overflow: visible;
}
#delphi .section-carousel .inline-video {
  pointer-events: none;
}
#delphi .section-carousel .note-overlay {
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  color: rgba(191, 191, 191, 0.6);
}
#delphi .section-carousel .slide-content {
  width: 90%;
  padding: 2.083333vw 0 0 1.666667vw;
  cursor: auto;
}
#delphi .section-carousel .arrownav-list {
  position: relative;
  height: 2.604167vw;
}
#delphi .section-carousel .arrownav-item {
  position: absolute;
  bottom: 0;
}
#delphi .section-carousel .arrownav-prev {
  right: 3.645833vw;
}
#delphi .section-carousel .arrownav-next {
  right: 0;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-carousel .note-overlay {
    right: 1.714286vw;
    bottom: 1.714286vw;
  }
  #delphi .section-carousel .slide-content {
    width: 100%;
    padding: 2.857143vw 2.285714vw 0;
  }
  #delphi .section-carousel .arrownav-list {
    height: 6vw;
  }
  #delphi .section-carousel .arrownav-prev {
    right: 8.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-carousel .note-overlay {
    right: 3.333333vw;
    bottom: 3.333333vw;
  }
  #delphi .section-carousel .slide-content {
    padding: 6.666667vw 2.222222vw 0;
  }
  #delphi .section-carousel .arrownav-list {
    height: 11.666667vw;
  }
  #delphi .section-carousel .arrownav-prev {
    right: 16.944444vw;
  }
}
#delphi .carousel-col-2 .swiper-slide {
  width: 33.125vw;
}
#delphi .carousel-col-2 .text-content {
  width: 90%;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .carousel-col-2 .swiper-slide {
    width: 100%;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .carousel-col-2 .swiper-slide {
    width: 100%;
  }
}
#delphi .anim-card-container .anim-media-wrapper {
  perspective: 104.166667vw;
  transform-style: preserve-3d;
}
#delphi .anim-card-container .anim-media {
  transform: translate3d(0, 2.083333vw, 0) rotateX(45deg);
  will-change: transform;
}
#delphi .anim-card-container .anim-text-right {
  transform: translate3d(6.25vw, 6.25vw, 0);
  will-change: transform;
}
#delphi .anim-card-container .anim-text-left {
  transform: translate3d(-6.25vw, 10.416667vw, 0);
  will-change: transform;
}
#delphi .anim-card-container.animated .anim-media, #delphi .anim-card-container.animated .anim-text-right, #delphi .anim-card-container.animated .anim-text-left {
  transition: transform 1s;
  transform: translate3d(0, 0, 0) rotateX(0deg);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .anim-card-container .anim-media-wrapper {
    perspective: none;
    transform-style: inherit;
  }
  #delphi .anim-card-container .anim-media, #delphi .anim-card-container .anim-text-right, #delphi .anim-card-container .anim-text-left {
    transform: none;
    will-change: auto;
  }
}
#delphi .corner-container {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
#delphi .corner-item {
  width: 0.833333vw;
  height: 0.833333vw;
}
#delphi .corner-bottom-left {
  margin-left: -0.5px;
  background: radial-gradient(circle at top right, transparent 0.833333vw, #000 0.833333vw);
}
#delphi .corner-bottom-right {
  margin-right: -0.5px;
  background: radial-gradient(circle at top left, transparent 0.833333vw, #000 0.833333vw);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .corner-item {
    width: 1.142857vw;
    height: 1.142857vw;
  }
  #delphi .corner-bottom-left {
    background: radial-gradient(circle at top right, transparent 1.142857vw, #000 1.142857vw);
  }
  #delphi .corner-bottom-right {
    background: radial-gradient(circle at top left, transparent 1.142857vw, #000 1.142857vw);
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .corner-item {
    width: 2.222222vw;
    height: 2.222222vw;
  }
  #delphi .corner-bottom-left {
    background: radial-gradient(circle at top right, transparent 2.222222vw, #000 2.222222vw);
  }
  #delphi .corner-bottom-right {
    background: radial-gradient(circle at top left, transparent 2.222222vw, #000 2.222222vw);
  }
}

#delphi .section-hero {
  z-index: 1;
  background-color: #fff;
}
#delphi .section-hero::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #000;
}
#delphi .section-hero .hero-content {
  top: var(--top, 0);
  padding-top: 4.166667vw;
  padding-bottom: 2.5vw;
}
#delphi .section-hero .hero-header {
  width: 27.395833vw;
  text-align: center;
}
#delphi .section-hero .hero-slogan {
  display: flex;
  justify-content: space-between;
  width: 23.75vw;
  margin-top: 0.416667vw;
  font-size: 2.447917vw;
  font-weight: 700;
  color: #000;
}
#delphi .section-hero .hero-anim {
  transition: opacity 800ms;
  opacity: 0;
}
#delphi .section-hero .animated .hero-anim {
  opacity: 1;
}
#delphi .section-hero .hero-video-container {
  width: 59.114583vw;
  aspect-ratio: 1135/533;
  mix-blend-mode: darken;
}
#delphi .section-hero .xs-hero-picture {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-hero .hero-content {
    position: relative;
    top: auto;
    padding-top: 5.714286vw;
    padding-bottom: 11.428571vw;
  }
  #delphi .section-hero .hero-header {
    width: 54.357143vw;
  }
  #delphi .section-hero .hero-slogan {
    width: 47.357143vw;
    margin-top: 0.428571vw;
    font-size: 5.571429vw;
  }
  #delphi .section-hero .hero-video-container {
    width: 90.642857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-hero .hero-content {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 22.222222vw;
  }
  #delphi .section-hero .hero-video-container {
    overflow: hidden;
    order: 1;
    width: 100%;
    background-image: linear-gradient(180deg, #fff, #f0f0f0);
    aspect-ratio: 720/686;
  }
  #delphi .section-hero .hero-video {
    display: none;
  }
  #delphi .section-hero .xs-hero-picture {
    display: block;
    transition: transform 1s;
    transform: translateY(101%);
    opacity: 0;
  }
  #delphi .section-hero .hero-header {
    order: 2;
    width: 78.194444vw;
    margin-top: 11.111111vw;
  }
  #delphi .section-hero .hero-slogan {
    width: 68.472222vw;
    margin-top: 2.222222vw;
    font-size: 8.055556vw;
  }
  #delphi .section-hero .hero-sku {
    order: 3;
  }
  #delphi .section-hero .hero-anim {
    transition: opacity 1s ease-in, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transform: translateY(16.666667vw);
    opacity: 0;
  }
  #delphi .section-hero .animated .xs-hero-picture, #delphi .section-hero .animated .hero-anim {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (min-aspect-ratio: 7/10) {
  #delphi.no-inline-video .section-hero .hero-anim {
    transition: none;
    opacity: 1;
  }
}
#delphi .section-deco-design {
  height: 140vh;
}
#delphi .section-deco-design .sticky {
  overflow: hidden;
}
#delphi .section-deco-design .section-header {
  position: relative;
  z-index: 11;
}
#delphi .section-deco-design .header-msak {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#delphi .section-deco-design .header-msak::before, #delphi .section-deco-design .header-msak::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(50% + 1px);
  content: "";
}
#delphi .section-deco-design .header-msak::before {
  top: 0;
  background-image: linear-gradient(180deg, #000, #151515, #171717);
}
#delphi .section-deco-design .header-msak::after {
  bottom: 0;
  background-image: linear-gradient(0deg, #000, #151515, #171717);
}
#delphi .section-deco-design .headline-super {
  position: relative;
  z-index: 3;
  overflow: hidden;
  width: -moz-max-content;
  width: max-content;
  height: 100vh;
}
#delphi .section-deco-design .headline-item {
  display: flex;
  height: 50%;
}
#delphi .section-deco-design .headline-item-01 {
  align-items: flex-end;
}
#delphi .section-deco-design .animated .section-header {
  pointer-events: none;
}
#delphi .section-deco-design .animated .headline-super {
  pointer-events: none;
}
#delphi .section-deco-design .animated .header-msak::before, #delphi .section-deco-design .animated .header-msak::after, #delphi .section-deco-design .animated .headline-item {
  transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#delphi .section-deco-design .animated .header-msak::before, #delphi .section-deco-design .animated .headline-item-01 {
  transform: translateY(-101%);
}
#delphi .section-deco-design .animated .header-msak::after, #delphi .section-deco-design .animated .headline-item-02 {
  transform: translateY(101%);
}
#delphi .section-deco-design .video-container {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-deco-design {
    height: auto;
  }
  #delphi .section-deco-design .header-msak {
    display: none;
  }
  #delphi .section-deco-design .headline-super {
    width: 63.714286vw;
    height: auto;
  }
  #delphi .section-deco-design .headline-item {
    display: block;
    height: auto;
    transform: none !important;
  }
  #delphi .section-deco-design .video-container {
    position: relative;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-deco-design .headline-super {
    width: 82.222222vw;
  }
  #delphi .section-deco-design .video-container {
    width: 100%;
    text-align: center;
  }
  #delphi .section-deco-design .player-cta {
    position: static;
  }
}
#delphi .section-appearance {
  z-index: 1;
}
#delphi .section-appearance .sticky {
  top: var(--top);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-appearance .sticky {
    position: static;
  }
}
#delphi .section-material {
  overflow: hidden;
}
#delphi .section-material .video-wrapper {
  transform-origin: top;
  aspect-ratio: 1296/700;
  will-change: transform;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-material .video-wrapper {
    aspect-ratio: auto;
  }
}
#delphi .section-colour {
  margin-top: 8.333333vw;
  background-color: #000;
}
#delphi .section-colour .corner-container {
  top: 0;
  transform: translateY(-100%);
}
#delphi .section-colour .slide-picture {
  position: relative;
  z-index: 2;
  width: 67.5vw;
  margin-bottom: -1px;
}
#delphi .section-colour .slide-image {
  width: 39.375vw;
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
  aspect-ratio: 756/678;
}
#delphi .section-colour .phone-container {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  width: 67.5vw;
  height: 33.854167vw;
}
#delphi .section-colour .slide-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#delphi .section-colour .slide-background-01 {
  background-color: #f7f7f7;
}
#delphi .section-colour .slide-background-02 {
  background-color: #f4f8f8;
}
#delphi .section-colour .slide-background-03 {
  background-color: #fdfaff;
}
#delphi .section-colour .slide-background-04 {
  background-color: #f8f4f4;
}
#delphi .section-colour .slide-background-05 {
  background-color: #fafafa;
}
#delphi .section-colour .phone-picture {
  position: absolute;
  z-index: 1;
  right: -1px;
  bottom: -1px;
  overflow: hidden;
  width: 30vw;
}
#delphi .section-colour .phone-picture::after {
  position: absolute;
  z-index: -1;
  right: -1px;
  bottom: -1px;
  overflow: hidden;
  width: 0.9375vw;
  height: 0.9375vw;
  content: "";
  opacity: 0;
  background-color: #000;
}
#delphi .section-colour .phone-picture.picture-loaded::after {
  transition: opacity 0s 500ms;
  opacity: 1;
}
#delphi .section-colour .swiper-slide-active .slide-picture {
  transform: translateX(-6.770833vw);
}
#delphi .section-colour .swiper-slide-active .slide-image {
  opacity: 1;
}
#delphi .section-colour .swiper-slide-active .phone-picture {
  transform: translate(30%, 30%);
}
#delphi .section-colour .animated .swiper-slide-active .slide-picture, #delphi .section-colour .animated .swiper-slide-active .phone-picture {
  transition: transform 1s;
  transform: translate(0, 0);
}
#delphi .section-colour .control-container {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
}
#delphi .section-colour .control-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
}
#delphi .section-colour .stack-list {
  position: relative;
  margin-left: 3.333333vw;
  text-align: left;
}
#delphi .section-colour .stack-item {
  font-size: 1.5625vw;
}
#delphi .section-colour .stack-item:nth-child(n+2) {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}
#delphi .section-colour .colournav-container {
  position: relative;
}
#delphi .section-colour .colournav-list {
  position: relative;
  display: flex;
}
#delphi .section-colour .colournav-item {
  position: relative;
  width: 1.927083vw;
  height: 1.927083vw;
  cursor: pointer;
}
#delphi .section-colour .colournav-item:nth-child(n+2) {
  margin-left: 1.25vw;
}
#delphi .section-colour .colournav-item.current {
  cursor: default;
}
#delphi .section-colour .colournav-item.current .colournav-indicator {
  transition-duration: 600ms;
  opacity: 1;
}
#delphi .section-colour .colournav-indicator {
  transition: opacity 360ms;
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-colour {
    margin-top: 0;
  }
  #delphi .section-colour .slide-picture {
    width: 100%;
    transition: none !important;
    transform: none !important;
  }
  #delphi .section-colour .slide-image {
    aspect-ratio: 1400/1034;
  }
  #delphi .section-colour .slide-image {
    width: 100%;
    transition-duration: 400ms;
  }
  #delphi .section-colour .phone-container {
    width: 100%;
    height: 71.428571vw;
  }
  #delphi .section-colour .phone-picture {
    display: none;
  }
  #delphi .section-colour .control-container {
    display: flex;
    justify-content: center;
  }
  #delphi .section-colour .control-wrapper {
    display: block;
  }
  #delphi .section-colour .stack-list {
    margin-left: 0;
    text-align: center;
  }
  #delphi .section-colour .stack-item {
    font-size: 2.285714vw;
  }
  #delphi .section-colour .colournav-item {
    width: 5.714286vw;
    height: 5.714286vw;
  }
  #delphi .section-colour .colournav-item:nth-child(n+2) {
    margin-left: 2vw;
  }
  #delphi .section-colour .colournav-item.current .colournav-indicator {
    transition-duration: 400ms;
  }
  #delphi .section-colour .colournav-indicator {
    transition: opacity 240ms;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-colour .swiper-slide {
    padding-top: 6.388889vw;
  }
  #delphi .section-colour .slide-image {
    aspect-ratio: 720/911;
  }
  #delphi .section-colour .phone-container {
    height: 123.611111vw;
  }
  #delphi .section-colour .stack-item {
    font-size: 4.444444vw;
  }
  #delphi .section-colour .colournav-item {
    width: 11.111111vw;
    height: 11.111111vw;
  }
  #delphi .section-colour .colournav-item:nth-child(n+2) {
    margin-left: 3.888889vw;
  }
}
#delphi .section-screen {
  overflow: hidden;
}
#delphi .section-screen .video-container {
  position: relative;
  z-index: 2;
  transform-origin: top center;
}
#delphi .section-screen .inline-video {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
#delphi .section-screen .picture-screen {
  position: relative;
  z-index: 3;
}
#delphi .section-screen .shadow-container {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  opacity: 0;
  will-change: opacity;
}
#delphi .section-screen .shadow-wrapper {
  display: flex;
  justify-content: center;
}
#delphi .section-screen .shadow-picture {
  filter: blur(2.604167vw);
}
#delphi .section-screen .shadow-item-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.666667vw;
  transform: translateY(-90%);
  will-change: transform;
}
#delphi .section-screen .shadow-item-cover::before, #delphi .section-screen .shadow-item-cover::after {
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000;
  filter: blur(0.729167vw);
}
#delphi .section-screen .stat-container {
  position: relative;
  z-index: 4;
  opacity: 0;
}
#delphi .section-screen.animated .shadow-container, #delphi .section-screen.animated .stat-container {
  transition: opacity 700ms linear;
  opacity: 1;
}
#delphi .section-screen .stat-list {
  display: grid;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 2.916667vw 3.75vw;
  grid-template-columns: auto auto auto;
}
#delphi .section-screen .stat-item:nth-child(n+2) {
  margin-top: 0;
  margin-left: 0;
}
#delphi .section-screen .stat-caption {
  font-size: 0.833333vw;
  color: rgba(255, 242, 224, 0.6);
}
#delphi .section-screen .stat-value {
  font-size: 1.25vw;
  background-image: linear-gradient(90deg, #faecd8, #fcf1e2);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-screen .video-container {
    width: 91.428571vw;
  }
  #delphi .section-screen .shadow-picture {
    filter: blur(3.571429vw);
  }
  #delphi .section-screen .shadow-item-cover {
    height: 1.714286vw;
  }
  #delphi .section-screen .shadow-item-cover::before, #delphi .section-screen .shadow-item-cover::after {
    filter: blur(1vw);
  }
  #delphi .section-screen .stat-container {
    position: relative;
    z-index: 4;
    opacity: 0;
  }
  #delphi .section-screen.animated .shadow-container, #delphi .section-screen.animated .stat-container {
    transition: opacity 1s;
    opacity: 1;
  }
  #delphi .section-screen .stat-list {
    gap: 5.142857vw 6.857143vw;
  }
  #delphi .section-screen .stat-caption {
    font-size: 1.714286vw;
  }
  #delphi .section-screen .stat-value {
    font-size: 2.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-screen .video-container {
    width: 82.222222vw;
  }
  #delphi .section-screen .inline-video {
    position: static;
  }
  #delphi .section-screen .shadow-picture, #delphi .section-screen .picture-screen {
    display: none;
  }
  #delphi .section-screen .stat-container {
    transition: none;
    opacity: 1;
  }
  #delphi .section-screen .stat-list {
    gap: 7.777778vw 10vw;
    grid-template-areas: "a b" "c d" "e f";
    grid-template-columns: auto auto;
  }
  #delphi .section-screen .stat-item-01 {
    grid-area: a;
  }
  #delphi .section-screen .stat-item-02 {
    grid-area: b;
  }
  #delphi .section-screen .stat-item-03 {
    grid-area: d;
  }
  #delphi .section-screen .stat-item-04 {
    grid-area: e;
  }
  #delphi .section-screen .stat-item-05 {
    grid-area: c;
  }
  #delphi .section-screen .stat-item-06 {
    grid-area: f;
  }
  #delphi .section-screen .stat-caption {
    font-size: 3.333333vw;
  }
  #delphi .section-screen .stat-value {
    font-size: 4.444444vw;
  }
}
#delphi.no-inline-video .section-screen .shadow-container, #delphi.no-inline-video .section-screen .stat-container {
  opacity: 1;
}
#delphi.no-inline-video .section-screen .inline-video {
  position: static;
}
#delphi.no-inline-video .section-screen .picture-screen {
  display: none;
}
#delphi .section-display .headline-super {
  display: flex;
  flex-direction: column;
}
#delphi .section-display .anim-headline {
  display: flex;
}
#delphi .section-display .anim-text {
  display: inline-block;
}
#delphi .section-display .anim-text-01 {
  transform: translateX(-100%);
}
#delphi .section-display .anim-text-02 {
  transform: translateX(-200%);
}
#delphi .section-display .anim-text-03 {
  transform: translateX(-66.66666%);
}
#delphi .section-display.animated .section-header .anim-text-01, #delphi .section-display.animated .section-header .anim-text-02, #delphi .section-display.animated .section-header .anim-text-03 {
  transition: transform 600ms;
  transform: translateX(0%);
}
#delphi .section-display .stat-item:nth-child(n+2) {
  margin-left: 4.166667vw;
}
#delphi .section-display .stat-value {
  display: flex;
  align-items: baseline;
  line-height: 1.25;
}
#delphi .section-display .stat-number {
  background-image: linear-gradient(92deg, #e0e0e0, #c1c1c1);
}
#delphi .section-display .icon-arrow {
  width: 1.40625vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-display .stat-item:nth-child(n+2) {
    margin-left: 4.571429vw;
  }
  #delphi .section-display .stat-caption {
    font-size: 1.714286vw;
  }
  #delphi .section-display .icon-arrow {
    width: 1.928571vw;
    margin-left: 1.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-display .stat-item:nth-child(n+2) {
    margin-left: 8.888889vw;
  }
  #delphi .section-display .stat-value {
    font-size: 11.111111vw;
  }
  #delphi .section-display .icon-arrow {
    width: 3.75vw;
    margin-left: 1.111111vw;
  }
  #delphi .section-display .stat-caption {
    font-size: 3.333333vw;
  }
}
#delphi .section-main-screen {
  overflow: hidden;
}
#delphi .section-main-screen .section-content {
  position: relative;
}
#delphi .section-main-screen .video-container {
  width: 41.041667vw;
}
#delphi .section-main-screen .inline-video {
  will-change: transform;
}
#delphi .section-main-screen .pin-list {
  position: absolute;
  top: 0.208333vw;
  left: 38.020833vw;
  transition: opacity 800ms ease-out;
  opacity: 0;
}
#delphi .section-main-screen .pin-item {
  display: flex;
  align-items: center;
}
#delphi .section-main-screen .pin-item:nth-child(n+2) {
  margin-top: 2.708333vw;
}
#delphi .section-main-screen .pin-line {
  position: relative;
  width: 10.104167vw;
  height: 1px;
}
#delphi .section-main-screen .pin-line::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 800ms;
  transform: scaleX(0);
  transform-origin: left;
  background-color: rgba(242, 242, 242, 0.3);
}
#delphi .section-main-screen .pin-line-1::before {
  width: 7.239583vw;
}
#delphi .section-main-screen .pin-line-3::before {
  width: 9.0625vw;
}
#delphi .section-main-screen .pin-caption {
  width: 15.625vw;
  margin-left: 0.833333vw;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.25;
  transition: transform 800ms;
  transform: translateX(4.166667vw);
  color: #fcfaf6;
}
#delphi .section-main-screen.animated .pin-list {
  opacity: 1;
}
#delphi .section-main-screen.animated .pin-line::before {
  transform: scaleX(1);
}
#delphi .section-main-screen.animated .pin-caption {
  transform: translateX(0);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-main-screen .video-container {
    width: 57.642857vw;
  }
  #delphi .section-main-screen .pin-list {
    top: 0.428571vw;
    left: 54.571429vw;
  }
  #delphi .section-main-screen .pin-item:nth-child(n+2) {
    margin-top: 3.285714vw;
  }
  #delphi .section-main-screen .pin-line {
    width: 12.214286vw;
  }
  #delphi .section-main-screen .pin-line-1::before {
    width: 9.428571vw;
  }
  #delphi .section-main-screen .pin-line-3::before {
    width: 10.642857vw;
  }
  #delphi .section-main-screen .pin-caption {
    width: 17.142857vw;
    margin-left: 1.142857vw;
    font-size: 1.714286vw;
    transform: translateX(5.714286vw);
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-main-screen .section-content {
    padding-bottom: 12.222222vw;
    padding-left: 0;
  }
  #delphi .section-main-screen .video-container {
    width: 100%;
    transition: transform 800ms;
    transform-origin: top right;
  }
  #delphi .section-main-screen .pin-list {
    top: -1.111111vw;
    left: 56.666667vw;
    transition-delay: 800ms;
  }
  #delphi .section-main-screen .pin-item:nth-child(n+2) {
    margin-top: 3.888889vw;
  }
  #delphi .section-main-screen .pin-line {
    width: 15.833333vw;
  }
  #delphi .section-main-screen .pin-line::before {
    transition-delay: 800ms;
  }
  #delphi .section-main-screen .pin-line-1::before {
    width: 7.777778vw;
  }
  #delphi .section-main-screen .pin-line-3::before {
    width: 12.777778vw;
  }
  #delphi .section-main-screen .pin-caption {
    width: 33.333333vw;
    margin-left: 2.222222vw;
    font-size: 3.333333vw;
    transition-delay: 800ms;
    transform: translateX(8.333333vw);
  }
  #delphi .section-main-screen.animated .video-container {
    transform: translateX(-35%) scale(1.2);
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi.no-inline-video .section-main-screen .section-content {
    padding-bottom: 0;
  }
  #delphi.no-inline-video .section-main-screen .video-container {
    transition: none !important;
    transform: none !important;
  }
  #delphi.no-inline-video .section-main-screen .pin-list {
    top: -0.833333vw;
    transition-delay: 0ms;
  }
  #delphi.no-inline-video .section-main-screen .pin-line::before, #delphi.no-inline-video .section-main-screen .pin-caption {
    transition-delay: 0ms;
  }
}
#delphi .section-cover-screen .section-content {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-left: 5.416667vw;
}
#delphi .section-cover-screen .section-header {
  width: 29.895833vw;
}
#delphi .section-cover-screen .video-container {
  width: 26.354167vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-cover-screen .section-content {
    display: block;
    padding-left: 0;
  }
  #delphi .section-cover-screen .section-header {
    width: 63.714286vw;
  }
  #delphi .section-cover-screen .video-container {
    width: 52.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-cover-screen .section-header {
    width: 82.222222vw;
  }
  #delphi .section-cover-screen .video-container {
    width: 100%;
    margin-left: 0;
  }
}
#delphi .section-materials .section-content {
  background-image: linear-gradient(180deg, #000, #171717 25%, #151515 50%, #000);
}
#delphi .section-materials .slide-picture-03 {
  background-image: linear-gradient(180deg, #141414, #08080a, #20222b);
}
#delphi .section-cooling-system .picture {
  width: 30.625vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-cooling-system .picture {
    width: 100%;
  }
}
#delphi .section-penglai .section-content {
  padding-bottom: 2.083333vw;
}
#delphi .section-penglai .section-content::after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.979167vw;
  content: "";
  background-image: linear-gradient(180deg, transparent, #000);
}
#delphi .section-penglai .intro {
  color: #dbdbdb;
}
#delphi .section-penglai .overlay-container {
  margin-top: 11.666667vw;
}
#delphi .section-penglai .overlay-wrapper {
  display: flex;
  justify-content: center;
  gap: 3.333333vw;
}
#delphi .section-penglai .overlay-item {
  display: flex;
  width: 14.375vw;
  transition: transform 1.2s;
  transform: translateY(120%);
}
#delphi .section-penglai .overlay-item-02 {
  align-items: flex-end;
  margin-top: 3.229167vw;
  transition-delay: 150ms;
}
#delphi .section-penglai .overlay-item-03 {
  transition-delay: 300ms;
}
#delphi .section-penglai .overlay-item-04 {
  margin-top: 3.333333vw;
  transition-delay: 450ms;
}
#delphi .section-penglai .note-penglai {
  opacity: 0;
  transition: opacity 200ms 1.65s;
}
#delphi .section-penglai .animated .overlay-item {
  transform: translateY(0);
}
#delphi .section-penglai .animated .note-penglai {
  opacity: 1;
}
#delphi .section-penglai .picture-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#delphi .section-penglai .picture-background::before, #delphi .section-penglai .picture-background::after {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  content: "";
  pointer-events: none;
}
#delphi .section-penglai .picture-background::before {
  top: 0;
  height: 16.666667vw;
  background-image: linear-gradient(180deg, #000, transparent);
}
#delphi .section-penglai .picture-background::after {
  bottom: 0;
  height: 2.083333vw;
  background-image: linear-gradient(180deg, transparent, #000);
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-penglai .section-content {
    padding-bottom: 2.857143vw;
  }
  #delphi .section-penglai .section-content::after {
    height: 2.714286vw;
  }
  #delphi .section-penglai .intro {
    color: #bababa;
  }
  #delphi .section-penglai .overlay-container {
    margin-top: 11.285714vw;
  }
  #delphi .section-penglai .overlay-wrapper {
    gap: 4.571429vw;
  }
  #delphi .section-penglai .overlay-item {
    width: 30.428571vw;
  }
  #delphi .section-penglai .overlay-item-01, #delphi .section-penglai .overlay-item-02 {
    display: none;
  }
  #delphi .section-penglai .overlay-item-03 {
    transition-delay: 0ms;
  }
  #delphi .section-penglai .overlay-item-04 {
    margin-top: 3.571429vw;
    transition-delay: 150ms;
  }
  #delphi .section-penglai .note-penglai {
    transition-delay: 1.35s;
  }
  #delphi .section-penglai .picture-background::before {
    height: 32.142857vw;
  }
  #delphi .section-penglai .picture-background::after {
    height: 2.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-penglai .section-content {
    padding-bottom: 5.555556vw;
  }
  #delphi .section-penglai .section-content::after {
    height: 5.277778vw;
  }
  #delphi .section-penglai .overlay-container {
    margin-top: 25.555556vw;
  }
  #delphi .section-penglai .overlay-wrapper {
    gap: 8.888889vw;
  }
  #delphi .section-penglai .overlay-item {
    width: 35.694444vw;
  }
  #delphi .section-penglai .overlay-item-04 {
    margin-top: 7.916667vw;
  }
  #delphi .section-penglai .picture-background {
    top: 27.777778vw;
  }
  #delphi .section-penglai .picture-background::before {
    height: 52.777778vw;
  }
  #delphi .section-penglai .picture-background::after {
    height: 5.555556vw;
  }
}
#delphi .section-battery .section-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #171717;
}
#delphi .section-battery .stat-content {
  justify-content: center;
}
#delphi .section-battery .stat-list {
  flex-direction: column;
}
#delphi .section-battery .stat-item {
  display: flex;
  flex-direction: column;
}
#delphi .section-battery .stat-item:nth-child(n+2) {
  margin-left: 0;
}
#delphi .section-battery .stat-caption {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.6;
  color: #86868a;
}
#delphi .section-battery .stat-value {
  font-size: 2.083333vw;
  background-image: linear-gradient(90deg, #e7effc, #d6dae0, #e7effc);
}
#delphi .section-battery .picture {
  width: 40.3125vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-battery .section-content {
    display: block;
  }
  #delphi .section-battery .stat-content {
    justify-content: flex-start;
  }
  #delphi .section-battery .stat-caption {
    font-size: 2.285714vw;
  }
  #delphi .section-battery .stat-value {
    font-size: 5.714286vw;
  }
  #delphi .section-battery .picture {
    width: 100%;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-battery .stat-list {
    padding-left: 7.777778vw;
  }
  #delphi .section-battery .stat-caption {
    font-size: 3.333333vw;
  }
  #delphi .section-battery .stat-value {
    font-size: 8.888889vw;
  }
}
#delphi .section-performance {
  padding-bottom: 3.645833vw;
}
#delphi .section-performance .picture {
  width: 54.270833vw;
}
#delphi .section-performance .stat-value {
  display: flex;
  align-items: baseline;
  font-size: 4.166667vw;
  line-height: 1.25;
}
#delphi .section-performance .stat-number {
  background-image: linear-gradient(92deg, #e0e0e0, #c1c1c1);
}
#delphi .section-performance .icon-arrow {
  width: 1.40625vw;
  margin-left: 0.833333vw;
}
#delphi .section-performance .stat-caption {
  padding-right: 2.083333vw;
  font-size: 1.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-performance {
    padding-bottom: 5vw;
  }
  #delphi .section-performance .headline {
    font-size: 5.714286vw;
  }
  #delphi .section-performance .picture {
    width: 100%;
  }
  #delphi .section-performance .stat-value {
    font-size: 5.714286vw;
  }
  #delphi .section-performance .icon-arrow {
    width: 1.928571vw;
    margin-left: 0.571429vw;
  }
  #delphi .section-performance .stat-caption {
    font-size: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-performance {
    padding-bottom: 9.722222vw;
  }
  #delphi .section-performance .headline {
    font-size: 11.111111vw;
  }
  #delphi .section-performance .intro {
    font-size: 4.444444vw;
  }
  #delphi .section-performance .stat-value {
    font-size: 11.111111vw;
  }
  #delphi .section-performance .icon-arrow {
    width: 3.75vw;
    margin-left: 1.111111vw;
  }
  #delphi .section-performance .stat-caption {
    font-size: 3.333333vw;
  }
}
#delphi .section-communication {
  background-image: linear-gradient(180deg, #000, #141414 36%, #000);
}
#delphi .section-communication .slide-picture {
  background-image: linear-gradient(135deg, #191a1a, #121212);
}
#delphi .section-camera .section-swiper {
  position: relative;
  z-index: 2;
  height: 100%;
}
#delphi .section-camera .stat-container {
  position: absolute;
  top: 31.25vw;
  left: 43.020833vw;
  display: flex;
  justify-content: center;
  height: 70%;
}
#delphi .section-camera .stat-wrapper {
  position: sticky;
  top: 40%;
  height: 50vh;
}
#delphi .section-camera .stat-value {
  display: flex;
  align-items: baseline;
}
#delphi .section-camera .stat-number {
  font-size: 7.291667vw;
  line-height: 1.25;
  background-image: linear-gradient(180deg, #fcfcfc, #e8e8e8);
}
#delphi .section-camera .stat-arrow {
  width: 1.666667vw;
  margin-left: 0.833333vw;
}
#delphi .section-camera .stat-caption {
  margin-left: 0.208333vw;
  font-size: 1.666667vw;
}
#delphi .section-camera .swiper {
  pointer-events: none;
}
#delphi .section-camera .swiper-wrapper {
  display: block;
}
#delphi .section-camera .swiper-slide {
  position: relative;
  z-index: 3;
}
#delphi .section-camera .swiper-slide-01 {
  width: 43.90625vw;
  margin-left: 46.71875vw;
}
#delphi .section-camera .swiper-slide-02 {
  width: 39.635417vw;
  margin-top: -8.75vw;
}
#delphi .section-camera .swiper-slide-03 {
  width: 30.260417vw;
  margin-top: -2.864583vw;
  margin-left: auto;
}
#delphi .section-camera .swiper-slide-04 {
  width: 28.90625vw;
  margin-top: -28.75vw;
  margin-left: 32.916667vw;
}
#delphi .section-camera .swiper-slide-05 {
  width: 48.333333vw;
  margin-top: 7.291667vw;
  margin-left: 14.84375vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-camera .section-swiper {
    display: flex;
    overflow: hidden;
    flex-direction: column-reverse;
    height: auto;
  }
  #delphi .section-camera .swiper {
    overflow: visible;
  }
  #delphi .section-camera .stat-container {
    position: relative;
    z-index: 10;
    top: auto;
    left: auto;
    justify-content: flex-start;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    margin-top: -8vw;
    margin-left: 18.142857vw;
  }
  #delphi .section-camera .stat-wrapper {
    position: relative;
    top: 0;
    height: auto;
  }
  #delphi .section-camera .swiper-slide {
    aspect-ratio: 1272/900;
  }
  #delphi .section-camera .stat-number {
    font-size: 7.142857vw;
  }
  #delphi .section-camera .stat-arrow {
    width: 2.428571vw;
    margin-left: 1.142857vw;
  }
  #delphi .section-camera .stat-caption {
    margin-left: 1.142857vw;
    font-size: 2.285714vw;
  }
  #delphi .section-camera .swiper {
    margin-top: 0;
    pointer-events: auto;
  }
  #delphi .section-camera .swiper-wrapper {
    display: flex;
  }
  #delphi .section-camera .swiper-slide {
    display: block;
    width: 100%;
    margin: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-camera .swiper-slide {
    aspect-ratio: 592/700;
  }
  #delphi .section-camera .stat-container {
    margin-top: -15.555556vw;
    margin-left: 8.888889vw;
  }
  #delphi .section-camera .stat-number {
    font-size: 11.111111vw;
  }
  #delphi .section-camera .stat-arrow {
    width: 3.75vw;
    margin-left: 1.111111vw;
  }
  #delphi .section-camera .stat-caption {
    margin-left: 0.555556vw;
    font-size: 3.333333vw;
  }
}
#delphi .section-sample-photo {
  overflow: hidden;
}
#delphi .section-sample-photo::before {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(90deg, #000, transparent 14.53125%, transparent 85.46875%, #000);
}
#delphi .section-sample-photo .swiper-list {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 70.9375vw;
  margin-right: auto;
  margin-left: auto;
  perspective: 104.166667vw;
  transform-style: preserve-3d;
}
#delphi .section-sample-photo .swiper-item {
  position: relative;
  z-index: 2;
  overflow: hidden;
  flex-shrink: 0;
  width: 53.229167vw;
  padding-top: 5.416667vw;
  padding-bottom: 5.416667vw;
}
#delphi .section-sample-photo .swiper-item-left::after, #delphi .section-sample-photo .swiper-item-right::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.08);
}
#delphi .section-sample-photo .swiper-item-left {
  transform: rotateY(75deg) translateZ(1px);
  transform-origin: right center;
}
#delphi .section-sample-photo .swiper-item-center {
  position: relative;
  z-index: 3;
  overflow: hidden;
  width: 70.9375vw;
}
#delphi .section-sample-photo .swiper-item-right {
  transform: rotateY(-75deg) translateZ(1px);
  transform-origin: left center;
}
#delphi .section-sample-photo .swiper {
  width: 53.229167vw;
}
#delphi .section-sample-photo .swiper-center {
  overflow: visible;
}
#delphi .section-sample-photo .swiper-left {
  margin-left: 6.770833vw;
}
#delphi .section-sample-photo .swiper-right {
  margin-left: -6.770833vw;
}
#delphi .section-sample-photo .swiper-slide {
  overflow: hidden;
}
#delphi .section-sample-photo .arrownav-list {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0.416667vw;
  left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-sample-photo::before, #delphi .section-sample-photo::after {
    display: none;
  }
  #delphi .section-sample-photo .swiper-list {
    display: block;
    width: 100%;
    perspective: 0;
    transform-style: inherit;
  }
  #delphi .section-sample-photo .swiper-item {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  #delphi .section-sample-photo .swiper-item::after {
    display: none;
  }
  #delphi .section-sample-photo .swiper-item-left, #delphi .section-sample-photo .swiper-item-right {
    display: none;
  }
  #delphi .section-sample-photo .swiper-item-center {
    overflow: hidden;
    width: 100%;
  }
  #delphi .section-sample-photo .swiper-item-center::after {
    display: none;
  }
  #delphi .section-sample-photo .swiper {
    width: 90.857143vw;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
    transform-origin: center;
  }
  #delphi .section-sample-photo .arrownav-list {
    position: static;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-sample-photo .swiper {
    width: 82.222222vw;
  }
}
#delphi .section-long-focus {
  background-image: linear-gradient(180deg, rgba(23, 23, 23, 0.56) 40%, rgba(0, 0, 0, 0.56));
}
#delphi .section-long-focus .intro {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 30.416667vw;
  padding-top: 2.395833vw;
}
#delphi .section-long-focus .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#delphi .section-long-focus .slide-picture {
  position: relative;
}
#delphi .section-long-focus .slide-picture-01 {
  width: 30.416667vw;
  margin-top: 8.854167vw;
}
#delphi .section-long-focus .slide-picture-02 {
  width: 35vw;
}
#delphi .section-long-focus .stat-content {
  position: absolute;
  bottom: 1.25vw;
  left: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.0625vw;
  height: 2.5vw;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.2);
}
#delphi .section-long-focus .stat-value {
  font-size: 1.666667vw;
  color: #fff;
}
#delphi .section-long-focus .tabnav-section {
  padding-bottom: 0.9375vw;
}
#delphi .section-long-focus .tabnav-content {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
}
#delphi .section-long-focus .tabnav-container {
  justify-content: flex-end;
}
#delphi .section-long-focus .tabnav-item {
  font-size: 1.666667vw;
}
#delphi .section-long-focus .tabnav-item:nth-child(n+2) {
  margin-left: 1.875vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-long-focus .intro {
    position: static;
    width: 63.714286vw;
    padding-top: 0;
  }
  #delphi .section-long-focus .swiper-slide {
    display: block;
  }
  #delphi .section-long-focus .slide-picture {
    width: 100%;
  }
  #delphi .section-long-focus .slide-picture-01 {
    margin-top: 0;
  }
  #delphi .section-long-focus .stat-content {
    right: 0;
    bottom: 1.714286vw;
    left: 0;
    width: 5.857143vw;
    height: 3.857143vw;
  }
  #delphi .section-long-focus .stat-value {
    font-size: 2.285714vw;
  }
  #delphi .section-long-focus .tabnav-section {
    padding-bottom: 0;
  }
  #delphi .section-long-focus .tabnav-content {
    position: relative;
    right: auto;
    bottom: auto;
  }
  #delphi .section-long-focus .tabnav-container {
    justify-content: center;
  }
  #delphi .section-long-focus .tabnav-item {
    font-size: 2.857143vw;
  }
  #delphi .section-long-focus .tabnav-item:nth-child(n+2) {
    margin-left: 4vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-long-focus .intro {
    width: 82.222222vw;
  }
  #delphi .section-long-focus .stat-content {
    bottom: 3.333333vw;
    width: 11.388889vw;
    height: 7.5vw;
  }
  #delphi .section-long-focus .stat-value {
    font-size: 4.444444vw;
  }
  #delphi .section-long-focus .tabnav-item {
    font-size: 5.555556vw;
  }
  #delphi .section-long-focus .tabnav-item:nth-child(n+2) {
    margin-left: 7.777778vw;
  }
}
#delphi .section-auxiliary-image .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#delphi .section-auxiliary-image .slide-picture-01 {
  width: 31.875vw;
  background-image: linear-gradient(135deg, #191a1a, #121212);
}
#delphi .section-auxiliary-image .slide-picture-02 {
  width: 33.541667vw;
}
#delphi .section-auxiliary-image .tabnav-section {
  position: relative;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-content {
  position: absolute;
  z-index: 10;
  top: 24.6875vw;
  left: 2.083333vw;
  min-height: auto !important;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-container {
  padding-top: 2.083333vw;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-list {
  padding-left: 1.666667vw;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-item:nth-child(n+2) {
  margin-top: 2.083333vw;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-title {
  font-size: 1.25vw;
}
#delphi .section-auxiliary-image .tabnav-section .tabnav-caption {
  padding-top: 0.833333vw;
  font-size: 0.9375vw;
}
#delphi .section-auxiliary-image .note {
  padding-left: 1.822917vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-auxiliary-image .swiper-slide {
    display: block;
  }
  #delphi .section-auxiliary-image .slide-picture {
    width: 100%;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-content {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 5.714286vw;
    margin-left: 0;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-container {
    min-height: auto;
    padding-top: 0;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-list {
    padding-left: 0;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-item:nth-child(n+2) {
    margin-top: 0;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-title {
    font-size: 2.857143vw;
    font-weight: 700;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-caption {
    padding-top: 0;
    font-size: 2.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-auxiliary-image .tabnav-section .tabnav-content {
    margin-top: 11.111111vw;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-title {
    font-size: 5.555556vw;
  }
  #delphi .section-auxiliary-image .tabnav-section .tabnav-caption {
    font-size: 4.444444vw;
  }
}
#delphi .section-modal-auxiliary-image .card-item {
  position: relative;
}
#delphi .section-modal-auxiliary-image .card-content {
  position: relative;
  z-index: 10;
}
#delphi .section-modal-auxiliary-image .card-picture-01, #delphi .section-modal-auxiliary-image .card-content-01 {
  width: 29.479167vw;
}
#delphi .section-modal-auxiliary-image .card-picture-02 {
  width: 36.770833vw;
}
#delphi .section-modal-auxiliary-image .video-container-02 {
  width: 33.854167vw;
}
#delphi .section-modal-auxiliary-image .inline-video {
  position: absolute;
  top: 0.729167vw;
  left: 0.729167vw;
  width: 32.1875vw;
}
#delphi .section-modal-auxiliary-image .video-frame {
  position: relative;
  z-index: 2;
}
#delphi .section-modal-auxiliary-image .card-content-01 {
  margin-top: -7.291667vw;
  margin-left: auto;
  padding-left: 1.666667vw;
}
#delphi .section-modal-auxiliary-image .card-content-02 {
  width: 23.75vw;
}
#delphi .section-modal-auxiliary-image .headline {
  font-size: 2.916667vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-modal-auxiliary-image .card-item {
    position: relative;
  }
  #delphi .section-modal-auxiliary-image .card-picture {
    width: 100%;
  }
  #delphi .section-modal-auxiliary-image .card-content {
    position: static;
    width: 70.857143vw;
    margin-top: 0;
    padding-left: 0;
  }
  #delphi .section-modal-auxiliary-image .video-container-02 {
    width: 58.857143vw;
  }
  #delphi .section-modal-auxiliary-image .inline-video {
    top: 1.285714vw;
    left: 1.285714vw;
    width: 55.928571vw;
  }
  #delphi .section-modal-auxiliary-image .headline {
    font-size: 5.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-modal-auxiliary-image .card-content {
    width: 82.222222vw;
  }
  #delphi .section-modal-auxiliary-image .video-container-02 {
    width: 91.111111vw;
  }
  #delphi .section-modal-auxiliary-image .inline-video {
    top: 1.944444vw;
    left: 1.944444vw;
    width: 86.666667vw;
  }
  #delphi .section-modal-auxiliary-image .headline {
    font-size: 8.888889vw;
  }
}
#delphi .section-lofic {
  z-index: 1;
}
#delphi .section-time-lapse-photography {
  background-image: linear-gradient(180deg, #000 5%, rgba(43, 40, 40, 0.4) 25%, rgba(18, 18, 18, 0.5) 50%, #000);
}
#delphi .section-experience .harmonyos-headline {
  display: flex;
  align-items: flex-end;
}
#delphi .section-experience .icon-harmonyos {
  width: 36.510417vw;
}
#delphi .section-experience .icon-harmonyos-6 {
  width: 6.875vw;
  margin-left: 1.25vw;
}
#delphi .section-experience .headline-super {
  background-image: linear-gradient(90deg, #5085ff, #4db9f2);
}
#delphi .section-experience .video-container {
  width: 37.760417vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-experience {
    background-color: #fff;
  }
  #delphi .section-experience .icon-harmonyos {
    width: 42.714286vw;
  }
  #delphi .section-experience .icon-harmonyos-6 {
    width: 8.142857vw;
    margin-left: 1.428571vw;
  }
  #delphi .section-experience .video-container {
    width: 55vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-experience .icon-harmonyos {
    width: 64.861111vw;
  }
  #delphi .section-experience .icon-harmonyos-6 {
    width: 12.777778vw;
    margin-left: 2.222222vw;
  }
  #delphi .section-experience .headline-super {
    font-size: 11.111111vw;
  }
  #delphi .section-experience .video-container {
    width: 88.055556vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-agent .video-container::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 22.222222vw;
    content: "";
    background-image: linear-gradient(180deg, transparent, #000);
  }
}
#delphi .section-split-screen .icon-wrapper {
  width: 3.75vw;
}
#delphi .section-split-screen .icon-style {
  width: 0;
  height: 0;
}
#delphi .section-split-screen .icon-text {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2.2);
}
#delphi .section-split-screen .icon-star {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-10%, 10%) scale(1.5);
  opacity: 0;
}
#delphi .section-split-screen .icon-circle-path {
  opacity: 0;
  stroke-dasharray: 0, 130;
}
#delphi .section-split-screen .animated .icon-text {
  transition: transform 1.2s;
  transform: scale(1);
}
#delphi .section-split-screen .animated .icon-star {
  transition: transform 1.2s, opacity 1.2s;
  transform: translate(0, 0) scale(1);
  opacity: 1;
}
#delphi .section-split-screen .animated .icon-circle-path {
  transition: opacity 0s, stroke-dasharray 1.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 1;
  stroke-dasharray: 130, 0;
}
#delphi .section-split-screen .tabnav-section {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#delphi .section-split-screen .anim-media-wrapper {
  width: 43.541667vw;
}
#delphi .section-split-screen .tabnav-content {
  width: 18.541667vw;
  padding-bottom: 3.125vw;
}
#delphi .section-split-screen .note-active, #delphi .section-split-screen [data-current-tab="1"] .note.stack-item:nth-child(2), #delphi .section-split-screen [data-current-tab="2"] .note.stack-item:nth-child(2), #delphi .section-split-screen [data-current-tab="3"] .note.stack-item:nth-child(2), #delphi .section-split-screen [data-current-tab="0"] .note.stack-item:nth-child(1) {
  z-index: 1;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-split-screen .icon-wrapper {
    width: 7.571429vw;
  }
  #delphi .section-split-screen .tabnav-section {
    display: block;
  }
  #delphi .section-split-screen .anim-media-wrapper {
    width: 90.857143vw;
    margin-right: auto;
    margin-left: auto;
  }
  #delphi .section-split-screen .tabnav-content {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-split-screen .icon-wrapper {
    width: 14.027778vw;
  }
  #delphi .section-split-screen .punctuation-fix {
    margin-right: -0.7em;
  }
  #delphi .section-split-screen .anim-media-wrapper {
    width: 100%;
  }
}
#delphi .section-dynamic-books .tabnav-section {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
#delphi .section-dynamic-books .anim-media-wrapper {
  width: 43.541667vw;
  margin-right: 0;
  margin-left: 0;
}
#delphi .section-dynamic-books .tabnav-content {
  width: 18.541667vw;
  padding-bottom: 3.125vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-dynamic-books .tabnav-section {
    display: block;
  }
  #delphi .section-dynamic-books .anim-media-wrapper {
    width: 90.857143vw;
  }
  #delphi .section-dynamic-books .tabnav-content {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-dynamic-books .anim-media-wrapper {
    width: 100%;
  }
}
#delphi .section-ai-noting .section-content {
  display: grid;
  justify-content: flex-start;
  grid-template-columns: auto auto;
}
#delphi .section-ai-noting .headline-item {
  display: flex;
  align-items: flex-end;
  margin-top: -3.125vw;
}
#delphi .section-ai-noting .headline-item, #delphi .section-ai-noting .intro-item {
  width: 21.197917vw;
  margin-left: 3.333333vw;
}
#delphi .section-ai-noting .anim-media-wrapper {
  width: 43.541667vw;
  grid-row: 1/span 2;
}
#delphi .section-ai-noting .anim-media {
  position: relative;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-ai-noting .section-content {
    display: grid;
    grid-template-columns: auto;
  }
  #delphi .section-ai-noting .headline-item {
    display: block;
    width: 100%;
    margin-left: auto;
    grid-row: 1;
  }
  #delphi .section-ai-noting .anim-media-wrapper {
    width: 100%;
    grid-row: 2;
  }
  #delphi .section-ai-noting .intro-item {
    width: 86.285714vw;
    margin-left: auto;
    grid-row: 3;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-ai-noting .headline-item, #delphi .section-ai-noting .intro-item {
    width: 82.222222vw;
  }
  #delphi .section-ai-noting .anim-media-wrapper {
    width: 100%;
    grid-row: 2;
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-ai-book .section-content {
    display: flex;
    flex-direction: column;
  }
  #delphi .section-ai-book .headline-item {
    order: 1;
  }
  #delphi .section-ai-book .video-container {
    order: 2;
  }
  #delphi .section-ai-book .intro-item {
    order: 3;
  }
}
#delphi .section-software-experience .video-container, #delphi .section-software-experience .slide-picture {
  aspect-ratio: 1296/600;
}
#delphi .section-software-experience .slide-picture {
  background-image: linear-gradient(180deg, #ebebeb, #f0f0f0);
}
#delphi .section-software-experience .note {
  padding-left: 1.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-software-experience .swiper-slide {
    width: 44.571429vw;
  }
  #delphi .section-software-experience .video-container, #delphi .section-software-experience .slide-picture {
    aspect-ratio: 624/720;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-software-experience .swiper-slide {
    width: 100%;
  }
  #delphi .section-software-experience .video-container, #delphi .section-software-experience .slide-picture {
    aspect-ratio: 592/700;
  }
}
#delphi .section-support .section-content {
  padding-top: 4.166667vw;
  padding-bottom: 4.166667vw;
  background-image: linear-gradient(90deg, #f5f5f5, #f8f8f8);
}
#delphi .section-support .headline {
  font-size: 2.5vw;
}
#delphi .section-support .badge-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 4.166667vw;
}
#delphi .section-support .badge-icon {
  width: 4.166667vw;
}
#delphi .section-support .badge-title {
  font-size: 1.145833vw;
  color: #675d4f;
}
#delphi .section-support .badge-caption {
  font-size: max(12px, 0.729167vw);
  color: rgba(103, 93, 79, 0.5);
}
@media (hover: hover) and (pointer: fine) {
  #delphi .section-support .badge-caption {
    font-size: max(8px, 0.729167vw);
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-support .section-content {
    padding: 5.714286vw 0;
  }
  #delphi .section-support .headline {
    font-size: 5.714286vw;
  }
  #delphi .section-support .badge-list {
    display: grid;
    text-align: left;
    gap: 5.714286vw 5.142857vw;
    grid-template-columns: auto auto;
  }
  #delphi .section-support .badge-item {
    display: flex;
    align-items: center;
  }
  #delphi .section-support .badge-icon {
    width: 6.857143vw;
    margin: 0;
  }
  #delphi .section-support .badge-content {
    margin-left: 2.857143vw;
  }
  #delphi .section-support .badge-title {
    font-size: 2.285714vw;
  }
  #delphi .section-support .badge-caption {
    font-size: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-support .section-content {
    padding: 10vw 0 10vw 7.777778vw;
  }
  #delphi .section-support .headline {
    padding-left: 2.777778vw;
    font-size: 11.111111vw;
  }
  #delphi .section-support .badge-list {
    gap: 10vw;
    grid-template-columns: 1fr;
  }
  #delphi .section-support .badge-icon {
    width: 13.333333vw;
  }
  #delphi .section-support .badge-content {
    margin-left: 5.555556vw;
  }
  #delphi .section-support .badge-title {
    font-size: 4.444444vw;
  }
  #delphi .section-support .badge-caption {
    font-size: 3.333333vw;
  }
}
#delphi .section-footnote {
  font-size: max(8px, 0.625vw);
}
#delphi .section-footnote .section-content {
  padding-top: 6.25vw;
  border-top: 1px solid rgba(51, 51, 51, 0.3);
}
@media (hover: hover) and (pointer: fine) {
  #delphi .section-footnote {
    font-size: max(12px, 0.625vw);
  }
}
@media (max-aspect-ratio: 11/10) {
  #delphi .section-footnote {
    font-size: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #delphi .section-footnote {
    font-size: 3.333333vw;
  }
}
#delphi .section-footnote ul, #delphi .section-footnote ol {
  font-size: inherit;
  padding-inline-start: 1.5em;
}
#delphi .section-footnote li {
  font-size: inherit;
  color: #85858a;
}
#delphi .section-footnote li.current {
  color: #2a2a2c;
}
#delphi .section-footnote li.asterisk {
  list-style-type: "*";
}
#delphi .section-footnote li.disclaimer {
  list-style-type: none;
}
#delphi .section-footnote a {
  font-size: inherit;
  text-decoration: underline;
  color: inherit;
}
#delphi .section-footnote ol li {
  list-style-type: decimal;
}