{"id":829,"date":"2026-06-30T13:12:53","date_gmt":"2026-06-30T13:12:53","guid":{"rendered":"https:\/\/studio-k.agency\/?page_id=829"},"modified":"2026-07-01T14:08:48","modified_gmt":"2026-07-01T14:08:48","slug":"legacy","status":"publish","type":"page","link":"https:\/\/studio-k.agency\/de\/legacy\/","title":{"rendered":"legacy"},"content":{"rendered":"<style>\n.wp-block-group:has(.legacy-hero),\n.wp-block-group:has(.legacy-ideas),\n.wp-block-group:has(.legacy-quote),\n.wp-block-group:has(.legacy-gallery),\n.wp-block-group:has(.legacy-star) {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: none !important;\n  width: 100% !important;\n}\n\n.legacy-hero,\n.legacy-ideas,\n.legacy-quote,\n.legacy-gallery,\n.legacy-star {\n  width: 100vw !important;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  box-sizing: border-box !important;\n}\n\n.legacy-line {\n  white-space: normal !important;\n  overflow: hidden !important;\n}\n\n.reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 1s ease, transform 1s ease;\n}\n.reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.reveal-delay-1 { transition-delay: 0.15s; }\n.reveal-delay-2 { transition-delay: 0.3s; }\n.reveal-delay-3 { transition-delay: 0.45s; }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const reveals = document.querySelectorAll(\".reveal\");\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  reveals.forEach((el) => observer.observe(el));\n});\n<\/script>\n\n<section class=\"legacy-hero\">\n  <div class=\"legacy-line l1 center accent first\">Jede gro\u00dfe Geschichte existiert lange bevor die erste Seite geschrieben wird.<\/div>\n  <div class=\"legacy-line l2 wrap-ok\">Manche beginnen als fl\u00fcchtiger Gedanke.<br>Manche leben jahrelang als leise Stimme in deinem Kopf.<\/div>\n  <div class=\"legacy-line l3\">Manche wachsen aus Erfahrung. Andere aus der Vorstellungskraft.<\/div>\n  <div class=\"legacy-line l4 center accent big-bold\">Die meisten werden nie etwas.<\/div>\n  <div class=\"legacy-line l5 center\">Nicht weil sie es nicht wert gewesen w\u00e4ren.<\/div>\n  <div class=\"legacy-line l6\">Sondern weil es sich unm\u00f6glich anf\u00fchlt, eine Idee in ein ver\u00f6ffentlichtes Buch <strong>zu verwandeln.<\/strong>.<\/div>\n  <div class=\"legacy-line l7 final accent\">Genau hier fangen wir an.<\/div>\n<\/section>\n\n<style>\n.wp-block-group:has(.legacy-hero) {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.legacy-hero {\n  position: relative;\n  width: 100vw;\n  margin: 0 !important;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  min-height: 100vh;\n  overflow: hidden;\n  background: #f8f7f3;\n  color: #111;\n}\n\n.legacy-line {\n  position: absolute;\n  left: 4vw;\n  right: 4vw;\n  top: 50%;\n  transform: translateY(-50%);\n  opacity: 0;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(20px, 3.6vw, 60px);\n  line-height: 1.1;\n  letter-spacing: -0.03em;\n  font-weight: 400;\n  animation: legacyFade 56s ease-in-out infinite;\n}\n\n.legacy-line strong {\n  font-weight: 700;\n}\n\n.legacy-line.center {\n  text-align: center;\n  left: 0;\n  right: 0;\n}\n\n.legacy-line.wrap-ok {\n  white-space: normal;\n  color: #111;\n}\n\n.legacy-line.accent {\n  animation-name: legacyFadeAccent;\n}\n\n.legacy-line.first {\n  font-weight: 700;\n  font-size: clamp(30px, 5vw, 84px);\n}\n\n.legacy-line.big-bold {\n  font-weight: 800;\n  font-size: clamp(34px, 5.5vw, 92px);\n}\n\n.legacy-line.final {\n  text-align: center;\n  left: 0;\n  right: 0;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(40px, 7vw, 110px);\n  font-weight: 800;\n  letter-spacing: -0.03em;\n}\n\n.l1 { animation-delay: 0s; }\n.l2 { animation-delay: 7s; }\n.l3 { animation-delay: 14s; }\n.l4 { animation-delay: 21s; }\n.l5 { animation-delay: 28s; }\n.l6 { animation-delay: 35s; }\n.l7 { animation-delay: 42s; }\n\n@keyframes legacyFade {\n  0%   { opacity: 0; }\n  3%   { opacity: 1; }\n  8%   { opacity: 1; }\n  10%  { opacity: 0; }\n  100% { opacity: 0; }\n}\n\n@keyframes legacyFadeAccent {\n  0%   { opacity: 0; transform: translateY(-50%) scale(0.94); }\n  3%   { opacity: 1; transform: translateY(-50%) scale(1); }\n  8%   { opacity: 1; transform: translateY(-50%) scale(1); }\n  10%  { opacity: 0; transform: translateY(-50%) scale(1.02); }\n  100% { opacity: 0; }\n}\n\n@media (max-width: 768px) {\n  .legacy-line {\n    font-size: clamp(18px, 5vw, 32px);\n    line-height: 1.15;\n  }\n\n  .legacy-line.first {\n    font-size: clamp(26px, 7vw, 44px);\n  }\n\n  .legacy-line.big-bold {\n    font-size: clamp(28px, 7.5vw, 48px);\n  }\n\n  .legacy-line.final {\n    font-size: clamp(34px, 9vw, 64px);\n  }\n}\n<\/style>\n<section class=\"legacy-hero\" style=\"margin: 0; padding: 0;\">\n\n\n\n<style>\n.reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 1s ease, transform 1s ease;\n}\n.reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.reveal-delay-1 { transition-delay: 0.15s; }\n.reveal-delay-2 { transition-delay: 0.3s; }\n.reveal-delay-3 { transition-delay: 0.45s; }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const reveals = document.querySelectorAll(\".reveal\");\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n\n  reveals.forEach((el) => observer.observe(el));\n});\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-5a8983cf alignfull uagb-is-root-container\">\n<section class=\"legacy-ideas\">\n  <div class=\"ideas-text\">\n    <p class=\"reveal ideas-label\">IDEEN VERDIENEN<br>EIN LEBEN JENSEITS DER VORSTELLUNG.<\/p>\n    <p class=\"reveal reveal-delay-1 ideas-body\">\n      Studio K verwandelt Ideen in sorgf\u00e4ltig gestaltete B\u00fccher \u2014 vom ersten Gespr\u00e4ch bis zur weltweiten Ver\u00f6ffentlichung.\n    <\/p>\n    <p class=\"reveal reveal-delay-2 ideas-body\">\n      Ob Roman, Memoir, Sachbuch oder eine vollst\u00e4ndig fiktive Welt \u2014 wir gestalten deine Geschichte durch redaktionelle F\u00fchrung, Ghostwriting, Design und Publishing.\n    <\/p>\n    <div class=\"reveal reveal-delay-3 ideas-final-line\">\n      <span class=\"ideas-divider\"><\/span>\n      <p class=\"ideas-body ideas-nowrap\">Nicht jeder ist ein Schriftsteller. Das war nie der Punkt.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"ideas-image reveal reveal-delay-1\">\n    <img decoding=\"async\" src=\"https:\/\/studio-k.agency\/wp-content\/uploads\/2026\/06\/floating-inc.png\" alt=\"\">\n  <\/div>\n<\/section>\n<style>\n.legacy-ideas {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #ece9e3;\n}\n.ideas-text {\n  padding: 8vw 6vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 1.6em;\n}\n.ideas-label {\n  text-transform: uppercase;\n  font-size: clamp(14px, 1.4vw, 18px);\n  letter-spacing: 0.08em;\n  font-weight: 600;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  margin: 0;\n}\n.ideas-body {\n  font-size: clamp(17px, 1.5vw, 21px);\n  line-height: 1.6;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: #333;\n  max-width: 460px;\n  margin: 0;\n}\n.ideas-final-line {\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n}\n.ideas-divider {\n  display: block;\n  width: 60px;\n  height: 1px;\n  background: #999;\n}\n.ideas-nowrap {\n  white-space: nowrap;\n}\n.ideas-image {\n  position: relative;\n  min-height: 60vh;\n}\n.ideas-image img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n@media (max-width: 768px) {\n  .legacy-ideas {\n    grid-template-columns: 1fr;\n  }\n  .ideas-text {\n    padding: 12vw 6vw;\n  }\n  .ideas-image {\n    min-height: 50vh;\n  }\n  .ideas-nowrap {\n    white-space: normal;\n  }\n  .ideas-label {\n    font-size: clamp(13px, 4vw, 16px);\n  }\n  .ideas-body {\n    font-size: clamp(15px, 4vw, 18px);\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-5a8983cf alignfull uagb-is-root-container\">\n<section class=\"legacy-quote\">\n  <div class=\"quote-container\">\n    <p class=\"reveal quote-main\">\n      Der Punkt ist, dass manche Ideen<br>\n      die Menschen <em>\u00fcberdauern<\/em> sollten,<br>\n      die sie sich vorgestellt haben.\n    <\/p>\n    <div class=\"quote-divider-vertical\"><\/div>\n    <p class=\"reveal reveal-delay-2 quote-note\">\n      Ein Buch kann weiter reisen<br>als sein Autor.\n    <\/p>\n  <\/div>\n<\/section>\n<style>\n.legacy-quote {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: 14vw 6vw;\n  background: #f8f7f3;\n  display: flex;\n  justify-content: center;\n}\n.quote-container {\n  display: flex;\n  align-items: center;\n  gap: 4vw;\n  max-width: 1100px;\n  width: 100%;\n}\n.quote-main,\n.quote-note {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(28px, 3.6vw, 50px);\n  line-height: 1.3;\n  letter-spacing: -0.02em;\n  margin: 0;\n}\n.quote-main {\n  flex: 1 1 auto;\n  font-weight: 400;\n  color: #111;\n}\n.quote-main em {\n  font-style: italic;\n  font-weight: 500;\n}\n.quote-divider-vertical {\n  flex: 0 0 1px;\n  align-self: stretch;\n  background: #ccc;\n}\n.quote-note {\n  flex: 0 0 320px;\n  font-weight: 400;\n  color: #555;\n}\n@media (max-width: 768px) {\n  .legacy-quote {\n    padding: 18vw 6vw;\n  }\n  .quote-container {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6vw;\n  }\n  .quote-main,\n  .quote-note {\n    font-size: clamp(24px, 7vw, 34px);\n  }\n  .quote-divider-vertical {\n    width: 60px;\n    height: 1px;\n    align-self: auto;\n  }\n  .quote-note {\n    flex: none;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-5a8983cf alignfull uagb-is-root-container\">\n<section class=\"legacy-gallery\">\n  <p class=\"reveal gallery-label\">AUSGEW\u00c4HLTE PUBLIKATIONEN<\/p>\n  <div class=\"gallery-scroll reveal reveal-delay-1\">\n    <div class=\"gallery-card\">\n      <div class=\"gallery-img\">\n        <img decoding=\"async\" src=\"https:\/\/studio-k.agency\/wp-content\/uploads\/2026\/06\/the-week.png\" alt=\"The Week\">\n      <\/div>\n      <p class=\"gallery-title\">The Week<\/p>\n      <p class=\"gallery-subtitle\">Planner<\/p>\n      <p class=\"gallery-desc\">Ein minimalistischer Wochenplaner als deine private Galerie der Zeit \u2014 f\u00fcr alle, die Klarheit dem Chaos vorziehen.<\/p>\n      <a href=\"https:\/\/amzn.eu\/d\/0f27MWph\" class=\"gallery-buy\">Auf Amazon kaufen \u2192<\/a>\n    <\/div>\n    <div class=\"gallery-card\">\n      <div class=\"gallery-img\">\n        <img decoding=\"async\" src=\"https:\/\/studio-k.agency\/wp-content\/uploads\/2026\/06\/fake-you.png\" alt=\"Fake You\">\n      <\/div>\n      <p class=\"gallery-title\">Fake You<\/p>\n      <p class=\"gallery-subtitle\">Novel<\/p>\n      <p class=\"gallery-desc\">Ein psychologischer Thriller \u00fcber Macht, Manipulation und Selbstt\u00e4uschung \u2014 wo Wahrheit nur eine Version ist und die Realit\u00e4t denen geh\u00f6rt, die zu \u00fcberzeugen wissen.<\/p>\n      <a href=\"https:\/\/www.amazon.de\/dp\/B0GY5PBQKQ?dplnkId=f87a75c3-ce7b-4f88-afc5-56b4f99da854&amp;nodl=1\" class=\"gallery-buy\">Auf Amazon kaufen \u2192<\/a>\n    <\/div>\n    <div class=\"gallery-card\">\n      <div class=\"gallery-img\">\n        <img decoding=\"async\" src=\"https:\/\/studio-k.agency\/wp-content\/uploads\/2026\/06\/magical-book.png\" alt=\"The Magical Book for Little Artists\">\n      <\/div>\n      <p class=\"gallery-title\">Das magische Buch f\u00fcr kleine K\u00fcnstler<\/p>\n      <p class=\"gallery-subtitle\">Children&#8217;s Activity Book<\/p>\n      <p class=\"gallery-desc\">Eine interaktive Mal-Reise durch die Welt gro\u00dfer K\u00fcnstler \u2014 wo Kinder selbst zu Sch\u00f6pfern werden.<\/p>\n      <div class=\"gallery-buy-row\">\n        <a href=\"https:\/\/www.amazon.de\/-\/en\/dp\/B0G4JQ5GDG\/ref=sr_1_2?crid=2H65DQITNOXVO&amp;keywords=the+magical+book+for+little+artists\" class=\"gallery-buy\">Kaufen (EN) \u2192<\/a>\n        <a href=\"https:\/\/www.amazon.de\/-\/en\/Das-magische-Buch-kleine-K%C3%BCnstler\/dp\/B0FLXK5LWT\/ref=sr_1_1?crid=C145PPQHY65S&amp;keywords=das+magische+buch+f%C3%BCr+kleine+k%C3%BCnstler\" class=\"gallery-buy\">Kaufen (DE) \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.legacy-gallery {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: 8vw 6vw;\n  background: #ece9e3;\n}\n.gallery-label {\n  text-transform: uppercase;\n  font-size: clamp(12px, 1vw, 14px);\n  letter-spacing: 0.08em;\n  font-weight: 600;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: #555;\n  margin: 0 0 2.5em 0;\n}\n.gallery-scroll {\n  display: flex;\n  gap: 2.5vw;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  padding-bottom: 1.5em;\n  scrollbar-width: thin;\n}\n.gallery-scroll::-webkit-scrollbar {\n  height: 6px;\n}\n.gallery-scroll::-webkit-scrollbar-thumb {\n  background: #ccc;\n  border-radius: 10px;\n}\n.gallery-card {\n  flex: 0 0 auto;\n  width: min(300px, 75vw);\n  scroll-snap-align: start;\n  display: flex;\n  flex-direction: column;\n}\n.gallery-img {\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  margin-bottom: 1em;\n  background: #ddd;\n}\n.gallery-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n.gallery-card:hover .gallery-img img {\n  transform: scale(1.04);\n}\n.gallery-title {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(13px, 1vw, 15px);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  font-weight: 600;\n  color: #111;\n  margin: 0 0 0.3em 0;\n}\n.gallery-subtitle {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(12px, 0.9vw, 14px);\n  color: #777;\n  margin: 0 0 0.8em 0;\n}\n.gallery-desc {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(13px, 0.95vw, 15px);\n  line-height: 1.5;\n  color: #444;\n  margin: 0 0 1em 0;\n}\n.gallery-buy {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(13px, 1vw, 15px);\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n  color: #111;\n}\n.gallery-buy-row {\n  display: flex;\n  gap: 1.5em;\n}\n@media (max-width: 768px) {\n  .legacy-gallery {\n    padding: 14vw 6vw;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-591bb237 alignfull uagb-is-root-container\">\n<section class=\"legacy-star\">\n  <div class=\"star-bg\">\n    <img decoding=\"async\" src=\"https:\/\/studio-k.agency\/wp-content\/uploads\/2026\/07\/starlight.webp\" alt=\"\">\n  <\/div>\n\n  <div class=\"star-content\">\n    <div class=\"reveal star-text\">\n      <p class=\"star-line1\">Manche Sterne verschwinden lange bevor<br>ihr Licht uns erreicht.<\/p>\n      <p class=\"star-line2\">Gro\u00dfe Ideen funktionieren genauso.<\/p>\n    <\/div>\n\n    <div class=\"reveal reveal-delay-1 star-middle\">\n      <p class=\"star-line3\">Manche finden still eine Handvoll Leser.<\/p>\n      <p class=\"star-line3\">Others travel across continents and generations.<\/p>\n      <p class=\"star-line3\">Niemand wei\u00df, wie weit eine Idee reisen kann.<\/p>\n    <\/div>\n\n    <div class=\"reveal reveal-delay-2 star-cta\">\n      <span class=\"star-divider\"><\/span>\n      <p class=\"star-cta-line\">Die einzigen Geschichten, die garantiert verschwinden,<br>sind die, die <em>niemals geschrieben werden.<\/em><\/p>\n      <a href=\"mailto:hello@studio-k.agency\" class=\"star-button\">Stell sicher, dass deine weiter reist \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.legacy-star {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  overflow: hidden;\n}\n\n.star-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n\n.star-bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n.star-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to right,\n    rgba(0, 0, 0, 0.88) 0%,\n    rgba(0, 0, 0, 0.5) 55%,\n    rgba(0, 0, 0, 0.05) 100%\n  );\n}\n\n.star-content {\n  position: relative;\n  z-index: 1;\n  width: 55%;\n  padding: 6vw 6vw 6vw 8vw;\n  display: flex;\n  flex-direction: column;\n  gap: 2.5em;\n  text-align: left;\n}\n\n.star-line1 {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(28px, 3.8vw, 58px);\n  line-height: 1.25;\n  font-weight: 500;\n  color: #ffffff;\n  margin: 0 0 0.6em 0;\n  letter-spacing: -0.02em;\n}\n\n.star-line2 {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(20px, 2vw, 30px);\n  line-height: 1.5;\n  font-weight: 300;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.7);\n  margin: 0;\n}\n\n.star-middle {\n  display: flex;\n  flex-direction: column;\n  gap: 0.4em;\n}\n\n.star-line3 {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(15px, 1.3vw, 19px);\n  line-height: 1.6;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.55);\n  margin: 0;\n}\n\n.star-cta {\n  display: flex;\n  flex-direction: column;\n  gap: 1.2em;\n}\n\n.star-divider {\n  display: block;\n  width: 60px;\n  height: 1px;\n  background: rgba(255, 255, 255, 0.35);\n}\n\n.star-cta-line {\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(18px, 1.8vw, 26px);\n  color: rgba(255, 255, 255, 0.9);\n  line-height: 1.5;\n  margin: 0;\n}\n\n.star-cta-line em {\n  font-style: italic;\n  color: #ffffff;\n}\n\n.star-button {\n  display: inline-block;\n  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: clamp(13px, 1.1vw, 16px);\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: #ffffff !important;\n  text-decoration: underline !important;\n  text-underline-offset: 5px;\n  transition: opacity 0.3s ease;\n}\n\n.star-button:hover {\n  opacity: 0.6;\n}\n\n@media (max-width: 768px) {\n  .legacy-star {\n    align-items: flex-end;\n  }\n\n  .star-bg::after {\n    background: linear-gradient(\n      to top,\n      rgba(0, 0, 0, 0.92) 0%,\n      rgba(0, 0, 0, 0.3) 60%,\n      rgba(0, 0, 0, 0.05) 100%\n    );\n  }\n\n  .star-content {\n    width: 100%;\n    padding: 10vw 6vw;\n  }\n\n  .star-line1 {\n    font-size: clamp(26px, 7vw, 38px);\n  }\n}\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Every great story exists long before the first page. Some begin as a passing thought.Some live in the quiet voice inside your head for years. Some grow from experience. Others from imagination. Most never become anything. Not because they weren&#8217;t worth telling. But because turning an idea into a published book feels impossible. That&#8217;s where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-829","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"blog-thumb":false,"blog-full":false},"uagb_author_info":{"display_name":"katie-kuznetsova@yandex.ru","author_link":"https:\/\/studio-k.agency\/de\/author\/katie-kuznetsovayandex-ru\/"},"uagb_comment_info":0,"uagb_excerpt":"Every great story exists long before the first page. Some begin as a passing thought.Some live in the quiet voice inside your head for years. Some grow from experience. Others from imagination. Most never become anything. Not because they weren&#8217;t worth telling. But because turning an idea into a published book feels impossible. That&#8217;s where&hellip;","_links":{"self":[{"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/pages\/829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":56,"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":898,"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/pages\/829\/revisions\/898"}],"wp:attachment":[{"href":"https:\/\/studio-k.agency\/de\/wp-json\/wp\/v2\/media?parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}