/* DerDenker About 1.1.0. One scoped layout, no legacy overrides. */
.dd-about-page {
  width: min(940px, calc(100% - 64px));
  margin-inline: auto;
  padding-block: 48px 56px;
}
.dd-about-document {
  --dd-ink: #102335;
  --dd-body: #344754;
  --dd-muted: #52616d;
  --dd-line: #d8d7d0;
  --dd-soft: #f2f0e9;
  --dd-serif: var(--serif, Georgia, 'Times New Roman', serif);
  --dd-sans: var(--sans, system-ui, -apple-system, 'Segoe UI', sans-serif);
  color: var(--dd-body);
  font: 400 17px/1.6 var(--dd-sans);
  overflow-wrap: break-word;
}
.dd-about-document *, .dd-about-document *::before, .dd-about-document *::after { box-sizing: border-box; }
.dd-about-document :where(h1,h2,h3,h4,p,ul,ol,blockquote,figure) { margin: 0; }
.dd-about-document h1,
.dd-about-document h2,
.dd-about-document h3 {
  color: var(--dd-ink);
  font-family: var(--dd-serif);
  font-style: normal;
  font-weight: 700;
  text-wrap: pretty;
}
.dd-about-document h1 { font-size: 46px; line-height: 1.12; letter-spacing: -.025em; margin-bottom: 10px; }
.dd-about-document h2 { font-size: 28px; line-height: 1.22; letter-spacing: -.012em; margin-bottom: 14px; }
.dd-about-document h3 { font-size: 19px; line-height: 1.3; letter-spacing: 0; margin-bottom: 8px; }
.dd-about-document p,
.dd-about-document li,
.dd-about-document small { font-family: var(--dd-sans); font-size: 17px; line-height: 1.6; }
.dd-about-document p + p { margin-top: 12px; }
.dd-about-document ul,
.dd-about-document ol { padding-inline-start: 22px; }
.dd-about-document li + li { margin-top: 5px; }
.dd-about-document strong { font-weight: 650; }
.dd-about-document a { text-decoration: underline; text-underline-offset: .18em; }
.dd-about-document a:focus-visible { outline: 2px solid var(--dd-ink); outline-offset: 4px; }
.dd-about-document .wp-block-group,
.dd-about-document .wp-block-column { min-width: 0; }
.dd-about-document .wp-block-columns { margin: 0; gap: 28px; }
.dd-about-document .wp-block-column { flex-basis: auto; }
.dd-about-document .dd-about-intro { margin: 0; padding: 0; }
.dd-about-document .dd-kicker {
  font: 650 11px/1.4 var(--dd-sans); letter-spacing: .25em;
  color: var(--dd-muted); margin-bottom: 10px;
}
.dd-about-document .dd-about-claim {
  color: var(--dd-muted); font: italic 17px/1.5 var(--dd-serif);
}
.dd-about-document .dd-about-leadquote {
  border: 0; padding: 0; margin: 20px 0 0; background: none;
}
.dd-about-document .dd-about-leadquote p {
  color: var(--dd-ink); font: italic 22px/1.45 var(--dd-serif);
}
.dd-about-document .dd-brand-divider { margin-block: 32px; }
.dd-about-document .dd-section-soft {
  padding: 24px 26px; background: var(--dd-soft); margin-bottom: 30px;
}
.dd-about-document .dd-about-contrast {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 26px;
}
.dd-about-document .dd-about-contrast > .wp-block-column + .wp-block-column {
  border-inline-start: 1px solid #c3c6c3; padding-inline-start: 26px;
}
.dd-about-document .dd-about-contrast ul { list-style: none; padding: 0; }
.dd-about-document .dd-about-contrast li { position: relative; padding-inline-start: 18px; }
.dd-about-document .dd-about-contrast li::before { content: '\2013'; position: absolute; inset-inline-start: 0; color: var(--dd-muted); }
.dd-about-document .dd-about-why { margin-bottom: 0; }
/* Legacy v7 duplicates this information directly above; the new pattern omits it. */
.dd-about-document .dd-about-tags { display: none; }
.dd-about-document .dd-about-three {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0;
  margin-top: 22px; padding-block: 20px; background: #f5f3ee;
}
.dd-about-document .dd-about-three > .wp-block-column { padding-inline: 22px; }
.dd-about-document .dd-about-three > .wp-block-column + .wp-block-column { border-inline-start: 1px solid var(--dd-line); }
.dd-about-document .dd-about-three > .wp-block-column::before {
  content: ''; display: block; width: 32px; height: 32px; margin-bottom: 13px;
  background: no-repeat center/contain;
}
.dd-about-document .dd-about-three > .wp-block-column:nth-child(1)::before { background-image: url('../icons/thinking.svg'); }
.dd-about-document .dd-about-three > .wp-block-column:nth-child(2)::before { background-image: url('../icons/understanding.svg'); }
.dd-about-document .dd-about-three > .wp-block-column:nth-child(3)::before { background-image: url('../icons/experiments.svg'); }
.dd-about-document .dd-about-thinking { margin-bottom: 30px; }
.dd-about-document .dd-about-questions {
  counter-reset: dd-question; list-style: none; padding: 0; margin: 16px 0 22px;
}
.dd-about-document .dd-about-questions li {
  counter-increment: dd-question; position: relative; padding-inline-start: 44px; margin-top: 7px;
}
.dd-about-document .dd-about-questions li::before {
  content: counter(dd-question, decimal-leading-zero); position: absolute; inset-inline-start: 0;
  color: #64716e; font: 400 19px/1.45 var(--dd-serif);
}
.dd-about-document .dd-about-bigquote {
  position: relative; padding: 24px 28px 24px 78px; border: 0;
  margin: 0; background: var(--dd-ink); color: #fff;
}
.dd-about-document .dd-about-bigquote::before {
  content: '\201C'; position: absolute; left: 24px; top: 16px;
  color: #788189; font: 700 50px/1 var(--dd-serif);
}
.dd-about-document .dd-about-bigquote p { font: italic 24px/1.4 var(--dd-serif); color: #fff; }
.dd-about-document .dd-about-experiment { margin: 0; }
.dd-about-document .dd-about-process {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px;
  margin-block: 22px; background: none; border: 0;
}
.dd-about-document .dd-about-process > .wp-block-column {
  position: relative; padding: 0; border: 0; background: none;
}
.dd-about-document .dd-step-number {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border: 1px solid #536b7a; border-radius: 50%;
  margin: 0 0 12px; color: var(--dd-ink); font: 650 17px/1 var(--dd-sans);
}
.dd-about-document .dd-about-process > .wp-block-column:not(:last-child)::after {
  content: '\2192'; position: absolute; top: 2px; right: -8px;
  color: #809098; font: 400 25px/32px var(--dd-sans);
}
.dd-about-document .dd-about-process h3 { font-size: 19px; line-height: 1.3; margin-bottom: 7px; }
.dd-about-document .dd-about-process p + p { margin-top: 0; }
.dd-about-document .dd-about-process small { display: block; margin-top: 7px; }
.dd-about-document .dd-about-principles-section { margin-bottom: 30px; }
.dd-about-document .dd-about-principles {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px;
}
.dd-about-document .dd-about-principles > .wp-block-column {
  display: flex; flex-direction: column; gap: 22px;
}
.dd-about-document .dd-about-principles .wp-block-group { position: relative; padding-inline-start: 46px; }
.dd-about-document .dd-about-principles .wp-block-group::before {
  content: ''; position: absolute; inset-inline-start: 0; top: 3px;
  width: 29px; height: 29px; background: no-repeat center/contain;
}
.dd-about-document .dd-about-principles > .wp-block-column:nth-child(1) .wp-block-group:nth-child(1)::before { background-image: url('../icons/compass.svg'); }
.dd-about-document .dd-about-principles > .wp-block-column:nth-child(1) .wp-block-group:nth-child(2)::before { background-image: url('../icons/conversation.svg'); }
.dd-about-document .dd-about-principles > .wp-block-column:nth-child(2) .wp-block-group:nth-child(1)::before { background-image: url('../icons/balance.svg'); }
.dd-about-document .dd-about-principles > .wp-block-column:nth-child(2) .wp-block-group:nth-child(2)::before { background-image: url('../icons/source.svg'); }
.dd-about-document .dd-about-principles h3 { margin-bottom: 6px; }
.dd-about-document .dd-about-transparency {
  display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 30px; align-items: center;
}
.dd-about-document .dd-about-flow { padding: 22px; background: var(--dd-soft); }
.dd-about-document .dd-tool-flow {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px;
  list-style: none; padding: 0; margin: 0;
}
.dd-about-document .dd-tool-flow li {
  margin: 0; padding: 0; text-align: center; color: var(--dd-ink);
  font-size: 16px; line-height: 1.4;
}
.dd-about-document .dd-tool-flow li::before {
  content: ''; display: block; width: 27px; height: 27px; margin: 0 auto 8px;
  background: no-repeat center/contain;
}
.dd-about-document .dd-tool-flow li:nth-child(1)::before { background-image: url('../icons/search.svg'); }
.dd-about-document .dd-tool-flow li:nth-child(2)::before { background-image: url('../icons/structure.svg'); }
.dd-about-document .dd-tool-flow li:nth-child(3)::before { background-image: url('../icons/check.svg'); }
.dd-about-document .dd-tool-flow li:nth-child(4)::before { background-image: url('../icons/write.svg'); }
.dd-about-document .dd-about-close { text-align: center; }
.dd-about-document .dd-about-finalquote { border: 0; padding: 0; margin: 0 0 24px; background: none; }
.dd-about-document .dd-about-finalquote p { color: var(--dd-ink); font: italic 20px/1.45 var(--dd-serif); }
.dd-about-document .dd-about-finalquote cite {
  display: block; margin-top: 10px; color: var(--dd-muted);
  font: 650 11px/1.4 var(--dd-sans); letter-spacing: .2em; text-transform: uppercase;
}
.dd-about-document .dd-about-close h2 { margin-bottom: 8px; }
@media (max-width: 800px) {
  .dd-about-document .dd-about-process { gap: 18px; }
  .dd-about-document .dd-about-process h3 { font-size: 18px; }
  .dd-about-document .dd-about-transparency { grid-template-columns: 1fr; gap: 20px; }
  .dd-about-document .dd-tool-flow { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .dd-about-page { width: calc(100% - 40px); padding-block: 30px 40px; }
  .dd-about-document { font-size: 16px; }
  .dd-about-document p, .dd-about-document li, .dd-about-document small { font-size: 16px; }
  .dd-about-document h1 { font-size: 36px; line-height: 1.14; }
  .dd-about-document h2 { font-size: 25px; line-height: 1.24; }
  .dd-about-document h3 { font-size: 18px; }
  .dd-about-document .dd-kicker { font-size: 11px; }
  .dd-about-document .dd-about-claim { font-size: 16px; }
  .dd-about-document .dd-about-leadquote p { font-size: 20px; }
  .dd-about-document .dd-brand-divider { margin-block: 26px; }
  .dd-about-document .dd-section-soft { padding: 20px; margin-bottom: 26px; }
  .dd-about-document .dd-about-contrast { grid-template-columns: 1fr; gap: 20px; }
  .dd-about-document .dd-about-contrast > .wp-block-column + .wp-block-column {
    border-inline-start: 0; border-top: 1px solid var(--dd-line); padding-inline-start: 0; padding-top: 18px;
  }
  .dd-about-document .dd-about-three { grid-template-columns: 1fr; padding: 0 20px; }
  .dd-about-document .dd-about-three > .wp-block-column {
    position: relative; padding: 18px 0 18px 46px;
  }
  .dd-about-document .dd-about-three > .wp-block-column + .wp-block-column {
    border-inline-start: 0; border-top: 1px solid var(--dd-line);
  }
  .dd-about-document .dd-about-three > .wp-block-column::before {
    position: absolute; top: 20px; left: 0; width: 28px; height: 28px; margin: 0;
  }
  .dd-about-document .dd-about-bigquote { padding: 22px 22px 22px 54px; }
  .dd-about-document .dd-about-bigquote::before { left: 15px; top: 16px; font-size: 38px; }
  .dd-about-document .dd-about-bigquote p { font-size: 21px; }
  .dd-about-document .dd-about-process { grid-template-columns: 1fr; gap: 20px; margin-block: 22px; }
  .dd-about-document .dd-about-process > .wp-block-column { padding-inline-start: 52px; }
  .dd-about-document .dd-step-number { position: absolute; left: 0; top: 0; margin: 0; }
  .dd-about-document .dd-about-process > .wp-block-column:not(:last-child)::after { display: none; }
  .dd-about-document .dd-about-process h3 { font-size: 18px; }
  .dd-about-document .dd-about-principles { grid-template-columns: 1fr; gap: 22px; }
  .dd-about-document .dd-about-principles-section { margin-bottom: 26px; }
  .dd-about-document .dd-about-flow { padding: 20px; }
  .dd-about-document .dd-tool-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dd-about-document .dd-about-finalquote p { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .dd-about-document { scroll-behavior: auto; }
}