:root {
  --wine: #a51459;
  --rose: #ec4899;
  --blush: #fce7f3;
  --cream: #fff7fb;
  --gold: #d69ab8;
  --ink: #391326;
  --muted: #806071;
  --line: #f1cade;
}

.site-header {
  background: rgba(255, 247, 251, 0.93);
}

.hero-logo {
  display: block;
  width: clamp(150px, 17vw, 230px);
  height: auto;
  max-height: 124px;
  object-fit: cover;
  object-position: center;
  margin: 0 0 28px;
  border-radius: 3px;
  box-shadow: 0 16px 38px rgba(165, 20, 89, 0.14);
}

.button-primary {
  box-shadow: 0 12px 34px rgba(165, 20, 89, 0.22);
}

.hero-visual figure {
  box-shadow: 0 28px 70px rgba(130, 24, 76, 0.2);
}

.floating-note {
  box-shadow: 0 18px 45px rgba(165, 20, 89, 0.14);
}

.portfolio-copy .eyebrow,
.booking .eyebrow {
  color: #ffd0e7;
}

.portfolio-copy p:not(.eyebrow),
.booking p:not(.eyebrow) {
  color: #ffe3f0;
}

.portfolio-copy .quote {
  color: #ffd5e8;
}

.portfolio-placeholder {
  border-color: rgba(165, 20, 89, 0.3);
}

.booking {
  background: linear-gradient(120deg, #9f1454, #d52f80);
}

.booking .button {
  background: #ffe1ef;
}

.booking small {
  color: #ffd0e4;
}

.booking h2 em {
  color: #ffb5d7;
}

@media (max-width: 900px) {
  .hero-logo {
    width: 180px;
  }
}