/* Work uses the same per-pixel negative as Studio, without a navigation band. */
body.page-work > .header,
body.page-work > .header[data-scrolled]{
  background:transparent;
  color:#000;
  mix-blend-mode:normal;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
  filter:none;
  isolation:auto;
  opacity:1;
  transition:none;
}
body.page-work > .header :is(a,.nav a,.language-switch a){
  color:inherit;
  opacity:1;
  text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff;
  transition:none;
}
@supports (mix-blend-mode:difference){
  body.page-work > .header,
  body.page-work > .header[data-scrolled]{color:#fff;mix-blend-mode:difference}
  body.page-work > .header :is(a,.nav a,.language-switch a){text-shadow:none}
}
body.page-work > .header a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(prefers-contrast:more){
  body.page-work > .header,
  body.page-work > .header[data-scrolled]{color:#000;mix-blend-mode:normal}
  body.page-work > .header :is(a,.nav a,.language-switch a){text-shadow:-1px 0 #fff,1px 0 #fff,0 -1px #fff,0 1px #fff}
}
@media(forced-colors:active){
  body.page-work > .header,
  body.page-work > .header[data-scrolled]{background:Canvas;color:CanvasText;mix-blend-mode:normal}
  body.page-work > .header :is(a,.nav a,.language-switch a){color:LinkText;text-shadow:none}
}

/* Desktop rhythm: contain large frames around their actual image scale. */
@media(min-width:701px){
  .page-work .work-grid.work-cinema{max-width:1440px;margin-inline:auto}
  .work-cinema .cinema-sequence--pair{max-width:1040px;margin-inline:auto;padding-block:8px}
  .work-cinema .cinema-sequence[data-compact-context]{max-width:1120px;margin-inline:auto}
  .work-cinema .cinema-sequence[data-compact-pair]{max-width:960px}
  .work-cinema .cinema-sequence[data-archive-selection]{max-width:1080px;padding-block:4px}
  .work-cinema .cinema-sequence[data-balanced-tail]{max-width:1080px;margin-inline:auto}
  .work-cinema .cinema-sequence--solo{max-width:440px;padding-block:8px}
  .work-cinema .cinema-sequence[data-flat-pair] .photo{aspect-ratio:5/4}
  .work-cinema .cinema-sequence[data-flat-pair] .single-photo[data-optical-alignment]{top:var(--optical-y-wide)}
}