.info-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;background:#fff;text-transform:none}
.info-page:before{position:fixed}
.info-header{position:fixed;left:var(--frame);right:var(--frame);top:var(--frame);height:var(--head-h);margin:0;padding:var(--content-inset) var(--pad-x) 14px;display:flex;justify-content:space-between;align-items:flex-start;background:var(--paper);text-transform:uppercase;z-index:3}
.contact-stack{display:grid;gap:8px;text-transform:none}
.contact-item{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:10px;line-height:1}
.contact-item svg{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.contact-item .icon-dot,.contact-item .play{fill:currentColor;stroke:none}
.contact-item[href]:hover{opacity:.5}
.pending-link{color:var(--muted)}
.current-page{font-size:10px;font-weight:700}
.info-content{position:fixed;inset:var(--frame);margin:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--head-h) + clamp(32px,4vw,56px)) var(--pad-x) var(--pad-x);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(42px,7vw,120px);z-index:1}
.language-column{min-width:0;max-width:650px}
.language-label{display:block;margin-bottom:28px;font-size:10px;font-weight:700}
.language-column p{margin:0 0 1.35em;font-size:clamp(12px,.9vw,14px);line-height:1.52;letter-spacing:.025em}
.french{font-weight:500}.english{font-weight:300;color:#555}
.intro{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.45!important}
.biography{margin-top:clamp(48px,6vw,88px)}
.language-column a{border-bottom:1px solid currentColor}.language-column a:hover{opacity:.5}
.publications-inline{margin-top:clamp(48px,6vw,88px)!important;font-weight:300!important}.publications-inline strong{font-weight:500}
.info-contact{margin:0 0 clamp(32px,4vw,56px)}
@media (min-width:761px){.info-contact{grid-column:1;grid-row:1}.french{grid-column:1;grid-row:2}.english{grid-column:2;grid-row:2}}
@media (max-width:760px){
  .info-header{padding-top:20px}
  .info-content{padding-top:calc(var(--head-h) + 42px);grid-template-columns:1fr;gap:72px}
  .language-column{max-width:none}
  .language-column p{font-size:12.5px;line-height:1.292}.intro{font-size:15.5px!important;line-height:1.2325!important}
  .biography{margin-top:48px}
  .contact-stack{gap:18px}.contact-item{font-size:18px}
}
@media (max-width:640px){
  .info-header{padding-top:20px}
  .info-header .brand{gap:27px}
  /* Keep the scrolling area below the fixed header instead of masking it. */
  .info-content{top:calc(var(--frame) + var(--head-h));right:var(--frame);bottom:var(--frame);left:var(--frame);padding:42px var(--pad-x) var(--pad-x);gap:72px}
  .language-label{margin-bottom:28px;font-size:10px}
  .language-column p{font-size:12.5px;line-height:1.52}
  .intro{font-size:15.5px!important;line-height:1.45!important}
  .biography{margin-top:48px}
  .contact-stack{gap:9px}.contact-item{font-size:9px}.contact-item svg{width:14px;height:14px}
  .current-page{font-size:9px}
}