.single-cdc_realisation .breadcrumb-nav { display: none; }

.cdc-project-page {
    overflow: hidden;
    background: #f7f7f3;
    color: var(--ink);
}

.cdc-project-hero {
    position: relative;
    min-height: 570px;
    isolation: isolate;
    overflow: hidden;
    background: #14201b;
    color: #fff;
}

.cdc-project-hero::before,
.cdc-project-hero::after {
    content: "";
    position: absolute;
    inset: 0;
}

.cdc-project-hero::before {
    z-index: -2;
    background: var(--project-hero) center / cover no-repeat;
    transform: scale(1.01);
}

.cdc-project-hero::after {
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(10, 18, 15, .86) 0%, rgba(10, 18, 15, .62) 48%, rgba(10, 18, 15, .18) 100%),
        linear-gradient(0deg, rgba(10, 18, 15, .72) 0%, rgba(10, 18, 15, 0) 58%);
}

.cdc-project-hero-inner {
    min-height: 570px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 2rem;
    padding-block: 1.5rem 2.8rem;
}

.cdc-project-hero-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cdc-project-hero-topline > a {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: rgba(255, 255, 255, .86);
    font-size: .84rem;
    font-weight: 720;
    text-decoration: none;
}

.cdc-project-hero-topline > a:hover { color: #fff; }

.cdc-project-terms {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.cdc-project-terms span {
    padding: .32rem .58rem;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 4px;
    background: rgba(10, 18, 15, .38);
    color: rgba(255, 255, 255, .9);
    font-size: .7rem;
    font-weight: 720;
    backdrop-filter: blur(8px);
}

.cdc-project-hero-copy {
    align-self: end;
    max-width: 820px;
}

.cdc-project-hero-copy .eyebrow {
    margin-bottom: .8rem;
    color: #efb46d;
}

.cdc-project-hero-copy h1 {
    max-width: 820px;
    margin-bottom: .9rem;
    color: #fff;
    font-size: 4rem;
    line-height: 1;
}

.cdc-project-hero-lead {
    max-width: 710px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 1.08rem;
    line-height: 1.58;
}

.cdc-project-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 0;
    margin-top: 1.15rem;
    color: rgba(255, 255, 255, .76);
    font-size: .82rem;
    font-weight: 680;
}

.cdc-project-hero-meta span + span::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 .7rem .18rem;
    border-radius: 50%;
    background: #efb46d;
}

.cdc-project-hero-copy .hero-actions { margin-top: 1.45rem; }
.cdc-project-hero .button { background: #c9782d; color: #17110d; }
.cdc-project-hero .button:hover { background: #db8a3c; }
.cdc-project-hero .button.secondary {
    border-color: rgba(255, 255, 255, .48);
    background: rgba(10, 18, 15, .34);
    color: #fff;
}

.cdc-project-intro,
.cdc-project-story,
.cdc-project-gallery,
.cdc-project-related { padding-block: 5rem; }

.cdc-project-intro {
    border-bottom: 1px solid var(--line);
    background: #f7f7f3;
}

.cdc-project-intro-grid {
    display: grid;
    grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
    gap: 5.5rem;
    align-items: start;
}

.cdc-project-section-heading .eyebrow,
.cdc-project-gallery-heading .eyebrow,
.cdc-project-related-heading .eyebrow { margin-bottom: .7rem; }

.cdc-project-section-heading h2,
.cdc-project-gallery-heading h2,
.cdc-project-related-heading h2 {
    max-width: 680px;
    margin: 0;
    font-size: 2.75rem;
    line-height: 1.08;
}

.cdc-project-lead {
    max-width: 720px;
    margin: 0;
    color: #3f4a46;
    font-size: 1.12rem;
    line-height: 1.7;
}

.cdc-project-editor {
    max-width: 720px;
    margin-top: 1.5rem;
    color: var(--muted);
}

.cdc-project-editor > :first-child { margin-top: 0; }

.cdc-project-note {
    max-width: 720px;
    margin: 1.35rem 0 0;
    padding-left: 1rem;
    border-left: 3px solid rgba(155, 95, 45, .65);
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.6;
}

.cdc-project-skill-links {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.8rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--line);
}

.cdc-project-skill-links > span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.cdc-project-skill-links > div {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.2rem;
}

.cdc-project-skill-links a {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--leaf-dark);
    font-weight: 760;
    text-decoration: none;
}

.cdc-project-skill-links a:hover { color: var(--wood-dark); }

.cdc-project-story { background: #e9ece7; }

.cdc-project-section-heading-inline,
.cdc-project-gallery-heading,
.cdc-project-related-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3rem;
    align-items: end;
    margin-bottom: 2.4rem;
}

.cdc-project-section-heading-inline > p,
.cdc-project-gallery-heading > p {
    max-width: 340px;
    margin: 0;
    color: var(--muted);
    font-size: .86rem;
}

.cdc-project-story-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .8rem;
}

.cdc-project-story-grid article {
    min-width: 0;
    padding: 1.5rem;
    border: 1px solid rgba(23, 33, 31, .13);
    border-radius: 6px;
    background: rgba(255, 255, 255, .72);
}

.cdc-project-story-grid article > span {
    display: block;
    margin-bottom: 1.4rem;
    color: var(--wood);
    font-size: .75rem;
    font-weight: 820;
}

.cdc-project-story-grid article > p {
    margin-bottom: .4rem;
    color: var(--wood-dark);
    font-size: .7rem;
    font-weight: 820;
    text-transform: uppercase;
}

.cdc-project-story-grid h3 {
    margin-bottom: .75rem;
    font-size: 1.4rem;
}

.cdc-project-story-grid article > div {
    color: #53605b;
    font-size: .94rem;
    line-height: 1.62;
}

.cdc-project-technical {
    padding-block: 4.25rem;
    background: #183328;
    color: #fff;
}

.cdc-project-technical-grid {
    display: grid;
    grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
    gap: 5rem;
    align-items: start;
}

.cdc-project-technical .eyebrow { color: #efb46d; }
.cdc-project-technical h2 {
    max-width: 430px;
    margin: 0;
    color: #fff;
    font-size: 2.5rem;
}

.cdc-project-technical dl {
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.cdc-project-technical dl > div {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 1.5rem;
    padding-block: 1.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.cdc-project-technical dt {
    color: #efb46d;
    font-size: .7rem;
    font-weight: 820;
    text-transform: uppercase;
}

.cdc-project-technical dd {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: .94rem;
    line-height: 1.65;
}

.cdc-project-gallery { background: #fff; }

.cdc-project-gallery-heading > p {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 760;
    text-transform: uppercase;
}

.cdc-project-gallery-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    grid-auto-rows: 96px;
    gap: .65rem;
}

.cdc-project-gallery-grid figure {
    position: relative;
    grid-column: span 4;
    grid-row: span 3;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
    background: #dfe3de;
}

.cdc-project-gallery-grid figure:nth-child(1) {
    grid-column: span 7;
    grid-row: span 5;
}

.cdc-project-gallery-grid figure:nth-child(2) {
    grid-column: span 5;
    grid-row: span 5;
}

.cdc-project-gallery-grid figure:nth-child(8n + 6) {
    grid-column: span 8;
    grid-row: span 4;
}

.cdc-project-gallery-grid figure:nth-child(8n + 7) {
    grid-column: span 4;
    grid-row: span 4;
}

.cdc-project-gallery-grid figure.is-portrait:not(:nth-child(1)):not(:nth-child(2)) { grid-row: span 5; }
.cdc-project-gallery-grid .is-gallery-extra { display: none; }
.cdc-project-gallery-grid.is-expanded .is-gallery-extra { display: block; }

.cdc-project-gallery-grid a {
    position: relative;
    display: block;
    height: 100%;
}

.cdc-project-gallery-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}

.cdc-project-gallery-grid figure:hover img {
    transform: scale(1.025);
    filter: saturate(1.04);
}

.cdc-project-gallery-grid figcaption {
    position: absolute;
    right: .65rem;
    bottom: .65rem;
    left: .65rem;
    padding: .55rem .65rem;
    border-radius: 3px;
    background: rgba(10, 18, 15, .84);
    color: #fff;
    font-size: .72rem;
}

.cdc-project-photo-open {
    position: absolute;
    right: .7rem;
    top: .7rem;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 50%;
    background: rgba(10, 18, 15, .66);
    color: #fff;
    font-size: 1.12rem;
    font-weight: 350;
    line-height: 1;
}

.cdc-project-photo-number {
    position: absolute;
    left: .7rem;
    top: .7rem;
    color: #fff;
    font-size: .7rem;
    font-weight: 820;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .7);
}

.cdc-project-gallery-toggle {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    margin-top: .8rem;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: #fff;
    color: var(--ink);
    font: inherit;
    font-size: .84rem;
    font-weight: 760;
    cursor: pointer;
}

.cdc-project-gallery-toggle:hover {
    border-color: rgba(47, 91, 72, .45);
    background: #f3f6f2;
}

.cdc-project-related {
    border-top: 1px solid var(--line);
    background: #f0f2ed;
}

.cdc-project-related-heading > a {
    color: var(--leaf-dark);
    font-size: .86rem;
    font-weight: 760;
    text-decoration: none;
}

.cdc-project-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: .85rem;
}

.cdc-project-related-grid article:only-child { width: min(100%, 390px); }

.cdc-project-related-grid article {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 33, 31, .13);
    border-radius: 6px;
    background: #fff;
}

.cdc-project-related-grid article > a {
    display: block;
    height: 100%;
    color: var(--ink);
    text-decoration: none;
}

.cdc-project-related-image {
    position: relative;
    overflow: hidden;
    background: #dfe3de;
}

.cdc-project-related-image img {
    width: 100%;
    aspect-ratio: 1.55;
    object-fit: cover;
    transition: transform .3s ease;
}

.cdc-project-related-grid article:hover img { transform: scale(1.03); }

.cdc-project-related-image span {
    position: absolute;
    right: .65rem;
    top: .65rem;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(10, 18, 15, .72);
    color: #fff;
}

.cdc-project-related-grid article > a > div:last-child { padding: 1rem; }
.cdc-project-related-grid p {
    margin: 0 0 .35rem;
    color: var(--wood-dark);
    font-size: .67rem;
    font-weight: 820;
    text-transform: uppercase;
}

.cdc-project-related-grid h3 {
    margin: 0;
    font-size: 1.28rem;
    line-height: 1.18;
}

.cdc-project-related-grid small {
    display: block;
    margin-top: .65rem;
    color: var(--muted);
}

.cdc-project-cta {
    padding-block: 4.5rem;
    border-top: 1px solid rgba(23, 33, 31, .13);
    background: #dfe7e1;
}

.cdc-project-cta .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
    gap: 5rem;
    align-items: end;
}

.cdc-project-cta h2 {
    max-width: 620px;
    margin: 0;
    font-size: 2.85rem;
}

.cdc-project-cta p { max-width: 560px; }
.cdc-project-cta .button { background: var(--leaf-dark); color: #fff; }
.cdc-project-cta .button.secondary {
    border-color: rgba(23, 55, 44, .42);
    background: transparent;
    color: var(--leaf-dark);
}

#projet,
#approche,
#technique,
#galerie { scroll-margin-top: 130px; }

@media (max-width: 980px) {
    .cdc-project-hero,
    .cdc-project-hero-inner { min-height: 540px; }
    .cdc-project-hero-copy h1 { font-size: 3.35rem; }
    .cdc-project-intro-grid,
    .cdc-project-technical-grid,
    .cdc-project-cta .container { gap: 3rem; }
    .cdc-project-story-grid { grid-template-columns: 1fr; }
    .cdc-project-gallery-grid { grid-auto-rows: 78px; }
}

@media (max-width: 760px) {
    .cdc-project-hero,
    .cdc-project-hero-inner { min-height: 520px; }
    .cdc-project-hero-inner { padding-block: 1rem 1.7rem; }
    .cdc-project-terms { display: none; }
    .cdc-project-hero-copy h1 { font-size: 2.75rem; }
    .cdc-project-hero-lead { font-size: 1rem; }
    .cdc-project-hero-copy .hero-actions { display: grid; }
    .cdc-project-intro,
    .cdc-project-story,
    .cdc-project-gallery,
    .cdc-project-related { padding-block: 3.75rem; }
    .cdc-project-intro-grid,
    .cdc-project-section-heading-inline,
    .cdc-project-gallery-heading,
    .cdc-project-related-heading,
    .cdc-project-technical-grid,
    .cdc-project-cta .container { grid-template-columns: 1fr; gap: 1.6rem; }
    .cdc-project-section-heading h2,
    .cdc-project-gallery-heading h2,
    .cdc-project-related-heading h2 { font-size: 2.2rem; }
    .cdc-project-skill-links { grid-template-columns: 1fr; }
    .cdc-project-technical { padding-block: 3.75rem; }
    .cdc-project-technical h2 { font-size: 2.15rem; }
    .cdc-project-technical dl > div { grid-template-columns: 1fr; gap: .55rem; }
    .cdc-project-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
    }
    .cdc-project-gallery-grid figure,
    .cdc-project-gallery-grid figure:nth-child(1),
    .cdc-project-gallery-grid figure:nth-child(2),
    .cdc-project-gallery-grid figure:nth-child(8n + 6),
    .cdc-project-gallery-grid figure:nth-child(8n + 7),
    .cdc-project-gallery-grid figure.is-portrait:not(:nth-child(1)):not(:nth-child(2)) {
        grid-column: auto;
        grid-row: auto;
        aspect-ratio: 1;
    }
    .cdc-project-gallery-grid figure:first-child { grid-column: 1 / -1; aspect-ratio: 1.45; }
    .cdc-project-gallery-grid figure.is-portrait { aspect-ratio: .78; }
    .cdc-project-cta h2 { font-size: 2.3rem; }
    .cdc-project-cta .hero-actions { display: grid; }
    #projet,
    #approche,
    #technique,
    #galerie { scroll-margin-top: 90px; }
}

@media (max-width: 520px) {
    .cdc-project-hero,
    .cdc-project-hero-inner { min-height: 560px; }
    .cdc-project-hero-copy h1 { font-size: 2.35rem; }
    .cdc-project-hero-meta { font-size: .76rem; }
    .cdc-project-gallery-grid { grid-template-columns: 1fr; }
    .cdc-project-gallery-grid figure,
    .cdc-project-gallery-grid figure:first-child,
    .cdc-project-gallery-grid figure.is-portrait { grid-column: auto; aspect-ratio: 1.08; }
    .cdc-project-gallery-grid figure.is-portrait { aspect-ratio: .78; }
    .cdc-project-related-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .cdc-project-gallery-grid img,
    .cdc-project-related-image img { transition: none; }
}

/* Project pages: alternating solid and photographic bands */
.cdc-project-photo-band {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: #14201b;
}

.cdc-project-photo-band::before,
.cdc-project-photo-band::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cdc-project-photo-band::before {
    z-index: -2;
    background-image: var(--project-section-photo);
    background-position: center;
    background-size: cover;
    filter: saturate(.9) contrast(1.06);
    transform: scale(1.025);
}

.cdc-project-photo-band::after {
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(9, 15, 12, .94), rgba(12, 18, 15, .76) 52%, rgba(14, 17, 13, .5)),
        linear-gradient(0deg, rgba(8, 13, 11, .7), rgba(8, 13, 11, .12) 66%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 14px);
}

.cdc-project-photo-band > .container {
    position: relative;
    z-index: 1;
}

.cdc-project-photo-band .eyebrow {
    color: #efb46d;
}

.cdc-project-story {
    border-block: 1px solid rgba(239, 180, 109, .26);
    background: #14201b;
}

.cdc-project-story .cdc-project-section-heading h2 {
    color: #fff;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .3);
}

.cdc-project-story .cdc-project-section-heading-inline > p {
    padding-left: 1.2rem;
    border-left: 2px solid rgba(239, 180, 109, .68);
    color: rgba(255, 255, 255, .76);
}

.cdc-project-story-grid {
    gap: .75rem;
    padding: .65rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 7px;
    background: rgba(8, 14, 11, .58);
    box-shadow: 0 28px 68px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .07) inset;
    backdrop-filter: blur(16px) saturate(1.05);
}

.cdc-project-story-grid article {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    border-color: rgba(255, 255, 255, .15);
    border-radius: 4px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
}

.cdc-project-story-grid article > span,
.cdc-project-story-grid article > p {
    color: #efb46d;
}

.cdc-project-story-grid h3 {
    color: #fff;
}

.cdc-project-story-grid article > div {
    color: rgba(255, 255, 255, .72);
}

.cdc-project-intro {
    background:
        linear-gradient(90deg, rgba(155, 95, 45, .028) 1px, transparent 1px) 0 0 / 78px 78px,
        linear-gradient(rgba(155, 95, 45, .022) 1px, transparent 1px) 0 0 / 78px 78px,
        #f8f4ec;
}

.cdc-project-gallery {
    background: #fff;
}

.cdc-project-related.cdc-project-photo-band {
    border-top: 1px solid rgba(239, 180, 109, .24);
    background: #14201b;
}

.cdc-project-related.cdc-project-photo-band::before {
    background-position: center 46%;
}

.cdc-project-related.cdc-project-photo-band::after {
    background:
        linear-gradient(90deg, rgba(9, 15, 12, .9), rgba(12, 18, 15, .68) 52%, rgba(14, 17, 13, .46)),
        linear-gradient(0deg, rgba(8, 13, 11, .64), rgba(8, 13, 11, .14) 64%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 14px);
}

.cdc-project-related .cdc-project-related-heading h2 {
    color: #fff;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .28);
}

.cdc-project-related .cdc-project-related-heading > a {
    color: rgba(255, 255, 255, .9);
}

.cdc-project-related .cdc-project-related-heading > a:hover {
    color: #efb46d;
}

.cdc-project-related-grid article {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .2);
    backdrop-filter: blur(12px);
}

.cdc-project-related-grid article:hover {
    border-color: rgba(239, 180, 109, .62);
    transform: translateY(-4px);
}

.cdc-project-related-grid article {
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

@media (max-width: 760px) {
    .cdc-project-story-grid {
        padding: .45rem;
    }

    .cdc-project-story-grid article {
        min-height: 0;
        padding: 1.25rem;
    }

    .cdc-project-story .cdc-project-section-heading-inline > p {
        padding-left: 0;
        border-left: 0;
    }

    .cdc-project-photo-band::before {
        background-position: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cdc-project-related-grid article {
        transition: none;
    }
}

/* Official brand palette */
.cdc-project-page {
    background: #ffffff;
    color: #1a1919;
}

.cdc-project-hero,
.cdc-project-photo-band,
.cdc-project-story,
.cdc-project-related.cdc-project-photo-band,
.cdc-project-technical {
    background-color: #1a1919;
}

.cdc-project-hero::after,
.cdc-project-photo-band::after,
.cdc-project-related.cdc-project-photo-band::after {
    background:
        linear-gradient(90deg, rgba(26, 25, 25, .96), rgba(26, 25, 25, .72) 52%, rgba(26, 25, 25, .35)),
        linear-gradient(0deg, rgba(215, 40, 45, .18), transparent 58%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 14px);
}

.cdc-project-hero-copy .eyebrow,
.cdc-project-photo-band .eyebrow,
.cdc-project-technical .eyebrow,
.cdc-project-story-grid article > span,
.cdc-project-story-grid article > p {
    color: #ffffff;
}

.cdc-project-hero-copy .eyebrow::before,
.cdc-project-photo-band .eyebrow::before,
.cdc-project-technical .eyebrow::before {
    content: "";
    width: 28px;
    height: 3px;
    background: #d7282d;
}

.cdc-project-hero-meta span + span::before {
    background: #d7282d;
}

.cdc-project-hero .button {
    background: #d7282d;
    color: #ffffff;
}

.cdc-project-hero .button:hover {
    background: #ffffff;
    color: #1a1919;
}

.cdc-project-hero .button.secondary {
    border-color: rgba(255, 255, 255, .58);
    background: transparent;
    color: #ffffff;
}

.cdc-project-hero .button.secondary:hover {
    background: #ffffff;
    color: #1a1919;
}

.cdc-project-intro {
    background:
        linear-gradient(90deg, rgba(26, 25, 25, .025) 1px, transparent 1px) 0 0 / 78px 78px,
        linear-gradient(rgba(26, 25, 25, .02) 1px, transparent 1px) 0 0 / 78px 78px,
        #ffffff;
}

.cdc-project-lead,
.cdc-project-related-grid small,
.cdc-project-editor {
    color: rgba(26, 25, 25, .68);
}

.cdc-project-note {
    border-left-color: #d7282d;
}

.cdc-project-skill-links a,
.cdc-project-gallery-heading .eyebrow,
.cdc-project-section-heading .eyebrow,
.cdc-project-related-heading .eyebrow,
.cdc-project-related .cdc-project-related-heading > a:hover {
    color: #d7282d;
}

.cdc-project-story {
    border-block-color: rgba(215, 40, 45, .4);
}

.cdc-project-story .cdc-project-section-heading-inline > p {
    border-left-color: #d7282d;
}

.cdc-project-story-grid article {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .075);
}

.cdc-project-story-grid article > span::after {
    background: #d7282d;
}

.cdc-project-technical dl div,
.cdc-project-related-grid article:hover {
    border-color: #d7282d;
}

.cdc-project-gallery {
    background: rgba(26, 25, 25, .045);
}

.cdc-project-gallery-grid figure {
    background: #1a1919;
}

.cdc-project-photo-number,
.cdc-project-photo-open {
    background: #d7282d;
    color: #ffffff;
}

.cdc-project-gallery-toggle {
    border-color: #d7282d;
    background: #d7282d;
    color: #ffffff;
}

.cdc-project-gallery-toggle:hover {
    border-color: #1a1919;
    background: #1a1919;
}

.cdc-project-related-grid article {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .97);
}

.cdc-project-related-image > span {
    background: #d7282d;
    color: #ffffff;
}

.cdc-project-cta {
    background: #d7282d;
    color: #ffffff;
}

.cdc-project-cta .button {
    background: #1a1919;
    color: #ffffff;
}

.cdc-project-cta .button:hover {
    background: #ffffff;
    color: #1a1919;
}