.ppl-scope *, .ppl-scope *::before, .ppl-scope *::after { box-sizing: border-box; margin: 0; padding: 0; }

    .ppl-scope {
      --cream: #f5f0ea;
      --black: #1a1a1a;
      --grey: #8a8078;
      --light-grey: #b8b0a6;
      --border: #ddd6cc;
      --dark-bg: #111010;
      --dark-border: rgba(255,255,255,0.08);
      --dark-text: rgba(255,255,255,0.88);
      --dark-muted: rgba(255,255,255,0.38);
    }

    .ppl-scope { font-size: 16px; scroll-behavior: smooth; }

    .ppl-scope {
      background: var(--cream);
      color: var(--black);
      font-family: 'Cormorant Garamond', Georgia, serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
    }

    /* ── RETOUR PASCAL LÉPINE ── */
    .ppl-scope .back-bar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      display: flex;
      align-items: center;
      padding: 1.1rem 5%;
      background: var(--cream);
      border-bottom: 1px solid transparent;
      transition: border-color 0.3s;
    }

    .ppl-scope .back-bar.scrolled {
      border-bottom-color: var(--border);
    }

    .ppl-scope .back-link {
      font-family: 'Cormorant Garamond', serif;
      font-size: 0.72rem;
      font-weight: 400;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--grey);
      transition: color 0.2s;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .ppl-scope .back-link::before {
      content: '←';
      font-size: 0.9em;
    }

    .ppl-scope .back-link:hover { color: var(--black); }

    /* ── HERO ── */
    .ppl-scope .hero {
      padding: 10rem 7% 7rem;
      border-bottom: 1px solid var(--border);
    }

    .ppl-scope .hero-eyebrow {
      font-size: 0.68rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--light-grey);
      margin-bottom: 2.8rem;
      font-weight: 400;
    }

    .ppl-scope .hero h1 {
      font-size: clamp(3.5rem, 6vw, 6.5rem);
      font-weight: 500;
      line-height: 1.0;
      letter-spacing: -0.02em;
      margin-bottom: 2.8rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .ppl-scope .hero h1 em {
      font-style: italic;
      font-weight: 500;
    }

    .ppl-scope .hero h1 .dash {
      color: var(--black);
      font-weight: 500;
      margin-right: 0.1em;
    }

    .ppl-scope .hero-body {
      max-width: 64ch;
      margin-left: clamp(5.5rem, 9.3vw, 10rem);
    }

    .ppl-scope .hero-desc-small {
      font-size: 0.9rem;
      line-height: 1.9;
      color: var(--grey);
      font-weight: 300;
      margin-bottom: 1.4rem;
    }

    .ppl-scope .hero-desc {
      font-size: 1.1rem;
      line-height: 1.9;
      color: #4a4540;
      font-weight: 300;
    }

    /* ── INTRO ── */
    .ppl-scope .intro {
      padding: 5rem 7%;
      border-bottom: 1px solid var(--border);
    }

    .ppl-scope .section-eyebrow {
      font-size: 0.64rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--light-grey);
      margin-bottom: 2rem;
      font-weight: 400;
    }

    .ppl-scope .intro p {
      font-size: 1.2rem;
      line-height: 1.9;
      color: #4a4540;
      font-weight: 300;
      max-width: 72ch;
    }

    /* ── CONTACT ── */
    .ppl-scope .contact-section {
      padding: 5rem 7%;
      border-bottom: 1px solid var(--border);
    }

    .ppl-scope .contact-inner {
      text-align: center;
      max-width: 52ch;
      margin: 0 auto;
    }

    .ppl-scope .contact-section h2 {
      font-size: clamp(2rem, 3.5vw, 3.2rem);
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: -0.015em;
      margin-bottom: 1.6rem;
    }

    .ppl-scope .contact-text {
      font-size: 1rem;
      line-height: 1.85;
      color: var(--grey);
      margin-bottom: 2rem;
    }

    .ppl-scope .contact-link {
      display: inline-block;
      font-family: 'Cormorant Garamond', serif;
      font-size: 0.72rem;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--black);
      border-bottom: 1px solid currentColor;
      padding-bottom: 3px;
      transition: opacity 0.2s;
    }

    .ppl-scope .contact-link:hover { opacity: 0.45; }

    /* ── RÉALISATIONS (dark) ── */
    .ppl-scope .realisations {
      background: var(--dark-bg);
      color: var(--dark-text);
    }

    .ppl-scope .real-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 2.2rem 7%;
      border-bottom: 1px solid var(--dark-border);
    }

    .ppl-scope .real-header-label {
      font-size: 0.64rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--dark-muted);
      font-weight: 400;
    }

    .ppl-scope .filters {
      display: flex;
      gap: 2rem;
    }

    .ppl-scope .filter-btn {
      font-family: 'Cormorant Garamond', serif;
      font-size: 0.64rem;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      background: none;
      border: none;
      cursor: pointer;
      color: var(--dark-muted);
      padding: 0;
      transition: color 0.2s;
    }

    .ppl-scope .filter-btn:hover,
    .ppl-scope .filter-btn.active { color: var(--dark-text); }

    /* ── PROJECTS ── */
    .ppl-scope .project {
      display: grid;
      grid-template-columns: 6% 1fr;
      border-bottom: 1px solid var(--dark-border);
      transition: background 0.2s;
    }

    .ppl-scope .project:hover { background: rgba(255,255,255,0.025); }

    .ppl-scope .project-num {
      padding: 3.2rem 0 3.2rem 7%;
      font-size: 0.7rem;
      letter-spacing: 0.1em;
      color: var(--dark-muted);
      font-weight: 300;
    }

    .ppl-scope .project-content {
      padding: 3.2rem 7% 3.2rem 3.5rem;
      border-left: 1px solid var(--dark-border);
    }

    .ppl-scope .project-tag {
      font-size: 0.62rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--dark-muted);
      margin-bottom: 0.8rem;
      font-weight: 400;
    }

    .ppl-scope .project-title {
      font-size: 2.1rem;
      font-weight: 500;
      line-height: 1.05;
      margin-bottom: 1.1rem;
      letter-spacing: -0.01em;
      color: var(--dark-text);
    }

    .ppl-scope .project-desc {
      font-size: 0.97rem;
      line-height: 1.82;
      color: rgba(255,255,255,0.5);
      max-width: 52ch;
      margin-bottom: 1.6rem;
      font-weight: 300;
    }

    .ppl-scope .project-links {
      display: flex;
      align-items: baseline;
      gap: 1.8rem;
    }

    .ppl-scope .project-link {
      font-size: 0.66rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--dark-text);
      border-bottom: 1px solid rgba(255,255,255,0.45);
      padding-bottom: 2px;
      transition: opacity 0.2s;
      font-weight: 400;
    }

    .ppl-scope .project-link:hover { opacity: 0.55; }

    .ppl-scope .project-link-secondary {
      font-family: 'Cormorant Garamond', serif;
      font-size: 0.88rem;
      font-style: italic;
      text-decoration: none;
      color: rgba(255,255,255,0.4);
      transition: color 0.2s;
      font-weight: 300;
    }

    .ppl-scope .project-link-secondary:hover { color: rgba(255,255,255,0.75); }

    /* ── PAGES PROJET (overlay) ── */
    .ppl-scope .projet-page {
      display: none;
      position: fixed;
      inset: 0;
      background: var(--cream);
      overflow-y: auto;
      z-index: 200;
    }
    .ppl-scope .projet-page.active { display: block; }
    .ppl-scope .proj-header {
      padding: 5rem 7% 4rem;
      border-bottom: 1px solid var(--border);
      padding-top: 8rem;
    }
    .ppl-scope .proj-back {
      font-size: 0.68rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--grey);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 3rem;
      transition: color 0.2s;
    }
    .ppl-scope .proj-back:hover { color: var(--black); }
    .ppl-scope .proj-cat {
      font-size: 0.64rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--light-grey);
      display: block;
      margin-bottom: 1.2rem;
    }
    .ppl-scope .proj-title {
      font-size: clamp(2rem, 4vw, 3.5rem);
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }
    .ppl-scope .proj-body {
      max-width: 68ch;
      padding: 5rem 7%;
    }
    .ppl-scope .proj-body p {
      font-size: 1rem;
      line-height: 1.9;
      color: #4a4540;
      margin-bottom: 1.6rem;
      font-weight: 300;
    }
    .ppl-scope .proj-body p:first-child {
      font-size: 1.15rem;
      color: var(--black);
      font-weight: 400;
    }
    .ppl-scope .proj-link {
      display: inline-block;
      margin-top: 0.5rem;
      font-size: 0.68rem;
      font-weight: 400;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--black);
      border-bottom: 1px solid var(--black);
      padding-bottom: 2px;
      text-decoration: none;
      transition: opacity 0.2s;
    }
    .ppl-scope .proj-link:hover { opacity: 0.45; }
    .ppl-scope .proj-footer {
      border-top: 1px solid var(--border);
      padding: 2.5rem 7%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1.5rem;
    }
    .ppl-scope .proj-footer-sig strong {
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--black);
    }
    .ppl-scope .proj-footer-sig span {
      display: block;
      font-size: 0.8rem;
      color: var(--light-grey);
      font-style: italic;
      font-weight: 300;
    }
    .ppl-scope .proj-footer-nav {
      display: flex;
      gap: 1.8rem;
      list-style: none;
      flex-wrap: wrap;
    }
    .ppl-scope .proj-footer-nav a {
      font-size: 0.66rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--light-grey);
      font-weight: 400;
      transition: color 0.2s;
    }
    .ppl-scope .proj-footer-nav a:hover { color: var(--black); }

    /* ── FOOTER ── */
    .ppl-scope footer {
      background: var(--cream);
      border-top: 1px solid var(--border);
      padding: 3rem 7%;
    }

    .ppl-scope .footer-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 1.5rem;
    }

    .ppl-scope .footer-sig {
      display: flex;
      align-items: baseline;
      gap: 0.7rem;
    }

    .ppl-scope .footer-sig strong {
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--black);
      letter-spacing: 0.01em;
    }

    .ppl-scope .footer-sig-sub {
      font-size: 0.8rem;
      color: var(--light-grey);
      font-style: italic;
      font-weight: 300;
    }

    .ppl-scope .footer-nav {
      display: flex;
      gap: 2rem;
      list-style: none;
    }

    .ppl-scope .footer-nav a {
      font-size: 0.68rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--light-grey);
      font-weight: 400;
      transition: color 0.2s;
    }

    .ppl-scope .footer-nav a:hover { color: var(--black); }

    /* ── VIGNETTES PROJET ── */
    .ppl-scope .project.has-thumbs {
      grid-template-columns: 6% 1fr auto;
    }
    .ppl-scope .project-thumbs {
      display: flex;
      flex-direction: row;
      gap: 10px;
      padding: 3.2rem 7% 3.2rem 2rem;
      align-items: center;
    }
    .ppl-scope .project-thumbs img {
      width: 214px;
      height: 127px;
      object-fit: cover;
      cursor: pointer;
      opacity: 0.65;
      transition: opacity 0.25s;
      display: block;
    }
    .ppl-scope .project-thumbs img:hover { opacity: 1; }

    /* ── RESPONSIVE ── */
    @media (max-width: 860px) {
      .ppl-scope .hero-body { grid-template-columns: 1fr; gap: 2rem; }
      .ppl-scope .contact-inner { grid-template-columns: 1fr; gap: 2.5rem; }
      .ppl-scope .project { grid-template-columns: 40px 1fr; }
      .ppl-scope .project-num { padding: 2.5rem 0 2.5rem 5%; }
      .ppl-scope .project-content { padding: 2.5rem 5% 2.5rem 1.8rem; }
      .ppl-scope .hero { padding: 8rem 5% 5rem; }
      .ppl-scope .intro, .ppl-scope .contact-section { padding: 4rem 5%; }
      .ppl-scope .real-header { padding: 1.8rem 5%; flex-wrap: wrap; gap: 1rem; }
      .ppl-scope footer { padding: 2.5rem 5%; }
      .ppl-scope .footer-inner { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
      .ppl-scope .footer-nav { flex-wrap: wrap; gap: 1.2rem; }
    }

    @media (max-width: 540px) {
      .ppl-scope .hero h1 { font-size: clamp(2.8rem, 10vw, 4rem); }
      .ppl-scope .filters { gap: 1.2rem; flex-wrap: wrap; }
    }
  
    /* Visuels des œuvres – reprise du 7 septembre 2026 */
    .ppl-scope { --cream:#f3f1ed; }
    .ppl-scope .hero { display:grid; grid-template-columns:1.05fr 1fr; gap:5%; padding:8rem 7% 4.5rem; align-items:center; }
    .ppl-scope .hero h1 { font-size:clamp(3rem,5.5vw,5.6rem); margin-bottom:2rem; }
    .ppl-scope .hero-eyebrow { font-size:.78rem; color:#746b63; margin-bottom:2rem; }
    .ppl-scope .hero-body { margin-left:0; max-width:46ch; }
    .ppl-scope .hero-desc-small { font-size:1rem; line-height:1.65; }
    .ppl-scope .hero-desc { line-height:1.7; }
    .ppl-scope .hero-work { margin-top:4rem; min-width:0; }
    .ppl-scope .hero-work a { display:block; color:inherit; text-decoration:none; }
    .ppl-scope .hero-work img { display:block; width:100%; height:auto; background:#111; }
    .ppl-scope .hero-work img[src="images/avh-anne-panasuk.webp"] { filter:grayscale(1); }
    .ppl-scope .hero-work figcaption { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding-top:.9rem; font-size:.95rem; color:#625a54; }
    .ppl-scope .hero-work figcaption span:last-child { font-style:italic; border-bottom:1px solid #b8b0a6; padding-bottom:.15rem; }
    .ppl-scope .project.has-media { grid-template-columns:6% minmax(0,1fr) minmax(280px,43%); align-items:center; }
    .ppl-scope .project.has-media .project-content { min-width:0; padding-right:2rem; }
    .ppl-scope .project-media { padding:2.5rem 16% 2.5rem 0; margin:0; min-width:0; }
    .ppl-scope .project-media a { display:block; text-decoration:none; }
    .ppl-scope .project-media img { display:block; width:100%; height:auto; opacity:1; transition:opacity .25s; }
    .ppl-scope .project-media--photo img, .ppl-scope .proj-media--photo img, .ppl-scope .proj-gallery img { filter:grayscale(1); }
    .ppl-scope .project-media a:hover img { opacity:.88; }
    .ppl-scope .project-media--cover { display:flex; justify-content:center; padding-top:2rem; padding-bottom:2rem; }
    .ppl-scope .project-media--cover a { width:185px; max-width:65%; box-shadow:0 1px 0 rgba(255,255,255,.16); }
    .ppl-scope .project-media--cover img { border:1px solid rgba(255,255,255,.14); }
    .ppl-scope .project-title { font-size:clamp(2rem,2.9vw,2.8rem); }
    .ppl-scope .project-desc { font-size:1.06rem; color:rgba(255,255,255,.65); }
    .ppl-scope .project-tag,.ppl-scope .project-num,.ppl-scope .real-header-label { font-size:.78rem; color:rgba(255,255,255,.55); }
    .ppl-scope .project-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.7rem 1.1rem; font-size:.8rem; border:1px solid rgba(243,241,237,.5); color:var(--cream); transition:background .2s,color .2s,border-color .2s; }
    .ppl-scope .project-link:hover { opacity:1; background:var(--cream); color:#111010; border-color:var(--cream); }
    .ppl-scope .project-more { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; width:44px; height:44px; margin:-.45rem 0 -.45rem .2rem; color:var(--cream); text-decoration:none; font-family:Arial,sans-serif; font-size:1.45rem; }
    .ppl-scope .project-more span { display:inline-block; transition:transform .2s; }
    .ppl-scope .project-more:hover span { transform:translateX(4px); }
    .ppl-scope .project-links { flex-wrap:wrap; gap:.8rem 1.6rem; }
    .ppl-scope .filter-btn { font-size:.9rem; padding:.3rem 0; }
    .ppl-scope .proj-header { padding-top:4rem; padding-bottom:2.4rem; }
    .ppl-scope .proj-back { font-size:.85rem; margin-bottom:2rem; }
    .ppl-scope .proj-media { margin:0 auto; padding:2rem 7% 0; max-width:1400px; }
    .ppl-scope .proj-media img, .ppl-scope .proj-media video { display:block; width:100%; height:auto; background:#101010; }
    .ppl-scope .proj-media video { aspect-ratio:16/9; object-fit:contain; max-height:none; }
    .ppl-scope .proj-media video:not(.has-played) { filter:grayscale(1); }
    .ppl-scope .proj-media figcaption { padding:.75rem 0 0; color:#625a54; font-size:.9rem; line-height:1.5; }
    .ppl-scope .proj-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; padding:0 7% 3rem; max-width:1400px; margin:0 auto; }
    .ppl-scope .proj-gallery img { display:block; width:100%; height:auto; }
    .ppl-scope .proj-gallery .wide { grid-column:1/-1; }
    .ppl-scope .envol-personal { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:2rem; max-width:1400px; margin:0 auto; padding:0 7% 3rem; }
    .ppl-scope .envol-personal figure { margin:0; min-width:0; }
    .ppl-scope .envol-personal img { display:block; width:100%; height:auto; filter:grayscale(1); }
    .ppl-scope .envol-personal figcaption { padding-top:.7rem; font-size:.95rem; color:#625a54; }
    .ppl-scope .proj-gallery--envol { align-items:center; }
    .ppl-scope .envol-closing { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); align-items:center; gap:2rem; max-width:1400px; margin:0 auto; padding:0 7% 3rem; }
    .ppl-scope .envol-closing img { display:block; width:100%; height:auto; filter:grayscale(1); }
    .ppl-scope .proj-photo-credit { max-width:1400px; margin:0 auto 2rem; padding:0 7%; font-size:.9rem; color:#625a54; }
    .ppl-scope .proj-media--cover { max-width:520px; padding-top:2rem; }
    .ppl-scope .proj-media--cover img { border:1px solid #ddd6cc; }
    .ppl-scope .proj-body { padding-top:2.4rem; }
    .ppl-scope .project-media a:focus-visible,.ppl-scope .hero-work a:focus-visible,.ppl-scope .proj-back:focus-visible,.ppl-scope .project-link:focus-visible,.ppl-scope .project-more:focus-visible,.ppl-scope .filter-btn:focus-visible { outline:2px solid currentColor; outline-offset:6px; }

    @media(max-width:1050px) {
      .ppl-scope .hero { gap:4%; padding-left:5%; padding-right:5%; }
      .ppl-scope .hero h1 { font-size:4rem; }
      .ppl-scope .project.has-media { grid-template-columns:5% minmax(0,1fr) minmax(240px,42%); }
      .ppl-scope .project-content { padding-left:2rem; }
      .ppl-scope .project-media { padding-right:12%; }
    }
    @media(max-width:720px) {
      .ppl-scope .hero { display:block; padding:6.5rem 6% 3rem; }
      .ppl-scope .hero h1 { font-size:clamp(3rem,12vw,4.5rem); }
      .ppl-scope .hero-body { max-width:52ch; }
      .ppl-scope .hero-work { margin-top:2.4rem; }
      .ppl-scope .hero-work figcaption { font-size:.9rem; }
      .ppl-scope .project,.ppl-scope .project.has-media { grid-template-columns:36px minmax(0,1fr); align-items:start; }
      .ppl-scope .project-num { padding:2.5rem 0 0 1rem; }
      .ppl-scope .project-content,.ppl-scope .project.has-media .project-content { padding:2.3rem 7% 1.5rem 1.2rem; }
      .ppl-scope .project:not(.has-media) .project-content { padding-bottom:2.3rem; }
      .ppl-scope .project-media { grid-column:2; padding:0 7% 2.3rem 1.2rem; }
      .ppl-scope .project-media--cover { justify-content:flex-start; }
      .ppl-scope .project-media--cover a { width:165px; }
      .ppl-scope .project-title { font-size:2.1rem; }
      .ppl-scope .proj-header { padding:3rem 6% 2rem; }
      .ppl-scope .proj-media { padding:1.2rem 6% 0; }
      .ppl-scope .proj-gallery { gap:.8rem; padding:0 6% 2rem; }
      .ppl-scope .envol-personal,.ppl-scope .envol-closing { grid-template-columns:minmax(0,1fr); gap:1.6rem; padding:0 6% 2rem; }
      .ppl-scope .envol-personal .portrait,.ppl-scope .envol-closing .portrait { width:min(100%,440px); justify-self:center; }
      .ppl-scope .proj-gallery--envol { grid-template-columns:minmax(0,1fr); gap:1.6rem; }
      .ppl-scope .proj-body { padding-left:6%; padding-right:6%; }
      .ppl-scope .contact-section { padding:3rem 6%; }

    }
    @media(prefers-reduced-motion:reduce) { .ppl-scope { scroll-behavior:auto; } .ppl-scope * { transition:none!important; } }

  
    /* Rectangles éditoriaux plats : mêmes proportions, dans la liste et la fiche. */
    .ppl-scope .editorial-visual { container-type:inline-size; width:100%; color:#0d0d0d; }
    .ppl-scope .title-panel { aspect-ratio:3/2; background:var(--cream); padding:7% 8%; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #dedbd5; }
    .ppl-scope .title-panel-main { padding-top:2cqw; }
    .ppl-scope .title-panel-title { font-size:8.6cqw; font-weight:500; line-height:.98; letter-spacing:-.025em; }
    .ppl-scope .title-panel-title span { display:block; }
    .ppl-scope .title-panel--public_prive .title-panel-title { font-size:7.3cqw; }
    .ppl-scope .title-panel-subtitle { font-size:3.8cqw; line-height:1.22; font-weight:400; font-style:italic; margin-top:3.6cqw; max-width:29em; }
    .ppl-scope .title-panel-author { font-size:3.15cqw; line-height:1.3; letter-spacing:.12em; text-transform:uppercase; font-weight:500; }
    .ppl-scope .project-media--editorial a { transition:opacity .2s; }
    .ppl-scope .project-media--editorial a:hover { opacity:.86; }
    .ppl-scope .proj-media--editorial { max-width:1080px; padding-top:0; }
    .ppl-scope .project-media--screen img { border:1px solid #555; }
    .ppl-scope .proj-media--screen img { border:1px solid #ddd6cc; }
    .ppl-scope .reading-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; gap:8%; max-width:1400px; margin:0 auto; padding:4rem 7% 5rem; }
    .ppl-scope .reading-layout .proj-body { padding:0; max-width:none; margin:0; }
    .ppl-scope .reading-excerpts { min-width:0; padding-top:1.2rem; }
    .ppl-scope .reading-status { font-size:.8rem; color:#625a54; letter-spacing:.03em; margin-bottom:2.5rem; }
    .ppl-scope .reading-quote { margin:0 0 3.5rem; }
    .ppl-scope .reading-quote blockquote { font-size:clamp(1.9rem,2.7vw,2.65rem); line-height:1.12; font-weight:400; letter-spacing:-.02em; text-wrap:pretty; }
    .ppl-scope .reading-quote:nth-of-type(2) { margin-left:18%; margin-top:4.5rem; }
    .ppl-scope .reading-quote:nth-of-type(2) blockquote { font-style:italic; }
    .ppl-scope .reading-quote:nth-of-type(3) { margin-left:5%; margin-right:9%; margin-top:4rem; margin-bottom:0; }
    @media(max-width:800px) {
      .ppl-scope .reading-layout { grid-template-columns:minmax(0,1fr); gap:2.5rem; padding:2.5rem 6% 3rem; }
      .ppl-scope .reading-excerpts { padding-top:1rem; }
      .ppl-scope .reading-quote blockquote { font-size:clamp(1.8rem,6.5vw,2.6rem); }
      .ppl-scope .reading-quote:nth-of-type(2) { margin-left:12%; margin-top:3rem; }
      .ppl-scope .reading-quote:nth-of-type(3) { margin-top:3rem; margin-right:4%; }
    }

  
/* Intégration dans la navigation du site personnel. */
.ppl-scope { font-family:'Cormorant Garamond',Georgia,serif; font-weight:300; --cream:#F3F1ED; --black:#0D0D0D; --grey:#666666; --light-grey:#666666; }
.ppl-scope [hidden] { display:none!important; }
.ppl-scope .projet-page { display:block; position:static; overflow:visible; }
.ppl-scope .real-header-label { margin:0; }
.ppl-scope .proj-body p { font-size:20px; }
.ppl-scope .project-desc { font-size:19px; }
.ppl-scope .proj-cat { color:#666666; font-size:13px; }
.ppl-scope a:focus-visible,.ppl-scope button:focus-visible {outline:2px solid currentColor;outline-offset:5px;}
.ppl-scope .filter-btn { color:#B3B3B3; }
.ppl-scope .filter-btn.active,.ppl-scope .filter-btn:hover { color:#F3F1ED; }