/* work — was work.module.css. The bundler's hashed class names are
   replaced by a plain p-work_ prefix so the stylesheet stands alone. */

.p-work_page {
  position: relative;
  width: 100%;
  background-color: var(--base-200);
  color: var(--base-1000);
}

.p-work_intro,
.p-work_outro {
  position: relative;
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.p-work_intro h1,
.p-work_outro .dsp {
  position: relative;
  width: min(90%, 40rem);
  text-align: center;
}

.p-work_callout {
  z-index: 10;
}

.p-work_sectionNav,
.p-work_sectionFooter {
  position: absolute;
  left: 0;
  width: 100%;
}

.p-work_sectionNav {
  top: 0;
}

.p-work_sectionFooter {
  bottom: 0;
}

@media (max-width: 1000px) {
  .p-work_callout {
    display: none;
  }
}