html[data-catalogue-thumbnail] {
  --screen-height: 100dvh;
  --phone-height: 100dvh;
  overflow: hidden;
}

html[data-catalogue-thumbnail] .photo-switch,
html[data-catalogue-thumbnail] .desktop-scene,
html[data-catalogue-thumbnail] body::before,
html[data-catalogue-thumbnail] .phone-shell::before,
html[data-catalogue-thumbnail] .phone-shell::after {
  display: none !important;
}

html[data-catalogue-thumbnail] .preview-stage {
  display: block;
  min-height: 100dvh;
  padding: 0;
}

html[data-catalogue-thumbnail] .phone-shell {
  width: 100%;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-catalogue-thumbnail] .invitation {
  height: 100dvh;
  overflow: hidden;
  border-radius: 0;
}

html[data-catalogue-thumbnail] .cover-content {
  min-height: 0;
  padding: 36px 24px;
}

html[data-catalogue-thumbnail] .cover-content > .eyebrow {
  margin-bottom: 16px;
}

html[data-catalogue-thumbnail] .cover-photo {
  width: min(60vw, 220px);
}

html[data-catalogue-thumbnail] .cover-photo-stage {
  width: min(56vw, 210px);
  margin-bottom: 76px;
}

html[data-catalogue-thumbnail] .cover .names {
  font-size: 36px;
}

html[data-catalogue-thumbnail] .cover .names > span {
  font-size: 24px;
}

html[data-catalogue-thumbnail] .cover-date {
  margin: 14px 0;
  white-space: normal;
}

html[data-catalogue-thumbnail] .guest-card {
  margin: 12px 0;
  padding: 8px 20px;
}

html[data-catalogue-thumbnail] *,
html[data-catalogue-thumbnail] *::before,
html[data-catalogue-thumbnail] *::after {
  animation: none !important;
  transition: none !important;
}