@import url("../../assets/fonts/fonts.css");

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] {
  --local-font-display: "Playfair Display", Georgia, serif;
  --local-font-body: "Jost", Arial, sans-serif;
  --local-color-text: #111719;
  --local-color-background: #ebe4da;
  --local-color-surface: #ffffff;
  --local-color-primary: #111719;
  --local-color-secondary: #d8ccb8;
  --local-color-accent: #b7a485;
  --local-radius-small: 0px;
  --local-radius-medium: 0px;
  --local-content-width: 1690px;
  --local-page-gutter: 115px;
  --local-section-space: 120px;
  position: relative;
  box-sizing: border-box;
  min-height: 2310px;
  padding: 58px var(--site-page-gutter, var(--local-page-gutter)) 16px;
  overflow: hidden;
  color: var(--site-color-text, var(--local-color-text));
  background: var(--site-color-background, var(--local-color-background));
  font-family: var(--site-font-body, var(--local-font-body));
}

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"]::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 88%, rgba(229, 222, 212, .22) 94%, #e5ded4 100%);
  pointer-events: none;
  content: "";
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] > * { position: relative; z-index: 1; }

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] * { box-sizing: border-box; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] a { color: inherit; text-decoration: none; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: 126px;
  font-size: 13px;
  line-height: 20px;
}

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead {
  display: grid;
  grid-template-columns: 600px 1fr;
  gap: 136px;
  max-width: 1438px;
  min-height: 506px;
  margin: 78px auto 0;
}

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2,
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h3 { margin: 0; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 {
  align-self: start;
  padding-top: 87px;
  font-family: var(--site-font-display, var(--local-font-display));
  font-size: 57px;
  font-weight: 400;
  line-height: 1.09;
  letter-spacing: .045em;
  text-transform: uppercase;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 .title-line { display: block; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 .title-line:nth-child(2) { font-size: .91em; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy { padding-top: 6px; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy h3 {
  margin-bottom: 34px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy p {
  max-width: 688px;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: .025em;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy strong { font-weight: 700; }

[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 48px;
  row-gap: 76px;
  width: 100%;
  max-width: var(--site-content-width, var(--local-content-width));
  margin: 0 auto;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards article { position: relative; min-width: 0; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards article:nth-child(4) { grid-column: 1; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .media {
  width: 100%;
  height: 580px;
  overflow: hidden;
  border-radius: var(--site-radius-medium, var(--local-radius-medium));
  background: var(--site-color-surface, var(--local-color-surface));
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .media img { width: 100%; height: 100%; display: block; object-fit: cover; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] article:nth-child(1) .media img { object-position: 82% 50%; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] article:nth-child(2) .media img { object-position: 52% 50%; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] article:nth-child(3) .media img { object-position: 60% 50%; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] article:nth-child(4) .media img { object-position: 50% center; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .badge {
  position: absolute;
  top: 16px;
  left: 16px;
  display: grid;
  place-content: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  color: var(--site-color-primary, var(--local-color-primary));
  background: var(--site-color-surface, var(--local-color-surface));
  font-family: var(--site-font-display, var(--local-font-display));
  font-size: 18px;
  font-style: italic;
  line-height: 1.12;
  text-align: center;
  transform: rotate(7deg);
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .badge b { font-weight: 400; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards h3 {
  margin: 35px 0 11px 34px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards p { margin: 0 0 19px 34px; font-size: 15px; line-height: 1.4; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-left: 34px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards a span { margin-left: 23px; font-size: 25px; font-weight: 400; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament { display: flex; width: 292px; height: 72px; margin: 34px 0 0 67px; color: var(--site-color-secondary, var(--local-color-secondary)); }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament i { position: relative; width: 61px; height: 70px; flex: 0 0 61px; margin-right: -12px; border-left: 7px solid currentColor; border-right: 7px solid currentColor; transform: skew(-10deg); }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament i::before,
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament i::after { position: absolute; top: -1px; width: 7px; height: 77px; background: currentColor; content: ""; transform-origin: top; }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament i::before { left: -1px; transform: rotate(-24deg); }
[data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament i::after { right: -1px; transform: rotate(24deg); }

@media (max-width: 700px) {
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] {
    --local-page-gutter: 18px;
    min-height: 0;
    padding-top: 26px;
  }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"]::before { display: none; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .breadcrumbs { gap: 7px; margin-left: 0; overflow: hidden; font-size: 11px; white-space: nowrap; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .breadcrumbs a { display: inline-flex; min-height: 44px; align-items: center; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead { grid-template-columns: 1fr; gap: 48px; min-height: 0; margin: 54px 0 74px; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 { padding-top: 0; font-size: clamp(35px, 10vw, 40px); line-height: 1.07; letter-spacing: .025em; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 .title-line { display: inline; font-size: inherit; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] h2 .title-line:not(:last-child)::after { content: " "; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy { padding-top: 0; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy h3 { margin-bottom: 23px; font-size: 16px; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .lead-copy p { font-size: 15px; line-height: 1.5; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards { grid-template-columns: 1fr; row-gap: 63px; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards article:nth-child(4) { grid-column: auto; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .media { height: 430px; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .badge { width: 92px; height: 92px; font-size: 16px; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards h3 { margin-left: 0; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards p,
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .cards a { margin-left: 0; }
  [data-block="d33b0de1-45ba-44e4-9481-e56c6c818f87"] .ornament { margin: 45px 0 0 10px; transform: scale(.72); transform-origin: left bottom; }
}