{"id":665,"date":"2026-03-11T20:37:55","date_gmt":"2026-03-11T20:37:55","guid":{"rendered":"https:\/\/studiomirrow.hu\/studio\/?page_id=665"},"modified":"2026-08-02T06:42:53","modified_gmt":"2026-08-02T06:42:53","slug":"beyondthefold","status":"publish","type":"page","link":"https:\/\/studiomirrow.hu\/studio\/index.php\/beyondthefold\/","title":{"rendered":"beyondthefold"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-5253b711 wp-block-group-is-layout-flex has-background\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;min-height:0px;background-image:url(&apos;https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/02\/studimirrow-oldalhatter-1.jpg&apos;);background-size:cover;background-attachment:fixed;\">\n<section class=\"btf-page\" aria-label=\"Peremvid\u00e9k projektoldal\">\n  <style>\n    .btf-page{\n      --btf-max: 1200px;\n      --btf-pad: 0px;\n\n      --btf-cream: #efe4d2;\n      --btf-paper: rgba(248,241,231,.68);\n      --btf-paper-strong: rgba(248,241,231,.82);\nwidth:100%\nmargin:0\n\n      --btf-ink: #412b17;\n      --btf-brown: #6e4e27;\n      --btf-gold: #b88a43;\n      --btf-line: rgba(110,78,39,.22);\n      --btf-shadow: 0 14px 40px rgba(41, 24, 10, .10);\n\n      --btf-title-font: \"Cinzel\", \"Cormorant Garamond\", Georgia, serif;\n      --btf-body-font: \"Cormorant Garamond\", Georgia, serif;\n\n      --btf-bg: url(\"\");\n    }\n\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700;800&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');\n\n    .btf-page{\n      position: relative;\n      overflow: hidden;\n      color: var(--btf-ink);\n      font-family: var(--btf-body-font);\n      padding: clamp(48px, 8vw, 100px) var(--btf-pad) clamp(60px, 10vw, 120px);\n    }\n\n    .btf-shell{\n      position: relative;\n      z-index: 1;\n      max-width: var(--btf-max);\n      margin: 0 auto;\n    }\n\n    .btf-hero{\n      text-align: center;\n      max-width: 900px;\n      margin: 0 auto clamp(42px, 7vw, 76px);\n    }\n\n    .btf-eyebrow{\n      font-family: var(--btf-title-font);\n      text-transform: uppercase;\n      letter-spacing: .18em;\n      font-size: 13px;\n      color: rgba(65,43,23,.78);\n      margin-bottom: 14px;\n    }\n\n    .btf-title{\n      margin: 0;\n      font-family: var(--btf-title-font);\n      font-size: clamp(36px, 6vw, 72px);\n      line-height: .46;\n      letter-spacing: .02em;\n      color: var(--btf-brown);\n      text-transform: uppercase;\n      text-shadow: 0 1px 0 rgba(255,255,255,.45);\n    }\n\n    .btf-subtitle{\n      margin: 16px auto 0;\n      max-width: 760px;\n      font-size: clamp(20px, 2.2vw, 30px);\n      line-height: 1.45;\n      color: rgba(65,43,23,.90);\n      font-weight: 500;\n    }\n\n    .btf-showcase{\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: clamp(22px, 3vw, 36px);\n      align-items: stretch;\n      margin-bottom: clamp(20px, 3vw, 40px);\n    }\n\n    .btf-card{\n      background: var(--btf-paper);\n      border: 1px solid var(--btf-line);\n      border-radius: 22px;\n      box-shadow: var(--btf-shadow);\n      backdrop-filter: blur(3px);\n      -webkit-backdrop-filter: blur(3px);\n      overflow: hidden;\n      height: 100%;\n      box-sizing: border-box;\n    }\n\n    .btf-image-wrap{\n      padding: clamp(16px, 2vw, 22px);\n    }\n\n    .btf-image{\n      width: 100%;\n      display: block;\n      border-radius: 16px;\n      box-shadow: 0 10px 24px rgba(35,20,8,.12);\n    }\n\n    .btf-caption{\n      padding: 0 clamp(16px, 2vw, 22px) clamp(18px, 2.2vw, 24px);\n      text-align: center;\n    }\n\n    .btf-caption h3{\n      margin: 0 0 8px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(18px, 2vw, 24px);\n      color: var(--btf-brown);\n      letter-spacing: .02em;\n    }\n\n    .btf-caption p{\n      margin: 0;\n      font-size: clamp(16px, 1.45vw, 19px);\n      line-height: 1.55;\n      color: rgba(65,43,23,.84);\n    }\n\n    .btf-textblock{\n      background: var(--btf-paper-strong);\n      border: 1px solid var(--btf-line);\n      border-radius: 22px;\n      padding: clamp(22px, 3vw, 34px);\n      box-shadow: var(--btf-shadow);\n      height: 100%;\n      box-sizing: border-box;\n    }\n\n    .btf-section-title{\n      margin: 0 0 14px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(22px, 2.6vw, 34px);\n      color: var(--btf-brown);\n      letter-spacing: .04em;\n      text-transform: uppercase;\n    }\n\n    .btf-textblock p{\n      margin: 0 0 16px;\n      font-size: clamp(19px, 1.7vw, 24px);\n      line-height: 1.68;\n      color: rgba(45,30,17,.90);\n    }\n\n    .btf-textblock p:last-child{\n      margin-bottom: 0;\n    }\n\n    .btf-grid-2{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: clamp(20px, 3vw, 32px);\n      margin-bottom: clamp(40px, 7vw, 76px);\n    }\n\n    .btf-tracklist{\n      background: var(--btf-paper-strong);\n      border: 1px solid var(--btf-line);\n      border-radius: 20px;\n      padding: clamp(20px, 2.8vw, 30px);\n      box-shadow: var(--btf-shadow);\n    }\n\n    .btf-tracklist h3{\n      margin: 0 0 14px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(21px, 2.2vw, 28px);\n      color: var(--btf-brown);\n      text-transform: uppercase;\n      letter-spacing: .04em;\n    }\n\n    .btf-tracklist ol{\n      margin: 0;\n      padding-left: 1.2em;\n    }\n\n    .btf-tracklist li{\n      margin: 0 0 10px;\n      font-size: clamp(20px, 1.8vw, 25px);\n      line-height: 1.45;\n      color: rgba(45,30,17,.92);\n      font-weight: 600;\n    }\n\n    .btf-tracklist li:last-child{\n      margin-bottom: 0;\n    }\n\n    .btf-note{\n      background: rgba(255,247,235,.86);\n      border: 1px solid var(--btf-line);\n      border-radius: 20px;\n      padding: clamp(20px, 2.8vw, 30px);\n      box-shadow: var(--btf-shadow);\n    }\n\n    .btf-note h3{\n      margin: 0 0 14px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(21px, 2.2vw, 28px);\n      color: var(--btf-brown);\n      text-transform: uppercase;\n      letter-spacing: .04em;\n    }\n\n    .btf-note p{\n      margin: 0 0 14px;\n      font-size: clamp(18px, 1.55vw, 22px);\n      line-height: 1.65;\n      color: rgba(45,30,17,.90);\n    }\n\n    .btf-note p:last-child{\n      margin-bottom: 0;\n    }\n\n    .btf-physical{\n      margin-bottom: clamp(42px, 7vw, 76px);\n    }\n\n    .btf-physical-inner{\n      display:grid;\n      grid-template-columns: .8fr 1.2fr;\n      gap: clamp(22px, 3vw, 36px);\n      align-items: center;\n      background: var(--btf-paper);\n      border: 1px solid var(--btf-line);\n      border-radius: 24px;\n      padding: clamp(18px, 2.5vw, 26px);\n      box-shadow: var(--btf-shadow);\n    }\n\n    .btf-physical-copy h3{\n      margin: 0 0 12px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(22px, 2.4vw, 32px);\n      color: var(--btf-brown);\n      text-transform: uppercase;\n      letter-spacing: .04em;\n    }\n\n    .btf-physical-copy p{\n      margin: 0 0 14px;\n      font-size: clamp(18px, 1.55vw, 22px);\n      line-height: 1.65;\n      color: rgba(45,30,17,.90);\n    }\n\n    .btf-physical-copy p:last-child{\n      margin-bottom: 0;\n    }\n\n    .btf-callout{\n      text-align: center;\n      max-width: 880px;\n      margin: 0 auto;\n      background: var(--btf-paper-strong);\n      border: 1px solid var(--btf-line);\n      border-radius: 24px;\n      padding: clamp(26px, 4vw, 40px);\n      box-shadow: var(--btf-shadow);\n    }\n\n    .btf-callout h3{\n      margin: 0 0 12px;\n      font-family: var(--btf-title-font);\n      font-size: clamp(24px, 2.7vw, 36px);\n      color: var(--btf-brown);\n      text-transform: uppercase;\n      letter-spacing: .05em;\n    }\n\n    .btf-callout p{\n      margin: 0 auto 18px;\n      max-width: 760px;\n      font-size: clamp(19px, 1.7vw, 24px);\n      line-height: 1.65;\n      color: rgba(45,30,17,.90);\n    }\n\n    .btf-btn{\n      display:inline-block;\n      padding: 14px 28px;\n      border: 2px solid var(--btf-brown);\n      color: var(--btf-brown);\n      text-decoration: none;\n      text-transform: uppercase;\n      letter-spacing: .08em;\n      font-family: var(--btf-title-font);\n      font-size: 15px;\n      border-radius: 8px;\n      background: transparent;\n      transition: transform .16s ease, box-shadow .2s ease, background-color .2s ease;\n      box-shadow: 0 0 0 1px rgba(110,78,39,.14) inset;\n    }\n\n    .btf-btn:hover{\n      transform: translateY(-2px);\n      background: rgba(255,248,239,.7);\n      box-shadow: 0 10px 22px rgba(34,20,10,.08);\n    }\n\n    .btf-footer-note{\n      text-align:center;\n      margin-top: clamp(34px, 5vw, 52px);\n      font-size: 15px;\n      color: rgba(65,43,23,.70);\n      letter-spacing: .02em;\n    }\n\n    @media (max-width: 980px){\n      .btf-showcase{\n        grid-template-columns: 1fr;\n      }\n\n      .btf-grid-2{\n        grid-template-columns: 1fr;\n      }\n\n      .btf-physical-inner{\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px){\n      .btf-page{\n        padding-left: 14px;\n        padding-right: 14px;\n      }\n\n      .btf-title{\n        line-height: 1.02;\n      }\n\n      .btf-image-wrap{\n        padding: 14px;\n      }\n\n      .btf-caption{\n        padding: 0 14px 18px;\n      }\n    }\n  <\/style>\n\n  <div class=\"btf-shell\">\n\n    <header class=\"btf-hero\">\n  <div class=\"btf-eyebrow\">Studio Mirrow t\u00f6rt\u00e9net- \u00e9s zenei projekt<\/div>\n\n  <h1 class=\"btf-title\">Peremvid\u00e9k<\/h1>\n\n  <p class=\"btf-subtitle\">\n    A <em>Beyond the Fold<\/em> egy k\u00fcl\u00f6nleges hangulati projekt, amely az ismeretlen, a bels\u0151 utaz\u00e1s \u00e9s a vil\u00e1gon t\u00fali \u00e9rz\u00e9kel\u00e9s hat\u00e1r\u00e1n sz\u00fcletett \u00e9s\n    a <em>Peremvid\u00e9k<\/em> album zen\u00e9iben, k\u00e9peiben \u00e9s gondolati t\u00f6red\u00e9keiben\n    bontakozik ki. \n  <\/p>\n<\/header>\n\n    <section class=\"btf-showcase\">\n      <article class=\"btf-card\">\n        <div class=\"btf-image-wrap\">\n          <img decoding=\"async\" class=\"btf-image\" src=\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/07\/btf1v1.png\" alt=\"Beyond the Fold \/ Peremvid\u00e9k bor\u00edt\u00f3\">\n        <\/div>\n        <div class=\"btf-caption\">\n          <h3>Bor\u00edt\u00f3<\/h3>\n          <p>\n            A projekt hivatalos f\u0151bor\u00edt\u00f3ja. Ez az els\u0151 vizu\u00e1lis kapu a Peremvid\u00e9k vil\u00e1g\u00e1hoz.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <div class=\"btf-textblock\">\n        <h2 class=\"btf-section-title\">A projektr\u0151l<\/h2>\n        <p>\n          A <em>Beyond the Fold<\/em> az ismeretlen felfedez\u00e9s\u00e9r\u0151l sz\u00f3l\u00f3 zenei utaz\u00e1s.\n          Egy hat\u00e1rvid\u00e9k, ahol az \u00e9rz\u00e9kel\u00e9s pereme \u00e9s az ismer\u0151s vil\u00e1g m\u00f6g\u00f6tt\n          megb\u00fav\u00f3 csendes h\u00edv\u00e1s tal\u00e1lkozik.\n        <\/p>\n        <p>\n          A projekt a Studio Mirrow alkot\u00f3i vil\u00e1g\u00e1nak egy k\u00fcl\u00f6n \u00e1ga. A c\u00e9lja,\n          hogy a l\u00e1that\u00f3n t\u00falra n\u00e9zz\u00fcnk, \u00e9s valami t\u00f6bbet \u00e9rezz\u00fcnk ann\u00e1l,\n          mint amit a h\u00e9tk\u00f6znapi vil\u00e1g k\u00edn\u00e1l.\n        <\/p>\n        <p>\n          M\u00e9ly ritmusok, t\u00e1voli visszhangok \u00e9s atmoszf\u00e9rikus hangk\u00e9pek vezetik\n          a hallgat\u00f3t egy olyan t\u00e9r fel\u00e9, amely t\u00falmutat a h\u00e9tk\u00f6znapi val\u00f3s\u00e1gon.\n        <\/p>\n       <p>\n  Az album dalai egy bels\u0151 \u00e9s kozmikus utaz\u00e1s k\u00fcl\u00f6nb\u00f6z\u0151 \u00e1llom\u00e1sait jelen\u00edtik meg:\n  a tud\u00e1s s\u00faly\u00e1t, a csillagok halk h\u00edv\u00e1s\u00e1t, \u00e9s azt a pillanatot,\n  amikor az ember v\u00e9g\u00fcl meg\u00e9rkezik a peremhez.\n<\/p>\n<p>\n  A <em>Peremvid\u00e9k<\/em> c\u00edmad\u00f3 nyit\u00f3dala m\u00e1r meghallgathat\u00f3.\n  Az album tov\u00e1bbi sz\u00e1mai fokozatosan \u00e9rkeznek, \u00e9s ezen az oldalon\n  k\u00e9s\u0151bb a teljes zenei anyag egyben is el\u00e9rhet\u0151 lesz.\n<\/p>\n      <\/div>\n    <\/section>\n<!-- PEREMVID\u00c9K \u2013 \u00d6N\u00c1LL\u00d3, EGYBEN BEM\u00c1SOLHAT\u00d3 ALBUMLEJ\u00c1TSZ\u00d3 -->\n<section id=\"btf-peremvidek-player\" aria-label=\"Peremvid\u00e9k albumlej\u00e1tsz\u00f3\">\n  <style>\n    #btf-peremvidek-player{\n      --paper: var(--btf-paper-strong, rgba(248,241,231,.88));\n      --ink: var(--btf-ink, #412b17);\n      --brown: var(--btf-brown, #6e4e27);\n      --gold: var(--btf-gold, #b88a43);\n      --line: var(--btf-line, rgba(110,78,39,.22));\n      --shadow: var(--btf-shadow, 0 14px 40px rgba(41,24,10,.10));\n      --title-font: var(--btf-title-font, \"Cinzel\", Georgia, serif);\n      --body-font: var(--btf-body-font, \"Cormorant Garamond\", Georgia, serif);\n\n      font-family: var(--body-font);\n      color: var(--ink);\n      margin: 0 0 clamp(40px, 7vw, 76px);\n    }\n\n    #btf-peremvidek-player *{\n      box-sizing: border-box;\n    }\n\n    #btf-peremvidek-player .btf-player-box{\n      padding: clamp(18px, 3vw, 32px);\n      border: 1px solid var(--line);\n      border-radius: 24px;\n      background: var(--paper);\n      box-shadow: var(--shadow);\n    }\n\n    #btf-peremvidek-player .btf-player-top{\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      margin-bottom: 24px;\n    }\n\n    #btf-peremvidek-player .btf-player-kicker{\n      margin: 0 0 6px;\n      font-family: var(--title-font);\n      font-size: 12px;\n      letter-spacing: .16em;\n      text-transform: uppercase;\n      color: rgba(65,43,23,.68);\n    }\n\n    #btf-peremvidek-player h2{\n      margin: 0 0 8px;\n      font-family: var(--title-font);\n      font-size: clamp(24px, 3vw, 38px);\n      line-height: 1.15;\n      letter-spacing: .04em;\n      text-transform: uppercase;\n      color: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-player-intro{\n      margin: 0;\n      max-width: 680px;\n      font-size: clamp(18px, 1.55vw, 22px);\n      line-height: 1.55;\n      color: rgba(45,30,17,.88);\n    }\n\n    #btf-peremvidek-player .btf-album-badge{\n      flex: 0 0 auto;\n      max-width: 250px;\n      padding: 13px 17px;\n      border: 1px solid rgba(184,138,67,.42);\n      border-radius: 14px;\n      background: rgba(255,248,238,.72);\n      text-align: center;\n      font-family: var(--title-font);\n      font-size: 12px;\n      line-height: 1.45;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      color: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-album-badge strong{\n      display: block;\n      margin-top: 3px;\n      font-size: 13px;\n      color: var(--ink);\n    }\n\n    #btf-peremvidek-player .btf-player-grid{\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(250px, 32%);\n      gap: clamp(16px, 2.4vw, 28px);\n      align-items: stretch;\n    }\n\n    #btf-peremvidek-player .btf-video{\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: 18px;\n      background: #17120d;\n      box-shadow: 0 14px 32px rgba(35,20,8,.16);\n    }\n\n    #btf-peremvidek-player .btf-video iframe{\n      width: 100%;\n      height: 100%;\n      display: block;\n      border: 0;\n    }\n\n    #btf-peremvidek-player .btf-cover{\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      border: 0;\n      cursor: pointer;\n      overflow: hidden;\n      background: #17120d;\n    }\n\n    #btf-peremvidek-player .btf-cover::after{\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(22,13,6,.72), rgba(22,13,6,.04) 58%, rgba(22,13,6,.14));\n    }\n\n    #btf-peremvidek-player .btf-cover img{\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: cover;\n      transition: transform .3s ease;\n    }\n\n    #btf-peremvidek-player .btf-cover:hover img{\n      transform: scale(1.015);\n    }\n\n    #btf-peremvidek-player .btf-play{\n      position: absolute;\n      z-index: 2;\n      left: 50%;\n      top: 50%;\n      width: clamp(72px, 8vw, 98px);\n      height: clamp(50px, 5.6vw, 68px);\n      transform: translate(-50%, -50%);\n      display: grid;\n      place-items: center;\n      border-radius: 18px;\n      background: #ff0033;\n      box-shadow: 0 12px 30px rgba(0,0,0,.30);\n    }\n\n    #btf-peremvidek-player .btf-play svg{\n      width: 38%;\n      margin-left: 5%;\n      fill: #fff;\n    }\n\n    #btf-peremvidek-player .btf-play-label{\n      position: absolute;\n      z-index: 2;\n      left: 50%;\n      bottom: 22px;\n      transform: translateX(-50%);\n      padding: 9px 15px;\n      border: 1px solid rgba(255,255,255,.30);\n      border-radius: 999px;\n      background: rgba(20,12,7,.72);\n      color: #fff;\n      font-family: var(--title-font);\n      font-size: 12px;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    #btf-peremvidek-player .btf-now{\n      display: flex;\n      align-items: baseline;\n      justify-content: space-between;\n      gap: 18px;\n      padding: 15px 3px 0;\n    }\n\n    #btf-peremvidek-player .btf-now-title{\n      margin: 0;\n      font-family: var(--title-font);\n      font-size: clamp(18px, 2vw, 25px);\n      color: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-now-meta{\n      margin: 3px 0 0;\n      font-size: clamp(15px, 1.25vw, 18px);\n      color: rgba(65,43,23,.70);\n    }\n\n    #btf-peremvidek-player .btf-youtube-link{\n      flex: 0 0 auto;\n      color: var(--brown);\n      font-family: var(--title-font);\n      font-size: 12px;\n      letter-spacing: .07em;\n      text-decoration: none;\n      text-transform: uppercase;\n      border-bottom: 1px solid rgba(110,78,39,.38);\n    }\n\n    #btf-peremvidek-player .btf-playlist{\n      display: flex;\n      min-height: 100%;\n      overflow: hidden;\n      flex-direction: column;\n      border: 1px solid var(--line);\n      border-radius: 18px;\n      background: rgba(255,248,238,.58);\n    }\n\n    #btf-peremvidek-player .btf-playlist-head{\n      padding: 18px 18px 15px;\n      border-bottom: 1px solid rgba(110,78,39,.19);\n      background: linear-gradient(135deg, rgba(184,138,67,.13), rgba(255,248,238,.20));\n    }\n\n    #btf-peremvidek-player .btf-playlist-head p{\n      margin: 0 0 5px;\n      font-family: var(--title-font);\n      font-size: 11px;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n      color: rgba(65,43,23,.65);\n    }\n\n    #btf-peremvidek-player .btf-playlist-head h3{\n      margin: 0;\n      font-family: var(--title-font);\n      font-size: clamp(19px, 1.9vw, 25px);\n      color: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-playlist-head small{\n      display: block;\n      margin-top: 5px;\n      font-size: 16px;\n      color: rgba(65,43,23,.70);\n    }\n\n    #btf-peremvidek-player .btf-track-list{\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      padding: 10px;\n    }\n\n    #btf-peremvidek-player .btf-track{\n      width: 100%;\n      display: grid;\n      grid-template-columns: 38px minmax(0, 1fr) 27px;\n      gap: 10px;\n      align-items: center;\n      padding: 12px 10px;\n      border: 1px solid transparent;\n      border-radius: 12px;\n      background: transparent;\n      color: var(--ink);\n      text-align: left;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    #btf-peremvidek-player .btf-track:hover,\n    #btf-peremvidek-player .btf-track.is-active{\n      border-color: rgba(184,138,67,.43);\n      background: rgba(184,138,67,.13);\n    }\n\n    #btf-peremvidek-player .btf-track-number{\n      display: grid;\n      width: 34px;\n      height: 34px;\n      place-items: center;\n      border: 1px solid rgba(110,78,39,.25);\n      border-radius: 50%;\n      font-family: var(--title-font);\n      font-size: 12px;\n      color: var(--brown);\n      background: rgba(255,248,238,.64);\n    }\n\n    #btf-peremvidek-player .btf-track-name{\n      display: block;\n      overflow: hidden;\n      font-family: var(--title-font);\n      font-size: 15px;\n      color: var(--brown);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    #btf-peremvidek-player .btf-track-detail{\n      display: block;\n      margin-top: 4px;\n      overflow: hidden;\n      font-size: 14px;\n      color: rgba(65,43,23,.64);\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    #btf-peremvidek-player .btf-track-icon{\n      display: grid;\n      width: 26px;\n      height: 26px;\n      place-items: center;\n      border-radius: 50%;\n      background: rgba(110,78,39,.10);\n    }\n\n    #btf-peremvidek-player .btf-track-icon svg{\n      width: 11px;\n      margin-left: 2px;\n      fill: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-future{\n      margin-top: auto;\n      padding: 14px 17px 16px;\n      border-top: 1px solid rgba(110,78,39,.17);\n      font-size: 15px;\n      line-height: 1.45;\n      color: rgba(65,43,23,.72);\n      background: rgba(255,255,255,.25);\n    }\n\n    #btf-peremvidek-player .btf-future strong{\n      display: block;\n      margin-bottom: 3px;\n      font-family: var(--title-font);\n      font-size: 12px;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n      color: var(--brown);\n    }\n\n    #btf-peremvidek-player .btf-note{\n      margin: 17px 0 0;\n      text-align: center;\n      font-size: clamp(16px, 1.35vw, 19px);\n      line-height: 1.55;\n      color: rgba(65,43,23,.76);\n    }\n\n    @media (max-width: 980px){\n      #btf-peremvidek-player .btf-player-top{\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #btf-peremvidek-player .btf-player-grid{\n        grid-template-columns: 1fr;\n      }\n\n      #btf-peremvidek-player .btf-album-badge{\n        width: 100%;\n        max-width: none;\n      }\n    }\n\n    @media (max-width: 640px){\n      #btf-peremvidek-player .btf-now{\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      #btf-peremvidek-player .btf-play-label{\n        max-width: calc(100% - 28px);\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  <\/style>\n\n  <div class=\"btf-player-box\">\n    <div class=\"btf-player-top\">\n      <div>\n        <p class=\"btf-player-kicker\">A Peremvid\u00e9k dalai<\/p>\n        <h2>Albumlej\u00e1tsz\u00f3<\/h2>\n        <p class=\"btf-player-intro\">\n          V\u00e1lassz egy sz\u00e1mot az oldals\u00e1vb\u00f3l, majd ind\u00edtsd el a nagy YouTube-ikonnal.\n          A sz\u00e1m kiv\u00e1laszt\u00e1sa \u00f6nmag\u00e1ban nem ind\u00edtja el a lej\u00e1tsz\u00e1st.\n        <\/p>\n      <\/div>\n\n      <div class=\"btf-album-badge\">\n        A teljes album\n        <strong>itt is el\u00e9rhet\u0151 lesz egyben<\/strong>\n      <\/div>\n    <\/div>\n\n    <div class=\"btf-player-grid\">\n      <div>\n        <div class=\"btf-video\"><\/div>\n\n        <div class=\"btf-now\">\n          <div>\n            <h3 class=\"btf-now-title\">Peremvid\u00e9k<\/h3>\n            <p class=\"btf-now-meta\">01 \u00b7 C\u00edmad\u00f3 nyit\u00f3dal \u00b7 Extended Version<\/p>\n          <\/div>\n\n          <a class=\"btf-youtube-link\" href=\"https:\/\/www.youtube.com\/watch?v=QXBX0aYbDO4\" target=\"_blank\" rel=\"noopener noreferrer\">Megnyit\u00e1s a YouTube-on<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"btf-playlist\" aria-label=\"Peremvid\u00e9k sz\u00e1mlista\">\n        <div class=\"btf-playlist-head\">\n          <p>Beyond the Fold<\/p>\n          <h3>Peremvid\u00e9k<\/h3>\n          <small>1 el\u00e9rhet\u0151 sz\u00e1m<\/small>\n        <\/div>\n\n        <div class=\"btf-track-list\">\n          <button class=\"btf-track is-active\" type=\"button\" data-video-id=\"QXBX0aYbDO4\" data-track-number=\"01\" data-track-title=\"Peremvid\u00e9k\" data-track-detail=\"C\u00edmad\u00f3 nyit\u00f3dal \u00b7 Extended Version\" aria-current=\"true\">\n            <span class=\"btf-track-number\">01<\/span>\n\n            <span>\n              <span class=\"btf-track-name\">Peremvid\u00e9k<\/span>\n              <span class=\"btf-track-detail\">C\u00edmad\u00f3 nyit\u00f3dal<\/span>\n            <\/span>\n\n            <span class=\"btf-track-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M8 5v14l11-7z\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"btf-future\">\n          <strong>Az album b\u0151v\u00fcl<\/strong>\n          Az \u00faj dalok k\u00e9s\u0151bb ugyanebben az oldals\u00e1vban jelennek meg.\n        <\/div>\n      <\/aside>\n    <\/div>\n\n    <p class=\"btf-note\">\n      A lej\u00e1tsz\u00e1s csak a nagy YouTube-gomb megnyom\u00e1sakor indul el.\n    <\/p>\n<div style=\"\n  margin-top: 22px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(110,78,39,.22);\n  text-align: center;\n\">\n  <strong style=\"\n    display: block;\n    margin-bottom: 7px;\n    font-family: var(--btf-title-font, 'Cinzel', Georgia, serif);\n    color: var(--btf-brown, #6e4e27);\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  \">\n    Tov\u00e1bbi Beyond the Fold-dalok\n  <\/strong>\n\n  <p style=\"\n    margin: 0;\n    font-size: 17px;\n    line-height: 1.55;\n    color: rgba(65,43,23,.78);\n  \">\n    Az album r\u00e9sz\u00e9t nem k\u00e9pez\u0151 egy\u00e9b Beyond the Fold-dalainkat\n    <a href=\"https:\/\/www.youtube.com\/@beyondthefoldmusic\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#6e4e27; font-weight:600;\">a YouTube-csatorn\u00e1nkon tal\u00e1lj\u00e1tok<\/a>.\n  <\/p>\n<\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var player = document.getElementById(\"btf-peremvidek-player\");\n      if (!player) return;\n\n      var frame = player.querySelector(\".btf-video\");\n      var tracks = player.querySelectorAll(\".btf-track\");\n      var title = player.querySelector(\".btf-now-title\");\n      var meta = player.querySelector(\".btf-now-meta\");\n      var youtubeLink = player.querySelector(\".btf-youtube-link\");\n\n      function showCover(videoId, trackTitle){\n        frame.innerHTML =\n          '<button class=\"btf-cover\" type=\"button\" aria-label=\"' +\n          trackTitle.replace(\/\"\/g, \"&quot;\") +\n          ' c\u00edm\u0171 dal lej\u00e1tsz\u00e1sa\">' +\n            '<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/' + videoId + '\/maxresdefault.jpg\" alt=\"\">' +\n            '<span class=\"btf-play\" aria-hidden=\"true\">' +\n              '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg>' +\n            '<\/span>' +\n            '<span class=\"btf-play-label\">Lej\u00e1tsz\u00e1s a YouTube-on<\/span>' +\n          '<\/button>';\n\n        frame.querySelector(\".btf-cover\").addEventListener(\"click\", function(){\n          var iframe = document.createElement(\"iframe\");\n          iframe.src = \"https:\/\/www.youtube.com\/embed\/\" + videoId + \"?autoplay=1&rel=0\";\n          iframe.title = trackTitle + \" \u2013 YouTube vide\u00f3lej\u00e1tsz\u00f3\";\n          iframe.allow = \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\n          iframe.referrerPolicy = \"strict-origin-when-cross-origin\";\n          iframe.allowFullscreen = true;\n          frame.replaceChildren(iframe);\n        }, { once: true });\n      }\n\n      tracks.forEach(function(track){\n        track.addEventListener(\"click\", function(){\n          var videoId = track.dataset.videoId;\n          var trackNumber = track.dataset.trackNumber;\n          var trackTitle = track.dataset.trackTitle;\n          var trackDetail = track.dataset.trackDetail;\n\n          tracks.forEach(function(item){\n            item.classList.remove(\"is-active\");\n            item.removeAttribute(\"aria-current\");\n          });\n\n          track.classList.add(\"is-active\");\n          track.setAttribute(\"aria-current\", \"true\");\n\n          title.textContent = trackTitle;\n          meta.textContent = trackNumber + \" \u00b7 \" + trackDetail;\n          youtubeLink.href = \"https:\/\/www.youtube.com\/watch?v=\" + videoId;\n\n          \/* Csak kiv\u00e1lasztja a sz\u00e1mot, nem ind\u00edtja el. *\/\n          showCover(videoId, trackTitle);\n        });\n      });\n\n      showCover(\"QXBX0aYbDO4\", \"Peremvid\u00e9k\");\n    })();\n  <\/script>\n<\/section>\n<!-- PEREMVID\u00c9K LEJ\u00c1TSZ\u00d3 V\u00c9GE -->\n\n    <section class=\"btf-grid-2\">\n      <article class=\"btf-card\">\n        <div class=\"btf-image-wrap\">\n          <img decoding=\"async\" class=\"btf-image\" src=\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/07\/btf2.4m2.jpg\" alt=\"Peremvid\u00e9k h\u00e1toldal \/ tracklist \u00e9s le\u00edr\u00e1s\">\n        <\/div>\n        <div class=\"btf-caption\">\n          <h3>H\u00e1toldal \/ Tracklista<\/h3>\n          <p>\n  A projekt eredeti h\u00e1toldali terve, az els\u0151k\u00e9nt meg\u00e1lmodott h\u00e1rom t\u00e9tel\n  c\u00edm\u00e9vel \u00e9s r\u00f6vid le\u00edr\u00e1s\u00e1val.\n<\/p>\n        <\/div>\n      <\/article>\n\n      <div class=\"btf-tracklist\">\n        <h3>Mit jelent a Peremvid\u00e9k?<\/h3>\n        <p>\n          A Peremvid\u00e9k az a t\u00e9r, ahol az ember r\u00e1d\u00f6bben, hogy nem a k\u00f6z\u00e9ppontban \u00e1ll.\n          Egy k\u00fcls\u0151 peremen \u00e9l\u00fcnk, r\u00e9szleges tud\u00e1ssal, r\u00e9szleges l\u00e1t\u00e1ssal.\n          A Peremvid\u00e9k egyszerre jelenti ezt a kozmikus helyzetet \u00e9s azt a bels\u0151 \u00e1llapotot,\n          amikor az ember meg\u00e9rzi: a val\u00f3s\u00e1g t\u00f6bb ann\u00e1l, mint amit megszok\u00e1sb\u00f3l val\u00f3s\u00e1gnak nevez.\n        <\/p>\n        <p>\n          Ez a projekt ezt a hat\u00e1r\u00e9rz\u00e9st pr\u00f3b\u00e1lja zenei \u00e9s k\u00e9pi form\u00e1ban megjelen\u00edteni:\n          a bizonytalans\u00e1got, a vonz\u00e1st, az idegens\u00e9g sz\u00e9ps\u00e9g\u00e9t, \u00e9s azt a k\u00fcl\u00f6n\u00f6s nyitotts\u00e1got,\n          amikor az ember m\u00e1r nem teljesen tartozik a megszokotthoz.\n        <\/p>\n\n        <h3>Mi\u00e9rt fontos ez a projekt?<\/h3>\n        <p>\n          A Peremvid\u00e9k egy kis l\u00e9pt\u00e9k\u0171, de szem\u00e9lyes zenei projekt \u00e9s egy alkot\u00f3i ir\u00e1ny meg\u0151rz\u00e9se is.\n          Egy hely, ahol ezek a hangok \u00e9s gondolatok nem vesznek el, hanem form\u00e1t kapnak.\n        <\/p>\n       <p>\n  Az album dalain kereszt\u00fcl pr\u00f3b\u00e1l megfogni egy olyan \u00e9rz\u00e9st,\n  amely sok emberben ott van: hogy a vil\u00e1g tal\u00e1n nagyobb,\n  mint amit nap mint nap l\u00e1tunk.\n<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"btf-physical\">\n      <div class=\"btf-physical-inner\">\n        <article class=\"btf-card\">\n          <div class=\"btf-image-wrap\">\n            <img decoding=\"async\" class=\"btf-image\" src=\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/07\/btfcdv2.jpg\" alt=\"Peremvid\u00e9k fizikai CD bor\u00edt\u00f3terv\">\n          <\/div>\n        <\/article>\n\n        <div class=\"btf-physical-copy\">\n          <h3>Fizikai bor\u00edt\u00f3terv<\/h3>\n          <p>\n            A harmadik grafika a Peremvid\u00e9k fizikai CD-bor\u00edt\u00f3j\u00e1nak koncepci\u00f3ja. Ez m\u00e1r nem puszt\u00e1n\n            digit\u00e1lis bor\u00edt\u00f3k\u00e9nt m\u0171k\u00f6dik, hanem \u00fagy k\u00e9sz\u00fclt, mint egy k\u00e9zbe vehet\u0151 zenei kiadv\u00e1ny arca.\n          <\/p>\n          <p>\n            A c\u00e9l itt az volt, hogy a projekt ne csak hallhat\u00f3, hanem t\u00e1rgyk\u00e9nt is elk\u00e9pzelhet\u0151 legyen:\n            mint valami, ami megfoghat\u00f3, eltehet\u0151, visszan\u00e9zhet\u0151. Egy hangulati relikvia egy m\u00e1sik vil\u00e1gb\u00f3l.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n    <style>\n  .btf-process{\n    position: relative;\n    max-width: 920px;\n    margin: 0 auto clamp(34px, 6vw, 64px);\n    padding: clamp(25px, 3.5vw, 38px);\n    overflow: hidden;\n    text-align: center;\n    background:\n      linear-gradient(145deg, rgba(255,249,240,.92), rgba(244,232,214,.78));\n    border: 1px solid rgba(110,78,39,.22);\n    border-radius: 24px;\n    box-shadow: 0 14px 38px rgba(41,24,10,.09);\n  }\n\n  .btf-process::before{\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 0;\n    width: 150px;\n    height: 3px;\n    transform: translateX(-50%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--btf-gold, #b88a43),\n      transparent\n    );\n  }\n\n  .btf-process-label{\n    margin: 0 0 9px;\n    font-family: var(--btf-title-font, \"Cinzel\", Georgia, serif);\n    font-size: 11px;\n    letter-spacing: .17em;\n    text-transform: uppercase;\n    color: rgba(65,43,23,.62);\n  }\n\n  .btf-process h3{\n    margin: 0 0 13px;\n    font-family: var(--btf-title-font, \"Cinzel\", Georgia, serif);\n    font-size: clamp(22px, 2.4vw, 31px);\n    line-height: 1.2;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    color: var(--btf-brown, #6e4e27);\n  }\n\n  .btf-process p{\n    max-width: 790px;\n    margin: 0 auto;\n    font-size: clamp(18px, 1.55vw, 21px);\n    line-height: 1.68;\n    color: rgba(45,30,17,.86);\n  }\n<\/style>\n\n<section class=\"btf-process\" aria-label=\"Az alkot\u00f3i folyamatr\u00f3l\">\n  <h3>Az alkot\u00f3i folyamatr\u00f3l<\/h3>\n  <p>\n    A projekt dalai mesters\u00e9ges intelligenci\u00e1val t\u00e1mogatott alkot\u00f3i folyamatban k\u00e9sz\u00fclnek.\n    A koncepci\u00f3t, a dalsz\u00f6vegek v\u00e9gleges form\u00e1j\u00e1t, a zenei ir\u00e1nyt, a vizu\u00e1lis vil\u00e1got\n    \u00e9s a v\u00e9gleges v\u00e1ltozatok kiv\u00e1laszt\u00e1s\u00e1t Jim Rylie alak\u00edtja.\n  <\/p>\n<\/section>\n\n<section class=\"btf-callout\">\n  <h3>K\u00f6vesd a Peremvid\u00e9ket<\/h3>\n  <p>\n    A c\u00edmad\u00f3 nyit\u00f3dal m\u00e1r meghallgathat\u00f3, az album tov\u00e1bbi sz\u00e1mai pedig fokozatosan \u00e9rkeznek.\n    Az album r\u00e9sz\u00e9t nem k\u00e9pez\u0151 egy\u00e9b <em>Beyond the Fold<\/em>-dalokat is megtal\u00e1lod\n    a YouTube-csatorn\u00e1nkon.\n  <\/p>\n  <a class=\"btf-btn\" href=\"https:\/\/www.youtube.com\/@beyondthefoldmusic\" target=\"_blank\" rel=\"noopener noreferrer\">\n    YouTube-csatorna megnyit\u00e1sa\n  <\/a>\n<\/section>\n\n<div class=\"btf-footer-note\">\n  \u00a9 2026 Jim Rylie &amp; Studio Mirrow<br>\n  See Beyond. Feel More.<br>\n  Minden jog fenntartva.\n<\/div>\n\n<\/div>\n<style>\n  \/* Egys\u00e9ges, j\u00f3l olvashat\u00f3 sz\u00f6vegm\u00e9ret minden tartalmi blokkban *\/\n  .btf-caption p,\n  .btf-tracklist p,\n  .btf-note p,\n  .btf-physical-copy p,\n  .btf-callout p,\n  .btf-process p,\n  #btf-peremvidek-player .btf-player-intro,\n  #btf-peremvidek-player .btf-now-meta,\n  #btf-peremvidek-player .btf-future,\n  #btf-peremvidek-player .btf-note{\n    font-size: clamp(19px, 1.7vw, 24px) !important;\n    line-height: 1.68 !important;\n  }\n<\/style>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Studio Mirrow t\u00f6rt\u00e9net- \u00e9s zenei projekt Peremvid\u00e9k A Beyond the Fold egy k\u00fcl\u00f6nleges hangulati projekt, amely az ismeretlen, a bels\u0151 utaz\u00e1s \u00e9s a vil\u00e1gon t\u00fali \u00e9rz\u00e9kel\u00e9s hat\u00e1r\u00e1n sz\u00fcletett \u00e9s a Peremvid\u00e9k album zen\u00e9iben, k\u00e9peiben \u00e9s gondolati t\u00f6red\u00e9keiben bontakozik ki. Bor\u00edt\u00f3 A projekt hivatalos f\u0151bor\u00edt\u00f3ja. Ez az els\u0151 vizu\u00e1lis kapu a Peremvid\u00e9k vil\u00e1g\u00e1hoz. A projektr\u0151l A&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-665","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":92,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/media?parent=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}