/* StoneCo Services v4 — architectural editorial layer.
 * Native Oxygen Classic elements remain editable. Load after sc3/b12.
 * Every selector is scoped to the services root; no global theme changes.
 */
html body.sc3-body .sc3-root.sc4-editorial {
  --sc3-ink:#171716; --sc3-graphite:#464642; --sc3-stone:#f0ece4;
  --sc3-text:#171716; --sc3-text-2:#464642; --sc3-yellow:#fff200;
  --sc3-panel:#fff; --sc3-gutter:40px; --sc3-max:1320px;
  --sc3-sec:92px; --sc3-head-gap:36px;
  --sc3-fs-h1:60px; --sc3-fs-h2:42px; --sc3-fs-h3:23px;
  --sc3-fs-body:17px; --sc3-fs-lead:21px;
  --sc3-rule:rgba(23,23,22,.3); --sc3-hair:rgba(23,23,22,.17);
  display:block; width:100%; color:var(--sc3-text); background:#fff;
  overflow-x:clip; font-family:var(--sc3-font); text-align:left;
}
html body.sc3-body .sc3-root.sc4-editorial .sc3-container {
  width:100%; max-width:1320px; margin:0 auto; padding-left:40px; padding-right:40px;
}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section {padding:92px 0; min-height:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-tone-stone {background:#f0ece4; --sc3-panel:#fff;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-tone-white {background:#fff; --sc3-panel:#f0ece4;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-tone-ink {
  background:#171716; color:#fff; --sc3-text:#fff; --sc3-text-2:#d3d0c9;
  --sc3-rule:rgba(255,255,255,.35); --sc3-hair:rgba(255,255,255,.22);
  --sc3-panel:#252523; --sc3-focus:#fff200;
}
html body.sc3-body .sc3-root.sc4-editorial .sc3-stack {display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-h1 {font-size:60px; font-weight:600; line-height:1.08; letter-spacing:-.045em; max-width:13em; margin:0; text-wrap:balance;}
html body.sc3-body .sc3-root.sc4-editorial h2.sc3-heading {font-size:42px; font-weight:600; line-height:1.15; letter-spacing:-.035em; max-width:22em; margin:0 0 22px; text-wrap:balance;}
html body.sc3-body .sc3-root.sc4-editorial h3.sc3-heading {font-size:23px; line-height:1.3; letter-spacing:-.02em; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section > .sc3-container > h2.sc3-heading::before {content:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-copy {font-size:17px; line-height:1.72; max-width:43em; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-lead {font-size:21px; font-weight:400; line-height:1.6; max-width:32em; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-note {font-size:15px; line-height:1.65; margin-top:20px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-caption {font-size:14px; line-height:1.55; margin:12px 0 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-eyebrow {font-size:12px; font-weight:500; line-height:1.6; letter-spacing:.16em; color:var(--sc3-text-2); margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-eyebrow::before {width:32px; height:3px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-hero-note {font-size:15px; line-height:1.6; max-width:34em; padding-top:16px; border-top:1px solid var(--sc3-hair); color:var(--sc3-text-2); margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section > .sc3-container > .sc3-copy + .sc3-copy {margin-top:16px;}

/* A finished space and its story share the opening composition. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero {padding:18px 0 72px; background:#f0ece4;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero > .sc3-container {padding-top:0; padding-bottom:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-breadcrumb {min-height:44px; margin-bottom:18px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:48px; align-items:center; padding-top:12px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid > .sc3-stack,
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid > .sc3-stack:only-child {grid-column:auto; padding:0; gap:22px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-hero-media {grid-column:auto; display:block; min-width:0; width:100%; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media::before {content:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-art-directed-hero {display:block; height:auto; width:100%;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-image,
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-art-directed-hero > .sc3-image {display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-services .sc3-hero .sc3-hero-media .sc3-image {aspect-ratio:1/1;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-caption {padding:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-actions {display:flex; flex-direction:column; align-items:flex-start; width:100%; gap:8px; margin-top:6px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-actions-secondary {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 24px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-button {min-height:56px; padding:15px 26px; font-size:15px; line-height:1.4; letter-spacing:0; border-bottom:4px solid #fff200; background:#171716; color:#fff!important; border-radius:0; box-shadow:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-button:hover {background:#464642;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-tone-ink .sc3-button {background:#fff200; color:#171716!important;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-tone-ink .sc3-button:hover {background:#fff; border-color:#fff;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-link {font-size:15px; min-height:44px; line-height:1.5; text-underline-offset:5px;}
html body.sc3-body .sc3-root.sc4-editorial a:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial button:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial summary:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial [tabindex="0"]:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial input:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial select:focus-visible,
html body.sc3-body .sc3-root.sc4-editorial textarea:focus-visible {outline:3px solid var(--sc3-focus,#171716); outline-offset:4px;}

/* Photographic stories use full, purposeful images rather than framed widgets. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-grid {display:grid; gap:42px 28px; margin-top:36px; width:100%; align-items:start;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card {display:flex; flex-direction:column; align-items:stretch; grid-column:auto; grid-row:auto; gap:12px; padding:20px 0 0; border:0; border-top:1px solid var(--sc3-rule); background:none; min-height:0; min-width:0; border-radius:0; box-shadow:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card:has(> .sc3-image) {padding-top:0; border-top:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > * {grid-column:auto; grid-row:auto;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > .sc3-image {display:block; grid-column:auto; grid-row:auto; order:-1; width:100%; height:auto; max-height:none; aspect-ratio:4/3; object-fit:cover; margin:0 0 5px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > .sc3-heading {font-size:23px; line-height:1.3; min-height:0; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > .sc3-copy {font-size:16px; line-height:1.68; margin:0; max-width:40em; color:var(--sc3-text-2);}
html body.sc3-body .sc3-root.sc4-editorial .sc3-icon {display:block; width:28px; height:28px; margin:0 0 2px; color:var(--sc3-text); background:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-icon svg {width:28px; height:28px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid a.sc3-card::after {content:"↗"; display:block; width:28px; height:28px; line-height:28px; font-size:24px; font-weight:400; background:none; mask:none; -webkit-mask:none; margin:6px 0 0; grid-row:auto; grid-column:auto; transition:transform .18s ease;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid a.sc3-card:hover::after {transform:translate(3px,-3px);}
html body.sc3-body .sc3-root.sc4-editorial .sc4-capabilities .sc3-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-capabilities .sc3-grid .sc3-card > .sc3-image {aspect-ratio:16/10;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid {grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid .sc3-card > .sc3-image {aspect-ratio:3/2;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid .sc3-card > .sc3-heading {font-size:21px;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-card .sc3-role,
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-card .sc3-brief {font-size:16px; line-height:1.65; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-card .sc3-meta {font-size:12px; letter-spacing:.1em; line-height:1.6; margin-top:8px;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-card .sc3-location {font-size:14px; line-height:1.5; margin:0;}

/* Role routes are compact; their benefit is readable beside the photograph. */
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card {display:grid; grid-template-columns:120px minmax(0,1fr); gap:8px 22px; padding:26px 0; border-top:1px solid var(--sc3-rule); align-content:start;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-image {grid-column:1; grid-row:1/span 4; width:120px; height:120px; aspect-ratio:1; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-heading,
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-copy,
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-icon,
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card::after {grid-column:2; grid-row:auto; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-heading {font-size:21px;}

/* Detailed content is visible, accompanied by material or process photography. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-split > .sc3-container {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split .sc3-stack {grid-column:1; grid-row:1;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split .sc3-split-media {grid-column:2; grid-row:1; width:100%; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split.sc3-reverse .sc3-stack {grid-column:2;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split.sc3-reverse .sc3-split-media {grid-column:1;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split-media::before {content:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split-media .sc3-image {width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-split .sc3-note {grid-column:1/-1; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-note-stack {grid-column:1/-1; display:flex; flex-direction:column; gap:18px; max-width:72ch;}
/* Keep profile headings before the drawing and its numbered explanations. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container {grid-template-rows:auto auto auto auto; row-gap:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > * {order:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > .sc3-heading {grid-column:1/-1; grid-row:1;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > .sc3-copy {grid-column:1/-1; grid-row:2;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles .sc3-list {grid-column:1; grid-row:3;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles .sc3-figure {grid-column:2; grid-row:3;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > .sc3-link {grid-column:1/-1; grid-row:4;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > .sc3-note {grid-column:1/-1; margin-top:18px;}
/* Single sample actions keep the image in proportion to their accompanying text. */
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid:has(> .sc3-card:only-child > .sc3-image) {grid-template-columns:1fr;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child:has(> .sc3-image) {display:grid; grid-template-columns:220px minmax(0,1fr); column-gap:28px; max-width:860px; align-items:start;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child > .sc3-image {grid-column:1; grid-row:1/span 4; aspect-ratio:4/3;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child:has(> .sc3-image) > .sc3-heading {grid-column:2; grid-row:1;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child:has(> .sc3-image) > .sc3-copy {grid-column:2; grid-row:2;}
html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child:has(> .sc3-image)::after {grid-column:2; grid-row:3;}
@media (max-width:1023px) {
  html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles .sc3-list,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles .sc3-figure,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles > .sc3-container > .sc3-link {grid-column:1; grid-row:auto;}
}
@media (max-width:639px) {
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc3-linkcards,.sc3-cards) .sc3-grid > .sc3-card:only-child:has(> .sc3-image) {grid-template-columns:96px minmax(0,1fr); column-gap:18px;}
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-boundless-stone-cabinetry .sc3-hero .sc3-image {object-position:center bottom !important;}
}
html body.sc3-body .sc3-root.sc4-editorial .sc3-details > .sc3-container {display:block; max-width:1140px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-details .sc3-section {padding:32px 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-details .sc3-section > .sc3-container {padding:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-topic-notes {margin-top:28px; padding:24px 0;}

/* Every delivery stage remains readable: no compulsory horizontal swipe. */
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step-track,
html body.sc3-body .sc3-root.sc4-editorial .sc4-process.is-enhanced .sc3-visual-step-track {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-flow:row; gap:32px 24px; overflow:visible; padding:0; margin-top:36px; scroll-snap-type:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step {display:flex; flex-direction:column; align-items:flex-start; gap:13px; padding:20px 0 0; background:none; border-top:1px solid var(--sc3-rule); min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-number {display:flex; align-items:center; justify-content:center; width:38px; height:38px; background:#fff200; color:#171716; font-size:14px; font-weight:600;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step .sc3-heading {font-size:19px; line-height:1.35; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step .sc3-copy {font-size:15px; line-height:1.7; margin:0;}

/* A complete late-page index with useful thumbnails and restrained height. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-index-directory {margin-top:32px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-index-directory .sc3-index-group {display:block; padding:28px 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-index-group > .sc3-heading {font-size:20px; margin:0 0 20px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 24px; grid-column:auto; grid-row:auto;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-card {display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:14px; padding:0; min-height:80px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-card .sc3-image {display:block; width:90px; height:76px; aspect-ratio:auto; object-fit:cover;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-copy {padding:0; gap:6px; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-copy .sc3-heading {font-size:16px; line-height:1.4; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-line {font-size:14px; line-height:1.6; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-index-shortcuts {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-index-shortcuts > .sc3-link {min-height:90px; padding:16px 42px 16px 20px; font-size:17px;}

/* Guidance and forms keep their details readable at actual viewing sizes. */
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table {width:100%; font-size:15px; line-height:1.6;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table th,
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table td {padding:18px 14px; vertical-align:top;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table th {font-size:14px; line-height:1.5; letter-spacing:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table .sc3-matrix-cell {font-size:15px; line-height:1.65; letter-spacing:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table.sc3-n-6 .sc3-matrix-cell {font-size:14px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table .sc3-matrix-cell[role="columnheader"] {font-size:13px; line-height:1.5; letter-spacing:.03em; font-weight:600;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table .sc3-matrix-cell[role="rowheader"] {font-size:17px; font-weight:600;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-status {font-size:14px; line-height:1.55;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-table-scroll {max-width:100%;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-filter {gap:10px; margin:28px 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-tabs > [role="tab"] {font-size:15px; min-height:52px; padding:12px 16px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-faq > .sc3-container {column-gap:48px; row-gap:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-faq-toggle {font-size:19px; line-height:1.5; min-height:76px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-faq-answer .sc3-copy {font-size:16px; line-height:1.75;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cta {padding:80px 0; border-top:4px solid #fff200; background:#171716;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cta h2.sc3-heading {font-size:46px; line-height:1.15; color:#fff;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cta .sc3-copy {color:#d3d0c9;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-band {padding:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-band > .sc3-container {padding:0; max-width:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-band .sc3-image {display:block; width:100%; height:auto; aspect-ratio:2.8/1; object-fit:cover;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-form-embed {width:100%; max-width:800px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-form-embed input,
html body.sc3-body .sc3-root.sc4-editorial .sc3-form-embed select,
html body.sc3-body .sc3-root.sc4-editorial .sc3-form-embed textarea {font-size:16px; border-radius:0;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero {padding-bottom:40px;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero .sc3-h1 {font-size:48px;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero-media .sc3-image {aspect-ratio:16/10;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-subnav-panel {overflow-x:auto; scrollbar-width:thin;}
/* Normal native ordered-list steps share the same seven-stage composition. */
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list,
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 24px; margin-top:36px; overflow:visible; padding:0; scroll-snap-type:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item,
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item {display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-height:0; padding:20px 0 0; background:none; border-top:1px solid var(--sc3-rule);}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item::before,
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item::before {content:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process :is(.sc3-step-number,.sc3-number),
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path :is(.sc3-step-number,.sc3-number) {display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin:0; background:#fff200; color:#171716; font-size:14px; font-weight:600;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item > .sc3-heading,
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item > .sc3-heading {font-size:19px; line-height:1.35; padding:0; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item > .sc3-copy,
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item > .sc3-copy {font-size:15px; line-height:1.7; padding:0; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile {padding:22px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile .sc3-heading {font-size:19px; line-height:1.4;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile .sc3-copy {font-size:15px; line-height:1.65;}

@media (max-width:1100px) {
  html body.sc3-body .sc3-root.sc4-editorial {--sc3-gutter:28px; --sc3-sec:72px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-container {padding-left:28px; padding-right:28px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-section {padding:72px 0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-h1 {font-size:48px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid {gap:32px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-image {aspect-ratio:4/5;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split > .sc3-container {gap:32px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step-track,
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process.is-enhanced .sc3-visual-step-track {grid-template-columns:repeat(3,minmax(0,1fr));}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list {grid-template-columns:repeat(3,minmax(0,1fr));}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-band {padding:0;}
}
@media (max-width:800px) {
  html body.sc3-body .sc3-root.sc4-editorial .sc3-h1 {font-size:44px; max-width:15em;}
  html body.sc3-body .sc3-root.sc4-editorial h2.sc3-heading {font-size:34px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero {padding:12px 0 48px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid {grid-template-columns:1fr; gap:28px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid > .sc3-stack {grid-column:1;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-hero-media {grid-column:1; margin:0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-image,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-media .sc3-art-directed-hero > .sc3-image,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-services .sc3-hero .sc3-hero-media .sc3-image {aspect-ratio:16/10; height:auto;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-applications .sc3-grid,
  html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid,
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid {grid-template-columns:1fr;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split > .sc3-container {grid-template-columns:1fr; gap:28px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split .sc3-stack,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split.sc3-reverse .sc3-stack {grid-column:1; grid-row:1;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split .sc3-split-media,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-split.sc3-reverse .sc3-split-media {grid-column:1; grid-row:2; margin:0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-band .sc3-image {aspect-ratio:2/1;}
}
@media (max-width:639px) {
  html body.sc3-body .sc3-root.sc4-editorial {--sc3-gutter:20px; --sc3-sec:56px; --sc3-fs-body:16px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-container {padding-left:20px; padding-right:20px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-section {padding:56px 0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-h1,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-services .sc3-hero .sc3-h1 {font-size:36px; line-height:1.12; letter-spacing:-.04em;}
  html body.sc3-body .sc3-root.sc4-editorial h2.sc3-heading {font-size:30px; line-height:1.18; margin-bottom:18px;}
  html body.sc3-body .sc3-root.sc4-editorial h3.sc3-heading {font-size:21px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-copy {font-size:16px; line-height:1.7;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero {padding:10px 0 32px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-breadcrumb {margin-bottom:14px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid {padding-top:0; gap:24px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero-grid > .sc3-stack {gap:16px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-lead {font-size:17px; line-height:1.6;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-actions {margin-top:0; align-items:stretch; gap:6px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-actions-secondary {display:flex; flex-direction:row; flex-wrap:wrap; gap:2px 20px; align-items:center;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-actions .sc3-link {font-size:14px; min-height:44px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-hero-media .sc3-image,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-art-directed-hero > .sc3-image,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-services .sc3-hero .sc3-hero-media img {width:100%; height:auto; aspect-ratio:16/10; object-fit:cover;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-hero-note {font-size:14px; padding-top:12px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-grid {gap:30px 16px; margin-top:28px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-applications .sc3-grid,
  html body.sc3-body .sc3-root.sc4-editorial .sc4-capabilities .sc3-grid,
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-proof,.sc4-projects) .sc3-grid {grid-template-columns:1fr; gap:34px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid .sc3-card > .sc3-heading {font-size:18px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-materials .sc3-grid .sc3-card > .sc3-copy {font-size:14px; line-height:1.65;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > .sc3-image {aspect-ratio:16/11;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-section .sc3-grid .sc3-card > .sc3-heading {font-size:21px;}
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card {grid-template-columns:86px minmax(0,1fr); gap:8px 16px; padding:22px 0;}
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-image {width:86px; height:96px; aspect-ratio:auto;}
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-heading {font-size:19px;}
  html body.sc3-body .sc3-root.sc4-editorial :is(.sc4-audiences,.sc4-roles) .sc3-grid .sc3-card > .sc3-copy {font-size:15px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step-track,
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process.is-enhanced .sc3-visual-step-track {display:grid; grid-template-columns:1fr; gap:0; overflow:visible; grid-auto-flow:row; padding:0; margin-top:28px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step {display:grid; grid-template-columns:38px minmax(0,1fr); gap:8px 16px; padding:22px 0; flex:auto; scroll-snap-align:none;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step > .sc3-number {grid-column:1; grid-row:1/span 2;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step > .sc3-heading,
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step > .sc3-copy {grid-column:2;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step > .sc3-image {grid-column:1/-1; margin-bottom:12px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list {display:grid; grid-template-columns:1fr; gap:0; margin-top:28px; overflow:visible;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item {display:grid; grid-template-columns:38px minmax(0,1fr); gap:8px 16px; padding:22px 0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item > :is(.sc3-step-number,.sc3-number),
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item > :is(.sc3-step-number,.sc3-number) {grid-column:1; grid-row:1/span 2;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item > .sc3-heading,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item > .sc3-heading {grid-column:2; grid-row:1;}
  html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-list-item > .sc3-copy,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc3-list-item > .sc3-copy {grid-column:2; grid-row:2;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-grid {grid-template-columns:1fr; gap:20px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-card {grid-template-columns:86px minmax(0,1fr); gap:16px; min-height:76px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-card .sc3-image {width:86px; height:76px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-directory-copy .sc3-heading {font-size:17px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-index-shortcuts {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-index-shortcuts > .sc3-link {min-height:82px; padding:14px 32px 14px 14px; font-size:15px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table th,
  html body.sc3-body .sc3-root.sc4-editorial .sc3-matrix-table td {padding:14px 0; font-size:15px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-faq-toggle {font-size:18px; min-height:72px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-cta {padding:56px 0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-cta h2.sc3-heading {font-size:32px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-band {padding:0;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-band .sc3-image {aspect-ratio:16/10;}
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero .sc3-h1 {font-size:34px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-subnav-panel {overflow:visible;}
}
@media (max-width:379px) {
  html body.sc3-body .sc3-root.sc4-editorial .sc3-h1,
  html body.sc3-body .sc3-root.sc4-editorial.sc3-page-services .sc3-hero .sc3-h1 {font-size:33px;}
  html body.sc3-body .sc3-root.sc4-editorial .sc3-hero .sc3-actions-secondary {gap:2px 14px;}
}
@media (prefers-reduced-motion:reduce) {
  html body.sc3-body .sc3-root.sc4-editorial *,
  html body.sc3-body .sc3-root.sc4-editorial *::before,
  html body.sc3-body .sc3-root.sc4-editorial *::after {transition:none; animation:none; scroll-behavior:auto;}
}

/* The opening photograph is visible before the supporting prose on phones.
 * The logical reading order stays heading, introduction and action in HTML. */
html body.sc3-body .sc3-root.sc4-editorial .sc4-anchor {display:block;height:0;scroll-margin-top:110px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-case-copy {display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cases .sc3-cols-1 .sc3-card {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cases .sc3-cols-1 .sc3-card>.sc3-image {grid-column:1;grid-row:1;height:100%;max-height:560px;aspect-ratio:4/3;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-cases .sc3-cols-1 .sc3-card>.sc4-case-copy {grid-column:2;grid-row:1;}
@media(max-width:800px){
 html body.sc3-body .sc3-root.sc4-editorial .sc3-cases .sc3-cols-1 .sc3-card {display:flex;gap:22px;}
 html body.sc3-body .sc3-root.sc4-editorial .sc3-cases .sc3-cols-1 .sc3-card>.sc3-image {height:auto;}
}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero-grid {display:block;max-width:850px;padding-top:0;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire .sc3-hero {padding-bottom:28px;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-enquire #brief {padding-top:24px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile-grid {gap:16px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile {display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 16px;min-height:0;padding:18px;border-top:1px solid var(--sc3-rule);}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile>.sc3-icon {grid-column:1;grid-row:1/span 2;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile>.sc3-heading {grid-column:2;font-size:18px;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance .sc3-tile>.sc3-copy {grid-column:2;font-size:15px;}
@media(max-width:639px){html body.sc3-body .sc3-root.sc4-editorial .sc3-ataglance{padding:28px 0;}}
html body.sc3-body .sc3-root.sc4-editorial a.sc3-card,
html body.sc3-body .sc3-root.sc4-editorial a.sc3-card:hover,
html body.sc3-body .sc3-root.sc4-editorial a.sc3-card:focus {text-decoration:none;}
html body.sc3-body .sc3-root.sc4-editorial a.sc3-card:hover .sc3-heading {text-decoration:underline;text-underline-offset:5px;}
@media(max-width:639px){
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero-grid {display:flex;flex-direction:column;gap:18px;align-items:stretch;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero-grid>.sc3-stack {display:contents;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-eyebrow {order:0;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-h1 {order:1;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-hero-media {order:2;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc4-hero-note {order:4;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-lead {order:5;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-actions {order:3;}
  html body.sc3-body .sc3-root.sc4-editorial:not(.sc3-page-enquire) .sc3-hero .sc3-fact {order:6;}
}



/* Section ownership and balanced mixed-media compositions, audit 2. */
html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:28px 40px; grid-column:1/-1; margin-top:40px; padding-top:28px; border-top:1px solid var(--sc3-rule); width:100%;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance > h3.sc3-heading {font-size:20px; line-height:1.4; max-width:17em;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-body {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-group {display:flex; flex-direction:column; gap:16px; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-group:only-child,
html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-lead {grid-column:1/-1;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-label {font-size:15px; font-weight:600; line-height:1.5; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance .sc3-note {margin:0; font-size:16px; line-height:1.7; max-width:65ch;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-illustrated-composition {display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:40px; width:100%; margin-top:36px; align-items:start;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-editorial-media {display:grid; gap:24px; min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-editorial-figure {display:block; margin:0; width:100%;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-editorial-media .sc3-image {display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-illustrated-content {min-width:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-visual-step-track,
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid {display:grid; grid-template-columns:1fr; gap:0; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside :is(.sc3-visual-step,.sc3-card) {display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px 20px; padding:22px 0; border-top:1px solid var(--sc3-rule);}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside :is(.sc3-visual-step,.sc3-card) > .sc3-icon {grid-column:1; grid-row:1/3;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside :is(.sc3-visual-step,.sc3-card) > :is(.sc3-heading,.sc3-copy) {grid-column:2; margin:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-visual-step .sc3-heading {font-size:23px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-visual-step .sc3-copy {font-size:17px;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-band {display:block;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-band .sc4-editorial-media {max-width:800px;}
html body.sc3-body .sc3-root.sc4-editorial.sc3-page-installation #project-path .sc4-editorial-media .sc3-image {display:block; aspect-ratio:2/1;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step-track.sc4-count-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc4-media-aside .sc3-visual-step-track.sc4-count-3 {grid-template-columns:1fr;}
html body.sc3-body .sc3-root.sc4-editorial .sc3-card:has(> .sc3-image) > .sc3-icon {display:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-text-band {padding:36px 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-text-band > .sc3-container {display:block;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-text-band h2.sc3-heading {font-size:28px; margin-bottom:16px;}
@media(max-width:1023px) {
 html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance {grid-template-columns:1fr; gap:20px;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance > h3.sc3-heading {max-width:none;}
}
@media(max-width:800px) {
 html body.sc3-body .sc3-root.sc4-editorial .sc4-illustrated-composition {grid-template-columns:1fr; gap:28px;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid {grid-template-columns:1fr;}
}
@media(max-width:639px) {
 html body.sc3-body .sc3-root.sc4-editorial .sc4-guidance-body {grid-template-columns:1fr; gap:24px;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-section-guidance {margin-top:32px; padding-top:24px;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc3-visual-step-track.sc4-count-3,
 html body.sc3-body .sc3-root.sc4-editorial .sc3-edgeprofiles .sc3-list {grid-template-columns:1fr;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside :is(.sc3-visual-step,.sc3-card) {gap:10px 14px;}
}

html body.sc3-body .sc3-root.sc4-editorial .sc4-process .sc4-media-aside .sc3-visual-step-track {margin-top:0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card {display:grid;}

html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card {display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px 20px; padding:22px 0;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card::before {content:none; display:none;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card > .sc3-heading {grid-column:2; grid-row:1;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card > .sc3-copy {grid-column:2; grid-row:2;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card > .sc3-icon {grid-column:1; grid-row:1/3;}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-band .sc4-editorial-media:has(> figure:nth-child(2)) {max-width:none; grid-template-columns:repeat(2,minmax(0,1fr));}
html body.sc3-body .sc3-root.sc4-editorial .sc4-media-band .sc4-editorial-media:has(> figure:nth-child(2)) .sc3-image {aspect-ratio:16/9;}
@media(max-width:639px) {
 html body.sc3-body .sc3-root.sc4-editorial .sc4-media-band .sc4-editorial-media:has(> figure:nth-child(2)) {grid-template-columns:1fr;}
 html body.sc3-body .sc3-root.sc4-editorial .sc4-media-aside .sc3-grid .sc3-card {gap:10px 14px;}
}