{"id":2509,"date":"2026-04-04T07:27:36","date_gmt":"2026-04-04T07:27:36","guid":{"rendered":"https:\/\/pipokonyv.hu\/konyv\/?page_id=2509"},"modified":"2026-07-18T16:54:20","modified_gmt":"2026-07-18T16:54:20","slug":"zagrados-ebredes-album","status":"publish","type":"page","link":"https:\/\/pipokonyv.hu\/konyv\/index.php\/zagrados-ebredes-album\/","title":{"rendered":"Zagrados \u2013 \u00c9bred\u00e9s Album"},"content":{"rendered":"\n<section class=\"zr-album-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-album-wrap {\n      width: 100%;\n      max-width: var(--zr-max, 1600px);\n      margin: 26px auto 0 auto;\n      padding: 0 var(--zr-pad, clamp(16px, 3vw, 32px));\n      box-sizing: border-box;\n    }\n\n    \/* F\u0151 zenei k\u00e1rtya *\/\n    .zr-album-panel {\n      max-width: 980px;\n      margin: 0 auto 24px auto;\n      padding: clamp(22px, 3vw, 34px);\n      border-radius: 20px;\n\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(217,189,124,.28);\n      box-shadow: 0 18px 50px rgba(0,0,0,.22);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n\n      color: rgba(255,255,255,.92);\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      text-align: left;\n\n      transition:\n        transform .25s ease,\n        border-color .25s ease,\n        box-shadow .25s ease;\n    }\n\n    .zr-album-panel:hover {\n      transform: translateY(-4px);\n      border-color: rgba(217,189,124,.58);\n      box-shadow:\n        0 24px 60px rgba(0,0,0,.38),\n        inset 0 0 0 1px rgba(255,255,255,.055);\n    }\n\n    .zr-album-flex {\n      display: flex;\n      gap: 28px;\n      align-items: center;\n    }\n\n    .zr-album-image {\n      flex: 0 0 350px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .zr-album-image img {\n      display: block;\n      width: 100%;\n      max-width: 350px;\n      height: auto;\n      object-fit: contain;\n\n      filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));\n      transform: translateZ(0);\n      backface-visibility: hidden;\n\n      transition:\n        transform .35s ease,\n        filter .35s ease;\n    }\n\n    .zr-album-image:hover img {\n      transform: translateY(-6px) scale(1.015);\n      filter:\n        drop-shadow(0 28px 60px rgba(0,0,0,.45))\n        drop-shadow(0 0 18px rgba(120,180,255,.35))\n        drop-shadow(0 0 38px rgba(120,180,255,.18));\n    }\n\n    .zr-album-text {\n      flex: 1;\n      max-width: 78ch;\n      margin: 0;\n\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-size: clamp(15px, 1.3vw, 18px);\n      line-height: 1.55;\n      color: rgba(255,255,255,.78);\n    }\n\n    .zr-album-text p {\n      margin: 0 0 15px 0;\n    }\n\n    .zr-album-text p:first-child strong {\n      display: block;\n      margin: 0 0 20px 0;\n\n      font-family: Cinzel, serif;\n      font-size: clamp(22px, 2.2vw, 28px);\n      line-height: 1.2;\n      font-weight: 600;\n      color: #e6d7b9;\n    }\n\n    .zr-album-text strong {\n      font-weight: 600;\n      color: rgba(255,255,255,.92);\n    }\n\n    \/* K\u00e1rtya alatti k\u00fcl\u00f6n inform\u00e1ci\u00f3 *\/\n    .zr-album-note {\n      max-width: 920px;\n      margin: 0 auto 40px auto;\n      padding: 18px clamp(8px, 2vw, 20px);\n\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n      font-size: clamp(15px, 1.2vw, 17px);\n      line-height: 1.7;\n      color: rgba(255,255,255,.78);\n      text-align: left;\n    }\n\n    .zr-album-note-title {\n      margin: 0 0 16px 0;\n\n      font-family: Cinzel, serif;\n      font-size: clamp(20px, 2vw, 25px);\n      line-height: 1.2;\n      font-weight: 600;\n      color: #e6d7b9;\n    }\n\n    .zr-album-note p {\n      margin: 0 0 14px 0;\n    }\n\n    .zr-album-note strong {\n      color: rgba(217,189,124,.92);\n      font-weight: 600;\n    }\n\n    \/* Mobiln\u00e9zet *\/\n    @media (max-width: 900px) {\n      .zr-album-wrap {\n        margin-top: 20px;\n      }\n\n      .zr-album-panel {\n        padding: 20px 16px;\n      }\n\n      .zr-album-flex {\n        flex-direction: column;\n        gap: 18px;\n        align-items: center;\n      }\n\n      .zr-album-image {\n        flex: 1 1 auto;\n        width: 100%;\n      }\n\n      .zr-album-image img {\n        width: 100%;\n        max-width: 320px;\n        margin: 0 auto 4px auto;\n      }\n\n      .zr-album-text {\n        width: 100%;\n        line-height: 1.65;\n      }\n\n      .zr-album-note {\n        padding-left: 4px;\n        padding-right: 4px;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .zr-album-panel {\n        padding: 20px 14px;\n      }\n\n      .zr-album-text p:first-child strong {\n        font-size: clamp(21px, 6vw, 26px);\n      }\n    }\n  <\/style>\n\n  <!-- F\u0150 K\u00c1RTYA -->\n  <div class=\"zr-album-panel\">\n    <div class=\"zr-album-flex\">\n\n      <!-- K\u00c9P BAL OLDALT -->\n      <div class=\"zr-album-image\">\n        <img decoding=\"async\"\n          src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/04\/BORITO2.2.png\"\n          alt=\"A Zagrados \u2013 \u00c9bred\u00e9s zenei album bor\u00edt\u00f3ja\">\n      <\/div>\n\n      <!-- SZ\u00d6VEG JOBB OLDALT -->\n      <div class=\"zr-album-text\">\n        <p><strong>Zagrados \u2013 \u00c9bred\u00e9s<\/strong><\/p>\n\n        <p><strong>Az album k\u00e9t r\u00e9szben jelenik meg:<\/strong><\/p>\n\n        <p>\n          <strong>Els\u0151 r\u00e9sz \u2013 Cinematic Prelude<\/strong><br>\n          Az el\u0151rendel\u00e9s indul\u00e1s\u00e1val egy\u00fctt \u00e9rkezik. Egy els\u0151 betekint\u00e9s\n          Zagrados hangulat\u00e1ba, \u00e9s egy nyitott kapu a vil\u00e1g m\u00e9lyebb r\u00e9tegei fel\u00e9.\n        <\/p>\n\n        <p>\n          <strong>M\u00e1sodik r\u00e9sz<\/strong><br>\n          A k\u00f6nyv megjelen\u00e9se ut\u00e1n \u00e9rkezik. Tov\u00e1bbviszi azt, ami elkezd\u0151d\u00f6tt:\n          m\u00e9lyebbre, s\u00f6t\u00e9tebb \u00e9s er\u0151sebb hangulatokba.\n        <\/p>\n\n        <p>Ez a zenei anyag nem k\u00f6telez\u0151 r\u00e9sze a t\u00f6rt\u00e9netnek.<\/p>\n\n        <p>\n          De aki meghallgatja\u2026 egy m\u00e1sik m\u00f3don is bel\u00e9phet ebbe a vil\u00e1gba.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- K\u00dcL\u00d6N INFORM\u00c1CI\u00d3 A K\u00c1RTYA ALATT -->\n  <div class=\"zr-album-note\">\n    <h3 class=\"zr-album-note-title\">Hogyan sz\u00fclettek a zen\u00e9k?<\/h3>\n\n    <p>\n      A Zagrados zen\u00e9i nem egy k\u00e9sz t\u00f6rt\u00e9net mell\u00e9 k\u00e9sz\u00fcltek ut\u00f3lag.\n      <strong>Egy\u00fctt sz\u00fclettek a vil\u00e1ggal.<\/strong>\n    <\/p>\n\n    <p>\n      Sokszor el\u0151bb zen\u00e9ben j\u00e1rtam v\u00e9gig egy jelenetet. El\u0151bb a hangulat\u00e1t,\n      az \u00e9rz\u00e9s\u00e9t \u00e9s a mondanival\u00f3j\u00e1t tal\u00e1ltam meg, \u00e9s csak k\u00e9s\u0151bb lett bel\u0151le\n      le\u00edrt t\u00f6rt\u00e9net.\n    <\/p>\n\n    <p>\n      \u00cdgy haladtam v\u00e9gig Zagradoson: el\u0151sz\u00f6r zen\u00e9vel, azt\u00e1n sz\u00f6veggel,\n      v\u00e9g\u00fcl pedig k\u00e9pekben. A h\u00e1rom k\u00f6zben folyamatosan form\u00e1lta egym\u00e1st.\n      Egy dalb\u00f3l sz\u00fclethetett egy jelenet, egy k\u00e9pb\u0151l egy \u00faj gondolat,\n      egy meg\u00edrt r\u00e9sz pedig visszavezethetett egy m\u00e1sik hangulathoz.\n    <\/p>\n\n    <p>\n      Ez\u00e9rt ezek a zen\u00e9k nem egyszer\u0171 h\u00e1tt\u00e9rzen\u00e9k. Ink\u00e1bb olyan darabjai\n      a vil\u00e1gnak, amelyek ugyanazt a t\u00f6rt\u00e9netet egy m\u00e1sik oldalr\u00f3l mutatj\u00e1k meg.\n    <\/p>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Zagrados \u2013 \u00c9bred\u00e9s Az album k\u00e9t r\u00e9szben jelenik meg: Els\u0151 r\u00e9sz \u2013 Cinematic Prelude Az el\u0151rendel\u00e9s indul\u00e1s\u00e1val egy\u00fctt \u00e9rkezik. Egy els\u0151 betekint\u00e9s Zagrados hangulat\u00e1ba, \u00e9s egy nyitott kapu a vil\u00e1g m\u00e9lyebb r\u00e9tegei fel\u00e9. M\u00e1sodik r\u00e9sz A k\u00f6nyv megjelen\u00e9se ut\u00e1n \u00e9rkezik. Tov\u00e1bbviszi azt, ami elkezd\u0151d\u00f6tt: m\u00e9lyebbre, s\u00f6t\u00e9tebb \u00e9s er\u0151sebb hangulatokba. Ez a zenei anyag nem k\u00f6telez\u0151 [&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-2509","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/2509","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=2509"}],"version-history":[{"count":10,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/2509\/revisions"}],"predecessor-version":[{"id":3040,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/2509\/revisions\/3040"}],"wp:attachment":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/media?parent=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}