[data-lazy-bg] {
  background-image: var(--lazy-preview, none) !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.div-block-87 {
  column-gap: 20px;
  row-gap: 20px;
}

.div-block-87 .image-59 {
  display: block;
  width: auto;
}

.section-4[data-lazy-bg] {
  background-color: #302015;
}

[data-lazy-bg].is-lazy-full {
  background-image: var(--lazy-full) !important;
}

[data-progressive-bg] {
  --lazy-full: none;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

[data-lazy-bg][data-progressive-bg].is-lazy-full {
  background-image: var(--lazy-preview, none) !important;
}

[data-progressive-bg]::after {
  background-image: var(--lazy-full, none);
  background-position: inherit;
  background-repeat: inherit;
  background-size: inherit;
  content: '';
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 720ms cubic-bezier(.4, 0, .2, 1);
  z-index: 0;
}

[data-progressive-bg].is-lazy-full::after {
  opacity: 1;
}

[id="5-dvor"] > * {
  position: relative;
  z-index: 1;
}

[id="5-dvor"][data-progressive-bg]::after {
  background-attachment: inherit;
}

.div-block-67 {
  background-color: #302015;
  background-image: none !important;
}

.courtyard-gallery {
  margin-top: 120px;
  overflow: hidden;
}

.courtyard-carousel {
  position: relative;
}

.courtyard-carousel-track {
  height: clamp(370px, 33vw, 570px);
  overflow: visible;
  position: relative;
}

.courtyard-gallery-item {
  appearance: none;
  width: min(58vw, 1000px);
  height: auto;
  aspect-ratio: 16 / 9;
  background: #33231a;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  cursor: pointer;
  left: 50%;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(.62);
  transition: transform 1250ms cubic-bezier(.4, 0, .2, 1), opacity 900ms cubic-bezier(.4, 0, .2, 1), filter 900ms cubic-bezier(.4, 0, .2, 1);
  visibility: hidden;
  will-change: transform, opacity;
}

.courtyard-gallery-item::before {
  content: '';
  pointer-events: none;
  border: 1px solid #ffffff5c;
  opacity: 0;
  position: absolute;
  inset: 16px;
  transition: opacity 350ms ease;
  z-index: 1;
}

.courtyard-gallery-item::after {
  content: attr(data-index);
  color: #fff;
  font-size: 11px;
  letter-spacing: .1em;
  line-height: 1;
  opacity: 0;
  position: absolute;
  right: 22px;
  bottom: 22px;
  transition: opacity 350ms ease;
  z-index: 1;
}

.courtyard-gallery-item picture,
.courtyard-gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
}

.courtyard-gallery-item img {
  object-fit: cover;
  transform: scale(1.001);
  transform-origin: center;
  transition: transform 750ms cubic-bezier(.4, 0, .2, 1), filter 750ms cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.courtyard-gallery-item.is-active {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  z-index: 3;
}

.courtyard-gallery-item.is-prev,
.courtyard-gallery-item.is-next {
  cursor: pointer;
  filter: brightness(.72) saturate(.88);
  opacity: .84;
  pointer-events: auto;
  visibility: visible;
  z-index: 2;
}

.courtyard-gallery-item.is-prev {
  transform: translate(calc(-50% - 77%), -50%) scale(.72);
}

.courtyard-gallery-item.is-next {
  transform: translate(calc(-50% + 77%), -50%) scale(.72);
}

.courtyard-gallery-item.is-active::before,
.courtyard-gallery-item.is-active::after,
.courtyard-gallery-item:focus-visible::before,
.courtyard-gallery-item:focus-visible::after {
  opacity: 1;
}

.courtyard-gallery-item.is-active:hover img,
.courtyard-gallery-item.is-active:focus-visible img {
  filter: brightness(.92);
  transform: scale(1.025);
}

.courtyard-gallery-item:focus-visible,
.courtyard-carousel-control:focus-visible {
  outline: 2px solid #af927a;
  outline-offset: 4px;
}

.courtyard-carousel-controls {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 18px;
  position: relative;
  z-index: 4;
}

.courtyard-carousel-control {
  appearance: none;
  width: 84px;
  height: 58px;
  align-items: center;
  background: #ffffff0f;
  border: 1px solid #ffffff6b;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 27px;
  font-weight: 200;
  justify-content: center;
  line-height: 1;
  padding: 0;
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.courtyard-carousel-control:hover {
  background: #af927a;
  border-color: #af927a;
  transform: translateY(-2px);
}

.courtyard-carousel-counter {
  width: 82px;
  color: #fff;
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1;
  text-align: center;
}

.courtyard-lightbox {
  background: #18100b;
  border: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 32px;
  overflow: hidden;
  color: #fff;
}

.courtyard-lightbox::backdrop {
  background: #18100b;
}

.courtyard-lightbox figure {
  width: min(1320px, calc(100vw - 180px));
  height: calc(100dvh - 64px);
  margin: 0 auto;
  display: grid;
  place-items: center;
}

.courtyard-lightbox figure img {
  width: 100%;
  max-height: calc(100dvh - 108px);
  object-fit: contain;
  display: block;
}

.courtyard-lightbox figcaption {
  color: #fff;
  letter-spacing: .1em;
  font-size: 11px;
  line-height: 1;
  margin-top: 16px;
}

.courtyard-lightbox-close,
.courtyard-lightbox-nav {
  appearance: none;
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 12px;
  position: absolute;
  z-index: 1;
}

.courtyard-lightbox-close {
  font-size: 34px;
  font-weight: 200;
  line-height: 1;
  top: 20px;
  right: 28px;
}

.courtyard-lightbox-nav {
  top: 50%;
  font-size: 26px;
  line-height: 1;
  transform: translateY(-50%);
}

.courtyard-lightbox-nav.is-prev {
  left: 28px;
}

.courtyard-lightbox-nav.is-next {
  right: 28px;
}

.courtyard-lightbox-close:focus-visible,
.courtyard-lightbox-nav:focus-visible {
  outline: 2px solid #af927a;
  outline-offset: 3px;
}

@media screen and (min-width: 992px) {
  [id="10-eng"] .tabs-4 {
    align-items: flex-start;
  }

  [id="10-eng"] .tabs-menu-4 {
    padding-bottom: max(220px, calc(100vh - 400px));
  }

  [id="10-eng"] .tabs-content-3 {
    align-self: flex-start;
    height: auto;
    overflow: visible;
    position: sticky;
    top: 12px;
  }

  [id="10-eng"] .tabs-content-3 > .w-tab-pane.w--tab-active {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 24px);
    min-height: 0;
  }

  [id="10-eng"] .tabs-content-3 .peng-1 {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }
}

@media screen and (max-width: 991px) {
  .section-start.hero-stage {
    padding-bottom: 0;
    padding-top: 0;
  }

  .section-start.hero-stage .div-block-86._23456 {
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }

  .courtyard-gallery {
    margin-top: 72px;
  }

  .courtyard-carousel-track {
    height: clamp(320px, 42vw, 460px);
  }

  .courtyard-gallery-item {
    width: min(72vw, 760px);
  }

  .courtyard-gallery-item.is-prev {
    transform: translate(calc(-50% - 72%), -50%) scale(.66);
  }

  .courtyard-gallery-item.is-next {
    transform: translate(calc(-50% + 72%), -50%) scale(.66);
  }
}

@media screen and (max-width: 767px) {
  .courtyard-gallery {
    margin-top: 48px;
  }

  .courtyard-carousel-track {
    height: calc((100vw - 40px) * .75);
    min-height: 250px;
    max-height: 440px;
  }

  .courtyard-gallery-item {
    width: calc(100vw - 40px);
  }

  .courtyard-gallery-item.is-prev,
  .courtyard-gallery-item.is-next {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .courtyard-gallery-item::before {
    inset: 12px;
  }

  .courtyard-gallery-item::after {
    right: 16px;
    bottom: 16px;
  }

  .courtyard-carousel-controls {
    justify-content: space-between;
    margin-top: 12px;
  }

  .courtyard-carousel-control {
    width: 112px;
    height: 60px;
  }

  .courtyard-lightbox {
    padding: 18px;
  }

  .courtyard-lightbox figure {
    width: calc(100vw - 36px);
    height: calc(100dvh - 36px);
  }

  .courtyard-lightbox figure img {
    max-height: calc(100dvh - 86px);
  }

  .courtyard-lightbox-close {
    top: 10px;
    right: 12px;
  }

  .courtyard-lightbox-nav {
    bottom: 16px;
    top: auto;
    transform: none;
  }

  .courtyard-lightbox-nav.is-prev {
    left: 12px;
  }

  .courtyard-lightbox-nav.is-next {
    right: 12px;
  }
}

/*
 * Webflow's exported layout has a gap between the phone breakpoint (479px)
 * and the small-tablet breakpoint. Keep the established phone composition,
 * but bridge that range with scoped rules instead of widening every phone
 * override (several of those intentionally create 150–200% inner scrollers).
 */
@media screen and (max-width: 1279px) {
  .columns-14 {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 480px) and (max-width: 991px) {
  .section-start.hero-stage .cont-1320-start {
    width: calc(100% - 40px);
  }

  .section-start.hero-stage .div-block-86:not(._23456) {
    align-items: stretch;
    flex-direction: column;
    min-width: 0;
    text-align: left;
  }

  .section-start.hero-stage .div-block-89,
  .section-start.hero-stage .div-block-90 {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .section-start.hero-stage .div-block-90 {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    justify-content: flex-start;
  }

  .section-start.hero-stage .text-block-3._2 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-start.hero-stage .text-block-4._2 {
    max-width: 560px;
    width: 100%;
  }

  [id="2-centr"] .columns-2:not(.rev) {
    align-items: stretch;
    display: flex;
    flex-direction: column;
  }

  [id="2-centr"] .columns-2:not(.rev) > .column-3,
  [id="2-centr"] .columns-2:not(.rev) > .column-4 {
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  [id="2-centr"] .div-block-7 {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
    position: relative;
  }

  [id="2-centr"] .div-block-7 > video {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
  }

  [id="2-centr"] .text-block-6 {
    margin: 28px 0;
    position: static;
    top: auto;
  }

  [id="2-centr"] .columns-2.rev {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 20px;
  }

  [id="2-centr"] .columns-2.rev > .column-3.rev,
  [id="2-centr"] .columns-2.rev > .column-4,
  [id="2-centr"] .columns-2.rev > .column-5 {
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  [id="2-centr"] .columns-2.rev > .column-3.rev {
    display: flex;
    flex-direction: column;
    order: 1;
    padding-top: 20px;
  }

  [id="2-centr"] .columns-2.rev > .column-4 {
    order: 2;
  }

  [id="2-centr"] .columns-2.rev > .column-5 {
    display: flex;
    order: 3;
  }

  [id="2-centr"] .text-block.lead.sticky {
    padding: 0;
    position: static;
    top: auto;
    width: 100%;
  }

  [id="2-centr"] .text-block.lead.sticky.none {
    display: none;
  }

  [id="2-centr"] .text-block.lead.sticky.mobile {
    display: block;
    margin-bottom: 20px;
  }

  [id="2-centr"] .div-block-9.sm {
    aspect-ratio: 16 / 10;
    min-height: 0;
    width: 100%;
  }

  [id="2-centr"] .text-block-7.no {
    padding-bottom: 20px;
    position: static;
  }

  [id="4-okrughenie"] .columns-4._2 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
  }

  [id="4-okrughenie"] .columns-4._2 > .column-8,
  [id="4-okrughenie"] .columns-4._2 > .column-9 {
    flex: none;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  [id="4-okrughenie"] .div-block-12 {
    margin: 0;
    position: static;
    top: auto;
    width: 100%;
  }

  [id="4-okrughenie"] .custom-video-wrap,
  [id="4-okrughenie"] .custom-video {
    height: auto !important;
    width: 100% !important;
  }

  [id="4-okrughenie"] .background-video.none {
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: none;
    min-height: 0;
    position: relative;
  }

  [id="4-okrughenie"] .background-video.none > video {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
  }

  [id="4-okrughenie"] .custom-video-wrap {
    aspect-ratio: 16 / 9;
    margin: 0 !important;
  }

  [id="4-okrughenie"] .custom-video {
    inset: 0;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
  }

  [id="4-okrughenie"] .div-block-11,
  [id="4-okrughenie"] .div-block-72 {
    height: clamp(420px, 72vw, 680px);
    min-height: 0;
  }

  [id="4-okrughenie"] .div-block-72 {
    background-position: 50%;
    background-size: contain;
    margin: 0;
    position: static;
    top: auto;
  }

  [id="4-okrughenie"] .div-block-54._2.pc {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 32px 0;
    min-height: 0;
  }

  [id="4-okrughenie"] .div-block-54._2.pc > .div-block-50 {
    grid-column: 1 / -1;
  }

  [id="4-okrughenie"] .div-block-51 {
    margin: 0;
    min-width: 0;
  }

  .section.vd.mobile {
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }

  .section.vd.mobile .cont-1320.st.js-scroll-tabs-sticky {
    min-width: 0;
    position: static;
    width: 100%;
  }

  .section.vd.mobile .tabs,
  .section.vd.mobile .tabs-content-4,
  .section.vd.mobile .okrughenie-div {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .section.vd.mobile .tabs-menu {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scrollbar-width: none;
    white-space: nowrap;
  }

  .section.vd.mobile .tabs-menu::-webkit-scrollbar {
    display: none;
  }

  .section.vd.mobile .tab,
  .section.vd.mobile .tab.w--current {
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: 26px;
  }

  .section.vd.mobile .tab.w--current {
    font-size: clamp(34px, 6vw, 46px);
    line-height: 1.1;
  }

  .section.vd.mobile .columns-25,
  .section.vd.mobile .columns-26 {
    display: flex;
    flex-direction: column;
  }

  .section.vd.mobile .column-60,
  .section.vd.mobile .column-61,
  .section.vd.mobile .column-62 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .section.vd.mobile .column-60,
  .section.vd.mobile .column-61 {
    margin-top: 24px;
  }

  .section.vd.mobile .div-block,
  .section.vd.mobile .div-block-2 {
    background-position: 50%;
    background-size: cover;
    height: clamp(280px, 58vw, 520px);
    margin: 0;
    max-width: 100%;
    width: 100%;
  }

  .form-block {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  [id="5-dvor"] .none-table-mobile,
  [id="5-dvor"] .div-block-55 {
    display: none;
  }

  [id="10-eng"] .tabs-4 {
    display: flex;
    flex-direction: column;
  }

  [id="10-eng"] .tabs-menu-4 {
    flex-flow: row nowrap;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 12px;
    scrollbar-width: none;
    width: 100%;
  }

  [id="10-eng"] .tabs-menu-4::-webkit-scrollbar {
    display: none;
  }

  [id="10-eng"] .tab-4 {
    flex: 0 0 min(72vw, 330px);
    margin-bottom: 0;
    min-height: 68px;
    padding-right: 54px;
  }

  [id="10-eng"] .tabs-content-3 {
    margin-left: 0;
    margin-top: 24px;
    width: 100%;
  }

  [id="10-eng"] .tabs-content-3 > .w-tab-pane.w--tab-active {
    display: flex;
    flex-direction: column;
  }

  [id="10-eng"] .peng-1 {
    aspect-ratio: 4 / 3;
    background-position: 50%;
    background-size: cover;
    min-height: 0;
  }

  [id="10-eng"] .div-block-55._2 {
    display: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .columns-14 {
    flex-direction: column;
  }

  [id="6-lobbi"] .div-block-74 {
    flex-direction: column;
  }

  [id="6-lobbi"] .div-block-75,
  [id="6-lobbi"] .div-block-76 {
    margin-right: 0;
    width: 100%;
  }

  [id="6-lobbi"] .div-block-76 {
    gap: 24px;
    margin-top: 24px;
  }

  [id="6-lobbi"] .text-block-5._3-copy {
    padding-bottom: 0;
    position: static;
    width: 100%;
  }

  [id="6-lobbi"] .tabs-2.pc {
    display: flex;
    flex-direction: column;
  }

  [id="6-lobbi"] .tabs-menu-2 {
    flex-flow: row nowrap;
    gap: 24px;
    max-height: none;
    overflow-x: auto;
    padding: 0 0 12px;
    scrollbar-width: none;
    width: 100%;
  }

  [id="6-lobbi"] .tabs-menu-2::-webkit-scrollbar {
    display: none;
  }

  [id="6-lobbi"] .tab-2,
  [id="6-lobbi"] .tab-2.w--current {
    flex: 0 0 auto;
  }

  [id="6-lobbi"] .tabs-content {
    width: 100%;
  }

  [id="6-lobbi"] .div-block-18 {
    min-height: clamp(360px, 70vw, 560px);
  }

}

@media screen and (min-width: 480px) and (max-width: 599px) {
  [id="4-okrughenie"] .div-block-54._2.pc {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  img.image-4 {
    aspect-ratio: 614.72 / 144;
    height: auto;
    width: 290.28px;
  }

  [id="2-centr"] .custom-video-wrap {
    aspect-ratio: 1280 / 714;
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  [id="2-centr"] .custom-video {
    height: 100% !important;
    object-fit: contain;
    object-position: 50% 50%;
    width: 100% !important;
  }

  .section-start.hero-stage {
    min-height: calc(175svh - 60px);
  }

  .section-start.hero-stage .hero-stage-sticky,
  .section-start.hero-stage .cont-1320-start {
    height: calc(100svh - 60px) !important;
    min-height: calc(100svh - 60px) !important;
  }

  .section-start.hero-stage .column {
    margin-top: clamp(0px, calc(100svh - 637px), 55px);
  }

  .section-start.hero-stage .image {
    max-height: clamp(200px, calc(100svh - 368px), 297px);
    width: auto;
  }

  .section-start.hero-stage .div-block-90 {
    flex-wrap: wrap;
    gap: 6px 10px;
    justify-content: flex-start;
    min-width: 0;
  }

  .section-start.hero-stage .text-block-3 {
    flex: 0 1 auto;
    max-width: 100%;
  }

  .section-start.hero-stage .text-block-3._2 {
    margin-left: 0;
    margin-right: 0;
  }

  [id="4-okrughenie"] .div-block-12,
  [id="4-okrughenie"] .code-embed._2 {
    margin-left: 0;
    min-width: 0;
    width: 100%;
  }

  [id="4-okrughenie"] .custom-video-wrap {
    aspect-ratio: 16 / 9;
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  [id="4-okrughenie"] .custom-video {
    height: 100% !important;
    width: 100% !important;
  }

  .section-10.mobile-map {
    height: auto;
    min-height: 0;
    overflow: hidden;
  }

  .section-10.mobile-map .div-block-68 {
    aspect-ratio: 1160 / 1064;
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    height: auto;
    min-height: 0;
    width: 100%;
  }
}

/*
 * Keep one canonical surroundings block on every breakpoint. The old mobile
 * duplicate gradually diverged from the desktop copy and hid its details.
 */
@media screen and (max-width: 991px) {
  .section.vd.js-scroll-tabs-section {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .section.vd.mobile {
    display: none !important;
  }

  .section.vd.js-scroll-tabs-section .cont-1320.st.js-scroll-tabs-sticky {
    min-height: 0;
    position: static !important;
    width: 100%;
  }

  .section.vd.js-scroll-tabs-section .tabs,
  .section.vd.js-scroll-tabs-section .tabs-content-4,
  .section.vd.js-scroll-tabs-section .okrughenie-div {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .section.vd.js-scroll-tabs-section .tabs-menu {
    display: flex;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scrollbar-width: none;
    white-space: nowrap;
  }

  .section.vd.js-scroll-tabs-section .tabs-menu::-webkit-scrollbar {
    display: none;
  }

  .section.vd.js-scroll-tabs-section .tab,
  .section.vd.js-scroll-tabs-section .tab.w--current {
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: 26px;
  }

  .section.vd.js-scroll-tabs-section .columns-25,
  .section.vd.js-scroll-tabs-section .columns-26 {
    display: flex;
    flex-direction: column;
  }

  .section.vd.js-scroll-tabs-section .column-60,
  .section.vd.js-scroll-tabs-section .column-61,
  .section.vd.js-scroll-tabs-section .column-62 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .section.vd.js-scroll-tabs-section .column-60,
  .section.vd.js-scroll-tabs-section .column-61 {
    margin-top: 24px;
  }

  .section.vd.js-scroll-tabs-section .div-block,
  .section.vd.js-scroll-tabs-section .div-block-2 {
    background-position: 50%;
    background-size: cover;
    height: clamp(280px, 58vw, 520px);
    margin: 0;
    max-width: 100%;
    width: 100%;
  }

  [id="10-eng"] .tabs-4 {
    display: none !important;
  }

  [id="10-eng"] .div-block-55._2 {
    display: flex !important;
    gap: 20px;
    margin-right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 18px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  [id="10-eng"] .div-block-55._2::-webkit-scrollbar {
    display: none;
  }

  [id="10-eng"] .div-block-55._2 .div-block-56 {
    flex: 0 0 min(78vw, 420px);
    margin: 0;
    scroll-snap-align: start;
  }

  [id="10-eng"] .div-block-55._2 .div-block-57 {
    aspect-ratio: 3 / 4;
    height: auto;
    min-height: 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  [id="4-okrughenie"] .columns-4._2 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
  }

  [id="4-okrughenie"] .columns-4._2 > .column-8,
  [id="4-okrughenie"] .columns-4._2 > .column-9 {
    flex: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  [id="4-okrughenie"] .custom-video-wrap {
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }

  [id="4-okrughenie"] #dom7-surroundings-video {
    height: 100% !important;
    inset: 0;
    object-fit: cover !important;
    object-position: 50% 0 !important;
    position: absolute;
    width: 100% !important;
  }
}

@media screen and (max-width: 479px) {
  .section.vd.js-scroll-tabs-section .tab.w--current {
    font-size: clamp(34px, 10vw, 40px);
    line-height: 1.15;
  }

  .section.vd.js-scroll-tabs-section .columns-25,
  .section.vd.js-scroll-tabs-section .columns-26 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .section.vd.js-scroll-tabs-section .column-60 {
    margin-top: 0;
    order: 1;
  }

  .section.vd.js-scroll-tabs-section .column-62,
  .section.vd.js-scroll-tabs-section .column-62 > .div-block-3,
  .section.vd.js-scroll-tabs-section .columns-26 .column-61 {
    display: contents;
  }

  .section.vd.js-scroll-tabs-section .column-62 .text-block.lead {
    display: block;
    line-height: 1.5;
    margin: 28px 0 0;
    order: 2;
  }

  .section.vd.js-scroll-tabs-section .column-61 > .text-block {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 22px 0 0;
    order: 3;
  }

  .section.vd.js-scroll-tabs-section .list {
    display: grid;
    gap: 0;
    margin: 22px 0 0;
    order: 4;
    padding: 0;
  }

  .section.vd.js-scroll-tabs-section .list .text-block,
  .section.vd.js-scroll-tabs-section .list .list-item {
    border-top: 1px solid #a7948466;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    padding: 12px 0;
  }

  .section.vd.js-scroll-tabs-section .button {
    margin-top: 26px;
    order: 6;
    width: 100%;
  }

  .section.vd.js-scroll-tabs-section .columns-25 .column-61 {
    margin-top: 24px;
    order: 5;
  }

  [id="10-eng"] .div-block-55._2 {
    min-height: 0;
  }

  [id="10-eng"] .div-block-55._2 .div-block-56 {
    flex-basis: min(76vw, 340px);
  }

  [id="10-eng"] .div-block-55._2 .text-block-35-dark {
    font-size: 16px;
    line-height: 1.35;
    margin-top: 16px;
  }
}

@media screen and (max-width: 360px) {
  .section-start.hero-stage .text-block-3,
  .section-start.hero-stage .text-block-4._2,
  .section-start.hero-stage .text-block-4._3 {
    font-size: 12px;
    line-height: 16px;
  }
}

@media screen and (min-width: 480px) and (max-width: 991px) and (max-height: 600px) {
  .section-start.hero-stage .column {
    margin-top: 0;
    padding-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-progressive-bg]::after,
  .courtyard-gallery-item,
  .courtyard-gallery-item img,
  .courtyard-carousel-control {
    transition: none;
  }

  .courtyard-gallery-item.is-active:hover img,
  .courtyard-gallery-item.is-active:focus-visible img {
    filter: none;
    transform: scale(1.001);
  }
}