/*
font-family: 'Libre Caslon Display', serif;
font-family: 'Ubuntu', sans-serif;
*/


body{margin: 0;font-family: 'Ubuntu', sans-serif;line-height: 1;font-size:var(--default);overflow-x: hidden;overflow-y: scroll;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */image-rendering: -webkit-optimize-contrast;}

header{text-align: center;padding: 2vw;}
  header img{width: 25.1953125vw}

@media (max-width: 992px) {
  header{padding: 15px;}
  header img{width: 200px}
}

.hero-banner{line-height: 0}
.hero-banner img{width: 100%}


main{}

.introduction{}
  .introduction-inner{text-align: center;background: url('../images/main-bg-pattern.png') repeat left top / cover;padding: 3.75vw 19.140625vw;}

  .introduction h1{font-size: 1.40625vw;font-weight: 400;margin: 0 0 1.75vw;}
  .introduction h1 span{display: block;font-size: 2.1875vw;font-family: 'Libre Caslon Display', serif;margin: 1vw 0 0;}
  .introduction p{font-size: 0.8984375vw;line-height: 1.5;}


  @media (max-width: 992px) {
    .introduction-inner{padding: 40px 10vw;}

    .introduction h1{font-size: 20px;margin: 0 0 20px;}
    .introduction h1 span{font-size: 30px;margin: 10px 0 0;}
    .introduction p{font-size: 16px;}
  }

.regions{}
.regions-inner{text-align: center;padding: 4vw 0}
.regions-inner h2{font-size: 1.25vw;font-weight: 500;text-transform: uppercase;margin: 0 0 3vw;}

.regions-map-wrapper{display: flex;justify-content: center;gap:4vw}

  .regions-map-wrapper .region{position: relative;}
  .regions-map-wrapper .region img{transition: 0.5s all cubic-bezier(.67,.01,.11,1.04) 0s;width: 13.5546875vw;}
  .regions-map-wrapper .region:hover img{transform: scale(1.06);filter: brightness(120%);}
  .regions-map-wrapper .region h3{font-size: 1.40625vw;font-weight: 400;text-transform: uppercase;margin: 1rem 0;transition: 0.5s all cubic-bezier(.67,.01,.11,1.04) 0s;}
  .regions-map-wrapper .region:hover h3{transform: translateY(10px);}
  .regions-map-wrapper .region .link-overlay{position: absolute;;left: 0;right: 0;top:0;bottom: 0;}

  .region figure {position: relative;}
  .region figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
  .region:hover figure::before {-webkit-animation: shine 1s;animation: shine 1s;}
  @-webkit-keyframes shine {
    100% {left: 125%;}
  }
  @keyframes shine {
    100% {left: 125%;}
  }


  @media (max-width: 992px) {
    .regions-inner h2{font-size: 18px;padding: 15px 0}
    .regions-map-wrapper .region img{width: 150px;}
    .regions-map-wrapper .region h3{font-size: 16px;}
  }

  @media (max-width: 480px) {
    .regions-map-wrapper{display: block;}
    .regions-map-wrapper .region{margin-bottom: 40px}
  }


  footer{padding: 2vw;text-align: center;background: #0f1117;color: #fff;font-size: 0.8984375vw;}

  @media (max-width: 992px) {
    footer{padding: 20px;font-size: 16px;}
  }