/* Homepage sales path. Existing split-hero and monolith artwork remain intact. */
body[data-page="home"] { background: var(--surface-0); }
body[data-page="home"] :is(#sprawy, #jak-dzialamy, #obszary, #osiagniecia, #o-nas, #wspolpraca, #kontakt) { scroll-margin-top: calc(var(--header-height) + 16px); }

body[data-page="home"] .main-nav { gap: clamp(16px, 2vw, 34px); }
body[data-page="home"] .header-cta { border: 0; padding-inline: 8px; }
body[data-page="home"] .header-cta span { font-size: 18px; }
body[data-page="home"] .hero-message { top: 16%; width: min(800px, 78vw); padding: var(--space-5); animation: none; transform: translateX(-50%); }
body[data-page="home"] .hero-message::before { display: none; }
body[data-page="home"] .hero-message h1 { max-width: 15ch; margin: 16px auto 20px; font: 620 clamp(48px, 4.8vw, 75px)/1.01 var(--font-sans); letter-spacing: -.058em; }
body[data-page="home"] .hero-message .hero-lede { max-width: 52ch; margin-inline: auto; font-size: clamp(16px, 1.14vw, 18px); line-height: 1.55; color: var(--text); }
@media (min-width: 761px) {
  body[data-page="home"] .hero-message {
    width: min(650px, 55vw);
    padding: 30px 36px 34px;
    isolation: isolate;
    background: transparent;
    text-shadow: none;
  }
  body[data-page="home"] .hero-message::before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    inset: -48px -120px;
    background: color-mix(in oklch, var(--surface-0) 96%, transparent);
    -webkit-mask-image: radial-gradient(ellipse 50% 50% at center, #000 46%, transparent 100%);
    mask-image: radial-gradient(ellipse 50% 50% at center, #000 46%, transparent 100%);
    pointer-events: none;
  }
  body[data-page="home"] .hero-message h1 { font-size: clamp(48px, 4.5vw, 68px); text-shadow: none; }
  body[data-page="home"] .hero-message .hero-lede { max-width: 46ch; }
}
.funnel-hero-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px 28px; margin-top: var(--space-4); text-shadow: none; }
.funnel-primary, .funnel-secondary { min-height: 48px; display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; font: 650 14px/1.2 var(--font-sans); text-decoration: none; }
.funnel-primary { padding: 14px 20px; background: var(--accent); color: var(--text); transition: background var(--motion-fast); }
.funnel-primary:hover, .funnel-primary:focus-visible { background: var(--accent-hover); }
.funnel-secondary { padding: 12px 0; border-bottom: 1px solid color-mix(in oklch, var(--text) 50%, transparent); color: var(--text); }
.funnel-secondary span, .funnel-primary span { transition: transform var(--motion-fast); }
.funnel-secondary:hover span, .funnel-primary:hover span { transform: translate(3px, 2px); }

body[data-page="home"] .case-detail { padding-bottom: 26px; }
body[data-page="home"] .case-detail h3 { font: 600 clamp(23px, 1.9vw, 30px)/1.12 var(--font-sans); letter-spacing: -.035em; }
body[data-page="home"] .case-detail > p:not(.case-number) { font-size: 15px; line-height: 1.6; }
.case-detail-actions { display: grid; justify-items: start; gap: 12px; margin-top: 18px; }
body[data-page="home"] .case-detail-actions a, .case-detail-actions button { min-height: 44px; display: inline-flex; align-items: center; gap: 10px; font: 650 13px/1.25 var(--font-sans); }
body[data-page="home"] .case-detail-actions a { color: var(--text); border-bottom: 1px solid var(--accent-hover); }
.case-detail-actions a.case-detail-actions__quiet { color: var(--text-muted); border-bottom-color: var(--border-strong); font-weight: 500; }
.case-detail-actions button { padding: 0; border: 0; border-bottom: 1px solid var(--border-strong); background: transparent; color: var(--text-muted); cursor: pointer; }
.case-detail-actions button:hover { color: var(--text); }
body[data-page="home"] .cases-hint { font-size: 11px; letter-spacing: .03em; text-transform: none; }

.funnel-practice { position: relative; padding: clamp(90px, 10vw, 160px) 0; background: var(--surface-1); }
.funnel-practice__inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.funnel-practice__statement { grid-column: 1 / 7; position: sticky; top: calc(var(--header-height) + 52px); }
.funnel-practice__statement .stage-index { margin-bottom: clamp(30px, 4vw, 62px); }
.funnel-practice__statement h2 { max-width: 13ch; margin: 0; font: 590 clamp(42px, 4vw, 64px)/1.05 var(--font-sans); letter-spacing: -.055em; text-wrap: balance; }
.funnel-practice__statement > p:not(.stage-index) { max-width: 52ch; margin: var(--space-5) 0 var(--space-4); color: var(--text-muted); font-size: clamp(16px, 1.25vw, 19px); line-height: 1.6; }
.funnel-practice__statement .funnel-selected-case:not([hidden]) { width: fit-content; margin: 0 0 var(--space-4); color: var(--text); font-size: 14px; border-bottom: 1px solid var(--accent); }
.funnel-practice__steps { grid-column: 8 / 13; display: grid; gap: clamp(36px, 5vw, 78px); padding: clamp(26px, 4vw, 64px) 0 0; margin: 0; list-style: none; counter-reset: none; }
.funnel-practice__steps li { position: relative; padding: 0 0 0 56px; }
.funnel-practice__steps li::before { content: ""; position: absolute; left: 14px; top: 35px; bottom: calc(-1 * clamp(36px, 5vw, 78px)); width: 1px; background: color-mix(in oklch, var(--text) 17%, transparent); }
.funnel-practice__steps li:last-child::before { display: none; }
.funnel-practice__steps li > span { position: absolute; left: 0; top: 0; color: var(--accent-hover); font-size: 13px; font-weight: 700; }
.funnel-practice__steps strong { display: block; max-width: 25ch; font-size: clamp(23px, 2vw, 31px); font-weight: 570; line-height: 1.18; letter-spacing: -.035em; }
.funnel-practice__steps p { max-width: 36ch; margin: 12px 0 0; color: var(--text-muted); font-size: 16px; line-height: 1.55; }

body[data-page="home"] .services-intro { min-height: 0; padding-block: clamp(70px, 8vw, 118px); }
body[data-page="home"] .services-intro-copy .stage-index { margin-bottom: 34px; }
body[data-page="home"] .services-intro-copy h2 { font: 600 clamp(48px, 5vw, 76px)/1.02 var(--font-sans); letter-spacing: -.055em; }
body[data-page="home"] .services-intro-copy > p:last-child { max-width: 48ch; }
body[data-page="home"] .service-chapter { display: block; min-height: 0; padding: 0; overflow: visible; border-top: 1px solid var(--border); background: var(--surface-0); }
body[data-page="home"] .service-chapter:nth-of-type(2n) { background: var(--surface-1); }
body[data-page="home"] .service-chapter-media { position: absolute; inset: 0 0 auto; height: clamp(500px, 43vw, 620px); z-index: 0; overflow: hidden; }
body[data-page="home"] .service-chapter-media::after,
body[data-page="home"] .service-chapter:nth-of-type(2n) .service-chapter-media::after { background: linear-gradient(0deg, color-mix(in oklch, var(--surface-0) 86%, transparent), transparent 28%), linear-gradient(90deg, color-mix(in oklch, var(--surface-0) 92%, transparent) 0%, color-mix(in oklch, var(--surface-0) 68%, transparent) 36%, transparent 70%); }
body[data-page="home"] .service-chapter-media img,
body[data-page="home"] .service-chapter:hover .service-chapter-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.78) contrast(1.02); transform: none; animation: none; }
body[data-page="home"] .service-banner-copy { position: relative; z-index: 1; top: auto; left: auto; width: var(--container-content); min-height: clamp(410px, 36vw, 510px); display: flex; flex-direction: column; justify-content: center; margin-inline: auto; padding: 60px 0 24px; transform: none; }
body[data-page="home"] .service-banner-copy .service-number { margin: 0 0 var(--space-4); color: var(--accent-hover); }
body[data-page="home"] .service-banner-copy h3 { max-width: 15ch; margin: 0; font: 600 clamp(44px, 4.4vw, 67px)/1.02 var(--font-sans); letter-spacing: -.055em; text-wrap: balance; }
body[data-page="home"] .service-banner-copy > p:last-child { max-width: 51ch; margin: var(--space-4) 0 0; color: var(--text); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.5; }
.funnel-service-action { position: relative; z-index: 1; min-height: 110px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding-block: 20px 28px; }
.funnel-service-action > p { max-width: 52ch; margin: 0; color: var(--text-muted); font-size: 14px; line-height: 1.5; }
.funnel-service-action > div { display: flex; align-items: center; gap: 16px 26px; flex-wrap: wrap; }
.funnel-service-action a { min-height: 44px; display: inline-flex; align-items: center; gap: 14px; border-bottom: 1px solid var(--accent-hover); color: var(--text); font-size: 14px; font-weight: 660; white-space: nowrap; }
.funnel-service-action a.funnel-service-action__quiet { border-color: var(--border-strong); color: var(--text-muted); font-size: 13px; }
body[data-page="home"] .service-chapter-body { position: relative; z-index: 2; left: auto; bottom: auto; width: 100%; min-height: 0; display: block; margin: 0; padding: 0 max(48px, calc((100vw - 1240px) / 2)); background: var(--surface-1); transform: none; }
body[data-page="home"] .service-chapter:nth-of-type(2n) .service-chapter-body { background: var(--surface-2); }
body[data-page="home"] .service-chapter-body > summary { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: var(--text-muted); font-size: 14px; font-weight: 620; cursor: pointer; list-style: none; }
body[data-page="home"] .service-chapter-body > summary::-webkit-details-marker { display: none; }
body[data-page="home"] .service-chapter-body > summary::after { content: "+"; color: var(--accent-hover); font-size: 22px; font-weight: 400; }
body[data-page="home"] .service-chapter-body[open] > summary::after { content: "−"; }
body[data-page="home"] .service-chapter-lead { display: block; max-width: 65ch; margin: 10px 0 34px; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.4; }
body[data-page="home"] .service-scope,
body[data-page="home"] .service-chapter--reverse .service-scope { display: block; margin: 0; padding: 0; background: transparent; }
body[data-page="home"] .service-scope ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 50px; padding-bottom: 24px; }
body[data-page="home"] .service-scope li { min-height: 0; display: block; padding-left: 35px; }
body[data-page="home"] .service-scope li > span { position: absolute; left: 0; top: 0; }
body[data-page="home"] .service-scope li strong { font-size: 17px; }
body[data-page="home"] .service-scope li p { display: block; margin: 8px 0 0; }
body[data-page="home"] .service-next { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 18px 0 36px; border-top: 1px solid var(--border); }
body[data-page="home"] .service-next p { display: block; max-width: 58ch; }
body[data-page="home"] .service-next a { min-height: 44px; display: inline-flex; align-items: center; margin: 0; }

.scope-page__lead { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: clamp(46px, 6vw, 84px); }
.scope-page__lead > p { max-width: 42ch; margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.5; }
.scope-page__close { padding-block: clamp(90px, 10vw, 150px); }
.scope-page__close h2 { max-width: 16ch; margin: 0; font: 600 clamp(42px, 5vw, 72px)/1.04 var(--font-sans); letter-spacing: -.055em; }
.scope-page__close p { max-width: 52ch; margin: 24px 0 32px; color: var(--text-muted); font-size: clamp(17px, 1.4vw, 21px); line-height: 1.55; }

body[data-page="home"] .achievement-stage { padding-block: clamp(80px, 9vw, 130px); }
body[data-page="home"] .achievement-copy h2, body[data-page="home"] .about-intro h2 { font-family: var(--font-sans); font-weight: 600; letter-spacing: -.055em; }
body[data-page="home"] .about-stage { padding-block: clamp(80px, 9vw, 138px); background: var(--surface-0); }

.funnel-packages-home { padding: clamp(90px, 9vw, 140px) 0; background: var(--surface-1); }
.funnel-packages-home__intro { max-width: 900px; margin-bottom: var(--space-7); }
.funnel-packages-home__intro .stage-index { margin-bottom: 36px; }
.funnel-packages-home__intro h2 { max-width: 17ch; margin: 0; font: 600 clamp(45px, 4.8vw, 73px)/1.04 var(--font-sans); letter-spacing: -.055em; text-wrap: balance; }
.funnel-packages-home__intro > p:last-child { max-width: 53ch; margin: 24px 0 0; color: var(--text-muted); font-size: clamp(17px, 1.25vw, 20px); line-height: 1.55; }
.funnel-packages-home__list { border-top: 1px solid var(--border-strong); }
.funnel-package-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(24px, 4vw, 68px); min-height: 198px; padding-block: 36px; border-bottom: 1px solid var(--border-strong); }
.funnel-package-row__copy > p:first-child { margin: 0 0 10px; color: var(--accent-hover); font-size: 12px; font-weight: 700; }
.funnel-package-row__copy h3 { margin: 0 0 10px; font: 600 clamp(25px, 2.4vw, 36px)/1.1 var(--font-sans); letter-spacing: -.045em; }
.funnel-package-row__copy > p:not(:first-child) { max-width: 58ch; margin: 0 0 12px; color: var(--text-muted); line-height: 1.55; }
.funnel-package-row__copy strong { font-size: 14px; font-weight: 580; }
.funnel-package-row > a { min-height: 48px; display: inline-flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--accent-hover); font-size: 14px; font-weight: 670; white-space: nowrap; }

.funnel-contact { padding: clamp(92px, 9vw, 140px) 0 clamp(110px, 10vw, 160px); background: var(--surface-0); }
.funnel-contact__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(24px, 3vw, 54px); align-items: start; }
.funnel-contact__intro { grid-column: 1 / 6; }
.funnel-contact__intro .stage-index { margin-bottom: 50px; }
.funnel-contact__intro h2 { max-width: 10ch; margin: 0; font: 610 clamp(52px, 5vw, 78px)/1.02 var(--font-sans); letter-spacing: -.06em; }
.funnel-contact__intro > p:not(.stage-index) { max-width: 38ch; margin: var(--space-5) 0 0; color: var(--text-muted); font-size: 18px; line-height: 1.55; }
.funnel-contact__intro .funnel-contact__terms { max-width: 42ch; margin-top: var(--space-7); padding-left: 18px; border-left: 2px solid var(--accent); font-size: 15px; }
.funnel-contact-form { grid-column: 7 / 13; display: grid; gap: 32px; padding-top: 6px; }
.funnel-contact-form__top { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid var(--border-strong); color: var(--text-muted); font-size: 12px; font-weight: 700; }
.funnel-contact-form label { display: grid; gap: 14px; color: var(--text); font-size: 15px; font-weight: 620; }
.funnel-contact-form label small { color: var(--text-muted); font-size: 13px; font-weight: 400; }
.funnel-contact-form :is(textarea, input, select) { width: 100%; min-width: 0; padding: 15px 0; border: 0; border-bottom: 1px solid var(--border-strong); border-radius: 0; outline: none; background: transparent; color: var(--text); font: 400 17px/1.5 var(--font-sans); }
.funnel-contact-form textarea { min-height: 170px; resize: vertical; }
.funnel-contact-form :is(textarea, input, select):focus-visible { border-bottom-color: var(--accent-hover); box-shadow: 0 2px 0 var(--accent-hover); }
.funnel-contact-form ::placeholder { color: var(--text-faint); opacity: 1; }
.funnel-contact-form select { appearance: none; background: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%) calc(100% - 14px) 50% / 6px 6px no-repeat; cursor: pointer; }
.funnel-contact-form select option { background: var(--surface-2); color: var(--text); }
.funnel-contact-form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.funnel-contact-form__bottom { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-top: 12px; }
.funnel-contact-form__bottom p { max-width: 39ch; margin: 0; color: var(--text-muted); font-size: 13px; line-height: 1.55; }
.funnel-contact-form__bottom p a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.funnel-contact-form button[type="submit"] { min-height: 54px; display: inline-flex; justify-content: space-between; align-items: center; gap: 24px; flex: 0 0 auto; padding: 15px 22px; border: 0; border-radius: 0; background: var(--accent); color: var(--text); font: 680 14px/1.2 var(--font-sans); cursor: pointer; }
.funnel-contact-form button[type="submit"]:hover { background: var(--accent-hover); }
.funnel-contact-form button[type="submit"]:disabled { opacity: .6; cursor: wait; }
.funnel-contact-form__status { min-height: 24px; margin: -12px 0 0; color: var(--text); font-size: 14px; line-height: 1.5; }
.funnel-contact-form__status a { color: var(--text); text-decoration-color: var(--accent-hover); text-underline-offset: 4px; }
.funnel-contact-form__status:empty { min-height: 0; }

@media (max-width: 1024px) {
  .funnel-practice__statement { grid-column: 1 / 7; }
  .funnel-practice__steps { grid-column: 7 / 13; }
  .funnel-package-row { grid-template-columns: minmax(0, 1fr) auto; }
  .funnel-contact__intro { grid-column: 1 / 6; }
  .funnel-contact-form { grid-column: 6 / 13; }
}

@media (max-width: 760px) {
  .scope-page__lead { flex-direction: column; align-items: start; padding-top: 38px; }
  .scope-page__lead > p { font-size: 14px; }
  body[data-page="home"] .hero-message { top: auto; left: auto; width: 100%; min-height: 0; display: block; padding: 48px 20px 40px; transform: none; }
  body[data-page="home"] .hero-message h1 { max-width: 14ch; margin: 14px 0 18px; font-size: clamp(42px, 10.2vw, 56px); }
  body[data-page="home"] .hero-message .hero-lede { max-width: 44ch; margin: 0; font-size: 16px; }
  .funnel-hero-actions { justify-content: flex-start; gap: 8px 22px; }
  .funnel-practice { padding-block: 84px 96px; }
  .funnel-practice__inner { display: block; }
  .funnel-practice__statement { position: static; }
  .funnel-practice__statement h2 { font-size: clamp(38px, 10vw, 52px); }
  .funnel-practice__steps { margin-top: 56px; padding: 0; gap: 38px; }
  .funnel-practice__steps li::before { bottom: -38px; }
  body[data-page="home"] .service-chapter { display: flex; flex-direction: column; }
  body[data-page="home"] .service-chapter-media { order: 1; position: relative; inset: auto; width: 100%; height: clamp(230px, 62vw, 330px); }
  body[data-page="home"] .service-chapter-media::after,
  body[data-page="home"] .service-chapter:nth-of-type(2n) .service-chapter-media::after { background: linear-gradient(180deg, transparent 70%, color-mix(in oklch, var(--surface-0) 44%, transparent)); }
  body[data-page="home"] .service-chapter-media img,
  body[data-page="home"] .service-chapter:hover .service-chapter-media img { object-position: center; }
  body[data-page="home"] .service-banner-copy { order: 2; width: calc(100% - 40px); min-height: 0; display: block; padding: 30px 0 10px; }
  body[data-page="home"] .service-banner-copy .service-number { margin-bottom: 20px; }
  body[data-page="home"] .service-banner-copy h3 { max-width: 13ch; font-size: clamp(39px, 10.2vw, 52px); line-height: 1.05; }
  body[data-page="home"] .service-banner-copy > p:last-child { max-width: 40ch; margin-top: 18px; font-size: 16px; }
  .funnel-service-action { order: 3; width: calc(100% - 40px); display: block; min-height: 0; padding: 14px 0 26px; }
  .funnel-service-action > p { font-size: 14px; }
  .funnel-service-action > a, .funnel-service-action > div { margin-top: 16px; }
  .funnel-service-action > div { display: flex; align-items: start; flex-direction: column; gap: 8px; }
  body[data-page="home"] .service-chapter-body { order: 4; width: 100%; padding-inline: 20px; }
  body[data-page="home"] .service-scope ul { grid-template-columns: 1fr; gap: 18px; }
  body[data-page="home"] .service-next { display: block; }
  body[data-page="home"] .service-next a { margin-top: 14px; }
  .funnel-packages-home { padding-block: 88px 100px; }
  .funnel-packages-home__intro { margin-bottom: 42px; }
  .funnel-packages-home__intro h2 { font-size: clamp(42px, 10vw, 56px); }
  .funnel-package-row { grid-template-columns: minmax(0, 1fr); gap: 18px; min-height: 0; padding-block: 30px 38px; }
  .funnel-package-row > a { grid-column: 1; }
  .funnel-contact { padding-block: 90px 110px; }
  .funnel-contact__layout { display: block; }
  .funnel-contact__intro .stage-index { margin-bottom: 34px; }
  .funnel-contact__intro h2 { font-size: clamp(46px, 11vw, 62px); }
  .funnel-contact__intro > p:not(.stage-index) { font-size: 16px; }
  .funnel-contact__intro .funnel-contact__terms { margin-top: 34px; }
  .funnel-contact-form { margin-top: 68px; gap: 28px; }
  .funnel-contact-form__fields { grid-template-columns: 1fr; gap: 26px; }
  .funnel-contact-form__bottom { align-items: stretch; flex-direction: column; }
  .funnel-contact-form button[type="submit"] { width: 100%; }
}

@media (max-width: 480px) {
  .funnel-hero-actions { align-items: stretch; flex-direction: column; max-width: 330px; }
  .funnel-primary { width: fit-content; }
  .funnel-secondary { width: fit-content; }
  body[data-page="home"] .case-detail-actions a { white-space: normal; }
  body[data-page="home"] .services-intro { padding-block: 82px 58px; }
  body[data-page="home"] .services-intro-copy h2 { font-size: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .funnel-primary, .funnel-secondary, .funnel-primary span, .funnel-secondary span { transition: none; }
  .funnel-secondary:hover span, .funnel-primary:hover span { transform: none; }
}

/* Put the people and their verifiable work in one readable spread. */
body[data-page="home"] .about-stage { padding-block: 0; background: var(--surface-0); }
body[data-page="home"] .about-stage::before { display: none; }
body[data-page="home"] .about-shell { padding-block: clamp(76px, 7vw, 104px); }
body[data-page="home"] .about-intro .stage-index { margin-bottom: 24px; }
body[data-page="home"] .about-intro h2 { max-width: 13ch; font-size: clamp(48px, 5vw, 74px); }
body[data-page="home"] .human-systems-note { width: min(760px, 100%); margin: 42px 0 0; padding: 0; border: 0; font-size: 14px; }
body[data-page="home"] .human-systems-note span { display: inline; margin: 0 12px 0 0; }
body[data-page="home"] .about-profiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(36px, 5vw, 80px); margin-top: 68px; }
body[data-page="home"] .about-profile { display: flex; flex-direction: column; min-height: 0; align-content: initial; padding-block: 24px 0; border-top: 1px solid var(--border-strong); }
body[data-page="home"] .about-profile > * { grid-column: auto; align-self: stretch; }
body[data-page="home"] .about-profile h3 { max-width: 14ch; font-size: clamp(38px, 3.5vw, 54px); line-height: 1.02; white-space: normal; }
body[data-page="home"] .about-profile-lead { max-width: 46ch; margin: 28px 0 0; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.54; }
body[data-page="home"] .about-story { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 22px; }
body[data-page="home"] .about-story p { max-width: 54ch; font-size: 14px; line-height: 1.58; }
body[data-page="home"] .about-sources { margin-top: 20px; }

@media (max-width: 900px) {
  body[data-page="home"] .about-intro { display: block; }
  body[data-page="home"] .about-intro h2 { max-width: 12ch; font-size: clamp(42px, 8vw, 64px); }
  body[data-page="home"] .about-intro > p:last-child { max-width: 52ch; margin-top: 24px; }
  body[data-page="home"] .about-profiles { grid-template-columns: 1fr; gap: 46px; margin-top: 54px; }
  body[data-page="home"] .about-profile { padding-block: 24px 0; }
  body[data-page="home"] .about-profile + .about-profile { margin-top: 0; }
  body[data-page="home"] .about-profile h3 { font-size: clamp(38px, 8vw, 54px); }
  body[data-page="home"] .human-systems-note { margin-top: 30px; }
}