body.om-inner {
  margin: 0;
  color: var(--om-color-text);
  background: var(--om-color-bg);
  font-family: var(--om-font-body);
}

body.om-inner.om-etapy-page {
  --om-color-bg: #fff;
  background: #fff;
}

body.om-inner.om-etapy-page #container,
body.om-inner.om-etapy-page .etapy-page {
  background: #fff;
}

body.om-inner #container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.etapy-page {
  display: block;
  padding-top: 56px;
}

/* Shared shell, aligned with About page. */
body.om-inner [id^="etapy_raboty_dizajn_proektaLayoutGrid"],
body.om-inner #zhk_tatianin_parkLayoutGrid1,
.etapy-cta-wrap {
  width: min(var(--om-shell), calc(100% - 64px));
  margin-left: auto !important;
  margin-right: auto !important;
}

body.om-inner [id^="etapy_raboty_dizajn_proektaLayoutGrid"] > [class^="col-"],
body.om-inner #zhk_tatianin_parkLayoutGrid1 > [class^="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove legacy duplicate/empty blocks from old layout generator. */
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid35,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid32,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid29,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid26,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid19,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid21,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid22,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid23,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid39,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid40,
body.om-inner #wb_etapy_raboty_dizajn_proektaLayoutGrid41,
body.om-inner #wb_LayoutGrid1,
body.om-inner #wb_indexLayoutGrid9 {
  display: none !important;
}

/* Hero */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
  min-height: min(68vh, 760px);
  display: flex !important;
  align-items: center !important;
  padding-block: 56px 120px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 > .col-1 {
  flex-basis: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.etapy-hero-kicker {
  margin: 0 0 24px;
  font-family: var(--om-font-body) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  color: #6d675f !important;
  text-align: left !important;
}

body.om-inner #etapy_raboty_dizajn_proektaHeading1 {
  margin: 0 !important;
  font-family: var(--om-font-heading) !important;
  font-size: clamp(44px, 6vw, 68px) !important;
  line-height: 1.04 !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  color: #121212 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaHeading1 {
  width: 100% !important;
  max-width: 24ch !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaTextHeroSub {
  margin-top: 24px !important;
  max-width: 52ch !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaTextHeroSub span {
  font-family: var(--om-font-body) !important;
  font-size: clamp(18px, 1.5vw, 20px) !important;
  line-height: 1.56 !important;
  color: #35312d !important;
}

/* Intro */
body.om-inner #zhk_tatianin_parkLayoutGrid1 {
  padding: 48px 0 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText6 span {
  font-family: var(--om-font-heading) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  color: #171717 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
  display: grid !important;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) !important;
  gap: 56px !important;
  align-items: start !important;
  padding: 24px 0 88px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaImage4 {
  max-width: 220px;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaImage4 img {
  width: 100% !important;
  height: auto;
  display: block;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12 {
  max-width: 68ch;
}

/* Section lead + short list */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid14 {
  padding: 0 0 32px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 span {
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: #6d675f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 .om-page-cap__line {
  width: 60px;
  height: 1px;
  background: rgba(49, 48, 46, 0.24);
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 .om-page-cap__text {
  color: #4a4641 !important;
  font-family: var(--om-font-heading) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  body.om-inner #wb_etapy_raboty_dizajn_proektaText25 .om-page-cap__line {
    width: 44px;
  }
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid1 {
  padding: 0 0 88px !important;
  border-bottom: 1px solid #d9d4cd;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText1 {
  max-width: 76ch;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText1 span {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #35312d !important;
}

/* Big stage blocks */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
  padding: 88px 0 20px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 > .col-1 {
  display: none !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid36 {
  padding: 30px 0 16px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid36 > .col-1 {
  display: none !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14 {
  margin: 0 0 18px;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14::before {
  display: block;
  margin-bottom: 14px;
  font-family: var(--om-font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.14em;
  color: #3f3a36;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7::before {
  content: "01";
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText10::before {
  content: "02";
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText17::before {
  content: "03";
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText14::before {
  content: "04";
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText44 span {
  font-family: var(--om-font-heading) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #171717 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText19 {
  margin-top: 52px;
  margin-bottom: 14px;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText19 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText16 span {
  font-family: var(--om-font-heading) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #171717 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText16 {
  margin-top: 48px;
  margin-bottom: 14px;
}

/* Text system */
body.om-inner #wb_etapy_raboty_dizajn_proektaText12,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22,
body.om-inner #wb_etapy_raboty_dizajn_proektaText9,
body.om-inner #wb_etapy_raboty_dizajn_proektaText45 {
  max-width: 68ch;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText9 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText45 span {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #35312d !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText11 {
  margin-top: 6px;
  max-width: 72ch;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText11 span {
  color: #9f5448 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em;
}

body.om-inner .etapy-page a.style4,
body.om-inner .etapy-page #wb_etapy_raboty_dizajn_proektaText22 a {
  color: #5d473c;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(93, 71, 60, 0.45);
  transition: color 160ms ease, border-color 160ms ease;
}

body.om-inner .etapy-page a.style4:hover,
body.om-inner .etapy-page a.style4:focus-visible,
body.om-inner .etapy-page #wb_etapy_raboty_dizajn_proektaText22 a:hover,
body.om-inner .etapy-page #wb_etapy_raboty_dizajn_proektaText22 a:focus-visible {
  color: #45342c;
  border-color: rgba(69, 52, 44, 0.72);
}

/* Media blocks */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  padding: 44px 0 30px !important;
}

body.om-inner #wb_portfolioImage9 img,
body.om-inner #wb_portfolioImage10 img,
body.om-inner #wb_portfolioImage11 img,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage1 img,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage2 img,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage3 img {
  width: 100% !important;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid4,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid6 {
  padding: 42px 0 96px !important;
}

body.om-inner .etapy-sheet-gallery {
  display: grid;
  gap: 14px;
  width: 100%;
  margin: 0 auto;
}

body.om-inner .etapy-sheet-gallery--plans {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1080px;
}

body.om-inner .etapy-sheet-gallery--drawings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1100px;
}

body.om-inner .etapy-sheet-gallery--collages {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1080px;
}

body.om-inner .etapy-sheet-gallery--collages .etapy-sheet--lead {
  grid-column: 1 / -1;
}

body.om-inner .etapy-sheet-gallery .etapy-sheet--lead {
  grid-column: 1 / -1;
}

body.om-inner .etapy-sheet {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid #ddd8d2;
  background: #fff;
  cursor: zoom-in;
  text-align: left;
  transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}

body.om-inner .etapy-sheet:hover,
body.om-inner .etapy-sheet:focus-visible {
  border-color: #c7c0b6;
  background: #fff;
  transform: translateY(-1px);
}

body.om-inner .etapy-sheet img {
  display: block;
  width: 100%;
  height: auto;
  background: #ffffff;
}

body.om-inner .etapy-sheet__meta {
  display: block;
  padding: 10px 12px;
  font-family: var(--om-font-body);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6d675f;
}

body.om-inner .etapy-gallery-more {
  appearance: none;
  justify-self: start;
  margin-top: 4px;
  padding: 13px 22px;
  border: 1px solid #cfc7bc;
  background: transparent;
  color: #5d5a55;
  font-family: var(--om-font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

body.om-inner .etapy-gallery-more:hover,
body.om-inner .etapy-gallery-more:focus-visible {
  color: #3e3a35;
  border-color: #b8afa3;
  background: rgba(255, 255, 255, 0.42);
}

body.om-inner .etapy-visual-gallery {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

body.om-inner .etapy-visual-hero {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid #ddd8d2;
  background: #fff;
  cursor: zoom-in;
}

body.om-inner .etapy-visual-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: #fff;
}

body.om-inner .etapy-visual-thumbs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

body.om-inner .etapy-visual-thumbs--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.om-inner .etapy-visual-thumb {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid #ddd8d2;
  background: #fff;
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}

body.om-inner .etapy-visual-thumb:hover,
body.om-inner .etapy-visual-thumb:focus-visible,
body.om-inner .etapy-visual-thumb.is-active {
  border-color: #c7c0b6;
  background: #fff;
  transform: translateY(-1px);
}

body.om-inner .etapy-visual-thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #fff;
}

body.om-inner .etapy-visual-gallery__archive {
  display: none;
}

body.om-inner .etapy-lightbox {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 70px;
  align-items: center;
  padding: 24px clamp(18px, 4vw, 52px);
  background: rgba(15, 14, 13, 0.93);
}

body.om-inner .etapy-lightbox[hidden] {
  display: none;
}

body.om-inner .etapy-lightbox__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

body.om-inner .etapy-lightbox__figure {
  margin: 0;
  min-height: 72vh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 14px;
}

body.om-inner .etapy-lightbox__image {
  width: 100%;
  max-width: 92vw;
  max-height: 76vh;
  object-fit: contain;
}

body.om-inner .etapy-lightbox__caption {
  width: min(900px, 92vw);
  display: grid;
  gap: 7px;
}

body.om-inner .etapy-lightbox__chapter,
body.om-inner .etapy-lightbox__counter {
  font-family: var(--om-font-body);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

body.om-inner .etapy-lightbox__text {
  margin: 0;
  font-family: var(--om-font-body);
  font-size: 14px;
  line-height: 1.62;
  color: #ffffff;
}

body.om-inner .etapy-lightbox__nav {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: transparent;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
  border: 1px solid #ddd8d2;
  background: #f8f7f4;
  overflow: hidden;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4 {
  aspect-ratio: 16 / 9;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
  aspect-ratio: 14 / 11;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
  margin-top: 22px;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid42 {
  padding: 12px 0 10px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid43 {
  padding: 0 0 34px !important;
}

/* CTA */
.etapy-cta-wrap {
  padding: 86px 0 130px;
}

.etapy-cta-inner {
  border-top: 1px solid #d9d4cd;
  padding-top: 44px;
}

.etapy-cta-title {
  margin: 0;
  max-width: 30ch;
  font-family: var(--om-font-heading);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #1f1f1f;
}

.etapy-cta-text {
  margin-top: 18px;
  max-width: 60ch;
  font-family: var(--om-font-body);
  color: #35312d;
  font-size: 18px;
  line-height: 1.72;
}

.etapy-cta-actions {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.etapy-cta-btn {
  display: inline-block;
  padding: 13px 24px;
  text-decoration: none;
  font-family: var(--om-font-body);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.etapy-cta-btn--primary {
  border: 1px solid #1f1f1f;
  color: #1f1f1f;
}

.etapy-cta-btn--secondary {
  border: 1px solid #cfc7bc;
  color: #5d5a55;
}

.etapy-cta-btn--primary:hover,
.etapy-cta-btn--primary:focus-visible {
  color: #000;
  border-color: #000;
  background: rgba(255, 255, 255, 0.42);
}

.etapy-cta-btn--secondary:hover,
.etapy-cta-btn--secondary:focus-visible {
  color: #3e3a35;
  border-color: #b8afa3;
  background: rgba(255, 255, 255, 0.42);
}

/* Tablet */
@media (max-width: 1100px) {
  body.om-inner [id^="etapy_raboty_dizajn_proektaLayoutGrid"],
  body.om-inner #zhk_tatianin_parkLayoutGrid1,
  .etapy-cta-wrap {
    width: min(var(--om-shell), calc(100% - 44px));
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-bottom: 88px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaImage4 {
    max-width: 240px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
    padding-top: 88px !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid4,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid6 {
    padding-bottom: 82px !important;
  }

  .etapy-cta-wrap {
    padding-top: 70px;
    padding-bottom: 94px;
  }
}

@media (min-width: 1100px) {
  .etapy-page {
    padding-top: 92px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
    min-height: auto;
    align-items: flex-start !important;
    padding-block: 80px 128px !important;
  }
}

@media (min-width: 901px) and (max-width: 1099px) {
  .etapy-page {
    padding-top: 80px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
    min-height: auto;
    align-items: flex-start !important;
    padding-top: 80px !important;
  }
}

/* Tablet portrait + mobile */
@media (max-width: 900px) {
  .etapy-page {
    padding-top: 44px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
    min-height: auto;
    align-items: flex-start !important;
    padding-block: 44px 88px !important;
  }

  .etapy-hero-kicker {
    margin-bottom: 18px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
    grid-template-columns: 1fr !important;
  }

  body.om-inner .etapy-sheet-gallery--plans,
  body.om-inner .etapy-sheet-gallery--drawings,
  body.om-inner .etapy-sheet-gallery--collages {
    grid-template-columns: 1fr;
  }

  body.om-inner .etapy-visual-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.om-inner .etapy-visual-thumbs--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.om-inner #wb_portfolioImage9 img,
  body.om-inner #wb_portfolioImage10 img,
  body.om-inner #wb_portfolioImage11 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage1 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage2 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage3 img {
    aspect-ratio: 5 / 6;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText7 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText10 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText17 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText14 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText44 span {
    font-size: clamp(26px, 5.8vw, 36px) !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText19 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText16 span {
    font-size: clamp(26px, 5.8vw, 36px) !important;
  }

  body.om-inner #zhk_tatianin_parkLayoutGrid1 {
    padding-top: 40px !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .etapy-page {
    padding-top: 76px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
    padding-top: 76px !important;
  }
}

@media (max-width: 640px) {
  .etapy-page {
    padding-top: 44px;
  }

  body.om-inner [id^="etapy_raboty_dizajn_proektaLayoutGrid"],
  body.om-inner #zhk_tatianin_parkLayoutGrid1,
  .etapy-cta-wrap {
    width: calc(100% - 28px);
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid7 {
    padding-top: 44px !important;
  }

  body.om-inner .etapy-sheet__meta {
    padding: 9px 10px;
    font-size: 10px;
  }

  body.om-inner .etapy-gallery-more {
    width: 100%;
    justify-self: stretch;
    text-align: center;
  }

  body.om-inner .etapy-lightbox {
    grid-template-columns: 1fr;
    padding: 56px 14px 18px;
  }

  body.om-inner .etapy-lightbox__figure {
    min-height: auto;
    gap: 10px;
  }

  body.om-inner .etapy-lightbox__image {
    max-height: 68vh;
  }

  body.om-inner .etapy-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  body.om-inner .etapy-lightbox__nav--prev {
    left: 10px;
  }

  body.om-inner .etapy-lightbox__nav--next {
    right: 10px;
  }

  body.om-inner .etapy-visual-thumbs {
    gap: 10px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
    padding-top: 68px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText12 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText13 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText15 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText8 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText47 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText22 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText9 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText45 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText1 span,
  .etapy-cta-text {
    font-size: 17px !important;
    line-height: 1.72 !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaTextHeroSub span {
    font-size: 18px !important;
    line-height: 1.56 !important;
  }

  .etapy-cta-actions {
    gap: 10px;
  }

  .etapy-cta-btn {
    width: 100%;
    text-align: center;
  }
}

/* Legacy body restoration: keep the old visual logic, remove duplicated media. */
.etapy-page {
  --etapy-axis: 128px;
  --etapy-gap: 34px;
  --etapy-offset: calc(var(--etapy-axis) + var(--etapy-gap));
  --etapy-copy-max: 100%;
  --etapy-copy-wide: 100%;
  --etapy-visual-wide: 780px;
  --etapy-visual-tall: 680px;
}

body.om-inner #zhk_tatianin_parkLayoutGrid1 {
  padding: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText6 {
  margin: 0;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText6 span {
  font-family: var(--om-font-heading) !important;
  font-size: clamp(24px, 2.5vw, 30px) !important;
  line-height: 1.14 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #171717 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
  grid-template-columns: 168px minmax(0, 1fr) !important;
  gap: 42px !important;
  padding: 20px 0 64px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaImage4,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage5 {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

body.om-inner .etapy-intro-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 72px;
  padding: 0;
  position: relative;
  overflow: visible;
  border: none;
  color: #332e2a;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48' fill='none'%3E%3Crect x='4' y='6' width='32' height='39' rx='2.5' stroke='%23332e2a' stroke-width='1.2'/%3E%3Crect x='12' y='2' width='16' height='7' rx='1.5' stroke='%23332e2a' stroke-width='1.2' fill='white'/%3E%3Cpolyline points='13,25 18,30 27,21' stroke='%23332e2a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: none;
  text-decoration: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

body.om-inner .etapy-intro-icon-link::before,
body.om-inner .etapy-intro-icon-link::after {
  content: none;
}

body.om-inner .etapy-intro-icon-link:hover,
body.om-inner .etapy-intro-icon-link:focus-visible {
  opacity: 0.8;
  transform: translateY(-1px);
}

body.om-inner .etapy-intro-icon {
  position: relative;
  z-index: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

body.om-inner .etapy-intro-badge__eyebrow {
  font-family: var(--om-font-heading);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8a8177;
}

body.om-inner .etapy-intro-badge__title {
  font-family: var(--om-font-heading);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: currentColor;
}

body.om-inner .etapy-intro-badge__meta {
  font-family: var(--om-font-body);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9f9489;
}

body.om-inner .etapy-intro-badge__eyebrow,
body.om-inner .etapy-intro-badge__title,
body.om-inner .etapy-intro-badge__meta {
  display: block;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22,
body.om-inner #wb_etapy_raboty_dizajn_proektaText9,
body.om-inner #wb_etapy_raboty_dizajn_proektaText45 {
  width: 100%;
  max-width: var(--etapy-copy-max);
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12,
body.om-inner #wb_etapy_raboty_dizajn_proektaText1 {
  width: 100%;
  max-width: var(--etapy-copy-wide);
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid14 {
  padding: 0 0 32px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: var(--om-font-body) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: #6d675f !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid1 {
  padding: 0 0 64px !important;
  border-bottom: 1px solid #d9d4cd;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText1 span {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #35312d !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid15,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid16,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid17,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid18,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid44,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid45 {
  width: 100% !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
  display: grid !important;
  grid-template-columns: minmax(88px, var(--etapy-axis)) minmax(0, 1fr) !important;
  column-gap: var(--etapy-gap) !important;
  align-items: start !important;
  padding: 58px 0 10px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2 > .col-2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 > .col-2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5 > .col-2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 > .col-2 {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  min-width: 0;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 > .col-1 {
  display: block !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText4,
body.om-inner #wb_etapy_raboty_dizajn_proektaText18,
body.om-inner #wb_etapy_raboty_dizajn_proektaText2,
body.om-inner #wb_etapy_raboty_dizajn_proektaText3 {
  margin: 0;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText4 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText18 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText2 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText3 span {
  display: block;
  font-family: var(--om-font-heading) !important;
  font-size: clamp(48px, 5.8vw, 72px) !important;
  line-height: 0.92 !important;
  font-weight: 500 !important;
  letter-spacing: -0.05em !important;
  color: #2f2b28 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17::before,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14::before {
  display: none !important;
  content: none !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14,
body.om-inner #wb_etapy_raboty_dizajn_proektaText19,
body.om-inner #wb_etapy_raboty_dizajn_proektaText16,
body.om-inner #wb_etapy_raboty_dizajn_proektaText44 {
  margin: 0 0 14px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText19 {
  margin-top: 18px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid36,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid42,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid43 {
  box-sizing: border-box !important;
  padding-left: var(--etapy-offset) !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid36 {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 58px 0 46px 0 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20 > .col-2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20 > .col-3,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 > .col-2,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 > .col-3 {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  min-width: 0;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid4,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid6 {
  box-sizing: border-box !important;
  padding: 58px 0 46px 0 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3 {
  padding-bottom: 26px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37 {
  padding-top: 58px !important;
  padding-bottom: 34px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
  padding-top: 42px !important;
  padding-bottom: 6px !important;
}

body.om-inner #wb_portfolioImage9,
body.om-inner #wb_portfolioImage10,
body.om-inner #wb_portfolioImage11,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage1,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage2,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage3 {
  margin: 0 !important;
}

body.om-inner #wb_portfolioImage9 img,
body.om-inner #wb_portfolioImage10 img,
body.om-inner #wb_portfolioImage11 img {
  width: 100% !important;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
  border: 0 !important;
  background: transparent !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaImage1 img,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage2 img,
body.om-inner #wb_etapy_raboty_dizajn_proektaImage3 img {
  width: 100% !important;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
  border: 0 !important;
  background: transparent !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
  display: none !important;
  width: min(100%, 760px) !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText7 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText19 span {
  font-size: clamp(24px, 2.7vw, 32px) !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText6,
body.om-inner #wb_etapy_raboty_dizajn_proektaText7,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14,
body.om-inner #wb_etapy_raboty_dizajn_proektaText19,
body.om-inner #wb_etapy_raboty_dizajn_proektaText44 {
  margin: 0 0 16px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText19 {
  margin-top: 14px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText6 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText7 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText10 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText17 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText14 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText19 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText44 span {
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 {
  margin: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText1 span {
  font-size: 17px !important;
  line-height: 1.72 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47 span,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22 span {
  display: block;
  text-align: justify !important;
  text-align-last: left;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12,
body.om-inner #wb_etapy_raboty_dizajn_proektaText13,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15,
body.om-inner #wb_etapy_raboty_dizajn_proektaText8,
body.om-inner #wb_etapy_raboty_dizajn_proektaText47,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22,
body.om-inner #wb_etapy_raboty_dizajn_proektaText1 {
  margin: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText25 span {
  display: block;
  text-transform: uppercase;
  font-size: 15px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.16em !important;
  font-weight: 500 !important;
  color: #4a4641 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText12 span br,
body.om-inner #wb_etapy_raboty_dizajn_proektaText1 span br {
  display: block;
  margin-top: 0.72em;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText13 span br + br,
body.om-inner #wb_etapy_raboty_dizajn_proektaText15 span br + br,
body.om-inner #wb_etapy_raboty_dizajn_proektaText22 span br + br {
  display: block;
  margin-top: 0.84em;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText8 span + span {
  display: none !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText11 {
  margin-top: 14px !important;
  max-width: 58ch !important;
  margin-bottom: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText11 span {
  font-size: 15px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  color: #7d6057 !important;
}

/* Match the intro-to-next-section air to the hero lead -> first-meeting rhythm. */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
  padding-bottom: 120px !important;
}

@media (min-width: 1100px) {
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    padding-bottom: 128px !important;
  }
}

@media (max-width: 900px) {
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    padding-bottom: 88px !important;
  }
}

body.om-inner .om-final-cta {
  padding-top: 56px;
  padding-bottom: 88px;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4 {
  display: block !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7 .fotorama,
body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 .fotorama {
  margin: 0 !important;
}

@media (max-width: 1100px) {
  .etapy-page {
    --etapy-axis: 116px;
    --etapy-gap: 28px;
    --etapy-copy-max: 100%;
    --etapy-copy-wide: 100%;
    --etapy-visual-wide: 800px;
    --etapy-visual-tall: 720px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    grid-template-columns: 150px minmax(0, 1fr) !important;
    gap: 30px !important;
    padding-bottom: 76px !important;
  }

  body.om-inner .etapy-intro-icon-link {
    width: 104px;
    height: 76px;
  }

  body.om-inner .etapy-intro-icon {
    width: 0;
    height: 0;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
    padding-top: 76px !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .etapy-page {
    --etapy-axis: 92px;
    --etapy-gap: 24px;
    --etapy-copy-max: 100%;
    --etapy-copy-wide: 100%;
    --etapy-visual-wide: 100%;
    --etapy-visual-tall: 680px;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 24px !important;
    padding-bottom: 60px !important;
  }

  body.om-inner .etapy-intro-icon-link {
    width: 88px;
    height: 66px;
  }

  body.om-inner .etapy-intro-icon {
    width: 0;
    height: 0;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding-bottom: 64px !important;
  }

  body.om-inner #wb_portfolioImage9 img,
  body.om-inner #wb_portfolioImage10 img,
  body.om-inner #wb_portfolioImage11 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage1 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage2 img,
  body.om-inner #wb_etapy_raboty_dizajn_proektaImage3 img {
    aspect-ratio: 4 / 5;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4 {
    display: none !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
    display: block !important;
  }
}

@media (max-width: 640px) {
  .etapy-page {
    --etapy-axis: 58px;
    --etapy-gap: 14px;
    --etapy-offset: 0px;
    --etapy-copy-max: 100%;
    --etapy-copy-wide: 100%;
    --etapy-visual-wide: 100%;
    --etapy-visual-tall: 100%;
  }

  body.om-inner #etapy_raboty_dizajn_proektaHeading1 {
    font-size: var(--om-inner-h1-mobile, clamp(36px, 10vw, 40px)) !important;
    line-height: var(--om-inner-h1-line-mobile, 1.1) !important;
    letter-spacing: 0 !important;
  }

  body.om-inner #zhk_tatianin_parkLayoutGrid1 {
    padding-top: 0 !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid10 {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    padding: 22px 0 56px !important;
  }

  body.om-inner .etapy-intro-icon-link {
    width: 68px;
    height: 52px;
  }

  body.om-inner .etapy-intro-icon {
    width: 0;
    height: 0;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid1 {
    padding-bottom: 56px !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid2,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid5,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid9 {
    grid-template-columns: 1fr !important;
    padding-top: 56px !important;
    column-gap: 0 !important;
    row-gap: 22px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText4,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText18,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText2,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText3 {
    margin: 0 0 6px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText4 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText18 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText2 span,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText3 span {
    font-size: 76px !important;
    line-height: 0.9 !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText7,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText10,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText17,
  body.om-inner #wb_etapy_raboty_dizajn_proektaText14 {
    margin-top: 4px !important;
  }

  body.om-inner .etapy-visual-thumbs--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid36,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid42,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid43,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid4,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid6,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
    padding-left: 0 !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid20,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid38 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding-top: 24px !important;
    padding-bottom: 52px !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid4,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid3,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid37,
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid6 {
    padding-top: 24px !important;
    padding-bottom: 52px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension1,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension2,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension3,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension4 {
    display: none !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension5,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension6,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension7,
  body.om-inner #wb_etapy_raboty_dizajn_proektaExtension8 {
    display: block !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText19 {
    margin-top: 28px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText16 {
    margin-top: 26px !important;
  }

  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid42 {
    padding-top: 60px !important;
  }
}

/* ── Structured stage content ── */

.etapy-stage-lead {
  margin: 0 0 18px;
  font-family: var(--om-font-body);
  font-size: 19px;
  line-height: 1.52;
  color: #2a2724;
  font-weight: 500;
}

.etapy-stage-points {
  margin: 0 0 20px;
  padding: 0 0 0 22px;
  list-style: none;
}

.etapy-stage-points li {
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  font-family: var(--om-font-body);
  font-size: 17px;
  line-height: 1.68;
  color: #35312d;
}

.etapy-stage-points li:last-child {
  margin-bottom: 0;
}

.etapy-stage-points li::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 0.72em;
  width: 8px;
  height: 1px;
  background: #a09889;
}

.etapy-stage-points a.style4 {
  font-weight: 600;
}

.etapy-stage-note {
  margin: 0;
  padding: 0 0 0 18px;
  background: none;
  border-left: 1px solid #c7c0b6;
  font-family: var(--om-font-body);
  font-size: 15px;
  line-height: 1.68;
  color: #7d756d;
}

body.om-inner .etapy-page .etapy-stage-note a.style4 {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(93, 71, 60, 0.45);
  text-underline-offset: 2px;
  border-bottom: none;
}

body.om-inner .etapy-page .etapy-stage-note a.style4:hover,
body.om-inner .etapy-page .etapy-stage-note a.style4:focus-visible {
  color: #45342c;
  text-decoration-color: rgba(69, 52, 44, 0.72);
}

.etapy-overview-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: etapy-step;
}

.etapy-overview-list li {
  counter-increment: etapy-step;
  position: relative;
  padding-left: 0;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #e8e4df;
  font-family: var(--om-font-body);
  font-size: 17px;
  line-height: 1.68;
  color: #35312d;
}

.etapy-overview-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.etapy-overview-list li::before {
  content: counter(etapy-step);
  display: inline-block;
  width: 28px;
  font-family: var(--om-font-heading);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #8a8177;
}

.etapy-overview-list li strong {
  font-weight: 600;
  color: #2a2724;
}

@media (max-width: 640px) {
  .etapy-stage-lead {
    font-size: 17px;
    line-height: 1.56;
    margin-bottom: 14px;
  }

  .etapy-stage-points {
    margin-bottom: 16px;
    padding-left: 18px;
  }

  .etapy-stage-points li {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .etapy-stage-points li::before {
    left: -18px;
    width: 6px;
  }

  .etapy-stage-note {
    padding: 0 0 0 14px;
    font-size: 14px;
  }

  .etapy-overview-list li {
    font-size: 16px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}

/* ── Block 5 – Авторское сопровождение и реализация ── */

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 {
  display: grid !important;
  grid-template-columns: minmax(88px, var(--etapy-axis)) minmax(0, 1fr) !important;
  column-gap: var(--etapy-gap) !important;
  align-items: start !important;
  padding: 58px 0 10px !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 > .col-1,
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 > .col-2 {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  min-width: 0;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText50 {
  margin: 0;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText50 span {
  display: block;
  font-family: var(--om-font-heading) !important;
  font-size: clamp(48px, 5.8vw, 72px) !important;
  line-height: 0.92 !important;
  font-weight: 500 !important;
  letter-spacing: -0.05em !important;
  color: #2f2b28 !important;
}

body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid51 {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText51 {
  margin: 0 0 16px !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText51 span {
  display: block;
  font-family: var(--om-font-heading) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #171717 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText52 {
  max-width: var(--etapy-copy-max);
  width: 100%;
  margin: 0 !important;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText52 p {
  margin: 0 0 1em;
  font-family: var(--om-font-body);
  font-size: 17px;
  line-height: 1.72;
  color: #35312d;
}

body.om-inner #wb_etapy_raboty_dizajn_proektaText52 p:last-child {
  margin-bottom: 0;
}

/* Project-realization carousel for etapy page (flat_1121.css not loaded here) */

body.om-inner.om-etapy-page .project-realization {
  position: relative;
  padding: 58px 0 56px;
  --project-realization-gap: 20px;
  --project-realization-item-width: 0px;
}

body.om-inner.om-etapy-page .project-realization__inner {
  display: grid;
  gap: 32px;
  min-width: 0;
  padding-top: 30px;
  width: min(var(--om-shell), calc(100% - 64px));
  margin: 0 auto;
}

body.om-inner.om-etapy-page .project-realization__header {
  display: grid;
  gap: 12px;
  max-width: 760px;
  justify-items: start;
  text-align: left;
}

body.om-inner.om-etapy-page .project-realization__title {
  margin: 0;
  color: var(--om-color-text, #1a1714);
  font-family: var(--om-font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.02em;
  text-align: left;
}

body.om-inner.om-etapy-page .project-realization__text {
  margin: 0;
  color: #35312d;
  font-family: var(--om-font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
}

body.om-inner.om-etapy-page .project-realization__track {
  display: flex;
  gap: var(--project-realization-gap);
  width: max-content;
}

body.om-inner.om-etapy-page .project-realization__viewport {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  cursor: grab;
  user-select: none;
}

body.om-inner.om-etapy-page .project-realization__viewport.is-dragging {
  cursor: grabbing;
}

body.om-inner.om-etapy-page .project-realization__viewport::-webkit-scrollbar {
  display: none;
}

body.om-inner.om-etapy-page .project-realization__viewport:focus-visible {
  outline: none;
}

body.om-inner.om-etapy-page .project-realization__item {
  flex: 0 0 auto;
  margin: 0;
  width: auto;
  height: calc(var(--project-realization-item-width) * 1.5);
  aspect-ratio: unset;
  overflow: visible;
  background: none;
}

body.om-inner.om-etapy-page .project-realization__group {
  display: flex;
  gap: var(--project-realization-gap);
}

body.om-inner.om-etapy-page .project-realization .project-realization__image {
  display: block;
  width: auto;
  height: 100%;
  object-fit: unset;
  object-position: unset;
}

@media (max-width: 1100px) {
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 {
    padding-top: 76px !important;
  }

  body.om-inner.om-etapy-page .project-realization__inner {
    width: min(var(--om-shell), calc(100% - 44px));
  }
}

@media (max-width: 767px) {
  body.om-inner.om-etapy-page .project-realization {
    --project-realization-gap: 16px;
  }
}

@media (max-width: 640px) {
  body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 {
    grid-template-columns: 1fr !important;
    padding-top: 48px !important;
    column-gap: 0 !important;
    row-gap: 6px !important;
  }

  body.om-inner #wb_etapy_raboty_dizajn_proektaText52 p {
    font-size: 16px;
    line-height: 1.68;
  }

  body.om-inner.om-etapy-page .project-realization {
    padding: 24px 0 48px;
  }

  body.om-inner.om-etapy-page .project-realization__inner {
    width: calc(100% - 28px);
    gap: 24px;
    padding-top: 20px;
  }
}

/* ── Нумерация v2: корректировка блоков ── */

/* "Разработка планировочных решений" — без цифры; отступ совпадает с col-2 соседних этапов */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 {
  grid-template-columns: 1fr !important;
  box-sizing: border-box !important;
  padding-left: var(--etapy-offset) !important;
}
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid12 > .col-1 {
  display: none !important;
}

/* "Авторское сопровождение и реализация" — без цифры 5, выравнивание как у «Первой встречи» */
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 {
  grid-template-columns: 1fr !important;
}
body.om-inner #etapy_raboty_dizajn_proektaLayoutGrid50 > .col-1 {
  display: none !important;
}

/* ── Иконка анкеты: центрирование в col-1 ── */

/* Wrapper заполняет всю ширину колонки и центрирует inline-содержимое */
body.om-inner #wb_etapy_raboty_dizajn_proektaImage4 {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: translateX(21px);
}

/* Ссылка — inline-block, чтобы text-align:center её центрировал */
body.om-inner .etapy-intro-icon-link {
  display: inline-block !important;
  vertical-align: top !important;
  background-image: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

/* Картинка om_anketa.PNG */
body.om-inner .etapy-intro-img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}