/* Lagrange · la page des vraies photos (V33). Sombre comme le reste du site, une grille de photos qui s'étire d'une à trois
   colonnes, les légendes en mono. Les polices sont celles du site (chemins depuis /photos/ et /en/photos/ : ../polices). */
@font-face{font-family:'Archivo';font-style:normal;font-weight:500 800;font-stretch:100% 125%;font-display:swap;src:url(../polices/archivo.woff2?v=fe6afe9274) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../polices/dm-mono-400.woff2?v=9b21fe8fa1) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../polices/instrument-sans.woff2?v=ec079366fb) format('woff2')}
@font-face{font-family:'Archivo secours';src:local('Arial'),local('Helvetica');size-adjust:96.9%}
@font-face{font-family:'Instrument Sans secours';src:local('Arial'),local('Helvetica');size-adjust:99.9%}
@font-face{font-family:'DM Mono secours';src:local('Menlo'),local('Courier New');size-adjust:99.7%}
:root{--display:'Archivo','Archivo secours',sans-serif;--body:'Instrument Sans','Instrument Sans secours',sans-serif;--mono:'DM Mono','DM Mono secours',monospace;
  --noir:#07060D;--ink:#EDEAF6;--dim:#A8A1C6;--beam:#6B5CFF;--trait:rgba(237,234,246,.14);--marge:clamp(16px,4vw,56px);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--noir);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--noir);color:var(--ink);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,p,figure{margin:0}
:focus-visible{outline:2px solid var(--beam);outline-offset:3px;border-radius:3px}
.page{max-width:1480px;margin:0 auto;padding:0 var(--marge) calc(1.6rem + env(safe-area-inset-bottom))}
.haut{display:flex;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:max(.9rem,env(safe-area-inset-top)) 0 .3rem}
.retour{font-family:var(--display);font-weight:800;font-variation-settings:'wdth' 125,'wght' 800;text-transform:uppercase;letter-spacing:.2em;font-size:1rem;text-decoration:none}
.haut__droite{display:flex;align-items:center;gap:.6rem}
.langue{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--dim);text-decoration:none;padding:.35rem .55rem;min-height:28px;display:inline-flex;align-items:center;border:1px solid var(--trait);border-radius:999px}
.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem 1rem;border:1px solid var(--beam);border-radius:999px;background:rgba(107,92,255,.14);
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
@media (hover:hover){.bouton:hover{background:rgba(107,92,255,.34)} .langue:hover{color:var(--ink);border-color:var(--beam)}}
h1{margin-top:1.4rem;font-family:var(--display);font-weight:800;font-variation-settings:'wdth' 118,'wght' 800;text-transform:uppercase;line-height:.95;letter-spacing:-.015em;font-size:clamp(2rem,6vw,4.6rem);text-wrap:balance}
.intro{max-width:52ch;margin-top:1rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.55;color:var(--dim)}
.grille{display:grid;grid-template-columns:1fr;gap:1.6rem 1.2rem;margin-top:2.2rem}
.photo a{display:block;border-radius:6px;overflow:hidden;background:#100E1A}
.photo img{display:block;width:100%;height:auto}
.photo figcaption{margin-top:.55rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;line-height:1.6;color:var(--dim)}
.photo .credit{color:rgba(168,161,198,.65)}
@media (min-width:640px){.grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.6rem}}
.pied{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;margin-top:2.6rem;padding-top:1rem;border-top:1px solid var(--trait);font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;color:var(--dim);line-height:1.7}
.pied span:last-child{margin-left:auto}
.pied a{display:inline-block;padding:.4rem 0;margin:-.4rem 0;color:var(--ink);text-decoration:underline;text-decoration-color:var(--beam);text-underline-offset:.25em}