:root {
  --bg: #e4eeee;
  --bg-deep: #cddddd;
  --ink: #162828;
  --ink-soft: #3e5656;
  --muted: #668080;
  --accent: #2f7a7a;
  --accent-hover: #246262;
  --accent-glow: rgba(47, 122, 122, 0.1);
  --surface: rgba(248, 253, 253, 0.74);
  --line: rgba(22, 40, 40, 0.12);
  --welcome-1: #88b8b8;
  --welcome-2: #b4d4d4;
  --welcome-3: #5a9898;
  --panel-about-from: #eef6f6;
  --panel-reviews-end: #e6f0f0;
  --panel-contacts-from: #d2e4e4;
  --panel-contacts-to: #b0d0d0;
  --photo-1: #a0c4c4;
  --photo-2: #789e9e;
  --photo-3: #587e7e;
  --panel-products-end: #e6f0f0;
  --panel-modalities-end: #e4eeee;
}

.panel--welcome.has-ink {
  --panel-ink: #ffffff;
  color: var(--panel-ink);
}
.panel--welcome.has-ink .lede,
.panel--welcome.has-ink .muted,
.panel--welcome.has-ink cite,
.panel--welcome.has-ink .modalities-course {
  color: var(--panel-ink);
  opacity: 0.78;
}
.panel--welcome.has-ink .btn--ghost {
  color: var(--panel-ink);
  border-color: color-mix(in srgb, var(--panel-ink) 35%, transparent);
}

.welcome-bg.welcome-bg--image {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.12) 45%, transparent 70%),
    url('assets/welcome-bg.jpg?v=d78312775d76') center / cover no-repeat;
  background-size: auto, cover;
  background-position: center, center;
  animation: none;
  transform: none;
}

.welcome-bg.welcome-bg--image::after {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent 40%),
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 40px,
      rgba(255, 255, 255, 0.04) 40px,
      rgba(255, 255, 255, 0.04) 41px
    );
}

.panel--about > .panel-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 50%, transparent 75%),
    url('assets/about-bg.jpg?v=d78312775d76') center / cover no-repeat;
}

.panel--products > .panel-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 50%, transparent 75%),
    url('assets/products-bg.jpg?v=d78312775d76') center / cover no-repeat;
}

.panel--reviews > .panel-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 50%, transparent 75%),
    url('assets/reviews-bg.jpg?v=d78312775d76') center / cover no-repeat;
}

.panel--modalities > .panel-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 50%, transparent 75%),
    url('assets/modalities-bg.jpg?v=d78312775d76') center / cover no-repeat;
}

.panel--contacts > .panel-bg {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 50%, transparent 75%),
    url('assets/contacts-bg.jpg?v=d78312775d76') center / cover no-repeat;
}