.srp-process-creatif {
    position: relative;
    padding: calc(var(--srp-section-space) + 2rem) 0 var(--srp-section-space);
    overflow: hidden;
    color: var(--srp-color-text);
    background:
        linear-gradient(180deg, rgba(17,16,26,.22) 0, rgba(92,85,99,.1) 3.5rem, rgba(246,243,239,0) 9rem),
        var(--srp-color-surface);
}
.srp-process-creatif::before {
    position: absolute;
    top: -4rem;
    right: -8%;
    left: -8%;
    height: 11rem;
    content: "";
    pointer-events: none;
    background: linear-gradient(180deg, rgba(17,16,26,.72), rgba(139,129,146,.18) 48%, rgba(246,243,239,0));
    filter: blur(2.4rem);
}
.srp-process-creatif > .srp-shell { position: relative; z-index: 1; }
.srp-process-creatif__heading {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(24rem,.95fr);
    align-items: start;
    gap: clamp(2.5rem,7vw,8rem);
}
.srp-process-creatif__intro { display: grid; gap: 1.2rem; }
.srp-process-creatif__intro p { margin: 0; color: var(--srp-color-text-muted); font-size: var(--srp-text-lead); line-height: 1.6; }
.srp-process-creatif__grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: .8rem;
    margin: var(--srp-space-6) 0 0;
    padding: 0;
    list-style: none;
}
.srp-process-creatif__grid li {
    position: relative;
    min-height: 20rem;
    padding: clamp(1.1rem,1.7vw,1.6rem);
    overflow: hidden;
    border: 1px solid rgba(23,21,30,.1);
    border-radius: var(--srp-radius-md);
    background: rgba(255,255,255,.68);
    box-shadow: 0 1.2rem 3.5rem rgba(33,28,42,.06);
}
.srp-process-creatif__icon {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 1rem;
    color: #6854c3;
    background: linear-gradient(135deg,#e2e5ff,#f2e5ff 62%,#ffe9cf);
}
.srp-process-creatif__icon .srp-icon { width: 1.7rem; height: 1.7rem; }
.srp-process-creatif__number { position: absolute; top: 1.35rem; right: 1.35rem; color: #877a8e; font-size: .7rem; font-weight: 850; }
.srp-process-creatif__grid h3 { margin: 3.2rem 0 0; font-size: clamp(1.2rem,1rem + .55vw,1.6rem); letter-spacing: -.035em; }
.srp-process-creatif__grid p { margin: .85rem 0 0; color: var(--srp-color-text-muted); font-size: var(--srp-text-sm); line-height: 1.55; }
.srp-process-creatif__note {
    display: grid;
    grid-template-columns: minmax(9rem,.35fr) minmax(0,1.1fr) minmax(16rem,.55fr);
    align-items: start;
    gap: clamp(1.2rem,3vw,3rem);
    margin-top: var(--srp-space-5);
    padding: clamp(1.4rem,2.8vw,2.6rem);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: var(--srp-radius-lg);
    color: #fff;
    background: radial-gradient(circle at 12% 15%,rgba(174,182,255,.15),transparent 28%),#171421;
}
.srp-process-creatif__note strong { color: #c9c2ff; font-size: 1.05rem; }
.srp-process-creatif__note p { margin: 0; color: rgba(255,255,255,.78); line-height: 1.65; }
.srp-process-creatif__note small { color: rgba(255,255,255,.47); font-size: .78rem; line-height: 1.55; }
@media (max-width:75rem) {
    .srp-process-creatif__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:60rem) {
    .srp-process-creatif__heading { grid-template-columns: 1fr; }
    .srp-process-creatif__note { grid-template-columns: 1fr; gap: .8rem; }
}
@media (max-width:39.9375rem) {
    .srp-process-creatif { padding-top: calc(var(--srp-section-space) + 1rem); }
    .srp-process-creatif__intro p { font-size: 1rem; }
    .srp-process-creatif__grid { grid-template-columns: 1fr; gap: .65rem; }
    .srp-process-creatif__grid li {
        display: grid;
        min-height: 0;
        grid-template-columns: 3rem minmax(0,1fr);
        gap: .35rem 1rem;
        padding: 1rem;
    }
    .srp-process-creatif__icon { grid-row: 1 / span 2; width: 3rem; height: 3rem; }
    .srp-process-creatif__number { top: 1rem; right: 1rem; }
    .srp-process-creatif__grid h3 { margin: .15rem 2rem 0 0; }
    .srp-process-creatif__grid p { grid-column: 2; margin: .25rem 0 0; font-size: .78rem; }
}