@import url("events.css?v=20261012-header-size");

:root {
  --ink: #173b36;
  --cobalt: #d38b68;
  --cobalt-dark: #a9583d;
  --citrus: #f2dcaa;
  --orange: #d38b68;
  --sky: #dfe9e1;
  --paper: #fbf8f1;
  --line: #d8ddd4;
}

em,
.hero h1 em,
.spectrum h2 em,
.approach h2 em,
.process h2 em,
.stories-heading h2 em,
.faq h2 em,
.final-cta h2 em {
  font-family: 'Parisienne', cursive;
  font-size: 1.08em;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.site-header {
  background: rgba(251, 248, 241, .94);
}

.button {
  border-radius: 40px;
}

.button-cobalt {
  color: #fff;
  box-shadow: 0 10px 24px rgba(169, 88, 61, .2);
}

.button-cobalt:hover {
  color: #fff;
}

.hero-visual figure {
  border-radius: 140px 12px 12px 12px;
}

.hero-visual img {
  object-position: center;
}

.hero-stamp {
  left: -52px;
  border: 1px solid rgba(23, 59, 54, .12);
  transform: rotate(4deg);
}

.hero-stamp span {
  font-size: 17px;
}

.spectrum {
  background: #173b36;
}

.spectrum-heading .eyebrow,
.spectrum-heading p,
.event-types p,
.spectrum-line {
  color: #c8d7d1;
}

.event-type-icon,
.event-types article:nth-child(3) .event-type-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 22px;
  background-color: var(--citrus);
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  filter: none;
  transform: none;
}

.icon-suitcase { --icon: url("public/hotel-icon-suitcase.png"); }
.icon-bed { --icon: url("public/hotel-icon-double-bed.png"); }
.icon-diamond { --icon: url("public/hotel-icon-diamond.png"); }
.icon-people { --icon: url("public/hotel-icon-people.png"); }

.approach-image img {
  border-radius: 12px 120px 12px 12px;
  object-position: center;
}

.possibility-grid article {
  border-color: rgba(50, 84, 71, .16);
}

.possibility-grid article > span {
  border-color: rgba(169, 88, 61, .35);
}

.possibility-grid small {
  color: #7f685e;
}

.statement {
  background: #d38b68;
  color: #173b36;
}

.final-cta-image img {
  object-position: center;
}

.final-cta h2,
.final-cta h2 em {
  font-weight: 400 !important;
}

.final-cta h2 {
  font-family: var(--serif);
  letter-spacing: -2px;
}

@media (max-width: 680px) {
  .hero-visual figure {
    border-radius: 70px 8px 8px 8px;
  }

  .hero-stamp {
    left: -5px;
  }
}