/* assets/credits.html : feuille autonome. Modifier les styles de cette page uniquement ici. */

/* Mise en page */
@font-face { font-family: Manrope; src: url('fonts/manrope.woff2') format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }
@font-face { font-family: Sora; src: url('fonts/Sora-VariableFont_wght.woff2') format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }
:root { --paper: #fbfcf9; --white: #fff; --ink: #243a34; --muted: #5b6a63; --green: #174d43; --green-dark: #103b33; --mint: #e2f0e7; --mint-bright: #b9dbbb; --warm: #cd7751; --line: #dce3dc; --radius: 20px; --radius-lg: 30px; --pill: 999px; --space-xs: 8px; --space-sm: 16px; --space-md: 24px; --space-lg: 40px; --space-xl: 64px; --space-section: 108px; --container: 1350px; --shadow: 0 18px 50px #173e3412; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body { margin: 0px; background: var(--paper); color: var(--ink); font-family: Sora, Arial, sans-serif; font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p, figure { margin: 0px; }
h1, h2, h3 { font-weight: 650; line-height: 1.15; letter-spacing: -0.045em; }
h2 { font-size: clamp(32px, 3.2vw, 46px); }
h3 { font-size: 22px; }
a, button { touch-action: manipulation; }
::selection { background: var(--mint-bright); color: var(--green-dark); }
:focus-visible { outline: rgb(166, 91, 50) solid 3px; outline-offset: 5px; }
.container { width: min(var(--container),calc(100% - 112px)); margin-inline: auto; }
.section { padding-block: var(--space-section); }
.text-link { display: inline-flex; align-items: center; gap: 18px; font-size: 12px; font-weight: 650; }
.text-link span { font-size: 20px; transition: transform 0.2s; }

.text-link:hover { color: var(--green); }
@media (max-width: 1100px) {
  .container { width: calc(100% - 72px); }
}
@media (max-width: 1007px) {
  :root { --space-section: 80px; }
}
@media (max-width: 600px) {
  :root { --space-section: 64px; --radius: 17px; --radius-lg: 24px; }
  .container { width: calc(100% - 40px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}

/* Contenu des crédits */
.credits-title { font-size: clamp(32px, 5vw, 56px); margin: 40px 0 24px; }
.credits-list { margin: 30px 0; padding-left: 22px; line-height: 2.2; }
.credits-typography { margin-top: 24px; }