.tosee-logo-art {
  display: inline-block;
  max-width: 100%;
  background: #fff;
  color-scheme: light;
  line-height: 0;
}
.tosee-logo-art img { vertical-align: middle; }
@media (max-width: 768px) and (prefers-color-scheme: dark) {
  .tosee-logo-art.has-dark-logo {
    background: #fff;
    color-scheme: light;
  }
}
.hero-slider {
  position: relative;
  aspect-ratio: 1366 / 600;
  height: auto !important;
  overflow: hidden;
}
.hero-slider .swiper-wrapper {
  position: absolute;
  inset: 0;
  height: 100% !important;
}
.hero-slider .swiper-slide { height: 100% !important; }
.hero-slider .swiper-slide > picture { display: block; width: 100%; height: 100%; }
.hero-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: tosee-hero-zoom 12s ease-in-out infinite;
  transform-origin: center;
}
@keyframes tosee-hero-zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}
@media (max-width: 768px) {
  .hero-slider { min-height: 240px; }
}
.tosee-fallback-slider.main-slider { aspect-ratio: 3 / 2; }
.tosee-fallback-slider { position: relative; overflow: hidden; }
.tosee-fallback-slider .swiper-wrapper { display: block; transform: none !important; height: 100%; }
.tosee-fallback-slider .swiper-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1200ms ease !important;
}
.tosee-fallback-slider .swiper-slide.is-active { opacity: 1; pointer-events: auto; }