/* Brawnd standalone page surface rhythm.
   Existing Services/About/Process content stays unchanged; only the visual surface changes. */

.studio-page--services > .studio-section:nth-of-type(2),
.studio-page--services > .studio-section:nth-of-type(4),
.studio-page--about > .studio-section:nth-of-type(2),
.studio-page--process > .studio-section:nth-of-type(2) {
  background:
    radial-gradient(circle at 88% 0%, rgba(91,17,43,.04), transparent 30%),
    linear-gradient(180deg, #f5f1eb 0%, #efe9e3 100%) !important;
  color: var(--b3-paper-ink) !important;
  border-color: var(--b3-light-line) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .studio-kicker,
.studio-page--services > .studio-section:nth-of-type(4) .studio-kicker,
.studio-page--about > .studio-section:nth-of-type(2) .studio-kicker,
.studio-page--process > .studio-section:nth-of-type(2) .studio-kicker {
  color: var(--b3-paper-muted) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .studio-kicker::before,
.studio-page--services > .studio-section:nth-of-type(4) .studio-kicker::before,
.studio-page--about > .studio-section:nth-of-type(2) .studio-kicker::before,
.studio-page--process > .studio-section:nth-of-type(2) .studio-kicker::before {
  background: var(--b3-wine-bright) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) h2,
.studio-page--services > .studio-section:nth-of-type(2) h3,
.studio-page--services > .studio-section:nth-of-type(4) h2,
.studio-page--services > .studio-section:nth-of-type(4) h3,
.studio-page--about > .studio-section:nth-of-type(2) h2,
.studio-page--about > .studio-section:nth-of-type(2) h3,
.studio-page--process > .studio-section:nth-of-type(2) h2,
.studio-page--process > .studio-section:nth-of-type(2) h3,
.studio-page--process > .studio-section:nth-of-type(2) strong {
  color: var(--b3-paper-ink) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) p,
.studio-page--services > .studio-section:nth-of-type(2) li,
.studio-page--services > .studio-section:nth-of-type(4) p,
.studio-page--services > .studio-section:nth-of-type(4) li,
.studio-page--about > .studio-section:nth-of-type(2) p,
.studio-page--process > .studio-section:nth-of-type(2) p {
  color: var(--b3-paper-soft) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .studio-grid-2,
.studio-page--services > .studio-section:nth-of-type(4) .studio-grid-2,
.studio-page--about > .studio-section:nth-of-type(2) .studio-grid-2 {
  background: var(--b3-light-line) !important;
  border-color: var(--b3-light-line) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .studio-block,
.studio-page--services > .studio-section:nth-of-type(4) .studio-block,
.studio-page--about > .studio-section:nth-of-type(2) .studio-block {
  background: rgba(255,255,255,.28) !important;
  color: var(--b3-paper-ink) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .studio-block ul,
.studio-page--services > .studio-section:nth-of-type(2) .studio-block li,
.studio-page--services > .studio-section:nth-of-type(4) .studio-block ul,
.studio-page--services > .studio-section:nth-of-type(4) .studio-block li {
  border-color: var(--b3-light-line) !important;
}

.studio-page--services > .studio-section:nth-of-type(2) .num,
.studio-page--services > .studio-section:nth-of-type(4) .num,
.studio-page--about > .studio-section:nth-of-type(2) .num,
.studio-page--process > .studio-section:nth-of-type(2) .studio-process-row span {
  color: var(--b3-wine-bright) !important;
}

.studio-page--services > .studio-section:nth-of-type(3),
.studio-page--services > .studio-section:nth-of-type(5),
.studio-page--about > .studio-section:nth-of-type(3),
.studio-page--process > .studio-section:nth-of-type(3) {
  background:
    radial-gradient(ellipse at 8% 100%, rgba(99,20,47,.11), transparent 35%),
    linear-gradient(180deg, #0b0a0b, #0d0c0d) !important;
  color: #f3eee9 !important;
}

.studio-page--about > .studio-section:nth-of-type(3) .studio-process,
.studio-page--about > .studio-section:nth-of-type(3) .studio-process-row,
.studio-page--process > .studio-section:nth-of-type(3) .studio-process,
.studio-page--process > .studio-section:nth-of-type(3) .studio-process-row {
  border-color: rgba(255,255,255,.11) !important;
}

.studio-page--process > .studio-section:nth-of-type(2) .b2-process-grid {
  border-color: rgba(21,17,19,.14) !important;
  background-image: linear-gradient(to right, transparent calc(100% - 1px), rgba(21,17,19,.09) 1px) !important;
}
.studio-page--process > .studio-section:nth-of-type(2) .b2-process-bar {
  background: #161214 !important;
  color: #f6f0ea !important;
}
.studio-page--process > .studio-section:nth-of-type(2) .b2-process-bar--3 {
  background: var(--b3-wine-mid) !important;
  color: #fff8f2 !important;
}
.studio-page--process > .studio-section:nth-of-type(2) .b2-process-scale {
  color: #81777b !important;
}