/* Global font loading for the site.
   The large titles use Oswald in the existing HTML/CSS. The site previously
   referenced font files that were not present, so another computer could not
   render the intended typography.

   If you later use an Adobe Fonts web project for Acumin, paste its <link>
   in each HTML head OR replace the placeholder below with Adobe's CSS URL.
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');

/* Optional local Adobe font fallback: works only on computers where Acumin is installed. */
@font-face {
  font-family: 'Acumin';
  src: local('Acumin Variable Concept'),
       local('Acumin Pro'),
       local('Acumin');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-title: 'Oswald', 'Arial Narrow', Arial, sans-serif;
  --font-body: 'Acumin', Arial, Helvetica, sans-serif;
}

body {
  font-family: var(--font-body);
}

h1,
h2,
.hero h1,
.section-head h2,
.intro-text h2,
.portrait-intro h2,
.contact-name,
.methodology h2,
.reader-copy h1,
.reader-copy h2 {
  font-family: var(--font-title);
}

/* Cadre institutionnel - bloc de contexte Pacte SAT.
   Styles strictement scopes aux classes .institutional-* pour ne pas modifier
   les autres pages ni les composants existants. */
.institutional-block{max-width:1320px;margin:0 auto 62px;padding:34px 36px 36px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#fff 0%,#fbfaf7 100%);box-shadow:0 18px 60px rgba(0,0,0,.045)}
.institutional-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.35fr);gap:42px;align-items:start}
.institutional-block h2{font-family:var(--font-title,'Oswald',Georgia,serif);font-size:54px;line-height:1;font-weight:300;letter-spacing:-.03em;margin:0 0 16px;color:#111}
.institutional-block p{font-size:18px;line-height:1.56;color:#403f3b;margin:0 0 14px;max-width:45em}
.institutional-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}
.institutional-actions .btn{background:#111;color:#fff}
.institutional-actions .btn.secondary{background:#fff;color:#111}
.institutional-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.institutional-logo-btn{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:188px;padding:20px 18px 18px;border:1px solid rgba(0,0,0,.08);background:#fff;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
.institutional-logo-btn:hover{box-shadow:0 16px 42px rgba(0,0,0,.07);border-color:rgba(0,0,0,.16);transform:translateY(-2px)}
.institutional-logo-btn img{width:100%;height:86px;object-fit:contain;object-position:left center;filter:saturate(.92)}
.institutional-logo-btn span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#555;line-height:1.35}
.institutional-logo-btn strong{display:block;margin-top:6px;font-size:15px;letter-spacing:0;text-transform:none;color:#111;font-weight:500;line-height:1.28}
@media (max-width:900px){.institutional-block{margin:0 22px 48px;padding:26px 22px}.institutional-grid{grid-template-columns:1fr;gap:28px}.institutional-block h2{font-size:42px}.institutional-links{grid-template-columns:1fr}.institutional-logo-btn{min-height:0}.institutional-logo-btn img{height:72px}}


/* Intro éditoriale courte - pages Publications, Ressources, Films & interventions. */
.page-intro{margin:-28px 0 64px;padding:8px 0 34px;border-bottom:1px solid rgba(0,0,0,.10);background:#fff}
.page-intro p{max-width:980px;margin:0;font-size:20px;line-height:1.62;color:#111}
@media (max-width:900px){.page-intro{margin:-34px 0 54px;padding:4px 0 28px}.page-intro p{font-size:17px}}

/* Intro Projet SAT+ - bloc placé entre le header visuel et les publications. */
.satplus-intro{position:relative;margin:-28px 0 64px;padding:8px 0 34px;border-bottom:1px solid rgba(0,0,0,.10);background:#fff;overflow:hidden}
.satplus-intro::before{content:''}
.satplus-intro-grid{position:relative;z-index:1;display:block}
.satplus-intro-mark{font-family:var(--font-title,'Oswald',Georgia,serif);font-size:64px;line-height:1;font-weight:300;letter-spacing:-.03em;color:#111;margin:0 0 2px}
.satplus-intro .kicker{margin-bottom:26px;color:#7a746d}
.satplus-intro h2{font-family:var(--font-title,'Oswald',Georgia,serif);max-width:1120px;margin:0 0 24px;font-size:36px;line-height:1.12;font-weight:400;letter-spacing:-.025em;color:#111}
.satplus-intro-body{display:block;max-width:1120px}
.satplus-intro-text p{font-size:19px;line-height:1.62;color:#111;margin:0 0 15px;max-width:68em}
.satplus-intro-fields{border-left:0;padding-left:0;margin-top:18px}
.satplus-intro-fields p{font-size:18px;line-height:1.55;color:#111;margin:0 0 14px;max-width:68em}
.satplus-field-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:16px;letter-spacing:0;text-transform:none;color:#111;margin-top:4px}
.satplus-field-list span{display:inline-flex;align-items:center}
.satplus-field-list .satplus-field-sep{color:#9a958c;letter-spacing:0}
.satplus-publications-lead{max-width:1120px;margin:22px 0 0;font-size:19px;line-height:1.62;color:#3f3e3a;font-style:italic}
@media (max-width:900px){.satplus-intro{margin:-34px 0 54px;padding:4px 0 28px}.satplus-intro-mark{font-size:54px}.satplus-intro h2{font-size:32px}.satplus-intro-text p,.satplus-publications-lead{font-size:17px}.satplus-intro-fields{border-top:1px solid rgba(0,0,0,.12);padding-top:20px}.satplus-field-list{gap:8px 10px;font-size:15px}}
@media (max-width:520px){.satplus-field-list{gap:7px 9px}}

/* Ajustement Ressources : l’intro est dans une page atlas pleine largeur. */
.resource-page-intro{max-width:1320px;margin:-28px auto 56px;padding-left:32px;padding-right:32px}
.resource-page-intro p{max-width:1120px}
@media (max-width:900px){.resource-page-intro{margin:-24px auto 46px;padding-left:22px;padding-right:22px}}