.srp-parcours-intro { position: relative; min-height: min(58rem,100svh); overflow: hidden; background: radial-gradient(circle at 84% 25%,rgba(140,114,255,.22),transparent 34%),linear-gradient(145deg,#090911,#151321 62%,#11101a); }
.srp-parcours-intro__grid { position: relative; z-index: 1; display: grid; min-height: min(58rem,100svh); grid-template-columns: minmax(0,1.05fr) minmax(27rem,.95fr); align-items: center; gap: clamp(3rem,7vw,8rem); padding-top: clamp(9rem,10vw,12rem); padding-bottom: clamp(5rem,7vw,7rem); }
.srp-parcours-intro__copy h1 { max-width: 50rem; margin: 0; font-size: clamp(3.1rem,5.9vw,6.6rem); font-weight: 820; letter-spacing: -.055em; line-height: .96; }
.srp-parcours-intro__lead { max-width: 43rem; margin: var(--srp-space-4) 0 0; color: var(--srp-color-text-inverse-muted); font-size: var(--srp-text-lead); line-height: 1.6; }
.srp-profile-facts { display: flex; flex-wrap: wrap; gap: .65rem; margin: var(--srp-space-4) 0 0; padding: 0; list-style: none; }
.srp-profile-facts li { padding: .58rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-pill); color: rgba(255,255,255,.72); background: rgba(255,255,255,.05); font-size: var(--srp-text-xs); font-weight: 750; }
.srp-parcours-intro__copy .srp-actions { margin-top: clamp(2.4rem,4vw,3.6rem); }
.srp-parcours-photo { position: relative; width: min(100%,38rem); min-height: clamp(27rem,43vw,38rem); justify-self: end; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-lg); box-shadow: 0 2rem 6rem rgba(0,0,0,.28); }
.srp-parcours-photo::after { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; background: linear-gradient(145deg,rgba(89,66,158,.12),transparent 42%,rgba(9,8,15,.42)),linear-gradient(180deg,transparent 56%,rgba(9,8,15,.32)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.srp-parcours-photo__work { width: 100%; height: 100%; min-height: clamp(27rem,43vw,38rem); object-fit: cover; object-position: center 48%; filter: saturate(.7) contrast(1.08) brightness(.9); }
.srp-parcours-photo__portrait { position: absolute; z-index: 2; top: 1rem; right: 1rem; width: clamp(7.5rem,12vw,10.5rem); aspect-ratio: 4/5; object-fit: cover; border: .35rem solid rgba(19,17,29,.88); border-radius: 1.1rem; box-shadow: 0 1.5rem 3rem rgba(0,0,0,.32); filter: saturate(.7) contrast(1.08) brightness(.9); }
.srp-parcours-photo figcaption { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; padding: .65rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--srp-radius-pill); color: rgba(255,255,255,.8); background: rgba(8,8,16,.74); backdrop-filter: blur(14px); font-size: var(--srp-text-xs); font-weight: 750; }
@media (max-width:75rem) { .srp-parcours-intro__grid { grid-template-columns: minmax(0,1fr) minmax(24rem,.9fr); gap: 3rem; } }
@media (max-width:60rem) { .srp-parcours-intro__grid { min-height: auto; grid-template-columns: 1fr; } .srp-parcours-intro__copy { max-width: 52rem; } .srp-parcours-photo { max-width: 48rem; justify-self: start; } }
@media (max-width:39.9375rem) { .srp-parcours-intro__grid { padding-top: 8rem; padding-bottom: 5rem; } .srp-parcours-intro__copy h1 { font-size: clamp(2.65rem,13vw,4.4rem); } .srp-parcours-intro__lead { font-size: 1.05rem; } .srp-parcours-photo { min-height: 25rem; } .srp-parcours-photo__work { min-height: 25rem; object-position: center 46%; } .srp-parcours-photo__portrait { top: .65rem; right: .65rem; width: 7.2rem; } .srp-parcours-photo figcaption { right: .65rem; bottom: .65rem; } }