.breadcrumbs-nav {
  background-color: rgba(192, 235.5, 231.5, 0.5);
}
.breadcrumbs-nav .breadcrumbs {
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .breadcrumbs-nav .breadcrumbs {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .breadcrumbs-nav .breadcrumbs {
    font-size: 1.36719vw;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs-nav .breadcrumbs {
    font-size: 2.75vw;
  }
}
.breadcrumbs-nav .breadcrumbs a {
  display: inline-block;
  color: currentColor;
  text-decoration: none;
  color: #c79a57;
}
@media screen and (min-width: 1025px) {
  .breadcrumbs-nav .breadcrumbs a {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .breadcrumbs-nav .breadcrumbs a {
    font-size: 1.36719vw;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs-nav .breadcrumbs a {
    font-size: 2.75vw;
  }
}
.breadcrumbs-nav .breadcrumbs .current-item {
  color: #a92522;
}
.breadcrumbs-nav .breadcrumbs span[property=name] {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1025px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    max-inline-size: 12.5vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    max-inline-size: 19.53125vw;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    max-inline-size: 40vw;
  }
}
@media screen and (min-width: 1025px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    padding-block-end: 0.20833vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    padding-block-end: 0.39063vw;
  }
}
@media screen and (max-width: 600px) {
  .breadcrumbs-nav .breadcrumbs span[property=name] {
    padding-block-end: 0.5vw;
  }
}

.heading-page-primary {
  text-box-trim: trim-both;
  text-box-edge: text;
}
.heading-page-primary .string {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .heading-page-primary .string {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .heading-page-primary .string {
    font-size: 4.10156vw;
  }
}
@media screen and (max-width: 600px) {
  .heading-page-primary .string {
    font-size: 6vw;
  }
}
.heading-page-primary .string::after {
  content: attr(data-text);
  position: static;
  color: #fff;
  text-box-trim: trim-both;
  text-box-edge: text;
  text-transform: capitalize;
}
@media screen and (min-width: 1025px) {
  .heading-page-primary .string::after {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .heading-page-primary .string::after {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 600px) {
  .heading-page-primary .string::after {
    font-size: 3.25vw;
  }
}

@scope (.area-prmy-hero-view-pages) to (.area-scdy-hero-view-pages) {
  :scope .body .visual {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope .body .visual {
      block-size: 27.08333vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope .body .visual {
      block-size: 46.875vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope .body .visual {
      block-size: 90vw;
    }
  }
  :scope .body .visual .disp {
    inline-size: 100%;
    block-size: 100%;
  }
  :scope .body .visual .disp .media {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
  }
  :scope .body .visual .disp .media::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: rgba(199, 154, 87, 0.5);
  }
  :scope .body .visual .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center 40%;
  }
  :scope .body .visual .title .heading-page-primary {
    position: absolute;
    inset-block-start: 50%;
  }
  :scope .body .visual .title .heading-page-primary .string {
    color: #fff;
  }
}
/*# sourceMappingURL=page-common.css.map */