/** 
* Break Points 
*/
/**
* Responsive mixins
*/
/* Variable functions */
/**
* Better Clamp function for fonts etc
*/
.expanding-banner {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .expanding-banner {
    height: 100vh;
  }
}
.expanding-banner__center-image {
  --clip: 10% 20%;
  clip-path: inset(var(--clip));
}
@media screen and (min-width: 1024px) {
  .expanding-banner__center-image {
    --clip: 18% 33.7%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.expanding-banner__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  opacity: 0.65;
}
@media screen and (max-width: 1023px) {
  .expanding-banner__text {
    display: none;
  }
}
.expanding-banner__text-item {
  white-space: nowrap;
  opacity: 0;
}
.expanding-banner__text-item:nth-child(1) {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: initial;
}
.expanding-banner__row {
  display: grid;
  grid-template-columns: 0.6fr 1.05fr 1.87fr 1.05fr 0.6fr;
  gap: clamp(1.5625rem, 0.1339285714rem + 2.2321428571vw, 2.8125rem);
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .expanding-banner__row {
    display: none;
  }
}
.expanding-banner__item {
  display: flex;
  flex-flow: column;
  gap: clamp(1.5625rem, 0.1339285714rem + 2.2321428571vw, 2.8125rem);
}
.expanding-banner__item:nth-child(3) {
  grid-column-start: 3;
  grid-column-start: 4;
}
.expanding-banner__item:nth-child(4) {
  grid-column-start: 4;
  grid-column-start: 5;
}
.expanding-banner img {
  display: block;
  height: auto;
}

/*# sourceMappingURL=expanding-banner.css.map*/