@font-face {
  font-family: 'Eurostile';
  src: local('Eurostile'),
       local('Eurostile LT'),
       url('../../fonts/Eurostile.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Eurostile';
  src: local('Eurostile Bold'),
       local('EurostileBold'),
       url('../../fonts/Eurostile_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html,
body.shows-page {
  background: #fff;
  color: #111;
  font-family: "Eurostile", "Eurostile LT", Arial, sans-serif;
}

body.shows-page .brand,
body.shows-page .title,
body.shows-page .subtitle,
body.shows-page .nav a,
body.shows-page .work-info h3,
body.shows-page h2,
body.shows-page p,
body.shows-page a,
body.shows-page li {
  font-family: "Eurostile", "Eurostile LT", Arial, sans-serif;
}

body.shows-page .hero-bg,
body.shows-page .catalog-bg {
  background: url('../../images/Poster.png') center top / cover no-repeat;
  filter: saturate(0.95) brightness(0.85) blur(6px);
}

body.shows-page .title {
  color: #FED75E;
  font-weight: 800;
}

body.shows-page .subtitle {
  color: #F28322;
  font-weight: 600;
}

body.shows-page:not(.dark-mode) .product-header h1,
body.shows-page:not(.dark-mode) .catalog-header h1,
body.shows-page:not(.dark-mode) .catalog-caption h4 {
  color: #4d3300;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.shows-page:not(.dark-mode) .product-header p.subtitle {
  color: #2b2b2b;
}

body.shows-page.dark-mode .product-header p.subtitle,
body.shows-page.dark-mode .catalog-header p,
body.shows-page.dark-mode .catalog-caption p {
  color: #d0d0d0;
}

body.shows-page:not(.dark-mode) .product-body p,
body.shows-page:not(.dark-mode) .work-info p,
body.shows-page:not(.dark-mode) .catalog-caption p,
body.shows-page:not(.dark-mode) .catalog-header p {
  color: #222;
}

body.shows-page.dark-mode .product-body p,
body.shows-page.dark-mode .work-info p,
body.shows-page.dark-mode .catalog-caption p,
body.shows-page.dark-mode .catalog-header p {
  color: #d0d0d0;
}

body.shows-page .work-info h3 {
  color: #FED75E;
}

body.shows-page .work-link {
  display: inline-block;
  text-decoration: none;
  color: #111;
  font-weight: 600;
  padding: 12px 24px;
  border: 2px solid #111;
  border-radius: 8px;
  transition: background 200ms ease, color 200ms ease;
}

body.shows-page .work-link:hover,
body.shows-page .piece-link-button:hover,
body.shows-page .catalog-entry a:hover .catalog-item {
  background: #111;
  color: #fff;
}

body.shows-page .footer.index-footer,
body.shows-page .footer {
  background: rgba(8, 6, 6, 0.95);
  color: #f1e7cc;
}

body.shows-page .footer .brand,
body.shows-page .footer-link-main,
body.shows-page .footer-sublinks a,
body.shows-page .footer-control-link,
body.shows-page .footer-controls-toggle {
  color: #f1e7cc;
}

body.shows-page .footer-sublinks a {
  color: #d8c8a1;
}

body.shows-page .nav a:hover {
  background: rgba(254, 215, 94, 0.08);
}

body.shows-page .header-logo,
body.shows-page .header-logo-large {
  border-color: rgba(254, 215, 94, 0.4);
}

body.shows-page .works {
  display: grid;
  gap: 60px;
}

body.shows-page .work-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

body.shows-page .work-item.reverse .work-image {
  order: 2;
}

body.shows-page .work-image {
  background-image: none !important;
  background-color: #f4f4f4;
}

body.shows-page .product-media {
  background: #f4f4f4;
}

body.shows-page .product-media .fancybox-frame {
  background: #f4f4f4;
}

body.shows-page .product-media img {
  display: none !important;
}

body.shows-page .content {
  z-index: 3 !important;
}

body.shows-page .footer,
body.shows-page .footer.index-footer {
  position: relative !important;
  z-index: 0 !important;
}

body.shows-page .footer.index-footer {
  padding: 70px 200px 60px 60px;
}

body.shows-page .footer-groups {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 32px 40px;
  margin-left: auto;
}

body.shows-page .catalog-header h1,
body.shows-page .catalog-caption h4 {
  color: #FED75E;
}

body.shows-page .catalog-header p {
  color: #F28322;
}

@media (max-width: 1040px) {
  body.shows-page .work-item {
    grid-template-columns: 1fr;
  }

  body.shows-page .work-item.reverse .work-image {
    order: 0;
  }
}

@media (max-width: 680px) {
  body.shows-page .hero {
    padding-top: 90px;
  }

  body.shows-page .title {
    font-size: 3rem;
  }

  body.shows-page .subtitle {
    font-size: 1rem;
  }

  body.shows-page .content {
    padding: 28px 16px 60px;
  }

  body.shows-page .footer.index-footer {
    padding: 32px 16px 48px;
  }

  body.shows-page .footer-groups {
    grid-template-columns: 1fr;
  }
}