{"id":289,"date":"2026-01-22T19:19:09","date_gmt":"2026-01-22T19:19:09","guid":{"rendered":"https:\/\/pipokonyv.hu\/konyv\/?page_id=289"},"modified":"2026-07-24T19:53:47","modified_gmt":"2026-07-24T19:53:47","slug":"kepek","status":"publish","type":"page","link":"https:\/\/pipokonyv.hu\/konyv\/index.php\/kepek\/","title":{"rendered":"K\u00e9pek"},"content":{"rendered":"\n<style>\n\/* K\u00c9PEK OLDAL \u2013 ZAGRADOS *\/\n\n.zagrados-gallery {\n  position: relative;\n  overflow: hidden;\n\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  margin-top: -80px;\n  margin-bottom: -80px;\n\n  padding: 120px 22px 170px;\n  color: #f7f1e6;\n  background:\n    radial-gradient(ellipse at 50% -8%, rgba(109, 177, 207, 0.24), transparent 52%),\n    radial-gradient(circle at 18% 28%, rgba(44, 113, 150, 0.18), transparent 42%),\n    radial-gradient(circle at 82% 34%, rgba(82, 143, 170, 0.13), transparent 44%),\n    radial-gradient(circle at 50% 84%, rgba(217, 189, 124, 0.08), transparent 46%),\n    linear-gradient(\n      180deg,\n      rgba(6, 28, 48, 0.88) 0%,\n      rgba(4, 17, 34, 0.93) 48%,\n      rgba(3, 10, 22, 0.96) 100%\n    ),\n    url(\"HATTERKEP_URL_IDE\") center \/ cover no-repeat;\n  font-family: Georgia, \"Times New Roman\", serif;\n}\n\n.zagrados-gallery::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.22),\n      transparent 18%,\n      transparent 82%,\n      rgba(0, 0, 0, 0.22)\n    ),\n    radial-gradient(ellipse at 50% 12%, rgba(234, 220, 192, 0.055), transparent 38%),\n    radial-gradient(ellipse at 50% 55%, transparent 0%, rgba(0, 0, 0, 0.16) 82%);\n  pointer-events: none;\n}\n\n.zagrados-gallery-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1040px;\n  margin: 0 auto;\n}\n\n\/* FEJL\u00c9C *\/\n\n.zagrados-gallery-kicker {\n  text-align: center;\n  color: #d9bd7c;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-size: 0.78rem;\n  margin-bottom: 14px;\n}\n\n.zagrados-gallery-title {\n  margin: 0;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif;\n  font-size: clamp(1.9rem, 4.2vw, 3.4rem);\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  line-height: 1.08;\n  color: #e6d7b9;\n  text-shadow: 0 10px 24px rgba(0,0,0,0.35);\n}\n.zagrados-gallery-ornament {\n  width: 140px;\n  height: 1px;\n  margin: 24px auto 26px;\n  background: linear-gradient(90deg, transparent, #d9bd7c, transparent);\n  position: relative;\n}\n\n.zagrados-gallery-ornament::after {\n  content: \"\u2726\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -55%);\n  color: #d9bd7c;\n  background: rgba(7, 16, 28, 0.95);\n  padding: 0 12px;\n  font-size: 1rem;\n}\n\n.zagrados-gallery-intro {\n  max-width: 760px;\n  margin: 0 auto 64px;\n  text-align: center;\n  font-size: clamp(1.03rem, 1.5vw, 1.22rem);\n  line-height: 1.75;\n  color: rgba(255,255,255,0.84);\n}\n\n\/* GAL\u00c9RIA \u2013 BAL\/JOBB V\u00c1LTAKOZ\u00d3 ELRENDEZ\u00c9S *\/\n\n.zagrados-gallery-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n\n.zagrados-gallery-card {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  gap: 0;\n  border: 1px solid rgba(217, 189, 124, 0.30);\n  border-radius: 28px;\n  overflow: hidden;\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035));\n  box-shadow:\n    0 22px 60px rgba(0,0,0,0.38),\n    inset 0 0 0 1px rgba(255,255,255,0.055);\n  backdrop-filter: blur(12px);\n  transition:\n    transform 0.25s ease,\n    border-color 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.zagrados-gallery-card:nth-child(even) {\n  flex-direction: row-reverse;\n}\n\n.zagrados-gallery-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(217, 189, 124, 0.58);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.055));\n  box-shadow:\n    0 30px 75px rgba(0,0,0,0.46),\n    inset 0 0 0 1px rgba(255,255,255,0.075);\n}\n\n.zagrados-gallery-card::before {\n  content: \"\u2726\";\n  position: absolute;\n  top: 18px;\n  right: 22px;\n  z-index: 2;\n  color: #d9bd7c;\n  opacity: 0.9;\n  font-size: 0.95rem;\n  text-shadow: 0 4px 14px rgba(0,0,0,0.65);\n}\n\n.zagrados-gallery-image-wrap {\n  position: relative;\n  overflow: hidden;\n  flex: 0 0 56%;\n  background: rgba(0,0,0,0.22);\n}\n\n.zagrados-gallery-image-wrap::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      180deg,\n      transparent 58%,\n      rgba(5, 12, 22, 0.18) 100%\n    );\n  pointer-events: none;\n}\n\n.zagrados-gallery-card img {\n  width: 100%;\n  height: 100%;\n  min-height: 290px;\n  display: block;\n  object-fit: cover;\n  transition: transform 0.35s ease, filter 0.35s ease;\n}\n\n.zagrados-gallery-card:hover img {\n  transform: scale(1.025);\n  filter: brightness(1.04);\n}\n\n.zagrados-gallery-caption {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 30px 34px;\n}\n\n.zagrados-gallery-caption h3 {\n  margin: 0 0 12px;\n  font-family: \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif;\n  font-size: clamp(1.55rem, 2.35vw, 2.25rem);\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  color: #e6d7b9;\n  line-height: 1.12;\n  text-shadow: 0 10px 24px rgba(0,0,0,0.35);\n}\n\n.zagrados-gallery-caption p {\n  margin: 0;\n  color: rgba(255,255,255,0.78);\n  font-size: 1.08rem;\n  line-height: 1.68;\n}\n\n\/* KIEMELT \/ SZ\u00c9LES K\u00c1RTYA *\/\n\n.zagrados-gallery-card.zagrados-wide {\n  display: flex;\n}\n\n.zagrados-gallery-card.zagrados-wide .zagrados-gallery-caption {\n  text-align: left;\n}\n\n\/* FARKASOS \/ PAP\u00cdROSABB K\u00c9P FINOM KEZEL\u00c9SE *\/\n\n.zagrados-gallery-card.zagrados-paper {\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045));\n}\n\n.zagrados-gallery-card.zagrados-paper .zagrados-gallery-image-wrap {\n  background: rgba(255,255,255,0.86);\n}\n\n.zagrados-gallery-card.zagrados-paper img {\n  background: #f7f7f5;\n}\n\n\/* Z\u00c1R\u00d3 DOBOZ *\/\n\n.zagrados-gallery-ending {\n  max-width: 900px;\n  margin: 70px auto 0;\n  padding: 28px 26px 30px;\n  text-align: center;\n  border: 1px solid rgba(217, 189, 124, 0.28);\n  border-radius: 28px;\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035));\n  box-shadow:\n    0 22px 60px rgba(0,0,0,0.36),\n    inset 0 0 0 1px rgba(255,255,255,0.055);\n  backdrop-filter: blur(12px);\n}\n\n.zagrados-gallery-ending p {\n  margin: 0 0 20px;\n  color: rgba(255,255,255,0.80);\n  font-size: 1.08rem;\n  line-height: 1.65;\n}\n\n.zagrados-gallery-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 13px 22px;\n  border-radius: 999px;\n  border: 1px solid rgba(217, 189, 124, 0.55);\n  color: #f7f1e6;\n  text-decoration: none;\n  font-size: 0.98rem;\n  letter-spacing: 0.03em;\n  background:\n    linear-gradient(145deg, rgba(217, 189, 124, 0.30), rgba(70, 120, 160, 0.28));\n  box-shadow:\n    0 12px 32px rgba(0,0,0,0.28),\n    inset 0 0 0 1px rgba(255,255,255,0.05);\n  transition:\n    transform 0.22s ease,\n    border-color 0.22s ease,\n    background 0.22s ease,\n    box-shadow 0.22s ease;\n}\n\n.zagrados-gallery-button:hover {\n  transform: translateY(-2px);\n  border-color: rgba(217, 189, 124, 0.85);\n  background:\n    linear-gradient(145deg, rgba(217, 189, 124, 0.42), rgba(70, 120, 160, 0.36));\n  box-shadow:\n    0 16px 40px rgba(0,0,0,0.36),\n    0 0 24px rgba(217, 189, 124, 0.12);\n}\n\n\/* L\u00c1BL\u00c9C *\/\n\n.zagrados-gallery-footer {\n  margin: 42px auto 0;\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\n.zagrados-gallery-footer a {\n  color: rgba(255,255,255,0.6);\n  text-decoration: none;\n  transition: color 0.2s ease, text-shadow 0.2s ease;\n}\n\n.zagrados-gallery-footer a:hover {\n  color: rgba(255,255,255,0.9);\n  text-shadow: 0 4px 14px rgba(0,0,0,0.8);\n}\n\n\/* MOBIL \/ TABLET *\/\n\n@media (max-width: 980px) {\n  .zagrados-gallery-grid {\n    gap: 24px;\n  }\n\n  .zagrados-gallery-caption {\n    padding: 26px;\n  }\n\n  .zagrados-gallery-image-wrap {\n    flex-basis: 52%;\n  }\n\n  .zagrados-gallery-card img {\n    min-height: 260px;\n  }\n}\n\n@media (max-width: 760px) {\n  .zagrados-gallery {\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    margin-top: -60px;\n    margin-bottom: -60px;\n\n    padding: 90px 16px 132px;\n  }\n\n  .zagrados-gallery-intro {\n    margin-bottom: 46px;\n  }\n\n  .zagrados-gallery-grid {\n    gap: 24px;\n  }\n\n  .zagrados-gallery-card,\n  .zagrados-gallery-card:nth-child(even),\n  .zagrados-gallery-card.zagrados-wide {\n    flex-direction: column;\n  }\n\n  .zagrados-gallery-image-wrap {\n    flex-basis: auto;\n  }\n\n  .zagrados-gallery-card img {\n    height: auto;\n    min-height: 0;\n    object-fit: contain;\n  }\n\n  .zagrados-gallery-caption {\n    padding: 22px 20px 24px;\n  }\n\n  .zagrados-gallery-caption h3 {\n    font-size: 1.6rem;\n  }\n\n  .zagrados-gallery-caption p {\n    font-size: 0.97rem;\n  }\n\n  .zagrados-gallery-ending {\n    margin-top: 48px;\n    padding: 24px 20px 26px;\n  }\n}\n\/* Legals\u00f3 gal\u00e9ria gomb \u2013 ne v\u00e1ltson k\u00e9kre hoverkor *\/\n.zagrados-gallery .zagrados-gallery-button,\n.zagrados-gallery .zagrados-gallery-button:visited,\n.zagrados-gallery .zagrados-gallery-button:hover,\n.zagrados-gallery .zagrados-gallery-button:focus,\n.zagrados-gallery .zagrados-gallery-button:active {\n  color: #f7f1e6 !important;\n  text-decoration: none !important;\n}\n\/* \u00d6SSZES D\u00cdSZ\u00cdT\u0150 CSILLAG ELT\u00c1VOL\u00cdT\u00c1SA *\/\n.zagrados-gallery-title::before,\n.zagrados-gallery-title::after,\n.zagrados-gallery-card::before,\n.zagrados-gallery-card::after,\n.zagrados-gallery-image::before,\n.zagrados-gallery-image::after,\n.zagrados-gallery-frame::before,\n.zagrados-gallery-frame::after,\n.zagrados-group-frame::before,\n.zagrados-group-frame::after,\n.zagrados-character-card::before,\n.zagrados-character-card::after {\n  content: none !important;\n  display: none !important;\n}\n.zagrados-gallery-ornament::after {\n  content: none !important;\n  display: none !important;\n}\n<\/style>\n\n<section class=\"zagrados-gallery\" aria-label=\"Zagrados vil\u00e1g\u00e1nak k\u00e9pei\">\n  <div class=\"zagrados-gallery-inner\">\n\n    <div class=\"zagrados-gallery-kicker\">Vil\u00e1gr\u00e9szletek<\/div>\n\n    <h1 class=\"zagrados-gallery-title\">Zagrados nyomai<\/h1>\n\n    <div class=\"zagrados-gallery-ornament\"><\/div>\n\n    <p class=\"zagrados-gallery-intro\">\n      Helyek, jelek \u00e9s eml\u00e9kek egy vil\u00e1gb\u00f3l, ahol valami m\u00e1r r\u00e9gen elkezd\u0151d\u00f6tt.\n      A k\u00e9pek nemcsak jeleneteket mutatnak, hanem apr\u00f3 nyomokat is abb\u00f3l, ami Pip\u00f3 \u00fatja m\u00f6g\u00f6tt rejt\u0151zik.\n    <\/p>\n\n    <div class=\"zagrados-gallery-grid\">\n\n      <article class=\"zagrados-gallery-card\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/kapu1f.jpg\" alt=\"A kapu Zagrados vil\u00e1g\u00e1b\u00f3l\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>A kapu<\/h3>\n          <p>Egykor ez volt a bej\u00e1rat. De az m\u00e1r nagyon r\u00e9gen volt&#8230;<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/Zaviru-Conceptart2f.jpg\" alt=\"Az els\u0151 f\u00e9ny Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>Az els\u0151 f\u00e9ny<\/h3>\n          <p>Nem minden marad a s\u00f6t\u00e9tben&#8230;<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card zagrados-paper\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/farkasok1.jpg\" alt=\"Farkasok Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>Valami figyel&#8230;<\/h3>\n          <p>Nem vagytok egyed\u00fcl.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/tanacsterem4f.jpg\" alt=\"A termek Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>A termek<\/h3>\n          <p>Ahol egykor hangok t\u00f6lt\u00f6tt\u00e9k meg a teret. Most m\u00e1r csak eml\u00e9kek maradtak.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/barlang2.jpg\" alt=\"A barlang els\u0151 l\u00e9p\u00e9se Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>Az els\u0151 l\u00e9p\u00e9s<\/h3>\n          <p>Innen m\u00e1r nem ugyanaz az \u00fat vezet vissza.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/05\/kristaly3-1.jpg\" alt=\"Krist\u00e1ly a j\u00e9g alatt Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>A j\u00e9gnek is vannak titkai<\/h3>\n          <p>Vannak helyek, ahol a m\u00falt nem alszik, csak v\u00e1r.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-gallery-card zagrados-wide\">\n        <div class=\"zagrados-gallery-image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/06\/barlangi-jelek.jpg\" alt=\"Barlangi jelek Zagrados vil\u00e1g\u00e1ban\">\n        <\/div>\n        <div class=\"zagrados-gallery-caption\">\n          <h3>A m\u00falt jelei nem t\u0171nnek el<\/h3>\n          <p>A k\u0151 nem felejt.<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"zagrados-gallery-ending\">\n      <p>\n        \u00c9s valaki most el\u0151sz\u00f6r k\u00e9rdezi meg: mi van a j\u00e9g alatt?\n      <\/p>\n<a href=\"https:\/\/pipokonyv.hu\/konyv\/index.php\/a-vilag\/\" style=\"\n          display:inline-flex;\n          align-items:center;\n          justify-content:center;\n          padding:12px 16px;\n          border-radius:12px;\n          border:1px solid rgba(255,255,255,.16);\n          text-decoration:none;\n          color:rgba(255,255,255,.92);\n          font-weight:600;\n          background:rgba(255,255,255,.12);\n          backdrop-filter:blur(6px);\n          -webkit-backdrop-filter:blur(6px);\n          transition:background .22s ease, transform .22s ease, box-shadow .22s ease, filter .22s ease;\n        \" onmouseover=\"\n          this.style.background='rgba(18, 76, 125, .95)';\n          this.style.transform='translateY(-1px)';\n          this.style.boxShadow='0 10px 24px rgba(0,0,0,.28)';\n          this.style.filter='brightness(1.04)';\n        \" onmouseout=\"\n          this.style.background='rgba(255,255,255,.12)';\n          this.style.transform='translateY(0)';\n          this.style.boxShadow='none';\n          this.style.filter='none';\n        \">\n          Tov\u00e1bb a t\u00f6rt\u00e9nethez\n        <\/a>\n    <\/div>\n\n    <div class=\"zagrados-gallery-footer\">\n      \u00a9 2026 Jim Rylie &amp;\n      <a href=\"https:\/\/studiomirrow.hu\" target=\"_blank\" rel=\"noopener\">Studio Mirrow<\/a>\n      \u2013 Minden jog fenntartva.\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vil\u00e1gr\u00e9szletek Zagrados nyomai Helyek, jelek \u00e9s eml\u00e9kek egy vil\u00e1gb\u00f3l, ahol valami m\u00e1r r\u00e9gen elkezd\u0151d\u00f6tt. A k\u00e9pek nemcsak jeleneteket mutatnak, hanem apr\u00f3 nyomokat is abb\u00f3l, ami Pip\u00f3 \u00fatja m\u00f6g\u00f6tt rejt\u0151zik. A kapu Egykor ez volt a bej\u00e1rat. De az m\u00e1r nagyon r\u00e9gen volt&#8230; Az els\u0151 f\u00e9ny Nem minden marad a s\u00f6t\u00e9tben&#8230; Valami figyel&#8230; Nem vagytok egyed\u00fcl. [&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-289","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/289","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=289"}],"version-history":[{"count":55,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/289\/revisions"}],"predecessor-version":[{"id":3062,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/289\/revisions\/3062"}],"wp:attachment":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/media?parent=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}