/* Page « Rétro 90 » (/retro-90/) — maquette du 17/10/2026. Couleurs et polices de la charte (style.css : --yellow, --navy, --display). */
.r90{max-width:1180px;margin:0 auto;padding:0 24px 72px;color:var(--text-on-blue)}
.r90 a{color:inherit}
.r90-hero{position:relative;padding:36px 0 40px;border-bottom:1px solid var(--line)}
.r90-hero .back-link{display:inline-block;margin-bottom:22px;font-size:14px;color:var(--text-soft);text-decoration:none}
.r90-kicker{margin:0 0 6px;font:800 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}
.r90-h1{margin:0;font:900 clamp(78px,16vw,210px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--white)}
.r90-h1 span{display:inline-block;margin-left:.08em;color:transparent;-webkit-text-stroke:3px var(--yellow);text-stroke:3px var(--yellow)}
.r90-lead{max-width:620px;margin:22px 0 0;font:500 clamp(17px,1.6vw,20px)/1.45 var(--body);color:var(--text-on-blue)}
.r90-cats{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.r90-cats li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font:700 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft)}
.r90-section{margin-top:44px}
.r90-label{margin:0 0 18px;font:900 clamp(26px,3vw,34px)/1 var(--display);text-transform:uppercase;color:var(--yellow)}
.r90-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1100px){.r90-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.r90-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--navy)}
.r90-card--featured{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:none;border-color:var(--yellow)}
.r90-photo{position:relative;margin:0;background:var(--ink)}
.r90-photo img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.r90-card:not(.r90-card--featured) .r90-photo img{aspect-ratio:4/5}
.r90-photo figcaption{position:absolute;right:10px;bottom:8px;z-index:1;max-width:80%;padding:3px 8px;border-radius:6px;background:rgba(0,10,40,.72);font:500 10px/1.3 var(--body);color:var(--text-soft)}
.r90-photo figcaption a{text-decoration:none}
.r90-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px}
.r90-card--featured .r90-body{padding:32px 34px;gap:14px}
.r90-stamp{display:flex;align-items:center;gap:14px;margin:0}
.r90-years{display:inline-flex;align-items:baseline;gap:4px;padding:4px 12px 2px;border-radius:10px;background:var(--yellow);color:var(--navy);font:900 34px/1 var(--display)}
.r90-card--featured .r90-years{font-size:56px}
.r90-years small{font-size:.42em;text-transform:uppercase}
.r90-when{display:flex;flex-direction:column;gap:2px;font:600 13px/1.3 var(--body);color:var(--text-soft)}
.r90-when time{font-weight:800;color:var(--white)}
.r90-cat{align-self:flex-start;font:800 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.r90-title{margin:0;font:900 clamp(28px,2.6vw,36px)/.95 var(--display);text-transform:uppercase;color:var(--white)}
.r90-card--featured .r90-title{font-size:clamp(38px,4.4vw,60px)}
.r90-recit,.r90-angle,.r90-now{margin:0;font:400 16px/1.55 var(--body)}
.r90-angle{padding:12px 14px;border-left:3px solid var(--yellow);background:rgba(255,235,0,.06);border-radius:0 10px 10px 0}
.r90-now{color:var(--text-soft)}
.r90-now strong{color:var(--white)}
.r90-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:6px}
.r90-read{align-self:flex-start;display:inline-flex;gap:8px;padding:10px 16px;border-radius:999px;background:var(--yellow);color:var(--navy)!important;font:800 14px/1 var(--body);text-decoration:none}
.r90-sources{margin:0;font:400 12px/1.5 var(--body);color:var(--text-soft)}
.r90-sources a{text-decoration:underline;text-underline-offset:2px}
.r90-method{margin:40px 0 0;font:400 13px/1.6 var(--body);color:var(--text-soft);max-width:760px}
@media (max-width:860px){
  .r90{padding:0 16px 56px}
  .r90-grid{grid-template-columns:1fr}
  .r90-card--featured{grid-template-columns:1fr}
  .r90-card--featured .r90-photo img,.r90-card .r90-photo img{aspect-ratio:4/5}
  .r90-card--featured .r90-body{padding:22px 20px 24px}
  .r90-h1 span{-webkit-text-stroke-width:2px}
}
.r90-treyler{margin:0;font:600 13px/1.4 var(--body);color:var(--text-soft)}
.r90-treyler a{color:var(--yellow)}
.r90-h1{padding-top:.16em}
/* Carte mise en avant (ordinateur) : la photo occupe toute la hauteur de la carte, sans vide dessous. */
@media (min-width:861px){.r90-card--featured .r90-photo{height:100%}.r90-card--featured .r90-photo img{aspect-ratio:auto;height:100%;min-height:560px}}