/* =========================================================
   BLOC — PORTRAIT / RENCONTRE
   Utilisé uniquement par template-parts/blocks/portrait-interview.php
   ========================================================= */

.portrait{
  padding:56px 0;
  background:var(--paper-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.portrait-grid{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:0;
  border:1px solid var(--line);
  background:var(--paper);
}
.portrait-media{
  background:linear-gradient(150deg, var(--copper), var(--ink) 130%);
  min-height:380px;
  position:relative;
}
.portrait-media-tag{
  position:absolute;
  top:20px; left:20px;
  font-family:'IBM Plex Mono', monospace;
  font-size:10.5px;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:var(--paper);
  background:rgba(24,38,32,0.55);
  padding:6px 11px;
  border-radius:2px;
}
.portrait-content{
  padding:44px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.portrait-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}
.portrait-eyebrow .dot{ width:7px; height:7px; background:var(--copper); border-radius:50%; }
.portrait-quote{
  font-family:'Fraunces', serif;
  font-style:italic;
  font-size:23px;
  line-height:1.42;
  margin-bottom:22px;
}
.portrait-who{
  font-size:14px;
  margin-bottom:24px;
}
.portrait-who strong{ display:block; font-size:15px; color:var(--ink); margin-bottom:2px; }
.portrait-who span{ color:var(--ink-soft); font-size:12.5px; }
.portrait-cta{
  align-self:flex-start;
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  border:1px solid var(--ink);
  padding:11px 20px;
  border-radius:2px;
}
.portrait-cta:hover{ background:var(--ink); color:var(--paper); }

@media (max-width:800px){
  .portrait-grid{ grid-template-columns:1fr; }
  .portrait-media{ min-height:220px; }
  .portrait-content{ padding:32px 28px; }
}