{"id":13,"date":"2026-01-21T20:50:47","date_gmt":"2026-01-21T20:50:47","guid":{"rendered":"https:\/\/pipokonyv.hu\/konyv\/?page_id=13"},"modified":"2026-05-14T21:25:10","modified_gmt":"2026-05-14T21:25:10","slug":"kezdolap","status":"publish","type":"page","link":"https:\/\/pipokonyv.hu\/konyv\/","title":{"rendered":"Kezd\u0151lap"},"content":{"rendered":"\n<div class=\"wp-block-group zr-hero-stack is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-4f181d16 wp-block-group-is-layout-flex has-background\" style=\"min-height:0px;background-image:url(&apos;https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/02\/web8-\u2013-helyreallitva-s2.jpg&apos;);background-size:cover;background-attachment:fixed;\">\n<section class=\"zr-hero\">\n\n<\/section>\n<style>\n  :root{\n    --zr-max: 1600px;\n    --zr-pad: clamp(16px, 3vw, 32px);\n    --zr-radius: 18px;\n    --zr-text: rgba(255,255,255,.92);\n    --zr-muted: rgba(255,255,255,.78);\n    --zr-shadow: 0 18px 50px rgba(0,0,0,.35);\n    --zr-btn: rgba(18, 76, 125, .85);\n    --zr-btn2: rgba(255,255,255,.10);\n    --zr-border: rgba(255,255,255,.16);\n  }\n\n  .zr-wrap{ width:100%; }\n\n  \/* HERO *\/\n  \n}\n  .zr-hero-bg{\n    position:absolute; inset:0;\n    background:\n      linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.08) 100%),\n      url(\"\") center\/cover no-repeat;\n    transform: scale(1.02);\n  }\n  .zr-hero-inner{\n    position: relative;\n    display: grid;\n    grid-template-columns: 1.2fr .8fr;\n    gap: clamp(18px, 3vw, 34px);\n    padding: clamp(18px, 4vw, 15px);\n    align-items: center;\n    min-height: clamp(420px, 55vh, 620px);\n  }\n\n  .zr-brand{\n    letter-spacing: .22em;\n    font-weight: 700;\n    font-size: clamp(42px, 6vw, 70px);\n    margin: 0 0 0px 0;\n    color: var(--zr-text);\n    text-shadow: 0 10px 26px rgba(0,0,0,.35);\n  }\n  .zr-h1{\n    font-size: clamp(26px, 3.2vw, 38px);\n    line-height: 1.15;\n    margin: 0 0 20px 0;\n    color: var(--zr-text);\n  }\n  .zr-p{\n    margin: 0 0 18px 0;\n    max-width: 52ch;\n    color: var(--zr-muted);\n    font-size: clamp(15px, 1.3vw, 18px);\n    line-height: 1.5;\n  }\n\n  .zr-cta{ display:flex; gap:12px; flex-wrap: wrap; margin-top: 10px; }\n  .zr-btn{\n    display:inline-flex; align-items:center; justify-content:center;\n    padding: 12px 16px;\n    border-radius: 12px;\n    border: 1px solid var(--zr-border);\n    text-decoration:none;\n    color: var(--zr-text);\n    font-weight: 600;\n\n    \/* vil\u00e1gosabb k\u00e9k alap *\/\n    background: rgba(70, 140, 210, .75);\n\n    backdrop-filter: blur(6px);\n    transition: background .22s ease, filter .22s ease, transform .22s ease, box-shadow .22s ease;\n  }\n\n  \/* secondary is marad k\u00e9kes, de enyh\u00e9bb *\/\n  .zr-btn.secondary{\n    background: rgba(255,255,255,.12);\n  }\n\n  \/* hover: s\u00f6t\u00e9tebb k\u00e9k + finom emel\u00e9s *\/\n  .zr-btn:hover{\n  background: rgba(18, 76, 125, .95);\n  transform: translateY(-1px);\n  box-shadow: 0 10px 24px rgba(0,0,0,.28);\n  filter: brightness(1.04);\n  color: rgba(255,255,255,.92) !important; \/* <-- EZ \u00daJ *\/\n}\n.zr-btn:hover,\n.zr-btn:hover *{\n  color: rgba(255,255,255,.92) !important; \/* <-- EZ \u00daJ: ha b\u00e1rmi bel\u00fcl \u00f6r\u00f6kl\u0151dik *\/\n}\n\n  .zr-bookcard{\n    display:flex;\n    flex-direction: column;\n    gap: 12px;\n    align-items: center;\n    justify-content: center;\n    padding: 14px;\n    border-radius: var(--zr-radius);\n    background: rgba(0,0,0,.25);\n    border: 1px solid var(--zr-border);\n    backdrop-filter: blur(8px);\n  }\n  .zr-bookimg{\n    width: min(320px, 100%);\n    aspect-ratio: 3 \/ 4;\n    border-radius: 14px;\n    background:\n      radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%),\n      linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.10)),\n      url(\"\") center\/cover no-repeat;\n    border: 1px solid var(--zr-border);\n    box-shadow: 0 18px 45px rgba(0,0,0,.35);\n    position: relative;\n    overflow: hidden;\n  }\n  .zr-coming{\n    position:absolute;\n    bottom: 14px; left: 14px;\n    padding: 8px 10px;\n    border-radius: 999px;\n    font-size: 12px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: var(--zr-text);\n    background: rgba(0,0,0,.45);\n    border: 1px solid var(--zr-border);\n  }\n  .zr-bookmeta{\n    text-align: center;\n    color: var(--zr-muted);\n    font-size: 13px;\n    line-height: 1.4;\n    max-width: 44ch;\n  }\n\n  \/* SECTION *\/\n  .zr-section{\n    max-width: var(--zr-max);\n    margin: 18px auto 0 auto;\n    padding: 0 var(--zr-pad);\n  }\n  .zr-cardrow{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 14px;\n  }\n  .zr-card{\n    border-radius: 16px;\n    padding: 16px;\n    background: rgba(255,255,255,.05);\n    border: 1px solid rgba(0,0,0,.08);\n  }\n  .zr-card h3{ margin: 0 0 6px 0; font-size: 18px; }\n  .zr-card p{ margin: 0 0 10px 0; color: rgba(0,0,0,.70); line-height: 1.5; }\n  .zr-link{\n  font-weight: 700;\n  text-decoration: none;\n\n  \/* vil\u00e1gosk\u00e9k alap *\/\n  color: rgba(120,185,255,.95);\n\n  display: inline-block;\n  transition:\n    color .22s ease,\n    transform .22s ease,\n    text-shadow .22s ease;\n}\n\n\/* hover: UGYANAZ a s\u00f6t\u00e9tk\u00e9k, mint a fels\u0151 gombok *\/\n.zr-link:hover{\n  color: rgba(18, 76, 125, .95);\n  transform: translateX(3px);\n  text-shadow: 0 0 14px rgba(18, 76, 125, .35);\n}\n\n  \/* NEWSLETTER *\/\n  .zr-news{\n    max-width: var(--zr-max);\n    margin: 18px auto 0 auto;\n    padding: var(--zr-pad);\n    border-radius: var(--zr-radius);\n    background: rgba(0,0,0,.06);\n    border: 1px solid rgba(0,0,0,.08);\n  }\n  .zr-news h2{ margin:0 0 8px 0; }\n  .zr-news p{ margin:0 0 10px 0; color: rgba(0,0,0,.72); line-height:1.55; }\n  .zr-warn{ font-size: 13px; opacity: .85; margin-top: 8px; }\n  .zr-form{\n    display:flex; gap:10px; flex-wrap: wrap;\n    margin-top: 10px;\n  }\n  .zr-input{\n    flex: 1 1 220px;\n    min-width: 220px;\n    padding: 12px 12px;\n    border-radius: 12px;\n    border: 1px solid rgba(0,0,0,.18);\n  }\n  .zr-submit{\n    padding: 12px 16px;\n    border-radius: 12px;\n    border: 0;\n    font-weight: 700;\n    cursor: pointer;\n    background: rgba(18, 76, 125, .95);\n    color: white;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px){\n    .zr-hero-inner{ grid-template-columns: 1fr; min-height: auto; }\n    .zr-bookcard{ align-items: stretch; }\n    .zr-cardrow{ grid-template-columns: 1fr; }\n    .zr-brand{ letter-spacing: .18em; }\n  }\n.zr-card-flex{\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.zr-card-text{\n  flex: 1;\n}\n\n.zr-card-char{\n  flex: 0 1 clamp(140px, 10vw, 180px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: .9;\n}\n\n.zr-card-char img{\n  width: 100%;\n  max-width: clamp(140px, 12vw, 220px);\n  height: auto;\n  object-fit: contain;\n\n  filter: drop-shadow(0 6px 16px rgba(0,0,0,.35));\n  transition: transform .25s ease, filter .25s ease;\n}\n\n.zr-card:hover .zr-card-char img{\n  transform: translateY(-4px) scale(1.05);\n  filter:\n    drop-shadow(0 10px 28px rgba(0,0,0,.45))\n    drop-shadow(0 0 12px rgba(120,180,255,.25));\n}\n\n@media (max-width: 600px){\n  .zr-card-flex{\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .zr-card-text{\n    width: 100%;\n  }\n\n  .zr-card-char{\n    align-self: center;\n    justify-content: center;\n    margin-top: 8px;\n  }\n .zr-card-char img{\n    max-width: 160px;\n  }\n}\n\n<\/style>\n\n<div class=\"zr-wrap\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap');\n\n.zr-brand,\n.zr-title-over-book,\n.zr-midtag {\n  font-family: Cinzel, serif;\n}\n\n.zr-hero-inner,\n.zr-p,\n.zr-left-desc,\n.zr-bookmeta {\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n}\n<\/style>\n  <!-- HERO -->\n\n  <section class=\"zr-hero\" aria-label=\"Zagrados kezd\u0151 blokk\">\n    <div class=\"zr-hero-bg\"><\/div>\n\n    <div class=\"zr-hero-inner\">\n      <div>\n        <div class=\"zr-brand\" translate=\"no\" data-nosnippet=\"\" style=\"\n  font-family: 'Cinzel', serif;\n  font-size: clamp(50px, 6vw, 100px);\n  color: rgba(255,255,255,.92);\n  display: inline-flex;\n  align-items: center;\n  gap: 0px;\n  line-height: 1;\n\">\n  <span class=\"zr-brand-txt\" translate=\"no\">ZA<\/span><span class=\"zr-logo-g\"><img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/02\/music1.png\" alt=\"Zagrados jel\"><\/span><span class=\"zr-brand-txt\" translate=\"no\">RADOS<\/span>\n<\/div>\n<audio id=\"zr-audio\" preload=\"none\">\n  <source src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/AHosLelegzete.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n<style>\n  \/* A bet\u0171k\u00f6z CSAK a sz\u00f6vegre menjen, ne az eg\u00e9sz flex-re *\/\n  .zr-brand .zr-brand-txt{\n    letter-spacing: .22em;\n    display:inline-block;\n  }\n\n  .zr-logo-g{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0; padding: 0;\n    line-height: 0;\n  }\n\n  .zr-logo-g img{\n    width: 240px;\n    height: 240px;\n    object-fit: contain;\n    display:block;              \/* fontos: az img alapb\u00f3l inline -> tud baseline-gap-et csin\u00e1lni *\/\n    margin:0 !important;\n    padding:0 !important;\n\n    transition: transform .28s ease, filter .28s ease;\n    filter: drop-shadow(0 6px 18px rgba(0,0,0,.45));\n  }\n\n  .zr-logo-g:hover img{\n    transform: scale(1.1);\n    filter:\n      drop-shadow(0 0 18px rgba(120,180,255,.65))\n      drop-shadow(0 0 34px rgba(120,180,255,.35));\n  }\n.zr-hook{\n  margin: 0 0 12px auto;\n  max-width: 46ch;\n  color: rgba(255,255,255,.92);\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  font-size: clamp(15px, 1.4vw, 20px);\n  line-height: 1.5;\n  text-align: right;\n  font-weight: 500;\nletter-spacing: 0.01em;\n}\n<\/style>\n\n        <div class=\"zr-right-block\" style=\"margin-top: 5px;\">\n\n  <h1 class=\"zr-h1\">Ismerd meg Pip\u00f3t a pingvint,<br> \naki lovag akart lenni.<\/h1>\n\n<p class=\"zr-hook\">De Pip\u00f3nak semmi sem ment \u00fagy, mint a t\u00f6bbieknek.\n<\/p>\n\n <p class=\"zr-p\">\n  <span class=\"zr-leadline\">\n    Egy m\u00e1gikus vil\u00e1g. Egy k\u00edv\u00fcl\u00e1ll\u00f3 pinguin.\n  <\/span><br>\n  Egy elveszett m\u00falt. Fedezd fel a j\u00e9gmez\u0151k m\u00e9ly\u00e9n<br>\n  rejt\u0151z\u0151 titkokat ebben a leny\u0171g\u00f6z\u0151 mes\u00e9ben,<br>\n  amely egyszerre kedves \u00e9s epikus.\n<\/p>\n\n  <div class=\"zr-cta\">\n    <a class=\"zr-btn\" href=\"https:\/\/jimrylie.hu\/\" target=\"_blank\" rel=\"noopener\">Blog<\/a>\n    <a class=\"zr-btn secondary\" href=\"https:\/\/jimrylie.hu\/blog\/?page_id=323\" target=\"_blank\" rel=\"noopener\">Ki \u00e1ll Zagrados m\u00f6g\u00f6tt?<\/a>\n<a class=\"zr-btn secondary\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/kapcsolat\/#uzenet\">\u00cdrj nek\u00fcnk<\/a>\n  <\/div>\n\n<\/div>\n      <\/div>\n\n      <div class=\"zr-bookcard\">\n        <div class=\"zr-bookimg\">\n          <div class=\"zr-coming\">Hamarosan<\/div>\n        <\/div>\n\n        <div class=\"zr-bookmeta\">\n\u00c9rtes\u00edt\u00e9st k\u00e9rhetsz a k\u00f6nyvvel kapcsolatos fontos esem\u00e9nyekr\u0151l: a megjelen\u00e9s d\u00e1tum\u00e1r\u00f3l, az el\u0151rendel\u00e9s indul\u00e1s\u00e1r\u00f3l \u00e9s a szem\u00e9lyes tal\u00e1lkoz\u00e1sok lehet\u0151s\u00e9geir\u0151l. \n        <\/div>\n\n        <a class=\"zr-btn\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/hirlevel\/\">\u00c9rtes\u00edt\u00e9st k\u00e9rek<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n <!-- QUICK LINKS -->\n  <section class=\"zr-section\">\n    <div class=\"zr-cardrow\">\n  <div class=\"zr-card\">\n\n  <div class=\"zr-card-flex\">\n\n    <div class=\"zr-card-text\">\n      <h3 style=\"margin:0 0 6px 0; font-size:18px; color: rgba(255,255,255,.92);\">\n        Jim Rylie blogja\n      <\/h3>\n\n      <p style=\"margin:0 0 10px 0; line-height:1.5; color: rgba(255,255,255,.78);\">\n       A szerz\u0151 blogj\u00e1n m\u00e1r most betekint\u00e9st kapsz a vil\u00e1g kulissz\u00e1i m\u00f6g\u00e9. Ha feliratkozol a blog h\u00edrlevel\u00e9re, k\u00fcl\u00f6nleges tartalmakhoz f\u00e9rhetsz hozz\u00e1, \u00e9s id\u0151nk\u00e9nt aj\u00e1nd\u00e9kot, let\u00f6lthet\u0151 k\u00e9peket is kapsz. \u00cdgy m\u00e9g k\u00f6zelebb ker\u00fclhetsz ahhoz a vil\u00e1ghoz, amely a t\u00f6rt\u00e9net m\u00f6g\u00f6tt form\u00e1l\u00f3dik.\n      <\/p>\n\n      <a class=\"zr-link\" href=\"https:\/\/jimrylie.hu\/\" style=\"font-weight:700; text-decoration:none; color: rgba(120,185,255,.95);\" target=\"_blank\" rel=\"noopener\">\n        Tov\u00e1bb \u2192\n      <\/a>\n    <\/div>\n\n    <div class=\"zr-card-char\">\n      <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/kisfigura12.png\" alt=\"Jim Rylie blog karakter\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n <div class=\"zr-card\">\n\n  <div class=\"zr-card-flex\">\n\n    <div class=\"zr-card-text\">\n      <h3 style=\"margin:0 0 6px 0; font-size:18px; color: rgba(255,255,255,.92);\">\n        Hol tart most Zagrados?\n      <\/h3>\n\n      <p style=\"margin:0 0 10px 0; line-height:1.5; color: rgba(255,255,255,.78);\">\n        Pip\u00f3 mes\u00e9je jelenleg k\u00e9sz\u00fcl. A k\u00f6nyv sz\u00f6vege \u00e9s k\u00e9pei egy\u00fctt form\u00e1l\u00f3dnak, mik\u00f6zben a vil\u00e1g lassan \u00e9letre kel. Itt m\u00e1r most megismerheted azt a hangulatot \u00e9s k\u00f6rnyezetet, amelyben a t\u00f6rt\u00e9net j\u00e1tsz\u00f3dik, miel\u0151tt a k\u00f6nyv elk\u00e9sz\u00fclne.\n      <\/p>\n    <\/div>\n\n    <div class=\"zr-card-char\">\n      <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/kisfigura2.png\" alt=\"\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n <div class=\"zr-card\">\n\n  <div class=\"zr-card-flex\">\n\n    <div class=\"zr-card-text\">\n      <h3 style=\"margin:0 0 6px 0; font-size:18px; color: rgba(255,255,255,.92);\">\n        Concept art &amp; vil\u00e1g\u00e9p\u00edt\u00e9s\n      <\/h3>\n\n      <p style=\"margin:0 0 10px 0; line-height:1.5; color: rgba(255,255,255,.78);\">\n        Zagrados vil\u00e1ga nem egy k\u00e9sz t\u00f6rt\u00e9net d\u00edszlete, hanem egy form\u00e1l\u00f3d\u00f3 hely, amely k\u00e9peken kereszt\u00fcl is megsz\u00fcletik. Ezek a jelenetek nem szerepl\u0151ket mutatnak be, hanem tereket, hangulatokat \u00e9s eml\u00e9keket, azt a vil\u00e1got, amelyben Pip\u00f3 t\u00f6rt\u00e9nete j\u00e1tsz\u00f3dik.\n      <\/p>\n<a class=\"zr-link\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/kepek\/\" style=\"font-weight:700; text-decoration:none; color: rgba(120,185,255,.95);\">\n        Tov\u00e1bb \u2192\n      <\/a>\n    <\/div>\n\n    <div class=\"zr-card-char\">\n      <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/figura34.png\" alt=\"\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n  <\/div><\/section>\n<style>\n  .zr-story-wrap{\n    max-width: var(--zr-max);\n    margin: 26px auto 0 auto;\n    padding: 0 var(--zr-pad);\n  }\n\n  .zr-story-panel{\n    max-width: 980px;\n    margin: 0 auto;\n    padding: clamp(22px, 3vw, 34px);\n    border-radius: 20px;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.14);\n    box-shadow: 0 18px 50px rgba(0,0,0,.22);\n    backdrop-filter: blur(8px);\n    text-align: left;\n  }\n\n  .zr-story-title{\n  margin: 0 0 22px 0;\n  font-family: Cinzel, serif;\n  font-size: clamp(22px, 2.2vw, 28px); \/* kisebb, egys\u00e9gesebb *\/\n  line-height: 1.2;\n  color: rgba(255,255,255,.92);\n  text-align: center;\n}\n .zr-story-text{\n  flex:1;\n  max-width: 78ch;\n  margin: 0; \/* EZ A KULCS *\/\n  color: rgba(255,255,255,.78);\n  font-size: clamp(15px, 1.3vw, 18px);\n  line-height: 1.5;\n}\n  .zr-story-text p{\n  margin: 0 0 10px 0; \/* ez is a t\u00f6bbihez k\u00f6zel van *\/\n}\n\n  .zr-story-cta{\n    display: flex;\n    justify-content: center;\n    margin-top: 0px;\n  }\n.zr-story-flex{\n      display:flex;\n      gap:28px;\n      align-items:center;\n    }\n\n    .zr-story-image{\n      flex:0 0 320px;\n      display:flex;\n      justify-content:center;\n    }\n\n    .zr-story-image img{\n      width:100%;\n      max-width:320px;\n      height:auto;\n      object-fit:contain;\n      transition: transform .35s ease, filter .35s ease;\n      filter: drop-shadow(0 18px 40px rgba(0,0,0,0.35));\n    }\n\n    .zr-story-image:hover img{\n      transform: translateY(-6px) scale(1.015);\n      filter:\n        drop-shadow(0 28px 60px rgba(0,0,0,0.45))\n        drop-shadow(0 0 18px rgba(120,180,255,0.35))\n        drop-shadow(0 0 38px rgba(120,180,255,0.18));\n    }\n\n @media (max-width: 900px){\n  .zr-story-wrap{\n    margin-top: 20px;\n  }\n\n  .zr-story-panel{\n    padding: 20px 16px;\n  }\n\n  .zr-story-flex{\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .zr-story-text{\n    line-height: 1.65;\n    order: 1;\n  }\n\n  .zr-story-image{\n    order: 2;\n  }\n\n  .zr-story-cta{\n    order: 3;\n    margin-top: 0px;\n  }\n}\n.zr-reverse{\n  flex-direction: row-reverse;\n}\n\n@media (max-width: 900px){\n  .zr-reverse{\n    flex-direction: column;\n  }\n}\n\/* A k\u00e9t story blokk k\u00f6z\u00f6tt legyen rendes t\u00e1vols\u00e1g *\/\n.zr-story-wrap + .zr-story-wrap{\n  margin-top: 34px !important;\n}\n\n\/* A vil\u00e1g hangjai blokk c\u00edm\u00e9t picit elt\u00e1vol\u00edtjuk a sz\u00f6vegt\u0151l *\/\n.zr-story-title-tight{\n  margin: 0 0 16px 0 !important;\n}\n\n\/* A vil\u00e1g hangjai blokk gombj\u00e1t picit lejjebb tessz\u00fck *\/\n.zr-story-cta-tight{\n  display: flex;\n  justify-content: center;\n  margin-top: 0px !important;\n}\n\n\/* A blokk bels\u0151 elemei ne torl\u00f3djanak \u00f6ssze *\/\n.zr-story-text-tight p:last-of-type{\n  margin-bottom: 0 !important;\n}\n.zr-story-image img{\n  image-rendering: auto;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.zr-story-panel{\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.zr-story-flex{\n  align-items: center;\n  margin-bottom: 18px;\n}\n\n.zr-story-cta{\n  margin-top: 0px;\n}\n<\/style>\n\n<section class=\"zr-story-wrap\">\n  <div class=\"zr-story-panel\">\n    <h2 class=\"zr-story-title\">A szerz\u0151r\u0151l<\/h2>\n<div class=\"zr-story-flex\">\n    <div class=\"zr-story-text\">\n      <p>Jim Rylie sz\u00e1m\u00e1ra a t\u00f6rt\u00e9netmes\u00e9l\u00e9s nem csup\u00e1n \u00edr\u00e1s.<\/p>\n\n      <p>A k\u00f6nyv nem egy el\u0151re megtervezett, majd illusztr\u00e1lt vil\u00e1gk\u00e9nt sz\u00fcletett meg.\nMinden fejezet \u00e9s minden k\u00e9p egy\u00fctt j\u00f6tt l\u00e9tre abban a pillanatban, amikor a t\u00f6rt\u00e9net form\u00e1t \u00f6lt\u00f6tt.<\/p>\n\n      <p>Am\u00edg egy jelenet nem v\u00e1lt teljess\u00e9, addig nem l\u00e9pett tov\u00e1bb. A k\u00e9pek nem ut\u00f3lag k\u00e9sz\u00fcltek, hanem ugyanabban az \u00e9rzelmi \u00e1llapotban, amelyben a t\u00f6rt\u00e9net is megsz\u00fcletett.<\/p>\n\n      <p>Ez\u00e9rt a vizu\u00e1lis vil\u00e1g is k\u00f6veti azt az utat, amit a t\u00f6rt\u00e9net bej\u00e1r. A k\u00f6nnyedebb, j\u00e1t\u00e9kosabb pillanatokt\u00f3l a m\u00e9lyebb, komolyabb hangulatokig.<\/p>\n\n      <p>A szerz\u0151 olyan t\u00f6rt\u00e9neteket alkot, amelyek nem csak elmes\u00e9lnek valamit,\nhanem \u00e9rz\u00e9seket \u00e9bresztenek, \u00e9s teret adnak az olvas\u00f3nak, hogy saj\u00e1t jelent\u00e9st tal\u00e1ljon benn\u00fck.<\/p>\n    <\/div>\n<div class=\"zr-story-image\">\n        <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/03\/Zaviru-1.png\" alt=\"Zaviru karakter\">\n      <\/div>\n  <\/div>\n    <div class=\"zr-story-cta\">\n      <a class=\"zr-btn secondary\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/a-vilag\/\">Fedezd fel Zagrados vil\u00e1g\u00e1t<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"zr-story-wrap\">\n  <div class=\"zr-story-panel zr-story-panel-tight\">\n    <div class=\"zr-story-flex zr-story-flex-tight\">\n\n      <div class=\"zr-story-image zr-story-image-tight\">\n        <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/viragok2-2.png\" alt=\"Vil\u00e1g\u00edt\u00f3 szirmok\">\n      <\/div>\n\n      <div class=\"zr-story-text zr-story-text-tight\">\n        <h2 class=\"zr-story-title zr-story-title-tight\">A vil\u00e1g hangjai<\/h2>\n\n        <p>A faluban sok furcsa t\u00f6rt\u00e9net kering\u2026 ezek k\u00f6z\u00fcl az egyik a vil\u00e1g\u00edt\u00f3 szirmokr\u00f3l sz\u00f3l. Senki sem tudja igaz-e, de mindenki ismeri.<\/p>\n\n        <p>\u00dagy tartj\u00e1k, a vil\u00e1g\u00edt\u00f3 szirmok a j\u00e9ghegy f\u00e9ny\u00e9t issz\u00e1k, ez\u00e9rt ragyognak az \u00e9jszak\u00e1ban.<\/p>\n\n        <p>Volt egyszer egy fiatal pinguin, aki \u00e1lmot l\u00e1tott: a vir\u00e1gok \u00e9nekeltek.<\/p>\n\n        <p>Amikor fel\u00e9bredt, egy szirom lapult a f\u00fcl\u00e9ben. Napokon \u00e1t d\u00fadolt valamit\u2026 amit senki sem ismert.<\/p>\n\n        <p>Azt mondj\u00e1k, a vil\u00e1g\u00edt\u00f3 szirmok csak akkor \u00e9nekelnek, amikor senki sem figyel.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"zr-story-cta zr-story-cta-tight\">\n      <a class=\"zr-btn secondary\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/zagrados-ebredes-album\/\">Zagrados \u2013 \u00c9bred\u00e9s album<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"zr-story-wrap\">\n  <div class=\"zr-story-panel\">\n\n    <div class=\"zr-story-flex\">\n\n      <div class=\"zr-story-text\">\n        <h2 class=\"zr-story-title\">Nem mindenki az, akinek l\u00e1tszik<\/h2>\n        <p>\u0150 az els\u0151, aki \u00e9szreveszi, hogy valami nincs rendben.<\/p>\n        <p>A j\u00e9gmez\u0151k vil\u00e1g\u00e1ban nem csak a t\u00e1j rejt titkokat.<\/p>\n\n        <p>Vannak, akik figyelnek. Vannak, akik tudnak valamit\u2026 \u00e9s vannak, akik m\u00e9g nem tudj\u00e1k, hogy r\u00e9szesei lesznek valaminek.<\/p>\n\n        <p>Sz\u00e9lv\u00e9sz csak egy sir\u00e1ly.<br>\n        Vagy legal\u00e1bbis annak t\u0171nik.<\/p>\n\n        <p>A t\u00f6rt\u00e9net szerepl\u0151i hamarosan felt\u00e1rulnak.<\/p>\n      <\/div>\n\n      <div class=\"zr-story-image\">\n        <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/szelvesz3.png\" alt=\"Sz\u00e9lv\u00e9sz karakter\">\n      <\/div>\n\n    <\/div>\n\n    <div class=\"zr-story-cta\">\n      <a class=\"zr-btn secondary\" href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/szereplok\/\">Fedezd fel, kik \u0151k<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<div class=\"home-social-icons\"><section class=\"zoom-social-icons-shortcode\">\n\t\t\n<ul class=\"zoom-social-icons-list zoom-social-icons-list--with-canvas zoom-social-icons-list--round zoom-social-icons-list--align-left zoom-social-icons-list--no-labels\">\n\n\t\t\n\t\t\t\t<li class=\"zoom-social_icons-list__item\">\n\t\t<a class=\"zoom-social_icons-list__link\" href=\"https:\/\/www.facebook.com\/profile.php?id=61579294864140\" target=\"_blank\" title=\"Facebook\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"screen-reader-text\">facebook<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"zoom-social_icons-list-span social-icon socicon socicon-facebook\" data-hover-rule=\"background-color\" data-hover-color=\"#0866FF\" style=\"background-color : #0866FF; font-size: 18px; padding:8px\" ><\/span>\n\t\t\t\n\t\t\t\t\t<\/a>\n\t<\/li>\n\n\t\n\t\t\t\t<li class=\"zoom-social_icons-list__item\">\n\t\t<a class=\"zoom-social_icons-list__link\" href=\"https:\/\/www.youtube.com\/@pipoinzagrados\" target=\"_blank\" title=\"YouTube\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"screen-reader-text\">youtube<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"zoom-social_icons-list-span social-icon socicon socicon-youtube\" data-hover-rule=\"background-color\" data-hover-color=\"#e02a20\" style=\"background-color : #e02a20; font-size: 18px; padding:8px\" ><\/span>\n\t\t\t\n\t\t\t\t\t<\/a>\n\t<\/li>\n\n\t\n\t\t\t\t<li class=\"zoom-social_icons-list__item\">\n\t\t<a class=\"zoom-social_icons-list__link\" href=\"https:\/\/www.instagram.com\/pipoinzagrados\/\" target=\"_blank\" title=\"Instagram\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"screen-reader-text\">instagram<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"zoom-social_icons-list-span social-icon socicon socicon-instagram\" data-hover-rule=\"background-color\" data-hover-color=\"#e4405f\" style=\"background-color : #e4405f; font-size: 18px; padding:8px\" ><\/span>\n\t\t\t\n\t\t\t\t\t<\/a>\n\t<\/li>\n\n\t\n\t\t\t\t<li class=\"zoom-social_icons-list__item\">\n\t\t<a class=\"zoom-social_icons-list__link\" href=\"https:\/\/www.tiktok.com\/@pipoinzagrados\" target=\"_blank\" title=\"Tiktok\" rel=\"noopener\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<span class=\"screen-reader-text\">tiktok<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"zoom-social_icons-list-span social-icon socicon socicon-tiktok\" data-hover-rule=\"background-color\" data-hover-color=\"#0a0404\" style=\"background-color : #0a0505; font-size: 18px; padding:8px\" ><\/span>\n\t\t\t\n\t\t\t\t\t<\/a>\n\t<\/li>\n\n\t\n<\/ul>\n\n\t\t<\/section><\/div>\n<div style=\"\n  margin:20px auto 0px auto;\n  text-align:center;\n  font-size:13px;\n  color:rgba(255,255,255,0.45);\n  letter-spacing:0.06em;\n  text-shadow:0 2px 10px rgba(0,0,0,0.6);\n\">\n  \u00a9 2026 Jim Rylie &amp;\n  <a href=\"https:\/\/studiomirrow.hu\" target=\"_blank\" rel=\"noopener\" style=\"\n       color:rgba(255,255,255,0.6);\n       text-decoration:none;\n       transition:color .2s ease, text-shadow .2s ease;\n     \" onmouseover=\"this.style.color=&#039;rgba(255,255,255,0.9)&#039;; this.style.textShadow=&#039;0 4px 14px rgba(0,0,0,0.\ud83d\ude0e&#039;;\" onmouseout=\"this.style.color=&#039;rgba(255,255,255,0.6)&#039;; this.style.textShadow=&#039;none&#039;;\">Studio Mirrow<\/a>\n  \u2013 Minden jog fenntartva.\n<\/div>\n<\/div>\n\n <div style=\"width:100%; text-align:center; margin-top:0px;\">\n  <a href=\"https:\/\/studiomirrow.hu\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;\">\n    <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/02\/logo-studiomirrow2.0.png\" alt=\"Studio Mirrow\" style=\"\n        display:block;\n        margin-left:auto;\n        margin-right:auto;\n        max-width:140px;\n        width:100%;\n        height:auto;\n        transition: transform 0.25s ease, filter 0.25s ease;\n        filter: drop-shadow(0 0 0 rgba(255,255,255,0));\n      \" onmouseover=\"\n        this.style.transform='scale(1.08)';\n        this.style.filter='drop-shadow(0 0 10px rgba(255,255,255,0.85))';\n      \" onmouseout=\"\n        this.style.transform='scale(1)';\n        this.style.filter='drop-shadow(0 0 0 rgba(255,255,255,0))';\n      \">\n  <\/a>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const logo = document.querySelector(\".zr-logo-g\");\n  const audio = document.getElementById(\"zr-audio\");\n\n  if (!logo || !audio) return;\n\n  logo.style.cursor = \"pointer\";\n\n  \/\/ alap hanger\u0151 (mindig)\n  audio.volume = 0.32;\n\n  logo.addEventListener(\"click\", async function () {\n    try {\n      if (audio.paused) {\n        await audio.play();\n        logo.classList.add(\"is-playing\");\n      } else {\n        audio.pause(); \/\/ pause \u2013 NEM null\u00e1zunk\n        logo.classList.remove(\"is-playing\");\n      }\n    } catch (e) {\n      console.log(\"Lej\u00e1tsz\u00e1s blokkolva:\", e);\n    }\n  });\n\n  \/\/ ha v\u00e9ge, akkor vissza\u00e1ll \"nem megy\"\n  audio.addEventListener(\"ended\", function () {\n    logo.classList.remove(\"is-playing\");\n    audio.currentTime = 0; \/\/ legk\u00f6zelebb a legelej\u00e9r\u0151l indul\n  });\n});\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ZARADOS Ismerd meg Pip\u00f3t a pingvint, aki lovag akart lenni. De Pip\u00f3nak semmi sem ment \u00fagy, mint a t\u00f6bbieknek. Egy m\u00e1gikus vil\u00e1g. Egy k\u00edv\u00fcl\u00e1ll\u00f3 pinguin. Egy elveszett m\u00falt. Fedezd fel a j\u00e9gmez\u0151k m\u00e9ly\u00e9n rejt\u0151z\u0151 titkokat ebben a leny\u0171g\u00f6z\u0151 mes\u00e9ben, amely egyszerre kedves \u00e9s epikus. Blog Ki \u00e1ll Zagrados m\u00f6g\u00f6tt? \u00cdrj nek\u00fcnk Hamarosan \u00c9rtes\u00edt\u00e9st k\u00e9rhetsz a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"default","has_hero_section":"disabled","disable_header":"no","disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_featured_image":"no","disable_share_box":"no","vertical_spacing_source":"custom","content_area_spacing":"none","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home","__id":"xyouP55iOVGFNMkNM__9l"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"VNGBgtF29AEzgXPT_sK6q","hero_item_spacing":"0"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"iQ02eSNcIs6rBueTfpztW"},{"id":"breadcrumbs","enabled":false,"__id":"xfv8Yg0BNT87MeHp_HOR9"}],"hero_margin":"0px","hero_alignment1":"center","hero_section":"type-1"},"_links":{"self":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":432,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":2684,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/2684"}],"wp:attachment":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}