/* Histoire : grille et dimensions du site existant. */
.history-title { padding:30px 12px; margin:0 auto 35px; text-align:center; }
.history-title h1 { margin:0 0 32px; font-size:2.6em; font-weight:200; line-height:44px; letter-spacing:-.05em; text-transform:uppercase; }
.history-content { padding-bottom:8px; margin-bottom:8px; }
.history-grid { display:grid; grid-template-columns:1fr 1fr; margin-inline:-12px; }
.history-copy { padding:24px; }
.history-copy h2 { margin:0 0 32px; font-size:2.2em; font-weight:300; line-height:42px; letter-spacing:-.05em; }
.history-copy p { text-align:justify; }
.history-copy .history-signature { text-align:right; }
.history-copy .history-farewell { margin-bottom:4px; }
.history-photo { margin-bottom:24px; }
.history-photo figure { margin:0 0 16px; }
.history-photo img { max-width:100%; height:auto; }
.history-content hr { border:0; height:1px; background:rgba(0,0,0,.06); margin:48px 0; }
.history-gallery { padding:0; margin-bottom:48px; }
#portfolioGrid { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; margin:.5vw; padding:0; }
#portfolioGrid li { min-width:0; padding:.5vw; }
#portfolioGrid a { display:block; height:16.25vw; border-radius:4px; overflow:hidden; }
#portfolioGrid img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
#portfolioGrid a:hover img { transform:scale(1.1); }
.social-links a { background:transparent; color:white; border-color:#4c535e; }
@media(max-width:991.98px) {
  .history-grid { grid-template-columns:1fr; }
  #portfolioGrid { grid-template-columns:1fr; margin:1.5vw; }
  #portfolioGrid li { padding:1.5vw; }
  #portfolioGrid a { height:22.25vw; }
}
@media(max-width:767.98px) {
  #portfolioGrid { margin:0; }
  #portfolioGrid li { padding:4.5vw 4.5vw 0; }
  #portfolioGrid li:last-child { padding-bottom:4.5vw; }
  #portfolioGrid a { height:50vw; }
}
@media(max-width:576px) { #portfolioGrid a { height:70vw; } }
@media(max-width:575.98px) { .history-copy h2 { line-height:40px; } }