/* #region Variables*/
:root {
  color-scheme: light only;
  --transparent: rgba(255, 255, 255, 0);
  --white: #fff;
  --black: #000;
  --main: #a80055;
  --bg: #aaa396;
  --transparent-header: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  --ff-main-bold: 'AGaramondPro-Bold';
  --ff-main-bold-italic: 'AGaramondPro-BoldItalic';
  --ff-main-italic: 'AGaramondPro-Italic';
  --ff-main-regular: 'AGaramondPro-Regular';
  --ff-secondary-45: 'AvenirLTProBook';
  --ff-secondary-65: 'AvenirLTProBook';
}

/* #endregion */
/* #region Fonts */
@font-face {
  font-family: AvenirLTProBook;
  src: url('../fonts/AvenirLTProBook.ttf');
  font-display: swap;
}
@font-face {
  font-family: AvenirLTProMedium;
  src: url('../fonts/AvenirLTProMedium.ttf');
  font-display: swap;
}
@font-face {
  font-family: AGaramondPro-Bold;
  src: url('../fonts/AGaramondPro-Bold.ttf');
  font-display: swap;
}
@font-face {
  font-family: AGaramondPro-BoldItalic;
  src: url('../fonts/AGaramondPro-BoldItalic.ttf');
  font-display: swap;
}
@font-face {
  font-family: AGaramondPro-Italic;
  src: url('../fonts/AGaramondPro-Italic.ttf');
  font-display: swap;
}
@font-face {
  font-family: AGaramondPro-Regular;
  src: url('../fonts/AGaramondPro-Regular.ttf');
  font-display: swap;
}
/* #endregion */
/* #region General */
* {
  font-family: var(--ff-main-regular);
  line-height: normal;
  font-style: normal;
  font-size: 20rem;
  color: var(--black);
}

html {
  font-size: 0.0520833333vw;
}
html:not(.transparent-header) body {
  padding-top: 310rem;
}

.underlined-btn {
  font-family: var(--ff-secondary-65);
  font-weight: 500;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 5rem;
  color: var(--black);
  border-bottom: 1rem solid var(--black);
}
.underlined-btn:hover {
  color: var(--black);
}

.contained-btn {
  font-family: var(--ff-secondary-45);
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 2rem;
  text-align: center;
  text-transform: uppercase;
  padding: 15rem 20rem 10rem;
  background-color: var(--main);
  display: inline-block;
  color: var(--white);
}
.contained-btn:hover {
  color: var(--white);
}

.outlined-btn {
  font-family: var(--ff-secondary-45);
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 2rem;
  text-align: center;
  text-transform: uppercase;
  padding: 10rem 20rem;
  background-color: var(--transparent);
  border: 1rem solid var(--main);
  display: inline-block;
  color: var(--main);
}
.outlined-btn:hover {
  color: var(--main);
}

.main-title {
  font-weight: 400;
  font-size: 60rem;
  line-height: 100%;
  letter-spacing: 6rem;
  text-transform: uppercase;
}

.section-title {
  font-weight: 400;
  font-size: 32rem;
  line-height: 100%;
  letter-spacing: 3.2rem;
  text-transform: uppercase;
}

.section-title-2 {
  font-weight: 400;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
}

.section-subtitle {
  font-weight: 400;
  font-size: 28rem;
  line-height: 100%;
  letter-spacing: 0;
}

.cl-dark {
  color: var(--black);
}

.cl-light {
  color: var(--white);
}

.cl-main {
  color: var(--main);
}

.no-tt {
  text-transform: unset;
}

.as-carousel-loading-container {
  display: none;
}

[data-static-section] {
  display: flex;
  justify-content: space-between;
  gap: 20rem;
}
[data-static-section] .title-area {
  width: 920rem;
}
[data-static-section] .title-area p {
  font-size: 90rem;
  font-weight: 400;
  line-height: 120rem;
  text-transform: uppercase;
  color: var(--main);
}
[data-static-section] .desc {
  font-size: 30rem;
  line-height: 40rem;
  width: 550rem;
}

/* #endregion */
/* #region Banner */
.banner-section .item {
  position: relative;
  max-height: 100dvh;
}
.banner-section .item .txt-area {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
}
.banner-section .item .txt-area .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.banner-section .item .txt-area .inner.home {
  justify-content: flex-end;
  gap: 55rem;
  padding-bottom: 117rem;
}
.banner-section .item .txt-area .inner.service {
  padding: 0 160rem 176rem;
  justify-content: flex-end;
  gap: 49rem;
}
.banner-section .item .txt-area .inner.service .section-title-2 {
  padding-top: 15rem;
}
.banner-section .item .txt-area .inner.about {
  padding: 0 160rem 80rem;
  justify-content: flex-end;
  gap: 49rem;
}
.banner-section .item .txt-area .inner.about .section-title-2 {
  padding-top: 15rem;
}
.banner-section .item .txt-area .inner.contact {
  padding: 0 470rem 50rem;
  justify-content: flex-end;
  gap: 30rem;
}
.banner-section .item .txt-area .inner.contact .txt-1 {
  font-weight: 400;
  font-size: 24rem;
  line-height: 40rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.banner-section .item .txt-area .inner.contact .txt-2 {
  font-weight: 400;
  font-size: 30rem;
  line-height: 40rem;
  letter-spacing: 0;
  padding: 0 30rem;
}
.banner-section .item .txt-area .inner.contact .txt-3 {
  font-weight: 400;
  font-size: 24rem;
  line-height: 40rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.banner-section .item .txt-area .inner.contact .txt-4 {
  display: flex;
  align-items: center;
}
.banner-section .item .txt-area .inner.contact .txt-4 .txt {
  font-weight: 400;
  font-style: Italic;
  font-size: 20rem;
  line-height: 40rem;
  letter-spacing: 0;
}
.banner-section .item .txt-area .inner.contact .txt-4 span {
  font-weight: 400;
  font-style: Italic;
  font-size: 100rem;
  line-height: 100%;
  letter-spacing: 0;
}
.banner-section .item .txt-area .inner.contact .txt-4 span.trd {
  transform: rotate(180deg);
}
.banner-section .item .txt-area .inner.contact .btn-area {
  padding-top: 8rem;
}
.banner-section .as-dots-overlap-container {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 40rem;
  gap: 10rem;
  margin-top: 0 !important;
}
.banner-section .as-dots-overlap-container .as-dots-overlap-inner .as-dot {
  flex: unset;
  width: 12rem;
  height: 12rem;
}
.banner-section
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot.active::before {
  background: rgb(147, 141, 137);
  transform: unset;
}
.banner-section
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot::before {
  width: 100%;
  border-radius: 50%;
  transform: unset;
  background: rgb(255, 255, 255);
}
.banner-section
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot:hover::before {
  transform: unset;
}

/* #endregion */
/* #region Lightbox */
.lightbox-section {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 63rem 0;
  background: rgba(255, 255, 255, 0.6980392157);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}
.lightbox-section .lightbox-area {
  position: relative;
  border: 1rem solid var(--main);
  background: var(--white);
  height: calc(100dvh - 126rem);
  width: 860rem;
  padding: 60rem 60rem 49rem;
  display: flex;
  flex-direction: column;
}
.lightbox-section .lightbox-area .lightbox-header .lightbox-title {
  color: var(--main);
  text-align: center;
  font-size: 40rem;
  letter-spacing: 4rem;
  padding-bottom: 10rem;
  text-transform: uppercase;
}
.lightbox-section .lightbox-area .lightbox-header .lightbox-title span {
  color: var(--main);
  display: none;
}
.lightbox-section .lightbox-area .lightbox-header .btn-close {
  font-size: 0;
  position: absolute;
  top: 20rem;
  right: 20rem;
}
.lightbox-section .lightbox-area .lightbox-header .btn-close svg {
  height: 27rem;
  width: 27rem;
}
.lightbox-section .lightbox-area .lightbox-content {
  height: 100%;
  overflow-y: auto;
}
.lightbox-section .lightbox-area .lightbox-content .txt-area {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .txt-area
  .lightbox-subtitle {
  color: var(--main);
  text-transform: uppercase;
}
.lightbox-section .lightbox-area .lightbox-content .txt-area * {
  text-align: justify;
  font-size: 22rem;
  line-height: 160%;
  letter-spacing: 2.2rem;
}
.lightbox-section .lightbox-area .lightbox-content .form-area .note-txt {
  font-weight: 400;
  font-size: 20rem;
  line-height: 160%;
  letter-spacing: 0;
  margin-bottom: 26rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields {
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .input-field {
  display: flex;
  flex-direction: column;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .input-field
  label {
  font-weight: 400;
  font-size: 22rem;
  line-height: 30rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .input-field
  .item {
  border: 0;
  background: var(--transparent);
  width: 100%;
  border-bottom: 1rem solid var(--black);
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  textarea {
  min-height: 30rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area {
  position: relative;
  margin-top: 30rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area
  .btn-select-reason {
  display: inline-block;
  border: 1rem solid #d2d2d2;
  padding: 15rem 20rem;
  width: 100%;
  text-align: left;
  letter-spacing: 1.2rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area
  .reasons {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  border: 1rem solid #d2d2d2;
  background: var(--white);
  padding: 15rem 20rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
  transition: 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area
  .reasons
  a {
  font-size: 22rem;
  line-height: 30rem;
  text-transform: uppercase;
  text-align: left;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area
  .reasons
  a.active {
  color: var(--main);
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields
  .reasons-area
  .reasons.active {
  visibility: visible;
  opacity: 1;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields.fld-reason
  label {
  order: 0;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields.fld-reason
  .reasons-area {
  order: 1;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .input-fields.fld-reason
  .validate-msg {
  order: 2;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area {
  margin-top: 20rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
  cursor: pointer;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  input {
  position: relative;
  width: 12rem;
  height: 12rem;
  margin-top: 4rem;
  order: 0;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  input::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1rem solid var(--main);
  background: var(--white);
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  input:checked::before {
  background: var(--main);
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  span:not(.validate-msg) {
  display: block;
  text-align: justify;
  font-size: 16rem;
  user-select: none;
  letter-spacing: 0.3rem;
  line-height: 18rem;
  order: 1;
  width: calc(100% - 22rem);
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  span:not(.validate-msg)
  a,
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  span:not(.validate-msg)
  button {
  font-size: 1em;
  text-decoration: underline;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .aggrement-area
  label
  span.validate-msg {
  order: 2;
  width: 100%;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .contact-form
  .btn-submit {
  display: flex;
  justify-content: center;
  margin-top: 37rem;
}
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .input-field
  span.validate-msg,
.lightbox-section
  .lightbox-area
  .lightbox-content
  .form-area
  .input-item
  span.validate-msg {
  font-size: 12rem;
  color: red;
  margin-top: 5rem;
}
.lightbox-section .lightbox-area .lightbox-content::-webkit-scrollbar {
  display: none;
}
.lightbox-section.active {
  opacity: 1;
  visibility: visible;
}
.lightbox-section[data-open='contactForObject'] .lightbox-area {
  position: relative;
  max-width: 1080rem;
  max-height: 59.199dvh;
  width: 100%;
  height: 100%;
  padding: 0;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: unset;
  background: var(--white);
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content {
  padding: 0;
  display: flex;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .img-area {
  width: 50%;
  border-right: 1rem solid var(--main);
  overflow: hidden;
  height: calc(59.199dvh - 2rem);
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .img-area
  img {
  height: 100%;
  object-fit: cover;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area {
  width: 50%;
  padding: 110rem 50rem 20rem;
  overflow-y: auto;
  height: 59.199dvh;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .object-title {
  font-size: 22rem;
  line-height: 109.091%;
  letter-spacing: 2.2rem;
  text-transform: uppercase;
  margin-bottom: 48rem;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .input-fields {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .input-fields
  .input-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .input-fields
  .input-item
  label {
  font-size: 16rem;
  text-transform: uppercase;
  margin: 0;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .input-fields
  .input-item
  input {
  width: 318rem;
  border: 0;
  border-bottom: 1rem solid var(--main);
  transform: translateY(-10rem);
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .input-fields
  .input-item
  textarea {
  width: 100%;
  border: 0;
  border-bottom: 1rem solid var(--main);
  min-height: 65rem;
  margin-bottom: 10rem;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .btn-area {
  margin-top: 15rem;
  display: flex;
  justify-content: flex-end;
}
.lightbox-section[data-open='contactForObject']
  .lightbox-area
  .lightbox-content
  .form-area
  .btn-area
  button {
  color: var(--white);
  font-family: var(--ff-main-bold);
  font-size: 20rem;
  line-height: 150%;
  letter-spacing: 2rem;
  text-transform: uppercase;
  background: var(--main);
  padding: 10rem;
  width: 239rem;
  min-height: 60rem;
  display: grid;
  place-items: center;
}

/* #endregion */
/* #region Breadckrumb*/
.breadckrumb-section .breadckrumb-list {
  display: flex;
  align-items: center;
}
.breadckrumb-section .breadckrumb-list .item {
  display: flex;
  align-items: center;
}
.breadckrumb-section .breadckrumb-list .item * {
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 2rem;
  color: rgb(147, 141, 137);
}
.breadckrumb-section .breadckrumb-list .item .separator {
  display: block;
  margin: 0 10rem;
}
.breadckrumb-section .breadckrumb-list .item .current {
  font-family: var(--ff-main-bold);
  font-weight: 700;
}

/* #endregion */
/* #region Collections component*/
.collections-section .section-title {
  margin-bottom: 56rem;
}
.collections-section .list {
  display: flex;
}
.collections-section .list .item {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  text-align: center;
}
.collections-section .list .item .img-area {
  height: 370rem;
}
.collections-section .list .item .img-area img {
  height: 100%;
  object-fit: cover;
}
.collections-section .list .item .txt-area a {
  font-family: var(--ff-secondary-45);
  font-weight: 400;
  font-size: 16rem;
  line-height: 30rem;
  letter-spacing: 1.6rem;
  text-transform: uppercase;
}
.collections-section .btn-area {
  margin-top: 53rem;
}

/* #endregion */
/* #region Home */
.homepage .highlights-section .section-title {
  margin: 60rem 0 56rem;
}
.homepage .highlights-section .highlights .item .inner {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  align-items: center;
}
.homepage .highlights-section .highlights .item .inner .img-area {
  width: 100%;
}
.homepage .highlights-section .highlights .item .inner .txt-area {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.homepage .highlights-section .highlights .item .inner .txt-area .title a,
.homepage
  .highlights-section
  .highlights
  .item
  .inner
  .txt-area
  .artist-name
  a {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.homepage .highlights-section .btn-area {
  margin-top: 45rem;
}
.homepage .exclusivity-section {
  padding: 110rem 150rem 100rem 160rem;
}
.homepage .exclusivity-section .desc {
  margin-top: 87rem;
}
.homepage .beauty-section {
  padding: 110rem 148rem 100rem 160rem;
}
.homepage .beauty-section .desc {
  margin-top: 58rem;
}
.homepage .ownership-section {
  min-height: 1010rem;
}
.homepage .ownership-section .txt-area {
  width: 1246rem;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 37rem;
  padding-top: 252rem;
}
.homepage .ownership-section .txt-area .desc {
  font-family: var(--ff-main-italic);
  font-size: 50rem;
  line-height: 70rem;
  letter-spacing: 5rem;
  color: var(--white);
}
.homepage .ownership-section .txt-area .title {
  color: var(--white);
  font-family: var(--ff-main-bold);
  font-size: 26rem;
  line-height: 36rem;
}
.homepage .pfy-section {
  padding: 100rem 150rem 100rem 160rem;
}
.homepage .pfy-section .desc {
  margin-top: 58rem;
}
.homepage .partners-section {
  padding: 100rem 141rem 109rem 140rem;
  background: rgb(170, 163, 150);
}
.homepage .partners-section .list {
  display: flex;
  align-items: center;
  gap: 30rem 97rem;
}
.homepage .partners-section .list .item:nth-of-type(1) img {
  width: 381rem;
}
.homepage .partners-section .list .item:nth-of-type(2) img {
  width: 183rem;
}
.homepage .partners-section .list .item:nth-of-type(3) img {
  width: 246rem;
}
.homepage .partners-section .list .item:nth-of-type(4) img {
  width: 537rem;
}
.homepage .blog-section {
  margin-top: 100rem;
  display: flex;
  background: rgb(230, 226, 219);
}
.homepage .blog-section .img-area {
  width: 926rem;
}
.homepage .blog-section .img-area img {
  height: 100%;
  object-fit: cover;
}
.homepage .blog-section .txt-area {
  width: 994rem;
  padding: 87rem 222rem 83rem;
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
.homepage .blog-section .txt-area .title {
  font-family: var(--ff-main-bold);
  font-weight: 700;
  font-size: 30rem;
  line-height: 40rem;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.homepage .blog-section .txt-area .desc {
  font-weight: 400;
  font-size: 30rem;
  line-height: 40rem;
  letter-spacing: 0;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .blog-section .txt-area .desc strong,
.homepage .blog-section .txt-area .desc b {
  all: inherit;
  font-weight: 700;
}
.homepage .blog-section .txt-area .desc img {
  display: none;
}

/* #endregion */
/* #region Services */
.services-page .services-area {
  margin-top: 147rem;
  display: flex;
  flex-direction: column;
  gap: 70rem;
  padding-bottom: 38rem;
}
.services-page .services-area .service-item {
  display: flex;
  align-items: center;
}
.services-page .services-area .service-item .contained-btn {
  width: max-content;
}
.services-page .services-area .service-item .txt-subtitle {
  font-size: 30rem;
  line-height: 40rem;
}
.services-page .services-area .service-item .txt-sub {
  font-size: 60rem;
  line-height: 40rem;
}
.services-page .services-area .service-item .txt-sub span {
  font-size: 90rem;
}
.services-page .services-area .service-item .txt-title {
  font-size: 90rem;
  line-height: 120rem;
  text-transform: uppercase;
  letter-spacing: -3rem;
}
.services-page .services-area .service-item .txt-title span {
  font-size: 1em;
}
.services-page .services-area .service-item .caption-area {
  display: flex;
  flex-direction: column;
  width: 936rem;
}
.services-page .services-area .service-item .caption-area .txt-caption {
  font-size: 30rem;
  line-height: 160%;
}
.services-page .services-area .service-item[data-service='private'] {
  gap: 65.33rem;
}
.services-page .services-area .service-item[data-service='private'] .img-area {
  width: 547rem;
}
.services-page
  .services-area
  .service-item[data-service='private']
  .txt-area
  .txt-subtitle {
  width: 504rem;
}
.services-page
  .services-area
  .service-item[data-service='private']
  .txt-area
  .txt-title {
  margin: 0 0 23rem;
}
.services-page
  .services-area
  .service-item[data-service='private']
  .txt-area
  .caption-area {
  gap: 43rem;
  margin-left: 255rem;
}
.services-page .services-area .service-item[data-service='art-search'] {
  gap: 35rem;
  justify-content: flex-end;
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .img-area {
  width: 547rem;
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .txt-area {
  padding-top: 45rem;
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .txt-area
  .txt-title {
  margin: 0 0 25rem;
  text-align: right;
  transform: translateX(395rem);
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .txt-area
  .txt-title
  span {
  color: var(--white);
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .txt-area
  .caption-area {
  gap: 40rem;
  margin-left: 255rem;
  text-align: right;
}
.services-page
  .services-area
  .service-item[data-service='art-search']
  .txt-area
  .caption-area
  .contained-btn {
  margin-left: auto;
}
.services-page .services-area .service-item[data-service='consulting'] {
  background: var(--black);
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .img-area {
  width: 656rem;
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .img-area
  img {
  height: 1012rem;
  object-fit: cover;
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area {
  padding: 20rem 0;
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .txt-title {
  color: var(--white);
  padding: 0 0 25rem 115rem;
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .txt-title
  .txt-light-gray {
  color: rgb(128, 128, 128);
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .txt-title
  .txt-dark-gray {
  color: rgb(48, 48, 48);
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .caption-area {
  gap: 40rem;
  text-align: right;
  transform: translateX(-227rem);
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .caption-area
  .txt-caption {
  color: var(--white);
}
.services-page
  .services-area
  .service-item[data-service='consulting']
  .txt-area
  .caption-area
  .contained-btn {
  margin-left: auto;
}
.services-page .services-area .service-item[data-service='loans'] {
  gap: 150rem;
  justify-content: flex-end;
}
.services-page .services-area .service-item[data-service='loans'] .img-area {
  width: 547rem;
}
.services-page
  .services-area
  .service-item[data-service='loans']
  .img-area
  img {
  height: 1012rem;
  object-fit: cover;
}
.services-page .services-area .service-item[data-service='loans'] .txt-area {
  padding-left: 140rem;
}
.services-page
  .services-area
  .service-item[data-service='loans']
  .txt-area
  .subs-area {
  display: flex;
  gap: 7rem;
  flex-direction: column;
  margin-bottom: 30rem;
  margin-top: -7rem;
}
.services-page
  .services-area
  .service-item[data-service='loans']
  .txt-area
  .subs-area
  .txt-subtitle {
  padding-left: 368rem;
}
.services-page
  .services-area
  .service-item[data-service='loans']
  .txt-area
  .caption-area {
  gap: 40rem;
  margin-left: 148rem;
}
.services-page
  .services-area
  .service-item[data-service='loans']
  .txt-area
  .caption-area
  .txt-caption
  .txt-bold {
  font-family: var(--ff-main-bold);
  font-size: 1em;
  letter-spacing: 0.5rem;
}

/* #endregion */
/* #region About */
.about-page .about-section {
  margin-top: 100rem;
  display: flex;
  flex-direction: column;
  gap: 100rem;
}
.about-page .about-section .txt-area {
  padding: 0 160rem;
}
.about-page .about-section .media-area {
  width: 100%;
  position: relative;
  height: 966rem;
}
.about-page .about-section .media-area .video-img {
  width: 100%;
  height: inherit;
  position: relative;
  z-index: 1;
}
.about-page .about-section .media-area .video-img .play-btn-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: grid;
  place-items: center;
}
.about-page .about-section .media-area .video-img .play-btn-area .play-btn {
  width: 400rem;
}
.about-page .about-section .media-area .video-img img:not(.play-btn) {
  width: 100%;
  height: inherit;
  object-fit: cover;
}
.about-page .about-section .media-area .video-img video {
  width: 100%;
  height: inherit;
  object-fit: cover;
}
.about-page .about-section .media-area .video-area {
  position: absolute;
  inset: 0;
}
.about-page .about-section .media-area .video-area iframe,
.about-page .about-section .media-area .video-area video {
  border: 0;
  width: 100%;
  height: 100%;
}
.about-page .references-section {
  margin-top: 96rem;
  padding-bottom: 31rem;
}
.about-page .references-section .item .inner {
  position: relative;
}
.about-page .references-section .item .inner .txt-area {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
  padding: 155rem 120rem 201rem;
}
.about-page .references-section .item .inner .txt-area .txt-top {
  display: flex;
  flex-direction: column;
  gap: 65rem;
}
.about-page .references-section .item .inner .txt-area .txt-top .txt {
  font-weight: 400;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
}
.about-page .references-section .item .inner .txt-area .item-title {
  font-weight: 400;
  font-size: 40rem;
  line-height: 100%;
  letter-spacing: 4rem;
  text-transform: uppercase;
}
.about-page .references-section .as-indicator-container {
  position: absolute;
  bottom: 82rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 47rem;
  z-index: 1;
}
.about-page .references-section .as-indicator-container button {
  width: 16rem;
}
.about-page .references-section .as-indicator-container button svg {
  width: 100%;
}
.about-page .references-section .as-indicator-container .indicators {
  color: var(--white);
  font-weight: 400;
  font-size: 18rem;
  line-height: 140%;
  letter-spacing: 5%;
}
.about-page .references-section .as-indicator-container .indicators as-index,
.about-page .references-section .as-indicator-container .indicators as-count {
  color: var(--white);
  font-weight: 400;
  font-size: 18rem;
  line-height: 140%;
  letter-spacing: 5%;
}

/* #endregion */
/* #region Contact */
.contact-page .contact-section {
  margin: 100rem 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 100rem;
}
.contact-page .contact-section .contact-item {
  display: flex;
  flex-direction: column;
  gap: 53rem;
}
.contact-page .contact-section .contact-item .info {
  font-weight: 400;
  font-size: 30rem;
  line-height: 180%;
  letter-spacing: 0;
}
.contact-page .contact-section .contact-item .info a {
  font-size: 1em;
}
.contact-page .contact-section .contact-item .info a:not(.tel) {
  text-decoration: underline;
}

/* #endregion */
/* #region News */
.news-page .top-area {
  display: flex;
  flex-direction: column;
  gap: 60rem;
}
.news-page .news-section {
  padding: 58rem 100rem 100rem;
}
.news-page .news-section .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60rem 140rem;
}
.news-page .news-section .list .item {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.news-page .news-section .list .item .txt-area {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.news-page .news-section .list .item .txt-area .title a {
  font-family: var(--ff-main-bold);
  font-weight: 700;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-page .news-section .list .item .txt-area .caption {
  font-weight: 400;
  font-size: 18rem;
  line-height: 160%;
  letter-spacing: 0;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-page .news-section .list .item .txt-area .caption img {
  display: none;
}

/* #endregion */
/* #region News detail */
.news-detail-page .breadckrumb-section {
  padding: 0 100rem 41rem;
}
.news-detail-page .blog-detail-section {
  padding: 0 330rem 57rem;
}
.news-detail-page .blog-detail-section .txt-area .blog-title {
  text-align: center;
  margin-bottom: 40rem;
  font-size: 40rem !important;
}
.news-detail-page .blog-detail-section .txt-area *:not(strong) {
  font-weight: 400;
  font-size: 28rem !important;
  line-height: 160% !important;
  letter-spacing: 0;
  text-align: justify;
}
.news-detail-page .blog-detail-section .txt-area * em {
  display: block;
  text-align: end;
  margin-top: 10rem;
  font-family: var(--ff-main-italic);
  font-size: 24rem !important;
}
.news-detail-page .blog-detail-section .txt-area strong {
  color: var(--black);
  display: block;
  font-weight: 400;
  font-size: 40rem;
  line-height: 160%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
}
.news-detail-page .blog-detail-section .txt-area img {
  max-width: 100% !important;
  height: unset !important;
}
.news-detail-page .bottom-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28rem;
}
.news-detail-page .bottom-section .contained-btn {
  max-width: 1260rem;
  padding: 10rem 15rem;
}
.news-detail-page .bottom-section .btns-area {
  display: flex;
  align-items: center;
  gap: 37rem;
}
.news-detail-page .bottom-section .btns-area a {
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 0;
}

/* #endregion */
/* #region Events */
.events-page .events-section {
  display: flex;
  flex-direction: column;
  gap: 100rem;
  margin-top: 60rem;
  padding: 0 100rem;
}
.events-page .events-section .events-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50rem;
}
.events-page .events-section .events-area .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60rem 140rem;
}
.events-page .events-section .events-area .list .item {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.events-page .events-section .events-area .list .item .txt-area {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.events-page .events-section .events-area .list .item .txt-area .title a {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
}
.events-page .events-section .events-area .list .item .txt-area .txt-date {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
}

/* #endregion */
/* #region Event detail */
.event-detail-page video,
.event-detail-page iframe {
  width: 100%;
  height: 946rem;
  object-fit: cover;
}
.event-detail-page .top-section {
  display: flex;
  justify-content: space-between;
  padding: 0 100rem 40rem;
}
.event-detail-page .top-section .btns-area {
  display: flex;
  gap: 30rem;
}
.event-detail-page .top-section .btns-area .btn-item {
  line-height: 30rem;
  letter-spacing: 2rem;
  color: #938d89;
}
.event-detail-page .center .section-title {
  padding: 70rem 20rem 47rem;
}
.event-detail-page .event-detail-area {
  display: flex;
  justify-content: space-between;
  gap: 20rem;
  padding: 0 100rem;
}
.event-detail-page .event-detail-area .img-area {
  width: 860rem;
}
.event-detail-page .event-detail-area .txt-area {
  width: 760rem;
}
.event-detail-page .event-detail-area .txt-area .btns-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20rem 76rem;
  margin-bottom: 30rem;
}
.event-detail-page .event-detail-area .txt-area .btns-area .btns-row {
  width: calc(50% - 38rem);
  display: flex;
  justify-content: space-between;
}
.event-detail-page .event-detail-area .txt-area .btns-area .btn-item {
  color: #222;
  font-size: 20rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  line-height: 100%;
}
.event-detail-page .event-detail-area .txt-area .desc {
  text-align: justify;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
}
.event-detail-page .event-detail-area .txt-area .link-website {
  display: inline-block;
  text-align: justify;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
  text-decoration: underline;
  margin-top: 50rem;
}
.event-detail-page .event-detail-area .event-title {
  font-size: 30rem;
  line-height: 30rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  margin-bottom: 10rem;
}
.event-detail-page .event-detail-area .event-dates {
  font-size: 30rem;
  line-height: 30rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  margin-bottom: 33rem;
}
.event-detail-page .event-detail-area .event-stand {
  color: #222;
  font-size: 30rem;
  font-family: var(--ff-main-bold);
  letter-spacing: 4.5rem;
  line-height: 100%;
  margin-bottom: 35rem;
  text-transform: uppercase;
}
.event-detail-page .selected-works-area {
  padding: 0 100rem;
}
.event-detail-page .selected-works-area .artworks {
  display: flex;
  flex-wrap: wrap;
  gap: 50rem 120rem;
  width: 1720rem;
}
.event-detail-page .selected-works-area .artworks .item {
  width: 340rem;
}
.event-detail-page .selected-works-area .artworks .item .img-area a {
  display: flex;
}
.event-detail-page .selected-works-area .artworks .item .txt-area {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.event-detail-page
  .selected-works-area
  .artworks
  .item
  .txt-area
  a:nth-of-type(1) {
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
}
.event-detail-page
  .selected-works-area
  .artworks
  .item
  .txt-area
  a:nth-of-type(2) {
  font-family: var(--ff-main-italic);
  font-size: 18rem;
  line-height: 30rem;
}
.event-detail-page .images-section {
  width: 1175rem;
  margin: 0 auto;
}
.event-detail-page .images-section .txt-area {
  margin-top: 30rem;
}
.event-detail-page .images-section .txt-area .title {
  text-align: center;
  font-size: 20rem;
  letter-spacing: 8rem;
  text-transform: uppercase;
}
.event-detail-page .images-section .btns {
  margin-top: 51rem;
  display: flex;
  justify-content: center;
  gap: 61rem;
}
.event-detail-page .images-section .btns img {
  width: 12rem;
  height: 24rem;
}
.event-detail-page .video-section {
  padding: 0 120rem;
}
.event-detail-page .video-section .video-area {
  position: relative;
  height: 946rem;
}
.event-detail-page .video-section .video-area .video-img {
  height: inherit;
}
.event-detail-page .video-section .video-area .video-img img:not(.play-btn) {
  object-fit: cover;
  height: inherit;
}
.event-detail-page .video-section .video-area .video-img .play-btn-area {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.event-detail-page
  .video-section
  .video-area
  .video-img
  .play-btn-area
  .play-btn {
  width: 400rem;
  height: 400rem;
}
.event-detail-page .virtual-tour-section {
  padding: 0 120rem;
}
.event-detail-page .virtual-tour-section .virtual-tour-area iframe {
  width: 100%;
  height: 946rem;
}

/* #endregion */
/* #region Collection page */
.collection-page .highlights-section {
  padding: 100rem 100rem 0;
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.collection-page .highlights-section .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 10rem;
}
.collection-page .highlights-section .list .artist-name a {
  font-weight: 400;
  font-size: 30rem;
  line-height: 180%;
  letter-spacing: 0;
}
.collection-page .artists-section {
  padding: 100rem;
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.collection-page .artists-section .letters-area .letters {
  display: flex;
  align-items: center;
  gap: 50rem;
  flex-wrap: wrap;
}
.collection-page .artists-section .letters-area .letters .letter {
  font-weight: 400;
  font-size: 22rem;
  line-height: 180%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.collection-page .artists-section .letters-area .letters .letter.active {
  font-family: var(--ff-main-bold);
  font-weight: 700;
}
.collection-page .artists-section .artists-area {
  display: flex;
  flex-direction: column;
  gap: 50rem;
}
.collection-page .artists-section .artists-area .artists-row {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.collection-page .artists-section .artists-area .artists-row .row-letter {
  font-weight: 400;
  font-size: 70rem;
  line-height: 180%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--main);
}
.collection-page .artists-section .artists-area .artists-row .artists-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10rem;
}
.collection-page
  .artists-section
  .artists-area
  .artists-row
  .artists-list
  .artist-name
  a {
  font-weight: 400;
  font-size: 30rem;
  line-height: 180%;
  letter-spacing: 0;
}

/* #endregion */
/* #region Artist detail */
.artist-detail-page {
  padding: 0 100rem;
}
.artist-detail-page .artist-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.artist-detail-page .artist-area .artist-info {
  display: flex;
  flex-direction: column;
  gap: 47rem;
}
.artist-detail-page .artist-area .artist-info .artist-name {
  text-transform: unset;
}
.artist-detail-page .artist-area .btns-area {
  display: flex;
  align-items: center;
  gap: 20rem;
}
.artist-detail-page .artist-area .btns-area .btn-item {
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 0;
}
.artist-detail-page .artist-objects-area {
  margin-top: 63rem;
}
.artist-detail-page .artist-objects-area .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60rem 120rem;
}
.artist-detail-page .artist-objects-area .list .item {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.artist-detail-page .artist-objects-area .list .item .txt-area .title a {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.artist-detail-page .bio-area {
  display: flex;
  justify-content: space-between;
  margin-top: 100rem;
}
.artist-detail-page .bio-area .txt-area {
  width: 800rem;
}
.artist-detail-page .bio-area .txt-area .bio-title {
  margin-bottom: 35rem;
}
.artist-detail-page .bio-area .txt-area .artist-name {
  text-transform: unset;
}
.artist-detail-page .bio-area .txt-area .txt-bio {
  font-weight: 400;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
  text-align: justify;
  margin-top: 45rem;
}
.artist-detail-page .bio-area .img-area {
  width: 800rem;
}

/* #endregion */
/* #region Inventory */
.inventory-page .main-title {
  padding-bottom: 38rem;
}
.inventory-page .artworks-list-area {
  display: flex;
  justify-content: space-between;
  gap: 10rem;
  padding: 0 100rem;
}
.inventory-page .artworks-list-area .artworks-search-area {
  width: 289rem;
}
.inventory-page .artworks-list-area .artworks-search-area .search-item {
  position: relative;
  margin-bottom: 37rem;
  margin-right: 8rem;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .search-item
  #searchInList {
  width: 100%;
  border: 0;
  border-bottom: 1rem solid var(--main);
  color: var(--main);
  font-size: 18rem;
  letter-spacing: 3.6rem;
  padding: 10rem 20rem 10rem 0;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .search-item
  #searchInList::placeholder {
  font-size: 1em;
  color: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .search-item
  .search-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .search-item
  .search-btn
  svg {
  width: 18rem;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item {
  margin-bottom: 40rem;
  transition: 0.2s ease-in-out;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .parent-cat {
  font-size: 18rem;
  letter-spacing: 3.6rem;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .parent-cat
  img {
  width: 24rem;
  transition: 0.2s ease-in-out;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .parent-cat.active {
  color: var(--main);
  font-family: var(--ff-main-bold);
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .child-cat {
  display: flex;
  flex-direction: column;
  gap: 20rem;
  display: none;
  padding: 20rem 0;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .child-cat
  .category {
  font-size: 18rem;
  letter-spacing: 3.6rem;
  text-transform: capitalize;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item
  .child-cat
  .category.active {
  color: var(--main);
  font-family: var(--ff-main-bold);
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item.active {
  margin-bottom: 0;
}
.inventory-page
  .artworks-list-area
  .artworks-search-area
  .categories-list-container
  .category-item.active
  .parent-cat
  img {
  transform: rotate(180deg);
}
.inventory-page .artworks-list-area .artworks-list {
  width: 1260rem;
  display: flex;
  flex-wrap: wrap;
  gap: 47rem 120rem;
  padding-top: 8rem;
}
.inventory-page .artworks-list-area .artworks-list .item {
  width: 340rem;
}
.inventory-page .artworks-list-area .artworks-list .item .img-area a {
  display: flex;
}
.inventory-page .artworks-list-area .artworks-list .item .txt-area {
  margin-top: 20rem;
}
.inventory-page .artworks-list-area .artworks-list .item .txt-area .title {
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
}
.inventory-page .artworks-list-area .artworks-list .item .txt-area .name {
  margin-top: 10rem;
}
.inventory-page .artworks-list-area .artworks-list .item .txt-area .name a {
  font-family: var(--ff-main-italic);
  font-size: 18rem;
  line-height: 30rem;
}
.inventory-page .artworks-list-area .artworks-list .empty-title {
  width: 100%;
  height: 100%;
}
.inventory-page .artworks-list-area .artworks-list .empty-title p {
  font-size: 30rem;
}
.inventory-page .artworks-list-area.search-res {
  display: block;
}
.inventory-page .artworks-list-area.search-res .artworks-list {
  gap: 50rem 120rem;
  width: 1720rem;
}
.inventory-page .artworks-list-area.search-res .artworks-list .empty-title {
  text-align: center;
}

/* #endregion */
/* #region Inventory detail */
.inventory-detail-page .breadckrumb-section {
  padding: 0 100rem;
}
.inventory-detail-page .content-sections {
  display: flex;
  flex-direction: column;
  gap: 100rem;
}
.inventory-detail-page .content-sections .inventory-detail-area {
  display: flex;
  justify-content: space-between;
  padding: 21rem 100rem 0 62rem;
}
.inventory-detail-page .content-sections .inventory-detail-area .img-area {
  position: relative;
  width: 838rem;
  display: grid;
  grid-template-columns: 26rem 800rem;
  justify-content: space-between;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .img-area
  .action-btns {
  display: flex;
  flex-direction: column;
  gap: 28.5rem;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .img-area
  .action-btns
  svg {
  width: 100%;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .img-area
  .main-img {
  padding-top: 20rem;
}
.inventory-detail-page .content-sections .inventory-detail-area .txt-area {
  width: 800rem;
  padding-top: 20rem;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .top-info-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20rem;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .top-info-area
  .desktop-only {
  flex: 1;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .top-info-area
  .artwork-ref {
  font-weight: 400;
  font-size: 20rem;
  line-height: 100%;
  letter-spacing: 0;
  color: var(--main);
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .top-info-area
  .artwork-title {
  padding: 20rem 0;
  font-family: var(--ff-main-italic);
  font-style: Italic;
  font-size: 36rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--main);
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area {
  margin-top: 40rem;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .cropped-txt {
  font-weight: 400;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
  text-align: justify;
  height: 620rem;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .cropped-txt
  * {
  font-size: 1em;
  line-height: inherit;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .btn-read-area {
  display: flex;
  justify-content: flex-end;
  margin-top: 20rem;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .btn-read-area
  .btn-read {
  display: flex;
  align-items: center;
  gap: 10rem;
  color: var(--main);
  font-family: var(--ff-secondary-45);
  font-weight: 400;
  font-size: 20rem;
  line-height: 30rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .btn-read-area
  .btn-read::before {
  content: '+';
}
.inventory-detail-page
  .content-sections
  .inventory-detail-area
  .txt-area
  .desc-area
  .btn-read-area
  .btn-read.active::before {
  content: '-';
}
.inventory-detail-page .content-sections .bio-area {
  display: flex;
  justify-content: space-between;
  padding: 0 100rem;
}
.inventory-detail-page .content-sections .bio-area .txt-area {
  width: 800rem;
}
.inventory-detail-page .content-sections .bio-area .txt-area .bio-title {
  margin-bottom: 35rem;
}
.inventory-detail-page .content-sections .bio-area .txt-area .artist-name {
  text-transform: unset;
}
.inventory-detail-page .content-sections .bio-area .txt-area .txt-bio {
  font-weight: 400;
  font-size: 30rem;
  line-height: 160%;
  letter-spacing: 0;
  text-align: justify;
  margin-top: 45rem;
}
.inventory-detail-page .content-sections .bio-area .img-area {
  width: 800rem;
}
.inventory-detail-page .content-sections .also-like-area {
  padding: 0 100rem;
}
.inventory-detail-page .content-sections .also-like-area .artworks {
  margin-top: 50rem;
}
.inventory-detail-page
  .content-sections
  .also-like-area
  .artworks
  .item
  .inner {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.inventory-detail-page
  .content-sections
  .also-like-area
  .artworks
  .item
  .inner
  .txt-area
  .title {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}
.inventory-detail-page
  .content-sections
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot {
  flex: unset;
  width: 10rem;
  height: 10rem;
}
.inventory-detail-page
  .content-sections
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot.active::before {
  background: var(--main);
  transform: unset;
}
.inventory-detail-page
  .content-sections
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot::before {
  width: 100%;
  border-radius: 50%;
  transform: unset;
  background: #938d89;
}
.inventory-detail-page
  .content-sections
  .as-dots-overlap-container
  .as-dots-overlap-inner
  .as-dot:hover::before {
  transform: unset;
}

/* #endregion */
/* #region Error */
.error-page .page-404 {
  height: 500rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.error-page .page-404 .title {
  font-size: 40rem;
}
.error-page .page-404 a {
  font-family: var(--ff-main-bold);
}

/* #endregion */
/* #region Responsive */
@media only screen and (max-width: 767px) {
  html {
    font-size: 1px;
  }
  html body {
    padding-top: 66rem !important;
  }
  .contained-btn {
    font-family: var(--ff-secondary-65);
    font-weight: 700;
    font-size: 16rem;
    letter-spacing: 1.6rem;
    padding: 5rem 20rem;
  }
  .outlined-btn {
    width: 100%;
  }
  .main-title {
    font-size: 20rem;
    line-height: 40rem;
    letter-spacing: 2rem;
  }
  .section-title {
    font-size: 26rem;
    letter-spacing: 2.6rem;
  }
  .section-title-2 {
    font-size: 20rem;
    line-height: 120%;
  }
  [data-static-section] {
    flex-direction: column;
  }
  [data-static-section] .title-area {
    width: 100%;
  }
  [data-static-section] .title-area p {
    font-size: 26rem;
    line-height: 160%;
  }
  [data-static-section] .desc {
    font-size: 20rem;
    line-height: 160%;
    width: 100%;
  }
  .banner-section .item {
    aspect-ratio: 1;
  }
  .banner-section .item .img-area {
    height: 100%;
    position: relative;
  }
  .banner-section .item .img-area img {
    height: 100%;
    object-fit: cover;
  }
  .banner-section .item .img-area::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    height: 100%;
  }
  .banner-section .item .txt-area .inner.home {
    gap: 20rem;
    padding-bottom: 52rem;
  }
  .banner-section .item .txt-area .inner.service {
    padding: 0 20rem 29rem;
    gap: 20rem;
  }
  .banner-section .item .txt-area .inner.service .main-title {
    font-size: 26rem;
    line-height: 100%;
    letter-spacing: 2.6rem;
  }
  .banner-section .item .txt-area .inner.service .section-title {
    font-size: 20rem;
    line-height: 160%;
    letter-spacing: 2rem;
    text-align: center;
  }
  .banner-section .item .txt-area .inner.service .section-title-2 {
    padding-top: 5rem;
  }
  .banner-section .item .txt-area .inner.about {
    padding: 0 20rem 24rem;
    gap: 10rem;
  }
  .banner-section .item .txt-area .inner.about .main-title {
    font-size: 26rem;
    line-height: 100%;
    letter-spacing: 2.6rem;
  }
  .banner-section .item .txt-area .inner.about .section-title {
    font-size: 20rem;
    line-height: 160%;
    letter-spacing: 2rem;
    text-align: center;
  }
  .banner-section .item .txt-area .inner.about .section-title-2 {
    padding-top: 5rem;
  }
  .banner-section .item .txt-area .inner.contact {
    padding: 0 0 30rem;
    gap: 20rem;
  }
  .banner-section .item .txt-area .inner.contact .txt-1 {
    font-size: 20rem;
    line-height: 160%;
    padding: 0 15rem;
  }
  .banner-section .item .txt-area .inner.contact .txt-2 {
    font-size: 20rem;
    line-height: 120%;
    padding: 0;
  }
  .banner-section .item .txt-area .inner.contact .txt-3 {
    font-size: 20rem;
    line-height: 40rem;
  }
  .banner-section .item .txt-area .inner.contact .txt-4 {
    align-items: unset;
    gap: 10rem;
  }
  .banner-section .item .txt-area .inner.contact .txt-4 .txt {
    line-height: 120%;
  }
  .banner-section .item .txt-area .inner.contact .btn-area {
    padding-top: 20rem;
  }
  .banner-section .as-dots-overlap-container {
    bottom: 20rem;
    gap: 18rem;
  }
  .breadckrumb-section .breadckrumb-list {
    flex-wrap: wrap;
  }
  .breadckrumb-section .breadckrumb-list .item * {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .breadckrumb-section .breadckrumb-list .item .separator {
    margin: 0 5rem;
  }
  .lightbox-section {
    padding: 0;
  }
  .lightbox-section .lightbox-area {
    border: 0;
    height: 100dvh;
    width: 100%;
    padding: 50rem 20rem 38rem;
  }
  .lightbox-section .lightbox-area .lightbox-header .lightbox-title {
    font-size: 26rem;
    letter-spacing: 2.6rem;
  }
  .lightbox-section .lightbox-area .lightbox-header .lightbox-title span {
    color: var(--black);
  }
  .lightbox-section .lightbox-area .lightbox-header .btn-close svg {
    height: 20rem;
    width: 20rem;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .txt-area
    .lightbox-subtitle {
    margin: 20rem 0;
  }
  .lightbox-section .lightbox-area .lightbox-content .txt-area * {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .lightbox-section .lightbox-area .lightbox-content .form-area .note-txt {
    line-height: 120%;
    margin-bottom: 30rem;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields {
    gap: 53rem;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields
    .input-field
    label {
    font-size: 24rem;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields
    .reasons-area {
    margin-top: 33rem;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields.fld-reason
    label {
    order: 0;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields.fld-reason
    .reasons-area {
    order: 1;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .input-fields.fld-reason
    .validate-msg {
    order: 2;
  }
  .lightbox-section
    .lightbox-area
    .lightbox-content
    .form-area
    .contact-form
    .btn-submit {
    margin-top: 30rem;
  }
  .lightbox-section[data-open='contactForObject'] .lightbox-area {
    max-width: 100%;
    max-height: 100dvh;
    height: 100dvh;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content {
    padding: 0;
    display: flex;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .img-area {
    display: none;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area {
    width: 100%;
    padding: 50rem 20rem 38rem;
    height: 100%;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .object-title {
    text-align: center;
    color: var(--main);
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .input-fields {
    gap: 53rem;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .input-fields
    .input-item {
    flex-direction: column;
    gap: 10rem;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .input-fields
    .input-item
    input {
    width: 100%;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .input-fields
    .input-item
    label {
    font-size: 24rem;
  }
  .lightbox-section[data-open='contactForObject']
    .lightbox-area
    .lightbox-content
    .form-area
    .btn-area
    button {
    width: 100%;
  }
  .collections-section {
    padding: 0 10rem;
  }
  .collections-section .section-title {
    margin-bottom: 33rem;
  }
  .collections-section .list {
    flex-wrap: wrap;
    gap: 20rem 15rem;
  }
  .collections-section .list .item {
    gap: 10rem;
    width: calc(50% - 7.5rem);
  }
  .collections-section .list .item .img-area {
    height: 45.333vw;
  }
  .collections-section .list .item .txt-area a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
  }
  .collections-section .btn-area {
    margin-top: 35rem;
  }
  .homepage .highlights-section .section-title {
    margin: 30rem 0 22rem;
  }
  .homepage .highlights-section .highlights .item .inner {
    gap: 20rem;
  }
  .homepage .highlights-section .highlights .item .inner .txt-area {
    gap: 0;
  }
  .homepage .highlights-section .highlights .as-dots-overlap-container {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    top: 91.4666vw;
    margin-top: 0 !important;
  }
  .homepage
    .highlights-section
    .highlights
    .as-dots-overlap-container
    .as-dots-overlap-inner
    .as-dot {
    flex: unset;
    width: 12rem;
    height: 12rem;
  }
  .homepage
    .highlights-section
    .highlights
    .as-dots-overlap-container
    .as-dots-overlap-inner
    .as-dot.active::before {
    background: rgb(147, 141, 137);
    transform: unset;
  }
  .homepage
    .highlights-section
    .highlights
    .as-dots-overlap-container
    .as-dots-overlap-inner
    .as-dot::before {
    width: 100%;
    border-radius: 50%;
    transform: unset;
    background: rgb(255, 255, 255);
  }
  .homepage
    .highlights-section
    .highlights
    .as-dots-overlap-container
    .as-dots-overlap-inner
    .as-dot:hover::before {
    transform: unset;
  }
  .homepage .highlights-section .btn-area {
    margin-top: 25rem;
  }
  .homepage .exclusivity-section {
    padding: 30rem 20rem 30rem;
  }
  .homepage .exclusivity-section .desc {
    margin-top: 0;
  }
  .homepage .beauty-section {
    padding: 30rem 20rem 30rem;
  }
  .homepage .beauty-section .desc {
    margin-top: 0;
  }
  .homepage .ownership-section {
    min-height: 84.8vw;
  }
  .homepage .ownership-section .txt-area {
    width: 100%;
    gap: 30rem;
    padding-top: 30rem;
  }
  .homepage .ownership-section .txt-area .desc {
    font-size: 20rem;
    line-height: 160%;
    letter-spacing: 2rem;
  }
  .homepage .pfy-section {
    padding: 30rem 20rem;
  }
  .homepage .pfy-section .desc {
    margin-top: 0;
  }
  .homepage .partners-section {
    padding: 50rem 58rem;
  }
  .homepage .partners-section .list {
    flex-direction: column;
  }
  .homepage .partners-section .list .item:nth-of-type(1) img {
    width: 260rem;
  }
  .homepage .partners-section .list .item:nth-of-type(2) img {
    width: 120rem;
  }
  .homepage .partners-section .list .item:nth-of-type(3) img {
    width: 172rem;
  }
  .homepage .partners-section .list .item:nth-of-type(4) img {
    width: 260rem;
  }
  .homepage .blog-section {
    margin-top: 30rem;
    flex-direction: column;
  }
  .homepage .blog-section .img-area {
    width: 100%;
  }
  .homepage .blog-section .txt-area {
    width: 100%;
    padding: 30rem 20rem;
  }
  .homepage .blog-section .txt-area .desc {
    font-size: 20rem;
    line-height: 160%;
  }
  .homepage .blog-section .txt-area .desc strong,
  .homepage .blog-section .txt-area .desc b {
    font-size: 26rem;
    line-height: 40rem;
  }
  .homepage .blog-section .txt-area .btn-area {
    margin-top: 20rem;
  }
  .services-page .services-area {
    margin-top: 30rem;
    gap: 25rem;
    padding: 0 20rem 7rem;
  }
  .services-page .services-area .service-item {
    flex-direction: column;
  }
  .services-page .services-area .service-item .contained-btn {
    width: 100%;
    padding: 10rem 20rem;
  }
  .services-page .services-area .service-item .txt-subtitle {
    font-size: 20rem;
    line-height: 116%;
    text-align: center;
  }
  .services-page .services-area .service-item .txt-sub {
    font-size: 20rem;
    line-height: 100%;
  }
  .services-page .services-area .service-item .txt-sub span {
    font-size: 20rem;
  }
  .services-page .services-area .service-item .txt-title {
    font-size: 26rem;
    line-height: 100%;
    text-align: center;
  }
  .services-page .services-area .service-item .caption-area {
    width: 100%;
  }
  .services-page .services-area .service-item .caption-area .txt-caption {
    font-size: 20rem;
    line-height: 115%;
  }
  .services-page .services-area .service-item[data-service='private'] {
    gap: 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='private']
    .img-area {
    width: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='private']
    .txt-area
    .txt-subtitle {
    width: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='private']
    .txt-area
    .img-area {
    margin-bottom: 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='private']
    .txt-area
    .txt-title {
    margin: 30rem 0 20rem;
    letter-spacing: 0;
  }
  .services-page
    .services-area
    .service-item[data-service='private']
    .txt-area
    .caption-area {
    gap: 30rem;
    margin-left: 0;
  }
  .services-page .services-area .service-item[data-service='art-search'] {
    gap: 20rem;
    justify-content: flex-start;
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .img-area {
    width: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .txt-area {
    padding-top: 0;
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .txt-area
    .img-area {
    margin-bottom: 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .txt-area
    .txt-title {
    margin: 0 0 20rem;
    text-align: center;
    transform: translateX(0);
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .txt-area
    .txt-title
    span {
    color: var(--black);
  }
  .services-page
    .services-area
    .service-item[data-service='art-search']
    .txt-area
    .caption-area {
    margin-left: 0;
    text-align: left;
  }
  .services-page .services-area .service-item[data-service='consulting'] {
    background: var(--white);
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .img-area {
    width: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .img-area {
    margin-bottom: 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .img-area
    img {
    height: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .txt-title {
    color: var(--black);
    padding: 0 0 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .txt-title
    .txt-light-gray {
    color: var(--black);
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .txt-title
    .txt-dark-gray {
    color: var(--black);
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .caption-area {
    gap: 30rem;
    width: 100%;
    text-align: left;
    transform: translateX(0);
  }
  .services-page
    .services-area
    .service-item[data-service='consulting']
    .txt-area
    .caption-area
    .txt-caption {
    color: var(--black);
  }
  .services-page .services-area .service-item[data-service='loans'] {
    gap: 20rem;
    justify-content: flex-start;
  }
  .services-page .services-area .service-item[data-service='loans'] .img-area {
    width: 100%;
  }
  .services-page .services-area .service-item[data-service='loans'] .txt-area {
    padding-left: 0;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .img-area {
    margin-bottom: 28rem;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .img-area
    img {
    height: 100%;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .txt-title {
    padding-top: 0;
    padding-bottom: 20rem;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .subs-area {
    gap: 30rem;
    margin-bottom: 25rem;
    margin-top: 0;
    text-align: center;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .subs-area
    .txt-sub {
    font-size: 26rem;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .subs-area
    .txt-subtitle {
    font-size: 26rem;
    padding-left: 0;
  }
  .services-page
    .services-area
    .service-item[data-service='loans']
    .txt-area
    .caption-area {
    gap: 30rem;
    margin-left: 0;
  }
  .about-page .about-section {
    margin-top: 30rem;
    gap: 30rem;
  }
  .about-page .about-section .txt-area {
    padding: 0 20rem;
  }
  .about-page .about-section .media-area {
    height: 375rem;
  }
  .about-page .about-section .media-area img {
    height: 100%;
    object-fit: cover;
  }
  .about-page .about-section .media-area .video-img .play-btn-area .play-btn {
    width: 150rem;
    object-fit: contain;
  }
  .about-page .references-section {
    margin-top: 30rem;
  }
  .about-page .references-section .item .inner .img-area {
    height: 100%;
  }
  .about-page .references-section .item .inner .img-area img {
    height: 100vw;
    object-fit: cover;
  }
  .about-page .references-section .item .inner .txt-area {
    padding: 99rem 20rem 30rem;
  }
  .about-page .references-section .item .inner .txt-area .txt-top {
    gap: 20rem;
  }
  .about-page .references-section .item .inner .txt-area .txt-top .main-title {
    font-size: 26rem;
    letter-spacing: 2.6rem;
  }
  .about-page .references-section .item .inner .txt-area .txt-top .txt {
    font-size: 20rem;
    line-height: 120%;
  }
  .about-page .references-section .item .inner .txt-area .item-title {
    font-size: 20rem;
    letter-spacing: 2rem;
  }
  .collection-page .collections-section {
    padding: 0 20rem;
  }
  .collection-page .collections-section .section-title {
    margin-bottom: 22rem;
  }
  .collection-page .highlights-section {
    padding: 30rem 20rem 0;
    gap: 25rem;
  }
  .collection-page .highlights-section .section-title {
    text-align: center;
  }
  .collection-page .highlights-section .list {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .collection-page .highlights-section .list .artist-name a {
    font-size: 22rem;
    line-height: 180%;
  }
  .collection-page .artists-section {
    padding: 20rem 20rem 30rem;
    gap: 20rem;
  }
  .collection-page .artists-section .letters-area .letters {
    justify-content: space-between;
    gap: 0rem 22rem;
  }
  .collection-page .artists-section .artists-area {
    gap: 20rem;
  }
  .collection-page .artists-section .artists-area .artists-row .artists-list {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .collection-page
    .artists-section
    .artists-area
    .artists-row
    .artists-list
    .artist-name
    a {
    font-size: 22rem;
  }
  .inventory-page .main-title {
    padding-bottom: 17rem;
  }
  .inventory-page .artworks-list-area {
    flex-wrap: wrap;
    gap: 30rem;
    padding: 0 20rem;
  }
  .inventory-page .artworks-list-area .artworks-search-area {
    width: 100%;
  }
  .inventory-page .artworks-list-area .artworks-search-area .search-item {
    margin-bottom: 34rem;
    margin-right: 0;
  }
  .inventory-page
    .artworks-list-area
    .artworks-search-area
    .search-item
    #searchInList {
    font-size: 20rem;
    letter-spacing: 4rem;
  }
  .inventory-page
    .artworks-list-area
    .artworks-search-area
    .categories-list-container
    .category-item {
    margin-bottom: 20rem;
  }
  .inventory-page
    .artworks-list-area
    .artworks-search-area
    .categories-list-container
    .category-item
    .parent-cat {
    font-size: 20rem;
    letter-spacing: 4rem;
  }
  .inventory-page .artworks-list-area .artworks-list {
    width: 100%;
    gap: 30rem;
    padding-top: 0;
  }
  .inventory-page .artworks-list-area .artworks-list .item {
    width: 100%;
  }
  .inventory-page .artworks-list-area .artworks-list .item .txt-area {
    margin-top: 19rem;
  }
  .inventory-page .artworks-list-area .artworks-list .item .txt-area .name a {
    line-height: 166.667%;
  }
  .inventory-page .artworks-list-area .artworks-list .item .txt-area .title {
    line-height: 166.667%;
  }
  .inventory-page .artworks-list-area .artworks-list .empty-title p {
    margin-bottom: 30rem;
  }
  .inventory-page .artworks-list-area.search-res .artworks-list {
    gap: 20rem;
    width: 100%;
  }
  .inventory-page .artworks-list-area.search-res .artworks-list .empty-title p {
    font-size: 26rem;
  }
  .inventory-detail-page .breadckrumb-section {
    padding: 20rem;
  }
  .inventory-detail-page .content-sections {
    gap: 30rem;
  }
  .inventory-detail-page .content-sections .inventory-detail-area {
    flex-direction: column;
    padding: 0 20rem;
  }
  .inventory-detail-page .content-sections .inventory-detail-area .img-area {
    margin-top: 20rem;
    width: 100%;
    grid-template-columns: 100%;
    gap: 37.5rem;
    align-items: center;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .img-area
    .action-btns {
    justify-content: center;
    flex-direction: row;
    gap: 30rem;
    order: 2;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .img-area
    .main-img {
    order: 1;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .img-area
    .main-img
    .as-dots-overlap-container {
    margin-top: 37.5rem !important;
  }
  .inventory-detail-page .content-sections .inventory-detail-area .artwork-ref {
    font-size: 20rem;
    line-height: 100%;
    color: var(--main);
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .artwork-title {
    font-family: var(--ff-main-italic);
    font-style: Italic;
    font-size: 26rem;
    line-height: 100%;
    display: block;
    margin: 20rem 0 10rem;
    color: var(--main);
  }
  .inventory-detail-page .content-sections .inventory-detail-area .artist-name {
    font-size: 20rem;
  }
  .inventory-detail-page .content-sections .inventory-detail-area .txt-area {
    width: 100%;
    padding-top: 30rem;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .txt-area
    .outlined-btn {
    width: 100%;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .txt-area
    .desc-area
    .cropped-txt {
    font-size: 20rem;
  }
  .inventory-detail-page
    .content-sections
    .inventory-detail-area
    .txt-area
    .desc-area
    .btn-read-area {
    justify-content: center;
  }
  .inventory-detail-page .content-sections .bio-area {
    flex-direction: column;
    margin-top: 33rem;
  }
  .inventory-detail-page .content-sections .bio-area .txt-area {
    width: 100%;
  }
  .inventory-detail-page .content-sections .bio-area .txt-area .bio-title {
    margin-bottom: 23rem;
    font-size: 20rem;
    line-height: 100%;
    letter-spacing: 0;
  }
  .inventory-detail-page .content-sections .bio-area .txt-area img {
    margin: 24rem 0 20rem;
  }
  .inventory-detail-page .content-sections .bio-area .txt-area .txt-bio {
    font-size: 20rem;
    line-height: 120%;
    margin-top: 0;
  }
  .inventory-detail-page .content-sections .bio-area .img-area {
    width: 100%;
  }
  .inventory-detail-page .content-sections .also-like-area {
    padding: 0 20rem;
  }
  .inventory-detail-page .content-sections .also-like-area .artworks {
    margin-top: 20rem;
  }
  .inventory-detail-page
    .content-sections
    .also-like-area
    .artworks
    .item
    .inner
    .txt-area
    .title {
    letter-spacing: 1.8rem;
    text-align: left;
  }
  .inventory-detail-page
    .content-sections
    .also-like-area
    .as-dots-overlap-container
    .as-dots-overlap-inner {
    margin-top: 20rem;
  }
  .inventory-detail-page
    .content-sections
    .as-dots-overlap-container
    .as-dots-overlap-inner {
    justify-content: center;
  }
  .artist-detail-page {
    padding: 20px 20px 0;
  }
  .artist-detail-page .artist-area {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20rem;
  }
  .artist-detail-page .artist-area .artist-info {
    gap: 28rem;
  }
  .artist-detail-page .artist-area .artist-info .artist-date {
    font-size: 20rem;
    line-height: 100%;
    letter-spacing: 0;
  }
  .artist-detail-page .artist-area .btns-area {
    flex-direction: column;
    align-items: center;
  }
  .artist-detail-page .artist-objects-area {
    margin-top: 30rem;
  }
  .artist-detail-page .artist-objects-area .list {
    grid-template-columns: 1fr;
    gap: 30rem;
  }
  .artist-detail-page .bio-area {
    flex-direction: column;
    margin-top: 33rem;
  }
  .artist-detail-page .bio-area .txt-area {
    width: 100%;
  }
  .artist-detail-page .bio-area .txt-area .bio-title {
    margin-bottom: 23rem;
    font-size: 20rem;
    line-height: 100%;
    letter-spacing: 0;
  }
  .artist-detail-page .bio-area .txt-area img {
    margin: 24rem 0 20rem;
  }
  .artist-detail-page .bio-area .txt-area .txt-bio {
    font-size: 20rem;
    line-height: 120%;
    margin-top: 0;
  }
  .artist-detail-page .bio-area .img-area {
    width: 100%;
  }
  .news-page .top-area {
    gap: 27rem;
    padding-top: 20rem;
  }
  .news-page .top-area h2.section-title {
    font-size: 20rem;
    letter-spacing: 2rem;
  }
  .news-page .news-section {
    padding: 32rem 20rem 0;
  }
  .news-page .news-section .list {
    grid-template-columns: 1fr;
    gap: 30rem;
  }
  .news-page .news-section .list .item .txt-area {
    gap: 10rem;
  }
  .news-page .news-section .list .item .txt-area .title a {
    font-size: 20rem;
    line-height: 120%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  .news-page .news-section .list .item .txt-area .caption {
    font-size: 20rem;
    line-height: 120%;
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
  .news-detail-page .breadckrumb-section {
    padding: 20rem;
  }
  .news-detail-page .blog-detail-section {
    padding: 0 20rem 20rem;
  }
  .news-detail-page .blog-detail-section .txt-area {
    font-size: 20rem;
    line-height: 120%;
  }
  .news-detail-page .blog-detail-section .txt-area * em {
    font-size: 20rem !important;
  }
  .news-detail-page .blog-detail-section .txt-area .blog-title {
    font-size: 26rem !important;
  }
  .news-detail-page .blog-detail-section .txt-area strong {
    font-size: 26rem;
    line-height: 120%;
    text-align: center;
    display: inline-block;
    width: 100%;
    letter-spacing: 2.6rem;
  }
  .news-detail-page .contained-btn {
    max-width: 335rem;
  }
  .news-detail-page .bottom-section {
    padding: 0 20rem;
    gap: 30rem;
  }
  .news-detail-page .bottom-section .contained-btn {
    width: 100%;
    padding: 10rem 20rem;
  }
  .news-detail-page .bottom-section .btns-area {
    gap: 38rem;
  }
  .events-page .section-title {
    padding-top: 20rem;
  }
  .events-page .events-section {
    gap: 30rem;
    margin-top: 7rem;
    padding: 0 20rem;
  }
  .events-page .events-section .events-area {
    gap: 22rem;
  }
  .events-page .events-section .events-area .section-title {
    font-size: 20rem;
    letter-spacing: 2rem;
  }
  .events-page .events-section .events-area .list {
    grid-template-columns: 1fr;
    gap: 30rem;
  }
  .events-page .events-section .events-area .list .item .txt-area .title a {
    letter-spacing: 0rem;
  }
  .events-page .events-section .events-area .list .item .txt-area .txt-date {
    letter-spacing: 0rem;
  }
  .event-detail-page video,
  .event-detail-page iframe {
    height: 100%;
  }
  .event-detail-page .top-section {
    padding: 0 20rem 20rem;
    flex-direction: column;
    gap: 10rem;
  }
  .event-detail-page .top-section .btns-area {
    gap: 10rem 49rem;
    flex-wrap: wrap;
  }
  .event-detail-page .center .section-title {
    padding: 26rem 0;
    font-size: 26rem;
    letter-spacing: 2.6rem;
  }
  .event-detail-page .event-detail-area {
    flex-wrap: wrap;
    gap: 0;
    padding: 0 20rem;
  }
  .event-detail-page .event-detail-area .img-area {
    width: 100%;
    margin: 17rem 0 18rem;
  }
  .event-detail-page .event-detail-area .txt-area {
    width: 100%;
  }
  .event-detail-page .event-detail-area .txt-area .btns-area {
    justify-content: space-between;
    row-gap: 17rem;
    column-gap: 57rem;
    margin-bottom: 20rem;
  }
  .event-detail-page .event-detail-area .txt-area .btns-area .btns-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20rem 10rem;
    width: 100%;
  }
  .event-detail-page
    .event-detail-area
    .txt-area
    .btns-area
    .btns-row:nth-of-type(1)
    .btn-item:nth-of-type(1) {
    margin-right: 0;
  }
  .event-detail-page
    .event-detail-area
    .txt-area
    .btns-area
    .btns-row:nth-of-type(1)
    .btn-item:nth-of-type(2) {
    margin-right: 0;
  }
  .event-detail-page
    .event-detail-area
    .txt-area
    .btns-area
    .btns-row:nth-of-type(2)
    .btn-item:nth-of-type(1) {
    margin-right: 0;
  }
  .event-detail-page .event-detail-area .txt-area .desc {
    font-size: 20rem;
    line-height: 110%;
    letter-spacing: 2rem;
  }
  .event-detail-page .event-detail-area .txt-area .link-website {
    line-height: 115%;
    font-size: 20rem;
    letter-spacing: 2rem;
    margin-top: 24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .event-detail-page .event-detail-area .event-title {
    font-size: 20rem;
    line-height: 150%;
    letter-spacing: 2rem;
  }
  .event-detail-page .event-detail-area .event-dates {
    font-size: 20rem;
    line-height: 150%;
    letter-spacing: 2rem;
    margin-bottom: 10rem;
  }
  .event-detail-page .event-detail-area .event-stand {
    font-size: 20rem;
    letter-spacing: 2rem;
    margin-bottom: 0;
  }
  .event-detail-page .selected-works-area {
    padding: 0 20rem;
  }
  .event-detail-page .selected-works-area .artworks {
    gap: 30rem;
    width: 100%;
  }
  .event-detail-page .selected-works-area .artworks .item {
    width: 100%;
  }
  .event-detail-page .selected-works-area .artworks .item .txt-area {
    margin-top: 12rem;
  }
  .event-detail-page .selected-works-area .artworks .item .txt-area .name a {
    line-height: 166.667%;
  }
  .event-detail-page .selected-works-area .artworks .item .txt-area .title {
    line-height: 166.667%;
  }
  .event-detail-page .images-section {
    width: 100%;
    padding: 0 20rem;
  }
  .event-detail-page .images-section .section-title {
    padding-bottom: 18rem;
  }
  .event-detail-page .images-section .txt-area {
    margin-top: 19rem;
  }
  .event-detail-page .images-section .txt-area .title {
    font-size: 18rem;
    letter-spacing: 1.8rem;
    line-height: 115%;
  }
  .event-detail-page .images-section .btns {
    margin-top: 22rem;
    margin-bottom: 45rem;
  }
  .event-detail-page .images-section .as-dots-container {
    position: absolute;
    bottom: -90rem;
    width: 100%;
  }
  .event-detail-page .images-section .as-dots-container .as-dot {
    background: var(--natural-gray);
  }
  .event-detail-page .images-section .as-dots-container .as-dot.active {
    background: var(--au-chico);
  }
  .event-detail-page .video-section {
    padding: 0 20rem;
  }
  .event-detail-page .video-section .section-title {
    padding: 36rem 0 18rem;
  }
  .event-detail-page .video-section .video-area {
    height: 188rem;
  }
  .event-detail-page
    .video-section
    .video-area
    .video-img
    .play-btn-area
    .play-btn {
    width: 90rem;
    height: 90rem;
  }
  .event-detail-page .virtual-tour-section {
    padding: 0 20rem;
  }
  .event-detail-page .virtual-tour-section .section-title {
    padding: 29rem 0 19rem;
  }
  .event-detail-page .virtual-tour-section .virtual-tour-area iframe {
    height: 188rem;
  }
  .contact-page .banner-section .item {
    height: 725rem;
    max-height: unset;
  }
  .contact-page .banner-section .item .img-area img {
    height: 400rem;
  }
  .contact-page .banner-section .item .txt-area {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      #000 51.72%,
      #000 100%
    );
  }
  .contact-page .contact-section {
    margin: 30rem 0;
    gap: 30rem;
    padding: 0 20rem;
  }
  .contact-page .contact-section .contact-item {
    gap: 23rem;
  }
  .contact-page .contact-section .contact-item .info {
    font-size: 20rem;
    line-height: 160%;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-detail-page .content-sections .as-dots-overlap-container {
    position: absolute;
    top: 50%;
    left: -20px;
  }
  .inventory-detail-page
    .content-sections
    .as-dots-overlap-container
    .as-dots-overlap-inner {
    flex-direction: column;
    gap: 20rem;
    width: 10rem !important;
  }
}
/* #endregion */