/* 12 Desert Motel: deadpan symmetry. Everything centred, flat colour, room-key tags, whip pans. */
[data-world="desert-motel"] {
  --grain: 0;
  --title-case: uppercase;
  --title-track: 0.12em;
  --head-track: 0.1em;
  --title-weight: 500;
  --enter: whip 250ms cubic-bezier(.7, 0, .3, 1);
}
@keyframes whip { from { opacity: 0; transform: translateX(-64px); } to { opacity: 1; transform: none; } }

[data-world="desert-motel"] .texture { display: none; }
[data-world="desert-motel"] .bar { flex-direction: column; justify-content: center; gap: 0; padding-block: var(--space-2); }
[data-world="desert-motel"] .brand { margin: 0; }
[data-world="desert-motel"] .site-nav ul { justify-content: center; }
[data-world="desert-motel"] .site-nav a { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8125rem; }
[data-world="desert-motel"] .hero-copy,
[data-world="desert-motel"] .block,
[data-world="desert-motel"] .page,
[data-world="desert-motel"] .foot { text-align: center; }
[data-world="desert-motel"] .hero-title, [data-world="desert-motel"] .tagline,
[data-world="desert-motel"] .prose, [data-world="desert-motel"] .follow-block p, [data-world="desert-motel"] .dispatches { margin-inline: auto; }
[data-world="desert-motel"] .hero-title { font-size: clamp(1.8rem, 6vw, 4.25rem); }
[data-world="desert-motel"] .actions, [data-world="desert-motel"] .follow-links { justify-content: center; }
[data-world="desert-motel"] .block-head { flex-direction: column; align-items: center; }
[data-world="desert-motel"] .more { margin-left: 0; }
[data-world="desert-motel"] .eyebrow { text-transform: uppercase; letter-spacing: 0.16em; }
/* framed panels with 2px borders */
[data-world="desert-motel"] .card { border: 2px solid var(--spice); }
[data-world="desert-motel"] .hero-media { border-bottom: 2px solid var(--spice); }
/* room-key tags in place of section numbers */
[data-world="desert-motel"] .block-num {
  display: inline-block; background: var(--fill); color: var(--on-fill); font-family: var(--font-label);
  font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 0.35em 0.9em 0.5em; border-radius: 2px 2px 14px 14px;
}
[data-world="desert-motel"] .block-num::before { content: "Room " attr(data-num); }

[data-world="desert-motel"] .social { margin: 0 auto; }