/* /Components/Layout/Footer.razor.rz.scp.css */
/* Footer on the ink surface. Link colours and focus ring come from .surface-ink in site.css. */

.site-footer[b-ecuwkqruo3] {
    padding-block: 3.5rem 2rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}

.site-footer__logo[b-ecuwkqruo3] {
    display: block;
    height: auto;
}

.site-footer__name[b-ecuwkqruo3] {
    margin-bottom: 0.25rem;
    font-weight: 600;
    color: #fff;
}

.site-footer__address[b-ecuwkqruo3] {
    margin-bottom: 0.75rem;
    font-style: normal;
}

.site-footer__org[b-ecuwkqruo3] {
    margin-bottom: 0;
}

.site-footer__links[b-ecuwkqruo3] {
    margin-bottom: 0;
}

.site-footer__links li + li[b-ecuwkqruo3] {
    margin-top: 0.25rem;
}

.site-footer a[b-ecuwkqruo3] {
    text-underline-offset: 0.25em;
}

.site-footer a:hover[b-ecuwkqruo3] {
    text-decoration-color: var(--aurum-orange);
}

.site-footer__copyright[b-ecuwkqruo3] {
    margin: 3rem 0 0;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.75);
}
/* /Components/Layout/Header.razor.rz.scp.css */
/* Quiet header on the ink surface. Colours and focus ring come from .surface-ink in site.css.
   A deeper shade and a hairline set the navigation apart from the dark hero below it.
   Contrast on #10161E: white 18.0:1, nav links at 85% white 13.4:1, orange focus ring 7.80:1. */

.site-header[b-n3ysfz2zh6] {
    background-color: var(--aurum-ink-deep);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-header .navbar[data-bs-theme="dark"][b-n3ysfz2zh6] {
    --bs-navbar-padding-y: 1.25rem;
    --bs-navbar-color: rgba(255, 255, 255, 0.85);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-nav-link-padding-x: 0.875rem;
    --bs-navbar-brand-padding-y: 0.25rem;
}

.navbar-brand[b-n3ysfz2zh6] {
    display: inline-flex;
    align-items: center;
    margin-right: 2rem;
}

.navbar-brand img[b-n3ysfz2zh6] {
    display: block;
    height: auto;
}

.nav-link[b-n3ysfz2zh6] {
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.45em;
    transition: text-decoration-color 0.15s ease, color 0.15s ease;
}

.nav-link:hover[b-n3ysfz2zh6],
.nav-link:focus-visible[b-n3ysfz2zh6] {
    color: #fff;
    text-decoration-color: var(--aurum-orange);
}

/* Collapsed menu below lg: a little air above the list and full-width tap targets. */
@media (max-width: 991.98px) {
    .navbar-nav[b-n3ysfz2zh6] {
        padding-top: 1rem;
    }

    .nav-link[b-n3ysfz2zh6] {
        padding-block: 0.625rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-link[b-n3ysfz2zh6] {
        transition: none;
    }
}
/* /Components/Pages/Person.razor.rz.scp.css */
/* Employee profile (SPEC 5). Three calm bands, consistent with the front page:
   1. intro on paper: breadcrumb, square photo left and name/title/tagline right from md;
   2. details on mist: bio and selected assignments in the main column, short lists on the side;
   3. back link and previous/next on paper.
   No cards, no shadows, no chips. Orange only in the heading rule and link underlines; text and focus ring are ink (SPEC 7.3). */

/* 1. Intro
   -------------------------------------------------------------------------- */

.person-intro[b-dgqndn12l6] {
    padding-block: clamp(1.5rem, 1rem + 2vw, 2.5rem) clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
}

/* Breadcrumb: the separator is drawn by CSS and has empty alternative text, so screen readers
   only hear the three items of the ordered list. */
.breadcrumbs[b-dgqndn12l6] {
    margin-bottom: clamp(1.75rem, 1.25rem + 2vw, 3rem);
    font-size: 0.9375rem;
}

.breadcrumbs__list[b-dgqndn12l6] {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs__item + .breadcrumbs__item[b-dgqndn12l6]::before {
    content: "\203A";
    content: "\203A" / "";
    padding-inline: 0.5rem;
    color: var(--aurum-slate);
}

.breadcrumbs__item[aria-current="page"][b-dgqndn12l6] {
    color: var(--aurum-slate);
}

.person-intro__grid[b-dgqndn12l6] {
    display: grid;
    gap: 1.75rem;
}

@media (min-width: 768px) {
    .person-intro__grid[b-dgqndn12l6] {
        grid-template-columns: 17.5rem minmax(0, 1fr);
        align-items: end;
        column-gap: clamp(2.5rem, 1rem + 3vw, 4rem);
    }
}

@media (min-width: 1200px) {
    .person-intro__grid[b-dgqndn12l6] {
        grid-template-columns: 21.25rem minmax(0, 1fr);
    }
}

/* Keep in sync with PhotoSizes in Person.razor.cs. */
.person-intro__photo[b-dgqndn12l6] {
    display: block;
    width: 15rem;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--aurum-radius-photo);
    box-shadow: var(--aurum-shadow-photo);
    background-color: var(--aurum-mist);
}

@media (min-width: 768px) {
    .person-intro__photo[b-dgqndn12l6] {
        width: 100%;
    }
}

.person-intro__text[b-dgqndn12l6] {
    max-width: var(--aurum-measure);
}

.person-intro__name[b-dgqndn12l6] {
    margin-bottom: 0.75rem;
}

.person-intro__title[b-dgqndn12l6] {
    margin-bottom: 1rem;
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    font-weight: 600;
    color: var(--aurum-slate);
}

.person-intro__tagline[b-dgqndn12l6] {
    margin-bottom: 0;
    font-size: clamp(1.1875rem, 1.05rem + 0.55vw, 1.375rem);
    line-height: 1.5;
}


/* 2. Details
   -------------------------------------------------------------------------- */

.person-bio[b-dgqndn12l6] {
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    line-height: 1.6;
}

.person-bio p:last-child[b-dgqndn12l6] {
    margin-bottom: 0;
}

.person-highlights[b-dgqndn12l6] {
    margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
}

/* Assignments: rows separated by hairlines, like the case rows on the front page. Customer and
   period in a narrow column from md, role and the one-sentence description beside it. */
.person-highlights__list[b-dgqndn12l6] {
    margin: 0;
    border-bottom: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}

.person-highlights__item[b-dgqndn12l6] {
    display: grid;
    gap: 0.5rem;
    padding-block: 1.5rem;
    border-top: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}

@media (min-width: 768px) {
    .person-highlights__item[b-dgqndn12l6] {
        grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
        column-gap: 2rem;
    }
}

.person-highlights__customer[b-dgqndn12l6] {
    margin-bottom: 0.125rem;
    font-size: 1.125rem;
    font-weight: 650;
    line-height: 1.35;
}

.person-highlights__period[b-dgqndn12l6] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--aurum-slate);
    font-variant-numeric: tabular-nums;
}

.person-highlights__role[b-dgqndn12l6] {
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.person-highlights__description[b-dgqndn12l6] {
    margin: 0;
}

/* Side column: short lists, each under a small heading, separated by hairlines. */
.person-facts__group + .person-facts__group[b-dgqndn12l6] {
    margin-top: 1.75rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}

.person-facts__heading[b-dgqndn12l6] {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: 0;
}

.person-facts__list[b-dgqndn12l6] {
    margin: 0;
}

.person-facts__list li + li[b-dgqndn12l6] {
    margin-top: 0.375rem;
}

.person-facts__list--links a[b-dgqndn12l6] {
    overflow-wrap: anywhere;
}


/* 3. Back link and previous/next
   -------------------------------------------------------------------------- */

.person-more[b-dgqndn12l6] {
    padding-block: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.person-more .container[b-dgqndn12l6] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem 3rem;
}

.person-more__back[b-dgqndn12l6] {
    margin: 0;
    font-weight: 600;
}

.person-more__list[b-dgqndn12l6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 3rem;
    margin: 0;
}

.person-more__link[b-dgqndn12l6] {
    display: block;
    text-decoration: none;
}

.person-more__direction[b-dgqndn12l6] {
    display: block;
    font-size: 0.875rem;
    color: var(--aurum-slate);
}

.person-more__name[b-dgqndn12l6] {
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-color: var(--aurum-link-decoration-color);
    text-decoration-thickness: var(--aurum-link-decoration-thickness);
    text-underline-offset: 0.2em;
}

.person-more__link:hover .person-more__name[b-dgqndn12l6] {
    text-decoration-thickness: var(--aurum-link-hover-decoration-thickness);
}

@media (min-width: 576px) {
    .person-more__item--next[b-dgqndn12l6] {
        text-align: right;
    }
}
/* /Components/Sections/Ai.razor.rz.scp.css */
/* AI positioning: a little more presence than the other sections (larger lead, orange rules on the
   principles), but no cards, chips, numbers or gradients (SPEC 7.3). */

.ai__lead[b-z6za6sqx4g] {
    margin-top: 0.5rem;
    color: var(--aurum-ink);
}

.ai__principles[b-z6za6sqx4g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

/* A thin orange rule beside each principle: a quiet mark, not a card. */
.ai__principle[b-z6za6sqx4g] {
    padding-left: 1.25rem;
    border-left: 2px solid var(--aurum-orange);
}

.ai__principle-title[b-z6za6sqx4g] {
    margin-bottom: 0.625rem;
}

.ai__principle-text[b-z6za6sqx4g] {
    margin-bottom: 0;
    color: var(--aurum-slate);
}

.ai__tools[b-z6za6sqx4g] {
    margin-top: clamp(3rem, 6vw, 4.5rem);
    padding-top: 2rem;
    border-top: 1px solid var(--aurum-line);
}

.ai__tools-heading[b-z6za6sqx4g] {
    margin-bottom: 1.25rem;
}

/* Plain list with a small orange square as marker. */
.ai__tools-list[b-z6za6sqx4g] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ai__tools-list li[b-z6za6sqx4g] {
    position: relative;
    padding: 0.5rem 0 0.5rem 1.25rem;
    break-inside: avoid;
}

.ai__tools-list li[b-z6za6sqx4g]::before {
    content: "";
    position: absolute;
    top: 1.15em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--aurum-orange);
}

/* Four principles as a 2 x 2 grid from md up: no orphan on its own row, and the texts (which vary
   a lot in length) keep a readable line length. Four columns would turn the longest one into a
   narrow tower next to much shorter ones. */
@media (min-width: 768px) {
    .ai__principles[b-z6za6sqx4g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(2rem, 4vw, 3rem) clamp(2rem, 5vw, 4.5rem);
    }

    .ai__tools-list[b-z6za6sqx4g] {
        columns: 2;
        column-gap: 3rem;
    }
}

/* Same width and column gap for principles and tools, so their second columns line up. */
@media (min-width: 992px) {
    .ai__principles[b-z6za6sqx4g] {
        max-width: 64rem;
        column-gap: 4.5rem;
    }

    .ai__tools-list[b-z6za6sqx4g] {
        max-width: 64rem;
        column-gap: 4.5rem;
    }
}
/* /Components/Sections/Careers.razor.rz.scp.css */
.careers__action[b-t354jgdfp1] {
    margin-top: 2rem;
}
/* /Components/Sections/Cases.razor.rz.scp.css */
/* Cases: a quiet list of rows separated by hairlines (SPEC 4.5, 7.3). The rows themselves are
   styled in Shared/CaseItem.razor.css. */

.cases__lead[b-a1d0m3h25h] {
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    line-height: 1.55;
    color: var(--aurum-slate);
}

.cases__list[b-a1d0m3h25h] {
    margin: 0;
    border-bottom: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}

.cases__row[b-a1d0m3h25h] {
    border-top: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}
/* /Components/Sections/Contact.razor.rz.scp.css */
/* Contact: text and contact person on the left, company details on the right from lg. */

.contact__text[b-4km1u6m90c] {
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    line-height: 1.55;
}

.contact__person[b-4km1u6m90c] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}

.contact__photo[b-4km1u6m90c] {
    flex: none;
    width: 7rem;
    height: 7rem;
    object-fit: cover;
    border-radius: var(--aurum-radius-photo);
    box-shadow: var(--aurum-shadow-photo);
    background-color: var(--aurum-mist);
}

@media (min-width: 576px) {
    .contact__person[b-4km1u6m90c] {
        gap: 1.75rem;
    }

    .contact__photo[b-4km1u6m90c] {
        width: 10rem;
        height: 10rem;
    }
}

.contact__name[b-4km1u6m90c] {
    margin-bottom: 0.125rem;
}

.contact__title[b-4km1u6m90c] {
    margin-bottom: 0.75rem;
    color: var(--aurum-slate);
}

.contact__links[b-4km1u6m90c] {
    margin: 0;
}

.contact__links li + li[b-4km1u6m90c] {
    margin-top: 0.25rem;
}

.contact__links a[b-4km1u6m90c],
.contact__company a[b-4km1u6m90c] {
    overflow-wrap: anywhere;
}

/* Company details: a hairline separates them from the contact person. */
.contact__company[b-4km1u6m90c] {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
}

@media (min-width: 992px) {
    .contact__company[b-4km1u6m90c] {
        padding-top: 0;
        padding-left: 2.5rem;
        border-top: 0;
        border-left: 1px solid rgba(var(--aurum-ink-rgb), 0.14);
    }
}

.contact__company-name[b-4km1u6m90c] {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.contact__address[b-4km1u6m90c] {
    margin-bottom: 0.75rem;
    font-style: normal;
}

.contact__company-email[b-4km1u6m90c] {
    margin-bottom: 0.75rem;
}

.contact__org[b-4km1u6m90c] {
    margin-bottom: 0;
    color: var(--aurum-slate);
}
/* /Components/Sections/Hero.razor.rz.scp.css */
/* Hero on the ink surface (.surface-ink in site.css), so header and hero read as one dark block.
   The heading carries the section; the part after the first en dash is set in brand orange.
   No gradients, no shadows, no animation (SPEC 7.3).

   Contrast (WCAG 2.1) on ink #1B2430:
     heading white                         15.65:1
     heading accent orange #F5921A          6.71:1 (large text, needs 3:1)
     lead 80 % white (#D1D3D6)             10.46:1
     fact value white on tile (#242D38)    13.96:1
     fact label 75 % white on tile          8.53:1
     secondary button white, hover bg 8 %  12.30:1 (border 70 % white 8.33:1)
     orange focus ring on ink               6.71:1 (non-text, needs 3:1) */

.hero[b-fsy1vsstai] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(3.5rem, 10vw, 8rem) clamp(4rem, 10vw, 7rem);
}

/* Decorative Aurum pictogram, lg+ only. A CSS background on a pseudo-element: it is not in the
   accessibility tree, takes no layout space (no shift) and never competes with the h1 for LCP. */
.hero[b-fsy1vsstai]::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: clamp(2rem, 6vw, 6rem);
    right: -10rem;
    display: none;
    width: clamp(380px, 36vw, 540px);
    aspect-ratio: 1;
    background: url("/images/pictogram-mark.svg") no-repeat center / contain;
    opacity: 0.07;
    pointer-events: none;
}

@media (min-width: 992px) {
    .hero[b-fsy1vsstai]::after {
        display: block;
    }
}

.hero__heading[b-fsy1vsstai] {
    max-width: 16ch;
    margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
    font-size: clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

/* A short orange rule above the heading. */
.hero__heading[b-fsy1vsstai]::before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 4px;
    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
    background-color: var(--aurum-orange);
}

.hero__accent[b-fsy1vsstai] {
    color: var(--aurum-orange);
}

.hero__lead[b-fsy1vsstai] {
    max-width: 58ch;
    margin-bottom: 2.5rem;
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.8);
}

/* Secondary call to action: white outline, a quiet tint on hover instead of a full white fill. */
.hero .hero__cta-secondary[b-fsy1vsstai] {
    --bs-btn-color: #FFFFFF;
    --bs-btn-border-color: rgba(255, 255, 255, 0.7);
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
    --bs-btn-hover-border-color: #FFFFFF;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: rgba(255, 255, 255, 0.14);
    --bs-btn-active-border-color: #FFFFFF;
}

/* Facts as framed tiles: 2 x 2 on small screens, one row of four from md. */
.hero__facts[b-fsy1vsstai] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: clamp(3rem, 6vw, 4.5rem) 0 0;
}

.hero__fact[b-fsy1vsstai] {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 0.5rem;
    overflow: hidden;
    padding: 1.5rem 1.25rem 1.125rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.04);
}

/* Orange accent along the top edge of each tile. */
.hero__fact[b-fsy1vsstai]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--aurum-orange);
}

.hero__fact dt[b-fsy1vsstai] {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.75);
}

.hero__fact dd[b-fsy1vsstai] {
    margin: 0;
    font-size: clamp(2rem, 1.4rem + 1.8vw, 2.75rem);
    font-weight: 750;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .hero__facts[b-fsy1vsstai] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .hero[b-fsy1vsstai]::after {
        right: -6rem;
    }
}

@media (min-width: 1400px) {
    .hero[b-fsy1vsstai]::after {
        right: max(-2rem, calc((100vw - 1320px) / 2 - 7rem));
    }
}
/* /Components/Sections/People.razor.rz.scp.css */
.people__lead[b-y4bxutm1jn] {
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    line-height: 1.55;
    color: var(--aurum-slate);
}

.people__grid[b-y4bxutm1jn] {
    margin-bottom: 0;
}
/* /Components/Sections/Sectors.razor.rz.scp.css */
/* Sectors: compact section, a single inline list separated by small dots. */

.sectors[b-t3eds15k28] {
    padding-block: clamp(2.5rem, 5vw, 4rem);
}

.sectors__heading[b-t3eds15k28] {
    margin-bottom: 1.25rem;
    font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
}

.sectors__list[b-t3eds15k28] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
    color: var(--aurum-ink);
}

.sectors__list li[b-t3eds15k28] {
    display: inline-flex;
    align-items: center;
}

.sectors__list li + li[b-t3eds15k28]::before {
    content: "";
    flex: none;
    width: 4px;
    height: 4px;
    margin-inline: 0.875rem;
    border-radius: 50%;
    background-color: var(--aurum-orange);
}
/* /Components/Sections/Services.razor.rz.scp.css */
/* Services: an open 2x2 grid from md, one column below. Each item is separated by a thin
   hairline above it rather than drawn as a card (SPEC 7.3). */

.services__list[b-wm2cvrzw9u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
}

.services__item[b-wm2cvrzw9u] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--aurum-line);
}

.services__title[b-wm2cvrzw9u] {
    margin-bottom: 0.75rem;
}

.services__text[b-wm2cvrzw9u] {
    max-width: 60ch;
    margin-bottom: 0;
    color: var(--aurum-slate);
}

@media (min-width: 768px) {
    .services__list[b-wm2cvrzw9u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3.5rem clamp(2.5rem, 5vw, 5rem);
    }
}
/* /Components/Sections/SplitSection.razor.rz.scp.css */
/* Short text sections: heading left, text right from lg. Calm, no extra accents besides the
   heading's orange rule from .section__heading. */

.split-section__body[b-9wlwlg5pba] {
    font-size: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);
    line-height: 1.6;
}

.split-section__body[b-9wlwlg5pba]  p:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .split-section__heading[b-9wlwlg5pba] {
        margin-bottom: 0;
        padding-right: 2rem;
    }

    /* Aligns the first text line with the heading text, below its orange rule (3px + 1rem). */
    .split-section__body[b-9wlwlg5pba] {
        padding-top: calc(3px + 1rem + 0.4rem);
    }
}
/* /Components/Shared/CaseItem.razor.rz.scp.css */
/* A case row: narrow customer column on the left, text on the right from md; stacked on
   smaller screens. No card, no shadow, no colour chips (SPEC 4.5, 7.3). */

.case-item[b-8imkwdnsgo] {
    display: grid;
    gap: 1rem;
    padding-block: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
}

@media (min-width: 768px) {
    .case-item[b-8imkwdnsgo] {
        grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr);
        column-gap: clamp(2rem, 1rem + 3vw, 4rem);
    }
}

/* Customer column */

.case-item__customer[b-8imkwdnsgo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

@media (min-width: 768px) {
    .case-item__customer[b-8imkwdnsgo] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Same box for every logo, whatever its shape or format; the logo sits left-aligned in it. */
.case-item__logo[b-8imkwdnsgo] {
    display: block;
    width: 8.5rem;
    height: 2.5rem;
    object-fit: contain;
    object-position: left center;
}

.case-item__name[b-8imkwdnsgo] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 650;
    line-height: 1.3;
}

.case-item__markers[b-8imkwdnsgo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin: 0;
}

.case-item__marker[b-8imkwdnsgo] {
    display: inline-block;
    padding: 0.0625rem 0.5rem;
    border: 1px solid transparent;
    border-radius: var(--bs-border-radius-sm);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.5;
}

/* Draft: only outside Production. Dashed and neutral, so it reads as "not final". */
.case-item__marker--draft[b-8imkwdnsgo] {
    color: var(--aurum-slate);
    border-color: var(--aurum-slate);
    border-style: dashed;
}

/* Text column */

.case-item__body[b-8imkwdnsgo] {
    max-width: var(--aurum-measure);
}

.case-item__title[b-8imkwdnsgo] {
    margin-bottom: 0.625rem;
}

.case-item__summary[b-8imkwdnsgo] {
    margin-bottom: 1rem;
}

/* Customer impact: a short block set off by an orange rule (accent on light surfaces only,
   never as text colour). The label sits on its own line above the text. */
.case-item__result[b-8imkwdnsgo] {
    margin-bottom: 1rem;
    padding-left: 1rem;
    border-left: 3px solid var(--aurum-orange);
}

.case-item__result-label[b-8imkwdnsgo] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--aurum-ink);
}

/* Tags: a quiet inline list separated by middle dots. */
.case-item__tags[b-8imkwdnsgo] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
    font-size: 0.9375rem;
    color: var(--aurum-slate);
}

.case-item__tags li + li[b-8imkwdnsgo]::before {
    content: "\00B7";
    /* Empty alternative text: the separator is decoration and should not be read out. */
    content: "\00B7" / "";
    padding-inline: 0.5rem;
    color: var(--aurum-slate);
}

.case-item__people[b-8imkwdnsgo] {
    margin: 0;
    font-size: 0.9375rem;
}

.case-item__people-label[b-8imkwdnsgo] {
    color: var(--aurum-slate);
}
/* /Components/Shared/PersonCard.razor.rz.scp.css */
/* People card: photo and text, no frame and no shadow (SPEC 7.3). The link is a block, so the
   global focus ring (site.css section 8) surrounds the whole card. */

.person-card[b-rg8xzcwz3u] {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.person-card__photo[b-rg8xzcwz3u] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 1rem;
    border-radius: var(--aurum-radius-photo);
    box-shadow: var(--aurum-shadow-photo);
    background-color: var(--aurum-mist);
    transition: filter 0.15s ease;
}

.person-card__text[b-rg8xzcwz3u] {
    display: block;
}

.person-card__name[b-rg8xzcwz3u] {
    display: block;
    margin-bottom: 0.125rem;
    font-size: 1.125rem;
    font-weight: 650;
    line-height: 1.3;
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
    transition: text-decoration-color 0.15s ease;
}

.person-card__title[b-rg8xzcwz3u] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    color: var(--aurum-slate);
}

.person-card__tagline[b-rg8xzcwz3u] {
    display: block;
    font-size: 0.9375rem;
    line-height: 1.5;
}

/* Hover/focus: the name stays ink (15.65:1) and gets an orange underline; the photo dims slightly.
   Orange is never used as text on light backgrounds (2.3:1). */
.person-card:hover .person-card__name[b-rg8xzcwz3u],
.person-card:focus-visible .person-card__name[b-rg8xzcwz3u] {
    text-decoration-color: var(--aurum-orange);
}

.person-card:hover .person-card__photo[b-rg8xzcwz3u] {
    filter: brightness(0.92);
}
