/* The hotel's welcome signature, between the date desk and the first chapter. */
.hotel-welcome {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:76px 6vw 106px;
  color:var(--cream);
  background:radial-gradient(ellipse at 24% 48%,var(--warm-glow),transparent 58%);
}
.hotel-welcome-content {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:clamp(36px,7vw,104px);
  max-width:1240px;
  margin:auto;
}
.hotel-welcome-mark { text-align:center; padding:32px 0; }
.hotel-welcome-mark img {
  display:block;
  width:clamp(230px,27vw,340px);
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.hotel-welcome-place {
  margin-top:24px;
  color:var(--muted);
  font:500 .68rem/1.7 var(--sans);
  letter-spacing:.23em;
}
.hotel-welcome-copy .eyebrow { color:var(--honey); font-size:.73rem; letter-spacing:.13em; }
.hotel-welcome-copy h2 {
  margin:20px 0 25px;
  font:400 clamp(3.4rem,6.3vw,6.5rem)/1.03 var(--serif);
  letter-spacing:-.025em;
}
.hotel-welcome-copy h2 span { display:block; }
.hotel-welcome-copy h2 em { display:block; color:var(--honey); font-style:normal; }
.hotel-welcome-description {
  max-width:490px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.85;
}
.hotel-welcome-copy .text-button { display:inline-block; margin-top:26px; font-size:.91rem; }
.hotel-welcome-contours {
  position:absolute;
  z-index:0;
  inset:auto 0 0;
  width:100%;
  height:230px;
  pointer-events:none;
  fill:none;
  stroke:var(--honey);
  stroke-width:1;
  opacity:.12;
}
.hotel-welcome-contours path:nth-child(2n) { stroke:var(--leaf); opacity:.85; }
@media(max-width:1050px) and (min-width:751px) {
  .hotel-welcome-content { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:5vw; }
  .hotel-welcome-copy h2 { font-size:5.8vw; }
}
@media(max-width:750px) {
  .hotel-welcome { padding:45px 24px 76px; }
  .hotel-welcome-content { grid-template-columns:minmax(0,1fr); gap:36px; text-align:center; }
  .hotel-welcome-mark { padding:0; }
  .hotel-welcome-mark img { width:240px; }
  .hotel-welcome-place { margin-top:18px; font-size:.6rem; }
  .hotel-welcome-copy .eyebrow { font-size:.65rem; }
  .hotel-welcome-copy h2 { font-size:clamp(2.25rem,9.6vw,4.7rem); margin:19px 0 24px; }
  .hotel-welcome-description { margin:0 auto; max-width:440px; font-size:.96rem; }
  .hotel-welcome-copy .text-button { margin-top:23px; }
  .hotel-welcome-contours { width:160%; max-width:none; left:-30%; height:190px; }
}