.hotel-theme {
  --forest: #102a43;
  --pine: #1f5f78;
  --mint: #eef5f7;
  --leaf: #b9d9df;
  --orange: #a15c20;
  --sun: #d9a441;
  --ink: #17212b;
  --plum: #5b3427;
  --pink: #8a4b38;
  --muted: #5b6772;
  --paper: #fffdf8;
  --line: rgba(16, 42, 67, .16);
  --shadow: 0 24px 64px rgba(16, 42, 67, .17);
  background: #eef5f7;
}
.hotel-theme .hero {
  background:
    linear-gradient(115deg, rgba(255, 253, 248, .98), rgba(247, 241, 229, .9)),
    repeating-linear-gradient(90deg, transparent 0 58px, rgba(16, 42, 67, .035) 58px 59px);
}
.hotel-theme .food-cover::before {
  content: '';
  position: absolute;
  inset: 12px;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, .75);
  pointer-events: none;
}
.hotel-theme .food-photo-tag {
  background: rgba(16, 42, 67, .9);
  color: #fff9e8;
}
.hotel-theme .front-main {
  background: #102a43;
}
.hotel-theme .front-game {
  background: #a15c20;
}
.hotel-theme .front-entry,
.hotel-theme .front-entry strong,
.hotel-theme .front-entry small {
  color: #fff;
}
.hotel-theme .hero h1 {
  font-size: clamp(36px, 4.1vw, 62px);
  line-height: 1.03;
}
.hotel-theme .fact {
  background: #fffdf8;
}
.hotel-theme .collection-heading {
  background:
    linear-gradient(135deg, #fffdf8, #f3ead9 52%, #e6f0f3),
    repeating-linear-gradient(90deg, transparent 0 72px, rgba(16, 42, 67, .04) 72px 73px);
}
.hotel-theme .collection-card {
  border-color: rgba(16, 42, 67, .13);
}
.hotel-theme .collection-card h2 {
  color: #102a43;
}
.hotel-theme .hotel-distance {
  display: inline-flex;
  margin-top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef5f7;
  color: #1f5f78;
  font-size: 13px;
  font-weight: 800;
}
.hotel-theme .status-note {
  border-left: 4px solid #d9a441;
  padding: 16px 18px;
  background: #fff9e8;
  color: #5b3427;
}
.hotel-theme .official-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 14px;
  border-radius: 8px;
  background: #102a43;
  color: white;
  font-weight: 800;
  text-decoration: none;
}
@media (max-width: 760px) {
  .hotel-theme .food-cover::before { inset: 8px; }
  .hotel-theme .hero h1 { font-size: clamp(34px, 10vw, 46px); }
}