/* Late layout overrides for calculator, terms and home cases. */
.cart-form .text-submit {
  width: 100%;
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: center;
  text-transform: uppercase;
}

.cart-form .cart-form-disclaimer {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: clamp(16px, 1.05vw, 20px);
  line-height: 1.22;
  text-transform: none;
}

.cart-summary .cart-stage-note {
  margin-bottom: 0;
}

.cart-attached-option {
  grid-template-columns: minmax(128px, 0.24fr) minmax(220px, 1fr) minmax(120px, 0.45fr) minmax(92px, auto) minmax(118px, auto);
  grid-template-areas:
    "section title note qty price"
    ". target target target remove";
  column-gap: 18px;
  row-gap: 10px;
  align-items: baseline;
}

.cart-attached-option > span {
  grid-area: section;
}

.cart-attached-option > strong {
  grid-area: title;
}

.cart-attached-option > small {
  grid-area: note;
}

.cart-attached-option > .cart-option-qty {
  grid-area: qty;
}

.cart-attached-option > em {
  grid-area: price;
  justify-self: end;
  white-space: nowrap;
}

.cart-attached-option > select {
  grid-area: target;
  width: min(100%, 620px);
}

.cart-attached-option > button {
  grid-area: remove;
  justify-self: end;
}

.terms-page .terms-table {
  display: block;
  overflow-x: auto;
  border-top: 1px solid var(--line);
}

.terms-page .terms-row {
  display: grid;
  min-width: 660px;
  grid-template-columns: minmax(260px, 1fr) minmax(96px, 0.32fr) minmax(210px, 0.8fr);
  gap: 14px;
  padding: 10px 0;
  align-items: baseline;
}

.terms-page .terms-table[data-terms-table="payments"] .terms-row {
  min-width: 820px;
  grid-template-columns: minmax(190px, 0.9fr) minmax(230px, 1fr) minmax(170px, 0.75fr) minmax(170px, 0.75fr);
}

.terms-page .terms-row h3 {
  font-size: clamp(17px, 1.2vw, 22px);
  line-height: 1.14;
}

.terms-page .terms-row p,
.terms-page .terms-row strong {
  font-size: 13px;
  line-height: 1.28;
}

@media (max-width: 980px) {
  .terms-page .terms-row {
    grid-template-columns: minmax(260px, 1fr) minmax(96px, 0.32fr) minmax(210px, 0.8fr);
  }

  .terms-page .terms-table[data-terms-table="payments"] .terms-row {
    grid-template-columns: minmax(190px, 0.9fr) minmax(230px, 1fr) minmax(170px, 0.75fr) minmax(170px, 0.75fr);
  }
}

@media (max-width: 640px) {
  .cart-attached-option {
    grid-template-columns: 1fr;
    grid-template-areas: none;
  }

  .cart-attached-option > span,
  .cart-attached-option > strong,
  .cart-attached-option > small,
  .cart-attached-option > .cart-option-qty,
  .cart-attached-option > em,
  .cart-attached-option > select,
  .cart-attached-option > button {
    grid-area: auto;
    justify-self: start;
  }
}

/* Local stability overrides loaded after the main stylesheet on selected pages. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

main,
section,
article,
aside,
div,
figure,
form,
dl {
  min-width: 0;
}

img,
input,
textarea,
select,
button {
  max-width: 100%;
}

.feedback-form,
.b2b-contact-form,
.home-request-form,
.cart-form {
  width: 100%;
}

.feedback-form input,
.feedback-form select,
.feedback-form textarea,
.b2b-contact-form input,
.b2b-contact-form select,
.b2b-contact-form textarea,
.cart-attached-option select,
.cart-line select {
  width: 100%;
}

.cart-workspace {
  grid-template-columns: minmax(0, 0.62fr) minmax(300px, 0.38fr);
}

.cart-line,
.cart-list,
.cart-summary,
.cart-line-controls,
.cart-service-groups,
.cart-attached-option {
  min-width: 0;
}

.cart-line.has-thumb {
  grid-template-columns: 82px minmax(0, 1fr) auto;
}

.cart-line-controls,
.cart-service-groups {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.cart-attached-option {
  grid-template-columns: minmax(112px, 0.22fr) minmax(160px, 1fr) minmax(96px, 0.42fr) minmax(84px, auto) minmax(96px, auto);
}

.terms-page .terms-table {
  max-width: 100%;
}

@media (max-width: 1180px) {
  .cart-attached-option {
    grid-template-columns: minmax(0, 1fr) minmax(90px, auto);
    grid-template-areas:
      "section price"
      "title title"
      "note note"
      "qty qty"
      "target target"
      "remove remove";
  }

  .cart-attached-option > button {
    justify-self: start;
  }
}

@media (max-width: 980px) {
  .cart-workspace,
  .home-request-section,
  .case-contact-block,
  .catalog-top,
  .offer-block-head,
  .clients-section {
    grid-template-columns: 1fr !important;
  }

  .cart-summary {
    position: static;
  }

  .offer-block-head p:not(.kicker) {
    grid-column: 1;
  }
}

@media (max-width: 640px) {
  .cart-line,
  .cart-line.has-thumb,
  .cart-line-controls,
  .cart-service-groups,
  .cart-attached-option {
    grid-template-columns: 1fr !important;
  }

  .site-header {
    padding-right: 14px;
    padding-left: 14px;
  }
}

.outline-button,
.text-submit,
.cart-form .text-submit {
  width: max-content;
  min-height: 0;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: clamp(24px, 2.8vw, 52px);
  font-weight: 400;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}

.outline-button:hover,
.text-submit:hover,
.cart-form .text-submit:hover {
  background: transparent;
  color: var(--ink);
}

/* Semantic homepage rebuilt from the exported Figma SVG coordinates. */
body[data-content-page="home"] {
  background: #fafafa;
  padding-top: 55px;
}

body[data-content-page="home"] .site-header {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px;
  margin: 0 auto;
  padding: 0 max(20px, calc((100vw - 1440px) / 2 + 20px)) !important;
  border: 0 !important;
  background: #fafafa !important;
  backdrop-filter: none !important;
  box-sizing: border-box;
  align-items: start;
  overflow: visible;
}

body[data-content-page="home"] .brand img {
  width: 120px;
  height: auto;
}

body[data-content-page="home"] .brand {
  margin-top: 20px;
  line-height: 0;
}

body[data-content-page="home"] .main-nav {
  gap: 47px;
  align-self: start;
  justify-self: end;
  margin-top: 26px;
}

body[data-content-page="home"] .main-nav a {
  padding: 0;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

body[data-content-page="home"] .menu-button {
  align-self: start;
  margin-top: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

body[data-content-page="home"] .home-blueprint {
  position: relative;
  width: min(100%, 1440px);
  min-height: 6031px;
  margin: 0 auto;
  background: #fafafa;
  overflow: visible;
}

body[data-content-page="home"] .home-blueprint section,
body[data-content-page="home"] .home-blueprint figure,
body[data-content-page="home"] .home-blueprint p,
body[data-content-page="home"] .home-blueprint h1,
body[data-content-page="home"] .home-blueprint h2,
body[data-content-page="home"] .home-blueprint h3 {
  margin: 0;
}

body[data-content-page="home"] .home-blueprint > section:not([style*="--x"]) {
  display: contents;
}

body[data-content-page="home"] .home-blueprint [style*="--x"] {
  position: absolute !important;
  left: calc(var(--x) / 1440 * 100%);
  top: calc(var(--y) * 1px);
  width: calc(var(--w) / 1440 * 100%);
  box-sizing: border-box;
}

body[data-content-page="home"] .home-bp-image {
  height: calc(var(--h) * 1px);
}

body[data-content-page="home"] .home-blueprint img {
  display: block;
  width: 100%;
  height: 100%;
  background: #fafafa;
}

body[data-content-page="home"] .home-bp-hero-image img,
body[data-content-page="home"] .home-bp-image img,
body[data-content-page="home"] .home-bp-card img,
body[data-content-page="home"] .home-bp-case-ges img,
body[data-content-page="home"] .home-bp-duo img,
body[data-content-page="home"] .home-bp-designer-main img,
body[data-content-page="home"] .home-bp-designer-side img {
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-hero-image img {
  object-position: center 37%;
}

body[data-content-page="home"] .home-bp-card,
body[data-content-page="home"] .home-bp-case,
body[data-content-page="home"] .home-bp-designer,
body[data-content-page="home"] .home-bp-designer-side a {
  color: #111;
  text-decoration: none;
}

body[data-content-page="home"] .home-bp-card img {
  aspect-ratio: 480 / 388;
  height: auto;
  margin-bottom: 14px;
}

body[data-content-page="home"] .home-bp-card:nth-of-type(2) img {
  object-position: center 22%;
}

body[data-content-page="home"] .home-bp-catalog-card img {
  aspect-ratio: 480 / 270;
  object-fit: cover;
}

body[data-content-page="home"] .home-blueprint .kicker {
  margin-bottom: 7px;
  color: #111;
  font-family: var(--font-serif);
  font-size: clamp(14px, 1.111vw, 16px);
  font-weight: 400;
  line-height: 1.05;
  text-transform: none;
}

body[data-content-page="home"] .home-blueprint h1,
body[data-content-page="home"] .home-blueprint h2,
body[data-content-page="home"] .home-blueprint h3 {
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
}

body[data-content-page="home"] .home-bp-hero-copy h1,
body[data-content-page="home"] .home-bp-cases-intro h2,
body[data-content-page="home"] .home-bp-designers-copy h2,
body[data-content-page="home"] .home-bp-clients h2,
body[data-content-page="home"] .home-bp-request h2 {
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.04;
}

@media (min-width: 1280px) {
  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: nowrap;
  }
}

body[data-content-page="home"] .home-bp-card h2,
body[data-content-page="home"] .home-bp-catalog-card h3,
body[data-content-page="home"] .home-bp-case h3,
body[data-content-page="home"] .home-bp-designer-main h3,
body[data-content-page="home"] .home-bp-designer-side h3 {
  font-size: clamp(20px, 1.667vw, 24px);
  line-height: 1.08;
}

body[data-content-page="home"] .home-bp-link,
body[data-content-page="home"] .home-request-form .outline-button {
  display: inline-block;
  width: max-content;
  margin-top: 17px;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-family: var(--font-serif);
  font-size: clamp(20px, 1.667vw, 24px);
  font-weight: 400;
  line-height: 1;
  text-align: left;
  text-transform: none;
}

body[data-content-page="home"] .home-bp-link-stack {
  display: inline-flex;
  gap: 0.25em;
}

body[data-content-page="home"] .home-blueprint p:not(.kicker),
body[data-content-page="home"] .home-bp-request label {
  font-family: var(--font-serif);
  font-size: clamp(12px, 0.972vw, 14px);
  font-weight: 400;
  line-height: 1.14;
  text-transform: none;
}

body[data-content-page="home"] .home-bp-case img {
  margin-bottom: 14px;
}

body[data-content-page="home"] .home-bp-cases-intro h2 {
  line-height: 1.14;
}

body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker),
body[data-content-page="home"] .home-bp-case p:not(.kicker) {
  margin-top: 10px;
}

body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker) {
  max-width: 450px;
}

body[data-content-page="home"] .home-bp-case-alice img {
  aspect-ratio: 480 / 580;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-case-ges img {
  aspect-ratio: 479 / 269;
  object-position: center 46%;
}

body[data-content-page="home"] .home-bp-case-yandex img {
  aspect-ratio: 480 / 455;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

body[data-content-page="home"] .home-bp-duo img {
  aspect-ratio: 234 / 350;
}

body[data-content-page="home"] .home-bp-designers-copy p:not(.kicker) {
  margin-top: 28px;
  max-width: 470px;
}

body[data-content-page="home"] .home-bp-designer-main {
  display: grid;
  grid-template-columns: 199px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}

body[data-content-page="home"] .home-bp-designer-main img {
  width: 199px;
  aspect-ratio: 199 / 265;
  height: auto;
}

body[data-content-page="home"] .home-bp-designer-side {
  display: grid;
  border-top: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side a {
  display: grid;
  grid-template-columns: 127px minmax(0, 1fr);
  gap: 20px;
  box-sizing: border-box;
  min-height: 207px;
  padding: 28px 0 30px;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side img {
  width: 127px;
  height: 150px;
}

body[data-content-page="home"] .home-bp-clients {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 80px;
  padding-bottom: 92px;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-clients-title h2 {
  max-width: 220px;
}

body[data-content-page="home"] .client-logo-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(70px, 1fr));
  gap: 82px 58px;
  align-items: center;
  border: 0;
  background: transparent;
}

body[data-content-page="home"] .client-logo-cell {
  display: grid;
  min-height: 60px;
  padding: 0;
  place-items: center;
  border: 0 !important;
  background: transparent !important;
}

body[data-content-page="home"] .client-logo-cell img {
  max-width: 92px;
  max-height: 60px;
  filter: grayscale(1) contrast(1.25);
  mix-blend-mode: multiply;
  opacity: 0.96;
}

body[data-content-page="home"] .home-bp-request {
  display: grid;
  grid-template-columns: 360px 720px;
  justify-content: space-between;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
  margin-top: 20px;
  max-width: 350px;
}

body[data-content-page="home"] .home-request-form {
  display: grid;
  gap: 12px;
}

body[data-content-page="home"] .home-request-form label {
  display: grid;
  gap: 4px;
  font-size: 16px;
  font-weight: 400;
}

body[data-content-page="home"] .home-request-form input,
body[data-content-page="home"] .home-request-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #111;
  border-radius: 0;
  background: transparent;
}

body[data-content-page="home"] .home-request-form input {
  height: 32px;
}

body[data-content-page="home"] .home-request-form textarea {
  min-height: 112px;
}

body[data-content-page="home"] .home-request-form .outline-button {
  margin-top: 0;
}

body[data-content-page="home"] .site-footer {
  position: relative;
  width: 100%;
  min-height: 385px;
  margin: 0;
  padding: 34px 20px;
  background: #000;
}

body[data-content-page="home"] .site-footer .footer-left {
  width: min(100%, 1440px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

body[data-content-page="home"] .site-footer .footer-logo {
  width: 246px;
}

body[data-content-page="home"] .site-footer .footer-brand-block p,
body[data-content-page="home"] .site-footer .footer-contacts,
body[data-content-page="home"] .site-footer .footer-map-card,
body[data-content-page="home"] .site-footer .footer-copy {
  display: none;
}

body[data-content-page="home"] .site-footer .footer-nav {
  display: grid;
  gap: 20px;
  justify-items: start;
}

body[data-content-page="home"] .site-footer .footer-nav a {
  color: #fafafa;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

@media (min-width: 641px) and (max-width: 1439px) {
  body[data-content-page="home"] .home-blueprint {
    display: grid;
    width: min(100% - 80px, 1160px);
    min-height: 0;
    gap: 72px 0;
    margin: 0 auto;
    padding-bottom: 120px;
  }

  body[data-content-page="home"] .home-blueprint > section:not([style*="--x"]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px 96px;
    align-items: start;
  }

  body[data-content-page="home"] .home-blueprint [style*="--x"] {
    position: static !important;
    width: auto;
  }

  body[data-content-page="home"] .home-bp-hero {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    height: auto;
    aspect-ratio: 1160 / 559;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: normal;
  }

  body[data-content-page="home"] .home-bp-catalog-card img {
    aspect-ratio: 480 / 270;
  }

  body[data-content-page="home"] .home-bp-cases {
    gap: 72px 96px !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    height: auto;
    aspect-ratio: 559 / 354;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    grid-column: 2;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    grid-column: 1;
    grid-row: 4;
  }

  body[data-content-page="home"] .home-bp-designers {
    gap: 72px 96px !important;
  }

  body[data-content-page="home"] .home-bp-designers > .home-bp-image {
    height: auto;
    aspect-ratio: 559 / 405;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main {
    grid-template-columns: minmax(150px, 0.48fr) minmax(0, 1fr);
    gap: 24px;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main img {
    width: 100%;
  }

  body[data-content-page="home"] .home-bp-designer-side,
  body[data-content-page="home"] .home-bp-clients,
  body[data-content-page="home"] .home-bp-request {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  body[data-content-page="home"] {
    padding-top: 55px;
  }

  body[data-content-page="home"] .site-header {
    position: fixed !important;
    right: 0;
    left: 0;
    width: 100%;
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px;
    padding: 0 20px !important;
  }

  body[data-content-page="home"] .brand img {
    width: 126px;
  }

  body[data-content-page="home"] .brand {
    margin-top: 20px;
  }

  body[data-content-page="home"] .main-nav {
    display: none;
  }

  body[data-content-page="home"] .home-blueprint {
    width: min(100%, 440px);
    min-height: 7988px;
  }

  body[data-content-page="home"] .home-blueprint [style*="--x"] {
    left: calc(var(--mx) / 440 * 100%);
    top: calc(var(--my) * 1px);
    width: calc(var(--mw) / 440 * 100%);
  }

  body[data-content-page="home"] .home-bp-image {
    height: calc(var(--mh) * 1px);
  }

  body[data-content-page="home"] .home-blueprint .kicker {
    margin-bottom: 7px;
    font-size: 16px;
  }

  body[data-content-page="home"] .home-bp-cases-intro h2 {
    font-size: 30px;
    line-height: 1.08;
  }

  body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker) {
    max-width: 365px;
    margin-top: 9px;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: normal;
  }

  body[data-content-page="home"] .home-bp-case .kicker {
    margin-bottom: 5px;
    font-size: 14px;
  }

  body[data-content-page="home"] .home-bp-case h3 {
    font-size: 22px;
    line-height: 1.08;
  }

  body[data-content-page="home"] .home-bp-case p:not(.kicker) {
    font-size: 13px;
    line-height: 1.15;
    margin-top: 7px;
  }

  body[data-content-page="home"] .home-bp-link,
  body[data-content-page="home"] .home-request-form .outline-button {
    margin-top: 18px;
    font-size: 24px;
  }

  body[data-content-page="home"] .home-bp-catalog-card .home-bp-link-stack {
    display: inline-grid;
    gap: 2px;
    border-bottom: 0;
  }

  body[data-content-page="home"] .home-bp-catalog-card .home-bp-link-stack span {
    width: max-content;
    padding-bottom: 2px;
    border-bottom: 1px solid currentColor;
    line-height: 1;
  }

  body[data-content-page="home"] .home-blueprint p:not(.kicker) {
    font-size: 14px;
    line-height: 1.15;
  }

  body[data-content-page="home"] .home-bp-card img {
    aspect-ratio: 400 / 322;
  }

  body[data-content-page="home"] .home-bp-catalog-card img {
    aspect-ratio: 180 / 100;
  }

  body[data-content-page="home"] .home-bp-case-alice img {
    aspect-ratio: 400 / 480;
  }

  body[data-content-page="home"] .home-bp-case-ges img {
    aspect-ratio: 400 / 250;
  }

  body[data-content-page="home"] .home-bp-case-yandex img {
    width: 100%;
    aspect-ratio: 400 / 380;
  }

  body[data-content-page="home"] .home-bp-duo img {
    aspect-ratio: 190 / 292;
  }

  body[data-content-page="home"] .home-bp-case img,
  body[data-content-page="home"] .home-bp-duo {
    margin-bottom: 10px;
  }

  body[data-content-page="home"] .home-bp-case p:not(.kicker) {
    margin-top: 7px;
  }

  body[data-content-page="home"] .home-bp-clients {
    display: block;
    padding-bottom: 58px;
  }

  body[data-content-page="home"] .home-bp-clients-title {
    margin-bottom: 36px;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 33px 22px;
  }

  body[data-content-page="home"] .client-logo-cell {
    min-height: 58px;
  }

  body[data-content-page="home"] .client-logo-cell img {
    max-width: 78px;
    max-height: 50px;
  }

  body[data-content-page="home"] .home-bp-request {
    display: grid;
    grid-template-columns: 1fr;
    gap: 58px;
  }

  body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
    max-width: 360px;
    margin-top: 18px;
  }

  body[data-content-page="home"] .home-request-form {
    gap: 12px;
  }

  body[data-content-page="home"] .site-footer {
    min-height: 480px;
    padding: 34px 20px;
  }

  body[data-content-page="home"] .site-footer .footer-left {
    width: min(100%, 440px);
  }
}

/* Exact home header states from the provided PNG references. Keep this block last. */
body[data-content-page="home"] {
  padding-top: 55px !important;
}

body[data-content-page="home"] .site-header {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 10000 !important;
  display: block !important;
  width: 100% !important;
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
  padding: 0 20px !important;
  border: 0 !important;
  background: #fafafa !important;
  backdrop-filter: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body[data-content-page="home"] .site-header .brand {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  display: block !important;
  width: 120px !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body[data-content-page="home"] .site-header .brand img {
  display: block !important;
  width: 120px !important;
  height: auto !important;
}

body[data-content-page="home"] .site-header .main-nav {
  position: absolute !important;
  top: 23px !important;
  right: 20px !important;
  display: flex !important;
  gap: 56px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body[data-content-page="home"] .site-header .main-nav a {
  display: inline-flex !important;
  gap: 8px !important;
  align-items: baseline !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body[data-content-page="home"] .site-header .main-nav a[href$="interview.html"] {
  display: none !important;
}

body[data-content-page="home"] .site-header .menu-button {
  display: none !important;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .site-header .brand {
    width: 126px !important;
  }

  body[data-content-page="home"] .site-header .brand img {
    width: 126px !important;
  }

  body[data-content-page="home"] .site-header .main-nav {
    display: none !important;
  }

  body[data-content-page="home"] .site-header .menu-button {
    position: absolute !important;
    top: 19px !important;
    right: 20px !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  body[data-content-page="home"] .site-header .menu-button::before {
    content: "";
    display: block;
    width: 16px;
    height: 14px;
    background:
      linear-gradient(#111, #111) 0 0 / 16px 3px no-repeat,
      linear-gradient(#111, #111) 0 6px / 16px 3px no-repeat,
      linear-gradient(#111, #111) 0 12px / 16px 3px no-repeat;
  }

  body[data-content-page="home"] .site-header.is-menu-open .brand,
  body[data-content-page="home"] .site-header.is-menu-open .menu-button {
    display: none !important;
  }

  body[data-content-page="home"] .site-header.is-menu-open .main-nav.is-open {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    height: 55px !important;
    gap: 23px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fafafa !important;
    font-size: 12px !important;
  }

  body[data-content-page="home"] .site-header.is-menu-open .main-nav.is-open a {
    display: inline-flex !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-content-page="home"] .site-header.is-menu-open .main-nav.is-open a[href$="interview.html"] {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body[data-content-page="home"] .home-bp-catalog-card .home-bp-link-stack {
    display: inline-block !important;
    width: 112px !important;
    max-width: 112px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    border-bottom: 0 !important;
    line-height: 1.12 !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
  }
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-blueprint {
    display: grid !important;
    width: 100% !important;
    min-height: 0 !important;
    gap: 60px !important;
    padding: 0 20px 100px !important;
    box-sizing: border-box !important;
  }

  body[data-content-page="home"] .home-blueprint > section {
    display: grid !important;
    width: 100% !important;
    gap: 60px !important;
  }

  body[data-content-page="home"] .home-blueprint > .home-bp-hero {
    gap: 17px !important;
  }

  body[data-content-page="home"] .home-blueprint > .home-bp-intro {
    gap: 60px !important;
  }

  body[data-content-page="home"] .home-blueprint [style*="--x"] {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
  }

  body[data-content-page="home"] .home-bp-image {
    height: auto !important;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    aspect-ratio: 400 / 451;
  }

  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px !important;
  }

  body[data-content-page="home"] .home-bp-cases {
    gap: 0 !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    aspect-ratio: 400 / 253;
    margin-bottom: 13px;
  }

  body[data-content-page="home"] .home-bp-cases-intro {
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case {
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    order: 4;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    order: 5;
    margin-bottom: 0;
  }

  body[data-content-page="home"] .home-bp-clients {
    margin-top: 40px;
  }
}

/* Final lower home blocks: trust logos and contact form. */
body[data-content-page="home"] .home-bp-clients {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 80px;
  align-items: start;
  padding: 102px 0 100px;
  margin-bottom: 40px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-clients-title h2 {
  max-width: 220px;
  line-height: 1.02;
}

body[data-content-page="home"] .client-logo-grid {
  display: grid !important;
  width: 100%;
  justify-self: stretch;
  grid-template-columns: repeat(7, minmax(70px, 1fr)) !important;
  gap: 84px 38px;
  align-items: center;
  border: 0;
  background: transparent;
}

body[data-content-page="home"] .client-logo-cell {
  display: grid;
  min-height: 60px;
  padding: 0;
  place-items: center;
  border: 0 !important;
  background: transparent !important;
}

body[data-content-page="home"] .client-logo-cell img {
  max-width: 86px;
  max-height: 60px;
  filter: grayscale(1) contrast(1.18);
  mix-blend-mode: multiply;
  opacity: 0.96;
}

body[data-content-page="home"] .client-logo-redwings img,
body[data-content-page="home"] .client-logo-s7 img,
body[data-content-page="home"] .client-logo-yandex img,
body[data-content-page="home"] .client-logo-smeg img,
body[data-content-page="home"] .client-logo-pushkinskiy img {
  max-width: 94px;
}

body[data-content-page="home"] .home-bp-request {
  display: grid;
  grid-template-columns: 360px 720px;
  gap: 80px;
  align-items: start;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
  max-width: 350px;
  margin-top: 18px;
}

body[data-content-page="home"] .home-request-form {
  display: grid;
  gap: 10px;
}

body[data-content-page="home"] .home-request-form label {
  display: grid;
  gap: 3px;
  font-family: var(--font-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

body[data-content-page="home"] .home-request-form input,
body[data-content-page="home"] .home-request-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #111;
  border-radius: 0;
  background: transparent;
  color: #111;
  font: inherit;
}

body[data-content-page="home"] .home-request-form input {
  height: 30px;
}

body[data-content-page="home"] .home-request-form textarea {
  min-height: 113px;
  resize: vertical;
}

body[data-content-page="home"] .home-request-form .outline-button {
  margin-top: 3px;
  padding-bottom: 2px;
  font-family: var(--font-serif);
  font-size: 24px;
  line-height: 1;
  text-transform: none;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-bp-clients {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 77px;
    margin-bottom: 40px;
    padding: 0 0 72px;
    border-top: 0;
    border-bottom: 1px solid #111;
  }

  body[data-content-page="home"] .home-bp-clients-title {
    margin: 0;
  }

  body[data-content-page="home"] .home-bp-clients-title h2 {
    max-width: none;
    font-size: 36px;
    line-height: 1.02;
  }

  body[data-content-page="home"] .client-logo-grid {
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px 18px;
  }

  body[data-content-page="home"] .client-logo-cell {
    min-height: 56px;
  }

  body[data-content-page="home"] .client-logo-cell img {
    max-width: 72px;
    max-height: 50px;
  }

  body[data-content-page="home"] .client-logo-redwings img,
  body[data-content-page="home"] .client-logo-s7 img,
  body[data-content-page="home"] .client-logo-yandex img,
  body[data-content-page="home"] .client-logo-smeg img,
  body[data-content-page="home"] .client-logo-pushkinskiy img {
    max-width: 82px;
  }

  body[data-content-page="home"] .client-logo-vremena { order: 1; }
  body[data-content-page="home"] .client-logo-coffee { order: 2; }
  body[data-content-page="home"] .client-logo-zotov { order: 3; }
  body[data-content-page="home"] .client-logo-m { order: 4; }
  body[data-content-page="home"] .client-logo-coca { order: 5; }
  body[data-content-page="home"] .client-logo-udcafe { order: 6; }
  body[data-content-page="home"] .client-logo-s7 { order: 7; }
  body[data-content-page="home"] .client-logo-ges { order: 8; }
  body[data-content-page="home"] .client-logo-village { order: 9; }
  body[data-content-page="home"] .client-logo-k { order: 10; }
  body[data-content-page="home"] .client-logo-gamaniya { order: 11; }
  body[data-content-page="home"] .client-logo-four { order: 12; }
  body[data-content-page="home"] .client-logo-baltschug { order: 13; }
  body[data-content-page="home"] .client-logo-yandex { order: 14; }
  body[data-content-page="home"] .client-logo-chas { order: 15; }
  body[data-content-page="home"] .client-logo-cosmos { order: 16; }
  body[data-content-page="home"] .client-logo-petrovka { order: 17; }
  body[data-content-page="home"] .client-logo-nordwind { order: 18; }
  body[data-content-page="home"] .client-logo-mega { order: 19; }
  body[data-content-page="home"] .client-logo-orbit { order: 20; }
  body[data-content-page="home"] .client-logo-les { order: 21; }
  body[data-content-page="home"] .client-logo-odjah { order: 22; }
  body[data-content-page="home"] .client-logo-redwings { order: 23; }
  body[data-content-page="home"] .client-logo-hilton { order: 24; }
  body[data-content-page="home"] .client-logo-pushkinskiy { order: 25; }
  body[data-content-page="home"] .client-logo-round { order: 26; }
  body[data-content-page="home"] .client-logo-smeg { order: 27; }

  body[data-content-page="home"] .home-bp-request {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 58px !important;
  }

  body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
    max-width: 360px;
    margin-top: 18px;
  }

  body[data-content-page="home"] .home-request-form {
    gap: 10px;
  }

  body[data-content-page="home"] .home-request-form input {
    height: 30px;
  }

  body[data-content-page="home"] .home-request-form textarea {
    min-height: 113px;
  }

  body[data-content-page="home"] .home-request-form .outline-button {
    margin-top: 2px;
  }
}

/* Lock mobile cases preview order and 60px internal rhythm. */
@media (max-width: 700px) {
  body[data-content-page="home"] .home-bp-cases {
    display: grid !important;
    gap: 0 !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    order: 1;
    aspect-ratio: 400 / 253;
    margin-bottom: 13px;
  }

  body[data-content-page="home"] .home-bp-cases-intro {
    order: 2;
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case-alice {
    order: 3;
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case-ges {
    order: 4;
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    order: 5;
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    order: 6;
    margin-bottom: 0;
  }
}

/* Main page grid refresh from May 18 mockups. Keep this block last. */
body[data-content-page="home"] {
  background: #fafafa;
}

body[data-content-page="home"] .home-blueprint {
  display: grid !important;
  width: min(100% - 260px, 1180px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 0 118px !important;
  gap: 100px !important;
  background: #fafafa;
}

body[data-content-page="home"] .home-blueprint > section {
  display: grid !important;
  width: 100% !important;
  box-sizing: border-box;
}

body[data-content-page="home"] .home-blueprint [style*="--x"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
}

body[data-content-page="home"] .home-blueprint img {
  display: block;
  width: 100%;
  height: 100%;
  background: #fafafa;
}

body[data-content-page="home"] .home-blueprint .kicker {
  margin: 0 0 6px;
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: none;
}

body[data-content-page="home"] .home-blueprint h1,
body[data-content-page="home"] .home-blueprint h2,
body[data-content-page="home"] .home-blueprint h3 {
  margin: 0;
  color: #111;
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
}

body[data-content-page="home"] .home-blueprint p:not(.kicker) {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 15px;
  line-height: 1.14;
  text-transform: none;
}

body[data-content-page="home"] .home-bp-card,
body[data-content-page="home"] .home-bp-case,
body[data-content-page="home"] .home-bp-designer,
body[data-content-page="home"] .home-bp-designer-side a {
  color: #111;
  text-decoration: none;
}

body[data-content-page="home"] .home-bp-link,
body[data-content-page="home"] .home-request-form .outline-button {
  display: inline-block;
  width: max-content;
  margin-top: 14px;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
}

body[data-content-page="home"] .home-bp-hero {
  gap: 15px !important;
  margin-bottom: 30px;
}

body[data-content-page="home"] .home-bp-hero-image {
  height: auto !important;
  aspect-ratio: 1180 / 570;
}

body[data-content-page="home"] .home-bp-hero-image img {
  object-fit: cover;
  object-position: center 38%;
}

body[data-content-page="home"] .home-bp-hero-copy h1 {
  max-width: none;
  font-size: 36px;
  line-height: 1;
  white-space: nowrap;
}

body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
  margin-top: 22px;
  min-width: 260px;
  padding: 14px 36px 13px;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 96px 120px !important;
}

body[data-content-page="home"] .home-bp-card img {
  height: auto !important;
  margin-bottom: 15px;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-intro .home-bp-card img {
  aspect-ratio: 480 / 388;
}

body[data-content-page="home"] .home-bp-intro .home-bp-card:nth-child(2) img {
  object-position: center 23%;
}

body[data-content-page="home"] .home-bp-card h2,
body[data-content-page="home"] .home-bp-catalog-card h3 {
  font-size: 26px;
  line-height: 1.08;
}

body[data-content-page="home"] .home-bp-catalog-card img {
  aspect-ratio: 480 / 270;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-cases {
  grid-template-columns: minmax(0, 580px) minmax(0, 500px);
  justify-content: start;
  gap: 80px 40px !important;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image {
  height: auto !important;
  aspect-ratio: 559 / 354;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image img,
body[data-content-page="home"] .home-bp-case-ges img {
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-cases-intro {
  align-self: start;
  padding-top: 5px;
}

body[data-content-page="home"] .home-bp-cases-intro h2 {
  font-size: 40px;
  line-height: 1.05;
}

body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker) {
  max-width: 450px;
  margin-top: 24px;
}

body[data-content-page="home"] .home-bp-case img,
body[data-content-page="home"] .home-bp-duo {
  height: auto !important;
  margin-bottom: 12px;
}

body[data-content-page="home"] .home-bp-case h3 {
  font-size: 26px;
  line-height: 1.08;
}

body[data-content-page="home"] .home-bp-case p:not(.kicker) {
  margin-top: 8px;
}

body[data-content-page="home"] .home-bp-case-alice img {
  aspect-ratio: 480 / 580;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-case-ges {
  align-self: start;
}

body[data-content-page="home"] .home-bp-case-ges img {
  aspect-ratio: 480 / 270;
}

body[data-content-page="home"] .home-bp-case-yandex {
  grid-column: 2;
  align-self: start;
  margin-top: -360px;
}

body[data-content-page="home"] .home-bp-case-yandex img {
  aspect-ratio: 480 / 455;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-case-plot {
  grid-column: 1;
  grid-row: 4;
}

body[data-content-page="home"] .home-bp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-content-page="home"] .home-bp-duo img {
  aspect-ratio: 235 / 350;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-designers {
  grid-template-columns: minmax(0, 580px) minmax(0, 480px);
  justify-content: start;
  gap: 80px 20px !important;
  align-items: start;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image {
  height: auto !important;
  aspect-ratio: 580 / 420;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image img {
  object-fit: contain;
  background: #000;
}

body[data-content-page="home"] .home-bp-designers-copy h2 {
  font-size: 44px;
  line-height: 1.06;
}

body[data-content-page="home"] .home-bp-designers-copy p:not(.kicker) {
  max-width: 470px;
  margin-top: 28px;
}

body[data-content-page="home"] .home-bp-designer-main {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

body[data-content-page="home"] .home-bp-designer-main img {
  width: 220px;
  height: auto !important;
  aspect-ratio: 220 / 280;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-designer-main h3,
body[data-content-page="home"] .home-bp-designer-side h3 {
  font-size: 28px;
  line-height: 1.05;
}

body[data-content-page="home"] .home-bp-designer-main p:not(.kicker),
body[data-content-page="home"] .home-bp-designer-side p:not(.kicker) {
  margin-top: 16px;
}

body[data-content-page="home"] .home-bp-designer-side {
  grid-column: 2;
  grid-row: 2 / span 2;
  display: grid;
  border-top: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 34px;
  min-height: 205px;
  padding: 28px 0;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side img {
  width: 120px;
  height: 150px !important;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-clients {
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 94px;
  align-items: start;
  margin: 0;
  padding: 92px 0 98px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-clients-title h2 {
  max-width: 220px;
  font-size: 40px;
  line-height: 1.06;
}

body[data-content-page="home"] .client-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(70px, 1fr)) !important;
  gap: 86px 46px;
  align-items: center;
}

body[data-content-page="home"] .client-logo-cell {
  display: grid;
  min-height: 60px;
  padding: 0;
  place-items: center;
  border: 0 !important;
  background: transparent !important;
}

body[data-content-page="home"] .client-logo-cell img {
  width: auto;
  max-width: 86px;
  max-height: 60px;
  object-fit: contain;
  filter: grayscale(1) contrast(1.16);
  mix-blend-mode: multiply;
  opacity: 0.96;
}

body[data-content-page="home"] .home-bp-request {
  display: grid !important;
  grid-template-columns: minmax(0, 360px) minmax(0, 720px);
  gap: 100px;
  align-items: start;
  padding-top: 0;
  border-top: 1px solid #111;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy {
  padding-top: 88px;
}

body[data-content-page="home"] .home-bp-request h2 {
  font-size: 40px;
  line-height: 1.04;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
  max-width: 360px;
  margin-top: 20px;
}

body[data-content-page="home"] .home-request-form {
  display: grid;
  gap: 10px;
  padding-top: 88px;
}

body[data-content-page="home"] .home-request-form label {
  display: grid;
  gap: 4px;
  font-family: var(--font-serif);
  font-size: 15px;
  line-height: 1;
}

body[data-content-page="home"] .home-request-form input,
body[data-content-page="home"] .home-request-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #111;
  border-radius: 0;
  background: transparent;
  color: #111;
  font: inherit;
}

body[data-content-page="home"] .home-request-form input {
  height: 31px;
}

body[data-content-page="home"] .home-request-form textarea {
  min-height: 112px;
  resize: vertical;
}

body[data-content-page="home"] .home-request-form .outline-button {
  min-width: 262px;
  min-height: 54px;
  margin-top: 6px;
  padding: 16px 32px;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

body[data-content-page="home"] .site-footer .footer-contacts,
body[data-content-page="home"] .site-footer .footer-copy,
body[data-content-page="home"] .site-footer .footer-cta,
body[data-content-page="home"] .site-footer .footer-map,
body[data-content-page="home"] .site-footer .footer-links {
  display: grid;
}

@media (max-width: 1320px) and (min-width: 701px) {
  body[data-content-page="home"] .home-blueprint {
    width: min(100% - 80px, 1180px) !important;
  }

  body[data-content-page="home"] .home-bp-intro,
  body[data-content-page="home"] .home-bp-catalog,
  body[data-content-page="home"] .home-bp-cases,
  body[data-content-page="home"] .home-bp-designers {
    gap: 76px 96px !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: normal;
  }
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-blueprint {
    width: 100% !important;
    gap: 60px !important;
    padding: 0 20px 100px !important;
  }

  body[data-content-page="home"] .home-blueprint > section {
    grid-template-columns: 1fr !important;
    gap: 60px !important;
  }

  body[data-content-page="home"] .home-blueprint .kicker {
    margin-bottom: 7px;
    font-size: 16px;
  }

  body[data-content-page="home"] .home-blueprint p:not(.kicker) {
    font-size: 14px;
    line-height: 1.15;
  }

  body[data-content-page="home"] .home-bp-hero {
    gap: 17px !important;
    margin-bottom: 0;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    aspect-ratio: 400 / 451;
  }

  body[data-content-page="home"] .home-bp-hero-image img {
    object-position: center 42%;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    font-size: 40px;
    line-height: 1.12;
    white-space: normal;
  }

  body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
    width: 100%;
    min-width: 0;
    margin-top: 22px;
    padding: 15px 18px 14px;
    box-sizing: border-box;
    font-size: 18px;
  }

  body[data-content-page="home"] .home-bp-intro .home-bp-card img {
    aspect-ratio: 400 / 322;
  }

  body[data-content-page="home"] .home-bp-card h2,
  body[data-content-page="home"] .home-bp-catalog-card h3 {
    font-size: 26px;
    line-height: 1.13;
  }

  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog-card img {
    aspect-ratio: 180 / 100;
    margin-bottom: 12px;
  }

  body[data-content-page="home"] .home-bp-catalog-card .home-bp-link-stack {
    font-size: 20px;
  }

  body[data-content-page="home"] .home-bp-cases {
    gap: 0 !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    order: 1;
    aspect-ratio: 400 / 253;
    margin-bottom: 13px;
  }

  body[data-content-page="home"] .home-bp-cases-intro {
    order: 2;
    margin-bottom: 60px;
    padding-top: 0;
  }

  body[data-content-page="home"] .home-bp-cases-intro h2 {
    font-size: 36px;
    line-height: 1.1;
  }

  body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker) {
    margin-top: 10px;
  }

  body[data-content-page="home"] .home-bp-case {
    margin-bottom: 60px;
  }

  body[data-content-page="home"] .home-bp-case h3 {
    font-size: 24px;
    line-height: 1.08;
  }

  body[data-content-page="home"] .home-bp-case-alice {
    order: 3;
  }

  body[data-content-page="home"] .home-bp-case-ges {
    order: 4;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    order: 5;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    order: 6;
    grid-column: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  body[data-content-page="home"] .home-bp-case-alice img {
    aspect-ratio: 400 / 480;
  }

  body[data-content-page="home"] .home-bp-case-ges img {
    aspect-ratio: 400 / 250;
  }

  body[data-content-page="home"] .home-bp-case-yandex img {
    aspect-ratio: 400 / 380;
  }

  body[data-content-page="home"] .home-bp-clients {
    grid-template-columns: 1fr !important;
    gap: 36px;
    padding: 0 0 66px;
    border-top: 0;
    border-bottom: 1px solid #111;
  }

  body[data-content-page="home"] .home-bp-clients-title h2 {
    max-width: none;
    font-size: 40px;
    line-height: 1.04;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 33px 22px;
  }

  body[data-content-page="home"] .client-logo-cell img {
    max-width: 78px;
    max-height: 52px;
  }

  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 1fr !important;
    gap: 54px;
    border-top: 0;
  }

  body[data-content-page="home"] .home-bp-request .home-bp-copy,
  body[data-content-page="home"] .home-request-form {
    padding-top: 0;
  }

  body[data-content-page="home"] .home-bp-request h2 {
    font-size: 40px;
    line-height: 1.08;
  }

  body[data-content-page="home"] .home-request-form .outline-button {
    width: min(100%, 262px);
  }
}

@media (min-width: 701px) {
  body[data-content-page="home"] .home-bp-cases {
    grid-template-columns: 559px 448px !important;
    grid-template-areas:
      "casesIntroImage casesIntroCopy"
      "alice ges"
      "alice yandex"
      "plot yandex";
    column-gap: 20px !important;
    row-gap: 40px !important;
    justify-content: start !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    grid-area: casesIntroImage;
    width: 559px !important;
    aspect-ratio: 559 / 354;
  }

  body[data-content-page="home"] .home-bp-cases-intro {
    grid-area: casesIntroCopy;
    width: 448px !important;
    padding-top: 0;
  }

  body[data-content-page="home"] .home-bp-case-alice {
    grid-area: alice;
    width: 448px !important;
  }

  body[data-content-page="home"] .home-bp-case-alice img {
    aspect-ratio: 448 / 540;
  }

  body[data-content-page="home"] .home-bp-case-ges {
    grid-area: ges;
    width: 448px !important;
  }

  body[data-content-page="home"] .home-bp-case-ges img {
    aspect-ratio: 448 / 252;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    grid-area: yandex;
    width: 448px !important;
    margin-top: 0 !important;
  }

  body[data-content-page="home"] .home-bp-case-yandex img {
    aspect-ratio: 448 / 455;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    grid-area: plot;
    width: 448px !important;
  }

  body[data-content-page="home"] .home-bp-duo {
    grid-template-columns: repeat(2, 219px);
    gap: 10px;
  }

  body[data-content-page="home"] .home-bp-duo img {
    aspect-ratio: 219 / 330;
  }
}

/* Stable home grid system. Based on the agreed container/gap rules. */
body[data-content-page="home"] .home-blueprint {
  --home-section-large: 120px;
  --home-section-medium: 96px;
  --home-section-small: 72px;
  display: block !important;
  width: min(1180px, calc(100vw - 64px)) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 0 var(--home-section-medium) !important;
  background: #fafafa;
}

body[data-content-page="home"] .home-blueprint > section {
  display: grid !important;
  width: 100% !important;
  box-sizing: border-box;
}

body[data-content-page="home"] .home-blueprint [style*="--x"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
}

body[data-content-page="home"] .home-bp-intro {
  margin-top: var(--home-section-medium);
}

body[data-content-page="home"] .home-bp-catalog {
  margin-top: 64px;
}

body[data-content-page="home"] .home-bp-cases {
  margin-top: var(--home-section-medium);
}

body[data-content-page="home"] .home-bp-designers,
body[data-content-page="home"] .home-bp-clients {
  margin-top: var(--home-section-large);
}

body[data-content-page="home"] .home-bp-request {
  margin-top: var(--home-section-medium);
}

body[data-content-page="home"] .home-bp-hero {
  gap: 0 !important;
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-hero-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2.08 / 1;
}

body[data-content-page="home"] .home-bp-hero-image img {
  object-fit: cover;
  object-position: center 38%;
}

body[data-content-page="home"] .home-bp-hero-copy {
  margin-top: 12px;
}

body[data-content-page="home"] .home-bp-hero-copy .kicker {
  margin-bottom: 4px;
}

body[data-content-page="home"] .home-bp-hero-copy h1 {
  font-size: 36px;
  line-height: 1;
  white-space: nowrap;
}

body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
  min-width: 260px;
  margin-top: 20px;
  padding: 14px 36px 13px;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog {
  grid-template-columns: repeat(2, minmax(0, 480px)) !important;
  justify-content: space-between;
  column-gap: 0 !important;
  row-gap: 64px !important;
}

body[data-content-page="home"] .home-bp-card img {
  width: 100%;
  height: auto !important;
  margin-bottom: 12px;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-intro .home-bp-card img {
  aspect-ratio: 480 / 388;
}

body[data-content-page="home"] .home-bp-catalog-card img {
  aspect-ratio: 480 / 270;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-card .kicker,
body[data-content-page="home"] .home-bp-catalog-card .kicker,
body[data-content-page="home"] .home-bp-case .kicker,
body[data-content-page="home"] .home-bp-designers-copy .kicker {
  margin-bottom: 4px;
}

body[data-content-page="home"] .home-bp-card h2,
body[data-content-page="home"] .home-bp-catalog-card h3,
body[data-content-page="home"] .home-bp-case h3 {
  font-size: 26px;
  line-height: 1.08;
}

body[data-content-page="home"] .home-bp-card .home-bp-link,
body[data-content-page="home"] .home-bp-catalog-card .home-bp-link {
  margin-top: 10px;
}

body[data-content-page="home"] .home-bp-cases {
  grid-template-columns: 559px 448px !important;
  grid-template-areas:
    "caseIntroImage caseIntroText"
    "alice ges"
    "alice yandex"
    "plot yandex";
  justify-content: start !important;
  align-items: start !important;
  column-gap: 20px !important;
  row-gap: 40px !important;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image {
  grid-area: caseIntroImage;
  width: 559px !important;
  height: auto !important;
  aspect-ratio: 559 / 354;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image img {
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-cases-intro {
  grid-area: caseIntroText;
  width: 448px !important;
  padding: 0 !important;
}

body[data-content-page="home"] .home-bp-cases-intro h2 {
  font-size: 40px;
  line-height: 1.05;
}

body[data-content-page="home"] .home-bp-cases-intro p:not(.kicker) {
  max-width: 448px;
  margin-top: 12px;
}

body[data-content-page="home"] .home-bp-case img,
body[data-content-page="home"] .home-bp-duo {
  width: 100%;
  height: auto !important;
  margin-bottom: 10px;
}

body[data-content-page="home"] .home-bp-case p:not(.kicker) {
  margin-top: 8px;
}

body[data-content-page="home"] .home-bp-case-alice {
  grid-area: alice;
  width: 448px !important;
}

body[data-content-page="home"] .home-bp-case-alice img {
  aspect-ratio: 448 / 540;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-case-ges {
  grid-area: ges;
  width: 448px !important;
}

body[data-content-page="home"] .home-bp-case-ges img {
  aspect-ratio: 448 / 252;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-case-yandex {
  grid-area: yandex;
  width: 448px !important;
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-case-yandex img {
  aspect-ratio: 448 / 455;
  object-fit: contain;
}

body[data-content-page="home"] .home-bp-case-plot {
  grid-area: plot;
  width: 448px !important;
}

body[data-content-page="home"] .home-bp-duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-content-page="home"] .home-bp-duo img {
  aspect-ratio: 219 / 330;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-designers {
  grid-template-columns: minmax(0, 590px) minmax(0, 1fr) !important;
  column-gap: 28px !important;
  row-gap: 40px !important;
  align-items: start;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image {
  width: 590px !important;
  height: auto !important;
  aspect-ratio: 590 / 420;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image img {
  object-fit: contain;
  background: #000;
}

body[data-content-page="home"] .home-bp-designers-copy h2 {
  font-size: 44px;
  line-height: 1.06;
}

body[data-content-page="home"] .home-bp-designers-copy p:not(.kicker) {
  margin-top: 12px;
}

body[data-content-page="home"] .home-bp-designer-main {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

body[data-content-page="home"] .home-bp-designer-main img {
  width: 220px;
  height: auto !important;
  aspect-ratio: 220 / 280;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-designer-side {
  grid-column: 2;
  grid-row: 2 / span 2;
  display: grid !important;
  border-top: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 28px;
  min-height: 0;
  padding: 28px 0;
  border-bottom: 1px solid #111;
}

body[data-content-page="home"] .home-bp-designer-side img {
  width: 120px;
  height: 150px !important;
  object-fit: cover;
}

body[data-content-page="home"] .home-bp-clients {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  column-gap: 48px !important;
  row-gap: 0 !important;
  align-items: start;
  padding: 32px 0 0 !important;
  border-top: 1px solid #111;
  border-bottom: 0;
}

body[data-content-page="home"] .home-bp-clients-title h2 {
  max-width: 220px;
  font-size: 40px;
  line-height: 1.06;
}

body[data-content-page="home"] .client-logo-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 32px 36px !important;
}

body[data-content-page="home"] .home-bp-request {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  column-gap: 72px !important;
  row-gap: 0 !important;
  align-items: start;
  padding: 32px 0 0 !important;
  border-top: 1px solid #111;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy,
body[data-content-page="home"] .home-request-form {
  padding-top: 0 !important;
}

body[data-content-page="home"] .home-bp-request h2 {
  font-size: 40px;
  line-height: 1.04;
}

body[data-content-page="home"] .home-request-form {
  gap: 12px;
}

body[data-content-page="home"] .home-request-form .outline-button {
  min-width: 262px;
  min-height: 54px;
  margin-top: 4px;
  padding: 16px 32px;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-blueprint {
    --home-section-large: 64px;
    --home-section-medium: 48px;
    --home-section-small: 36px;
    width: calc(100vw - 32px) !important;
    padding: 0 0 48px !important;
  }

  body[data-content-page="home"] .home-bp-intro {
    margin-top: 36px;
  }

  body[data-content-page="home"] .home-bp-catalog {
    margin-top: 28px;
  }

  body[data-content-page="home"] .home-bp-cases {
    margin-top: 48px;
  }

  body[data-content-page="home"] .home-bp-clients {
    margin-top: 64px;
  }

  body[data-content-page="home"] .home-bp-request {
    margin-top: 48px;
  }

  body[data-content-page="home"] .home-blueprint > section {
    grid-template-columns: 1fr !important;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    aspect-ratio: 1 / 1.08;
  }

  body[data-content-page="home"] .home-bp-hero-copy {
    margin-top: 10px;
  }

  body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
    width: 100%;
    min-width: 0;
    margin-top: 14px;
  }

  body[data-content-page="home"] .home-bp-intro {
    gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body[data-content-page="home"] .home-bp-cases {
    display: grid !important;
    grid-template-areas: none;
    gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image,
  body[data-content-page="home"] .home-bp-cases-intro,
  body[data-content-page="home"] .home-bp-case-alice,
  body[data-content-page="home"] .home-bp-case-ges,
  body[data-content-page="home"] .home-bp-case-plot,
  body[data-content-page="home"] .home-bp-case-yandex {
    grid-area: auto;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image { order: 1; }
  body[data-content-page="home"] .home-bp-cases-intro { order: 2; }
  body[data-content-page="home"] .home-bp-case-alice { order: 3; }
  body[data-content-page="home"] .home-bp-case-ges { order: 4; }
  body[data-content-page="home"] .home-bp-case-plot { order: 5; }
  body[data-content-page="home"] .home-bp-case-yandex { order: 6; }

  body[data-content-page="home"] .home-bp-clients {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-top: 24px !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
  }

  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding-top: 32px !important;
  }
}

/* Ordered section spacing: one source of truth for the home page rhythm. */
body[data-content-page="home"] .home-bp-hero,
body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog,
body[data-content-page="home"] .home-bp-cases,
body[data-content-page="home"] .home-bp-designers,
body[data-content-page="home"] .home-bp-clients,
body[data-content-page="home"] .home-bp-request {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
  margin-top: 64px !important;
}

body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-cases + .home-bp-designers,
body[data-content-page="home"] .home-bp-designers + .home-bp-clients {
  margin-top: 120px !important;
}

body[data-content-page="home"] .home-bp-clients + .home-bp-request {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-blueprint + .site-footer,
body[data-content-page="home"] .home-bp-request + .site-footer {
  margin-top: 96px !important;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
    margin-top: 36px !important;
  }

  body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
    margin-top: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-bp-clients + .home-bp-request {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-blueprint + .site-footer,
  body[data-content-page="home"] .home-bp-request + .site-footer {
    margin-top: 48px !important;
  }
}

/* Home page final layout pass: container, spacing and case columns. */
body[data-content-page="home"] .home-blueprint {
  display: block !important;
  width: min(1180px, calc(100vw - 64px)) !important;
  margin: 0 auto !important;
  padding: 0 0 96px !important;
}

body[data-content-page="home"] .home-blueprint > section {
  width: 100% !important;
  box-sizing: border-box;
}

body[data-content-page="home"] .home-bp-hero,
body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog,
body[data-content-page="home"] .home-bp-cases,
body[data-content-page="home"] .home-bp-designers,
body[data-content-page="home"] .home-bp-clients,
body[data-content-page="home"] .home-bp-request {
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
  margin-top: 64px !important;
}

body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-cases + .home-bp-designers,
body[data-content-page="home"] .home-bp-designers + .home-bp-clients {
  margin-top: 120px !important;
}

body[data-content-page="home"] .home-bp-clients + .home-bp-request {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-hero {
  display: grid !important;
  gap: 0 !important;
}

body[data-content-page="home"] .home-bp-hero-image {
  aspect-ratio: 1180 / 570 !important;
}

body[data-content-page="home"] .home-bp-hero-copy {
  margin-top: 12px !important;
}

body[data-content-page="home"] .home-bp-hero-copy h1 {
  font-size: 36px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
  margin-top: 20px !important;
}

body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 480px)) !important;
  justify-content: space-between !important;
  gap: 64px 0 !important;
}

body[data-content-page="home"] .home-bp-cases {
  display: grid !important;
  grid-template-columns: 559px 448px !important;
  grid-template-areas:
    "caseLead caseCopy"
    "caseLeft caseRight";
  justify-content: start !important;
  align-items: start !important;
  gap: 40px 20px !important;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image {
  grid-area: caseLead !important;
  width: 559px !important;
  height: auto !important;
  aspect-ratio: 559 / 354 !important;
}

body[data-content-page="home"] .home-bp-cases-intro {
  grid-area: caseCopy !important;
  width: 448px !important;
  padding: 0 !important;
}

body[data-content-page="home"] .home-bp-cases-column {
  display: grid !important;
  gap: 40px !important;
  align-content: start !important;
}

body[data-content-page="home"] .home-bp-cases-column-left {
  grid-area: caseLeft !important;
  width: 448px !important;
}

body[data-content-page="home"] .home-bp-cases-column-right {
  grid-area: caseRight !important;
  width: 448px !important;
}

body[data-content-page="home"] .home-bp-case-alice,
body[data-content-page="home"] .home-bp-case-ges,
body[data-content-page="home"] .home-bp-case-plot,
body[data-content-page="home"] .home-bp-case-yandex {
  grid-area: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-case-alice img {
  aspect-ratio: 448 / 540 !important;
}

body[data-content-page="home"] .home-bp-case-ges img {
  aspect-ratio: 448 / 252 !important;
}

body[data-content-page="home"] .home-bp-case-yandex img {
  aspect-ratio: 448 / 455 !important;
}

body[data-content-page="home"] .home-bp-duo {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body[data-content-page="home"] .home-bp-duo img {
  aspect-ratio: 219 / 330 !important;
}

body[data-content-page="home"] .home-bp-case img,
body[data-content-page="home"] .home-bp-duo {
  margin-bottom: 10px !important;
}

body[data-content-page="home"] .home-bp-designers {
  display: grid !important;
  grid-template-columns: 590px minmax(0, 1fr) !important;
  gap: 40px 28px !important;
  align-items: start !important;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image {
  width: 590px !important;
  aspect-ratio: 590 / 420 !important;
}

body[data-content-page="home"] .home-bp-designers-copy {
  width: 100% !important;
}

body[data-content-page="home"] .home-bp-designer-side {
  grid-column: 2 !important;
  grid-row: 2 / span 2 !important;
}

body[data-content-page="home"] .home-bp-clients {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 0 48px !important;
  padding: 32px 0 0 !important;
  border-top: 1px solid #111 !important;
  border-bottom: 0 !important;
}

body[data-content-page="home"] .client-logo-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 32px 36px !important;
}

body[data-content-page="home"] .home-bp-request {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 0 72px !important;
  padding: 32px 0 0 !important;
  border-top: 1px solid #111 !important;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-blueprint {
    width: calc(100vw - 32px) !important;
    padding-bottom: 48px !important;
  }

  body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
    margin-top: 36px !important;
  }

  body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
    margin-top: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-bp-clients + .home-bp-request {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    aspect-ratio: 400 / 451 !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy {
    margin-top: 10px !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    font-size: 36px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 14px !important;
  }

  body[data-content-page="home"] .home-bp-intro {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body[data-content-page="home"] .home-bp-cases {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "caseLead"
      "caseCopy"
      "caseLeft"
      "caseRight" !important;
    gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image,
  body[data-content-page="home"] .home-bp-cases-intro,
  body[data-content-page="home"] .home-bp-cases-column-left,
  body[data-content-page="home"] .home-bp-cases-column-right {
    width: 100% !important;
  }

  body[data-content-page="home"] .home-bp-cases-column {
    display: contents !important;
  }

  body[data-content-page="home"] .home-bp-case-alice { order: 1; }
  body[data-content-page="home"] .home-bp-case-ges { order: 2; }
  body[data-content-page="home"] .home-bp-case-plot { order: 3; }
  body[data-content-page="home"] .home-bp-case-yandex { order: 4; }

  body[data-content-page="home"] .home-bp-clients,
  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
  }
}

/* Home request form content pass. */
body[data-content-page="home"] .home-bp-request {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  column-gap: 100px !important;
  padding-top: 96px !important;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy {
  padding-top: 0 !important;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy .kicker {
  margin-bottom: 4px !important;
}

body[data-content-page="home"] .home-bp-request h2 {
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

body[data-content-page="home"] .home-bp-request .home-bp-copy p:not(.kicker) {
  max-width: 350px !important;
  margin-top: 18px !important;
  font-family: var(--font-serif) !important;
  font-size: 15px !important;
  line-height: 1.12 !important;
}

body[data-content-page="home"] .home-request-form {
  display: grid !important;
  gap: 10px !important;
  padding-top: 0 !important;
}

body[data-content-page="home"] .home-request-form > label:not(.home-request-consent) {
  display: grid !important;
  gap: 2px !important;
  font-family: var(--font-serif) !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

body[data-content-page="home"] .home-request-form input[type="text"],
body[data-content-page="home"] .home-request-form input[type="email"],
body[data-content-page="home"] .home-request-form select,
body[data-content-page="home"] .home-request-form textarea {
  width: 100% !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  font-family: var(--font-serif) !important;
  font-size: 16px !important;
}

body[data-content-page="home"] .home-request-form input[type="text"],
body[data-content-page="home"] .home-request-form input[type="email"],
body[data-content-page="home"] .home-request-form select {
  height: 30px !important;
  min-height: 30px !important;
  padding: 4px 6px !important;
}

body[data-content-page="home"] .home-request-form textarea {
  height: 112px !important;
  min-height: 112px !important;
  padding: 6px !important;
  resize: vertical !important;
}

body[data-content-page="home"] .home-request-consent {
  display: grid !important;
  grid-template-columns: 16px auto minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: center !important;
  margin-top: 0 !important;
  font-family: var(--font-serif) !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

body[data-content-page="home"] .home-request-consent input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  appearance: none !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body[data-content-page="home"] .home-request-consent input[type="checkbox"]:checked {
  background: linear-gradient(45deg, transparent 42%, #111 42%, #111 58%, transparent 58%),
    linear-gradient(-45deg, transparent 42%, #111 42%, #111 58%, transparent 58%);
}

body[data-content-page="home"] .home-request-consent a {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body[data-content-page="home"] .home-request-form .outline-button {
  width: 262px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  margin-top: 2px !important;
  padding: 15px 28px !important;
  border: 1px solid #111 !important;
  border-radius: 8px !important;
  background: transparent !important;
  font-family: var(--font-serif) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px) and (min-width: 701px) {
  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    column-gap: 48px !important;
  }

  body[data-content-page="home"] .home-request-consent {
    grid-template-columns: 16px minmax(0, 1fr) !important;
  }

  body[data-content-page="home"] .home-request-consent a {
    grid-column: 2 !important;
  }
}

/* Service detail pages */
body[data-content-page="service-detail"] {
  background: var(--paper);
  color: var(--ink);
}

.service-detail-main {
  width: min(100% - 80px, 1160px);
  margin: 0 auto;
  padding: 70px 0 220px;
}

.service-detail-main p {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 22px;
  line-height: 1.13;
  text-align: justify;
}

.service-kicker,
.service-detail-main figcaption {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.service-detail-main h1,
.service-detail-main h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
}

.service-detail-main h1 {
  font-size: 66px;
  line-height: 0.94;
}

.service-detail-main h2 {
  font-size: 56px;
  line-height: 0.98;
}

.service-detail-main h3 {
  margin: 0 0 18px;
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.05;
}

.service-detail-main figure {
  margin: 0;
}

.service-detail-main img {
  display: block;
  width: 100%;
  height: auto;
}

.service-hero {
  display: grid;
  gap: 48px;
  align-items: start;
  margin-bottom: 72px;
}

.service-hero--split {
  grid-template-columns: 560px 1fr;
  gap: 130px;
}

.service-hero--center {
  justify-items: center;
  text-align: center;
}

.service-hero--center .service-hero-copy {
  width: min(100%, 900px);
  justify-items: center;
}

.service-hero--center .service-hero-image {
  width: 815px;
}

.service-hero--center .service-hero-copy p {
  width: min(100%, 760px);
  text-align: justify;
}

.service-hero-copy {
  display: grid;
  gap: 22px;
}

.service-hero-copy p {
  font-size: 27px;
  line-height: 1.05;
}

.service-copy {
  display: grid;
  gap: 18px;
  margin-bottom: 62px;
}

.service-copy--wide {
  width: min(100%, 940px);
}

.service-copy--narrow {
  width: min(100%, 760px);
  margin-right: auto;
  margin-left: auto;
}

.service-copy--indent {
  padding-left: 88px;
}

.service-media-grid {
  display: grid;
  gap: 8px;
  margin: 58px 0;
}

.service-media-grid--three {
  grid-template-columns: repeat(3, 1fr);
}

.service-media-grid--two {
  grid-template-columns: repeat(2, 1fr);
}

.service-media-grid--six {
  grid-template-columns: repeat(3, 1fr);
}

.service-media-grid--tight {
  gap: 5px;
}

.service-section {
  display: grid;
  gap: 18px;
  margin: 68px 0;
}

.service-section--two {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
  gap: 62px;
  align-items: start;
}

.service-section--two-reverse {
  grid-template-columns: minmax(320px, 520px) minmax(0, 1fr);
  gap: 62px;
  align-items: start;
}

.service-section--two-reverse .service-text {
  order: 2;
}

.service-section--two-reverse figure {
  order: 1;
}

.service-text {
  display: grid;
  gap: 18px;
}

.service-price-list {
  display: grid;
  gap: 12px;
  margin: 78px 0 0;
}

.service-price-list p {
  text-align: left;
}

.service-cta {
  display: inline-block;
  margin-top: 74px;
  border-bottom: 1px solid currentColor;
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 33px;
  font-weight: 400;
  line-height: 0.94;
  text-decoration: none;
  text-transform: uppercase;
}

.service-cta + .service-cta {
  display: table;
  margin-top: 34px;
}

.service-small-gallery {
  width: min(100%, 700px);
  margin: 56px auto;
}

.service-main-link {
  color: inherit;
  text-decoration: none;
}

body[data-content-page="services"] .services-row .service-main-link {
  display: grid;
  grid-template-columns: 559px 365px;
  grid-column: 1 / -1;
  gap: inherit;
}

@media (min-width: 901px) {
  body[data-content-page="services"] .services-main-page {
    width: 1160px !important;
    max-width: 1160px !important;
    padding-top: 27px !important;
    padding-bottom: 174px !important;
  }

  body[data-content-page="services"] .services-hero {
    margin-bottom: 67px !important;
  }

  body[data-content-page="services"] .services-hero h1 {
    margin-bottom: 21px !important;
    font-size: 68px !important;
    line-height: 0.94 !important;
  }

  body[data-content-page="services"] .services-hero p {
    width: 465px !important;
    font-size: 14px !important;
    line-height: 1.08 !important;
  }

  body[data-content-page="services"] .services-list {
    gap: 44px !important;
  }

  body[data-content-page="services"] .services-row,
  body[data-content-page="services"] .services-row .service-main-link {
    grid-template-columns: 559px 520px !important;
    column-gap: 19px !important;
  }

  body[data-content-page="services"] .services-row figure {
    width: 559px !important;
  }

  body[data-content-page="services"] .services-row img {
    width: 559px !important;
    max-width: 559px !important;
  }

  body[data-content-page="services"] .services-row div {
    padding-top: 7px !important;
  }

  body[data-content-page="services"] .services-row h2 {
    margin-bottom: 40px !important;
    font-size: 43px !important;
    line-height: 1.02 !important;
  }

  body[data-content-page="services"] .services-row p {
    width: 520px !important;
    max-width: 520px !important;
    font-size: 14px !important;
    line-height: 1.14 !important;
  }

  body[data-content-page="services"] .services-request {
    grid-template-columns: 360px 706px !important;
    gap: 100px !important;
    margin: 85px 0 0 !important;
    padding-top: 89px !important;
  }

  body[data-content-page="services"] .services-request h2 {
    margin-bottom: 24px !important;
    font-size: 43px !important;
    line-height: 0.96 !important;
  }

  body[data-content-page="services"] .services-request > div p:first-child,
  body[data-content-page="services"] .services-request > div p:last-child,
  body[data-content-page="services"] .services-request label {
    font-size: 14px !important;
  }

  body[data-content-page="services"] .services-request > div p:last-child {
    width: 290px !important;
    line-height: 1.08 !important;
  }

  body[data-content-page="services"] .services-request input {
    height: 28px !important;
  }

  body[data-content-page="services"] .services-request textarea {
    height: 107px !important;
  }

  body[data-content-page="services"] .services-request button {
    font-size: 20px !important;
  }

}

@media (max-width: 900px) {
  .service-detail-main {
    width: 100%;
    padding: 22px 8px 150px;
  }

  .service-detail-main p {
    font-size: 15px;
    line-height: 1.08;
  }

  .service-kicker,
  .service-detail-main figcaption {
    font-size: 8px;
  }

  .service-detail-main h1 {
    font-size: 27px;
    line-height: 0.96;
  }

  .service-detail-main h2 {
    font-size: 25px;
    line-height: 1;
  }

  .service-detail-main h3 {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .service-hero,
  .service-hero--split,
  .service-section--two,
  .service-section--two-reverse {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .service-hero {
    margin-bottom: 34px;
  }

  .service-hero--split .service-hero-image {
    order: 2;
  }

  .service-hero--split .service-hero-copy {
    order: 1;
  }

  .service-hero--center .service-hero-image {
    width: 100%;
  }

  .service-hero-copy {
    gap: 10px;
    padding: 0 12px;
  }

  .service-hero-copy p {
    font-size: 16px;
    line-height: 1.06;
  }

  .service-copy,
  .service-copy--wide,
  .service-copy--narrow,
  .service-copy--indent {
    width: auto;
    padding: 0;
    margin-bottom: 32px;
  }

  .service-copy,
  .service-text,
  .service-section {
    gap: 10px;
  }

  .service-media-grid {
    gap: 3px;
    margin: 28px 0;
  }

  .service-media-grid--three,
  .service-media-grid--six {
    grid-template-columns: repeat(3, 1fr);
  }

  .service-section {
    margin: 54px 0;
  }

  .service-section--two-reverse .service-text,
  .service-section--two-reverse figure {
    order: initial;
  }

  .service-price-list {
    gap: 8px;
    margin-top: 58px;
  }

  .service-cta {
    margin-top: 42px;
    font-size: 23px;
  }

  body[data-content-page="services"] .services-row .service-main-link {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 1fr !important;
    row-gap: 20px !important;
    padding-top: 32px !important;
  }

  body[data-content-page="home"] .home-bp-request h2 {
    font-size: 40px !important;
  }

  body[data-content-page="home"] .home-request-form {
    gap: 10px !important;
  }

  body[data-content-page="home"] .home-request-consent {
    grid-template-columns: 16px minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-request-consent a {
    grid-column: 2 !important;
  }

  body[data-content-page="home"] .home-request-form .outline-button {
    width: 100% !important;
  }
}

/* Case column hard reset: cards inside columns must stay in normal flow. */
body[data-content-page="home"] .home-bp-cases .home-bp-cases-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

body[data-content-page="home"] .home-bp-cases .home-bp-cases-column > .home-bp-case {
  position: static !important;
  grid-area: auto !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

body[data-content-page="home"] .home-bp-cases .home-bp-cases-column > .home-bp-case img,
body[data-content-page="home"] .home-bp-cases .home-bp-cases-column > .home-bp-case .home-bp-duo {
  display: block;
  width: 100% !important;
  margin: 0 0 10px !important;
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-bp-cases .home-bp-cases-column {
    display: contents !important;
  }
}

/* Home responsive audit 2026-05-21: final source of truth for the main page. */
body[data-content-page="home"] {
  overflow-x: hidden;
}

body[data-content-page="home"] .home-blueprint {
  width: min(1180px, calc(100vw - 64px)) !important;
  max-width: 1180px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 0 96px !important;
  overflow: visible !important;
}

body[data-content-page="home"] .home-blueprint > section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-content-page="home"] .home-blueprint [style*="--x"],
body[data-content-page="home"] .home-blueprint [style*="--y"] {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
}

body[data-content-page="home"] .home-bp-hero,
body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog,
body[data-content-page="home"] .home-bp-cases,
body[data-content-page="home"] .home-bp-designers,
body[data-content-page="home"] .home-bp-clients,
body[data-content-page="home"] .home-bp-request {
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
  margin-top: 64px !important;
}

body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-cases + .home-bp-designers,
body[data-content-page="home"] .home-bp-designers + .home-bp-clients {
  margin-top: 120px !important;
}

body[data-content-page="home"] .home-bp-clients + .home-bp-request {
  margin-top: 96px !important;
}

body[data-content-page="home"] .home-bp-hero-image {
  width: 100% !important;
  aspect-ratio: 1180 / 570 !important;
}

body[data-content-page="home"] .home-bp-image {
  position: static !important;
  display: block !important;
  height: auto !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

body[data-content-page="home"] .home-bp-image img {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  object-fit: cover !important;
}

body[data-content-page="home"] .home-bp-hero-image img,
body[data-content-page="home"] .home-bp-designers > .home-bp-image img {
  height: 100% !important;
}

body[data-content-page="home"] .home-bp-card img,
body[data-content-page="home"] .home-bp-case img {
  height: auto !important;
}

body[data-content-page="home"] .home-bp-hero-image img,
body[data-content-page="home"] .home-bp-card img,
body[data-content-page="home"] .home-bp-case img,
body[data-content-page="home"] .home-bp-designers > .home-bp-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

body[data-content-page="home"] .home-bp-hero-image img {
  object-position: center 34% !important;
}

body[data-content-page="home"] .home-bp-hero-copy {
  margin-top: 12px !important;
}

body[data-content-page="home"] .home-bp-hero-copy h1 {
  white-space: nowrap !important;
}

body[data-content-page="home"] .home-bp-intro,
body[data-content-page="home"] .home-bp-catalog {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 480px)) !important;
  justify-content: space-between !important;
  column-gap: 0 !important;
  row-gap: 64px !important;
}

body[data-content-page="home"] .home-bp-intro .home-bp-card img {
  aspect-ratio: 480 / 388 !important;
  object-fit: cover !important;
}

body[data-content-page="home"] .home-bp-catalog-card img {
  aspect-ratio: 480 / 270 !important;
  object-fit: contain !important;
}

body[data-content-page="home"] .home-bp-cases {
  display: grid !important;
  grid-template-columns: 680px 480px !important;
  grid-template-areas:
    "caseLead caseCopy"
    "caseLeft caseRight" !important;
  justify-content: space-between !important;
  align-items: start !important;
  column-gap: 0 !important;
  row-gap: 40px !important;
  overflow: visible !important;
}

body[data-content-page="home"] .home-bp-cases > .home-bp-image {
  grid-area: caseLead !important;
  width: 680px !important;
  max-width: 680px !important;
  aspect-ratio: 559 / 354 !important;
}

body[data-content-page="home"] .home-bp-cases-intro {
  grid-area: caseCopy !important;
  width: 480px !important;
  max-width: 480px !important;
  padding: 0 !important;
}

body[data-content-page="home"] .home-bp-cases-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
  width: 480px !important;
  min-width: 0 !important;
}

body[data-content-page="home"] .home-bp-cases-column-left {
  grid-area: caseLeft !important;
}

body[data-content-page="home"] .home-bp-cases-column-right {
  grid-area: caseRight !important;
}

body[data-content-page="home"] .home-bp-cases-column > .home-bp-case,
body[data-content-page="home"] .home-bp-cases .home-bp-case {
  position: static !important;
  grid-area: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

body[data-content-page="home"] .home-bp-case-alice img {
  aspect-ratio: 480 / 580 !important;
  object-fit: contain !important;
}

body[data-content-page="home"] .home-bp-case-ges img {
  aspect-ratio: 480 / 270 !important;
  object-fit: cover !important;
}

body[data-content-page="home"] .home-bp-case-yandex img {
  aspect-ratio: 480 / 455 !important;
  object-fit: contain !important;
}

body[data-content-page="home"] .home-bp-duo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 10px !important;
}

body[data-content-page="home"] .home-bp-duo img {
  aspect-ratio: 235 / 350 !important;
  object-fit: cover !important;
  margin: 0 !important;
}

body[data-content-page="home"] .home-bp-designers {
  display: grid !important;
  grid-template-columns: minmax(0, 590px) minmax(0, 1fr) !important;
  column-gap: 28px !important;
  row-gap: 40px !important;
  align-items: start !important;
}

body[data-content-page="home"] .home-bp-designers > .home-bp-image {
  width: 590px !important;
  aspect-ratio: 590 / 420 !important;
}

body[data-content-page="home"] .home-bp-designers-copy {
  width: 100% !important;
  min-width: 0 !important;
}

body[data-content-page="home"] .home-bp-designer-side {
  grid-column: 2 !important;
  grid-row: 2 / span 2 !important;
}

@media (max-width: 1240px) and (min-width: 701px) {
  body[data-content-page="home"] .home-blueprint {
    width: calc(100vw - 48px) !important;
    max-width: 1180px !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: normal !important;
  }

  body[data-content-page="home"] .home-bp-intro,
  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 80px !important;
  }

  body[data-content-page="home"] .home-bp-cases {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "caseLead caseCopy"
      "caseLeft caseRight" !important;
    column-gap: 24px !important;
    row-gap: 40px !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image,
  body[data-content-page="home"] .home-bp-cases-intro,
  body[data-content-page="home"] .home-bp-cases-column {
    width: 100% !important;
  }

  body[data-content-page="home"] .home-bp-cases-intro h2,
  body[data-content-page="home"] .home-bp-designers-copy h2 {
    font-size: clamp(32px, 4vw, 44px) !important;
  }

  body[data-content-page="home"] .home-bp-designers {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 24px !important;
  }

  body[data-content-page="home"] .home-bp-designers > .home-bp-image {
    width: 100% !important;
  }

  body[data-content-page="home"] .home-bp-clients {
    grid-template-columns: 180px minmax(0, 1fr) !important;
    column-gap: 32px !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    gap: 28px 24px !important;
  }

  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    column-gap: 48px !important;
  }
}

@media (max-width: 900px) and (min-width: 701px) {
  body[data-content-page="home"] .home-bp-intro,
  body[data-content-page="home"] .home-bp-catalog {
    column-gap: 48px !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body[data-content-page="home"] .home-blueprint {
    width: calc(100vw - 32px) !important;
    padding-bottom: 48px !important;
  }

  body[data-content-page="home"] .home-bp-hero + .home-bp-intro {
    margin-top: 36px !important;
  }

  body[data-content-page="home"] .home-bp-intro + .home-bp-catalog {
    margin-top: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog + .home-bp-cases {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-bp-clients + .home-bp-request {
    margin-top: 48px !important;
  }

  body[data-content-page="home"] .home-bp-hero-image {
    aspect-ratio: 400 / 451 !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy {
    margin-top: 10px !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy h1 {
    white-space: normal !important;
  }

  body[data-content-page="home"] .home-bp-intro {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body[data-content-page="home"] .home-bp-cases {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
    row-gap: 28px !important;
  }

  body[data-content-page="home"] .home-bp-cases > .home-bp-image {
    order: 1 !important;
    width: 100% !important;
    grid-area: auto !important;
    aspect-ratio: 400 / 253 !important;
  }

  body[data-content-page="home"] .home-bp-cases-intro {
    order: 2 !important;
    width: 100% !important;
    grid-area: auto !important;
  }

  body[data-content-page="home"] .home-bp-cases-column {
    display: contents !important;
    width: auto !important;
  }

  body[data-content-page="home"] .home-bp-case-alice {
    order: 3 !important;
  }

  body[data-content-page="home"] .home-bp-case-ges {
    order: 4 !important;
  }

  body[data-content-page="home"] .home-bp-case-plot {
    order: 5 !important;
  }

  body[data-content-page="home"] .home-bp-case-yandex {
    order: 6 !important;
  }

  body[data-content-page="home"] .home-bp-case-alice img {
    aspect-ratio: 400 / 480 !important;
  }

  body[data-content-page="home"] .home-bp-case-ges img {
    aspect-ratio: 400 / 250 !important;
  }

  body[data-content-page="home"] .home-bp-case-yandex img {
    aspect-ratio: 400 / 380 !important;
  }

  body[data-content-page="home"] .home-bp-duo img {
    aspect-ratio: 190 / 292 !important;
  }

  body[data-content-page="home"] .home-bp-clients,
  body[data-content-page="home"] .home-bp-request {
    grid-template-columns: 1fr !important;
    row-gap: 24px !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
  }
}

/* Home request form checkbox fix 2026-05-21 */
body[data-content-page="home"] .home-request-consent {
  grid-template-columns: 14px max-content minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 2px !important;
  align-items: start !important;
}

body[data-content-page="home"] .home-request-consent input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  accent-color: #111 !important;
  box-sizing: border-box !important;
  align-self: start !important;
}

body[data-content-page="home"] .home-request-consent input[type="checkbox"]:checked {
  background: initial !important;
}

body[data-content-page="home"] .home-request-consent span,
body[data-content-page="home"] .home-request-consent a {
  line-height: 1.15 !important;
}

@media (max-width: 900px) {
  body[data-content-page="home"] .home-request-consent {
    grid-template-columns: 14px minmax(0, 1fr) !important;
  }

  body[data-content-page="home"] .home-request-consent a {
    grid-column: 2 !important;
  }
}


/* Concept service page layout */
body[data-service-detail="concept"] .concept-detail-main {
  width: min(100% - 160px, 1040px);
  padding-top: 58px;
  padding-bottom: 260px;
}

body[data-service-detail="concept"] .service-hero {
  gap: 34px;
  margin-bottom: 52px;
}

body[data-service-detail="concept"] .service-kicker {
  margin-bottom: 11px;
  font-size: 10px;
  text-align: center;
}

body[data-service-detail="concept"] h1 {
  font-size: 56px;
  line-height: 0.98;
  text-align: center;
}

body[data-service-detail="concept"] .concept-hero-image,
body[data-service-detail="concept"] .concept-system-image {
  width: 815px;
  margin-right: auto;
  margin-left: auto;
}

body[data-service-detail="concept"] .concept-copy {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}

body[data-service-detail="concept"] .concept-copy p,
body[data-service-detail="concept"] .service-price-list p {
  font-size: 22px;
  line-height: 1.12;
}

body[data-service-detail="concept"] .concept-copy--intro {
  gap: 6px;
  margin-bottom: 72px;
}

body[data-service-detail="concept"] .concept-shirts {
  width: 460px;
  margin: 0 auto 46px;
}

body[data-service-detail="concept"] .concept-copy--body {
  gap: 18px;
}

body[data-service-detail="concept"] .service-section {
  margin: 78px 0 58px;
}

body[data-service-detail="concept"] h2 {
  width: 560px;
  margin: 0 0 58px;
  font-size: 56px;
  line-height: 1.02;
}

body[data-service-detail="concept"] .concept-direction-image {
  width: 700px;
  margin: 0 auto 62px;
}

body[data-service-detail="concept"] .concept-system-image {
  margin-top: 74px;
  margin-bottom: 52px;
}

body[data-service-detail="concept"] h3 {
  margin-bottom: 14px;
  font-size: 22px;
}

body[data-service-detail="concept"] .service-price-list {
  width: 900px;
  margin: 74px auto 0;
  gap: 11px;
}

body[data-service-detail="concept"] .concept-copy--closing {
  gap: 0;
  margin-top: 58px;
}

body[data-service-detail="concept"] .service-cta {
  margin-top: 42px;
  font-size: 33px;
}

@media (max-width: 900px) {
  body[data-service-detail="concept"] .concept-detail-main {
    width: 100%;
    padding: 28px 8px 170px;
  }

  body[data-service-detail="concept"] .service-hero {
    gap: 18px;
    margin-bottom: 26px;
  }

  body[data-service-detail="concept"] .service-kicker {
    margin-bottom: 6px;
    font-size: 8px;
  }

  body[data-service-detail="concept"] h1 {
    font-size: 25px;
    line-height: 1.02;
  }

  body[data-service-detail="concept"] .concept-hero-image,
  body[data-service-detail="concept"] .concept-system-image,
  body[data-service-detail="concept"] .concept-direction-image,
  body[data-service-detail="concept"] .concept-copy,
  body[data-service-detail="concept"] .service-price-list {
    width: 100%;
  }

  body[data-service-detail="concept"] .concept-copy p,
  body[data-service-detail="concept"] .service-price-list p {
    font-size: 13px;
    line-height: 1.12;
  }

  body[data-service-detail="concept"] .concept-copy--intro {
    gap: 5px;
    margin-bottom: 44px;
  }

  body[data-service-detail="concept"] .concept-shirts {
    width: min(100%, 220px);
    margin: 0 auto 34px;
  }

  body[data-service-detail="concept"] .concept-copy--body {
    gap: 11px;
  }

  body[data-service-detail="concept"] .service-section {
    margin: 50px 0 38px;
  }

  body[data-service-detail="concept"] h2 {
    width: 100%;
    margin-bottom: 28px;
    font-size: 25px;
    line-height: 1.04;
  }

  body[data-service-detail="concept"] .concept-direction-image {
    margin-bottom: 28px;
  }

  body[data-service-detail="concept"] .concept-system-image {
    margin-top: 42px;
    margin-bottom: 28px;
  }

  body[data-service-detail="concept"] h3 {
    margin-bottom: 10px;
    font-size: 14px;
  }

  body[data-service-detail="concept"] .service-price-list {
    gap: 7px;
    margin-top: 48px;
  }

  body[data-service-detail="concept"] .concept-copy--closing {
    margin-top: 34px;
  }

  body[data-service-detail="concept"] .service-cta {
    margin-top: 28px;
    font-size: 18px;
  }
}


/* Concept desktop precision pass */
@media (min-width: 901px) {
  body[data-service-detail="concept"] .concept-detail-main {
    width: 1180px;
    max-width: 1180px;
    padding-top: 0;
  }

  body[data-service-detail="concept"] .service-hero {
    gap: 33px;
    margin-bottom: 47px;
  }

  body[data-service-detail="concept"] .service-hero-copy {
    width: 860px;
    padding-top: 0;
  }

  body[data-service-detail="concept"] .service-kicker {
    margin-bottom: 12px;
    font-size: 11px;
  }

  body[data-service-detail="concept"] h1 {
    width: 860px;
    font-size: 43px;
    line-height: 0.98;
  }

  body[data-service-detail="concept"] .concept-hero-image {
    width: 815px;
  }

  body[data-service-detail="concept"] .concept-copy {
    width: 900px;
  }

  body[data-service-detail="concept"] .concept-copy p,
  body[data-service-detail="concept"] .service-price-list p {
    font-size: 20px;
    line-height: 1.1;
  }

  body[data-service-detail="concept"] .concept-copy--intro {
    margin-bottom: 70px;
  }

  body[data-service-detail="concept"] .concept-shirts {
    width: 460px;
    margin-bottom: 45px;
  }

  body[data-service-detail="concept"] h2 {
    width: 620px;
    margin-bottom: 56px;
    font-size: 43px;
    line-height: 1.06;
  }

  body[data-service-detail="concept"] .service-section {
    margin-top: 78px;
  }

  body[data-service-detail="concept"] .concept-direction-image {
    width: 700px;
  }

  body[data-service-detail="concept"] .concept-system-image {
    width: 815px;
  }

  body[data-service-detail="concept"] .service-price-list {
    width: 900px;
  }
}


/* Concept desktop text alignment pass */
@media (min-width: 901px) {
  body[data-service-detail="concept"] .concept-copy,
  body[data-service-detail="concept"] .service-price-list {
    margin-left: 0;
    margin-right: 0;
  }

  body[data-service-detail="concept"] .service-cta {
    margin-left: 0;
  }
}


/* Unified feedback dialog consent controls */
.feedback-dialog .feedback-consent {
  display: grid;
  grid-template-columns: 14px minmax(0, max-content) minmax(0, 1fr);
  column-gap: 8px;
  row-gap: 2px;
  align-items: start;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 13px;
  line-height: 1.15;
  text-transform: none;
}

.feedback-dialog .feedback-consent input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  accent-color: #111;
  align-self: start;
}

.feedback-dialog .feedback-consent span,
.feedback-dialog .feedback-consent a {
  line-height: 1.15;
}

.feedback-dialog .feedback-consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 700px) {
  .feedback-dialog .feedback-consent {
    grid-template-columns: 14px minmax(0, 1fr);
  }

  .feedback-dialog .feedback-consent a {
    grid-column: 2;
  }
}


/* Development service page layout */
body[data-service-detail="development"] .development-detail-main {
  width: min(100% - 160px, 1160px);
  padding-top: 70px;
  padding-bottom: 220px;
}

body[data-service-detail="development"] .development-hero {
  grid-template-columns: 480px 520px;
  gap: 110px;
  align-items: start;
  margin-bottom: 70px;
}

body[data-service-detail="development"] .development-hero-image {
  width: 480px;
}

body[data-service-detail="development"] .development-hero-copy {
  gap: 16px;
  padding-top: 0;
}

body[data-service-detail="development"] .service-kicker {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 1;
}

body[data-service-detail="development"] h1 {
  font-size: 58px;
  line-height: 0.95;
}

body[data-service-detail="development"] .development-hero-copy p:not(.service-kicker) {
  width: 430px;
  font-size: 26px;
  line-height: 1.08;
  text-align: left;
}

body[data-service-detail="development"] .development-copy,
body[data-service-detail="development"] .development-price-list {
  width: 1040px;
  margin-right: auto;
  margin-left: auto;
}

body[data-service-detail="development"] .development-copy p,
body[data-service-detail="development"] .development-price-list p {
  font-size: 22px;
  line-height: 1.12;
}

body[data-service-detail="development"] .development-copy--intro {
  gap: 18px;
  margin-bottom: 70px;
}

body[data-service-detail="development"] .development-wide-image {
  width: 1160px;
  margin: 0 auto 60px;
}

body[data-service-detail="development"] .development-wide-image img {
  display: block;
  width: 100%;
  height: auto;
}

body[data-service-detail="development"] .service-section {
  gap: 12px;
  margin: 0 auto 56px;
}

body[data-service-detail="development"] h3 {
  margin-bottom: 6px;
  font-size: 22px;
}

body[data-service-detail="development"] .development-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 900px;
  margin: 0 auto 62px;
}

body[data-service-detail="development"] .development-three img {
  display: block;
  width: 100%;
  height: 360px;
  object-fit: cover;
}

body[data-service-detail="development"] .development-jacket img:first-child {
  object-fit: contain;
  background: #fff;
}

body[data-service-detail="development"] .development-adaptation img:nth-child(2) {
  object-fit: contain;
  background: #fafafa;
}

body[data-service-detail="development"] .development-price-list {
  gap: 10px;
  margin-top: 50px;
}

body[data-service-detail="development"] .service-cta {
  margin-top: 70px;
  font-size: 33px;
}

@media (max-width: 900px) {
  body[data-service-detail="development"] .development-detail-main {
    width: 100%;
    padding: 22px 8px 170px;
  }

  body[data-service-detail="development"] .development-hero {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }

  body[data-service-detail="development"] .development-hero-copy {
    order: 1;
    gap: 4px;
    padding: 0;
  }

  body[data-service-detail="development"] .development-hero-image {
    order: 2;
    width: 100%;
  }

  body[data-service-detail="development"] .service-kicker {
    font-size: 8px;
  }

  body[data-service-detail="development"] h1 {
    font-size: 27px;
    line-height: 0.98;
  }

  body[data-service-detail="development"] .development-hero-copy p:not(.service-kicker) {
    width: 100%;
    font-size: 16px;
    line-height: 1.05;
  }

  body[data-service-detail="development"] .development-copy,
  body[data-service-detail="development"] .development-price-list {
    width: 100%;
  }

  body[data-service-detail="development"] .development-copy p,
  body[data-service-detail="development"] .development-price-list p {
    font-size: 14px;
    line-height: 1.1;
  }

  body[data-service-detail="development"] .development-copy--intro {
    gap: 10px;
    margin-bottom: 30px;
  }

  body[data-service-detail="development"] .development-wide-image,
  body[data-service-detail="development"] .development-three {
    width: calc(100% + 16px);
    margin-right: -8px;
    margin-left: -8px;
  }

  body[data-service-detail="development"] .development-wide-image {
    margin-bottom: 34px;
  }

  body[data-service-detail="development"] .service-section {
    margin-bottom: 42px;
  }

  body[data-service-detail="development"] h3 {
    font-size: 15px;
  }

  body[data-service-detail="development"] .development-three {
    gap: 3px;
    margin-bottom: 44px;
  }

  body[data-service-detail="development"] .development-three img {
    height: auto;
    aspect-ratio: 1 / 1.32;
  }

  body[data-service-detail="development"] .development-price-list {
    margin-top: 56px;
  }

  body[data-service-detail="development"] .service-cta {
    margin-top: 72px;
    font-size: 23px;
  }
}


/* Development page precision pass */
@media (min-width: 901px) {
  body[data-service-detail="development"] .development-detail-main {
    padding-top: 110px;
  }
}

@media (max-width: 900px) {
  body[data-service-detail="development"] .development-hero-image {
    width: min(75vw, 300px);
    margin-right: auto;
    margin-left: 0;
  }
}


/* Development desktop content correction */
@media (min-width: 901px) {
  body[data-service-detail="development"] .development-detail-main {
    width: 1160px;
    max-width: 1160px;
    padding-top: 70px;
  }

  body[data-service-detail="development"] .development-hero {
    grid-template-columns: 480px 480px;
    column-gap: 120px;
    margin-bottom: 58px;
  }

  body[data-service-detail="development"] .development-hero-copy {
    gap: 13px;
    padding-top: 0;
  }

  body[data-service-detail="development"] .development-hero-copy h1 {
    margin-bottom: 0;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    width: 420px;
    margin-bottom: 9px;
    font-size: 25px;
    line-height: 1.08;
    text-align: left;
  }

  body[data-service-detail="development"] .development-hero-text {
    width: 430px;
    margin: 0;
    font-family: var(--font-serif);
    font-size: 22px;
    line-height: 1.12;
    text-align: justify;
  }

  body[data-service-detail="development"] .development-copy--intro {
    width: 1040px;
    gap: 18px;
    margin-bottom: 58px;
  }

  body[data-service-detail="development"] .development-copy--intro p {
    font-size: 22px;
    line-height: 1.12;
  }

  body[data-service-detail="development"] .development-wide-image {
    margin-bottom: 52px;
  }

  body[data-service-detail="development"] .development-three {
    width: 900px;
  }
}

@media (max-width: 900px) {
  body[data-service-detail="development"] .development-hero-text {
    display: none;
  }
}


/* Development desktop final alignment */
@media (min-width: 901px) {
  body[data-service-detail="development"] .development-detail-main {
    padding-top: 108px;
  }

  body[data-service-detail="development"] .development-hero-text,
  body[data-service-detail="development"] .development-copy p,
  body[data-service-detail="development"] .development-price-list p {
    font-weight: 400;
  }

  body[data-service-detail="development"] .development-copy--closing {
    gap: 0;
    margin-top: 58px;
  }
}

@media (max-width: 900px) {
  body[data-service-detail="development"] .development-copy--closing {
    gap: 0;
    margin-top: 34px;
  }
}


/* Development mobile match pass */
@media (max-width: 900px) {
  body[data-service-detail="development"] .development-detail-main {
    padding: 18px 8px 170px;
  }

  body[data-service-detail="development"] .development-hero {
    display: grid;
    gap: 18px;
    margin-bottom: 24px;
  }

  body[data-service-detail="development"] .development-hero-copy {
    display: contents;
  }

  body[data-service-detail="development"] .development-hero-copy .service-kicker {
    order: 1;
    font-size: 7px;
    line-height: 1;
  }

  body[data-service-detail="development"] .development-hero-copy h1 {
    order: 2;
    font-size: 27px;
    line-height: 0.96;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    order: 3;
    width: 100%;
    font-size: 15px;
    line-height: 1.05;
  }

  body[data-service-detail="development"] .development-hero-image {
    order: 4;
    width: 300px;
    margin: 0;
  }

  body[data-service-detail="development"] .development-hero-text {
    display: block;
    order: 5;
    width: 100%;
    margin: 0;
    font-family: var(--font-serif);
    font-size: 14px;
    line-height: 1.1;
    text-align: justify;
  }

  body[data-service-detail="development"] .development-copy--intro {
    gap: 10px;
    margin-bottom: 28px;
  }
}


/* Development hero requested alignment */
@media (min-width: 901px) {
  body[data-service-detail="development"] .development-detail-main {
    padding-top: 68px;
  }

  body[data-service-detail="development"] .development-hero {
    grid-template-columns: 480px 560px;
    column-gap: 120px;
    align-items: start;
  }

  body[data-service-detail="development"] .development-hero-copy {
    width: 560px;
    max-width: 560px;
    gap: 14px;
  }

  body[data-service-detail="development"] .development-hero-copy .service-kicker {
    margin-bottom: 10px;
    font-family: var(--font-serif);
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  body[data-service-detail="development"] .development-hero-copy h1 {
    margin-bottom: 8px;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    width: 500px;
    margin: 0 0 22px;
    font-size: 32px;
    line-height: 1.13;
    font-weight: 700;
    text-align: left;
  }

  body[data-service-detail="development"] .development-hero-text {
    width: 520px;
    font-size: 31px;
    line-height: 1.14;
    font-weight: 600;
    text-align: left;
  }
}

/* Service detail common 32px text */
@media (min-width: 901px) {
  body[data-content-page="service-detail"] .service-detail-main p:not(.service-kicker),
  body[data-content-page="service-detail"] .service-detail-main h3 {
    font-size: 32px;
    line-height: 1.14;
  }

  body[data-content-page="service-detail"] .service-detail-main p:not(.service-kicker) {
    font-weight: 400;
  }

  body[data-content-page="service-detail"] .service-detail-main h3 {
    font-weight: 700;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text),
  body[data-service-detail="development"] .development-hero-copy .development-hero-text {
    width: 520px;
    font-size: 32px;
    line-height: 1.14;
    font-weight: 400;
    text-align: left;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    margin-bottom: 22px;
  }
}


/* Service detail text flow correction */
@media (min-width: 901px) {
  body[data-service-detail="concept"] .concept-copy,
  body[data-service-detail="concept"] .service-price-list {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="concept"] .service-cta {
    margin-left: 140px;
  }

  body[data-service-detail="development"] .development-hero {
    grid-template-columns: 480px 600px;
    column-gap: 80px;
  }

  body[data-service-detail="development"] .development-hero-copy {
    width: 600px;
    max-width: 600px;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker) {
    width: 600px;
    max-width: 600px;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    margin-bottom: 18px;
  }
}


/* Concept kicker and paragraph indents */
@media (min-width: 901px) {
  body[data-service-detail="concept"] .service-kicker {
    font-size: 15px;
    line-height: 1;
  }

  body[data-service-detail="concept"] .concept-copy p + p,
  body[data-service-detail="concept"] .service-section > p + p,
  body[data-service-detail="development"] .development-copy p + p,
  body[data-service-detail="development"] .service-section > p + p {
    text-indent: 2.6em;
  }

  body[data-service-detail="concept"] .service-price-list p,
  body[data-service-detail="development"] .service-price-list p {
    text-indent: 0;
  }
}


/* Service pages standard from development */
@media (min-width: 901px) {
  body[data-service-detail="sampling"] .service-detail-main,
  body[data-service-detail="batch"] .service-detail-main,
  body[data-service-detail="individual"] .service-detail-main {
    width: 1160px;
    max-width: 1160px;
    padding-top: 68px;
    padding-bottom: 220px;
  }

  body[data-service-detail="sampling"] .service-copy,
  body[data-service-detail="sampling"] .service-price-list,
  body[data-service-detail="batch"] .service-copy,
  body[data-service-detail="batch"] .service-price-list,
  body[data-service-detail="individual"] .service-copy,
  body[data-service-detail="individual"] .service-price-list {
    width: 1040px;
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="sampling"] .service-section:not(.service-section--two):not(.service-section--two-reverse),
  body[data-service-detail="batch"] .service-section:not(.service-section--two):not(.service-section--two-reverse),
  body[data-service-detail="individual"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 1040px;
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="sampling"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="sampling"] .service-detail-main h3,
  body[data-service-detail="batch"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="batch"] .service-detail-main h3,
  body[data-service-detail="individual"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="individual"] .service-detail-main h3 {
    font-size: 32px;
    line-height: 1.14;
  }

  body[data-service-detail="sampling"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="batch"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="individual"] .service-detail-main p:not(.service-kicker) {
    font-weight: 400;
  }

  body[data-service-detail="sampling"] .service-detail-main h3,
  body[data-service-detail="batch"] .service-detail-main h3,
  body[data-service-detail="individual"] .service-detail-main h3 {
    font-weight: 700;
  }

  body[data-service-detail="sampling"] .service-copy p + p,
  body[data-service-detail="sampling"] .service-section > p + p,
  body[data-service-detail="sampling"] .service-text p + p,
  body[data-service-detail="batch"] .service-copy p + p,
  body[data-service-detail="batch"] .service-section > p + p,
  body[data-service-detail="batch"] .service-text p + p,
  body[data-service-detail="individual"] .service-copy p + p,
  body[data-service-detail="individual"] .service-section > p + p,
  body[data-service-detail="individual"] .service-text p + p {
    text-indent: 2.6em;
  }

  body[data-service-detail="sampling"] .service-price-list p,
  body[data-service-detail="batch"] .service-price-list p,
  body[data-service-detail="individual"] .service-price-list p {
    text-indent: 0;
  }

  body[data-service-detail="sampling"] .service-hero--center .service-hero-image,
  body[data-service-detail="batch"] .service-hero--center .service-hero-image {
    width: 815px;
  }

  body[data-service-detail="individual"] .service-hero--split {
    grid-template-columns: 480px 600px;
    column-gap: 80px;
    align-items: start;
  }

  body[data-service-detail="individual"] .service-hero-image {
    width: 480px;
  }

  body[data-service-detail="individual"] .service-hero-copy {
    width: 600px;
    max-width: 600px;
  }

  body[data-service-detail="sampling"] .service-media-grid,
  body[data-service-detail="batch"] .service-media-grid,
  body[data-service-detail="individual"] .service-media-grid {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="sampling"] .service-media-grid--two {
    width: 720px;
  }

  body[data-service-detail="sampling"] .service-small-gallery,
  body[data-service-detail="batch"] .service-small-gallery,
  body[data-service-detail="individual"] .service-small-gallery {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="sampling"] .service-section--two,
  body[data-service-detail="batch"] .service-section--two,
  body[data-service-detail="batch"] .service-section--two-reverse {
    width: 1040px;
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }
}


/* Sampling page mock alignment */
@media (min-width: 901px) {
  body[data-service-detail="sampling"] .service-detail-main {
    width: 1180px;
    max-width: 1180px;
    padding-top: 0;
  }

  body[data-service-detail="sampling"] .service-hero {
    gap: 33px;
    margin-bottom: 47px;
  }

  body[data-service-detail="sampling"] .service-hero-copy {
    width: 860px;
    padding-top: 0;
  }

  body[data-service-detail="sampling"] .service-kicker {
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 1;
  }

  body[data-service-detail="sampling"] h1 {
    width: 860px;
    margin: 0 auto;
    font-size: 43px;
    line-height: 0.98;
    text-align: center;
  }

  body[data-service-detail="sampling"] .service-hero--center .service-hero-image {
    width: 580px;
  }

  body[data-service-detail="sampling"] .service-copy,
  body[data-service-detail="sampling"] .service-price-list,
  body[data-service-detail="sampling"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 900px;
    max-width: 900px;
  }

  body[data-service-detail="sampling"] .service-copy--narrow {
    margin-bottom: 52px;
  }

  body[data-service-detail="sampling"] .service-media-grid {
    width: 900px;
    gap: 8px;
    margin-top: 48px;
    margin-bottom: 54px;
  }

  body[data-service-detail="sampling"] .service-media-grid--two {
    width: 660px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-service-detail="sampling"] .service-section {
    margin-top: 64px;
    margin-bottom: 54px;
  }

  body[data-service-detail="sampling"] h2 {
    width: 900px;
    margin: 0 auto 36px;
    font-size: 43px;
    line-height: 1.02;
    text-align: center;
  }

  body[data-service-detail="sampling"] .service-section--two {
    width: 900px;
    max-width: 900px;
    grid-template-columns: minmax(0, 1fr) 430px;
    column-gap: 36px;
    align-items: start;
  }

  body[data-service-detail="sampling"] .service-section--two figure img {
    height: auto;
    object-fit: contain;
  }

  body[data-service-detail="sampling"] .service-price-list {
    margin-top: 54px;
  }
}


/* Sampling heading width correction */
@media (min-width: 901px) {
  body[data-service-detail="sampling"] .service-hero-copy,
  body[data-service-detail="sampling"] h1 {
    width: 1040px;
    max-width: 1040px;
  }
}


/* Service text width correction */
@media (min-width: 901px) {
  body[data-service-detail="concept"] .concept-copy,
  body[data-service-detail="concept"] .service-price-list,
  body[data-service-detail="concept"] .service-section.concept-copy,
  body[data-service-detail="development"] .development-copy,
  body[data-service-detail="development"] .development-price-list,
  body[data-service-detail="sampling"] .service-copy,
  body[data-service-detail="sampling"] .service-price-list,
  body[data-service-detail="sampling"] .service-section:not(.service-section--two):not(.service-section--two-reverse),
  body[data-service-detail="batch"] .service-copy,
  body[data-service-detail="batch"] .service-price-list,
  body[data-service-detail="batch"] .service-section:not(.service-section--two):not(.service-section--two-reverse),
  body[data-service-detail="individual"] .service-copy,
  body[data-service-detail="individual"] .service-price-list,
  body[data-service-detail="individual"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 1160px;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="concept"] .service-cta {
    margin-left: 10px;
  }

  body[data-service-detail="sampling"] .service-kicker {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 15px;
    line-height: 1;
    text-align: center;
  }

  body[data-service-detail="sampling"] .service-section--two {
    width: 1160px;
    max-width: 1160px;
    grid-template-columns: minmax(0, 1fr) 430px;
    column-gap: 60px;
  }

  body[data-service-detail="sampling"] h2 {
    width: 1160px;
    max-width: 1160px;
  }
}


/* Sampling asset and size row correction */
@media (min-width: 901px) {
  body[data-service-detail="sampling"] .service-media-grid--two {
    width: 660px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-service-detail="sampling"] .service-section--two {
    width: 1280px;
    max-width: 1280px;
    grid-template-columns: 560px 640px;
    column-gap: 80px;
    align-items: start;
  }

  body[data-service-detail="sampling"] .service-section--two figure {
    width: 640px;
  }

  body[data-service-detail="sampling"] .service-section--two figure img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}


/* Batch page mock alignment */
@media (min-width: 901px) {
  body[data-service-detail="batch"] .service-detail-main {
    width: 1180px;
    max-width: 1180px;
    padding-top: 0;
  }

  body[data-service-detail="batch"] .service-hero {
    gap: 33px;
    margin-bottom: 56px;
  }

  body[data-service-detail="batch"] .service-hero-copy,
  body[data-service-detail="batch"] h1 {
    width: 900px;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="batch"] h1 {
    font-size: 43px;
    line-height: 0.98;
    text-align: center;
  }

  body[data-service-detail="batch"] .service-hero--center .service-hero-image {
    width: 559px;
  }

  body[data-service-detail="batch"] .service-copy,
  body[data-service-detail="batch"] .service-price-list,
  body[data-service-detail="batch"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 1160px;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="batch"] .service-media-grid {
    width: 900px;
    gap: 8px;
    margin: 58px auto;
  }

  body[data-service-detail="batch"] .service-small-gallery {
    width: 815px;
    margin: 58px auto;
  }

  body[data-service-detail="batch"] .service-section--two-reverse {
    width: 1040px;
    max-width: 1040px;
    grid-template-columns: 300px minmax(0, 1fr);
    column-gap: 88px;
    align-items: start;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-service-detail="batch"] .service-section--two-reverse .service-text {
    order: 2;
  }

  body[data-service-detail="batch"] .service-section--two-reverse figure {
    order: 1;
    display: grid;
    gap: 8px;
    width: 300px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse figure img {
    width: 300px;
    height: auto;
  }

  body[data-service-detail="batch"] .service-section--two {
    width: 1040px;
    max-width: 1040px;
    grid-template-columns: minmax(0, 1fr) 360px;
    column-gap: 86px;
    align-items: start;
    margin: 90px auto 70px;
  }

  body[data-service-detail="batch"] .service-section--two h2 {
    font-size: 43px;
    line-height: 1.02;
  }

  body[data-service-detail="batch"] .service-section--two figure {
    display: grid;
    gap: 34px;
    width: 360px;
  }

  body[data-service-detail="batch"] .service-section--two figure img {
    width: 360px;
    height: auto;
  }
}


/* Batch middle section correction */
@media (min-width: 901px) {
  body[data-service-detail="batch"] .service-media-grid {
    width: 1160px;
    max-width: 1160px;
    gap: 8px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse {
    width: 1160px;
    max-width: 1160px;
    grid-template-columns: 340px minmax(0, 650px);
    column-gap: 110px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse figure {
    width: 340px;
    gap: 28px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse figure img {
    width: 340px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse .service-text {
    width: 650px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse .service-text h3 + p {
    margin-top: 28px;
  }

  body[data-service-detail="batch"] .service-section--two-reverse .service-text h3:not(:first-child) {
    margin-top: 98px;
  }
}

/* Batch project composition correction */
@media (min-width: 901px) {
  body[data-service-detail="batch"] .service-section--batch-system {
    width: 1140px;
    max-width: 1140px;
    grid-template-columns: 700px 360px;
    column-gap: 80px;
    align-items: start;
    margin: 92px auto 52px;
  }

  body[data-service-detail="batch"] .service-section--batch-system .service-text {
    width: 500px;
  }

  body[data-service-detail="batch"] .service-section--batch-system h2 {
    width: 700px;
    max-width: 700px;
    margin: 0 0 38px;
  }

  body[data-service-detail="batch"] .service-section--batch-system h3 {
    margin-top: 48px;
    margin-bottom: 24px;
  }

  body[data-service-detail="batch"] .service-section--batch-system p {
    text-align: left;
    word-spacing: normal;
  }

  body[data-service-detail="batch"] .service-section--batch-system p + p {
    margin-top: 14px;
  }

  body[data-service-detail="batch"] .service-section--batch-system figure {
    width: 360px;
    gap: 34px;
    padding-top: 106px;
  }

  body[data-service-detail="batch"] .service-section--batch-system figure img {
    width: 360px;
    height: auto;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system {
    width: 1140px;
    max-width: 1140px;
    margin: 48px auto 0;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system h3 {
    margin-bottom: 18px;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system p {
    width: 100%;
    text-align: left;
    word-spacing: normal;
  }
}


/* Batch hero kicker correction */
@media (min-width: 901px) {
  body[data-service-detail="batch"] .service-hero-copy .service-kicker {
    width: auto;
    max-width: none;
    margin: 0 0 14px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
  }
}

/* Individual page mock alignment */
@media (min-width: 901px) {
  body[data-service-detail="individual"] .service-detail-main {
    width: 1180px;
    max-width: 1180px;
    padding-top: 103px;
  }

  body[data-service-detail="individual"] .individual-hero {
    grid-template-columns: 580px 430px;
    column-gap: 146px;
    margin-bottom: 54px;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image {
    width: 580px;
    height: 774px;
    overflow: hidden;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 34% 50%;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-copy {
    width: 430px;
    max-width: 430px;
    padding-top: 2px;
  }

  body[data-service-detail="individual"] .individual-hero .service-kicker {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1;
  }

  body[data-service-detail="individual"] .individual-hero h1 {
    width: 430px;
    font-size: 59px;
    line-height: 0.98;
  }

  body[data-service-detail="individual"] .individual-intro {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto 72px;
  }

  body[data-service-detail="individual"] .individual-intro > p {
    margin-bottom: 38px;
  }

  body[data-service-detail="individual"] .individual-intro-row {
    display: grid;
    grid-template-columns: 600px 454px;
    column-gap: 126px;
    align-items: start;
  }

  body[data-service-detail="individual"] .individual-intro-row figure,
  body[data-service-detail="individual"] .individual-intro-row img {
    width: 454px;
  }

  body[data-service-detail="individual"] .individual-intro-row p + p {
    margin-top: 18px;
  }

  body[data-service-detail="individual"] .individual-runway-grid,
  body[data-service-detail="individual"] .individual-jacket-grid {
    width: 1180px;
    max-width: 1180px;
    gap: 11px;
    margin: 0 auto 58px;
  }

  body[data-service-detail="individual"] .individual-runway-grid {
    grid-template-columns: 337px 433px 386px;
  }

  body[data-service-detail="individual"] .individual-jacket-grid {
    grid-template-columns: repeat(3, 386px);
  }

  body[data-service-detail="individual"] .service-section.service-copy--wide {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto 58px;
  }

  body[data-service-detail="individual"] .service-section.service-copy--wide h3 {
    margin-bottom: 18px;
  }

  body[data-service-detail="individual"] .service-section.service-copy--wide p + p {
    margin-top: 18px;
  }

  body[data-service-detail="individual"] .individual-detail-gallery {
    display: grid;
    width: 740px;
    max-width: 740px;
    grid-template-columns: repeat(2, 365px);
    gap: 10px;
    margin: 20px auto 58px;
  }

  body[data-service-detail="individual"] .individual-detail-gallery img {
    width: 365px;
  }

  body[data-service-detail="individual"] .individual-work-copy {
    width: 740px;
    max-width: 740px;
    margin: 0 auto 84px;
  }

  body[data-service-detail="individual"] .individual-work-copy h3 {
    margin-bottom: 22px;
  }

  body[data-service-detail="individual"] .individual-work-copy p + p {
    margin-top: 24px;
  }

  body[data-service-detail="individual"] .service-price-list {
    width: 1180px;
    max-width: 1180px;
    gap: 0;
    margin: 0 auto 0;
  }

  body[data-service-detail="individual"] .service-price-list h3 {
    margin-bottom: 34px;
    font-weight: 400;
  }

  body[data-service-detail="individual"] .service-price-list p {
    text-indent: 0;
  }

  body[data-service-detail="individual"] .service-price-list p + p {
    margin-top: 0;
  }

  body[data-service-detail="individual"] .service-price-list p:last-child {
    margin-top: 46px;
  }

  body[data-service-detail="individual"] .service-cta {
    margin-top: 58px;
    font-size: 52px;
  }
}

@media (max-width: 900px) {
  body[data-service-detail="individual"] .service-detail-main {
    padding-top: 20px;
  }

  body[data-service-detail="individual"] .individual-hero {
    gap: 92px;
    margin-bottom: 36px;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image {
    width: 297px;
    height: 396px;
    margin: 0 0 0 13px;
    overflow: hidden;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 34% 50%;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-copy {
    width: auto;
    max-width: none;
    padding: 0;
  }

  body[data-service-detail="individual"] .individual-hero h1 {
    max-width: 320px;
  }

  body[data-service-detail="individual"] .individual-intro-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body[data-service-detail="individual"] .individual-intro-row figure {
    order: -1;
    width: 100%;
  }

  body[data-service-detail="individual"] .individual-intro-row img,
  body[data-service-detail="individual"] .individual-detail-gallery img {
    width: 100%;
  }

  body[data-service-detail="individual"] .individual-detail-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
  }

  body[data-service-detail="individual"] .individual-work-copy {
    width: auto;
  }
}

body[data-content-page="home"] .home-bp-catalog-mobile-cta {
  display: none;
}

@media (max-width: 700px) {
  body {
    --mobile-section-gap: 100px;
    --mobile-block-gap: 60px;
    --mobile-image-kicker-gap: 10px;
    --mobile-title-body-gap: 5px;
    --mobile-title-button-gap: 10px;
  }

  main > section + section,
  body[data-content-page="home"] .home-blueprint > section + section,
  body[data-content-page="home"] .home-bp-intro + .home-bp-catalog,
  body[data-content-page="home"] .home-bp-catalog + .home-bp-cases,
  body[data-content-page="home"] .home-bp-cases + .home-bp-designers,
  body[data-content-page="home"] .home-bp-designers + .home-bp-clients,
  body[data-content-page="home"] .home-bp-clients + .home-bp-request {
    margin-top: var(--mobile-section-gap) !important;
  }

  h1,
  .page-title,
  .section-title,
  .service-hero h1,
  .product-page-v2 h1,
  .footer-cta h2,
  body[data-content-page="home"] .home-bp-hero-copy h1,
  body[data-content-page="home"] .home-bp-cases-intro h2,
  body[data-content-page="home"] .home-bp-designers-copy h2,
  body[data-content-page="home"] .home-bp-clients-title h2,
  body[data-content-page="home"] .home-bp-request h2 {
    font-size: 32px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  h2,
  h3,
  .card-title,
  .product-title,
  body[data-content-page="home"] .home-bp-card h2,
  body[data-content-page="home"] .home-bp-catalog-card h3,
  body[data-content-page="home"] .home-bp-case h3,
  body[data-content-page="home"] .home-bp-designer-main h3,
  body[data-content-page="home"] .home-bp-designer-side h3 {
    font-size: 20px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .project-page .project-item h3 {
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  .home-bp-link,
  .text-link,
  body[data-content-page="home"] .home-bp-card .home-bp-link,
  body[data-content-page="home"] .home-bp-catalog-card .home-bp-link,
  body[data-content-page="home"] .home-bp-case .home-bp-link {
    border: 0 !important;
    border-bottom: 1px solid currentColor !important;
    font-size: 16px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .outline-button,
  .button,
  .product-request-button,
  body[data-content-page="home"] .home-bp-hero-copy .home-bp-link,
  body[data-content-page="home"] .home-bp-catalog-mobile-cta,
  body[data-content-page="home"] .home-request-form .outline-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 14px 12px !important;
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #111 !important;
    font-family: var(--font-serif) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  .kicker {
    margin-bottom: 0 !important;
  }

  .kicker + h1,
  .kicker + h2,
  .kicker + h3 {
    margin-top: 0 !important;
  }

  h1 + p,
  h2 + p,
  h3 + p,
  body[data-content-page="home"] .home-bp-cases-intro h2 + p,
  body[data-content-page="home"] .home-bp-designers-copy h2 + p,
  body[data-content-page="home"] .home-bp-request h2 + p {
    margin-top: var(--mobile-title-body-gap) !important;
  }

  body[data-content-page="home"] .mobile-cart-link.has-items {
    display: inline-flex !important;
  }

  body[data-content-page="home"]:has(.site-header.is-menu-open) .mobile-cart-link {
    display: none !important;
  }

  body[data-content-page="home"] .home-bp-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }

  body[data-content-page="home"] .home-bp-hero-image,
  body[data-content-page="home"] .home-bp-hero-copy {
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-content-page="home"] .home-bp-hero-copy .home-bp-link {
    margin-top: var(--mobile-title-button-gap) !important;
  }

  body[data-content-page="home"] .home-bp-card img,
  body[data-content-page="home"] .home-bp-case img,
  body[data-content-page="home"] .home-bp-duo {
    margin-bottom: var(--mobile-image-kicker-gap) !important;
  }

  body[data-content-page="home"] .home-blueprint > section.home-mobile-catalog-lock,
  body[data-content-page="home"] .home-mobile-catalog-lock {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-mobile-catalog-lock .home-bp-catalog-card {
    display: grid !important;
    grid-template-rows: auto auto auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-content: start !important;
  }

  body[data-content-page="home"] .home-mobile-catalog-lock .home-bp-catalog-card:nth-of-type(1) {
    grid-column: 1 !important;
  }

  body[data-content-page="home"] .home-mobile-catalog-lock .home-bp-catalog-card:nth-of-type(2) {
    grid-column: 2 !important;
  }

  body[data-content-page="home"] .home-mobile-catalog-lock .home-bp-catalog-card img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1497 / 842 !important;
    margin: 0 0 10px !important;
    object-fit: contain !important;
  }

  body[data-content-page="home"] .home-mobile-catalog-lock .home-bp-link-stack {
    display: none !important;
  }

  body[data-content-page="home"] .home-bp-catalog-mobile-cta {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: inline-flex !important;
    width: 100% !important;
    max-width: none !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    margin-top: 0 !important;
  }

  body[data-content-page="home"] .home-blueprint > section.home-bp-designers,
  body[data-content-page="home"] .home-bp-designers {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 26px !important;
    row-gap: 60px !important;
    width: 100% !important;
    max-width: none !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-bp-designers > figure.home-bp-image,
  body[data-content-page="home"] .home-bp-designers > .home-bp-image,
  body[data-content-page="home"] .home-bp-designers-copy,
  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  body[data-content-page="home"] .home-bp-designers > figure.home-bp-image,
  body[data-content-page="home"] .home-bp-designers > .home-bp-image {
    order: 1 !important;
    aspect-ratio: 400 / 280 !important;
  }

  body[data-content-page="home"] .home-bp-designers > figure.home-bp-image img,
  body[data-content-page="home"] .home-bp-designers > .home-bp-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #000 !important;
  }

  body[data-content-page="home"] .home-bp-designers-copy {
    order: 2 !important;
  }

  body[data-content-page="home"] .home-bp-designers-copy h2 {
    max-width: none !important;
    font-size: 32px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 26px !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main:nth-of-type(1) {
    order: 3 !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main:nth-of-type(2) {
    order: 5 !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 1 / 1.3 !important;
    object-fit: cover !important;
    margin: 0 !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main span {
    display: block !important;
    min-width: 0 !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main h3 {
    font-size: 20px !important;
    line-height: 1.05 !important;
  }

  body[data-content-page="home"] .home-bp-designers .home-bp-designer-main p:not(.kicker) {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side {
    display: contents !important;
  }

  body[data-content-page="home"] .home-bp-designer-side a {
    display: grid !important;
    grid-template-columns: 1px minmax(58px, 66px) minmax(0, 1fr) !important;
    column-gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    border: 0 !important;
    align-items: start !important;
  }

  body[data-content-page="home"] .home-bp-designer-side a::before {
    content: "" !important;
    display: block !important;
    width: 1px !important;
    min-height: 72px !important;
    height: 100% !important;
    background: #111 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side a:nth-child(1) {
    grid-column: 1 !important;
    order: 4 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side a:nth-child(2) {
    grid-column: 2 !important;
    order: 4 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side a:nth-child(3) {
    grid-column: 1 !important;
    order: 6 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side img,
  body[data-content-page="home"] .home-bp-designer-side a:nth-child(3) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.15 !important;
    object-fit: cover !important;
    margin: 0 !important;
  }

  body[data-content-page="home"] .home-bp-designer-side .kicker {
    display: block !important;
    margin: 0 !important;
    font-family: var(--font-serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    text-transform: none !important;
  }

  body[data-content-page="home"] .home-bp-designer-side h3 {
    font-family: var(--font-serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    text-transform: none !important;
  }

  body[data-content-page="home"] .home-bp-designer-side p:not(.kicker) {
    display: none !important;
  }

  body[data-content-page="home"] .client-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px 28px !important;
  }
}

/* Concept service mobile mock alignment */
@media (max-width: 700px) {
  body[data-service-detail="concept"] .concept-detail-main {
    width: 100% !important;
    padding: 112px 20px 100px !important;
  }

  body[data-service-detail="concept"] .service-hero {
    gap: 58px !important;
    row-gap: 58px !important;
    max-width: none !important;
    margin: 0 0 66px !important;
  }

  body[data-service-detail="concept"] .service-hero-copy {
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body[data-service-detail="concept"] .service-kicker {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body[data-service-detail="concept"] .service-hero h1 {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    font-size: clamp(25px, 7vw, 31px) !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  body[data-service-detail="concept"] .concept-hero-image,
  body[data-service-detail="concept"] .concept-direction-image,
  body[data-service-detail="concept"] .concept-system-image,
  body[data-service-detail="concept"] .concept-copy,
  body[data-service-detail="concept"] .service-price-list,
  body[data-service-detail="concept"] .service-section.concept-copy {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-service-detail="concept"] .concept-hero-image img {
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="concept"] .concept-copy p,
  body[data-service-detail="concept"] .service-price-list p {
    font-size: clamp(17px, 4.55vw, 20px) !important;
    line-height: 1.16 !important;
    text-align: justify !important;
  }

  body[data-service-detail="concept"] .concept-copy--intro {
    gap: 7px !important;
    margin-bottom: 70px !important;
  }

  body[data-service-detail="concept"] .concept-shirts {
    width: min(70vw, 300px) !important;
    max-width: 300px !important;
    margin: 0 auto 76px !important;
  }

  body[data-service-detail="concept"] .concept-copy--body {
    gap: 14px !important;
  }

  body[data-service-detail="concept"] .service-section {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 86px 0 74px !important;
  }

  body[data-service-detail="concept"] .service-section h2 {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 0 66px !important;
    font-size: clamp(27px, 7vw, 31px) !important;
    line-height: 1.16 !important;
  }

  body[data-service-detail="concept"] .concept-direction-image {
    margin: 0 0 76px !important;
  }

  body[data-service-detail="concept"] .concept-system-image {
    margin: 78px -20px 78px !important;
    width: calc(100% + 40px) !important;
  }

  body[data-service-detail="concept"] .service-section h3,
  body[data-service-detail="concept"] .service-price-list h3 {
    margin: 0 0 34px !important;
    font-size: clamp(21px, 5.45vw, 24px) !important;
    line-height: 1.05 !important;
  }

  body[data-service-detail="concept"] .service-section.concept-copy {
    margin-top: 74px !important;
  }

  body[data-service-detail="concept"] .service-price-list {
    gap: 8px !important;
    row-gap: 8px !important;
    margin: 112px 0 0 !important;
  }

  body[data-service-detail="concept"] .service-price-list p {
    text-align: left !important;
  }

  body[data-service-detail="concept"] .concept-copy--closing {
    gap: 6px !important;
    margin-top: 80px !important;
  }

  body[data-service-detail="concept"] .service-cta {
    margin-top: 82px !important;
    font-size: clamp(22px, 5.9vw, 26px) !important;
    line-height: 0.94 !important;
    white-space: nowrap !important;
  }
}

/* Development service mobile mock alignment */
@media (max-width: 700px) {
  body[data-service-detail="development"] .development-detail-main {
    width: 100% !important;
    padding: 68px 20px 100px !important;
  }

  body[data-service-detail="development"] .development-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    row-gap: 8px !important;
    max-width: none !important;
    margin: 0 0 58px !important;
  }

  body[data-service-detail="development"] .development-hero-copy {
    display: contents !important;
  }

  body[data-service-detail="development"] .development-hero-copy .service-kicker {
    order: 1 !important;
    margin: 0 !important;
    font-family: var(--font-sans) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body[data-service-detail="development"] .development-hero-copy h1 {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: clamp(30px, 7vw, 31px) !important;
    line-height: 1.12 !important;
  }

  body[data-service-detail="development"] .development-hero-copy > p:not(.service-kicker):not(.development-hero-text) {
    order: 3 !important;
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 0 34px !important;
    font-family: var(--font-serif) !important;
    font-size: clamp(20px, 5vw, 22px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  body[data-service-detail="development"] .development-hero-image {
    order: 4 !important;
    width: min(74.5vw, 328px) !important;
    margin: 0 0 44px !important;
  }

  body[data-service-detail="development"] .development-hero-text {
    display: block !important;
    order: 5 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-service-detail="development"] .development-hero-text,
  body[data-service-detail="development"] .development-copy p,
  body[data-service-detail="development"] .development-price-list p {
    font-family: var(--font-serif) !important;
    font-size: clamp(17px, 4.55vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: justify !important;
  }

  body[data-service-detail="development"] .development-copy,
  body[data-service-detail="development"] .development-price-list,
  body[data-service-detail="development"] .service-section.development-copy {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-service-detail="development"] .development-copy--intro {
    gap: 16px !important;
    margin-bottom: 78px !important;
  }

  body[data-service-detail="development"] .development-wide-image,
  body[data-service-detail="development"] .development-adaptation {
    width: calc(100% + 40px) !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  body[data-service-detail="development"] .development-plash {
    margin-bottom: 70px !important;
  }

  body[data-service-detail="development"] .service-section {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 auto 76px !important;
  }

  body[data-service-detail="development"] .service-section h3,
  body[data-service-detail="development"] .development-price-list h3 {
    margin: 0 0 34px !important;
    font-family: var(--font-serif) !important;
    font-size: clamp(21px, 5.45vw, 24px) !important;
    line-height: 1.1 !important;
  }

  body[data-service-detail="development"] .development-three {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 76px !important;
  }

  body[data-service-detail="development"] .development-three img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="development"] .development-jacket {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 28px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body[data-service-detail="development"] .development-jacket img:first-child {
    grid-column: 1 / -1 !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  body[data-service-detail="development"] .development-adaptation {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body[data-service-detail="development"] .development-adaptation img {
    aspect-ratio: 1 / 1.32 !important;
  }

  body[data-service-detail="development"] .development-samples {
    width: 100% !important;
    margin: 0 0 88px !important;
  }

  body[data-service-detail="development"] .development-price-list {
    gap: 10px !important;
    row-gap: 10px !important;
    margin: 0 !important;
  }

  body[data-service-detail="development"] .development-price-list p {
    text-align: left !important;
  }

  body[data-service-detail="development"] .development-copy--closing {
    gap: 10px !important;
    margin-top: 78px !important;
  }

  body[data-service-detail="development"] .service-cta {
    width: min(100%, 390px) !important;
    margin-top: 62px !important;
    font-size: clamp(27px, 7vw, 31px) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }
}

/* Sampling service mobile mock alignment */
@media (max-width: 700px) {
  body[data-service-detail="sampling"] .service-detail-main {
    width: 100% !important;
    max-width: none !important;
    padding: 70px 20px 100px !important;
  }

  body[data-service-detail="sampling"] .service-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    margin: 0 0 54px !important;
  }

  body[data-service-detail="sampling"] .service-hero-copy {
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 54px !important;
  }

  body[data-service-detail="sampling"] .service-kicker {
    margin: 0 0 6px !important;
    font-family: var(--font-sans) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body[data-service-detail="sampling"] .service-hero h1 {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    font-size: clamp(30px, 7.2vw, 32px) !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }

  body[data-service-detail="sampling"] .service-hero h1 br {
    display: none !important;
  }

  body[data-service-detail="sampling"] .service-hero--center .service-hero-image,
  body[data-service-detail="sampling"] .service-copy,
  body[data-service-detail="sampling"] .service-price-list,
  body[data-service-detail="sampling"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body[data-service-detail="sampling"] .service-hero-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="sampling"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="sampling"] .service-price-list p {
    font-family: var(--font-serif) !important;
    font-size: clamp(17px, 4.55vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: justify !important;
  }

  body[data-service-detail="sampling"] .service-copy p + p,
  body[data-service-detail="sampling"] .service-section p + p {
    margin-top: 16px !important;
    text-indent: 2.2em !important;
  }

  body[data-service-detail="sampling"] .service-copy--narrow {
    margin: 0 0 74px !important;
  }

  body[data-service-detail="sampling"] .service-copy--wide {
    gap: 18px !important;
    margin: 0 0 78px !important;
  }

  body[data-service-detail="sampling"] .service-media-grid {
    display: grid !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  body[data-service-detail="sampling"] .sampling-shirt-details {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 72px !important;
  }

  body[data-service-detail="sampling"] .sampling-shirt-details img {
    width: 100% !important;
    aspect-ratio: 1 / 1.32 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="sampling"] .sampling-fit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 90px !important;
  }

  body[data-service-detail="sampling"] .sampling-fit-grid img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="sampling"] .service-section {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 0 82px !important;
  }

  body[data-service-detail="sampling"] h2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 42px !important;
    font-size: clamp(24px, 6vw, 26px) !important;
    line-height: 1.08 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  body[data-service-detail="sampling"] .service-section h3,
  body[data-service-detail="sampling"] .service-price-list h3 {
    margin: 0 0 36px !important;
    font-family: var(--font-serif) !important;
    font-size: clamp(19px, 4.9vw, 22px) !important;
    line-height: 1.08 !important;
  }

  body[data-service-detail="sampling"] .sampling-brand-stack {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: min(49vw, 194px) !important;
    margin: 0 0 84px !important;
  }

  body[data-service-detail="sampling"] .sampling-brand-stack img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 72px !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section .service-text {
    display: contents !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section h3 {
    order: 1 !important;
    margin-bottom: 36px !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section figure {
    order: 2 !important;
    width: min(72vw, 300px) !important;
    margin: 0 0 38px !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section figure img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="sampling"] .sampling-size-section p {
    order: 3 !important;
  }

  body[data-service-detail="sampling"] .sampling-extra-branding {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: calc(100% + 40px) !important;
    margin: 0 -20px 92px !important;
  }

  body[data-service-detail="sampling"] .sampling-extra-branding img {
    width: 100% !important;
    aspect-ratio: 1 / 1.33 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="sampling"] .sampling-price-list {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
  }

  body[data-service-detail="sampling"] .sampling-price-list h3:not(:first-child) {
    margin-top: 70px !important;
  }

  body[data-service-detail="sampling"] .sampling-price-list p + p {
    margin-top: 18px !important;
  }

  body[data-service-detail="sampling"] .sampling-price-list__items {
    line-height: 1.55 !important;
    text-align: left !important;
  }

  body[data-service-detail="sampling"] .sampling-price-list__closing {
    margin-top: 50px !important;
    font-size: clamp(20px, 5.25vw, 23px) !important;
    line-height: 1.22 !important;
  }

  body[data-service-detail="sampling"] .service-cta {
    width: min(100%, 390px) !important;
    margin-top: 42px !important;
    font-size: clamp(27px, 7vw, 31px) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
  }
}

/* Batch service mobile mock alignment */
@media (max-width: 700px) {
  body[data-service-detail="batch"] .service-detail-main {
    width: 100% !important;
    max-width: none !important;
    padding: 112px 20px 100px !important;
  }

  body[data-service-detail="batch"] .service-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    margin: 0 0 54px !important;
  }

  body[data-service-detail="batch"] .service-hero-copy {
    width: 100% !important;
    max-width: none !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 0 54px !important;
  }

  body[data-service-detail="batch"] .service-kicker {
    margin: 0 0 7px !important;
    font-family: var(--font-sans) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body[data-service-detail="batch"] .service-hero h1 {
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    font-size: clamp(29px, 7vw, 31px) !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }

  body[data-service-detail="batch"] .service-hero--center .service-hero-image,
  body[data-service-detail="batch"] .service-copy,
  body[data-service-detail="batch"] .service-price-list,
  body[data-service-detail="batch"] .service-section:not(.service-section--two):not(.service-section--two-reverse) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body[data-service-detail="batch"] .service-hero-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="batch"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="batch"] .service-price-list p,
  body[data-service-detail="batch"] .batch-cta-note {
    font-family: var(--font-serif) !important;
    font-size: clamp(17px, 4.55vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: justify !important;
  }

  body[data-service-detail="batch"] .service-copy p + p,
  body[data-service-detail="batch"] .service-section p + p,
  body[data-service-detail="batch"] .service-price-list p + p {
    margin-top: 16px !important;
    text-indent: 2.2em !important;
  }

  body[data-service-detail="batch"] .service-copy--narrow,
  body[data-service-detail="batch"] .service-copy--wide {
    gap: 16px !important;
    margin: 0 0 78px !important;
  }

  body[data-service-detail="batch"] .service-media-grid {
    display: grid !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  body[data-service-detail="batch"] .batch-garment-row,
  body[data-service-detail="batch"] .batch-production-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 78px !important;
  }

  body[data-service-detail="batch"] .batch-garment-row img,
  body[data-service-detail="batch"] .batch-production-row img {
    width: 100% !important;
    aspect-ratio: 1 / 1.34 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="batch"] .batch-process-intro {
    margin-bottom: 82px !important;
  }

  body[data-service-detail="batch"] .batch-boxes {
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin: 0 -20px 76px !important;
  }

  body[data-service-detail="batch"] .batch-boxes img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="batch"] .batch-process-copy {
    margin-bottom: 76px !important;
  }

  body[data-service-detail="batch"] .service-section {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 0 86px !important;
  }

  body[data-service-detail="batch"] .service-section h3,
  body[data-service-detail="batch"] .service-price-list h3 {
    margin: 0 0 36px !important;
    font-family: var(--font-serif) !important;
    font-size: clamp(19px, 4.9vw, 22px) !important;
    line-height: 1.08 !important;
  }

  body[data-service-detail="batch"] .batch-assembly-copy {
    margin-bottom: 82px !important;
  }

  body[data-service-detail="batch"] .batch-task-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 104px !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text,
  body[data-service-detail="batch"] .batch-task-section figure {
    display: contents !important;
  }

  body[data-service-detail="batch"] .batch-task-section figure img {
    width: min(70vw, 300px) !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="batch"] .batch-task-section figure img:nth-child(1) {
    order: 1 !important;
    margin: 0 0 34px !important;
  }

  body[data-service-detail="batch"] .batch-task-section figure img:nth-child(2) {
    order: 2 !important;
    margin: 0 0 82px !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text h3:nth-of-type(1) {
    order: 3 !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text p:nth-of-type(1) {
    order: 4 !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text p:nth-of-type(2) {
    order: 5 !important;
    margin-bottom: 76px !important;
  }

  body[data-service-detail="batch"] .batch-task-section figure img:nth-child(3) {
    order: 6 !important;
    width: min(70vw, 300px) !important;
    margin: 0 0 82px auto !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text h3:nth-of-type(2) {
    order: 7 !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text p:nth-of-type(3) {
    order: 8 !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text p:nth-of-type(4) {
    order: 9 !important;
  }

  body[data-service-detail="batch"] .batch-task-section .service-text h3:nth-of-type(1) + p,
  body[data-service-detail="batch"] .batch-task-section .service-text h3:nth-of-type(2) + p {
    margin-top: 0 !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 88px !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system .service-text,
  body[data-service-detail="batch"] .service-section--batch-system figure {
    display: contents !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system h2 {
    order: 1 !important;
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 0 62px !important;
    font-size: clamp(28px, 7vw, 31px) !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system figure img {
    order: 2 !important;
    width: min(72vw, 320px) !important;
    height: min(72vw, 320px) !important;
    aspect-ratio: 1 / 1 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system figure img:nth-child(1),
  body[data-service-detail="batch"] .service-section--batch-system figure img:nth-child(2) {
    margin-bottom: 34px !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system figure img:nth-child(3) {
    margin-bottom: 70px !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system .service-text > p:nth-of-type(-n + 4) {
    order: 3 !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system h3 {
    order: 4 !important;
    width: min(72vw, 320px) !important;
    margin: 80px auto 36px !important;
    text-align: center !important;
  }

  body[data-service-detail="batch"] .service-section--batch-system .service-text > p:nth-of-type(n + 5) {
    order: 5 !important;
    width: min(72vw, 320px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 0 58px !important;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system p {
    margin: 0 !important;
  }

  body[data-service-detail="batch"] .service-cta {
    width: min(100%, 390px) !important;
    margin-top: 0 !important;
    font-size: clamp(27px, 7vw, 31px) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
  }

  body[data-service-detail="batch"] .service-price-list--batch-system + .service-cta {
    margin-top: 30px !important;
    margin-bottom: 76px !important;
  }

  body[data-service-detail="batch"] .batch-cta-note {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 34px !important;
  }

  body[data-service-detail="batch"] .batch-cta-note + .service-cta {
    margin-bottom: 0 !important;
  }
}

/* Individual service mobile mock alignment */
@media (max-width: 700px) {
  body[data-service-detail="individual"] .service-detail-main {
    width: 100% !important;
    max-width: none !important;
    padding: 52px 20px 100px !important;
  }

  body[data-service-detail="individual"] .individual-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    row-gap: 0 !important;
    max-width: none !important;
    margin: 0 0 58px !important;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-copy {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 0 56px !important;
  }

  body[data-service-detail="individual"] .individual-hero .service-kicker {
    margin: 0 0 7px !important;
    font-family: var(--font-sans) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body[data-service-detail="individual"] .individual-hero h1 {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 !important;
    font-size: clamp(30px, 7.3vw, 32px) !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image {
    order: 2 !important;
    width: min(69vw, 304px) !important;
    height: auto !important;
    aspect-ratio: 304 / 407 !important;
    margin: 0 0 0 !important;
    overflow: hidden !important;
  }

  body[data-service-detail="individual"] .individual-hero .service-hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 34% 50% !important;
  }

  body[data-service-detail="individual"] .service-detail-main p:not(.service-kicker),
  body[data-service-detail="individual"] .service-price-list p {
    font-family: var(--font-serif) !important;
    font-size: clamp(17px, 4.55vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    text-align: justify !important;
  }

  body[data-service-detail="individual"] .service-section,
  body[data-service-detail="individual"] .service-copy--wide,
  body[data-service-detail="individual"] .individual-work-copy,
  body[data-service-detail="individual"] .service-price-list {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body[data-service-detail="individual"] .service-section p + p,
  body[data-service-detail="individual"] .individual-intro-row p + p,
  body[data-service-detail="individual"] .individual-work-copy p + p {
    margin-top: 16px !important;
    text-indent: 2.2em !important;
  }

  body[data-service-detail="individual"] .individual-intro {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 0 76px !important;
  }

  body[data-service-detail="individual"] .individual-intro > p {
    margin: 0 0 78px !important;
  }

  body[data-service-detail="individual"] .individual-intro-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body[data-service-detail="individual"] .individual-intro-row figure {
    order: 1 !important;
    width: min(46vw, 206px) !important;
    margin: 0 0 72px !important;
  }

  body[data-service-detail="individual"] .individual-intro-row figure img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body[data-service-detail="individual"] .individual-intro-row > div {
    order: 2 !important;
  }

  body[data-service-detail="individual"] .individual-runway-grid,
  body[data-service-detail="individual"] .individual-jacket-grid {
    display: grid !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  body[data-service-detail="individual"] .individual-runway-grid {
    grid-template-columns: 1fr 1.32fr 1fr !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 82px !important;
  }

  body[data-service-detail="individual"] .individual-runway-grid img {
    width: 100% !important;
    aspect-ratio: 1 / 1.55 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="individual"] .service-section.service-copy--wide {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 0 78px !important;
  }

  body[data-service-detail="individual"] .service-section h3,
  body[data-service-detail="individual"] .individual-work-copy h3,
  body[data-service-detail="individual"] .service-price-list h3 {
    margin: 0 0 36px !important;
    font-family: var(--font-serif) !important;
    font-size: clamp(21px, 5.45vw, 24px) !important;
    line-height: 1.08 !important;
  }

  body[data-service-detail="individual"] .individual-jacket-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 104px !important;
  }

  body[data-service-detail="individual"] .individual-jacket-grid img {
    width: 100% !important;
    aspect-ratio: 1 / 1.32 !important;
    height: auto !important;
    object-fit: cover !important;
  }

  body[data-service-detail="individual"] .individual-detail-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: min(67vw, 292px) !important;
    max-width: 292px !important;
    margin: 0 auto 76px !important;
  }

  body[data-service-detail="individual"] .individual-detail-gallery img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 365 / 487 !important;
    object-fit: contain !important;
  }

  body[data-service-detail="individual"] .individual-work-copy {
    gap: 0 !important;
    row-gap: 0 !important;
    margin-bottom: 92px !important;
  }

  body[data-service-detail="individual"] .service-price-list {
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
  }

  body[data-service-detail="individual"] .service-price-list h3 {
    font-size: clamp(18px, 4.7vw, 21px) !important;
    font-weight: 400 !important;
  }

  body[data-service-detail="individual"] .service-price-list p {
    text-align: left !important;
    text-indent: 0 !important;
  }

  body[data-service-detail="individual"] .service-price-list p:last-child {
    margin-top: 46px !important;
  }

  body[data-service-detail="individual"] .service-cta {
    width: min(100%, 390px) !important;
    margin-top: 54px !important;
    margin-bottom: 0 !important;
    font-size: clamp(27px, 7vw, 31px) !important;
    line-height: 1.04 !important;
    white-space: normal !important;
  }
}