/* Chi siamo: original Torino artwork for desktop, tablet and mobile. */
:root body.page-about.copy-refresh .page-hero.copy-hero {
  --about-hero-image: url('/assets/media/chi-siamo-torino-desktop.webp');
  background-color: #edf7f8;
  background-image: var(--about-hero-image), linear-gradient(90deg, #fdfef7 0%, #f4f8f7 25%, #e5f4f6 50%, #d5eef8 75%, #ceecf8 100%);
  background-position: center bottom, center;
  background-size: 100% auto, 100% 100%;
  background-repeat: no-repeat;
  min-height: 0 !important;
  color: #080f18;
  isolation: isolate;
  clip-path: inset(0);
}

:root body.page-about.copy-refresh .page-hero.about-hero-fixed::before {
  content: '';
  display: block;
  position: fixed;
  inset: 0 0 auto;
  width: auto;
  height: var(--about-hero-height, 100svh);
  background: inherit;
  border: 0;
  border-radius: 0;
  opacity: 1;
  transform: none;
  animation: none;
  pointer-events: none;
  z-index: -1;
}

:root body.page-about.copy-refresh .page-hero::before,
:root body.page-about.copy-refresh .page-hero::after {
  display: none;
}

:root body.page-about.copy-refresh .copy-hero h1,
:root body.page-about.copy-refresh .copy-hero .page-hero-desc,
:root body.page-about.copy-refresh .copy-hero .copy-text-link {
  color: #080f18;
  text-shadow: none;
}

:root body.page-about.copy-refresh .copy-hero .page-hero-tag,
:root body.page-about.copy-refresh .copy-hero h1 em {
  color: #3c6810;
}

@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  :root body.page-about.copy-refresh .page-hero.copy-hero {
    background-color: #fdfef7;
    background-image: var(--about-hero-image);
    background-position: right bottom, center;
    background-size: auto 100%, 100% 100%;
  }
  :root body.page-about.copy-refresh .copy-hero .page-hero-inner > div {
    max-width: 48rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  :root body.page-about.copy-refresh .page-hero.copy-hero {
    --about-hero-image: url('/assets/media/chi-siamo-torino-tablet.webp');
    min-height: max(100svh, 133.334vw) !important;
    background-size: cover, 100% 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  :root body.page-about.copy-refresh .page-hero.copy-hero {
    background-size: auto 85%;
  }
  :root body.page-about.copy-refresh .copy-hero .page-hero-inner > div {
    max-width: 48%;
  }
  :root body.page-about.copy-refresh .copy-hero h1 {
    font-size: clamp(2rem, 4.5vw, 3rem);
  }
}

@media (max-width: 767px) {
  :root body.page-about.copy-refresh .about-story-section {
    padding-top: 2rem;
  }
  :root body.page-about.copy-refresh .page-hero.copy-hero {
    --about-hero-image: url('/assets/media/chi-siamo-torino-mobile.webp');
    min-height: max(100svh, 48rem, 177.69vw) !important;
    background-size: cover, 100% 100%;
  }
}