.etchenet-pastel-content-shell {
  width: var(--showcase-width);
  min-height: 60vh;
  margin-inline: auto;
  padding-inline: 0;
  padding-block: clamp(110px, 12vw, 176px) clamp(52px, 8vw, 112px);
}

.pastel-prose {
  min-width: 0;
  overflow-wrap: anywhere;
}

.pastel-prose > :where(h1,h2,h3,p,ul,ol,blockquote,pre),
.pastel-prose .ethet-editorial-inner {
  max-width: 75ch;
  margin-inline: auto;
}

.etchenet-pastel-content-shell :where(h1,h2,h3,p,ul,ol) {
  margin-block: .65em;
}

.etchenet-pastel-content-shell h1 { font-size: clamp(2.45rem, 5.6vw, 5.25rem); }
.etchenet-pastel-content-shell h2 { font-size: clamp(1.7rem, 3vw, 3.15rem); }
.etchenet-pastel-content-shell h3 { font-size: clamp(1.25rem, 2.3vw, 2rem); }
.etchenet-pastel-content-shell :where(p,li) { line-height: 1.7; }

.pastel-prose :where(ul,ol):not([class]) { padding-inline-start: 1.4em; }
.pastel-prose ul:not([class]) { list-style: disc; }
.pastel-prose :where(ul,ol):not([class]) > li { padding-inline-start: 0; }
.pastel-prose :where(ul,ol):not([class]) > li::before { content: none; }

.pastel-prose :where(p,li,figcaption) a,
.pastel-post-card h2 a:hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.pastel-prose :where(img,iframe,figure) { max-width: 100%; }
.pastel-prose img { height: auto; }
.pastel-prose :where(pre,.wp-block-table) { max-width: 100%; overflow: auto; }

.pastel-prose :is(.ethet-normalized-page,.ethet-section,.ethet-editorial-page,.ec-film--embed) {
  color: var(--ink);
  font-family: Instrument, Arial, sans-serif;
}
.pastel-prose :is(.ethet-normalized-page,.ethet-section,.ethet-editorial-page,.ec-film--embed) :is(h1,h2,h3,h4,p,li,button,a) {
  font-family: inherit;
}
.pastel-prose :is(.ethet-section-title,.ethet-editorial-title,.etch-hero-h1) {
  color: var(--ink);
  background: none;
  -webkit-text-fill-color: currentColor;
}
.pastel-prose .ethet-section { padding-block: clamp(28px, 5vw, 72px); }
.pastel-prose .ethet-section > .ethet-section-inner,
.pastel-prose .ethet-section-inner > :is(.ethet-card-columns,.ethet-layout,.wp-block-columns,.ec-film--embed) {
  width: 100%;
  max-width: 100%;
}
.pastel-prose :is(.ethet-card-columns,.ethet-layout,.wp-block-columns) { gap: clamp(16px, 2vw, 30px); }
.pastel-prose :is(.ethet-card,.etch-card,.etch-tarif-card,.etch-step-card,.ethet-stat-card,.ethet-cta-wrap,.ethet-editorial-section-card,.ethet-editorial-callout) {
  min-width: 0;
  padding: clamp(20px, 3vw, 44px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--card-surface,var(--ivory));
  color: var(--ink);
  box-shadow: 0 14px 40px #27353b0a;
}
.pastel-prose .ethet-card-column:nth-child(3n+1),
.pastel-prose .etch-tarif-card { --card-surface: var(--sky); }
.pastel-prose .ethet-card-column:nth-child(3n+2),
.pastel-prose .ethet-editorial-callout { --card-surface: var(--lilac); }
.pastel-prose .ethet-card-column:nth-child(3n),
.pastel-prose .ethet-cta-wrap { --card-surface: var(--celadon); }
.pastel-prose .etch-tarif-card--pop { --card-surface: var(--lilac); }
.pastel-prose .ethet-card-editable-icon { width: 1.5rem; height: 1.5rem; color: var(--violet); }
.pastel-prose :is(.ethet-icon-chip,.ethet-editorial-tag) {
  padding: .25em .65em;
  border-radius: var(--radius-button);
  background: var(--lilac);
  color: var(--plum);
}
.pastel-prose :is(.ethet-editorial-featured-image,.ec-case-visual,.ec-orbit-card) { border-radius: var(--radius-field); overflow: hidden; }
.pastel-prose .ethet-editorial-section-card + .ethet-editorial-section-card { margin-block-start: clamp(18px, 3vw, 36px); }
.pastel-prose .etch-btn > .wp-block-button__link {
  border-radius: var(--radius-button);
  background: var(--night);
  color: var(--ivory);
  padding: .75em 1.2em;
}
.pastel-prose .etch-btn > .wp-block-button__link:hover { background: var(--plum); }

@media (max-width: 700px) {
  .pastel-prose .ethet-section-inner > .wp-block-columns { flex-wrap: wrap !important; }
  .pastel-prose .ethet-section-inner > .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}

.pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 1fr;
}

.pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card-column {
  display: flex;
  min-width: 0;
  margin: 0;
}

.pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card-column > .ethet-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0;
}

.pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card > :not(.ethet-card-editable-icon) {
  width: 100%;
}

.pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card > .ethet-card-actions {
  margin-block-start: auto;
  padding-block-start: clamp(12px, 2vw, 24px);
}

.pastel-prose :is(#mcs-stats-grid .ethet-stats-grid, #mcs-cards-grid-4 .mcs-grid-4-pending) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: clamp(12px, 2vw, 24px);
  max-width: none;
}

.pastel-prose :is(#mcs-stats-grid .ethet-stat-card, #mcs-cards-grid-4 .mcs-grid-4-card) {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: clamp(14px, 2.2vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-field);
  background: var(--ivory);
}

.pastel-prose #mcs-cards-grid-4 .etchs-ic {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--violet);
}

.pastel-prose #mcs-cards-grid-4 .etchs-ic svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pastel-prose #mcs-step-cards .mcs-step-list-pending {
  display: grid;
  grid-auto-rows: 1fr;
  gap: clamp(12px, 2vw, 24px);
  max-width: none;
  counter-reset: showcase-step;
}

.pastel-prose #mcs-step-cards .mcs-step-card-pending {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: clamp(12px, 2vw, 24px);
  width: 100%;
  max-width: none;
  margin: 0;
  counter-increment: showcase-step;
}

.pastel-prose #mcs-step-cards .mcs-step-card-pending::before {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-button);
  background: var(--lilac);
  color: var(--plum);
  font-weight: 650;
  content: counter(showcase-step, decimal-leading-zero);
}

.pastel-prose #mcs-step-cards .mcs-step-content-pending {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}

.pastel-prose #mcs-step-cards .mcs-step-content-pending > :first-child { margin-block-start: 0; }
.pastel-prose #mcs-step-cards .mcs-step-content-pending > :last-child { margin-block-end: 0; }

@media (min-width: 782px) {
  .pastel-prose :is(#mcs-cards-grid-3, #mcs-feature-cards, #mcs-pricing-cards) .ethet-card-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pastel-prose :is(#mcs-stats-grid .ethet-stats-grid, #mcs-cards-grid-4 .mcs-grid-4-pending) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* The embedded portfolio used light type over the former dark page background. */
.pastel-prose .ec-film--embed {
  --etch-text: var(--ink);
  --ec-soft: var(--muted);
  --ec-blue: var(--violet);
  --ec-line: var(--line);
}
.pastel-prose .ec-film--embed :is(.ec-orbit-card,.ec-case-shot) {
  border-color: var(--line);
  border-radius: 22px;
  background: var(--ivory);
  box-shadow: 0 14px 40px #27353b18;
}
.pastel-prose .ec-film--embed :is(.ec-card-name,.ec-case-intervention p:nth-child(2)) { color: var(--ink); }
.pastel-prose .ec-film--embed :is(.ec-orbit-title,.ec-projects-title,.ec-case-title,.ec-case-hook) {
  color: var(--ink);
}
.pastel-prose .ec-film--embed :is(.ec-eyebrow,.ec-case-number) {
  color: var(--violet);
}
.pastel-prose .ec-film--embed :is(.ec-portfolio-lead,.ec-portfolio-context,.ec-project-index,.ec-project-index a,.ec-case-description) {
  color: var(--muted);
}
.pastel-prose .ec-film--embed .ec-embed-motion {
  border-color: var(--control-border);
  background: var(--ivory);
  color: var(--ink);
}

.pastel-blog-heading { margin-block-end: clamp(28px, 5vw, 60px); }
.pastel-blog-heading .eyebrow,
.pastel-post-card .eyebrow { color: var(--violet); }

.pastel-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(16px, 2.5vw, 34px);
}
.pastel-post-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-field);
  background: var(--panel);
  overflow-wrap: anywhere;
}
.pastel-post-card-image { aspect-ratio: 16 / 9; background: var(--celadon); }
.pastel-post-card-image img { width: 100%; height: 100%; object-fit: cover; }
.pastel-post-card-copy { padding: clamp(20px, 2.5vw, 32px); }
.pastel-post-card h2 { font-size: clamp(1.45rem, 2.3vw, 2.05rem); }

.etchenet-pastel-content-shell :is(.search-form,.wp-block-search) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
}
.etchenet-pastel-content-shell :is(.search-form,.wp-block-search) label {
  max-width: 100%;
}
.etchenet-pastel-content-shell :where(.search-field,.wp-block-search__input,.comment-form input:not([type="checkbox"]):not([type="submit"]),.comment-form textarea) {
  min-height: var(--field-min-height);
  max-width: 100%;
  padding: .55em .9em;
  border: 1px solid var(--control-border);
  border-radius: var(--radius-field);
  background: var(--field-surface);
  color: var(--field-text);
}
.etchenet-pastel-content-shell :where(.search-submit,.wp-block-search__button,.comment-form .submit) {
  min-height: var(--field-min-height);
  padding: .55em 1.15em;
  border: 1px solid transparent;
  border-radius: var(--radius-button);
  background: var(--night);
  color: var(--ivory);
  cursor: pointer;
}
.etchenet-pastel-content-shell :where(.pagination,.etchenet-pastel-comments) {
  margin-block: 3rem;
}
.etchenet-pastel-content-shell .page-numbers {
  display: inline-block;
  padding: .4em .75em;
}
.etchenet-pastel-content-shell .page-numbers.current {
  border-radius: var(--radius-button);
  background: var(--sky);
}