{"id":216,"date":"2026-07-22T18:22:14","date_gmt":"2026-07-22T16:22:14","guid":{"rendered":"https:\/\/www.donttellus.com\/en_us\/image-series\/"},"modified":"2026-07-27T17:09:38","modified_gmt":"2026-07-27T15:09:38","slug":"image-series","status":"publish","type":"page","link":"https:\/\/www.donttellus.com\/fr\/image-series\/","title":{"rendered":"Image Series"},"content":{"rendered":"\n\n\n<style>\n:root {\n  --bg: #06080d;\n  --bg-soft: #0a111a;\n  --panel: rgba(15, 19, 28, 0.72);\n  --panel-2: rgba(23, 29, 42, 0.78);\n  --text: #f4f6f8;\n  --muted: #93a6ba;\n  --line: rgba(96, 152, 194, 0.18);\n  --line-strong: rgba(110, 186, 236, 0.28);\n  --accent: #5cd9ff;\n  --accent-2: #13bfff;\n  --accent-3: #6e89ff;\n  --danger: #ff6f61;\n  --shadow: 0 24px 70px rgba(0, 0, 0, 0.48);\n  --radius: 20px;\n  --radius-lg: 28px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Aptos\", \"Segoe UI Variable Text\", \"Inter\", \"Segoe UI\", Arial, sans-serif;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 18% 10%, rgba(110, 137, 255, 0.20), transparent 24%),\n    radial-gradient(circle at 82% 18%, rgba(19, 191, 255, 0.14), transparent 20%),\n    radial-gradient(circle at top, rgba(92, 217, 255, 0.12), transparent 34%),\n    linear-gradient(180deg, #071019 0%, #05080d 100%);\n  min-height: 100vh;\n  letter-spacing: 0.01em;\n  position: relative;\n}\n\nbody::before,\nbody::after {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 0;\n}\n\nbody::before {\n  background:\n    linear-gradient(115deg, rgba(255, 255, 255, 0.03), transparent 34%),\n    linear-gradient(285deg, rgba(255, 255, 255, 0.02), transparent 20%);\n  mix-blend-mode: screen;\n}\n\nbody::after {\n  background-image:\n    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n  background-size: 72px 72px;\n  mask-image: radial-gradient(circle at center, black 38%, transparent 92%);\n  opacity: 0.12;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\n.shell {\n  width: min(1320px, calc(100% - 28px));\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.topbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  padding: 18px 0 16px;\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  backdrop-filter: blur(18px);\n  background: linear-gradient(180deg, rgba(6, 8, 13, 0.92), rgba(6, 8, 13, 0.62));\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n  margin-bottom: 18px;\n}\n\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.brand-mark {\n  width: 58px;\n  height: 58px;\n  border-radius: 18px;\n  object-fit: cover;\n  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.42);\n  flex: 0 0 auto;\n  background: #0b0f14;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.brand-copy {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.brand strong {\n  font-size: 1.05rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n\n.brand span,\n.eyebrow,\n.meta,\n.status-label,\n.legal-note,\n.price-hint {\n  color: var(--muted);\n}\n\n.hero {\n  display: grid;\n  grid-template-columns: 1.08fr 0.92fr;\n  gap: 22px;\n  align-items: stretch;\n  padding: 8px 0 28px;\n}\n\n.hero-media {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding: 18px;\n  overflow: hidden;\n  position: relative;\n  background:\n    radial-gradient(circle at top right, rgba(124, 166, 255, 0.12), transparent 28%),\n    linear-gradient(180deg, rgba(15, 19, 28, 0.9), rgba(9, 12, 18, 0.98));\n}\n\n.hero-media .player {\n  aspect-ratio: 16 \/ 9;\n}\n\n.hero-media img,\n.visual-card img {\n  width: 100%;\n  display: block;\n  object-fit: cover;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n}\n\n.hero-media img {\n  aspect-ratio: 16 \/ 9;\n}\n\n.media-caption,\n.visual-copy {\n  display: grid;\n  gap: 6px;\n}\n\n.media-caption p,\n.visual-copy p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.visual-world {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  padding: 0 0 28px;\n}\n\n.video-showcase {\n  display: grid;\n  gap: 16px;\n  padding: 4px 0 28px;\n}\n\n.auth-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px;\n  padding: 0 0 28px;\n}\n\n.auth-panel {\n  display: grid;\n  gap: 14px;\n  padding: 24px;\n}\n\n.auth-panel-secondary {\n  background:\n    radial-gradient(circle at top right, rgba(255, 191, 105, 0.12), transparent 30%),\n    linear-gradient(180deg, rgba(18, 27, 38, 0.96), rgba(10, 14, 20, 0.98));\n}\n\n.auth-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.auth-form {\n  display: grid;\n  gap: 12px;\n}\n\n.locale-switcher {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.locale-switcher .tag.is-active {\n  background: linear-gradient(135deg, var(--accent), var(--accent-2));\n  color: #04131c;\n  border-color: transparent;\n}\n\n.video-shelf {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(260px, 310px);\n  gap: 16px;\n  overflow-x: auto;\n  padding-bottom: 10px;\n  scroll-snap-type: x proximity;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(141, 241, 200, 0.48) transparent;\n}\n\n.video-card {\n  padding: 0;\n  overflow: hidden;\n  scroll-snap-align: start;\n  min-height: 0;\n  cursor: pointer;\n  border-radius: 24px;\n  transform: translateZ(0);\n  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\n}\n\n.video-card:hover,\n.video-card:focus-within {\n  transform: translateY(-4px);\n  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);\n  border-color: rgba(141, 241, 200, 0.26);\n}\n\n.preview-launch {\n  display: grid;\n  gap: 0;\n  width: 100%;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n\n.preview-launch:focus-visible {\n  outline: 2px solid var(--accent-2);\n  outline-offset: 4px;\n}\n\n.preview-launch-hero {\n  border-radius: 0;\n}\n\n.preview-thumb {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 2 \/ 3;\n  background: #000;\n  overflow: hidden;\n  display: grid;\n  place-items: stretch;\n}\n\n.preview-thumb img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  transition: transform 280ms ease, filter 280ms ease;\n}\n\n.preview-card.is-member .preview-thumb img {\n  filter: saturate(0.85) contrast(0.92);\n}\n\n.preview-launch:hover .preview-thumb img,\n.preview-launch:focus-visible .preview-thumb img {\n  transform: scale(1.03);\n}\n\n.preview-gradient {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(180deg, rgba(4, 6, 10, 0.08), rgba(4, 6, 10, 0.86)),\n    linear-gradient(90deg, rgba(141, 241, 200, 0.08), transparent 42%, rgba(255, 191, 105, 0.08));\n}\n\n.preview-badge {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: 1;\n  padding: 5px 8px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-2));\n  color: #091018;\n  font-size: 0.66rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.preview-play {\n  position: absolute;\n  right: 10px;\n  bottom: 10px;\n  z-index: 1;\n  padding: 8px 12px;\n  border-radius: 999px;\n  background: rgba(9, 13, 18, 0.48);\n  backdrop-filter: blur(16px);\n  color: #fff;\n  font-weight: 700;\n  font-size: 0.84rem;\n  letter-spacing: 0.03em;\n  border: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.preview-copy {\n  position: absolute;\n  inset: auto 0 0 0;\n  z-index: 1;\n  display: grid;\n  gap: 6px;\n  padding: 14px 14px 12px;\n  color: #fff;\n}\n\n.preview-copy .eyebrow {\n  color: rgba(195, 229, 247, 0.82);\n}\n\n.preview-copy strong {\n  display: block;\n  font-size: 0.98rem;\n  line-height: 1.2;\n}\n\n.preview-copy span:last-child {\n  color: rgba(237, 242, 247, 0.86);\n  line-height: 1.45;\n  font-size: 0.86rem;\n}\n\n.video-card-copy {\n  display: grid;\n  gap: 8px;\n  padding: 14px 16px 16px;\n  background: linear-gradient(180deg, rgba(10, 14, 19, 0.92), rgba(10, 14, 19, 0.98));\n}\n\n.rating-strip {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-top: 2px;\n  padding-top: 10px;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  color: var(--muted);\n  font-size: 0.82rem;\n}\n\n.rating-strip strong {\n  color: var(--accent-2);\n  font-size: 0.86rem;\n}\n\n.video-card-copy h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.video-card-copy p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.55;\n  font-size: 0.88rem;\n}\n\n.preview-card:focus-visible {\n  outline: 2px solid var(--accent-2);\n  outline-offset: 4px;\n}\n\n.video-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  display: grid;\n  place-items: center;\n  padding: 20px;\n}\n\n.video-modal[hidden] {\n  display: none;\n}\n\n.video-modal-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(1, 3, 6, 0.84);\n  backdrop-filter: blur(16px);\n}\n\n.video-modal-dialog {\n  position: relative;\n  z-index: 1;\n  width: min(1160px, 100%);\n  display: grid;\n  gap: 16px;\n  padding: 20px;\n  background:\n    radial-gradient(circle at top right, rgba(141, 241, 200, 0.1), transparent 25%),\n    linear-gradient(180deg, rgba(14, 18, 25, 0.98), rgba(7, 10, 15, 0.98));\n  border-radius: 26px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.65);\n}\n\n.video-modal-player video {\n  width: 100%;\n  display: block;\n  aspect-ratio: 16 \/ 9;\n  background: #000;\n  border-radius: 18px;\n}\n\n.video-modal-copy {\n  display: grid;\n  gap: 8px;\n}\n\n.video-modal-copy h3 {\n  margin: 0;\n  font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.video-modal-copy p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.rating-panel {\n  display: grid;\n  gap: 14px;\n  padding: 18px;\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.rating-panel h4 {\n  margin: 0;\n  font-size: 1.18rem;\n}\n\n.rating-panel-lead {\n  margin: 0;\n  color: var(--muted);\n}\n\n.rating-grade-grid {\n  display: grid;\n  grid-template-columns: repeat(6, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.rating-grade-button {\n  min-height: 72px;\n  border-radius: 18px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background: rgba(255, 255, 255, 0.04);\n  color: var(--text);\n  cursor: pointer;\n  font-weight: 800;\n  font-size: 1.1rem;\n  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;\n}\n\n.rating-grade-button span {\n  display: block;\n  margin-top: 4px;\n  font-size: 0.72rem;\n  font-weight: 600;\n  color: var(--muted);\n}\n\n.rating-grade-button:hover,\n.rating-grade-button:focus-visible,\n.rating-grade-button.is-active {\n  transform: translateY(-2px);\n  border-color: rgba(141, 241, 200, 0.48);\n  background: rgba(141, 241, 200, 0.11);\n  outline: none;\n}\n\n.rating-grade-button.is-best.is-active,\n.rating-grade-button.is-best:hover {\n  border-color: rgba(141, 241, 200, 0.6);\n}\n\n.rating-grade-button.is-worst.is-active,\n.rating-grade-button.is-worst:hover {\n  border-color: rgba(255, 120, 120, 0.52);\n  background: rgba(255, 120, 120, 0.08);\n}\n\n.rating-chip-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.rating-chip {\n  cursor: pointer;\n  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;\n}\n\n.rating-chip.is-active,\n.rating-chip:hover,\n.rating-chip:focus-visible {\n  border-color: rgba(141, 241, 200, 0.42);\n  background: rgba(141, 241, 200, 0.1);\n  color: var(--text);\n  outline: none;\n}\n\n.rating-panel-footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  color: var(--muted);\n  font-size: 0.88rem;\n}\n\n.rating-panel-footer strong {\n  color: var(--text);\n}\n\n.rating-panel.is-prompted {\n  border-color: rgba(141, 241, 200, 0.4);\n  box-shadow: 0 0 0 1px rgba(141, 241, 200, 0.18), 0 18px 40px rgba(0, 0, 0, 0.22);\n}\n\n.video-modal-close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 2;\n  width: 40px;\n  height: 40px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: rgba(7, 10, 15, 0.92);\n  color: var(--text);\n  font-size: 1.4rem;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.image-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 45;\n  display: grid;\n  place-items: center;\n  padding: 20px;\n}\n\n.image-lightbox[hidden] {\n  display: none;\n}\n\n.image-lightbox-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(1, 3, 6, 0.88);\n}\n\n.image-lightbox-dialog {\n  position: relative;\n  z-index: 1;\n  width: min(1200px, 100%);\n  padding: 20px;\n}\n\n.image-lightbox-stage {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr) 56px;\n  gap: 14px;\n  align-items: center;\n}\n\n.image-lightbox-nav,\n.image-lightbox-close {\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  background: rgba(255, 255, 255, 0.06);\n  color: #fff;\n  border-radius: 16px;\n  cursor: pointer;\n}\n\n.image-lightbox-nav {\n  min-height: 72px;\n  font-size: 2rem;\n}\n\n.image-lightbox-close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 44px;\n  height: 44px;\n  font-size: 1.5rem;\n}\n\n.image-lightbox-figure {\n  margin: 0;\n  display: grid;\n  gap: 14px;\n}\n\n.image-lightbox-figure img {\n  width: 100%;\n  max-height: 78vh;\n  object-fit: contain;\n  border-radius: 20px;\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.image-lightbox-figure figcaption {\n  display: grid;\n  gap: 6px;\n}\n\n.image-lightbox-figure strong {\n  font-size: 1.15rem;\n}\n\n.image-lightbox-figure span {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\nbody.modal-open {\n  overflow: hidden;\n}\n\n.two-col-world {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hard-protocol-world {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.visual-card {\n  padding: 16px;\n  display: grid;\n  gap: 14px;\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n    rgba(255, 255, 255, 0.02);\n}\n\n.visual-card img {\n  aspect-ratio: 4 \/ 5;\n}\n\n.visual-overlay-card {\n  position: relative;\n  overflow: hidden;\n  min-height: 400px;\n  padding: 0;\n}\n\n.visual-overlay-card img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  aspect-ratio: auto;\n  border-radius: 0;\n  border: 0;\n}\n\n.overlay-copy {\n  position: relative;\n  z-index: 1;\n  align-self: end;\n  margin: auto 0 0;\n  padding: 20px;\n  background: linear-gradient(180deg, transparent, rgba(5, 8, 12, 0.92) 45%);\n  min-height: 260px;\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  gap: 6px;\n}\n\n.overlay-kicker {\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-size: 0.75rem;\n  color: var(--accent-2);\n}\n\n.overlay-copy h3 {\n  margin: 0;\n  font-size: 1.8rem;\n}\n\n.overlay-copy p {\n  margin: 0;\n  color: #d6dde4;\n  max-width: 34ch;\n}\n\n.section-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  gap: 18px;\n  padding: 8px 0 18px;\n}\n\n.section-heading h2 {\n  margin-bottom: 0;\n  font-size: clamp(1.6rem, 3vw, 2.45rem);\n  letter-spacing: -0.03em;\n}\n\n.section-heading p {\n  margin: 0;\n  max-width: 52ch;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.detention-world,\n.streetwear-world {\n  padding-top: 6px;\n}\n\n.openrouter-panel {\n  padding: 20px 24px;\n  margin-bottom: 18px;\n}\n\n.concept-teaser,\n.concept-page {\n  padding: 24px;\n}\n\n.concept-page h2,\n.concept-page p:last-child {\n  margin-bottom: 0;\n}\n\n.concept-page p {\n  line-height: 1.7;\n  color: #d6dde4;\n}\n\n.pattern-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n  margin-top: 18px;\n}\n\n.pattern-card {\n  padding: 18px;\n  display: grid;\n  gap: 12px;\n}\n\n.pattern-wide {\n  grid-column: span 2;\n}\n\n.pattern-visual {\n  margin: 0;\n  display: grid;\n  gap: 8px;\n}\n\n.pattern-visual img {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n}\n\n.pattern-visual figcaption {\n  color: var(--accent-2);\n  font-weight: 700;\n}\n\n.pattern-stack {\n  display: grid;\n  gap: 10px;\n}\n\n.pattern-stack div {\n  display: grid;\n  gap: 3px;\n  padding: 12px 14px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--line);\n}\n\n.pattern-stack strong {\n  color: var(--text);\n}\n\n.pattern-stack span {\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.atlas-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 14px;\n}\n\n.atlas-card {\n  padding: 16px;\n  display: grid;\n  gap: 8px;\n}\n\n.atlas-card p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.home-topic-strip {\n  padding: 20px 24px;\n  margin: 18px 0 28px;\n}\n\n.home-topic-strip h2 {\n  margin-bottom: 8px;\n  font-size: clamp(1.35rem, 2.5vw, 2rem);\n}\n\n.home-topic-strip p {\n  margin: 0 0 14px;\n  color: var(--muted);\n  line-height: 1.6;\n  max-width: 60ch;\n}\n\n.home-topic-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.home-topic-link {\n  padding: 16px;\n  display: grid;\n  gap: 8px;\n}\n\n.home-topic-link strong {\n  font-size: 1rem;\n}\n\n.home-topic-link span {\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.topic-hero {\n  display: grid;\n  grid-template-columns: 1fr 0.9fr;\n  gap: 18px;\n  padding: 22px;\n  margin-bottom: 18px;\n}\n\n.topic-copy {\n  display: grid;\n  gap: 10px;\n  align-content: start;\n}\n\n.topic-media {\n  overflow: hidden;\n  padding: 0;\n  display: grid;\n}\n\n.topic-media img {\n  width: 100%;\n  min-height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.topic-grid {\n  margin-top: 18px;\n}\n\n.editor-shell {\n  padding: 24px;\n  display: grid;\n  gap: 22px;\n}\n\n.production-board {\n  display: grid;\n  gap: 18px;\n  padding: 20px;\n}\n\n.pipeline-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.pipeline-card {\n  padding: 18px;\n  display: grid;\n  gap: 14px;\n  min-width: 0;\n}\n\n.pipeline-card h3 {\n  margin-bottom: 0;\n}\n\n.pipeline-list {\n  margin: 0;\n  padding-left: 18px;\n  display: grid;\n  gap: 8px;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.queue-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.queue-table-wrap {\n  overflow: auto;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n}\n\n.queue-table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 680px;\n}\n\n.queue-table thead th {\n  text-align: left;\n  padding: 12px 14px;\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--muted);\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.queue-table tbody tr {\n  transition: background 0.16s ease;\n  cursor: pointer;\n}\n\n.queue-table tbody tr:hover,\n.queue-table tbody tr.is-active {\n  background: rgba(126, 224, 195, 0.08);\n}\n\n.queue-table td {\n  padding: 12px 14px;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n  vertical-align: top;\n}\n\n.queue-table td strong {\n  display: block;\n  margin-bottom: 4px;\n}\n\n.production-form {\n  display: grid;\n  gap: 12px;\n}\n\n.production-json {\n  max-height: 340px;\n}\n\n.thumbnail-guide {\n  display: grid;\n  gap: 22px;\n}\n\n.thumbnail-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.thumbnail-demo {\n  display: grid;\n  gap: 16px;\n  overflow: hidden;\n  padding: 0;\n}\n\n.thumbnail-art {\n  position: relative;\n  min-height: 420px;\n  padding: 18px;\n  display: grid;\n  align-content: space-between;\n  gap: 16px;\n  background:\n    radial-gradient(circle at top right, rgba(255, 184, 107, 0.16), transparent 28%),\n    linear-gradient(145deg, rgba(15, 20, 28, 0.98), rgba(8, 11, 16, 0.98));\n}\n\n.thumbnail-public .thumbnail-art {\n  background:\n    radial-gradient(circle at top right, rgba(126, 224, 195, 0.18), transparent 30%),\n    linear-gradient(145deg, rgba(16, 22, 31, 0.98), rgba(6, 9, 13, 0.98));\n}\n\n.thumbnail-member .thumbnail-art {\n  background:\n    radial-gradient(circle at top right, rgba(121, 148, 255, 0.18), transparent 30%),\n    linear-gradient(145deg, rgba(15, 18, 28, 0.98), rgba(7, 9, 15, 0.98));\n}\n\n.thumbnail-premium .thumbnail-art {\n  background:\n    radial-gradient(circle at top right, rgba(255, 102, 153, 0.18), transparent 30%),\n    linear-gradient(145deg, rgba(24, 16, 24, 0.98), rgba(10, 6, 9, 0.98));\n}\n\n.thumbnail-topline,\n.thumbnail-footer {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  align-items: center;\n}\n\n.thumbnail-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 7px 10px;\n  border-radius: 999px;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  background: var(--accent-2);\n  color: #08111a;\n}\n\n.thumbnail-small {\n  font-size: 0.74rem;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: rgba(235, 242, 250, 0.72);\n}\n\n.thumbnail-main {\n  display: grid;\n  gap: 10px;\n  align-content: center;\n  min-height: 220px;\n}\n\n.thumbnail-kicker {\n  color: var(--accent);\n  font-size: 0.82rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.thumbnail-main h3 {\n  margin: 0;\n  font-size: clamp(2rem, 3.6vw, 3rem);\n  line-height: 0.95;\n  max-width: 10ch;\n}\n\n.thumbnail-main p {\n  margin: 0;\n  max-width: 28ch;\n  color: rgba(240, 246, 252, 0.82);\n  line-height: 1.55;\n}\n\n.thumbnail-footer {\n  padding-top: 12px;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  align-items: start;\n}\n\n.thumbnail-footer strong {\n  display: block;\n  font-size: 0.9rem;\n}\n\n.thumbnail-footer span {\n  display: block;\n  max-width: 26ch;\n  color: rgba(233, 239, 245, 0.72);\n  line-height: 1.45;\n}\n\n.thumbnail-spec {\n  display: grid;\n  gap: 12px;\n  padding: 18px;\n}\n\n.thumbnail-spec h4 {\n  margin: 0;\n  font-size: 1.1rem;\n}\n\n.thumbnail-rules {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.thumbnail-rule {\n  padding: 18px;\n  display: grid;\n  gap: 10px;\n}\n\n.editor-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);\n  gap: 18px;\n}\n\n.dual-form-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n}\n\n.event-hero,\n.membership-request-hero {\n  padding: 26px;\n}\n\n.editor-form {\n  display: grid;\n  gap: 18px;\n}\n\n.editor-section {\n  display: grid;\n  gap: 12px;\n  padding: 18px;\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.03);\n}\n\n.editor-section h3 {\n  margin-bottom: 0;\n}\n\n.editor-field {\n  display: grid;\n  gap: 6px;\n}\n\n.editor-field span {\n  font-size: 0.86rem;\n  color: var(--muted);\n}\n\n.editor-field input,\n.editor-field textarea {\n  width: 100%;\n  border: 1px solid var(--line);\n  background: rgba(5, 8, 12, 0.65);\n  color: var(--text);\n  border-radius: 14px;\n  padding: 12px 14px;\n  font: inherit;\n}\n\n.editor-field textarea {\n  resize: vertical;\n  min-height: 112px;\n}\n\n.editor-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.file-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.editor-preview {\n  padding: 18px;\n  overflow: hidden;\n}\n\n.editor-preview pre {\n  margin: 12px 0 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 78vh;\n  overflow: auto;\n}\n\n.casting-hero {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.casting-hero-copy {\n  display: grid;\n  gap: 16px;\n  padding: 28px;\n}\n\n.casting-hero-copy p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.7;\n  max-width: 64ch;\n}\n\n.casting-hero-media {\n  position: relative;\n  overflow: hidden;\n  min-height: 420px;\n  padding: 0;\n}\n\n.casting-hero-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.casting-hero-overlay {\n  position: absolute;\n  inset: 0;\n  display: grid;\n  align-content: end;\n  padding: 24px;\n  background: linear-gradient(180deg, rgba(2, 5, 10, 0.08), rgba(2, 5, 10, 0.88));\n}\n\n.casting-hero-overlay strong {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 1.1rem;\n}\n\n.casting-hero-overlay p {\n  margin: 0;\n  color: rgba(238, 244, 250, 0.78);\n  line-height: 1.6;\n}\n\n.casting-highlight-grid,\n.casting-kpi-grid {\n  display: grid;\n  gap: 16px;\n}\n\n.casting-highlight-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.casting-kpi-grid {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.casting-kpi,\n.casting-highlight-card {\n  padding: 18px;\n  display: grid;\n  gap: 10px;\n}\n\n.casting-kpi strong {\n  font-size: 1.6rem;\n  line-height: 1;\n}\n\n.casting-kpi span,\n.casting-highlight-card p {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.casting-checklist {\n  margin: 0;\n  padding-left: 18px;\n  display: grid;\n  gap: 8px;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.editor-field select {\n  width: 100%;\n  border: 1px solid var(--line);\n  background: rgba(5, 8, 12, 0.65);\n  color: var(--text);\n  border-radius: 14px;\n  padding: 12px 14px;\n  font: inherit;\n}\n\n.panel {\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),\n    var(--panel);\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n  backdrop-filter: blur(18px);\n}\n\n.hero-copy,\n.dossier-card,\n.legal-card,\n.player-card {\n  padding: 26px;\n}\n\n.eyebrow {\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  font-size: 0.78rem;\n  color: rgba(184, 194, 204, 0.82);\n}\n\nh1,\nh2,\nh3,\np {\n  margin-top: 0;\n}\n\nh1 {\n  font-size: clamp(2.5rem, 6vw, 5rem);\n  line-height: 0.96;\n  margin: 12px 0 16px;\n  letter-spacing: -0.05em;\n}\n\n.lead {\n  font-size: 1.07rem;\n  line-height: 1.7;\n  max-width: 64ch;\n  color: #dbe2ea;\n}\n\n.cta-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 22px;\n}\n\n.btn {\n  appearance: none;\n  border: 0;\n  border-radius: 999px;\n  padding: 13px 18px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n  letter-spacing: 0.01em;\n}\n\n.btn:hover {\n  transform: translateY(-1px);\n}\n\n.btn-primary {\n  background: linear-gradient(135deg, var(--accent), var(--accent-2));\n  color: #04110d;\n  box-shadow: 0 14px 32px rgba(19, 191, 255, 0.22);\n}\n\n.btn-secondary {\n  background: rgba(255, 255, 255, 0.06);\n  color: var(--text);\n  border: 1px solid var(--line-strong);\n}\n\n.grid {\n  display: grid;\n  gap: 18px;\n}\n\n.grid.cards {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  padding-bottom: 44px;\n}\n\n.dossier-card {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.tag-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.catalog-toolbar {\n  display: grid;\n  gap: 18px;\n  margin-bottom: 24px;\n}\n\n.catalog-toolbar-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);\n  gap: 18px;\n  align-items: start;\n}\n\n.catalog-filter-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.catalog-search-field {\n  display: grid;\n  gap: 8px;\n}\n\n.catalog-search-field span {\n  font-size: 0.82rem;\n  color: var(--muted);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n\n.catalog-search-field input,\n.catalog-search-field select {\n  width: 100%;\n  border-radius: 14px;\n  border: 1px solid var(--line);\n  background: rgba(255, 255, 255, 0.05);\n  color: var(--text);\n  padding: 14px 15px;\n  font: inherit;\n}\n\n.catalog-search-field input:focus,\n.catalog-search-field select:focus {\n  outline: 2px solid rgba(141, 241, 200, 0.32);\n  outline-offset: 2px;\n}\n\n.catalog-chip-strip {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.catalog-chip {\n  cursor: pointer;\n  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;\n}\n\n.catalog-chip span {\n  opacity: 0.72;\n}\n\n.catalog-chip:hover,\n.catalog-chip:focus-visible,\n.catalog-chip.is-active {\n  transform: translateY(-1px);\n  border-color: rgba(141, 241, 200, 0.36);\n  background: rgba(141, 241, 200, 0.12);\n}\n\n.catalog-results-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 14px;\n}\n\n.catalog-empty-state {\n  margin-bottom: 40px;\n}\n\n.catalog-card[hidden] {\n  display: none !important;\n}\n\n.compact-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: grid;\n  gap: 10px;\n}\n\n.compact-list li {\n  padding: 10px 12px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  display: grid;\n  gap: 3px;\n}\n\n.compact-list strong {\n  font-size: 0.98rem;\n}\n\n.compact-list span {\n  color: var(--muted);\n  font-size: 0.88rem;\n  line-height: 1.4;\n}\n\n.tag {\n  padding: 7px 11px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid var(--line);\n  font-size: 0.82rem;\n  backdrop-filter: blur(10px);\n}\n\n.status-box {\n  padding: 14px 16px;\n  border-radius: 16px;\n  background:\n    linear-gradient(135deg, rgba(255, 184, 107, 0.1), rgba(126, 224, 195, 0.08)),\n    rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.status-value {\n  display: block;\n  color: var(--accent);\n  font-weight: 700;\n  margin-top: 6px;\n}\n\n.commerce-hero {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 18px;\n}\n\n.price {\n  font-size: 1.8rem;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n}\n\n.price-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.price-tile {\n  padding: 14px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid var(--line);\n}\n\n.price-tile strong {\n  display: block;\n  margin-bottom: 4px;\n}\n\n.sales-tier-card {\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at top right, rgba(255, 191, 105, 0.12), transparent 34%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));\n}\n\n.sales-tier-card.is-featured {\n  border-color: rgba(141, 241, 200, 0.34);\n  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);\n}\n\n.player {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  border-radius: 18px;\n  background: #000;\n  overflow: hidden;\n  border: 1px solid var(--line);\n}\n\nvideo,\niframe {\n  width: 100%;\n  height: 100%;\n  display: block;\n  border: 0;\n}\n\n.product-layout {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  gap: 18px;\n  padding-bottom: 40px;\n}\n\n.two-lang {\n  display: grid;\n  gap: 14px;\n}\n\n.teaser-block {\n  margin-top: 18px;\n}\n\n.auto-visuals {\n  margin-top: 18px;\n}\n\n.visual-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 12px;\n}\n\n.visual-item {\n  padding: 10px;\n}\n\n.visual-item figcaption {\n  display: grid;\n  gap: 4px;\n}\n\n.visual-item figcaption strong {\n  color: var(--text);\n}\n\n.gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 18px;\n}\n\n.gallery-item {\n  margin: 0;\n  padding: 10px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--line);\n}\n\n.gallery-item img {\n  width: 100%;\n  display: block;\n  border-radius: 12px;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n}\n\n.gallery-item figcaption {\n  margin-top: 8px;\n  font-size: 0.92rem;\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.image-series-hero {\n  display: grid;\n  gap: 18px;\n  background:\n    radial-gradient(circle at top right, rgba(0, 220, 255, 0.18), transparent 34%),\n    linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));\n}\n\n.story-principle-grid {\n  align-items: stretch;\n}\n\n.story-principle-card,\n.story-layout-card,\n.image-series-preview,\n.image-series-storyboard,\n.image-series-card-premium {\n  background:\n    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n    rgba(8, 12, 20, 0.88);\n}\n\n.story-principle-card h3,\n.story-layout-card h3 {\n  margin: 0 0 8px;\n}\n\n.story-principle-card p,\n.story-layout-card p,\n.image-series-card-side p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.image-series-showcase {\n  display: grid;\n  grid-template-columns: 1.35fr 0.9fr;\n  gap: 20px;\n}\n\n.story-layout-grid {\n  display: grid;\n  gap: 14px;\n  margin-top: 18px;\n}\n\n.story-layout-card {\n  display: grid;\n  grid-template-columns: 62px 1fr;\n  gap: 16px;\n  align-items: start;\n  padding: 18px;\n  border-radius: 20px;\n  border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.story-layout-index {\n  display: grid;\n  place-items: center;\n  min-height: 62px;\n  border-radius: 18px;\n  background: linear-gradient(180deg, rgba(0, 220, 255, 0.18), rgba(0, 220, 255, 0.05));\n  color: var(--accent-2);\n  font-weight: 700;\n  letter-spacing: 0.08em;\n}\n\n.image-series-preview-steps,\n.image-series-mini-flow,\n.image-series-chapters {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.image-series-preview-steps,\n.image-series-mini-flow {\n  display: grid;\n  gap: 12px;\n}\n\n.image-series-preview-steps li,\n.image-series-mini-flow li {\n  display: grid;\n  grid-template-columns: 44px 1fr;\n  gap: 12px;\n  align-items: center;\n  padding: 12px 14px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.image-series-preview-steps span,\n.image-series-mini-flow span {\n  display: inline-grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 14px;\n  background: rgba(0, 220, 255, 0.12);\n  color: var(--accent-2);\n  font-weight: 700;\n}\n\n.image-series-groups {\n  display: grid;\n  gap: 22px;\n}\n\n.image-series-card-premium {\n  padding: 0;\n  overflow: hidden;\n}\n\n.image-series-cover {\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  padding: 26px;\n  background:\n    linear-gradient(120deg, rgba(0, 220, 255, 0.12), transparent 42%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.image-series-cover-copy {\n  display: grid;\n  gap: 10px;\n  max-width: 760px;\n}\n\n.image-series-cover-copy h2 {\n  margin: 0;\n}\n\n.image-series-cover-copy p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.65;\n}\n\n.image-series-cover-stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-content: flex-start;\n  justify-content: flex-end;\n}\n\n.image-series-visual-band {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  gap: 14px;\n  padding: 18px 26px 0;\n}\n\n.image-series-visual {\n  margin: 0;\n  display: grid;\n  gap: 10px;\n}\n\n.image-series-visual img {\n  width: 100%;\n  display: block;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 18px;\n}\n\n.image-series-card-grid {\n  display: grid;\n  grid-template-columns: 1.45fr 0.75fr;\n  gap: 0;\n}\n\n.image-series-card-main,\n.image-series-card-side {\n  padding: 24px 26px 26px;\n}\n\n.image-series-card-side {\n  border-left: 1px solid rgba(255, 255, 255, 0.06);\n  background: rgba(255, 255, 255, 0.015);\n}\n\n.image-series-action-row {\n  display: grid;\n  gap: 14px;\n  margin-top: 18px;\n  padding: 16px 18px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.035);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.image-series-rating-panel {\n  margin-top: 2px;\n  padding: 16px;\n  border-radius: 18px;\n}\n\n.image-series-action-copy {\n  display: grid;\n  gap: 6px;\n}\n\n.image-series-action-copy span {\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.image-series-chapters {\n  display: grid;\n  gap: 12px;\n  margin-top: 18px;\n}\n\n.image-series-chapters li {\n  display: grid;\n  gap: 6px;\n  padding: 14px 16px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.035);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.image-series-chapters li span,\n.image-series-chapters li em {\n  color: var(--muted);\n  font-style: normal;\n  font-size: 0.92rem;\n}\n\n.image-series-chapters li strong {\n  font-size: 1.02rem;\n}\n\n.image-series-chapters li p {\n  margin: 2px 0 0;\n  color: rgba(235, 242, 250, 0.78);\n  line-height: 1.6;\n}\n\n.btn-small {\n  width: fit-content;\n  min-height: 0;\n  padding: 10px 14px;\n  font-size: 0.9rem;\n}\n\n.image-series-gallery-strip {\n  display: grid;\n  gap: 10px;\n  margin-top: 18px;\n}\n\n.image-series-gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n\n.image-series-gallery-thumb {\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(255, 255, 255, 0.03);\n  color: var(--text);\n  border-radius: 16px;\n  padding: 8px;\n  display: grid;\n  gap: 8px;\n  cursor: pointer;\n  text-align: left;\n}\n\n.image-series-gallery-thumb img {\n  width: 100%;\n  display: block;\n  aspect-ratio: 1;\n  object-fit: cover;\n  border-radius: 12px;\n}\n\n.image-series-gallery-thumb span {\n  font-size: 0.84rem;\n  color: var(--muted);\n  line-height: 1.45;\n}\n\n.popular-week-section {\n  display: grid;\n  gap: 16px;\n}\n\n.popular-card {\n  display: grid;\n  gap: 12px;\n}\n\n.popular-card-image {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 16px;\n  display: block;\n}\n\n.popular-empty-card {\n  min-height: 180px;\n}\n\n.lang-card {\n  padding: 18px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--line);\n}\n\n.lang-card h3 {\n  margin-bottom: 8px;\n}\n\n.legal-nav {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.footer {\n  padding: 24px 0 40px;\n  color: var(--muted);\n}\n\n::-webkit-scrollbar {\n  width: 12px;\n  height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: linear-gradient(180deg, rgba(141, 241, 200, 0.55), rgba(255, 191, 105, 0.42));\n  border-radius: 999px;\n  border: 3px solid rgba(7, 10, 15, 0.92);\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(255, 255, 255, 0.03);\n}\n\n@media (max-width: 1280px) {\n  .shell {\n    width: min(100% - 24px, 1320px);\n  }\n\n  .hero {\n    grid-template-columns: 1fr 0.95fr;\n  }\n}\n\n@media (max-width: 1024px) {\n  .catalog-toolbar-head,\n  .catalog-filter-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .hero,\n  .product-layout,\n  .product-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .grid.cards,\n  .visual-world {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .two-col-world {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hard-protocol-world {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pattern-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pattern-wide {\n    grid-column: span 2;\n  }\n\n  .atlas-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .home-topic-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .topic-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .editor-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .casting-hero,\n  .casting-highlight-grid,\n  .casting-kpi-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pipeline-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .thumbnail-grid,\n  .thumbnail-rules {\n    grid-template-columns: 1fr;\n  }\n\n  .section-heading {\n    flex-direction: column;\n    align-items: start;\n  }\n\n  .visual-overlay-card {\n    min-height: 360px;\n  }\n\n  .price-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .gallery-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .visual-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .image-series-showcase,\n  .image-series-visual-band,\n  .image-series-card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .image-series-card-side {\n    border-left: 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\n  }\n}\n\n@media (max-width: 640px) {\n  .catalog-results-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .shell {\n    width: min(100% - 16px, 1180px);\n  }\n\n  .topbar {\n    align-items: flex-start;\n    flex-direction: column;\n    position: static;\n    backdrop-filter: none;\n  }\n\n  .hero,\n  .grid.cards,\n  .visual-world,\n  .thumbnail-grid,\n  .thumbnail-rules,\n  .price-grid,\n  .gallery-grid,\n  .visual-grid,\n  .pattern-grid,\n  .atlas-grid,\n  .home-topic-grid,\n  .dual-form-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pattern-wide {\n    grid-column: auto;\n  }\n\n  .cta-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .btn {\n    width: 100%;\n    text-align: center;\n  }\n\n  .hero-copy,\n  .hero-media,\n  .dossier-card,\n  .legal-card,\n  .player-card {\n    padding: 18px;\n  }\n\n  .visual-overlay-card {\n    min-height: 300px;\n  }\n\n  .overlay-copy {\n    padding: 16px;\n    min-height: 220px;\n  }\n\n  .overlay-copy h3 {\n    font-size: 1.35rem;\n  }\n\n  .image-series-cover {\n    flex-direction: column;\n  }\n\n  .image-lightbox-stage {\n    grid-template-columns: 1fr;\n  }\n\n  .image-lightbox-nav {\n    min-height: 52px;\n  }\n\n  .story-layout-card {\n    grid-template-columns: 1fr;\n  }\n\n  .story-layout-index {\n    min-height: 48px;\n  }\n\n  .image-series-card-main,\n  .image-series-card-side,\n  .image-series-cover {\n    padding: 18px;\n  }\n\n  h1 {\n    font-size: clamp(1.9rem, 10vw, 3rem);\n  }\n\n  .brand-mark {\n    width: 44px;\n    height: 44px;\n  }\n\n  .video-shelf {\n    grid-auto-columns: minmax(220px, 82vw);\n  }\n\n  .preview-thumb {\n    aspect-ratio: 3 \/ 4;\n  }\n\n  .rating-grade-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n\nhtml,\nbody,\nbody.page,\nbody.page-template-default,\nbody.theme-hostinger-ai-theme {\n  background:\n    radial-gradient(circle at 18% 10%, rgba(110, 137, 255, 0.20), transparent 24%),\n    radial-gradient(circle at 82% 18%, rgba(19, 191, 255, 0.14), transparent 20%),\n    radial-gradient(circle at top, rgba(92, 217, 255, 0.12), transparent 34%),\n    linear-gradient(180deg, #071019 0%, #05080d 100%) !important;\n  color: var(--text) !important;\n}\n\nbody .site-header.wp-block-template-part,\nbody .wp-block-post-featured-image,\nbody .entry-title,\nbody .wp-block-post-title,\nbody .post-thumbnail,\nbody .featured-image,\nbody .wp-block-separator,\nbody .wp-block-spacer {\n  display: none !important;\n}\n\nbody .wp-site-blocks,\nbody .wp-site-blocks > *,\nbody main.wp-block-group,\nbody .entry-content,\nbody .wp-block-post-content,\nbody .is-layout-constrained,\nbody .has-global-padding {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  box-sizing: border-box !important;\n}\n\nbody .wp-site-blocks,\nbody main.wp-block-group,\nbody .entry-content,\nbody .wp-block-post-content,\nbody .has-global-padding {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  background: transparent !important;\n  overflow-x: clip !important;\n}\n\nbody .entry-content > p:empty,\nbody .entry-content > div:empty {\n  display: none !important;\n}\n\nbody.dtu-age-locked {\n  overflow: hidden !important;\n}\n\nbody.dtu-age-locked .mockup-page {\n  filter: blur(28px);\n  opacity: 0.18;\n  pointer-events: none;\n  user-select: none;\n}\n\n.dtu-age-gate {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background:\n    radial-gradient(circle at 20% 20%, rgba(87, 209, 255, 0.12), transparent 24%),\n    radial-gradient(circle at 80% 0%, rgba(110, 137, 255, 0.12), transparent 28%),\n    rgba(4, 7, 12, 0.92);\n  backdrop-filter: blur(14px);\n}\n\n.dtu-age-gate[hidden] {\n  display: none !important;\n}\n\n.dtu-age-card {\n  width: min(100%, 620px);\n  padding: 28px;\n  border-radius: 28px;\n  border: 1px solid rgba(255, 255, 255, 0.10);\n  background:\n    linear-gradient(180deg, rgba(17, 25, 38, 0.94), rgba(8, 12, 20, 0.98));\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);\n}\n\n.dtu-age-kicker {\n  display: inline-flex;\n  margin-bottom: 14px;\n  padding: 8px 12px;\n  border-radius: 999px;\n  background: rgba(87, 209, 255, 0.12);\n  border: 1px solid rgba(87, 209, 255, 0.28);\n  color: #8ce6ff;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-size: 0.78rem;\n}\n\n.dtu-age-card h2 {\n  margin: 0 0 12px;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  line-height: 1.05;\n}\n\n.dtu-age-card p {\n  margin: 0 0 14px;\n  color: var(--muted);\n  line-height: 1.7;\n}\n\n.dtu-age-points {\n  display: grid;\n  gap: 10px;\n  margin: 18px 0 22px;\n  padding: 0;\n  list-style: none;\n}\n\n.dtu-age-points li {\n  padding: 12px 14px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--line);\n  color: var(--muted);\n}\n\n.dtu-age-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.dtu-age-actions .btn {\n  flex: 1 1 220px;\n  justify-content: center;\n}\n\n.mockup-page {\n  width: 100%;\n  max-width: none;\n  box-sizing: border-box;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 42px;\n}\n\n.shell {\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n}\n\n.topbar {\n  padding: 14px 20px;\n  margin-bottom: 18px;\n  border-radius: 0 0 24px 24px;\n}\n\n.brand-copy {\n  gap: 4px;\n}\n\n.brand-copy strong {\n  font-size: 1rem;\n  letter-spacing: 0.14em;\n}\n\n.brand-copy span {\n  max-width: 18ch;\n  line-height: 1.35;\n}\n\n.legal-nav {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n.topbar-socials {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-left: 4px;\n  padding-left: 8px;\n  border-left: 1px solid rgba(255, 255, 255, 0.10);\n}\n\n.topbar-social-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0;\n  border-radius: 999px;\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  background:\n    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.16), transparent 28%),\n    linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.025));\n  color: var(--text);\n  text-decoration: none;\n  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;\n}\n\n.topbar-social-link svg {\n  width: 18px;\n  height: 18px;\n  display: block;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.85;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.topbar-social-link[aria-label=\"TikTok\"] svg,\n.topbar-social-link[aria-label=\"X\"] svg,\n.topbar-social-link[aria-label=\"Facebook\"] svg,\n.topbar-social-link[aria-label=\"Tumblr\"] svg,\n.topbar-social-link[aria-label=\"Patreon\"] svg,\n.topbar-social-link[aria-label=\"Fanvue\"] svg {\n  fill: currentColor;\n  stroke: none;\n}\n\n.topbar-social-label {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n.topbar-social-link:hover,\n.topbar-social-link:focus-visible {\n  transform: translateY(-1px);\n  border-color: rgba(54, 205, 255, 0.62);\n  background: rgba(54, 205, 255, 0.16);\n  box-shadow: 0 10px 26px rgba(54, 205, 255, 0.18);\n  color: #ffffff;\n  outline: none;\n}\n\n.member-access-nav {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n  padding-left: 8px;\n  border-left: 1px solid rgba(255, 255, 255, 0.10);\n}\n\n.member-access-nav .login-pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 34px;\n  padding: 8px 12px;\n  border-radius: 999px;\n  border: 1px solid rgba(54, 205, 255, 0.42);\n  background: linear-gradient(180deg, rgba(54, 205, 255, 0.18), rgba(54, 205, 255, 0.08));\n  color: #f4f7fb;\n  font-size: 0.76rem;\n  font-weight: 900;\n  letter-spacing: 0.05em;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.member-access-nav .signup-pill {\n  background: #36cdff;\n  color: #031019;\n  border-color: rgba(54, 205, 255, 0.9);\n}\n\n.member-access-nav .recover-link {\n  color: var(--muted);\n  font-size: 0.72rem;\n  line-height: 1.15;\n  text-decoration: none;\n  max-width: 9.5rem;\n}\n\n.member-access-nav a:hover,\n.member-access-nav a:focus-visible {\n  transform: translateY(-1px);\n  outline: none;\n  filter: brightness(1.08);\n}\n\n.locale-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.locale-flag {\n  display: inline-flex;\n  width: 18px;\n  height: 12px;\n  border-radius: 3px;\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);\n  flex: 0 0 auto;\n}\n\n.locale-flag-gb {\n  background:\n    linear-gradient(90deg, transparent 42%, #fff 42% 58%, transparent 58%),\n    linear-gradient(0deg, transparent 38%, #fff 38% 62%, transparent 62%),\n    linear-gradient(90deg, transparent 46%, #c8102e 46% 54%, transparent 54%),\n    linear-gradient(0deg, transparent 44%, #c8102e 44% 56%, transparent 56%),\n    #012169;\n}\n\n.locale-flag-de {\n  background: linear-gradient(180deg, #000 0 33%, #dd0000 33% 66%, #ffce00 66% 100%);\n}\n\n.locale-flag-es {\n  background: linear-gradient(180deg, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);\n}\n\n.locale-flag-fr {\n  background: linear-gradient(90deg, #0055a4 0 33%, #fff 33% 66%, #ef4135 66% 100%);\n}\n\n.section-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);\n  gap: 20px;\n  align-items: end;\n  margin-bottom: 14px;\n}\n\n.section-heading > div {\n  min-width: 0;\n}\n\n.section-heading p {\n  margin: 0;\n  max-width: 38ch;\n  justify-self: end;\n}\n\n.video-showcase {\n  display: grid;\n  gap: 12px;\n}\n\n.hero {\n  display: grid !important;\n  grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.72fr) minmax(220px, 0.42fr) !important;\n  gap: 20px !important;\n  align-items: stretch;\n}\n\n.hero-copy {\n  min-width: 0;\n  min-height: 640px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n}\n\n.hero-copy h1 {\n  max-width: 8.4ch;\n  font-size: clamp(3.3rem, 5vw, 5.35rem);\n}\n\n.hero-copy .lead,\n.hero-copy .legal-note {\n  max-width: 44ch;\n}\n\n.hero-media {\n  min-width: 0;\n  min-height: 0;\n  justify-content: flex-start;\n  gap: 18px;\n}\n\n.hero-media .player {\n  flex: 0 0 auto;\n  aspect-ratio: auto !important;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  overflow: visible !important;\n}\n\n.hero-media .preview-thumb {\n  display: block;\n  height: auto;\n  aspect-ratio: 16 \/ 9;\n}\n\n.hero-sidecar {\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.hero-sidecar .eyebrow {\n  margin-bottom: 2px;\n}\n\n.hero-sidecar-grid {\n  display: grid;\n  gap: 12px;\n}\n\n.hero-sidecar-card {\n  padding: 14px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--line);\n}\n\n.hero-sidecar-card strong {\n  display: block;\n  font-size: 1rem;\n  margin-bottom: 6px;\n}\n\n.hero-sidecar-card p {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.5;\n}\n\n.hero-sidecar-actions {\n  display: grid;\n  gap: 10px;\n  margin-top: auto;\n}\n\n.hero-sidecar .btn {\n  width: 100%;\n  justify-content: center;\n}\n\n.mockup-feature-card,\n.mockup-rail-card,\n.mockup-price-card,\n.mockup-stat-card,\n.mockup-summary {\n  border-radius: 24px;\n}\n\n.sales-tier-card,\n.mockup-price-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 100%;\n}\n\n.sales-tier-card .tag-row,\n.mockup-price-card ul {\n  margin-top: auto;\n}\n\n.mockup-feature-grid,\n.mockup-rail-grid,\n.mockup-stat-grid,\n.mockup-price-grid {\n  display: grid;\n  gap: 16px;\n}\n\n.mockup-feature-grid,\n.mockup-price-grid,\n.mockup-stat-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.mockup-rail-grid {\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n}\n\n.mockup-feature-card,\n.mockup-rail-card,\n.mockup-stat-card,\n.mockup-price-card,\n.mockup-summary {\n  padding: 14px;\n}\n\n.mockup-feature-card img {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  object-fit: cover;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n  display: block;\n  margin-bottom: 14px;\n}\n\n.mockup-rail-card img {\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n  display: block;\n  margin-bottom: 12px;\n}\n\n.mockup-feature-card h3,\n.mockup-rail-card h3,\n.mockup-price-card h3,\n.mockup-summary h3 {\n  margin: 0 0 8px;\n}\n\n.mockup-feature-card p,\n.mockup-rail-card p,\n.mockup-stat-card p,\n.mockup-summary p,\n.mockup-inline-note {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.6;\n}\n\n.mockup-inline-note {\n  margin-top: 10px;\n}\n\n.mockup-stat-card strong {\n  display: block;\n  font-size: 1.55rem;\n  margin-bottom: 6px;\n}\n\n.mockup-price-card .price {\n  font-size: 1.9rem;\n  font-weight: 800;\n  margin: 0 0 12px;\n}\n\n.mockup-price-card ul,\n.mockup-summary ul {\n  margin: 0;\n  padding-left: 18px;\n  color: var(--muted);\n  line-height: 1.7;\n}\n\n.membership-form-panel {\n  padding: 20px;\n}\n\n.membership-form {\n  display: grid;\n  gap: 16px;\n}\n\n.member-form-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.form-field {\n  display: grid;\n  gap: 8px;\n}\n\n.form-field.is-full {\n  grid-column: 1 \/ -1;\n}\n\n.form-field label {\n  font-size: 0.92rem;\n  color: #f2f5fb;\n  font-weight: 700;\n}\n\n.form-field input,\n.form-field select,\n.form-field textarea {\n  width: 100%;\n  border-radius: 16px;\n  border: 1px solid rgba(255,255,255,.1);\n  background: rgba(255,255,255,.04);\n  color: #f5f7fb;\n  padding: 14px 15px;\n  outline: none;\n  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n\n.form-field textarea {\n  min-height: 120px;\n  resize: vertical;\n}\n\n.form-field input:focus,\n.form-field select:focus,\n.form-field textarea:focus {\n  border-color: rgba(87,209,255,.75);\n  box-shadow: 0 0 0 3px rgba(87,209,255,.14);\n  background: rgba(255,255,255,.06);\n}\n\n.form-checks {\n  display: grid;\n  gap: 10px;\n}\n\n.form-check {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  color: var(--muted);\n  line-height: 1.55;\n}\n\n.form-check input {\n  margin-top: 3px;\n}\n\n.form-submit-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n.form-submit-row .btn {\n  min-width: 220px;\n  justify-content: center;\n}\n\n.form-status {\n  min-height: 24px;\n  color: var(--muted);\n  font-size: 0.95rem;\n}\n\n.form-status.is-success {\n  color: #8df4bd;\n}\n\n.form-status.is-error {\n  color: #ff9da6;\n}\n\n.form-status.is-pending {\n  color: #8ce6ff;\n}\n\n.video-shelf {\n  grid-auto-columns: minmax(248px, calc((100% - 32px) \/ 3));\n}\n\n.mockup-split-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n  gap: 18px;\n}\n\n.mockup-collection-cover {\n  position: relative;\n  min-height: 270px;\n  border-radius: 22px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n}\n\n.mockup-collection-cover img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.mockup-collection-cover .overlay-copy {\n  min-height: 100%;\n}\n\n.seo-geo-block {\n  margin-top: 34px;\n  display: grid;\n  grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.48fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.seo-geo-block h2,\n.seo-geo-block h3 {\n  margin-top: 0;\n}\n\n.seo-geo-list {\n  display: grid;\n  gap: 10px;\n  margin: 16px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.seo-geo-list li {\n  padding: 12px 14px;\n  border-radius: 16px;\n  border: 1px solid var(--line);\n  background: rgba(255, 255, 255, 0.04);\n  color: var(--muted);\n}\n\n.preview-date {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 4;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 6px 10px;\n  border-radius: 999px;\n  background: rgba(4, 7, 12, 0.72);\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  color: #f4f7fb;\n  font-size: 0.72rem;\n  font-weight: 900;\n  letter-spacing: 0.04em;\n  backdrop-filter: blur(8px);\n  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);\n}\n\n.preview-new-badge {\n  position: absolute;\n  left: 12px;\n  top: 52px;\n  z-index: 5;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 6px 10px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #36cdff, #b5ff7a);\n  color: #031019;\n  font-size: 0.72rem;\n  font-weight: 950;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  box-shadow: 0 12px 30px rgba(54, 205, 255, 0.28);\n}\n\n@media (max-width: 1220px) {\n  .shell {\n    width: min(100% - 20px, 1220px);\n  }\n\n  .hero {\n    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr) !important;\n    gap: 18px;\n  }\n\n  .hero-sidecar {\n    grid-column: 1 \/ -1;\n  }\n\n  .hero-sidecar-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .mockup-feature-grid,\n  .mockup-rail-grid,\n  .mockup-stat-grid,\n  .mockup-price-grid {\n    gap: 14px;\n  }\n}\n\n@media (max-width: 980px) {\n  .hero {\n    grid-template-columns: 1fr !important;\n  }\n\n  .hero-sidecar {\n    width: 100%;\n    max-width: 100%;\n    grid-column: auto;\n  }\n\n  .hero-copy,\n  .hero-media {\n    min-height: 0;\n  }\n\n  .hero-copy h1 {\n    max-width: 11ch;\n    font-size: clamp(2.9rem, 6.2vw, 4.7rem);\n  }\n\n  .hero-copy,\n  .hero-media {\n    padding: 22px;\n  }\n\n  .hero-media .player,\n  .hero-media img {\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .preview-launch-hero .preview-thumb {\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .legal-nav {\n    width: 100%;\n    justify-content: flex-start;\n  }\n\n.locale-switcher {\n  margin-left: 0;\n}\n}\n\n@media (max-width: 1120px) {\n  .shell {\n    width: min(100% - 22px, 1120px);\n  }\n\n  .mockup-feature-grid,\n  .mockup-rail-grid,\n  .mockup-stat-grid,\n  .mockup-price-grid,\n  .mockup-split-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .catalog-toolbar-head,\n  .catalog-filter-grid,\n  .section-heading,\n  .image-series-showcase,\n  .image-series-card-grid,\n  .image-series-visual-band,\n  .editor-grid,\n  .dual-form-grid,\n  .seo-geo-block,\n  .member-form-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .grid.cards,\n  .pattern-grid,\n  .story-principle-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 920px) {\n  .topbar {\n    position: static;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 14px;\n    padding: 14px 0 16px;\n    backdrop-filter: none;\n    background: transparent;\n  }\n\n  .brand {\n    width: 100%;\n  }\n\n  .legal-nav {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    width: 100%;\n    gap: 10px;\n  }\n\n  .brand-copy strong {\n    font-size: 0.98rem;\n    letter-spacing: 0.08em;\n  }\n\n  .brand-copy span {\n    font-size: 0.86rem;\n  }\n\n  .legal-nav > .tag,\n  .locale-switcher .tag {\n    justify-content: center;\n  }\n\n  .locale-switcher {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: 100%;\n    gap: 10px;\n  }\n\n  .topbar-socials {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: 100%;\n    margin-left: 0;\n    padding-left: 0;\n    border-left: 0;\n  }\n\n  .topbar-social-link {\n    width: 100%;\n  }\n\n  .member-access-nav {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    width: 100%;\n    margin-left: 0;\n    padding-left: 0;\n    border-left: 0;\n    gap: 10px;\n  }\n\n  .member-access-nav .login-pill,\n  .member-access-nav .recover-link {\n    width: 100%;\n    max-width: none;\n    text-align: center;\n    justify-content: center;\n  }\n\n  .mockup-feature-grid,\n  .mockup-rail-grid,\n  .mockup-stat-grid,\n  .mockup-price-grid,\n  .mockup-split-grid,\n  .grid.cards {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hero-sidecar-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .section-heading {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .section-heading h2 {\n    font-size: 1.6rem;\n  }\n\n  .hero-copy h1 {\n    font-size: clamp(2.2rem, 6vw, 3.4rem);\n  }\n\n  .video-shelf {\n    grid-auto-columns: minmax(250px, 58vw);\n  }\n\n  .mockup-price-card .price,\n  .sales-tier-card .price {\n    font-size: 1.55rem;\n  }\n}\n\n@media (max-width: 760px) {\n  .shell {\n    width: min(100% - 18px, 760px);\n  }\n\n  .topbar {\n    padding: 12px 14px 14px;\n    border-radius: 0 0 18px 18px;\n  }\n\n  .mockup-feature-grid,\n  .mockup-rail-grid,\n  .mockup-stat-grid,\n  .mockup-price-grid,\n  .mockup-split-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .grid.cards {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-copy,\n  .hero-media,\n  .concept-teaser,\n  .concept-page,\n  .catalog-toolbar,\n  .auth-panel,\n  .story-principle-card,\n  .sales-tier-card,\n  .mockup-summary,\n  .mockup-feature-card,\n  .mockup-rail-card,\n  .mockup-price-card {\n    padding: 18px;\n  }\n\n  .hero h1 {\n    font-size: clamp(2rem, 9vw, 3rem);\n  }\n\n  .lead {\n    font-size: 0.98rem;\n  }\n\n  .video-shelf {\n    grid-auto-columns: minmax(220px, 84vw);\n  }\n\n  .preview-thumb {\n    aspect-ratio: 3 \/ 4;\n  }\n\n  .preview-copy {\n    padding: 12px 12px 10px;\n  }\n\n  .preview-copy strong {\n    font-size: 0.92rem;\n  }\n\n  .preview-copy span:last-child {\n    font-size: 0.8rem;\n    line-height: 1.35;\n  }\n\n  .tag-row {\n    gap: 8px;\n  }\n\n  .tag {\n    font-size: 0.8rem;\n    padding: 8px 11px;\n  }\n\n  .btn {\n    min-height: 46px;\n  }\n}\n\n@media (max-width: 560px) {\n  .shell {\n    width: min(100% - 14px, 560px);\n  }\n\n  .legal-nav {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .locale-switcher {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .topbar-socials {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tag-row,\n  .cta-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .btn {\n    width: 100%;\n    text-align: center;\n  }\n\n  .video-shelf {\n    grid-auto-columns: minmax(210px, 88vw);\n  }\n\n  .brand {\n    gap: 10px;\n  }\n\n  .brand-mark {\n    width: 46px;\n    height: 46px;\n    border-radius: 14px;\n  }\n\n  .hero-copy h1 {\n    font-size: clamp(1.8rem, 10vw, 2.45rem);\n  }\n\n  .hero-copy .lead,\n  .hero-copy .legal-note {\n    font-size: 0.92rem;\n    line-height: 1.55;\n  }\n\n  .section-heading h2 {\n    font-size: 1.34rem;\n  }\n\n  .preview-thumb {\n    aspect-ratio: 10 \/ 13;\n  }\n\n  .video-card-copy,\n  .mockup-stat-card,\n  .mockup-summary,\n  .sales-tier-card,\n  .story-principle-card {\n    padding: 14px;\n  }\n\n  .catalog-results-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .catalog-results-row .btn {\n    width: 100%;\n  }\n}\n\n@media (max-width: 420px) {\n  .shell {\n    width: min(100% - 12px, 420px);\n  }\n\n  .legal-nav {\n    gap: 8px;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .locale-switcher {\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  }\n\n  .topbar-socials {\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  }\n\n  .member-access-nav {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-copy,\n  .hero-media,\n  .concept-teaser,\n  .concept-page,\n  .catalog-toolbar {\n    padding: 14px;\n  }\n\n  .video-shelf {\n    grid-auto-columns: minmax(200px, 92vw);\n  }\n\n  .preview-badge,\n  .preview-play {\n    font-size: 0.7rem;\n  }\n\n  .preview-date {\n    font-size: 0.66rem;\n  }\n\n  .preview-copy strong {\n    font-size: 0.88rem;\n  }\n}\n<\/style>\n\n\n<div class=\"dtu-age-gate\" id=\"dtu-age-gate\" hidden>\n  <div class=\"dtu-age-card\">\n    <span class=\"dtu-age-kicker\" data-lkey=\"age_gate_kicker\">18+ access<\/span>\n    <h2 data-lkey=\"age_gate_title\">Adult content notice<\/h2>\n    <p data-lkey=\"age_gate_body\">This area contains content intended only for adults. Confirm that you are 18 years or older before any 18+ material becomes visible.<\/p>\n    <ul class=\"dtu-age-points\">\n      <li data-lkey=\"age_gate_point_1\">Content stays hidden until you confirm your age.<\/li>\n      <li data-lkey=\"age_gate_point_2\">Your confirmation is stored locally on this device.<\/li>\n      <li data-lkey=\"age_gate_point_3\">By continuing, you confirm that you are legally allowed to view this content.<\/li>\n    <\/ul>\n    <div class=\"dtu-age-actions\">\n      <button class=\"btn btn-primary\" type=\"button\" id=\"dtu-age-confirm\" data-lkey=\"age_gate_confirm\">I am 18 or older<\/button>\n      <a class=\"btn btn-secondary\" id=\"dtu-age-leave\" href=\"https:\/\/www.google.com\" data-lkey=\"age_gate_leave\" target=\"_blank\" rel=\"noopener\">Leave site<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"shell mockup-page\">\n  \n<header class=\"topbar\">\n  <div class=\"brand\">\n    <img decoding=\"async\" class=\"brand-mark\" src=\"https:\/\/donttellus.com\/wp-content\/uploads\/2026\/07\/brand-mark.png\" alt=\"DontTELL.US\" aria-hidden=\"true\">\n    <div class=\"brand-copy\">\n      <strong>DontTELL.US<\/strong>\n      <span data-lkey=\"brand_tagline\">Enter a secret world &#8211; join now!<\/span>\n    <\/div>\n  <\/div>\n  <nav class=\"legal-nav\">\n    <a class=\"tag\" data-route-key=\"home\" href=\"\/en_us\/\"><span data-lkey=\"nav_home\">Home<\/span><\/a>\n    <a class=\"tag\" data-route-key=\"free\" href=\"\/en_us\/free\/\"><span data-lkey=\"nav_free\">Free<\/span><\/a>\n    <a class=\"tag\" data-route-key=\"catalog\" href=\"\/en_us\/catalog\/\"><span data-lkey=\"nav_catalog\">Catalog<\/span><\/a>\n    <a class=\"tag is-active\" data-route-key=\"image-series\" href=\"\/en_us\/image-series\/\"><span data-lkey=\"nav_image_series\">Image Series<\/span><\/a>\n    <a class=\"tag\" data-route-key=\"memberships\" href=\"\/en_us\/memberships\/\"><span data-lkey=\"nav_membership\">Membership<\/span><\/a>\n    <a class=\"tag\" data-route-key=\"legal\" href=\"\/en_us\/impressum\/\"><span data-lkey=\"nav_legal\">Legal<\/span><\/a>\n    <div class=\"member-access-nav\" aria-label=\"Member access\">\n      <a class=\"login-pill\" href=\"https:\/\/www.donttellus.com\/en_us\/access\/#login\" data-lkey=\"nav_login\" data-login-link>Login<\/a>\n      <a class=\"login-pill signup-pill\" href=\"https:\/\/www.donttellus.com\/en_us\/access\/#register\" data-lkey=\"nav_register\" data-signup-link>Register<\/a>\n      <a class=\"recover-link\" href=\"https:\/\/www.donttellus.com\/wp-login.phpaction=lostpassword&#038;dtu_brand=1\" data-lkey=\"nav_recover\" data-recover-link>Forgot password \/ username<\/a>\n    <\/div>\n    <div class=\"locale-switcher\" aria-label=\"Language switcher\">\n      <a class=\"tag locale-tag\" data-locale=\"en\" data-target-url=\"https:\/\/www.donttellus.com\/en_us\/image-series\/\" href=\"https:\/\/www.donttellus.com\/en_us\/image-series\/\"><span class=\"locale-flag locale-flag-gb\" aria-hidden=\"true\"><\/span> EN<\/a>\n      <a class=\"tag locale-tag\" data-locale=\"de\" data-target-url=\"https:\/\/www.donttellus.com\/de\/image-series\/\" href=\"https:\/\/www.donttellus.com\/de\/image-series\/\"><span class=\"locale-flag locale-flag-de\" aria-hidden=\"true\"><\/span> DE<\/a>\n      <a class=\"tag locale-tag\" data-locale=\"es\" data-target-url=\"https:\/\/www.donttellus.com\/es\/image-series\/\" href=\"https:\/\/www.donttellus.com\/es\/image-series\/\"><span class=\"locale-flag locale-flag-es\" aria-hidden=\"true\"><\/span> ES<\/a>\n      <a class=\"tag locale-tag\" data-locale=\"fr\" data-target-url=\"https:\/\/www.donttellus.com\/fr\/image-series\/\" href=\"https:\/\/www.donttellus.com\/fr\/image-series\/\"><span class=\"locale-flag locale-flag-fr\" aria-hidden=\"true\"><\/span> FR<\/a>\n    <\/div>\n    <div class=\"topbar-socials\" aria-label=\"Social Media\">\n      <a class=\"topbar-social-link\" href=\"https:\/\/www.instagram.com\/donttell.us\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <rect x=\"4.2\" y=\"4.2\" width=\"15.6\" height=\"15.6\" rx=\"4.4\"><\/rect>\n        <circle cx=\"12\" cy=\"12\" r=\"3.8\"><\/circle>\n        <circle cx=\"16.7\" cy=\"7.3\" r=\"1.1\"><\/circle>\n      <\/svg>\n    <span class=\"topbar-social-label\">Instagram<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/www.tiktok.com\/@donttellus_og\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M13.2 3.5v10.1a4.3 4.3 0 1 1-4.3-4.3c.4 0 .8.1 1.2.2v3.1a1.7 1.7 0 1 0 1.2 1.6V3.5h1.9z\"><\/path>\n        <path d=\"M13.2 3.5c.5 2.6 2.1 4.2 4.8 4.5v3.1c-1.8-.1-3.4-.7-4.8-1.8\"><\/path>\n      <\/svg>\n    <span class=\"topbar-social-label\">TikTok<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/x.com\/DontTELLUS_OG\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"X\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M4.4 4.6h4.3l3.8 5 4.5-5h2.7l-5.9 6.7 6.1 8.1h-4.3l-4.1-5.5-4.9 5.5H3.9l6.3-7.1L4.4 4.6z\"><\/path>\n      <\/svg>\n    <span class=\"topbar-social-label\">X<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/www.facebook.com\/profile.phpid=61591097293038\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M14.2 8.1h2.6V4.4c-.5-.1-2-.2-3.5-.2-3.4 0-5.1 2-5.1 5v2.6H5v4.1h3.2v6h4.3v-6h3.5l.6-4.1h-4.1V9.6c0-1 .4-1.5 1.7-1.5z\"><\/path>\n      <\/svg>\n    <span class=\"topbar-social-label\">Facebook<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/www.tumblr.com\/blog\/donttellus\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Tumblr\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M9.2 4.2h4.2v4h3.8v3.4h-3.8v4.4c0 1.2.6 1.8 1.8 1.8.7 0 1.3-.1 2-.4v3.5c-.9.4-2 .6-3.3.6-3.2 0-4.7-1.6-4.7-4.8v-5.1H6.8V8.7c1.8-.7 2.6-2.1 2.4-4.5z\"><\/path>\n      <\/svg>\n    <span class=\"topbar-social-label\">Tumblr<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/www.patreon.com\/donttellus_og\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Patreon\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M5.4 4.3h3.4v15.4H5.4z\"><\/path>\n        <circle cx=\"15\" cy=\"9.4\" r=\"5.1\"><\/circle>\n      <\/svg>\n    <span class=\"topbar-social-label\">Patreon<\/span><\/a><a class=\"topbar-social-link\" href=\"https:\/\/www.fanvue.com\/dontellus_og\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Fanvue\">\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M5 4.8h14v3.6h-9.7v2.9h7.6v3.5H9.3v4.4H5z\"><\/path>\n      <\/svg>\n    <span class=\"topbar-social-label\">Fanvue<\/span><\/a>\n    <\/div>\n  <\/nav>\n<\/header>\n<script>\n(function() {\n  const path = window.location.pathname || \"\";\n  let locale = \"en\";\n  if (path.startsWith(\"\/de\/\") || path === \"\/de\") locale = \"de\";\n  else if (path.startsWith(\"\/es\/\") || path === \"\/es\") locale = \"es\";\n  else if (path.startsWith(\"\/fr\/\") || path === \"\/fr\") locale = \"fr\";\n  const authTargets = {\"en\": {\"login\": \"https:\/\/www.donttellus.com\/en_us\/access\/#login\", \"register\": \"https:\/\/www.donttellus.com\/en_us\/access\/#register\"}, \"de\": {\"login\": \"https:\/\/www.donttellus.com\/de\/access\/#login\", \"register\": \"https:\/\/www.donttellus.com\/de\/access\/#register\"}, \"es\": {\"login\": \"https:\/\/www.donttellus.com\/es\/access\/#login\", \"register\": \"https:\/\/www.donttellus.com\/es\/access\/#register\"}, \"fr\": {\"login\": \"https:\/\/www.donttellus.com\/fr\/access\/#login\", \"register\": \"https:\/\/www.donttellus.com\/fr\/access\/#register\"}};\n  function enforceAuthLinks() {\n    const target = authTargets[locale] || authTargets.en;\n    document.querySelectorAll(\"[data-login-link]\").forEach((el) => el.setAttribute(\"href\", target.login));\n    document.querySelectorAll(\"[data-signup-link]\").forEach((el) => el.setAttribute(\"href\", target.register));\n    document.querySelectorAll(\"[data-recover-link]\").forEach((el) => el.setAttribute(\"href\", \"https:\/\/www.donttellus.com\/wp-login.phpaction=lostpassword&dtu_brand=1\"));\n  }\n  enforceAuthLinks();\n  window.setTimeout(enforceAuthLinks, 50);\n  window.setTimeout(enforceAuthLinks, 350);\n  document.querySelectorAll(\".locale-tag\").forEach((el) => {\n    const target = el.getAttribute(\"data-target-url\");\n    if (target) {\n      el.setAttribute(\"href\", target);\n      el.addEventListener(\"click\", (event) => {\n        event.preventDefault();\n        window.location.href = target;\n      });\n    }\n    el.classList.toggle(\"is-active\", el.getAttribute(\"data-locale\") === locale);\n  });\n})();\n<\/script>\n\n\n  <section class=\"panel concept-page image-series-hero\">\n    <div class=\"eyebrow\" data-lkey=\"image_eyebrow\">Image series<\/div>\n    <h1 data-lkey=\"image_title\">Visual dossiers and story galleries deserve the same premium staging as the videos.<\/h1>\n    <p class=\"lead\" data-lkey=\"image_lead\">Auch Bildserien werden jetzt wie echte Premium-Reihen pr\u00e4sentiert: starkes Cover, Story-Kapitel, Kollektionsgef\u00fchl und direkte Freischaltlogik.<\/p>\n    <div class=\"tag-row\"><span class=\"tag\">Premium gallery<\/span><span class=\"tag\">Member unlock<\/span><span class=\"tag\">Bundle ready<\/span><span class=\"tag\">Story-based<\/span><\/div>\n  <\/section>\n\n  <section class=\"section-heading\">\n    <div><div class=\"eyebrow\" data-lkey=\"image_how_eyebrow\">How image series work<\/div><h2 data-lkey=\"image_how_title\">Nicht einfach Bilder nebeneinander, sondern Cover, Kapitel und Premium-Fluss.<\/h2><\/div>\n    <p data-lkey=\"image_how_body\">Die Struktur startet mit der Fallstory und f\u00fchrt dann \u00fcber Cover, Kapitel, Galeriefluss und Verkaufslogik.<\/p>\n  <\/section>\n  <section class=\"grid cards story-principle-grid\">\n    <article class=\"panel story-principle-card\"><div class=\"eyebrow\" data-lkey=\"image_principle_1_eyebrow\">Cover<\/div><h3 data-lkey=\"image_principle_1_title\">Large series cover<\/h3><p data-lkey=\"image_principle_1_body\">Every collection starts with a real lead visual instead of a plain file list.<\/p><\/article>\n    <article class=\"panel story-principle-card\"><div class=\"eyebrow\" data-lkey=\"image_principle_2_eyebrow\">Chapters<\/div><h3 data-lkey=\"image_principle_2_title\">Story sequence in images<\/h3><p data-lkey=\"image_principle_2_body\">The gallery reads like a sequence: entry, securing, transfer, handover and closing moment.<\/p><\/article>\n    <article class=\"panel story-principle-card\"><div class=\"eyebrow\" data-lkey=\"image_principle_3_eyebrow\">Value<\/div><h3 data-lkey=\"image_principle_3_title\">Member and bundle value<\/h3><p data-lkey=\"image_principle_3_body\">The image series is not extra material, but its own premium product.<\/p><\/article>\n    <article class=\"panel story-principle-card\"><div class=\"eyebrow\" data-lkey=\"image_principle_4_eyebrow\">Multilingual<\/div><h3 data-lkey=\"image_principle_4_title\">Global copywriting<\/h3><p data-lkey=\"image_principle_4_body\">Titles, hooks, tags and CTAs can run in EN, DE, ES and FR.<\/p><\/article>\n  <\/section>\n\n  <section class=\"mockup-split-grid\" style=\"margin-top:34px;\">\n    <article class=\"panel mockup-summary mockup-collection-cover\">\n      <img decoding=\"async\" src=\"https:\/\/donttellus.com\/wp-content\/uploads\/2026\/07\/homepage-custody.png\" alt=\"Image series cover concept\">\n      <div class=\"overlay-copy\"><div class=\"eyebrow\">Collection cover<\/div><h3>Hero-Cover, Kollektionsbild und Kapiteltext werden als Einheit gedacht.<\/h3><p>So f\u00fchlt sich die Bildserie wie eine wertige Sonderedition an.<\/p><\/div>\n    <\/article>\n    <article class=\"panel mockup-summary\">\n      <div class=\"eyebrow\">Display logic<\/div>\n      <h3>Was die Seite mit Bildserien macht<\/h3>\n      <ul><li>Automatische Zuordnung von Cover- und Kollektionsbildern<\/li><li>Kapiteltexte direkt aus den Dossiers<\/li><li>Lightbox- und Galeriefluss f\u00fcr die sp\u00e4tere Live-Version<\/li><li>Member- und Bundle-Buttons direkt an der Serie<\/li><\/ul>\n    <\/article>\n  <\/section>\n\n  <section class=\"popular-week-section\" style=\"margin-top:34px;\">\n    <div class=\"section-heading\">\n      <div><div class=\"eyebrow\" data-lkey=\"live_image_eyebrow\">Aktuelle Bilddossiers<\/div><h2 data-lkey=\"live_image_title\">Verf\u00fcgbare Reihen<\/h2><\/div>\n      <p data-lkey=\"live_image_body\">Ver\u00f6ffentlichte Bildserien erscheinen hier als klickbare Dossiers mit Cover, Kapitelgef\u00fchl und Mitgliederlogik.<\/p>\n    <\/div>\n    <div id=\"image-series-grid\" class=\"grid cards\"><\/div>\n  <\/section>\n  \n  <section class=\"seo-geo-block\">\n    <article class=\"panel\">\n      <div class=\"eyebrow\">SEO \/ GEO<\/div>\n      <h2>Bildserien als visuelle Dossiers mit Cover, Kapiteln und Galeriefluss<\/h2>\n      <p>Bildserien werden als eigene Premium-Produkte inszeniert: mit Cover, Kapitelstruktur, Storytext, Galeriefluss, Mitgliedschaftslogik und sp\u00e4teren Bundle-Buttons.<\/p>\n      <div class=\"tag-row\"><span class=\"tag\">Bildserie<\/span><span class=\"tag\">Visual Dossier<\/span><span class=\"tag\">Story Gallery<\/span><span class=\"tag\">AI-generated images<\/span><span class=\"tag\">Member Gallery<\/span><span class=\"tag\">PPV Bundle<\/span><\/div>\n    <\/article>\n    <article class=\"panel\">\n      <div class=\"eyebrow\">Direkte Antworten<\/div>\n      <h3>Wichtige Fragen f\u00fcr Suche und KI-Antworten<\/h3>\n      <ul class=\"seo-geo-list\">\n        <li>\n          <strong>Was ist eine Bildserie<\/strong><br>\n          Eine Bildserie erz\u00e4hlt einen Fall in visuellen Kapiteln, statt Einzelbilder ungeordnet nebeneinanderzustellen.\n        <\/li>\n        \n        <li>\n          <strong>Wie werden Bildserien verkauft<\/strong><br>\n          Als Member-Dossier, Bundle-Bestandteil oder sp\u00e4terer PPV-Zugang mit klarer Cover- und Kapitelstruktur.\n        <\/li>\n        \n        <li>\n          <strong>Welche Formate sind m\u00f6glich<\/strong><br>\n          Galerie, Slideshow, visuelles Dossier, Story-Request-Ausgabe und begleitender Teaser.\n        <\/li>\n        <\/ul>\n    <\/article>\n  <\/section>\n  <script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"name\": \"Bildserien als visuelle Dossiers mit Cover, Kapiteln und Galeriefluss\", \"description\": \"Bildserien werden als eigene Premium-Produkte inszeniert: mit Cover, Kapitelstruktur, Storytext, Galeriefluss, Mitgliedschaftslogik und sp\u00e4teren Bundle-Buttons.\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Was ist eine Bildserie\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Eine Bildserie erz\u00e4hlt einen Fall in visuellen Kapiteln, statt Einzelbilder ungeordnet nebeneinanderzustellen.\"}}, {\"@type\": \"Question\", \"name\": \"Wie werden Bildserien verkauft\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Als Member-Dossier, Bundle-Bestandteil oder sp\u00e4terer PPV-Zugang mit klarer Cover- und Kapitelstruktur.\"}}, {\"@type\": \"Question\", \"name\": \"Welche Formate sind m\u00f6glich\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Galerie, Slideshow, visuelles Dossier, Story-Request-Ausgabe und begleitender Teaser.\"}}]}<\/script>\n\n<\/div>\n\n<script>\n(function() {\n  const path = window.location.pathname || \"\";\n  let locale = \"en\";\n  if (path.startsWith(\"\/de\/\") || path === \"\/de\") locale = \"de\";\n  else if (path.startsWith(\"\/es\/\") || path === \"\/es\") locale = \"es\";\n  else if (path.startsWith(\"\/fr\/\") || path === \"\/fr\") locale = \"fr\";\n  const routes = {\"en\": {\"home\": \"\/en_us\/\", \"free\": \"\/en_us\/free\/\", \"catalog\": \"\/en_us\/catalog\/\", \"image-series\": \"\/en_us\/image-series\/\", \"memberships\": \"\/en_us\/memberships\/\", \"access\": \"\/en_us\/access\/\"}, \"de\": {\"home\": \"\/de\/\", \"free\": \"\/de\/free\/\", \"catalog\": \"\/de\/catalog\/\", \"image-series\": \"\/de\/image-series\/\", \"memberships\": \"\/de\/memberships\/\", \"access\": \"\/de\/access\/\"}, \"es\": {\"home\": \"\/es\/\", \"free\": \"\/es\/free\/\", \"catalog\": \"\/es\/catalog\/\", \"image-series\": \"\/es\/image-series\/\", \"memberships\": \"\/es\/memberships\/\", \"access\": \"\/es\/access\/\"}, \"fr\": {\"home\": \"\/fr\/\", \"free\": \"\/fr\/free\/\", \"catalog\": \"\/fr\/catalog\/\", \"image-series\": \"\/fr\/image-series\/\", \"memberships\": \"\/fr\/memberships\/\", \"access\": \"\/fr\/access\/\"}};\n  const bundles = {\"en\": {\"brand_tagline\": \"Enter a secret world - join now!\", \"nav_home\": \"Home\", \"nav_free\": \"Free\", \"nav_catalog\": \"Catalog\", \"nav_image_series\": \"Image Series\", \"nav_membership\": \"Membership\", \"nav_login\": \"Login\", \"nav_register\": \"Register\", \"nav_recover\": \"Forgot password \/ username\", \"age_gate_kicker\": \"18+ access\", \"age_gate_title\": \"Adult content notice\", \"age_gate_body\": \"This area contains content intended only for adults. Confirm that you are 18 years or older before any 18+ material becomes visible.\", \"age_gate_point_1\": \"Content stays hidden until you confirm your age.\", \"age_gate_point_2\": \"Your confirmation is stored locally on this device.\", \"age_gate_point_3\": \"By continuing, you confirm that you are legally allowed to view this content.\", \"age_gate_confirm\": \"I am 18 or older\", \"age_gate_leave\": \"Leave site\", \"image_eyebrow\": \"Image series\", \"image_title\": \"Visual dossiers and story galleries deserve the same premium staging as the videos.\", \"image_lead\": \"Image series are now presented like real premium collections: strong cover, story chapters, collection feeling and direct unlock logic.\", \"image_how_eyebrow\": \"How image series work\", \"image_how_title\": \"Not just images side by side, but cover, chapters and a premium flow.\", \"image_how_body\": \"The structure starts with the case story, then builds cover, chapters, gallery flow and sales logic.\", \"image_principle_1_eyebrow\": \"Cover\", \"image_principle_1_title\": \"Large series cover\", \"image_principle_1_body\": \"Every collection starts with a real lead visual instead of a plain file list.\", \"image_principle_2_eyebrow\": \"Chapters\", \"image_principle_2_title\": \"Story sequence in images\", \"image_principle_2_body\": \"The gallery reads like a sequence: entry, securing, transfer, handover and closing moment.\", \"image_principle_3_eyebrow\": \"Value\", \"image_principle_3_title\": \"Member and bundle value\", \"image_principle_3_body\": \"The image series is not extra material, but its own premium product.\", \"image_principle_4_eyebrow\": \"Multilingual\", \"image_principle_4_title\": \"Global copywriting\", \"image_principle_4_body\": \"Titles, hooks, tags and CTAs can run in EN, DE, ES and FR.\", \"live_image_eyebrow\": \"Current image dossiers\", \"live_image_title\": \"Available series\", \"live_image_body\": \"Published image series appear here as clickable dossiers with cover, chapter feeling and member logic.\"}, \"de\": {\"brand_tagline\": \"Betritt eine geheime Welt - jetzt beitreten!\", \"nav_home\": \"Start\", \"nav_free\": \"Free\", \"nav_catalog\": \"Katalog\", \"nav_image_series\": \"Bildserien\", \"nav_membership\": \"Mitgliedschaft\", \"nav_login\": \"Login\", \"nav_register\": \"Registrieren\", \"nav_recover\": \"Passwort \/ Benutzername vergessen\", \"age_gate_kicker\": \"18+ Zugang\", \"age_gate_title\": \"Hinweis zu Inhalten f\u00fcr Erwachsene\", \"age_gate_body\": \"Dieser Bereich enth\u00e4lt Inhalte nur f\u00fcr Erwachsene. Best\u00e4tige zuerst, dass du 18 Jahre oder \u00e4lter bist, bevor 18+-Material sichtbar wird.\", \"age_gate_point_1\": \"Die Inhalte bleiben verborgen, bis du dein Alter best\u00e4tigst.\", \"age_gate_point_2\": \"Deine Best\u00e4tigung wird nur lokal auf diesem Ger\u00e4t gespeichert.\", \"age_gate_point_3\": \"Mit dem Fortfahren best\u00e4tigst du, dass du diese Inhalte rechtlich ansehen darfst.\", \"age_gate_confirm\": \"Ich bin 18 oder \u00e4lter\", \"age_gate_leave\": \"Seite verlassen\", \"image_eyebrow\": \"Bildserien\", \"image_title\": \"Visuelle Dossiers und Story-Galerien verdienen dieselbe Premium-Inszenierung wie die Videos.\", \"image_lead\": \"Auch Bildserien werden jetzt wie echte Premium-Reihen pr\u00e4sentiert: starkes Cover, Story-Kapitel, Kollektionsgef\u00fchl und direkte Freischaltlogik.\", \"image_how_eyebrow\": \"So funktionieren Bildserien\", \"image_how_title\": \"Nicht einfach Bilder nebeneinander, sondern Cover, Kapitel und Premium-Fluss.\", \"image_how_body\": \"Die Struktur startet mit der Fallstory und f\u00fchrt dann \u00fcber Cover, Kapitel, Galeriefluss und Verkaufslogik.\", \"image_principle_1_eyebrow\": \"Cover\", \"image_principle_1_title\": \"Gro\u00dfes Serien-Cover\", \"image_principle_1_body\": \"Jede Reihe startet mit einem echten Aufmacherbild statt mit einer reinen Dateiliste.\", \"image_principle_2_eyebrow\": \"Kapitel\", \"image_principle_2_title\": \"Story-Folge in Bildern\", \"image_principle_2_body\": \"Die Galerie wird wie eine Handlung gelesen: Einstieg, Sicherung, Verlegung, \u00dcbergabe und Abschluss.\", \"image_principle_3_eyebrow\": \"Wert\", \"image_principle_3_title\": \"Member- und Bundle-Wert\", \"image_principle_3_body\": \"Die Bildserie ist nicht Beifang, sondern ein eigenes Premium-Produkt.\", \"image_principle_4_eyebrow\": \"Mehrsprachig\", \"image_principle_4_title\": \"Globale Textung\", \"image_principle_4_body\": \"Titel, Hook, Tags und CTA lassen sich in EN, DE, ES und FR spielen.\", \"live_image_eyebrow\": \"Live-Bildserien\", \"live_image_title\": \"Verf\u00fcgbare Reihen\", \"live_image_body\": \"Ver\u00f6ffentlichte Bildserien erscheinen hier als klickbare Dossiers mit Cover, Kapitelgef\u00fchl und Mitgliederlogik.\"}, \"es\": {\"brand_tagline\": \"Entra en un mundo secreto - \u00fanete ahora.\", \"nav_home\": \"Inicio\", \"nav_free\": \"Gratis\", \"nav_catalog\": \"Cat\u00e1logo\", \"nav_image_series\": \"Series de im\u00e1genes\", \"nav_membership\": \"Membres\u00eda\", \"nav_login\": \"Login\", \"nav_register\": \"Registro\", \"nav_recover\": \"\u00bfContrase\u00f1a \/ usuario olvidado\", \"age_gate_kicker\": \"Acceso 18+\", \"age_gate_title\": \"Aviso de contenido para adultos\", \"age_gate_body\": \"Esta zona contiene contenido solo para adultos. Confirma primero que tienes 18 a\u00f1os o m\u00e1s antes de que cualquier material 18+ sea visible.\", \"age_gate_point_1\": \"El contenido permanece oculto hasta que confirmes tu edad.\", \"age_gate_point_2\": \"Tu confirmaci\u00f3n se guarda solo localmente en este dispositivo.\", \"age_gate_point_3\": \"Al continuar, confirmas que legalmente puedes ver este contenido.\", \"age_gate_confirm\": \"Tengo 18 a\u00f1os o m\u00e1s\", \"age_gate_leave\": \"Salir del sitio\", \"image_eyebrow\": \"Series de im\u00e1genes\", \"image_title\": \"Los dossiers visuales y las galer\u00edas narrativas merecen la misma puesta en escena premium que los videos.\", \"image_lead\": \"Las series de im\u00e1genes se presentan ahora como verdaderas colecciones premium: portada fuerte, cap\u00edtulos narrativos, sensaci\u00f3n de colecci\u00f3n y l\u00f3gica directa de desbloqueo.\", \"image_how_eyebrow\": \"C\u00f3mo funcionan las series de im\u00e1genes\", \"image_how_title\": \"No son solo im\u00e1genes juntas, sino portada, cap\u00edtulos y flujo premium.\", \"image_how_body\": \"La estructura empieza con la historia del caso y contin\u00faa con portada, cap\u00edtulos, flujo de galer\u00eda y l\u00f3gica de venta.\", \"image_principle_1_eyebrow\": \"Portada\", \"image_principle_1_title\": \"Gran portada de serie\", \"image_principle_1_body\": \"Cada colecci\u00f3n empieza con una imagen principal real, no con una simple lista de archivos.\", \"image_principle_2_eyebrow\": \"Cap\u00edtulos\", \"image_principle_2_title\": \"Secuencia narrativa en im\u00e1genes\", \"image_principle_2_body\": \"La galer\u00eda se lee como una secuencia: entrada, aseguramiento, traslado, entrega y cierre.\", \"image_principle_3_eyebrow\": \"Valor\", \"image_principle_3_title\": \"Valor para miembros y bundles\", \"image_principle_3_body\": \"La serie de im\u00e1genes no es material adicional, sino un producto premium propio.\", \"image_principle_4_eyebrow\": \"Multiling\u00fce\", \"image_principle_4_title\": \"Copywriting global\", \"image_principle_4_body\": \"T\u00edtulos, hooks, tags y CTAs pueden publicarse en EN, DE, ES y FR.\", \"live_image_eyebrow\": \"Series de im\u00e1genes en vivo\", \"live_image_title\": \"Series disponibles\", \"live_image_body\": \"Las series visuales publicadas aparecen aqu\u00ed como dossiers clicables con portada, cap\u00edtulos y l\u00f3gica de membres\u00eda.\"}, \"fr\": {\"brand_tagline\": \"Entrez dans un monde secret - rejoignez-nous maintenant.\", \"nav_home\": \"Accueil\", \"nav_free\": \"Gratuit\", \"nav_catalog\": \"Catalogue\", \"nav_image_series\": \"S\u00e9ries d'images\", \"nav_membership\": \"Abonnement\", \"nav_login\": \"Login\", \"nav_register\": \"Inscription\", \"nav_recover\": \"Mot de passe \/ utilisateur oubli\u00e9 \", \"age_gate_kicker\": \"Acc\u00e8s 18+\", \"age_gate_title\": \"Avertissement contenu adulte\", \"age_gate_body\": \"Cette zone contient du contenu r\u00e9serv\u00e9 aux adultes. Confirmez d'abord que vous avez 18 ans ou plus avant que tout contenu 18+ ne devienne visible.\", \"age_gate_point_1\": \"Le contenu reste masqu\u00e9 jusqu'\u00e0 confirmation de votre \u00e2ge.\", \"age_gate_point_2\": \"Votre confirmation est stock\u00e9e uniquement localement sur cet appareil.\", \"age_gate_point_3\": \"En continuant, vous confirmez que vous \u00eates l\u00e9galement autoris\u00e9 \u00e0 voir ce contenu.\", \"age_gate_confirm\": \"J'ai 18 ans ou plus\", \"age_gate_leave\": \"Quitter le site\", \"image_eyebrow\": \"S\u00e9ries d'images\", \"image_title\": \"Les dossiers visuels et galeries narratives m\u00e9ritent la m\u00eame mise en sc\u00e8ne premium que les vid\u00e9os.\", \"image_lead\": \"Les s\u00e9ries d'images sont maintenant pr\u00e9sent\u00e9es comme de vraies collections premium : couverture forte, chapitres narratifs, sensation de collection et logique directe de d\u00e9verrouillage.\", \"image_how_eyebrow\": \"Fonctionnement des s\u00e9ries d'images\", \"image_how_title\": \"Pas simplement des images c\u00f4te \u00e0 c\u00f4te, mais une couverture, des chapitres et un flux premium.\", \"image_how_body\": \"La structure commence par l'histoire du dossier, puis construit couverture, chapitres, galerie et logique de vente.\", \"image_principle_1_eyebrow\": \"Couverture\", \"image_principle_1_title\": \"Grande couverture de s\u00e9rie\", \"image_principle_1_body\": \"Chaque collection commence par un vrai visuel d'ouverture plut\u00f4t qu'une simple liste de fichiers.\", \"image_principle_2_eyebrow\": \"Chapitres\", \"image_principle_2_title\": \"S\u00e9quence narrative en images\", \"image_principle_2_body\": \"La galerie se lit comme une s\u00e9quence : entr\u00e9e, s\u00e9curisation, transfert, remise et cl\u00f4ture.\", \"image_principle_3_eyebrow\": \"Valeur\", \"image_principle_3_title\": \"Valeur membre et bundle\", \"image_principle_3_body\": \"La s\u00e9rie d'images n'est pas un bonus, mais un vrai produit premium.\", \"image_principle_4_eyebrow\": \"Multilingue\", \"image_principle_4_title\": \"R\u00e9daction globale\", \"image_principle_4_body\": \"Titres, hooks, tags et CTAs peuvent \u00eatre jou\u00e9s en EN, DE, ES et FR.\", \"live_image_eyebrow\": \"S\u00e9ries d'images live\", \"live_image_title\": \"S\u00e9ries disponibles\", \"live_image_body\": \"Les s\u00e9ries visuelles publi\u00e9es apparaissent ici comme dossiers cliquables avec couverture, chapitres et logique membre.\"}};\n  const labels = bundles[locale] || bundles.en || {};\n  function repairVisibleText(value) {\n    if (typeof value !== \"string\") return value;\n    const replacements = [\n      [\/Oberfl[]che\/g, \"Oberfl\u00e4che\"],\n      [\/Kan[]len\/g, \"Kan\u00e4len\"],\n      [\/Kan[]le\/g, \"Kan\u00e4le\"],\n      [\/T[]ren\/g, \"T\u00fcren\"],\n      [\/f[]hrt\/g, \"f\u00fchrt\"],\n      [\/f[]hren\/g, \"f\u00fchren\"],\n      [\/F[]llen\/g, \"F\u00e4llen\"],\n      [\/Zug[]ngen\/g, \"Zug\u00e4ngen\"],\n      [\/Zug[]nge\/g, \"Zug\u00e4nge\"],\n      [\/[]bergabe\/g, \"\u00dcbergabe\"],\n      [\/erg[]nzt\/g, \"erg\u00e4nzt\"],\n      [\/zusammenh[]ngender\/g, \"zusammenh\u00e4ngender\"],\n      [\/verk[]rpert\/g, \"verk\u00f6rpert\"],\n      [\/pr[]sent\/g, \"pr\u00e4sent\"],\n      [\/Storyb[]gen\/g, \"Storyb\u00f6gen\"],\n      [\/f[]r\/g, \"f\u00fcr\"],\n      [\/F[]r\/g, \"F\u00fcr\"],\n      [\/[]ffnen\/g, \"\u00d6ffnen\"]\n    ];\n    return replacements.reduce((text, pair) => text.replace(pair[0], pair[1]), value);\n  }\n  document.documentElement.setAttribute(\"lang\", locale === \"en\"  \"en\" : locale);\n  document.querySelectorAll(\"[data-lkey]\").forEach((el) => {\n    const key = el.getAttribute(\"data-lkey\");\n    if (key && Object.prototype.hasOwnProperty.call(labels, key)) {\n      el.innerHTML = repairVisibleText(labels[key]);\n    }\n  });\n  document.querySelectorAll(\"[data-lplaceholder]\").forEach((el) => {\n    const key = el.getAttribute(\"data-lplaceholder\");\n    if (key && Object.prototype.hasOwnProperty.call(labels, key)) {\n      el.setAttribute(\"placeholder\", repairVisibleText(labels[key]));\n    }\n  });\n  document.querySelectorAll(\"[data-route-key]\").forEach((el) => {\n    const routeKey = el.getAttribute(\"data-route-key\");\n    const href = routes.[locale].[routeKey];\n    if (href) {\n      el.setAttribute(\"href\", href);\n    }\n  });\n  const ageKey = \"dtuAgeGateAcceptedV2\";\n  const ageGate = document.getElementById(\"dtu-age-gate\");\n  const confirmButton = document.getElementById(\"dtu-age-confirm\");\n  const maxAgeMs = 1000 * 60 * 60 * 24 * 30;\n  function ageAccepted() {\n    try {\n      const raw = localStorage.getItem(ageKey);\n      if (!raw) return false;\n      const data = JSON.parse(raw);\n      if (!data.acceptedAt) return false;\n      return (Date.now() - Number(data.acceptedAt)) < maxAgeMs;\n    } catch (error) {\n      return false;\n    }\n  }\n  function unlockAgeGate() {\n    document.body.classList.remove(\"dtu-age-locked\");\n    if (ageGate) ageGate.hidden = true;\n  }\n  if (ageGate) {\n    if (ageAccepted()) {\n      unlockAgeGate();\n    } else {\n      document.body.classList.add(\"dtu-age-locked\");\n      ageGate.hidden = false;\n      window.scrollTo({ top: 0, left: 0, behavior: \"auto\" });\n      if (confirmButton) {\n        confirmButton.addEventListener(\"click\", () => {\n          localStorage.setItem(ageKey, JSON.stringify({ acceptedAt: Date.now() }));\n          unlockAgeGate();\n        }, { once: true });\n      }\n    }\n  }\n})();\n<\/script>\n\n<script>\n(async function() {\n  const origin = window.location.origin || \"\";\n  const response = await fetch(origin + \"\/wp-json\/wp\/v2\/dtu_image_series?per_page=48&_embed\");\n  const items = await response.json();\n  const grid = document.getElementById(\"image-series-grid\");\n  const path = window.location.pathname || \"\";\n  let locale = \"en\";\n  if (path.startsWith(\"\/de\/\") || path === \"\/de\") locale = \"de\";\n  else if (path.startsWith(\"\/es\/\") || path === \"\/es\") locale = \"es\";\n  else if (path.startsWith(\"\/fr\/\") || path === \"\/fr\") locale = \"fr\";\n  const ui = {\n    en: { imageSeries: \"IMAGE SERIES\", open: \"Open\", gallery: \"gallery\", imageSeriesMeta: \"Image series\", defaultBody: \"Premium visual dossier.\", emptyTitle: \"Image series are being prepared\", emptyBody: \"As soon as additional series are added, they appear here in the premium look.\" },\n    de: { imageSeries: \"BILDSERIE\", open: \"\u00d6ffnen\", gallery: \"Galerie\", imageSeriesMeta: \"Bildserie\", defaultBody: \"Premium-Bilddossier.\", emptyTitle: \"Bildserien werden vorbereitet\", emptyBody: \"Sobald weitere Reihen eingepflegt sind, erscheinen sie hier im Premium-Look.\" },\n    es: { imageSeries: \"SERIE VISUAL\", open: \"Abrir\", gallery: \"galer\u00eda\", imageSeriesMeta: \"Serie de im\u00e1genes\", defaultBody: \"Dossier visual premium.\", emptyTitle: \"Las series visuales se est\u00e1n preparando\", emptyBody: \"Cuando se a\u00f1adan nuevas series, aparecer\u00e1n aqu\u00ed con look premium.\" },\n    fr: { imageSeries: \"S\u00c9RIE VISUELLE\", open: \"Ouvrir\", gallery: \"galerie\", imageSeriesMeta: \"S\u00e9rie d'images\", defaultBody: \"Dossier visuel premium.\", emptyTitle: \"Les s\u00e9ries d'images sont en pr\u00e9paration\", emptyBody: \"D\u00e8s que d'autres s\u00e9ries sont ajout\u00e9es, elles apparaissent ici en look premium.\" }\n  };\n  const tr = ui[locale] || ui.en;\n  function plain(html) { return (html || \"\").replace(\/<[^>]+>\/g, \" \").replace(\/s+\/g, \" \").trim(); }\n  function mediaUrl(item) { return item._embedded?.[\"wp:featuredmedia\"]?.[0]?.source_url || \"https:\/\/donttellus.com\/wp-content\/uploads\/2026\/07\/brand-mark.png\"; }\n  function formatPublishedDate(item) {\n    const raw = item.date || item.modified || \"\";\n    if (!raw) return \"\";\n    const date = new Date(raw);\n    if (Number.isNaN(date.getTime())) return \"\";\n    const localeMap = { en: \"en-US\", de: \"de-DE\", es: \"es-ES\", fr: \"fr-FR\" };\n    return date.toLocaleDateString(localeMap[locale] || \"en-US\", { year: \"numeric\", month: \"2-digit\", day: \"2-digit\" });\n  }\n  function isNewRelease(item) {\n    const raw = item.date || item.modified || \"\";\n    if (!raw) return false;\n    const date = new Date(raw).getTime();\n    return Number.isFinite(date) && (Date.now() - date) <= 28 * 24 * 60 * 60 * 1000;\n  }\n  function newBadge() {\n    if (locale === \"de\") return \"NEU\";\n    if (locale === \"es\") return \"NUEVO\";\n    if (locale === \"fr\") return \"NOUVEAU\";\n    return \"NEW\";\n  }\n  function card(item) {\n    const title = item.title.rendered || item.title || \"Untitled\";\n    const body = plain(item.excerpt.rendered || item.excerpt) || tr.defaultBody;\n    const series = ((item.series || item.dtu_series) || [])[0] || tr.imageSeriesMeta;\n    const published = formatPublishedDate(item);\n    const isNew = isNewRelease(item);\n    return `\n      <article class=\"panel video-card preview-card is-member\">\n        <a href=\"${item.link}\" style=\"text-decoration:none;color:inherit;display:block;\">\n          <div class=\"preview-launch\">\n            <span class=\"preview-thumb\">\n              <img decoding=\"async\" src=\"${mediaUrl(item)}\" alt=\"${title} cover\">\n              <span class=\"preview-gradient\"><\/span>\n              <span class=\"preview-badge\">${tr.imageSeries}<\/span>\n              ${isNew ? `<span class=\"preview-new-badge\">${newBadge()}<\/span>` : \"\"}\n              ${published ? `<span class=\"preview-date\">${published}<\/span>` : \"\"}\n              <span class=\"preview-play\">${tr.open}<\/span>\n            <\/span>\n            <span class=\"preview-copy\">\n              <span class=\"eyebrow\">${series} | ${tr.gallery}<\/span>\n              <strong>${title}<\/strong>\n              <span>${body}<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n      <\/article>`;\n  }\n  grid.innerHTML = items.length  items.map(card).join(\"\") : `<article class=\"panel story-principle-card\"><div class=\"eyebrow\">${tr.imageSeries}<\/div><h3>${tr.emptyTitle}<\/h3><p>${tr.emptyBody}<\/p><\/article>`;\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>18+ access Adult content notice This area contains content intended only for adults. Confirm that you are 18 years or older before any 18+ material becomes visible. Content stays hidden until you confirm your age. Your confirmation is stored locally on this device. By continuing, you confirm that you are legally allowed to view this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-216","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":41,"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/pages\/216\/revisions\/490"}],"wp:attachment":[{"href":"https:\/\/www.donttellus.com\/fr\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}