/* Quiet ocean currents sit behind the approved workspace surfaces. */
#baitflow-ocean-motion {
  position: fixed;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  opacity: .72;
}

.masthead,
.preview-strip,
.layout {
  position: relative;
  z-index: 1;
}

.brand > img.baitflow-mark {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: block;
}

@media (max-width: 365px) {
  .brand > img.baitflow-mark { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  #baitflow-ocean-motion { opacity: .42; }
}