body.ndp-preview {
  --ink: #221817;
  --muted: #6d5f5b;
  --line: #eadbd5;
  --paper: #fffaf6;
  --gold: #d9a441;
  --gold-dark: #9a6218;
  --green: #8b4a45;
  --blue: #5d4a55;
  background:
    linear-gradient(180deg, rgba(255, 250, 246, 0) 0, rgba(255, 250, 246, 0.92) 760px, #fffaf6 100%),
    repeating-linear-gradient(135deg, rgba(210, 96, 88, 0.035) 0 10px, rgba(255, 255, 255, 0) 10px 34px);
}

.ndp-preview .site-header.is-scrolled,
.ndp-preview .site-header.is-open {
  background: rgba(255, 250, 246, 0.97);
}

.ndp-preview .header-cta,
.ndp-preview .btn-primary {
  color: #ffffff;
  background: #b84740;
  box-shadow: 0 10px 26px rgba(184, 71, 64, 0.18);
}

.ndp-preview .btn-dark {
  background: #3a2928;
}

.ndp-preview .hero-overlay {
  background:
    radial-gradient(circle at 82% 17%, rgba(217, 164, 65, 0.26) 0 8%, rgba(217, 164, 65, 0) 28%),
    linear-gradient(112deg, rgba(49, 33, 31, 0.88) 0%, rgba(93, 57, 54, 0.7) 40%, rgba(184, 71, 64, 0.16) 68%, rgba(16, 12, 8, 0.04) 100%),
    linear-gradient(0deg, rgba(18, 13, 10, 0.64) 0%, rgba(18, 13, 10, 0.04) 56%);
}

.ndp-preview .hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 8px;
  background: linear-gradient(90deg, #b84740 0 28%, #fff7ef 28% 72%, #d9a441 72% 100%);
}

.ndp-preview .eyebrow {
  color: #e7bd69;
}

.ndp-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px;
}

.ndp-ribbon span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 247, 239, 0.42);
  border-radius: 999px;
  color: #fff7ef;
  background: rgba(255, 250, 246, 0.1);
  font-size: 0.8rem;
  font-weight: 900;
}

.ndp-preview .hero-stats div {
  border-color: rgba(255, 247, 239, 0.24);
  background: rgba(255, 250, 246, 0.09);
}

.ndp-preview .booking-strip {
  color: #2a1c1b;
  background:
    linear-gradient(90deg, rgba(184, 71, 64, 0.12), rgba(217, 164, 65, 0.16)),
    #fff4ea;
  border-top: 1px solid #eadbd5;
  border-bottom: 1px solid #eadbd5;
}

.ndp-preview .section-heading h2 {
  color: #281b1a;
}

.ndp-preview .intro-grid article,
.ndp-preview .room-card,
.ndp-preview .location-card,
.ndp-preview .info-card,
.ndp-preview .policy-grid article,
.ndp-preview details {
  border-color: #eadbd5;
  box-shadow: 0 18px 46px rgba(91, 52, 48, 0.07);
}

.ndp-preview .intro-grid article::before,
.ndp-preview .room-card::before,
.ndp-preview .location-card::before {
  content: "";
  display: block;
  height: 4px;
  margin: -1px -1px 14px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(90deg, #b84740, #fff7ef 52%, #d9a441);
}

.ndp-preview .icon,
.ndp-preview .filter.is-active,
.ndp-preview .room-card a,
.ndp-preview .info-card a {
  color: #ffffff;
  background: #8f4d48;
}

.ndp-preview .filter {
  border-color: #eadbd5;
}

.ndp-preview .amenity-list span {
  border-color: #eadbd5;
  background: #ffffff;
}

.ndp-preview .contact-section,
.ndp-preview .site-footer {
  background:
    linear-gradient(135deg, rgba(217, 164, 65, 0.18), rgba(255, 255, 255, 0) 34%),
    #4a302e;
}

@media (max-width: 720px) {
  .ndp-ribbon span {
    min-height: 32px;
    font-size: 0.74rem;
  }
}