/* Welcome framing override — keeps a consistent white border around every hero image. */
.welcome-body {
  --welcome-frame: 16px;
  margin: 0;
  padding: var(--welcome-frame);
  background: #fff;
  overflow: hidden;
}

.welcome-body .welcome-hero {
  position: relative;
  width: 100%;
  height: calc(100vh - (var(--welcome-frame) * 2));
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.welcome-body .welcome-slides {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

.welcome-body .welcome-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: auto;
  transform: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* The color treatment stays strictly inside the artwork, never on the white frame. */
.welcome-body .welcome-slide::after {
  inset: 0;
}

@media (max-width: 700px) {
  .welcome-body {
    --welcome-frame: 10px;
  }
}