/* -----------------------------------------------------------------------------
/* #illustration
/* -------------------------------------------------------------------------- */

#vb3ex1__illustration {
  bottom: 0;
  left: 50%;
  position: fixed;
  right: 0;
  top: 0;
}

/* -----------------------------------------------------------------------------
/* #main
/* -------------------------------------------------------------------------- */

#vb3ex1__main {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  min-height: 100vh;
  padding: 0 max(0px, 25% - 12rem);
  width: 50%;
}

/* -----------------------------------------------------------------------------
/* #noise
/* -------------------------------------------------------------------------- */

#vb3ex1__noise {
  background-image: url(/noise.png);
  inset: 0;
  opacity: 40%;
  position: absolute;
}

/* -----------------------------------------------------------------------------
/* #texture
/* -------------------------------------------------------------------------- */

#vb3ex1__texture {
  height: 100%;
  object-fit: cover;
  width: 100%;
}