.research-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;background:#fff;text-transform:uppercase}
.research-page:before{position:fixed}
.research-scroll{position:fixed;inset:var(--frame);overflow-y:auto;overscroll-behavior:contain;z-index:1}
.research-hero{position:relative;height:calc(100vh - var(--frame) - var(--frame));height:calc(100dvh - var(--frame) - var(--frame));min-height:0}
.research-page .masthead{position:fixed;background:var(--paper)}
.research-intro{width:50%;margin:0 auto;padding:calc(var(--head-h) + 36px) 0 clamp(46px,5vw,72px);font-size:clamp(10px,.76vw,12px);font-weight:300;line-height:1.58;letter-spacing:.025em;text-align:left;text-transform:none}
.research-intro p{margin:0 0 .8em}
.research-intro p:last-child{margin-bottom:0}
.research-page .research-stage{position:absolute;left:var(--pad-x);right:var(--pad-x);top:0;bottom:var(--bottom-gap);grid-template-rows:var(--control-h) minmax(0,1fr);--media-width:auto}
.research-page .controls{padding-left:var(--image-left)}
.research-slides{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.research-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center;opacity:0;transition:opacity .8125s ease;pointer-events:none;overflow:hidden}
.research-slide.active{opacity:1;pointer-events:auto}
.research-slide img{display:block;width:var(--media-width);height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.scroll-cue{position:absolute;left:50%;bottom:2px;z-index:3;width:30px;height:30px;transform:translateX(-50%);font-size:15px;font-weight:300;transition:transform .2s ease,opacity .2s ease}
.scroll-cue:hover{opacity:.5;transform:translateX(-50%) translateY(3px)}
.research-statement{position:relative;width:50%;margin:0 auto;padding:clamp(36px,4.5vw,72px) 0 clamp(64px,9vw,128px);font-size:clamp(13px,1.02vw,16px);font-weight:300;line-height:1.58;letter-spacing:.025em;text-align:left;text-transform:none;z-index:1}
.research-statement p{margin:0 0 1.55em}
.research-statement p:first-child{font-size:clamp(16px,1.3vw,20px);line-height:1.45;margin-bottom:clamp(42px,5vw,72px)}
@media (max-width:760px){
  .research-intro{width:auto;margin-right:var(--pad-x);margin-left:var(--pad-x)}
  .research-statement{width:auto;margin-right:var(--pad-x);margin-left:var(--pad-x);padding:18px 0 64px;font-size:13px;line-height:1.55}
  .research-statement p:first-child{font-size:16px;margin-bottom:42px}
}
@media (max-width:640px){
  /* The header is outside the scrolling region: content cannot pass behind it. */
  .research-page{height:100svh;min-height:0;overflow:hidden}
  .research-page .masthead{position:fixed;z-index:3}
  .research-scroll{position:fixed;top:calc(var(--frame) + var(--head-h));right:var(--frame);bottom:var(--frame);left:var(--frame);overflow-y:auto;overscroll-behavior:contain;z-index:1}
  .research-hero{position:relative;height:calc(100svh - var(--frame) - var(--head-h) - var(--frame));min-height:360px}
  .research-page .research-stage{position:absolute;left:var(--pad-x);right:var(--pad-x);top:0;bottom:var(--bottom-gap);z-index:2}
  .research-intro{padding:9px 0 18px}
  .scroll-cue{bottom:-10px;font-size:17px}
  .research-slide img{width:auto!important;height:100%;max-width:100%;max-height:100%;object-fit:contain}
  .research-statement{width:auto;margin-right:var(--pad-x);margin-left:var(--pad-x);padding:18px 0 var(--carousel-edge);font-size:13px;line-height:1.55}
  .research-statement p:first-child{font-size:16px;margin-bottom:42px}
}
@media (prefers-reduced-motion:reduce){.research-slide{transition:none}}
@media (min-width:761px){.research-intro{font-size:clamp(13px,1.02vw,16px)}.research-statement p{font-size:clamp(10px,.76vw,12px);line-height:1.58;margin-bottom:clamp(20px,1.6vw,25px)}.research-statement p:first-child{font-size:clamp(10px,.76vw,12px);line-height:1.58;margin-bottom:clamp(20px,1.6vw,25px)}}
@media (max-width:760px){.research-intro{font-size:13px}.research-statement p{font-size:9.5px;line-height:1.55;margin-bottom:20px}.research-statement p:first-child{font-size:9.5px;line-height:1.55;margin-bottom:20px}}
@media (min-width:641px){.research-scroll{display:grid;grid-template-columns:minmax(230px,32%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(42px,6vw,110px);align-items:start;padding:var(--head-h) var(--pad-x) 0}.research-intro{grid-column:1;grid-row:1;width:auto;margin:0;padding:0}.research-statement{grid-column:1;grid-row:2;width:auto;margin:clamp(28px,4vw,58px) 0 0;padding:0}.research-hero{grid-column:2;grid-row:1 / span 2;height:calc(100dvh - var(--frame) * 2 - var(--head-h));min-height:0}.research-page .research-stage{left:0;right:0;top:0;bottom:0;grid-template-rows:minmax(0,1fr) var(--control-h)}.research-page .controls{grid-row:2;padding-left:var(--image-left);align-self:end}.research-slides{grid-row:1}.scroll-cue{display:none}}
@media (min-width:641px){.research-page .research-stage{grid-template-rows:var(--control-h) minmax(0,1fr)}.research-page .controls{grid-row:1;align-self:start}.research-slides{grid-row:2}}
/* Shared editorial scale: Art & Design / Vidéo / Recherches */
@media (min-width:641px){
  .research-intro{font-size:clamp(13px,1.02vw,16px)}
  .research-statement p,.research-statement p:first-child{font-size:clamp(10px,.76vw,12px);line-height:1.58;margin-bottom:clamp(13px,1.02vw,16px)}
  .research-page .controls{padding-left:0}
}
@media (max-width:640px){
  .research-intro{font-size:13px}
  .research-statement p,.research-statement p:first-child{font-size:9.5px;line-height:1.55;margin-bottom:13px}
}
/* Controls return beneath the carousel. */
@media (min-width:641px){
  .research-page .research-stage{grid-template-rows:minmax(0,1fr) var(--control-h)}
  .research-page .controls{grid-row:2;align-self:end;padding-left:var(--image-left)}
  .research-slides{grid-row:1}
}
/* Match the Video page: navigation above, then the media starts on its shared line. */
@media (min-width:641px){
  .research-page .research-stage{grid-template-rows:var(--control-h) minmax(0,1fr)}
  .research-page .controls{grid-row:1;align-self:start;padding-left:var(--image-left)}
  .research-slides{grid-row:2}
}
@media (min-width:641px){
  .research-intro{margin:calc(var(--control-h) - 4px) 0 0}
  .research-statement{grid-row:1;margin:clamp(150px,20vh,260px) 0 0}
}
@media (min-width:641px){.research-slide{place-items:start center}.research-slide img{object-position:center top}}
@media (min-width:641px){.research-intro{margin:var(--control-h) 0 0}}
/* Mobile navigation above the Research carousel. */
@media (max-width:640px){
  .research-page{--control-h:18px}
  .research-page .research-stage{display:grid!important;grid-template-rows:var(--control-h) minmax(0,1fr);overflow:hidden!important}
  .research-page .controls{display:flex!important;grid-row:1;align-self:start;height:var(--control-h);padding-left:var(--image-left)}
  .research-slides{grid-row:2}
}

@media (min-width:641px){.research-statement{margin:clamp(190px,24vh,310px) 0 0}}