html.fancybox-margin body {
  background-color: #000;
}
html.fancybox-margin body, html.fancybox-margin .main-navigation.nav-v2, html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#darwin {
  font-size: 1.25vw;
  line-height: 1.6;
  color: #969699;
  background-color: #000;
}
#darwin *, #darwin *::before, #darwin *::after {
  box-sizing: border-box;
}
#darwin section {
  position: relative;
}
#darwin img, #darwin picture, #darwin video, #darwin canvas, #darwin svg {
  display: block;
  width: 100%;
}
#darwin svg {
  overflow: visible;
}
#darwin button {
  background-color: transparent;
  border: 0;
}
#darwin a, #darwin a * {
  text-decoration: none;
}
#darwin [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}
#darwin [data-footnote].sm {
  position: relative;
  top: -0.36em;
  font-size: 0.4em;
}
#darwin .nowrap {
  display: inline-block;
  white-space: nowrap;
}
#darwin .sticky-content {
  position: sticky;
  top: 0;
}
#darwin .object-fit {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#darwin .cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#darwin .blur-up {
  transition: filter 0.4s;
  filter: blur(20px);
}
#darwin .blur-up.lazyloaded {
  filter: blur(0);
}
#darwin .aspect-ratio {
  position: relative;
}
#darwin .aspect-ratio::before {
  display: block;
  content: "";
}
#darwin .aspect-ratio img, #darwin .aspect-ratio video {
  position: absolute;
  top: 0;
  left: 0;
}
#darwin br.lg {
  display: block;
}
#darwin br.xs {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #darwin br.lg {
    display: none;
  }
  #darwin br.xs {
    display: block;
  }
}
#darwin .absolute {
  position: absolute;
}
#darwin .relative {
  position: relative;
}
#darwin .sticky {
  position: sticky;
  top: 0;
}
#darwin .overflow-hidden {
  overflow: hidden;
}
#darwin .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:overflow-hidden {
    overflow: hidden;
  }
  #darwin .xs\:overflow-visible {
    overflow: visible;
  }
}
#darwin .block {
  display: block;
}
#darwin .inline-block {
  display: inline-block;
}
#darwin .inline {
  display: inline;
}
#darwin .flex {
  display: flex;
}
#darwin .inline-flex {
  display: inline-flex;
}
#darwin .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:block {
    display: block;
  }
  #darwin .xs\:inline-block {
    display: inline-block;
  }
  #darwin .xs\:inline {
    display: inline;
  }
  #darwin .xs\:flex {
    display: flex;
  }
  #darwin .xs\:inline-flex {
    display: inline-flex;
  }
  #darwin .xs\:hidden {
    display: none;
  }
}
#darwin .flex-row-reverse {
  flex-direction: row-reverse;
}
#darwin .flex-col {
  flex-direction: column;
}
#darwin .flex-col-reverse {
  flex-direction: column-reverse;
}
#darwin .flex-wrap {
  flex-wrap: wrap;
}
#darwin .flex-nowrap {
  flex-wrap: nowrap;
}
#darwin .justify-start {
  justify-content: flex-start;
}
#darwin .justify-end {
  justify-content: flex-end;
}
#darwin .justify-center {
  justify-content: center;
}
#darwin .justify-between {
  justify-content: space-between;
}
#darwin .items-start {
  align-items: flex-start;
}
#darwin .items-end {
  align-items: flex-end;
}
#darwin .items-center {
  align-items: center;
}
#darwin .shrink-0 {
  flex-shrink: 0;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:flex-row {
    flex-direction: row;
  }
  #darwin .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #darwin .xs\:flex-col {
    flex-direction: column;
  }
  #darwin .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #darwin .xs\:justify-start {
    justify-content: flex-start;
  }
  #darwin .xs\:justify-end {
    justify-content: flex-end;
  }
  #darwin .xs\:justify-center {
    justify-content: center;
  }
  #darwin .xs\:justify-between {
    justify-content: space-between;
  }
  #darwin .xs\:items-start {
    align-items: flex-start;
  }
  #darwin .xs\:items-end {
    align-items: flex-end;
  }
  #darwin .xs\:items-center {
    align-items: center;
  }
}
#darwin .text-left {
  text-align: left;
}
#darwin .text-center {
  text-align: center;
}
#darwin .text-right {
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:text-left {
    text-align: left;
  }
  #darwin .xs\:text-center {
    text-align: center;
  }
  #darwin .xs\:text-right {
    text-align: right;
  }
}
#darwin .text-align {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .text-align {
    text-align: left;
  }
  html[dir=rtl] #darwin .text-align {
    text-align: right;
  }
}
#darwin .fadeup, #darwin .lg-fadeup {
  transition: opacity 0.5s ease-in, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translateY(5.208333vw);
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .fadeup, #darwin .xs-fadeup {
    transform: translateY(13.888889vw);
  }
  #darwin .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #darwin .xs-fadeup {
    transition: opacity 0.5s ease-in, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
  }
}
#darwin .fadeup.animated, #darwin .lg-fadeup.animated, #darwin .xs-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}
#darwin .w-1440 {
  width: 75vw;
}
#darwin .w-1296 {
  width: 67.5vw;
}
#darwin .w-1200 {
  width: 62.5vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:w-full {
    width: 100%;
  }
  #darwin .xs\:w-656 {
    width: 91.111111vw;
  }
  #darwin .xs\:w-640 {
    width: 88.888889vw;
  }
  #darwin .xs\:w-600 {
    width: 83.333333vw;
  }
  #darwin .xs\:w-592 {
    width: 82.222222vw;
  }
  #darwin .xs\:w-560 {
    width: 77.777778vw;
  }
}
#darwin .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#darwin .mt-16, #darwin .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#darwin .mt-24, #darwin .lg\:mt-24 {
  margin-top: 1.25vw;
}
#darwin .ml-24, #darwin .lg\:ml-24 {
  margin-left: 1.25vw;
}
#darwin .mt-32, #darwin .lg\:mt-32 {
  margin-top: 1.666667vw;
}
#darwin .mt-40, #darwin .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#darwin .mt-48, #darwin .lg\:mt-48 {
  margin-top: 2.5vw;
}
#darwin .mt-56, #darwin .lg\:mt-56 {
  margin-top: 2.916667vw;
}
#darwin .mt-64, #darwin .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#darwin .mt-72, #darwin .lg\:mt-72 {
  margin-top: 3.75vw;
}
#darwin .mt-80, #darwin .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#darwin .mt-100, #darwin .lg\:mt-100 {
  margin-top: 5.208333vw;
}
#darwin .mt-160, #darwin .lg\:mt-160 {
  margin-top: 8.333333vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #darwin .xs\:mt-0 {
    margin-top: 0;
  }
  #darwin .mt-16, #darwin .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #darwin .mt-24, #darwin .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #darwin .ml-24, #darwin .xs\:ml-24 {
    margin-left: 3.333333vw;
  }
  #darwin .mt-32, #darwin .xs\:mt-32 {
    margin-top: 4.444444vw;
  }
  #darwin .mt-40, #darwin .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #darwin .mt-48, #darwin .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #darwin .mt-56, #darwin .xs\:mt-56 {
    margin-top: 7.777778vw;
  }
  #darwin .mt-64, #darwin .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #darwin .mt-72, #darwin .xs\:mt-72 {
    margin-top: 10vw;
  }
  #darwin .mt-80, #darwin .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #darwin .mt-100, #darwin .xs\:mt-100 {
    margin-top: 13.888889vw;
  }
  #darwin .mt-160, #darwin .xs\:mt-160 {
    margin-top: 22.222222vw;
  }
}
#darwin .pt-200, #darwin .lg\:pt-200 {
  padding-top: 10.416667vw;
}
#darwin .pb-200, #darwin .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}
#darwin .py-200, #darwin .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#darwin .pt-160, #darwin .lg\:pt-160 {
  padding-top: 8.333333vw;
}
#darwin .pb-160, #darwin .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}
#darwin .py-160, #darwin .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#darwin .pt-120, #darwin .lg\:pt-120 {
  padding-top: 6.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .pt-200, #darwin .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #darwin .pb-200, #darwin .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #darwin .py-200, #darwin .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #darwin .pt-160, #darwin .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #darwin .pb-160, #darwin .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #darwin .py-160, #darwin .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #darwin .pt-120, #darwin .xs\:pt-120 {
    padding-top: 16.666667vw;
  }
}
#darwin h2, #darwin h3 {
  font-weight: 700;
  line-height: 1.25;
  color: #f5f5f7;
}
#darwin h2 {
  font-size: 3.333333vw;
}
#darwin h3 {
  font-size: 1.666667vw;
}
#darwin p {
  font-size: 1.25vw;
}
#darwin .note {
  font-size: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin h2 {
    font-size: 8.888889vw;
  }
  #darwin h3 {
    font-size: 4.444444vw;
  }
  #darwin p {
    font-size: 4.444444vw;
  }
  #darwin .note {
    font-size: 3.333333vw;
  }
}
#darwin strong {
  font-weight: 500;
  color: #fff;
}
#darwin .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;
}
#darwin .permalink {
  line-height: inherit;
  color: #006fb2;
}
#darwin .permalink .icon {
  margin-top: -0.05em;
  font-size: 1.4em;
  line-height: 0;
}
#darwin .permalink.global-style-hide {
  display: inline-flex;
  align-items: center;
}
.no-touch #darwin .permalink.global-style-hide .icon {
  transition: transform 0.3s ease-out;
}
.no-touch #darwin .permalink.global-style-hide:hover .icon {
  transform: translateX(3px);
}
.no-touch[dir=rtl] #darwin .permalink.global-style-hide:hover .icon {
  transform: translateX(-3px);
}
#darwin .video-container {
  position: relative;
}
#darwin .video-container .play-trigger {
  position: absolute;
  top: 80%;
}
#darwin .video-container .replay-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: default;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  outline: 0;
}
#darwin .video-container .icon-copy {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  white-space: nowrap;
}
#darwin .video-container .icon-replay {
  width: 1.09375vw;
  margin-left: 0.416667vw;
}
#darwin .video-container.ended .replay-button {
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .video-container .icon-copy {
    font-size: 4.444444vw;
  }
  #darwin .video-container .icon-replay {
    width: 4.305556vw;
    margin-left: 2.222222vw;
  }
}
#darwin .rounded, #darwin .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .rounded {
    border-radius: 2.222222vw;
  }
  #darwin .lg\:rounded {
    border-radius: 0;
  }
}
#darwin.grabbing {
  cursor: grabbing;
}
#darwin.grabbing .progress-handle {
  cursor: grabbing !important;
}
#darwin .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#darwin .stack-list {
  display: flex;
}
#darwin .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#darwin .stack-item + .stack-item {
  margin-left: -100%;
}
#darwin .stack-item.current {
  z-index: 1;
  opacity: 1;
}
#darwin .arrownav-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
#darwin .arrownav-list .arrownav-item {
  position: relative;
  overflow: hidden;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 0.3s;
  border-radius: 100%;
}
#darwin .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .hover-color {
  opacity: 1;
}
#darwin .arrownav-list .filter-background {
  transition: opacity 0.3s;
}
#darwin .arrownav-list .filter-background::before, #darwin .arrownav-list .filter-background::after {
  position: absolute;
  display: block;
  width: 350%;
  height: 42%;
  content: "";
  transition: background-color 0.3s;
  transform: translateZ(0);
  filter: blur(24px);
  -webkit-filter: blur(24px);
}
#darwin .arrownav-list .filter-red::before, #darwin .arrownav-list .filter-red::after {
  bottom: -20%;
  background-color: #b9563f;
}
#darwin .arrownav-list .filter-red.filter-prev::before, #darwin .arrownav-list .filter-red.filter-prev::after {
  left: 17%;
}
#darwin .arrownav-list .filter-red.filter-next::before, #darwin .arrownav-list .filter-red.filter-next::after {
  right: 17%;
}
#darwin .arrownav-list .filter-blue::before, #darwin .arrownav-list .filter-blue::after {
  top: 0;
  background-color: #1541a5;
}
#darwin .arrownav-list .filter-blue.filter-prev::before, #darwin .arrownav-list .filter-blue.filter-prev::after {
  right: 35%;
}
#darwin .arrownav-list .filter-blue.filter-next::before, #darwin .arrownav-list .filter-blue.filter-next::after {
  left: 35%;
}
#darwin .arrownav-list .hover-color {
  transition: opacity 0.3s;
  opacity: 0;
}
#darwin .arrownav-list .arrownav-disabled {
  cursor: default;
  opacity: 0.5;
}
#darwin .arrownav-list .icon-arrow {
  position: relative;
  z-index: 1;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .arrownav-list {
    padding-bottom: 2px;
  }
  #darwin .arrownav-list.xs\:justify-end {
    justify-content: flex-end;
  }
  #darwin .arrownav-list .arrownav-item {
    width: 11.111111vw;
  }
  #darwin .arrownav-list .filter-background::before, #darwin .arrownav-list .filter-background::after {
    transition: none;
  }
  #darwin .arrownav-list .filter-red::before, #darwin .arrownav-list .filter-red::after {
    background-color: #b9563f !important;
  }
  #darwin .arrownav-list .filter-blue::before, #darwin .arrownav-list .filter-blue::after {
    background-color: #1541a5 !important;
  }
}

#darwin .section-hero {
  background-color: #1a1a1a;
}
#darwin .section-hero .hero-content {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 6.25vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 0.833333vw;
  font-weight: 400;
  transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translateY(6.25vw);
  opacity: 0;
  color: #fff;
}
#darwin .section-hero .hero-content.animated {
  transform: translateY(0);
  opacity: 1;
}
#darwin .section-hero .hero-logo {
  width: 34.010417vw;
}
#darwin .section-hero .hero-logo::before {
  padding-bottom: 10.987312325%;
}
#darwin .section-hero .hero-ksp {
  margin-top: 1.666667vw;
  margin-left: 0.06em;
  font-size: 1.145833vw;
  letter-spacing: 0.06em;
}
#darwin .section-hero .hero-slogan {
  margin-top: 1.666667vw;
  margin-left: -0.18em;
  font-size: 2.5vw;
  letter-spacing: 0.18em;
}
#darwin .section-hero .hero-picture::before {
  padding-bottom: 50%;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-hero .hero-content {
    top: 16.666667vw;
    right: 0;
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  #darwin .section-hero .hero-logo {
    width: 78.75vw;
    margin: 0 auto;
  }
  #darwin .section-hero .hero-ksp {
    margin-top: 6.666667vw;
    font-size: 2.777778vw;
  }
  #darwin .section-hero .hero-slogan {
    margin-top: 5.555556vw;
    font-size: 5.555556vw;
  }
  #darwin .section-hero .hero-picture::before {
    padding-bottom: 150%;
  }
}
#darwin .hero-sku {
  margin-top: 1.25vw;
  text-align: center;
}
#darwin .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #fff;
}
#darwin .hero-sku .from {
  font-size: 0.677083vw;
}
#darwin .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}
#darwin .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 12px 28px;
  font-size: 13px;
  line-height: 24px;
  transition: opacity 0.3s ease-out;
  color: #000;
  border-radius: 6px;
  background-color: #fff;
}
#darwin .hero-sku .buy-cta:hover {
  opacity: 0.8;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .hero-sku {
    margin-top: 5.555556vw;
  }
  #darwin .hero-sku .pricing {
    font-size: 5.555556vw;
  }
  #darwin .hero-sku .from {
    font-size: 3.611111vw;
  }
}
#darwin .section-highlights {
  overflow: hidden;
  padding-bottom: 6.770833vw;
  background-image: linear-gradient(180deg, #1a1a1a 66%, #000);
}
#darwin .section-highlights .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#darwin .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#darwin .section-highlights .caption {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
  font-size: 1.666667vw;
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#darwin .section-highlights .controls-container {
  display: flex;
  justify-content: center;
}
#darwin .section-highlights .controls-wrapper {
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.08);
}
#darwin .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
}
#darwin .section-highlights .arrownav-item:hover {
  opacity: 0.6;
}
#darwin .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3 !important;
}
#darwin .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
}
#darwin .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 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0.2;
  border-radius: 100%;
  outline: 0;
  background-color: #f5f5f7;
}
#darwin .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
#darwin .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}
#darwin .section-highlights .autoplay-trigger {
  position: absolute;
  top: 80%;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-highlights {
    padding-bottom: 13.888889vw;
    background-image: linear-gradient(180deg, #1a1a1a 70%, #000);
  }
  #darwin .section-highlights .caption {
    margin: 6.111111vw 6.666667vw;
    font-size: 5vw;
  }
  #darwin .section-highlights .controls-wrapper {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
  }
  #darwin .section-highlights .arrownav-item {
    width: 13.333333vw;
  }
  #darwin .section-highlights .arrownav-item:hover {
    opacity: 1;
  }
  #darwin .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }
  #darwin .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }
  #darwin .section-highlights .dotnav-item::before {
    padding: 1.111111vw;
  }
}
@media (max-aspect-ratio: 11/10) and (min-aspect-ratio: 7/10) {
  #darwin .section-highlights .swiper {
    width: 58.333333vw;
  }
  #darwin .section-highlights .caption {
    margin: 3.888889vw 4.444444vw;
    font-size: 3.333333vw;
  }
  #darwin .section-highlights .controls-container {
    margin-top: 5.555556vw;
  }
  #darwin .section-highlights .controls-wrapper {
    height: 8.888889vw;
    padding-right: 1.111111vw;
    padding-left: 1.111111vw;
  }
  #darwin .section-highlights .arrownav-item {
    width: 8.888889vw;
  }
  #darwin .section-highlights .dotnav-list {
    margin-right: -0.277778vw;
    margin-left: -0.277778vw;
  }
  #darwin .section-highlights .dotnav-item {
    width: 1.388889vw;
    height: 1.388889vw;
    margin-right: 1.111111vw;
    margin-left: 1.111111vw;
  }
  #darwin .section-highlights .dotnav-item::before {
    padding: 1.111111vw;
  }
}
#darwin .glow-headline {
  position: relative;
  z-index: 1;
  font-size: 5vw;
  text-align: center;
  color: #838998;
}
#darwin .glow-headline span {
  background-color: transparent;
}
#darwin .glow-headline .glow-anim {
  position: relative;
  display: inline-flex;
  overflow: visible;
  justify-content: center;
}
#darwin .glow-headline .glow-anim::before, #darwin .glow-headline .glow-anim::after {
  position: absolute;
  display: inline-block;
  content: attr(data-text);
  transform: translateZ(0);
  -webkit-text-fill-color: transparent;
  opacity: 0;
  background-image: linear-gradient(102deg, #1f4cc1, #90b6ff 50%, #e19eca 80%, #ffb4aa 88%, #f3ff62);
  -webkit-background-clip: text;
  background-clip: text;
}
#darwin .glow-headline .glow-anim::before {
  z-index: 2;
  top: -0.07em;
  filter: blur(11px);
  -webkit-filter: blur(11px);
}
#darwin .glow-headline .glow-anim::after {
  z-index: 1;
  top: 0.24em;
  filter: blur(18px);
  -webkit-filter: blur(18px);
}
#darwin .glow-headline .glow-white {
  position: relative;
  z-index: 3;
}
#darwin .glow-headline.animated .glow-anim::before, #darwin .glow-headline.animated .glow-anim::after {
  transition: opacity 1.2s;
  opacity: 1;
}
#darwin .glow-headline.animated .glow-white {
  transition: color 1.2s;
  color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .glow-headline {
    font-size: 13.333333vw;
  }
}
#darwin .player-button-container {
  display: flex;
  justify-content: center;
}
#darwin .player-button-container .player-button {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 3.333333vw;
  padding-right: 0.833333vw;
  padding-left: 1.666667vw;
  line-height: 1.25;
  transform: translateZ(0);
  border-radius: 999px;
  background-color: #000;
}
#darwin .player-button-container .player-button:hover .blur-red {
  transform: translateX(112%);
}
#darwin .player-button-container .player-button:hover .blur-blue {
  transform: translateX(-40%);
}
#darwin .player-button-container .button-color {
  position: absolute;
  width: 100%;
  transition: transform 0.8s;
  pointer-events: none;
  border-radius: 100%;
}
#darwin .player-button-container .button-color::before, #darwin .player-button-container .button-color::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
#darwin .player-button-container .blur-red {
  z-index: 3;
  top: -40%;
  left: -56%;
  height: 100%;
}
#darwin .player-button-container .blur-red::before, #darwin .player-button-container .blur-red::after {
  background-color: #501717;
  filter: blur(43px);
}
#darwin .player-button-container .blur-green {
  z-index: 2;
  top: 75%;
  left: 0;
  height: 62.5%;
}
#darwin .player-button-container .blur-green::before, #darwin .player-button-container .blur-green::after {
  background-color: #155658;
  filter: blur(40px);
}
#darwin .player-button-container .blur-blue {
  z-index: 1;
  top: -40%;
  left: 30%;
  height: 100%;
}
#darwin .player-button-container .blur-blue::before, #darwin .player-button-container .blur-blue::after {
  background-color: #264880;
  filter: blur(37px);
}
#darwin .player-button-container .button-copy {
  position: relative;
  z-index: 10;
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
}
#darwin .player-button-container .button-icon {
  position: relative;
  z-index: 10;
  width: 1.666667vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .player-button-container .player-button {
    height: 13.333333vw;
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }
  #darwin .player-button-container .button-copy {
    font-size: 3.888889vw;
  }
  #darwin .player-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}
#darwin .section-design {
  padding-top: 3.645833vw;
}
#darwin .section-design .sticky-container {
  position: relative;
  height: 200vh;
}
#darwin .section-design .background-picture {
  width: 100vw;
}
#darwin .section-design .background-picture::before {
  padding-bottom: 56.25%;
}
#darwin .section-design .anim-container {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
#darwin .section-design .anim-picture {
  position: absolute;
  top: 2.135417vw;
  right: 0;
  left: 0;
  width: 63.229167vw;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
#darwin .section-design .anim-picture::before {
  padding-bottom: 61.2405271829%;
}
#darwin .section-design .headline-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
  background-color: rgba(0, 0, 0, 0.6);
}
#darwin .section-design .headline {
  position: relative;
  font-size: 4.166667vw;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
#darwin .section-design .headline sup {
  position: absolute;
}
#darwin .section-design .anim-trigger {
  position: absolute;
  top: 200%;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-design {
    padding-top: 13.888889vw;
  }
  #darwin .section-design .sticky-container {
    height: auto;
  }
  #darwin .section-design .background-picture::before {
    padding-bottom: 119.4444444444%;
  }
  #darwin .section-design .anim-container {
    height: 100%;
  }
  #darwin .section-design .anim-picture {
    top: 24.861111vw;
    width: 88.888889vw;
  }
  #darwin .section-design .headline {
    font-size: 11.111111vw;
  }
  #darwin .section-design .player-button-container {
    margin-top: -6.666667vw;
  }
}
#darwin .section-ultra-thin .intro-container {
  width: 39.0625vw;
  margin-left: 13.020833vw;
}
#darwin .section-ultra-thin .player-button {
  display: inline-flex;
  align-items: center;
}
#darwin .section-ultra-thin .button-copy {
  font-size: 1.145833vw;
  font-weight: 500;
  color: #006fb2;
}
#darwin .section-ultra-thin .button-icon {
  width: 1.25vw;
  margin-left: 0.416667vw;
}
#darwin .section-ultra-thin .image-sequence-wrapper {
  position: relative;
  height: 39.583333vw;
}
#darwin .section-ultra-thin .image-sequence-trigger {
  position: absolute;
  top: 90%;
}
#darwin .section-ultra-thin .stat-content {
  position: absolute;
  z-index: 1;
  top: 17.291667vw;
  left: 39.947917vw;
}
#darwin .section-ultra-thin .stat-icon {
  width: 2.5vw;
}
#darwin .section-ultra-thin .stat-caption {
  margin-top: -0.833333vw;
  font-weight: 700;
  color: #f5f5f7;
}
#darwin .section-ultra-thin .stat-value {
  font-size: 2.5vw;
}
#darwin .section-ultra-thin .progress-container {
  display: flex;
  justify-content: center;
}
#darwin .section-ultra-thin .progress-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 16.666667vw;
}
#darwin .section-ultra-thin .progress-track {
  position: absolute;
  width: 100%;
  height: 0.833333vw;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.1);
}
#darwin .section-ultra-thin .progress-handle {
  width: 2.916667vw;
  height: 2.916667vw;
  margin-left: -1.458333vw;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  transform: translate3d(var(--progress, 0), 0, 0);
  will-change: transform;
}
#darwin .section-ultra-thin .progress-handle.active .progress-icon, #darwin .section-ultra-thin .progress-handle:hover .progress-icon {
  background-color: #505050;
}
#darwin .section-ultra-thin .progress-icon {
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s;
  pointer-events: none;
  border-radius: 100%;
  background-color: #313132;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-ultra-thin .intro-container {
    width: 100%;
    margin-left: 0;
  }
  #darwin .section-ultra-thin .button-copy {
    font-size: 4.444444vw;
  }
  #darwin .section-ultra-thin .button-icon {
    width: 4.444444vw;
    margin-left: 1.111111vw;
  }
  #darwin .section-ultra-thin .image-sequence-wrapper {
    height: 97.222222vw;
  }
  #darwin .section-ultra-thin .stat-content {
    top: 39.722222vw;
    left: 57.222222vw;
  }
  #darwin .section-ultra-thin .stat-icon {
    width: 11.111111vw;
  }
  #darwin .section-ultra-thin .stat-caption {
    margin-top: -2.222222vw;
    font-size: 3.333333vw;
  }
  #darwin .section-ultra-thin .stat-value {
    font-size: 6.666667vw;
  }
  #darwin .section-ultra-thin .progress-wrapper {
    width: 44.444444vw;
  }
  #darwin .section-ultra-thin .progress-track {
    height: 2.222222vw;
  }
  #darwin .section-ultra-thin .progress-handle {
    width: 12.222222vw;
    height: 12.222222vw;
    margin-left: -6.111111vw;
  }
}
#darwin .section-xiaoyi {
  overflow: hidden;
}
#darwin .section-xiaoyi .tabnav-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#darwin .section-xiaoyi .tabnav-container {
  position: relative;
  z-index: 10;
  width: 100%;
}
#darwin .section-xiaoyi .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#darwin .section-xiaoyi .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.25vw;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.3);
  outline: 0;
}
#darwin .section-xiaoyi .tabnav-item + .tabnav-item {
  margin-left: 3.333333vw;
}
#darwin .section-xiaoyi .tabnav-item:hover {
  color: rgba(255, 255, 255, 0.6);
}
#darwin .section-xiaoyi .tabnav-item.current {
  color: #fff;
}
#darwin .section-xiaoyi .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#darwin .section-xiaoyi .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#darwin .section-xiaoyi .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #fff;
}
#darwin .section-xiaoyi .stack-item {
  transition-duration: 0.5s;
}
#darwin .section-xiaoyi .section-swiper {
  position: relative;
  width: 100vw;
}
#darwin .section-xiaoyi .main-swiper {
  position: absolute;
  top: 3.645833vw;
  right: 0;
  left: 0;
  padding-top: 0.520833vw;
  padding-right: 0.15625vw;
}
#darwin .section-xiaoyi .picture-frame {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 50.9375vw;
  pointer-events: none;
}
#darwin .section-xiaoyi .subswiper-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#darwin .section-xiaoyi .subswiper {
  flex-shrink: 0;
}
#darwin .section-xiaoyi .swiper-button-container {
  position: absolute;
  top: 4.6875vw;
  left: 0;
  transition: opacity 0.5s;
}
#darwin .section-xiaoyi .swiper-button-container.button-fadeout {
  pointer-events: none;
  opacity: 0;
}
#darwin .section-xiaoyi .swiper-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125vw;
  padding-right: 1.666667vw;
  padding-left: 1.666667vw;
  font-size: 1.041667vw;
  transition: color 0.5s;
  white-space: nowrap;
  color: #969699;
  border-radius: 999px;
  background-color: rgba(80, 80, 80, 0.4);
  -webkit-backdrop-filter: blur(30px) brightness(115%);
  backdrop-filter: blur(30px) brightness(115%);
}
#darwin .section-xiaoyi .swiper-button + .swiper-button {
  margin-top: 2.083333vw;
}
#darwin .section-xiaoyi .swiper-button:hover {
  color: #f5f5f7;
}
#darwin .section-xiaoyi .swiper-button::before, #darwin .section-xiaoyi .swiper-button::after {
  position: absolute;
  content: "";
  transition: opacity 0.5s;
  opacity: 0;
  background-image: linear-gradient(100deg, #1f4cc1, #a6cced 60%, #ebd176 85%, #eb7342);
}
#darwin .section-xiaoyi .swiper-button::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 999px;
}
#darwin .section-xiaoyi .swiper-button::after {
  z-index: -1;
  right: 0.520833vw;
  bottom: 0;
  left: 0.520833vw;
  height: 50%;
  filter: blur(16px);
}
#darwin .section-xiaoyi .swiper-button.current {
  color: #f5f5f7;
}
#darwin .section-xiaoyi .swiper-button.current::before, #darwin .section-xiaoyi .swiper-button.current::after {
  opacity: 1;
}
#darwin .section-xiaoyi .button-copy {
  position: relative;
  z-index: 2;
  line-height: 1.25;
}
#darwin .section-xiaoyi .subswiper {
  width: 50.625vw;
  margin-right: 0;
}
#darwin .section-xiaoyi .tip-container {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  opacity: 0.5;
}
#darwin .section-xiaoyi .tip-icon {
  width: 1.041667vw;
}
#darwin .section-xiaoyi .tip-copy {
  margin-left: 0.416667vw;
  font-size: 1.041667vw;
  color: #f5f5f7;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-xiaoyi {
    padding-bottom: 0;
  }
  #darwin .section-xiaoyi .tabnav-content {
    display: block;
    width: 100%;
  }
  #darwin .section-xiaoyi .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 8.333333vw;
    margin-top: 8.888889vw;
    line-height: 0;
    white-space: nowrap;
  }
  #darwin .section-xiaoyi .tabnav-wrapper {
    padding-right: 2.222222vw;
    padding-left: 2.222222vw;
  }
  #darwin .section-xiaoyi .tabnav-list {
    position: relative;
    display: inline-block;
  }
  #darwin .section-xiaoyi .tabnav-item {
    display: inline-block;
    padding-bottom: 4.444444vw;
    font-size: 4.444444vw;
  }
  #darwin .section-xiaoyi .tabnav-item + .tabnav-item {
    margin-left: 4.444444vw;
  }
  #darwin .section-xiaoyi .stack-list {
    width: 83.333333vw;
  }
  #darwin .section-xiaoyi .stack-item {
    font-size: 4.444444vw;
  }
  #darwin .section-xiaoyi .section-swiper {
    overflow: hidden;
    margin-top: -20.833333vw;
    padding-top: 25.555556vw;
  }
  #darwin .section-xiaoyi .picture-background {
    position: absolute;
    top: 0;
    left: 0;
  }
  #darwin .section-xiaoyi .main-swiper {
    position: relative;
    top: 0;
    padding-top: 1.944444vw;
    padding-right: 0;
    padding-left: 0;
  }
  #darwin .section-xiaoyi .picture-frame {
    left: 0;
    width: 190.277778vw;
    margin-right: auto;
    margin-left: 13.055556vw;
  }
  #darwin .section-xiaoyi .subswiper-container {
    flex-direction: column-reverse;
  }
  #darwin .section-xiaoyi .swiper-button-container {
    position: static;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    margin-top: 25.694444vw;
    padding-bottom: 8.888889vw;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  #darwin .section-xiaoyi .swiper-button-container::-webkit-scrollbar {
    display: none;
  }
  #darwin .section-xiaoyi .swiper-button-container::before, #darwin .section-xiaoyi .swiper-button-container::after {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 4.444444vw;
    height: 22.222222vw;
    content: "";
    pointer-events: none;
  }
  #darwin .section-xiaoyi .swiper-button-container::before {
    left: 0;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent);
  }
  #darwin .section-xiaoyi .swiper-button-container::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8));
  }
  #darwin .section-xiaoyi .swiper-button-list {
    position: relative;
    display: inline-block;
    padding-right: 4.444444vw;
    padding-left: 4.444444vw;
    font-size: 0;
  }
  #darwin .section-xiaoyi .swiper-button {
    display: inline-block;
    height: 11.111111vw;
    padding-right: 4.444444vw;
    padding-left: 4.444444vw;
    font-size: 3.888889vw;
    background-color: #262626;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  #darwin .section-xiaoyi .swiper-button + .swiper-button {
    margin-top: 0;
    margin-left: 3.333333vw;
  }
  #darwin .section-xiaoyi .swiper-button::after {
    right: 1.388889vw;
    left: 1.388889vw;
  }
  #darwin .section-xiaoyi .subswiper {
    width: 189.444444vw;
    margin-left: 13.472222vw;
  }
  #darwin .section-xiaoyi .tip-container {
    position: static;
    justify-content: center;
  }
  #darwin .section-xiaoyi .tip-icon {
    width: 3.333333vw;
  }
  #darwin .section-xiaoyi .tip-copy {
    margin-left: 1.111111vw;
    font-size: 3.888889vw;
  }
}
#darwin .section-honghu-details .section-content {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 8.333333vw;
  padding-left: 9.375vw;
}
#darwin .section-honghu-details .video-container {
  width: 45.833333vw;
}
#darwin .section-honghu-details .replay-button-container {
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
#darwin .section-honghu-details .text-content {
  width: 31.25vw;
  margin-left: 4.166667vw;
}
#darwin .section-honghu-details .badge-item {
  display: flex;
  align-items: center;
}
#darwin .section-honghu-details .badge-icon {
  width: 2.604167vw;
}
#darwin .section-honghu-details .badge-caption {
  margin-left: 1.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-honghu-details .section-content {
    display: block;
    margin-top: 20.555556vw;
    padding-left: 0;
  }
  #darwin .section-honghu-details .video-container {
    width: 97.222222vw;
  }
  #darwin .section-honghu-details .text-content {
    width: 77.777778vw;
    margin-right: auto;
    margin-left: auto;
  }
  #darwin .section-honghu-details .badge-icon {
    width: 8.333333vw;
  }
  #darwin .section-honghu-details .badge-caption {
    margin-left: 2.222222vw;
  }
}
#darwin .section-brightness .intro-container {
  width: 39.0625vw;
  margin-left: 13.020833vw;
}
#darwin .section-brightness .badge-item {
  display: flex;
  align-items: center;
}
#darwin .section-brightness .badge-icon {
  width: 3.125vw;
}
#darwin .section-brightness .badge-caption {
  margin-left: 1.25vw;
}
#darwin .section-brightness .icon-hdr-vivid {
  position: absolute;
  z-index: 1;
  right: 1.25vw;
  bottom: 1.25vw;
  width: 12.65625vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-brightness .intro-container {
    width: 100%;
    margin-left: 0;
  }
  #darwin .section-brightness .badge-item {
    display: flex;
    align-items: center;
  }
  #darwin .section-brightness .badge-icon {
    width: 8.333333vw;
  }
  #darwin .section-brightness .badge-caption {
    margin-left: 2.222222vw;
  }
  #darwin .section-brightness .icon-hdr-vivid {
    right: 3.333333vw;
    bottom: 3.333333vw;
    width: 31.111111vw;
  }
}
#darwin .section-smooth .text-content {
  position: absolute;
  z-index: 1;
  top: 4.6875vw;
  right: 0;
  left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-smooth .text-content {
    position: static;
  }
}
#darwin .section-color-adjustment .stat-item-2 {
  margin-left: 3.75vw;
}
#darwin .section-color-adjustment .stat-value {
  font-size: 2.083333vw;
  font-weight: 700;
  line-height: 1.25;
  background-image: linear-gradient(100deg, #0e3c80, #62e1e6 57%, #fc7777);
}
#darwin .section-color-adjustment .stat-caption {
  margin-top: 0.833333vw;
  font-size: 0.9375vw;
}
#darwin .section-color-adjustment .picture-container {
  position: relative;
  overflow: hidden;
}
#darwin .section-color-adjustment .picture-container::after {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(90deg, #000, transparent 10%, transparent 90%, #000);
}
#darwin .section-color-adjustment .picture-after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transition: -webkit-clip-path 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
#darwin .section-color-adjustment .indicator {
  position: absolute;
  z-index: 2;
  top: 0;
  left: -2px;
  width: 2px;
  height: 100%;
  transition: left 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  background-image: linear-gradient(0deg, transparent, #bbb, transparent);
}
#darwin .section-color-adjustment .comparison-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#darwin .section-color-adjustment .comparison-button {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 3.333333vw;
  padding-right: 2.5vw;
  padding-left: 2.5vw;
  cursor: default;
  transition: background-color 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: translateZ(0);
  color: #fff;
  border-radius: 999px;
  background-color: #313131;
}
#darwin .section-color-adjustment .button-copy {
  position: relative;
  z-index: 10;
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.25;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1);
  color: #fff;
}
#darwin .section-color-adjustment .button-after {
  position: absolute;
  opacity: 0;
}
#darwin .section-color-adjustment .button-icon {
  position: relative;
  z-index: 10;
  width: 1.458333vw;
  margin-left: 0.833333vw;
}
#darwin .section-color-adjustment .animated .picture-after {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
#darwin .section-color-adjustment .animated .indicator {
  left: 100%;
}
#darwin .section-color-adjustment .animated .button-before {
  opacity: 0;
}
#darwin .section-color-adjustment .animated .button-after {
  opacity: 1;
}
#darwin .section-color-adjustment .animated .comparison-button {
  background-color: #1f1f1f;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-color-adjustment .stat-item-2 {
    margin-left: 6.666667vw;
  }
  #darwin .section-color-adjustment .stat-value {
    font-size: 7.777778vw;
  }
  #darwin .section-color-adjustment .stat-caption {
    margin-top: 2.222222vw;
    font-size: 3.888889vw;
  }
  #darwin .section-color-adjustment .picture-container {
    width: 100%;
  }
  #darwin .section-color-adjustment .picture-container::after {
    background-image: linear-gradient(90deg, #000, transparent 5%, transparent 95%, #000);
  }
  #darwin .section-color-adjustment .indicator {
    background-image: linear-gradient(0deg, transparent, #bbb 20%, #bbb 80%, transparent);
  }
  #darwin .section-color-adjustment .comparison-button {
    height: 13.333333vw;
    padding-right: 6.666667vw;
    padding-left: 6.666667vw;
  }
  #darwin .section-color-adjustment .button-copy {
    font-size: 3.888889vw;
  }
  #darwin .section-color-adjustment .button-icon {
    width: 5.555556vw;
    margin-left: 3.333333vw;
  }
}
#darwin .section-game-mode .sticky-container {
  position: relative;
  height: 200vh;
}
#darwin .section-game-mode .background-picture {
  width: 100vw;
}
#darwin .section-game-mode .background-picture::before {
  padding-bottom: 69.0104166667%;
}
#darwin .section-game-mode .anim-container {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
#darwin .section-game-mode .media-container {
  position: absolute;
  top: 4.21875vw;
  right: 0;
  left: 0;
  width: 61.979167vw;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
#darwin .section-game-mode .anim-picture {
  position: relative;
  z-index: 2;
}
#darwin .section-game-mode .anim-picture::before {
  padding-bottom: 57.7974789916%;
}
#darwin .section-game-mode .video-container {
  position: absolute;
  top: 0.729167vw;
  right: 0;
  left: 0;
  width: 61.770833vw;
}
#darwin .section-game-mode .headline-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
  background-color: rgba(0, 0, 0, 0.6);
}
#darwin .section-game-mode .headline {
  position: relative;
  font-size: 4.166667vw;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
#darwin .section-game-mode .anim-trigger {
  position: absolute;
  top: 200%;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-game-mode .sticky-container {
    height: auto;
  }
  #darwin .section-game-mode .background-picture::before {
    padding-bottom: 119.4444444444%;
  }
  #darwin .section-game-mode .anim-container {
    height: 100%;
  }
  #darwin .section-game-mode .media-container {
    top: 16.25vw;
    width: 88.888889vw;
  }
  #darwin .section-game-mode .video-container {
    top: 1.111111vw;
    width: 88.333333vw;
  }
  #darwin .section-game-mode .headline {
    font-size: 11.111111vw;
  }
  #darwin .section-game-mode .intro {
    margin-top: -5.555556vw;
  }
}
#darwin .section-audio .icon-audio-vivid {
  position: absolute;
  z-index: 1;
  right: 1.25vw;
  bottom: 1.25vw;
  width: 12.864583vw;
}
#darwin .section-audio .item-group {
  display: flex;
  justify-content: space-between;
}
#darwin .section-audio .item-1, #darwin .section-audio .item-2 {
  width: 36.71875vw;
}
#darwin .section-audio .permalink {
  font-size: 1.145833vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-audio .icon-audio-vivid {
    right: 3.333333vw;
    bottom: 3.333333vw;
    width: 34.305556vw;
  }
  #darwin .section-audio .item-group {
    display: block;
  }
  #darwin .section-audio .item-1, #darwin .section-audio .item-2 {
    width: 91.111111vw;
  }
  #darwin .section-audio .permalink {
    font-size: 4.444444vw;
  }
}
#darwin .section-lingxi-remote .subsection {
  display: flex;
  justify-content: space-between;
}
#darwin .section-lingxi-remote .item-1 {
  width: 45.104167vw;
}
#darwin .section-lingxi-remote .item-2 {
  width: 28.333333vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-lingxi-remote .subsection {
    display: block;
  }
  #darwin .section-lingxi-remote .item-1, #darwin .section-lingxi-remote .item-2 {
    width: 100%;
  }
}
#darwin .section-remote-control .intro {
  width: 39.0625vw;
  margin-left: 13.020833vw;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-remote-control .intro {
    width: 100%;
    margin-left: 0;
  }
}
#darwin .section-projection .badge-list {
  display: flex;
  justify-content: center;
  text-align: center;
}
#darwin .section-projection .badge-item {
  padding-right: 1.5625vw;
  padding-left: 1.5625vw;
}
#darwin .section-projection .badge-item + .badge-item {
  position: relative;
}
#darwin .section-projection .badge-item + .badge-item::before {
  position: absolute;
  top: 5.208333vw;
  left: 0;
  width: 1px;
  height: 5.208333vw;
  content: "";
  background-color: rgba(112, 112, 112, 0.4);
}
#darwin .section-projection .badge-content {
  margin-top: -2.083333vw;
}
#darwin .section-projection .badge-icon {
  width: 16.666667vw;
}
#darwin .section-projection .badge-title {
  line-height: 1.25;
  color: #fff;
}
#darwin .section-projection .badge-caption {
  font-size: 0.833333vw;
  color: #a8a8ac;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-projection .badge-list {
    display: block;
  }
  #darwin .section-projection .badge-item {
    display: flex;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
  #darwin .section-projection .badge-item + .badge-item {
    position: relative;
    margin-top: 5.555556vw;
  }
  #darwin .section-projection .badge-item::before {
    display: none;
  }
  #darwin .section-projection .badge-icon {
    flex-shrink: 0;
    width: 27.777778vw;
    margin-right: 0;
    margin-left: 0;
  }
  #darwin .section-projection .badge-content {
    margin-top: 0;
    margin-left: 3.333333vw;
  }
  #darwin .section-projection .badge-title {
    font-size: 5.555556vw;
  }
  #darwin .section-projection .badge-caption {
    font-size: 3.888889vw;
  }
}
#darwin .section-smart-frame .tabnav-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#darwin .section-smart-frame .tabnav-container {
  position: relative;
}
#darwin .section-smart-frame .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#darwin .section-smart-frame .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.25vw;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.3);
  outline: 0;
}
#darwin .section-smart-frame .tabnav-item + .tabnav-item {
  margin-left: 6.25vw;
}
#darwin .section-smart-frame .tabnav-item:hover {
  color: rgba(255, 255, 255, 0.6);
}
#darwin .section-smart-frame .tabnav-item.current {
  color: #fff;
}
#darwin .section-smart-frame .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#darwin .section-smart-frame .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#darwin .section-smart-frame .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #fff;
}
#darwin .section-smart-frame .stack-item {
  transition-duration: 0.5s;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-smart-frame .tabnav-content {
    display: block;
    width: 100%;
  }
  #darwin .section-smart-frame .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
  }
  #darwin .section-smart-frame .tabnav-wrapper {
    padding-right: 2.222222vw;
    padding-left: 2.222222vw;
  }
  #darwin .section-smart-frame .tabnav-list {
    position: relative;
    display: inline-block;
  }
  #darwin .section-smart-frame .tabnav-item {
    display: inline-block;
    padding-bottom: 4.444444vw;
    font-size: 4.444444vw;
  }
  #darwin .section-smart-frame .tabnav-item + .tabnav-item {
    margin-left: 4.444444vw;
  }
  #darwin .section-smart-frame .caption-list {
    width: 77.777778vw;
    margin: 8.888889vw auto 0;
  }
  #darwin .section-smart-frame .caption-item {
    font-size: 4.444444vw;
  }
}
#darwin .section-karaoke .intro {
  width: 39.0625vw;
  margin-left: 13.020833vw;
}
#darwin .section-karaoke .swiper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#darwin .section-karaoke .arrownav-list {
  position: absolute;
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  padding-right: 1.666667vw;
  padding-left: 1.666667vw;
}
#darwin .section-karaoke .arrownav-item {
  background-color: #1f1f1f;
}
#darwin .section-karaoke .arrownav-item:hover {
  opacity: 0.6;
}
#darwin .section-karaoke .arrownav-disabled {
  opacity: 0.3 !important;
}
#darwin .section-karaoke .filter-background {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-karaoke .intro {
    width: 100%;
    margin-left: 0;
  }
  #darwin .section-karaoke .swiper {
    display: block;
  }
  #darwin .section-karaoke .arrownav-list {
    position: static;
    justify-content: flex-end;
    width: 88.888889vw;
    padding-right: 0;
    padding-left: 0;
  }
  #darwin .section-karaoke .arrownav-item {
    background-color: #000;
  }
  #darwin .section-karaoke .arrownav-item:hover {
    opacity: 1;
  }
  #darwin .section-karaoke .arrownav-disabled {
    opacity: 0.6 !important;
  }
  #darwin .section-karaoke .filter-background {
    display: block;
  }
}
#darwin .section-safety-care .gallery-container {
  position: relative;
}
#darwin .section-safety-care .gallery-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#darwin .section-safety-care .gallery-mask::before, #darwin .section-safety-care .gallery-mask::after {
  position: absolute;
  z-index: 2;
  display: block;
  width: 127.8125vw;
  height: 14.0625vw;
  content: "";
  border-radius: 100%;
  background-color: #000;
}
#darwin .section-safety-care .gallery-mask::before {
  top: -10.416667vw;
}
#darwin .section-safety-care .gallery-mask::after {
  bottom: -10.416667vw;
}
#darwin .section-safety-care .slide-picture {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#darwin .section-safety-care .stack-list {
  position: relative;
  z-index: 10;
  margin-top: -1.041667vw;
}
#darwin .section-safety-care .headline {
  font-size: 1.666667vw;
}
#darwin .section-safety-care .pagination-item {
  display: flex;
  overflow: hidden;
  align-items: baseline;
  margin-right: 1.25vw;
  margin-left: 1.25vw;
  font-size: var(--pagination-font-size, 1.145833vw);
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
#darwin .section-safety-care .pagination-current {
  display: flex;
  flex-direction: column;
  height: 1em;
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: translate3d(0, var(--pagination-y, 0), 0);
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-safety-care .gallery-mask::before, #darwin .section-safety-care .gallery-mask::after {
    width: 161.666667vw;
    height: 17.777778vw;
  }
  #darwin .section-safety-care .gallery-mask::before {
    top: -15.277778vw;
  }
  #darwin .section-safety-care .gallery-mask::after {
    bottom: -15.277778vw;
  }
  #darwin .section-safety-care .stack-list {
    margin-top: 5.555556vw;
  }
  #darwin .section-safety-care .headline {
    font-size: 5.555556vw;
  }
  #darwin .section-safety-care .intro {
    font-size: 3.888889vw;
  }
  #darwin .section-safety-care .pagination-item {
    margin-right: 3.333333vw;
    margin-left: 3.333333vw;
    font-size: var(--pagination-font-size, 3.888889vw);
  }
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-family-connection .stack-item, #darwin .section-fitness-game .stack-item {
    font-size: 3.888889vw;
  }
}
#darwin .section-footnote .footnote-list {
  font-size: max(12px, 0.625vw);
  padding-inline-start: 1.5em;
}
@media (max-aspect-ratio: 11/10) {
  #darwin .section-footnote .footnote-list {
    font-size: 3.333333vw;
  }
}
#darwin .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #9f9f9f;
}
#darwin .section-footnote li.current {
  color: #f5f5f7;
}
#darwin .section-footnote li.asterisk {
  list-style-type: "*";
}
#darwin .section-footnote li.asterisk-2 {
  list-style-type: "**";
}
#darwin .section-footnote li.disclaimer {
  list-style-type: none;
}
#darwin .section-footnote a span {
  display: inline-block;
}