/* 8AK.17: page-scoped layouts; the homepage and solution detail pages are unchanged. */
body.page-id-978 .ingium-about__development {
    padding: clamp(24px, 4vw, 48px);
    border: 1px solid #deded9;
    border-radius: 1rem;
    background: #f7f7f5;
}
body.page-id-978 .ingium-about__development .ingium-about__title {
    max-width: 26ch;
}
body.page-id-978 .ingium-about__timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    margin: 36px 0 0;
    list-style: none;
}
body.page-id-978 .ingium-about__station {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 24px 28px 0 0;
    border-top: 1px solid #ccc;
}
body.page-id-978 .ingium-about__station::before {
    position: absolute;
    top: -5px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #990000;
    content: '';
}
body.page-id-978 .ingium-about__year {
    margin: 0 0 12px;
    color: #990000;
    font-size: clamp(32px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.1;
}
body.page-id-978 .ingium-about__station h3,
body.page-id-978 .ingium-about__work-card h3 {
    margin: 0;
    font-size: clamp(22px, 1.9vw, 28px);
    line-height: 1.2;
    font-weight: 700;
    color: #222;
    hyphens: none;
}
body.page-id-978 .ingium-about__station p:not(.ingium-about__year),
body.page-id-978 .ingium-about__work-card p {
    margin: 12px 0 0;
    font-size: 17px;
    line-height: 1.6;
    color: #555;
}
body.page-id-978 .ingium-about__personal {
    padding-top: 24px;
    margin: 28px 0 0;
    border-top: 1px solid #deded9;
    max-width: 72ch;
    font-size: 18px;
    line-height: 1.6;
}
body.page-id-978 .ingium-about__work-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin: 36px 0 0;
    list-style: none;
}
body.page-id-978 .ingium-about__work-card {
    min-width: 0;
    margin: 0;
    padding: clamp(24px, 2.4vw, 32px);
    border: 1px solid #deded9;
    border-radius: 1rem;
    background: #fff;
}
body.page-id-978 .ingium-about__work-card h3 { color: #990000; }
body.page-id-978 .ingium-about__simple {
    padding: clamp(24px, 3vw, 36px);
    margin-top: 36px;
    border: 1px solid #deded9;
    border-radius: 1rem;
    background: #f7f7f5;
    scroll-margin-top: 120px;
}
/* 8AK.17e: identical top accents for the two existing framed About blocks. */
body.page-id-978 .ingium-about__development,
body.page-id-978 .ingium-about__simple {
    border-top: 3px solid #990000;
}
body.page-id-978 .ingium-about__simple h3 {
    max-width: 32ch;
    margin: 0;
    font-size: clamp(28px, 2.6vw, 36px);
    line-height: 1.2;
    font-weight: 700;
    hyphens: none;
}
body.page-id-978 .ingium-about__simple p {
    max-width: 68ch;
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.6;
}
body.page-id-978 .ingium-about__features {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    height: 48px;
    padding: 0;
    margin: 24px 0 0;
    list-style: none;
    background: url('../svg/relaunch/about-principles-horizontal.svg') center / 100% 100% no-repeat;
}
body.page-id-978 .ingium-about__features li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 0 16px;
    border: 0;
    background: transparent;
    color: #990000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    hyphens: none;
    white-space: nowrap;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero > .l-section-h {
    padding-top: clamp(40px, 4vw, 64px);
    padding-bottom: clamp(40px, 4vw, 64px);
}
body.page-id-976 .ingium-solution-hero__copy { max-width: 100%; }
/* 8AK.17d: account for the fixed header once, with a restrained shared rhythm. */
body.page-id-976.ingium-relaunch-prototype .l-main > .ingium-solution-hero:first-of-type > .l-section-h,
body.page-id-978.ingium-relaunch-prototype .l-main > .ingium-about--hero:first-of-type > .l-section-h {
    padding-top: calc(var(--header-height) + clamp(24px, 2.5vw, 36px)) !important;
}
body.page-id-978.ingium-relaunch-prototype .l-main > .l-section.ingium-about--hero {
    padding-top: 0;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero .ingium-solution-eyebrow,
body.page-id-978.ingium-relaunch-prototype .ingium-about--hero .ingium-rp-solutions__panel-label {
    margin: 0;
    font-size: clamp(13px, calc(12.5px + 0.13vw), 15px);
    line-height: 1.35;
    letter-spacing: .09em;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero .ingium-solution-title,
body.page-id-978.ingium-relaunch-prototype .ingium-about--hero .ingium-rp-hero__title {
    margin-top: .55rem;
    font-size: clamp(42px, 4.4vw, 64px);
    font-weight: var(--ingium-rp-font-weight-display);
    line-height: 1.07;
    letter-spacing: -.035em;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero .ingium-solution-lead,
body.page-id-978.ingium-relaunch-prototype .ingium-about--hero .ingium-rp-hero__lead {
    margin-top: 22px;
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: var(--ingium-rp-line-height-body);
}
body.page-id-976 .ingium-solution-hero__actions {
    column-gap: 56px;
}
body.page-id-976 .ingium-solution-hero__actions > .w-btn-wrapper {
    margin-inline: 0;
}
body.page-id-976 .ingium-solution-hub__intro > .ingium-solution-heading,
body.page-id-976 .ingium-solution-references__intro > .ingium-solution-heading {
    margin-top: 14px;
}
body.page-id-976 .ingium-solution-hero .ingium-solution-title {
    max-width: 19ch;
    font-size: clamp(42px, 4.4vw, 64px);
    line-height: 1.07;
}
body.page-id-976 .ingium-solution-hero .ingium-solution-lead {
    max-width: 74ch;
    margin-top: 22px;
}
/* 8AK.17c: shared SVG seams ensure an exact fit; labels stay accessible HTML. */
body.page-id-976 .ingium-solution-hero .w-html:has(> .ingium-solution-process) {
    display: block;
    width: 100%;
    max-width: 900px;
}
body.page-id-976 .ingium-solution-process {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    max-width: 900px;
    height: 68px;
    padding: 0;
    margin: 28px 0 0;
    list-style: none;
    border: 0;
    background: url('../svg/relaunch/solutions-puzzle-horizontal.svg?v=8ak17d-white') center / 100% 100% no-repeat;
}
body.page-id-976 .ingium-solution-process li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 0 28px;
    color: #222;
    font-size: clamp(16px, 1.3vw, 18px);
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hub-group-eyebrow {
    font-size: clamp(30px, 2.6vw, 38px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    text-transform: none;
}
body.page-id-976.ingium-relaunch-prototype .ingium-solution-hub-entry__title {
    font-size: clamp(30px, 2.4vw, 36px);
    line-height: 1.15;
}
@media (max-width: 1024px) {
    body.page-id-978 .ingium-about__timeline { grid-template-columns: 1fr; }
    body.page-id-978 .ingium-about__station {
        padding: 0 0 28px 24px;
        border-top: 0;
        border-left: 1px solid #ccc;
    }
    body.page-id-978 .ingium-about__station:last-child { padding-bottom: 0; }
    body.page-id-978 .ingium-about__station::before { top: 4px; left: -5px; }
    body.page-id-978 .ingium-about__work-cards { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    body.page-id-978 .ingium-about__features {
        grid-template-columns: 1fr;
        max-width: 320px;
        height: 192px;
        margin-inline: auto;
        background-image: url('../svg/relaunch/about-principles-vertical.svg');
    }
    body.page-id-978 .ingium-about__features li {
        padding: 0 12px;
        font-size: 15px;
    }
    body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero .ingium-solution-title,
    body.page-id-978.ingium-relaunch-prototype .ingium-about--hero .ingium-rp-hero__title {
        font-size: clamp(34px, 8.8vw, 42px);
    }
    body.page-id-976.ingium-relaunch-prototype .ingium-solution-hero .ingium-solution-eyebrow,
    body.page-id-978.ingium-relaunch-prototype .ingium-about--hero .ingium-rp-solutions__panel-label {
        font-size: 12px;
        letter-spacing: .075em;
    }
    body.page-id-976 .ingium-solution-process {
        grid-template-columns: 1fr;
        max-width: 320px;
        height: 204px;
        margin-inline: auto;
        background-image: url('../svg/relaunch/solutions-puzzle-vertical.svg?v=8ak17d-white');
    }
    body.page-id-976 .ingium-solution-process li { font-size: 18px; }
    body.page-id-976.ingium-relaunch-prototype .ingium-solution-hub-group-eyebrow { font-size: 32px; }
    body.page-id-976.ingium-relaunch-prototype .ingium-solution-hub-entry__title { font-size: 28px; }
}