.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) {
  --vexp-bg: #faf7f2;
  --vexp-ink: #1e1b18;
  --vexp-muted: #625b53;
  --vexp-cream: #f4ece7;
  --vexp-border: #e4ddd3;
  --vexp-maroon: #6a0109;
  --vexp-red: #8b1d1d;
  --vexp-serif: 'Noto Serif Display', Georgia, serif;
  --vexp-serif-text: 'Noto Serif', Georgia, serif;
  --vexp-sans: 'Noto Sans', Arial, sans-serif;
  --vexp-gutter: max(48px, calc((100% - 1280px) / 2 + 24px));
  background: var(--vexp-bg);
  color: var(--vexp-ink);
  font-family: var(--vexp-sans);
  font-size: 14px;
  line-height: 20px;
  overflow: clip;
}
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) *,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) *::before,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) *::after { box-sizing: border-box; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) h1,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) h2,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) h3,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) p,
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) ul { margin: 0; padding: 0; font-family: inherit; list-style: none; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) img { display: block; max-width: none; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 468px; gap: 24px; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card { position: relative; isolation: isolate; overflow: clip; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__image { position: relative; z-index: 2; display: block; height: 240px; background: var(--vexp-cream); }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__image img { width: 100%; height: 100%; object-fit: cover; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__save { position: absolute; top: 8px; right: 8.34px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 9999px; background: rgba(255,255,255,.9); backdrop-filter: blur(2px); cursor: pointer; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__body { position: relative; z-index: 1; display: flex; flex-direction: column; height: 228px; padding: 24px; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card h3 { display: -webkit-box; height: 55px; margin-bottom: 9px; overflow: hidden; color: var(--vexp-ink); font-family: var(--vexp-serif-text); font-size: 20px; font-weight: 600; line-height: 27.5px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card h3 a { color: inherit; text-decoration: none; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__body p { display: -webkit-box; height: 60px; margin-top: 4px; overflow: hidden; color: var(--vexp-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__link { display: flex; align-items: center; gap: 4px; align-self: flex-start; margin-top: auto; color: var(--vexp-maroon); font-family: 'Noto Sans Display', Arial, sans-serif; font-size: 12px; font-stretch: 75%; font-weight: 600; letter-spacing: 1.2px; line-height: 16px; text-decoration: none; text-transform: uppercase; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-card__link:hover span { text-decoration: underline; }
.vnat-app:is([data-page="things-to-do-experiences"], [data-page="things-to-do-landing"]) .vexp-empty { padding: 48px 0; color: var(--vexp-muted); text-align: center; }