/* Page-local additions: retain these files when exporting from Blocs. */
#about-birds { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: #fff; }
body.about-page .page-container { position: relative; z-index: 1; }
body.about-page #bloc-2 { background: transparent; }
body.about-page .navbar { background: rgba(255,255,255,.92); border-radius: .5rem; }
body.about-page .p-bloc-2-style { background: rgba(255,255,255,.93); border-radius: 1rem; padding: 1.5rem; }
.about-animation-control { position: fixed; left: 1rem; bottom: 1rem; z-index: 20; padding: .5rem .8rem; border: 1px solid #777; border-radius: 2rem; background: #fff; color: #333; font: 13px/1.4 sans-serif; }
.about-animation-control:focus-visible { outline: 3px solid #333; outline-offset: 3px; }
@media (max-width: 767px) {
 body.about-page .p-bloc-2-style { width: 100%; max-width: 100%; padding: 1.25rem; text-align: left; }
}

/* Align the portrait with the text, excluding the biography padding. */
body.about-page .about-portrait { width: calc(50% - 3rem); max-width: 100%; height: auto; }
@media (min-width: 992px) {
 body.about-page .about-portrait { width: calc(50% - 6rem); }
}
@media (max-width: 767px) {
 body.about-page .about-portrait { width: calc(100% - 2.5rem); }
}