{"id":10,"date":"2025-10-05T13:56:45","date_gmt":"2025-10-05T13:56:45","guid":{"rendered":"https:\/\/studiomirrow.hu\/studio\/?page_id=10"},"modified":"2026-08-21T17:13:14","modified_gmt":"2026-08-21T17:13:14","slug":"kezdolap","status":"publish","type":"page","link":"https:\/\/studiomirrow.hu\/studio\/","title":{"rendered":"Kezd\u0151lap"},"content":{"rendered":"\n<div class=\"wp-block-group hero-section is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-f5d0a36a wp-block-group-is-layout-flex has-background\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;min-height:1600px;padding-top:0;padding-bottom:0;background-image:url(&apos;https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/08\/hatter1-scaled.jpg&apos;);background-size:cover;background-attachment:scroll;\">\n<div class=\"wp-block-group wp-container-content-69bc4bdf is-layout-grid wp-container-core-group-is-layout-1e2e5166 wp-block-group-is-layout-grid\">\n<style>\n  html,\n  body{\n    overflow-x:clip;\n  }\n\n  .sm-home-unified{\n    position:relative;\n    left:50%;\n    width:100vw;\n    max-width:100vw;\n    margin:0;\n    transform:translateX(-50%);\n    overflow:hidden;\n\n    \/* A h\u00e1tt\u00e9r sz\u00e9less\u00e9g alapj\u00e1n m\u00e9retez\u0151dik, ez\u00e9rt a hossz\u00fa oldal\n       nem h\u00fazza sz\u00e9t \u00e9s nem nagy\u00edtja fel ar\u00e1nytalanul. *\/\n    background-color:#f8f1e4;\n    background-image:url(\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/08\/hatter1-2-scaled.jpg\");\n    background-repeat:no-repeat;\n    background-position:center top;\n    background-size:100% auto;\n  }\n\n  \/* A WordPress k\u00fcls\u0151 hero-h\u00e1ttere ne ism\u00e9tl\u0151dj\u00f6n a saj\u00e1t h\u00e1tt\u00e9r m\u00f6g\u00f6tt. *\/\n  .hero-section:has(.sm-home-unified),\n  body.home .hero-section{\n    background:none !important;\n  }\n\n  .hero-section:has(.sm-home-unified)::before,\n  body.home .hero-section::before{\n    content:none !important;\n    display:none !important;\n  }\n\n  .sm-home-unified,\n  .sm-home-unified *{\n    box-sizing:border-box;\n  }\n\n  \/* ===== HERO FELIRAT ===== *\/\n\n  .sm-hero-copy{\n    --gold:#b27a2e;\n    --gold-dark:#5b3c1c;\n    --ink:#3a2a18;\n\n    position:absolute;\n    inset:2rem auto auto 1.25rem;\n    z-index:10;\n    line-height:1.05;\n    user-select:none;\n    pointer-events:none;\n  }\n\n  .sm-top,\n  .sm-bottom{\n    font-family:\"Cormorant Garamond\",\"Times New Roman\",serif;\n    letter-spacing:.12em;\n    color:var(--ink);\n    text-transform:uppercase;\n    font-weight:600;\n    -webkit-text-stroke:.6px var(--gold-dark);\n    text-shadow:\n      0 1px 0 rgba(255,255,255,.25),\n      0 2px 2px rgba(0,0,0,.15);\n  }\n\n  .sm-top{\n    margin-bottom:.75rem;\n    font-size:clamp(14px,2.2vw,28px);\n  }\n\n  .sm-brand{\n    font-family:\"Cinzel\",\"Trajan Pro\",serif;\n    font-weight:700;\n    font-size:clamp(42px,9vw,140px);\n    line-height:.95;\n    color:var(--gold);\n    -webkit-text-stroke:2px var(--gold-dark);\n    text-shadow:\n      0 2px 0 rgba(255,255,255,.15),\n      0 3px 4px rgba(0,0,0,.25);\n  }\n\n  .sm-bottom{\n    margin-top:.85rem;\n    font-size:clamp(12px,2vw,22px);\n  }\n\n  \/* ===== TELJES OLDAL ===== *\/\n\n  .sm-home-mission{\n    position:relative;\n    z-index:4;\n    width:calc(100% - 40px);\n    max-width:none;\n    margin:0 auto;\n    padding:0 0 80px;\n    color:#5b3c1c;\n    font-family:'Cormorant Garamond',serif;\n    line-height:1.8;\n    background:transparent !important;\n  }\n\n  .sm-mission-inner{\n    width:100%;\n    max-width:none;\n    margin:0 auto;\n    padding-top:clamp(300px,30vw,400px);\n    text-align:center;\n    display:flex;\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  \/* ===== PROJEKTK\u00c1RTY\u00c1K ===== *\/\n\n  .sm-projects{\n    width:fit-content;\n    max-width:470px;\n    margin:0 0 42px clamp(108px,10vw,145px);\n    display:grid;\n    grid-template-columns:repeat(2,178px);\n    gap:22px;\n    align-items:start;\n    justify-content:start;\n    justify-items:center;\n  }\n\n  .sm-project-card{\n    width:178px;\n    display:block;\n    overflow:hidden;\n    color:inherit;\n    text-decoration:none;\n    background:rgba(245,239,230,.20);\n    border:1px solid rgba(139,107,67,.16);\n    border-radius:10px;\n    box-shadow:0 8px 20px rgba(91,60,28,.06);\n    backdrop-filter:blur(2px);\n    -webkit-backdrop-filter:blur(2px);\n    transition:transform .22s ease,box-shadow .22s ease;\n  }\n\n  .sm-project-card:hover{\n    transform:translateY(-6px) scale(1.02);\n    box-shadow:0 18px 30px rgba(91,60,28,.14);\n  }\n\n  .sm-project-poster{\n    width:178px;\n    height:252px;\n    overflow:hidden;\n    background:rgba(245,239,230,.55);\n  }\n\n  .sm-project-poster img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    object-position:center;\n  }\n\n  .sm-project-body{\n    padding:10px 10px 12px;\n    text-align:center;\n  }\n\n  .sm-project-type{\n    margin-bottom:6px;\n    color:#8b6b43;\n    font-family:'Cinzel',serif;\n    font-size:12px;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n  }\n\n  .sm-project-title{\n    margin:0 0 6px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:17px;\n    font-weight:700;\n  }\n\n  .sm-project-desc{\n    margin:0 0 6px;\n    color:rgba(30,24,16,.80);\n    font-size:15px;\n    line-height:1.45;\n  }\n\n  .sm-project-meta{\n    margin:0;\n    color:#4a3824;\n    font-size:12px;\n  }\n\n  \/* ===== K\u00d6Z\u00d6S \u00dcVEGK\u00c1RTYA-MEGJELEN\u00c9S ===== *\/\n\n  .sm-info-card,\n  .sm-video-card{\n    background:rgba(245,239,230,.22);\n    border:1px solid rgba(139,107,67,.18);\n    border-radius:12px;\n    box-shadow:0 8px 20px rgba(91,60,28,.06);\n    backdrop-filter:blur(2px);\n    -webkit-backdrop-filter:blur(2px);\n  }\n\n  \/* ===== K\u00dcLDET\u00c9SK\u00c1RTYA ===== *\/\n\n  .sm-info-center{\n    width:100%;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:flex-start;\n    gap:16px;\n  }\n\n  .sm-info-card{\n    width:100%;\n    max-width:760px;\n    padding:26px 28px 30px;\n  }\n\n  \/* ===== LEGFRISSEBB KIEMELT TARTALOM ===== *\/\n\n  .sm-featured-latest{\n    width:100%;\n    max-width:760px;\n    min-height:0;\n    flex:1 1 auto;\n    padding:16px 18px;\n    overflow:hidden;\n    color:#5b3c1c;\n    text-align:left;\n    background:rgba(245,239,230,.28);\n    border:1px solid rgba(139,107,67,.18);\n    border-radius:12px;\n    box-shadow:0 8px 20px rgba(91,60,28,.06);\n    backdrop-filter:blur(2px);\n    -webkit-backdrop-filter:blur(2px);\n  }\n\n  .sm-featured-label{\n    margin:0 0 8px;\n    color:#8b6b43;\n    font-family:'Cinzel',serif;\n    font-size:12px;\n    font-weight:600;\n    line-height:1.3;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n  }\n\n  .sm-featured-link{\n    display:flex;\n    align-items:center;\n    gap:16px;\n    color:inherit;\n    text-decoration:none;\n  }\n\n  .sm-featured-image{\n    flex:0 0 112px;\n    width:112px;\n    height:112px;\n    display:block;\n    object-fit:cover;\n    object-position:center;\n    border-radius:9px;\n    border:1px solid rgba(139,107,67,.16);\n    background:rgba(245,239,230,.55);\n  }\n\n  .sm-featured-copy{\n    flex:1 1 auto;\n    min-width:0;\n  }\n\n  .sm-featured-date{\n    display:block;\n    margin-bottom:3px;\n    color:#8b6b43;\n    font-size:12px;\n    line-height:1.3;\n  }\n\n  .sm-home-mission .sm-featured-title{\n    display:block;\n    margin:0 0 5px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:18px;\n    font-weight:700;\n    line-height:1.3;\n    text-transform:none;\n  }\n\n  .sm-featured-excerpt{\n    display:block;\n    color:#4a3824;\n    font-size:15px;\n    line-height:1.4;\n  }\n\n  .sm-featured-link:hover .sm-featured-title,\n  .sm-featured-link:focus-visible .sm-featured-title{\n    text-decoration:underline;\n  }\n\n  .sm-featured-link:focus-visible{\n    outline:1px solid rgba(110,78,39,.45);\n    outline-offset:4px;\n  }\n\n  .sm-home-mission h2{\n    margin:0 0 14px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:clamp(24px,2.2vw,30px);\n    letter-spacing:1.8px;\n    text-align:center;\n    text-transform:uppercase;\n  }\n\n  .sm-home-mission .sm-mission-text p{\n    margin:0 auto;\n    font-size:clamp(20px,2vw,24px);\n    max-width:760px;\n    line-height:1.72;\n    color:rgba(30,24,16,.86);\n    text-align:center;\n  }\n\n  .sm-after-mission{\n    margin-top:28px;\n    text-align:center;\n  }\n\n  .sm-btn-outline{\n    display:inline-block;\n    padding:12px 28px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    text-decoration:none;\n    text-transform:uppercase;\n    background:transparent;\n    border:2px solid #6e4e27;\n    border-radius:4px;\n    box-shadow:0 0 0 1px rgba(110,78,39,.25) inset;\n    transition:\n      transform .15s ease,\n      box-shadow .2s ease,\n      background-color .2s;\n  }\n\n  .sm-btn-outline:hover,\n  .sm-btn-outline:focus{\n    color:#6e4e27;\n    background:rgba(245,239,230,.70);\n    box-shadow:0 6px 16px rgba(0,0,0,.08);\n    transform:translateY(-1px);\n  }\n\n  \/* ===== STABIL H\u00c1ROMOSZLOPOS M\u00c9DIAELRENDEZ\u00c9S ===== *\/\n\n  .sm-media-layout{\n    width:100%;\n    max-width:1280px;\n    margin:42px auto 0;\n    display:grid;\n    grid-template-columns:\n      minmax(245px,1fr)\n      minmax(245px,1fr)\n      minmax(500px,2fr);\n    grid-template-areas:\n      \"talpra tiktok pingvin\"\n      \".      tiktok csillagok\";\n    gap:28px 24px;\n    align-items:start;\n  }\n\n  .sm-card-talpra{\n    grid-area:talpra;\n  }\n\n  .sm-card-tiktok{\n    grid-area:tiktok;\n  }\n\n  .sm-card-pingvin{\n    grid-area:pingvin;\n  }\n\n  .sm-card-csillagok{\n    grid-area:csillagok;\n  }\n\n  .video-item{\n    width:100%;\n    min-width:0;\n    margin:0;\n    padding:24px;\n    text-align:center;\n  }\n\n  .sm-home-mission .video-item h3{\n    margin:0 0 12px 0;\n    font-family:'Cinzel',serif;\n    font-size:24px;\n    letter-spacing:1px;\n    color:#6e4e27;\n    text-transform:uppercase;\n    text-align:center;\n  }\n\n  .sm-home-mission .video-item p{\n    margin:0 0 20px 0;\n    font-size:19px;\n    line-height:1.65;\n    color:rgba(30,24,16,.90);\n    text-align:center;\n  }\n\n  \/* ===== K\u00c9ZZEL BEILLESZTHET\u0150 YOUTUBE IFRAME ===== *\/\n\n  .sm-youtube-embed{\n    width:100%;\n    max-width:100%;\n    margin:0 auto;\n  }\n\n  .sm-youtube-embed iframe,\n  .video-item iframe{\n    width:100%;\n    max-width:100%;\n    height:auto;\n    aspect-ratio:16 \/ 9;\n    display:block;\n    margin:0 auto;\n    border:0;\n    border-radius:12px;\n  }\n\n  \/* ===== TIKTOK ===== *\/\n\n  .sm-tiktok-wrap{\n    width:100%;\n    min-width:0;\n    min-height:580px;\n    display:flex;\n    justify-content:center;\n    overflow:hidden;\n    border-radius:12px;\n  }\n\n  .sm-tiktok-wrap .tiktok-embed{\n    width:100% !important;\n    max-width:100% !important;\n    min-width:0 !important;\n    min-height:580px;\n    margin:0 auto !important;\n    overflow:hidden;\n    border:0 !important;\n    border-radius:12px;\n    box-shadow:none !important;\n  }\n\n  .sm-tiktok-wrap iframe{\n    width:calc(100% + 25px) !important;\n    max-width:none !important;\n    margin-right:-18px !important;\n    margin-left:-18px !important;\n    border:0 !important;\n    box-shadow:none !important;\n  }\n\n  \/* ===== L\u00c1BL\u00c9C ===== *\/\n\n  .sm-home-footer{\n    width:100%;\n    max-width:800px;\n    margin:72px auto 0;\n    padding-top:24px;\n    color:#5b3c1c;\n    font-size:14px;\n    letter-spacing:.3px;\n    text-align:center;\n    background:transparent !important;\n    border-top:1px solid rgba(139,107,67,.25);\n    opacity:.75;\n  }\n\n\n  \/* ===== ZAGRADOS BLOGJA ===== *\/\n\n  .sm-blog-panel{\n    width:410px;\n    height:500px;\n    margin:0 0 42px clamp(108px,10vw,145px);\n    padding:22px 20px 20px;\n    overflow:hidden;\n    color:#5b3c1c;\n    text-align:left;\n    background:rgba(245,239,230,.32);\n    border:1px solid rgba(139,107,67,.18);\n    border-radius:12px;\n    box-shadow:0 8px 20px rgba(91,60,28,.06);\n    backdrop-filter:blur(2px);\n    -webkit-backdrop-filter:blur(2px);\n  }\n\n  .sm-home-mission .sm-blog-title{\n    margin:0 0 3px !important;\n    padding:0 !important;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:21px !important;\n    line-height:1.22 !important;\n    letter-spacing:.4px;\n    text-align:left;\n    text-transform:none;\n  }\n\n  .sm-blog-panel .sm-blog-subtitle{\n    margin:0 0 4px !important;\n    padding:0 !important;\n    color:#4a3824;\n    font-family:'Cormorant Garamond',serif;\n    font-size:14px !important;\n    font-style:italic;\n    line-height:1.3 !important;\n    letter-spacing:.1px;\n  }\n\n  .sm-blog-panel .sm-blog-intro{\n    margin:0 0 10px !important;\n    padding:0 !important;\n    color:#4a3824;\n    font-size:14px !important;\n    line-height:1.35 !important;\n  }\n\n  .sm-blog-scroll{\n    height:395px;\n    padding-right:9px;\n    overflow-y:auto;\n    overscroll-behavior:contain;\n    scrollbar-width:thin;\n  }\n\n  .sm-blog-list{\n    display:flex;\n    flex-direction:column;\n    gap:0;\n  }\n\n  .sm-blog-entry{\n    display:flex;\n    align-items:flex-start;\n    gap:11px;\n    padding:13px 3px 14px;\n    color:inherit;\n    text-decoration:none;\n    border-bottom:1px solid rgba(139,107,67,.18);\n    transition:background-color .18s ease,transform .18s ease;\n  }\n\n  .sm-blog-thumb{\n    flex:0 0 76px;\n    width:76px;\n    height:76px;\n    display:block;\n    object-fit:cover;\n    object-position:center;\n    border-radius:7px;\n    border:1px solid rgba(139,107,67,.16);\n    background:rgba(245,239,230,.55);\n  }\n\n  .sm-blog-entry-copy{\n    flex:1 1 auto;\n    min-width:0;\n  }\n\n  .sm-blog-entry:first-child{\n    padding-top:2px;\n  }\n\n  .sm-blog-entry:hover,\n  .sm-blog-entry:focus-visible{\n    background:rgba(248,241,228,.45);\n    transform:translateX(2px);\n    outline:none;\n  }\n\n  .sm-blog-date{\n    display:block;\n    margin-bottom:4px;\n    color:#8b6b43;\n    font-size:12px;\n    line-height:1.3;\n    letter-spacing:.3px;\n  }\n\n  .sm-blog-entry-title{\n    display:block;\n    margin-bottom:4px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:16px;\n    font-weight:700;\n    line-height:1.35;\n  }\n\n  .sm-blog-excerpt{\n    display:block;\n    color:rgba(30,24,16,.82);\n    font-size:15px;\n    line-height:1.42;\n  }\n\n  .sm-blog-status{\n    margin:8px 0 0;\n    color:#8b6b43;\n    font-size:15px;\n    line-height:1.45;\n  }\n\n  @media (min-width:901px){\n    .sm-blog-panel{\n      position:absolute;\n      top:calc(clamp(300px,30vw,400px) + 488px);\n      left:clamp(108px,10vw,145px);\n      margin:0;\n    }\n\n    .sm-info-center{\n      position:absolute;\n      top:calc(clamp(300px,30vw,400px) + 488px);\n      left:calc(clamp(108px,10vw,145px) + 432px);\n      z-index:6;\n      width:min(700px,calc(100vw - clamp(108px,10vw,145px) - 462px));\n      height:500px;\n      display:flex;\n    }\n\n    .sm-info-center .sm-info-card,\n    .sm-info-center .sm-featured-latest{\n      max-width:none;\n    }\n\n    .sm-mission-inner{\n      \/* A Blog \u00e9s a jobb oldali k\u00e9t blokk alja egy vonalban van.\n         A vide\u00f3s sor ezut\u00e1n kb. 28 px-es h\u00e9zaggal k\u00f6vetkezik. *\/\n      min-height:calc(clamp(300px,30vw,400px) + 974px);\n    }\n  }\n\n  \/* ===== K\u00d6ZEPES K\u00c9PERNY\u0150 ===== *\/\n\n  @media (max-width:1100px){\n    .sm-home-mission{\n      width:min(94%,980px);\n    }\n\n    .sm-media-layout{\n      max-width:900px;\n      grid-template-columns:repeat(2,minmax(0,1fr));\n      grid-template-areas:\n        \"talpra pingvin\"\n        \"tiktok csillagok\";\n      gap:34px 24px;\n    }\n  }\n\n  @media (max-width:900px){\n    .sm-mission-inner{\n      padding-top:clamp(290px,42vw,390px);\n    }\n\n    .sm-projects{\n      width:fit-content;\n      max-width:336px;\n      grid-template-columns:repeat(2,160px);\n      gap:16px;\n      margin:0 auto 34px;\n    }\n\n    .sm-project-card,\n    .sm-project-poster{\n      width:160px;\n    }\n\n    .sm-project-poster{\n      height:226px;\n    }\n\n    .sm-blog-panel{\n      width:min(100%,760px);\n      height:500px;\n      margin:0 auto 34px;\n    }\n\n    .sm-info-center{\n      width:min(100%,760px);\n      margin:0 auto 34px;\n    }\n\n    .sm-featured-latest{\n      width:100%;\n    }\n\n    .sm-mission-text p{\n      font-size:20px;\n    }\n  }\n\n  \/* ===== MOBIL ===== *\/\n\n  @media (max-width:560px){\n    .sm-home-mission{\n      width:100%;\n      max-width:100%;\n      margin:0 auto;\n      padding:0 12px 40px;\n    }\n\n    .sm-hero-copy{\n      inset:1.25rem auto auto 1rem;\n    }\n\n    .sm-brand{\n      font-size:clamp(42px,9vw,140px);\n      -webkit-text-stroke:1.5px var(--gold-dark);\n    }\n\n    .sm-mission-inner{\n      width:100%;\n      max-width:100%;\n      padding-top:130px;\n    }\n\n    .sm-projects{\n      width:100%;\n      max-width:220px;\n      grid-template-columns:1fr;\n      gap:18px;\n      margin:-10px auto 28px;\n    }\n\n    .sm-project-card{\n      width:186px;\n    }\n\n    .sm-project-poster{\n      width:186px;\n      height:264px;\n    }\n\n    .sm-info-card{\n      width:100%;\n      max-width:520px;\n      padding:22px 16px 26px;\n    }\n\n    .sm-blog-panel{\n      width:100%;\n      max-width:520px;\n      height:470px;\n      margin:0 auto 28px;\n      padding:20px 15px 18px;\n    }\n\n    .sm-blog-scroll{\n      height:366px;\n    }\n\n    .sm-info-center{\n      width:100%;\n      max-width:520px;\n      margin:0 auto 28px;\n      gap:14px;\n    }\n\n    .sm-featured-latest{\n      width:100%;\n      max-width:520px;\n      padding:15px;\n    }\n\n    .sm-featured-link{\n      align-items:flex-start;\n      gap:12px;\n    }\n\n    .sm-featured-image{\n      flex-basis:86px;\n      width:86px;\n      height:86px;\n    }\n\n    .sm-home-mission .sm-featured-title{\n      font-size:16px;\n    }\n\n    .sm-featured-excerpt{\n      font-size:14px;\n    }\n\n    .sm-blog-thumb{\n      flex-basis:68px;\n      width:68px;\n      height:68px;\n    }\n\n    .sm-home-mission .sm-blog-title{\n      font-size:20px !important;\n    }\n\n    .sm-home-mission h2{\n      font-size:23px;\n    }\n\n    .sm-home-mission .sm-mission-text p{\n      font-size:19px;\n      padding:0;\n      margin:0 auto;\n      text-align:center;\n    }\n\n    .sm-media-layout{\n      width:100%;\n      max-width:520px;\n      margin-top:42px;\n      grid-template-columns:1fr;\n      grid-template-areas:\n        \"talpra\"\n        \"tiktok\"\n        \"pingvin\"\n        \"csillagok\";\n      gap:34px;\n    }\n\n    .video-item{\n      width:100%;\n      max-width:520px;\n      margin:0 auto;\n      padding:16px 12px;\n    }\n\n    .sm-home-mission .video-item h3{\n      text-align:center;\n      font-size:22px;\n    }\n\n    .sm-home-mission .video-item p{\n      font-size:18px;\n      text-align:center;\n    }\n\n    .sm-home-footer{\n      max-width:520px;\n      margin-top:54px;\n      padding-top:18px;\n    }\n  }\n\n  \/* Mobilon a portr\u00e9 h\u00e1tteret magasabbra m\u00e9retezz\u00fck, de tov\u00e1bbra sem fixed. *\/\n  @media (max-width:768px){\n    .sm-home-unified{\n      background-size:auto 1100px;\n      background-position:center top;\n    }\n  }\n\n  \/* A projektk\u00e1rty\u00e1k k\u00e9pek alatti tipogr\u00e1fi\u00e1ja \u2013 a r\u00e9gi k\u00f3d pontos m\u00e9retei *\/\n  .sm-home-mission .sm-project-type{\n    font-family:'Cinzel',serif !important;\n    font-size:12px !important;\n    line-height:1.35 !important;\n    letter-spacing:1.4px !important;\n    text-transform:uppercase !important;\n    color:#8b6b43 !important;\n  }\n\n  .sm-home-mission .sm-project-title{\n    font-family:'Cinzel',serif !important;\n    font-size:17px !important;\n    line-height:1.35 !important;\n    font-weight:700 !important;\n    color:#6e4e27 !important;\n  }\n\n  .sm-home-mission .sm-project-desc{\n    font-family:'Cormorant Garamond',serif !important;\n    font-size:15px !important;\n    line-height:1.45 !important;\n    font-weight:400 !important;\n    color:rgba(30,24,16,.80) !important;\n  }\n\n  .sm-home-mission .sm-project-meta{\n    font-family:'Cormorant Garamond',serif !important;\n    font-size:12px !important;\n    line-height:1.35 !important;\n    font-weight:400 !important;\n    color:#4a3824 !important;\n  }\n@media (max-width:1024px){\n\n  html,\n  body{\n    background:#f8f1e4 !important;\n  }\n\n  body::before{\n    content:\"\";\n    position:fixed;\n    top:0;\n    left:0;\n    width:100vw;\n    height:100dvh;\n    z-index:0;\n    pointer-events:none;\n\n    background-image:url(\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/02\/studiomirrow-weboldal-2.4-1.jpg\");\n    background-repeat:no-repeat;\n    background-position:center top;\n    background-size:180vw auto;\n  }\n\n  .site,\n  .sm-home-unified{\n    position:relative;\n    z-index:1;\n    background:transparent !important;\n  }\n}\n\n\n  \/* ===== GOOGLE AI K\u00c9RD\u00c9SPANEL \u2013 CSAK AZ \u00daJ PANEL ST\u00cdLUSA ===== *\/\n\n  .sm-mission-inner{\n    position:relative;\n  }\n\n  .sm-ai-panel{\n    position:absolute;\n    top:clamp(300px,30vw,400px);\n    left:calc(clamp(108px,10vw,145px) + 432px);\n    z-index:7;\n    width:min(700px,calc(100vw - clamp(108px,10vw,145px) - 462px));\n    height:460px;\n    padding:26px 28px;\n    overflow:hidden;\n    color:#5b3c1c;\n    text-align:left;\n    background:rgba(245,239,230,.38);\n    border:1px solid rgba(139,107,67,.20);\n    border-radius:12px;\n    box-shadow:0 8px 20px rgba(91,60,28,.08);\n    backdrop-filter:blur(1.5px);\n    -webkit-backdrop-filter:blur(1.5px);\n  }\n\n  .sm-ai-panel,\n  .sm-ai-panel *{\n    box-sizing:border-box;\n  }\n\n  .sm-ai-panel[aria-busy=\"true\"]{\n    cursor:progress;\n  }\n\n  .sm-ai-eyebrow{\n    margin:0 0 5px;\n    color:#8b6b43;\n    font-family:'Cinzel',serif;\n    font-size:12px;\n    font-weight:600;\n    line-height:1.3;\n    letter-spacing:1.5px;\n    text-transform:uppercase;\n  }\n\n  .sm-home-mission .sm-ai-title{\n    margin:0 0 6px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:24px;\n    line-height:1.32;\n    letter-spacing:.4px;\n    text-align:left;\n    text-transform:none;\n  }\n\n  .sm-ai-intro{\n    margin:0 0 13px;\n    color:#4a3824;\n    font-size:17px;\n    line-height:1.5;\n  }\n\n  .sm-ai-question-list{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:8px 10px;\n  }\n\n  .sm-ai-question{\n    min-height:52px;\n    padding:9px 12px;\n    color:#5b3c1c;\n    font-family:'Cormorant Garamond',serif;\n    font-size:17px;\n    font-weight:600;\n    line-height:1.3;\n    text-align:left;\n    background:rgba(248,241,228,.50);\n    border:1px solid rgba(110,78,39,.23);\n    border-radius:8px;\n    cursor:pointer;\n    transition:\n      transform .15s ease,\n      background-color .2s ease,\n      border-color .2s ease,\n      box-shadow .2s ease;\n  }\n\n  .sm-ai-question:hover,\n  .sm-ai-question:focus-visible{\n    transform:translateY(-1px);\n    background:rgba(248,241,228,.76);\n    border-color:rgba(110,78,39,.48);\n    box-shadow:0 5px 12px rgba(91,60,28,.08);\n    outline:none;\n  }\n\n  .sm-ai-questions-view[hidden],\n  .sm-ai-answer-view[hidden]{\n    display:none !important;\n  }\n\n  .sm-ai-answer-view{\n    height:100%;\n  }\n\n  .sm-ai-answer-question{\n    margin:0 0 10px;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:21px;\n    font-weight:700;\n    line-height:1.4;\n  }\n\n  .sm-ai-status{\n    min-height:22px;\n    margin:0 0 7px;\n    color:#8b6b43;\n    font-size:15px;\n    line-height:1.4;\n  }\n\n  .sm-ai-status.is-loading::before{\n    content:\"\";\n    display:inline-block;\n    width:12px;\n    height:12px;\n    margin-right:8px;\n    vertical-align:-1px;\n    border:2px solid rgba(110,78,39,.22);\n    border-top-color:#6e4e27;\n    border-radius:50%;\n    animation:sm-ai-spin .75s linear infinite;\n  }\n\n  @keyframes sm-ai-spin{\n    to{\n      transform:rotate(360deg);\n    }\n  }\n\n  .sm-ai-answer{\n    max-height:305px;\n    padding-right:10px;\n    overflow-y:auto;\n    color:#3a2a18;\n    font-size:19px;\n    font-weight:500;\n    line-height:1.65;\n    white-space:pre-wrap;\n    scrollbar-width:thin;\n  }\n\n  .sm-ai-sources{\n    display:flex;\n    flex-wrap:wrap;\n    gap:6px;\n    margin-top:9px;\n  }\n\n  .sm-ai-source{\n    display:inline-block;\n    max-width:100%;\n    padding:4px 8px;\n    overflow:hidden;\n    color:#6e4e27;\n    font-size:12px;\n    line-height:1.25;\n    text-decoration:none;\n    text-overflow:ellipsis;\n    white-space:nowrap;\n    background:rgba(248,241,228,.72);\n    border:1px solid rgba(110,78,39,.20);\n    border-radius:999px;\n  }\n\n  .sm-ai-source:hover,\n  .sm-ai-source:focus-visible{\n    text-decoration:underline;\n    outline:none;\n  }\n\n  .sm-ai-back{\n    margin-top:10px;\n    padding:6px 0;\n    color:#6e4e27;\n    font-family:'Cinzel',serif;\n    font-size:14px;\n    font-weight:600;\n    letter-spacing:.4px;\n    background:none;\n    border:0;\n    cursor:pointer;\n  }\n\n  .sm-ai-back:hover,\n  .sm-ai-back:focus-visible{\n    text-decoration:underline;\n    outline:none;\n  }\n\n  @media (max-width:900px){\n    .sm-ai-panel{\n      position:relative;\n      top:auto;\n      left:auto;\n      width:min(100%,760px);\n      height:auto;\n      min-height:408px;\n      margin:0 auto 34px;\n    }\n  }\n\n  @media (max-width:560px){\n    .sm-ai-panel{\n      width:100%;\n      min-height:0;\n      padding:20px 15px;\n      margin:0 auto 28px;\n    }\n\n    .sm-ai-question-list{\n      grid-template-columns:1fr;\n    }\n\n    .sm-home-mission .sm-ai-title{\n      font-size:22px;\n    }\n\n    .sm-ai-answer{\n      max-height:360px;\n      font-size:18px;\n      line-height:1.65;\n    }\n  }\n  .sm-ai-panel p.sm-ai-note{\n    margin:8px 2px 0 !important;\n    color:#4a3824 !important;\n    font-family:'Cormorant Garamond',serif !important;\n    font-size:14px !important;\n    font-style:italic !important;\n    font-weight:400 !important;\n    line-height:1.3 !important;\n    text-align:left !important;\n  }\n\/* ===== AI V\u00c1LASZPANEL \u2013 VISSZAGOMB JAV\u00cdT\u00c1SA ===== *\/\n\n\/*\n * A v\u00e1laszn\u00e9zet f\u00fcgg\u0151leges flex elrendez\u00e9st kap.\n * \u00cdgy csak maga a v\u00e1lasz sz\u00f6vege g\u00f6rgethet\u0151,\n * a \u201eM\u00e1sik k\u00e9rd\u00e9s\u201d gomb mindig l\u00e1that\u00f3 marad.\n *\/\n.sm-ai-panel .sm-ai-answer-view:not([hidden]){\n  display:flex;\n  flex-direction:column;\n  height:100%;\n  min-height:0;\n}\n\n\/* Ezek az elemek ne zsugorodjanak \u00f6ssze. *\/\n.sm-ai-panel .sm-ai-answer-question,\n.sm-ai-panel .sm-ai-status,\n.sm-ai-panel .sm-ai-sources,\n.sm-ai-panel .sm-ai-back{\n  flex:0 0 auto;\n}\n\n\/*\n * A v\u00e1lasz kapja meg a panelb\u0151l fennmarad\u00f3 helyet,\n * \u00e9s sz\u00fcks\u00e9g eset\u00e9n csak ez az elem g\u00f6rgethet\u0151.\n *\/\n.sm-ai-panel .sm-ai-answer{\n  flex:1 1 auto;\n  min-height:0;\n  max-height:none;\n  padding-right:10px;\n  padding-bottom:8px;\n  overflow-y:auto;\n}\n\n\/* Sok forr\u00e1s eset\u00e9n se nyomj\u00e1k ki a visszagombot. *\/\n.sm-ai-panel .sm-ai-sources{\n  max-height:52px;\n  overflow-y:auto;\n}\n\n\/* J\u00f3l l\u00e1that\u00f3, mindig a panelen bel\u00fcl marad\u00f3 visszagomb. *\/\n.sm-ai-panel .sm-ai-back{\n  display:inline-flex;\n  align-items:center;\n  align-self:flex-start;\n  width:auto;\n  margin:10px 0 0;\n  padding:7px 11px;\n\n  color:#f8f1e4;\n  font-family:'Cinzel',serif;\n  font-size:14px;\n  font-weight:600;\n  line-height:1.2;\n  letter-spacing:.3px;\n\n  background:#6e4e27;\n  border:1px solid rgba(91,60,28,.35);\n  border-radius:5px;\n  box-shadow:0 3px 8px rgba(91,60,28,.14);\n\n  position:relative;\n  z-index:2;\n  cursor:pointer;\n}\n\n.sm-ai-panel .sm-ai-back:hover,\n.sm-ai-panel .sm-ai-back:focus-visible{\n  color:#f8f1e4;\n  background:#5b3c1c;\n  text-decoration:none;\n  outline:none;\n  transform:translateY(-1px);\n}\n\n\/*\n * Tableten \u00e9s mobilon a panel magass\u00e1ga automatikus,\n * ez\u00e9rt ott maradhat egy hagyom\u00e1nyos, legfeljebb\n * 360 px magas v\u00e1laszmez\u0151.\n *\/\n@media (max-width:900px){\n  .sm-ai-panel .sm-ai-answer-view:not([hidden]){\n    height:auto;\n  }\n\n  .sm-ai-panel .sm-ai-answer{\n    flex:none;\n    max-height:360px;\n  }\n}\n\n\/* ===== ZOOM \/ ABLAK\u00c1TM\u00c9RETEZ\u00c9S \u2013 STABIL FELS\u0150 BLOKKRENDSZER ===== *\/\n\n\/*\n * 901 px felett a fels\u0151 n\u00e9gy egys\u00e9g val\u00f3di CSS Gridben van.\n * Nincs viewporthoz k\u00f6t\u00f6tt left\/top pozicion\u00e1l\u00e1s, ez\u00e9rt b\u00f6ng\u00e9sz\u0151-\n * nagy\u00edt\u00e1sn\u00e1l \u00e9s ablak\u00e1tm\u00e9retez\u00e9sn\u00e9l egy\u00fctt maradnak \u00e9s k\u00f6z\u00e9pen maradnak.\n *\/\n@media (min-width:1101px){\n  .sm-mission-inner{\n    width:min(1132px,calc(100% - 40px)) !important;\n    max-width:1132px !important;\n    margin:0 auto !important;\n    display:grid !important;\n    grid-template-columns:410px minmax(0,700px) !important;\n    grid-template-areas:\n      \"projects info\"\n      \"blog ai\" !important;\n    column-gap:22px !important;\n    row-gap:28px !important;\n    align-items:start !important;\n    min-height:0 !important;\n  }\n\n  .sm-projects{\n    grid-area:projects !important;\n    width:410px !important;\n    max-width:410px !important;\n    margin:0 !important;\n    grid-template-columns:repeat(2,194px) !important;\n    gap:22px !important;\n    justify-content:start !important;\n    justify-self:start !important;\n  }\n\n  .sm-project-card,\n  .sm-project-poster{\n    width:194px !important;\n  }\n\n  .sm-project-poster{\n    height:275px !important;\n  }\n\n  .sm-ai-panel{\n    grid-area:ai !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:100% !important;\n    max-width:none !important;\n    height:500px !important;\n    margin:0 !important;\n    justify-self:stretch !important;\n    align-self:stretch !important;\n  }\n\n  .sm-blog-panel{\n    grid-area:blog !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:410px !important;\n    max-width:410px !important;\n    margin:0 !important;\n    justify-self:start !important;\n  }\n\n  .sm-info-center{\n    grid-area:info !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:100% !important;\n    max-width:none !important;\n    height:auto !important;\n    margin:0 !important;\n    justify-self:stretch !important;\n  }\n\n  .sm-info-center .sm-info-card,\n  .sm-info-center .sm-featured-latest{\n    width:100% !important;\n    max-width:none !important;\n  }\n}\n\n\/* K\u00f6ztes asztali\/tablet sz\u00e9less\u00e9g: ugyanaz a rendszer, csak kisebb bal oszloppal. *\/\n@media (min-width:901px) and (max-width:1100px){\n  .sm-mission-inner{\n    width:100% !important;\n    max-width:980px !important;\n    margin:0 auto !important;\n    display:grid !important;\n    grid-template-columns:336px minmax(0,1fr) !important;\n    grid-template-areas:\n      \"projects info\"\n      \"blog ai\" !important;\n    column-gap:18px !important;\n    row-gap:26px !important;\n    align-items:start !important;\n    min-height:0 !important;\n  }\n\n  .sm-projects{\n    grid-area:projects !important;\n    width:336px !important;\n    max-width:336px !important;\n    margin:0 !important;\n    grid-template-columns:repeat(2,160px) !important;\n    gap:16px !important;\n    justify-self:start !important;\n  }\n\n  .sm-project-card,\n  .sm-project-poster{\n    width:160px !important;\n  }\n\n  .sm-project-poster{\n    height:226px !important;\n  }\n\n  .sm-ai-panel{\n    grid-area:ai !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:100% !important;\n    max-width:none !important;\n    height:500px !important;\n    margin:0 !important;\n    align-self:stretch !important;\n  }\n\n  .sm-blog-panel{\n    grid-area:blog !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:336px !important;\n    max-width:336px !important;\n    margin:0 !important;\n  }\n\n  .sm-info-center{\n    grid-area:info !important;\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n    width:100% !important;\n    max-width:none !important;\n    height:auto !important;\n    margin:0 !important;\n  }\n\n  .sm-info-center .sm-info-card,\n  .sm-info-center .sm-featured-latest{\n    width:100% !important;\n    max-width:none !important;\n  }\n}\n\n\/* 900 px alatt vissza\u00e1ll a term\u00e9szetes, egym\u00e1s alatti elrendez\u00e9s. *\/\n@media (max-width:900px){\n  .sm-mission-inner{\n    width:100% !important;\n    max-width:100% !important;\n    display:flex !important;\n    flex-direction:column !important;\n    align-items:stretch !important;\n    min-height:0 !important;\n  }\n\n  .sm-ai-panel,\n  .sm-blog-panel,\n  .sm-info-center{\n    position:relative !important;\n    top:auto !important;\n    left:auto !important;\n  }\n\n  \/* Mobil\/tablet sorrend:\n     projektek \u2192 kiemelt h\u00edr + K\u00fcldet\u00e9s\u00fcnk \u2192 H\u00edrek \u2192 Google AI *\/\n  .sm-projects{\n    order:1;\n  }\n\n  .sm-info-center{\n    order:2;\n  }\n\n  .sm-blog-panel{\n    order:3;\n  }\n\n  .sm-ai-panel{\n    order:4;\n  }\n}\n\n\n\n\/* ===== GOOGLE AI V\u00c1LASZ \u2013 STABIL BELS\u0150 G\u00d6RGET\u00c9S ===== *\/\n\/*\n * A m\u00e1sodik k\u00f3d m\u0171k\u00f6d\u00e9s\u00e9t tartjuk meg:\n * - a k\u00e9rd\u00e9s c\u00edme, st\u00e1tusz, forr\u00e1sok \u00e9s visszagomb helyben marad;\n * - csak maga az AI-v\u00e1lasz sz\u00f6vege g\u00f6rgethet\u0151.\n *\n * Az els\u0151 k\u00f3d rugalmas, r\u00e1cshoz igazod\u00f3 AI-panelmagass\u00e1ga megmarad.\n *\/\n@media (min-width:901px){\n  .sm-ai-panel{\n    overflow:hidden !important;\n  }\n\n  .sm-ai-panel .sm-ai-answer-view:not([hidden]){\n    position:absolute !important;\n    inset:0 !important;\n    width:100% !important;\n    height:100% !important;\n    min-height:0 !important;\n    padding:26px 28px !important;\n    display:flex !important;\n    flex-direction:column !important;\n    overflow:hidden !important;\n    box-sizing:border-box !important;\n  }\n\n  .sm-ai-panel .sm-ai-answer-question,\n  .sm-ai-panel .sm-ai-status,\n  .sm-ai-panel .sm-ai-sources,\n  .sm-ai-panel .sm-ai-back{\n    flex:0 0 auto !important;\n  }\n\n  .sm-ai-panel .sm-ai-answer{\n    flex:1 1 auto !important;\n    min-height:0 !important;\n    max-height:none !important;\n    padding-right:10px !important;\n    padding-bottom:8px !important;\n    overflow-y:auto !important;\n    overflow-x:hidden !important;\n    scrollbar-width:thin;\n  }\n\n  .sm-ai-panel .sm-ai-sources{\n    max-height:52px !important;\n    overflow-y:auto !important;\n  }\n}\n\n\/* Tableten \u00e9s mobilon marad a m\u00e1sodik k\u00f3dban haszn\u00e1lt,\n   hagyom\u00e1nyos, legfeljebb 360 px magas g\u00f6rgethet\u0151 v\u00e1laszmez\u0151. *\/\n@media (max-width:900px){\n  .sm-ai-panel .sm-ai-answer-view:not([hidden]){\n    position:relative !important;\n    inset:auto !important;\n    width:auto !important;\n    height:100% !important;\n    min-height:0 !important;\n    padding:0 !important;\n    display:flex !important;\n    flex-direction:column !important;\n    overflow:hidden !important;\n  }\n\n  .sm-ai-panel .sm-ai-answer{\n    flex:1 1 auto !important;\n    min-height:0 !important;\n    max-height:none !important;\n    overflow-y:auto !important;\n    overflow-x:hidden !important;\n  }\n}\n\n\n<\/style>\n\n<div class=\"sm-home-unified\">\n\n  <div class=\"sm-hero-copy\" aria-label=\"Studio Mirrow\">\n    <div class=\"sm-top\">WELCOME TO<\/div>\n    <div class=\"sm-brand\">STUDIO<br>MIRROW<\/div>\n    <div class=\"sm-bottom\">SEE BEYOND. FEEL MORE.<\/div>\n  <\/div>\n\n  <section class=\"mission-section sm-home-mission\">\n\n    <div class=\"sm-mission-inner\">\n\n      <div class=\"sm-projects\">\n\n        <a class=\"sm-project-card\" href=\"https:\/\/studiomirrow.hu\/studio\/index.php\/beyondthefold\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"sm-project-poster\">\n            <img loading=\"lazy\" src=\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/08\/btf1v11.jpg\" alt=\"Peremvid\u00e9k projekt poszter\" width=\"178\" height=\"252\" decoding=\"async\">\n          <\/div>\n\n          <div class=\"sm-project-body\">\n            <div class=\"sm-project-type\">M\u0171v\u00e9szeti projekt<\/div>\n            <h3 class=\"sm-project-title\">Beyond The Fold<\/h3>\n            <p class=\"sm-project-desc\">\n              K\u00eds\u00e9rleti zenei projekt az ismeretlenr\u0151l \u00e9s a bels\u0151 utaz\u00e1sr\u00f3l.\n            <\/p>\n            <p class=\"sm-project-meta\">Jim Rylie<\/p>\n          <\/div>\n        <\/a>\n\n        <a class=\"sm-project-card\" href=\"https:\/\/pipokonyv.hu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"sm-project-poster\">\n            <img loading=\"lazy\" src=\"https:\/\/studiomirrow.hu\/studio\/wp-content\/uploads\/2026\/08\/zagrados11.jpg\" alt=\"Zagrados univerzum poszter\" width=\"178\" height=\"252\" decoding=\"async\">\n          <\/div>\n\n          <div class=\"sm-project-body\">\n            <div class=\"sm-project-type\">Meseuniverzum<\/div>\n            <h3 class=\"sm-project-title\">Zagrados<\/h3>\n            <p class=\"sm-project-desc\">\n              Illusztr\u00e1lt fantasy vil\u00e1g egy kis h\u0151sr\u0151l \u00e9s egy elveszett m\u00faltr\u00f3l.\n            <\/p>\n            <p class=\"sm-project-meta\">Jim Rylie<\/p>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n\n      <section class=\"sm-blog-panel\" id=\"sm-zagrados-blog\" aria-label=\"Zagrados blogja\">\n        <h3 class=\"sm-blog-title\">H\u00edrek Zagradosb\u00f3l<\/h3>\n        <p class=\"sm-blog-subtitle\">Jim Rylie vil\u00e1g\u00e1nak hivatalos blogja<\/p>\n        <p class=\"sm-blog-intro\">\u00cdr\u00e1sok a k\u00e9sz\u00fcl\u0151 vil\u00e1gr\u00f3l, karakterekr\u0151l \u00e9s az alkot\u00e1s folyamat\u00e1r\u00f3l.<\/p>\n\n        <div class=\"sm-blog-scroll\" tabindex=\"0\" aria-label=\"A Zagrados blog bejegyz\u00e9sei\">\n          <div class=\"sm-blog-list\"><\/div>\n          <p class=\"sm-blog-status\" role=\"status\" aria-live=\"polite\">A bejegyz\u00e9sek bet\u00f6lt\u00e9se\u2026<\/p>\n        <\/div>\n      <\/section>\n\n\n      <section class=\"sm-ai-panel\" id=\"sm-ai-panel\" data-endpoint=\"https:\/\/studiomirrow.hu\/studio\/?rest_route=\/studio-mirrow\/v1\/ask\" aria-label=\"K\u00e9rd\u00e9sek a Studio Mirrow-r\u00f3l \u00e9s Jim Rylie munk\u00e1ss\u00e1g\u00e1r\u00f3l\" aria-busy=\"false\">\n        <div class=\"sm-ai-questions-view\">\n          <div class=\"sm-ai-eyebrow\">Google AI<\/div>\n          <h3 class=\"sm-ai-title\">K\u00edv\u00e1ncsi vagy, mit mond r\u00f3lunk a Google mesters\u00e9ges intelligenci\u00e1ja?<\/h3>\n          <p class=\"sm-ai-intro\">\n            Ismerd meg a st\u00fadi\u00f3 projektjeit, t\u00f6rt\u00e9neteit, \u00e9rt\u00e9keit \u00e9s alkot\u00f3i szeml\u00e9let\u00e9t.\n          <\/p>\n\n         <div class=\"sm-ai-question-list\">\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Mi a Studio Mirrow, milyen alkot\u00f3i m\u0171helyk\u00e9nt m\u0171k\u00f6dik, \u00e9s mi a k\u00fcldet\u00e9se?\">\n    Mi a Studio Mirrow?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Milyen projektek tartoznak jelenleg a Studio Mirrow-hoz, \u00e9s mir\u0151l sz\u00f3lnak?\">\n    Milyen projektjei vannak?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Milyen t\u00f6rt\u00e9neteket \u00e9s t\u00e9m\u00e1kat dolgoz fel a Studio Mirrow a k\u00fcl\u00f6nb\u00f6z\u0151 projektjeiben?\">\n    Milyen t\u00f6rt\u00e9neteket mes\u00e9l?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Ki az a Jim Rylie, \u00e9s milyen szerepet t\u00f6lt be a Studio Mirrow-ban?\">\n    Ki \u00e1ll a st\u00fadi\u00f3 m\u00f6g\u00f6tt?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Hogyan sz\u00fcletnek a Studio Mirrow alkot\u00e1sai, \u00e9s hogyan tal\u00e1lkozik benn\u00fck az \u00edr\u00e1s, a k\u00e9p \u00e9s a zene?\">\n    Hogyan sz\u00fcletnek az alkot\u00e1sok?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Mit\u0151l k\u00fcl\u00f6nleges a Studio Mirrow alkot\u00f3i szeml\u00e9lete \u00e9s vil\u00e1g\u00e9p\u00edt\u0151 m\u00f3dszere?\">\n    Mit\u0151l k\u00fcl\u00f6nleges a Studio Mirrow?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Milyen \u00e9rt\u00e9keket k\u00e9pvisel a Studio Mirrow, \u00e9s hogyan jelennek meg ezek a projektjeiben?\">\n    Milyen \u00e9rt\u00e9keket k\u00e9pvisel?\n  <\/button>\n\n  <button class=\"sm-ai-question\" type=\"button\" data-question=\"Kiknek sz\u00f3lnak a Studio Mirrow t\u00f6rt\u00e9netei, zenei \u00e9s vizu\u00e1lis alkot\u00e1sai?\">\n    Kiknek sz\u00f3lnak az alkot\u00e1sok?\n  <\/button>\n\n<\/div>\n\n<p class=\"sm-ai-note\">\n  A v\u00e1laszokat a Google AI \u00e1ll\u00edtja \u00f6ssze a Studio Mirrow nyilv\u00e1nos fel\u00fcletein tal\u00e1lhat\u00f3 inform\u00e1ci\u00f3k alapj\u00e1n.\n<\/p>\n        <\/div>\n\n        <div class=\"sm-ai-answer-view\" hidden=\"\">\n          <div class=\"sm-ai-eyebrow\">Google AI<\/div>\n          <div class=\"sm-ai-answer-question\"><\/div>\n          <div class=\"sm-ai-status\" role=\"status\" aria-live=\"polite\"><\/div>\n          <div class=\"sm-ai-answer\" aria-live=\"polite\"><\/div>\n          <div class=\"sm-ai-sources\" aria-label=\"Felhaszn\u00e1lt forr\u00e1sok\"><\/div>\n\n          <button class=\"sm-ai-back\" type=\"button\">\n            \u2190 M\u00e1sik k\u00e9rd\u00e9s\n          <\/button>\n        <\/div>\n      <\/section>\n\n      <div class=\"sm-info-center\">\n        <article class=\"sm-featured-latest\" id=\"sm-featured-latest\" aria-label=\"Legfrissebb kiemelt tartalom\">\n          <div class=\"sm-featured-label\">Legfrissebb kiemelt tartalom<\/div>\n          <a class=\"sm-featured-link\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" hidden=\"\">\n            <img class=\"sm-featured-image\" src=\"\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"sm-featured-copy\">\n              <span class=\"sm-featured-date\"><\/span>\n              <span class=\"sm-featured-title\"><\/span>\n              <span class=\"sm-featured-excerpt\"><\/span>\n            <\/span>\n          <\/a>\n          <p class=\"sm-blog-status sm-featured-status\" role=\"status\" aria-live=\"polite\">A legfrissebb tartalom bet\u00f6lt\u00e9se\u2026<\/p>\n        <\/article>\n\n        <div class=\"sm-info-card\">\n          <h2>K\u00fcldet\u00e9s\u00fcnk<\/h2>\n\n          <div class=\"sm-mission-text\">\n            <p>\n              A <strong>Studio Mirrow<\/strong>-n\u00e1l olyan t\u00f6rt\u00e9neteket alkotunk,\n              amelyek <em>m\u00e1s vil\u00e1gokba rep\u00edtik az olvas\u00f3kat<\/em>,\n              \u00e9s felt\u00e1rj\u00e1k a k\u00e9pzelet \u00e9s az \u00e9rzelmek legm\u00e9lyebb r\u00e9tegeit.\n            <\/p>\n          <\/div>\n\n          <div class=\"sm-after-mission\">\n            <a class=\"sm-btn-outline\" href=\"https:\/\/studiomirrow.hu\/studio\/index.php\/rolunk\/\">\n              Tudj meg t\u00f6bbet\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!--\n      STABIL M\u00c9DIAELRENDEZ\u00c9S:\n      PC-n h\u00e1rom vizu\u00e1lis oszlop.\n      Balra a r\u00f6vid YouTube-k\u00e1rtya, k\u00f6z\u00e9pen az \u00e1ll\u00f3 TikTok,\n      jobbra egym\u00e1s alatt a k\u00e9t sz\u00e9les YouTube-vide\u00f3.\n    -->\n    <div class=\"sm-media-layout\">\n\n      <article class=\"video-item sm-video-card sm-card-talpra\">\n        <h3>Talpra \u00e1llok \u00fajra<\/h3>\n        <p>\n          Ez a dal a Zagrados vil\u00e1g\u00e1nak \u00e9p\u00edt\u00e9se k\u00f6zben sz\u00fcletett, de val\u00f3j\u00e1ban nem csak az \u00edr\u00e1sr\u00f3l sz\u00f3l.\n          Hanem a k\u00e9telyr\u0151l, az \u00fajrakezd\u00e9sr\u0151l \u00e9s arr\u00f3l, hogy n\u00e9ha akkor is tov\u00e1bb kell menn\u00fcnk,\n          amikor nem vagyunk biztosak \u00f6nmagunkban.\n        <\/p>\n\n        <div class=\"sm-youtube-embed\">\n          <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/nIUQWiINvEs?si=pHkXt_Cvfim7yPqb\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"video-item sm-video-card sm-card-tiktok\">\n        <h3>Ez a vil\u00e1g m\u00e9g \u00e9p\u00fcl<\/h3>\n        <p>\n          Zagrados t\u00f6rt\u00e9nete egy kis pingvinnel kezd\u0151dik.\n          De a j\u00e9g alatt sokkal r\u00e9gebbi titkok v\u00e1rnak, mint amit b\u00e1rki sejtene.\n        <\/p>\n\n        <div class=\"sm-tiktok-wrap\">\n          <blockquote class=\"tiktok-embed\" cite=\"https:\/\/www.tiktok.com\/@pipoinzagrados\/video\/7648792264956710166\" data-video-id=\"7648792264956710166\">\n            <section>\n              <a target=\"_blank\" rel=\"noopener noreferrer\" title=\"@pipoinzagrados\" href=\"https:\/\/www.tiktok.com\/@pipoinzagrados?refer=embed\">\n                @pipoinzagrados\n              <\/a>\n\n              <a target=\"_blank\" rel=\"noopener noreferrer\" title=\"Eredeti hang \u2013 Pip\u00f3 | Zagrados\" href=\"https:\/\/www.tiktok.com\/music\/eredeti-hang-\u2013-Pip\u00f3-Zagrados-7648792325182769942?refer=embed\">\n                \u266c eredeti hang \u2013 Pip\u00f3 | Zagrados\n              <\/a>\n            <\/section>\n          <\/blockquote>\n        <\/div>\n      <\/article>\n\n      <article class=\"video-item sm-video-card sm-card-pingvin\">\n        <h3>Pingvinlovag<\/h3>\n        <p>\n          Egy dal Pip\u00f3r\u00f3l, a fiatal pingvinr\u0151l, aki lovag szeretne lenni.\n          Zagrados vil\u00e1g\u00e1nak egyik els\u0151 angol nyelv\u0171 zenei t\u00f6rt\u00e9nete,\n          egy apr\u00f3 h\u0151sr\u0151l \u00e9s egy nagy \u00e1lomr\u00f3l.\n        <\/p>\n\n        <div class=\"sm-youtube-embed\">\n          <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1kZr3WpBVMA?si=MbuOagoF_jCFauFB\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"video-item sm-video-card sm-card-csillagok\">\n        <h3>Hallgatnak a csillagok<\/h3>\n        <p>\n          A Studio Mirrow identit\u00e1sdala. Egy zene az \u00e1lmokr\u00f3l, a k\u00e9rd\u00e9sekr\u0151l\n          \u00e9s azokr\u00f3l a t\u00f6rt\u00e9netekr\u0151l, amelyek m\u00e9g a szavak el\u0151tt sz\u00fcletnek meg.\n        <\/p>\n\n        <div class=\"sm-youtube-embed\">\n          <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/djga7gzQKik?si=3mzPQiy6_4VyGsJV\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <footer class=\"sm-home-footer\">\n      \u00a9 2026 Jim Rylie &amp; Studio Mirrow<br>\n      See Beyond. Feel More.<br>\n      Minden jog fenntartva.\n    <\/footer>\n\n  <\/section>\n<\/div>\n\n\n\n<script>\n(function(){\n  const blogPanel = document.getElementById(\"sm-zagrados-blog\");\n\n  if(!blogPanel){\n    return;\n  }\n\n  const list = blogPanel.querySelector(\".sm-blog-list\");\n  const status = blogPanel.querySelector(\".sm-blog-status\");\n  const featured = document.getElementById(\"sm-featured-latest\");\n  const featuredLink = featured ? featured.querySelector(\".sm-featured-link\") : null;\n  const featuredImage = featured ? featured.querySelector(\".sm-featured-image\") : null;\n  const featuredDate = featured ? featured.querySelector(\".sm-featured-date\") : null;\n  const featuredTitle = featured ? featured.querySelector(\".sm-featured-title\") : null;\n  const featuredExcerpt = featured ? featured.querySelector(\".sm-featured-excerpt\") : null;\n  const featuredStatus = featured ? featured.querySelector(\".sm-featured-status\") : null;\n  const apiUrl = \"https:\/\/studiomirrow.hu\/studio\/?rest_route=\/studio-mirrow\/v1\/zagrados-posts\";\n\n  function plainText(html){\n    const doc = new DOMParser().parseFromString(String(html || \"\"),\"text\/html\");\n    return (doc.body.textContent || \"\").replace(\/\\s+\/g,\" \").trim();\n  }\n\n  function safeLink(value){\n    try{\n      const url = new URL(value);\n      return url.protocol === \"https:\" || url.protocol === \"http:\" ? url.href : null;\n    }catch(error){\n      return null;\n    }\n  }\n\n  function formatDate(value){\n    const date = new Date(value);\n    if(Number.isNaN(date.getTime())){\n      return \"\";\n    }\n\n    return new Intl.DateTimeFormat(\"hu-HU\",{\n      year:\"numeric\",\n      month:\"long\",\n      day:\"numeric\"\n    }).format(date);\n  }\n\n  function renderFeatured(posts){\n    if(!featured || !featuredLink || !featuredStatus){\n      return;\n    }\n\n    const post = Array.isArray(posts) && posts.length ? posts[0] : null;\n    const href = post ? safeLink(post.link) : null;\n\n    if(!post || !href){\n      featuredLink.hidden = true;\n      featuredStatus.textContent = \"Jelenleg nincs kiemelhet\u0151 bejegyz\u00e9s.\";\n      return;\n    }\n\n    featuredLink.href = href;\n\n    const imageUrl = safeLink(post.image);\n    if(imageUrl){\n      featuredImage.src = imageUrl;\n      featuredImage.hidden = false;\n    }else{\n      featuredImage.removeAttribute(\"src\");\n      featuredImage.hidden = true;\n    }\n\n    featuredDate.textContent = formatDate(post.date);\n    featuredTitle.textContent = plainText(post.title && post.title.rendered);\n\n    let excerptText = plainText(post.excerpt && post.excerpt.rendered);\n    if(excerptText.length > 180){\n      excerptText = excerptText.slice(0,177).trim().replace(\/[\\s,.;:!?-]+$\/,\"\") + \"\u2026\";\n    }\n    featuredExcerpt.textContent = excerptText;\n\n    featuredLink.hidden = false;\n    featuredStatus.textContent = \"\";\n  }\n\n  function renderPosts(posts){\n    list.replaceChildren();\n\n    posts.forEach(function(post){\n      const href = safeLink(post && post.link);\n      if(!href){\n        return;\n      }\n\n      const entry = document.createElement(\"a\");\n      entry.className = \"sm-blog-entry\";\n      entry.href = href;\n      entry.target = \"_blank\";\n      entry.rel = \"noopener noreferrer\";\n\n      const imageUrl = safeLink(post && post.image);\n\n      if(imageUrl){\n        const image = document.createElement(\"img\");\n        image.className = \"sm-blog-thumb\";\n        image.src = imageUrl;\n        image.alt = \"\";\n        image.loading = \"lazy\";\n        image.decoding = \"async\";\n        entry.appendChild(image);\n      }\n\n      const copy = document.createElement(\"span\");\n      copy.className = \"sm-blog-entry-copy\";\n\n      const date = document.createElement(\"span\");\n      date.className = \"sm-blog-date\";\n      date.textContent = formatDate(post.date);\n\n      const title = document.createElement(\"span\");\n      title.className = \"sm-blog-entry-title\";\n      title.textContent = plainText(post.title && post.title.rendered);\n\n      const excerpt = document.createElement(\"span\");\n      excerpt.className = \"sm-blog-excerpt\";\n      excerpt.textContent = plainText(post.excerpt && post.excerpt.rendered);\n\n      if(date.textContent){\n        copy.appendChild(date);\n      }\n\n      copy.appendChild(title);\n\n      if(excerpt.textContent){\n        copy.appendChild(excerpt);\n      }\n\n      entry.appendChild(copy);\n      list.appendChild(entry);\n    });\n\n    status.textContent = list.children.length\n      ? \"\"\n      : \"Jelenleg nincs megjelen\u00edthet\u0151 bejegyz\u00e9s.\";\n  }\n\n  async function loadPosts(){\n    try{\n      const response = await fetch(apiUrl,{\n        method:\"GET\",\n        credentials:\"same-origin\",\n        cache:\"no-store\"\n      });\n\n      const data = await response.json().catch(function(){\n        return null;\n      });\n\n      if(!response.ok || !Array.isArray(data)){\n        throw new Error(\n          data && data.message\n            ? data.message\n            : \"A blogbejegyz\u00e9sek most nem t\u00f6lthet\u0151k be.\"\n        );\n      }\n\n      renderPosts(data);\n      renderFeatured(data);\n    }catch(error){\n      const message = error && error.message\n        ? error.message\n        : \"A blogbejegyz\u00e9sek most nem t\u00f6lthet\u0151k be.\";\n\n      status.textContent = message;\n\n      if(featuredStatus){\n        featuredStatus.textContent = message;\n      }\n    }\n  }\n\n  loadPosts();\n})();\n<\/script>\n\n\n\n<script>\n(function(){\n  const panel = document.getElementById(\"sm-ai-panel\");\n\n  if(!panel){\n    return;\n  }\n\n  const questionsView = panel.querySelector(\".sm-ai-questions-view\");\n  const answerView = panel.querySelector(\".sm-ai-answer-view\");\n  const answerQuestion = panel.querySelector(\".sm-ai-answer-question\");\n  const status = panel.querySelector(\".sm-ai-status\");\n  const answer = panel.querySelector(\".sm-ai-answer\");\n  const sources = panel.querySelector(\".sm-ai-sources\");\n  const backButton = panel.querySelector(\".sm-ai-back\");\n  const questionButtons = panel.querySelectorAll(\".sm-ai-question\");\n  const endpoint = panel.dataset.endpoint;\n\n  let typingTimer = null;\n\n  function stopTyping(){\n    if(typingTimer !== null){\n      window.clearInterval(typingTimer);\n      typingTimer = null;\n    }\n  }\n\n  function resetPanel(){\n    stopTyping();\n    panel.setAttribute(\"aria-busy\",\"false\");\n    answerQuestion.textContent = \"\";\n    status.textContent = \"\";\n    status.classList.remove(\"is-loading\");\n    answer.textContent = \"\";\n    sources.replaceChildren();\n    answerView.hidden = true;\n    questionsView.hidden = false;\n\n    \/* Mobilos r\u00f6gz\u00edtett magass\u00e1g vissza\u00e1ll\u00edt\u00e1sa a k\u00e9rd\u00e9sn\u00e9zethez. *\/\n    panel.style.height = \"\";\n  }\n\n  function typeAnswer(text){\n    stopTyping();\n    answer.textContent = \"\";\n    answer.scrollTop = 0;\n\n    const cleanText = String(text || \"\").trim();\n    let index = 0;\n\n    if(!cleanText){\n      status.textContent = \"Nem \u00e9rkezett megjelen\u00edthet\u0151 v\u00e1lasz.\";\n      return;\n    }\n\n    typingTimer = window.setInterval(function(){\n      answer.textContent += cleanText.charAt(index);\n      index += 1;\n\n      if(index >= cleanText.length){\n        stopTyping();\n      }\n    },10);\n  }\n\n  function renderSources(items){\n    sources.replaceChildren();\n\n    if(!Array.isArray(items)){\n      return;\n    }\n\n    items.forEach(function(item){\n      if(!item || typeof item.url !== \"string\"){\n        return;\n      }\n\n      let parsedUrl;\n\n      try{\n        parsedUrl = new URL(item.url,window.location.origin);\n      }catch(error){\n        return;\n      }\n\n      if(parsedUrl.protocol !== \"http:\" && parsedUrl.protocol !== \"https:\"){\n        return;\n      }\n\n      const link = document.createElement(\"a\");\n      link.className = \"sm-ai-source\";\n      link.href = parsedUrl.href;\n      link.target = \"_blank\";\n      link.rel = \"noopener noreferrer\";\n      link.textContent = item.title || parsedUrl.hostname;\n      sources.appendChild(link);\n    });\n  }\n\n  async function askQuestion(question,visibleLabel){\n    stopTyping();\n\n    \/* Mobilon\/tableten a k\u00e9rd\u00e9slista aktu\u00e1lis panelmagass\u00e1ga maradjon meg\n       a v\u00e1lasz megjelen\u00e9sekor is, \u00edgy a blokk nem ugrik \u00f6ssze. *\/\n    if(window.matchMedia(\"(max-width:900px)\").matches){\n      const currentPanelHeight = Math.ceil(panel.getBoundingClientRect().height);\n      panel.style.height = currentPanelHeight + \"px\";\n    }\n\n    questionsView.hidden = true;\n    answerView.hidden = false;\n    answerQuestion.textContent = visibleLabel;\n    answer.textContent = \"\";\n    answer.scrollTop = 0;\n    sources.replaceChildren();\n\n    panel.setAttribute(\"aria-busy\",\"true\");\n    status.textContent = \"A v\u00e1lasz \u00f6ssze\u00e1ll\u00edt\u00e1sa\u2026\";\n    status.classList.add(\"is-loading\");\n\n    try{\n      const response = await fetch(endpoint, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application\/json\"\n        },\n        body: JSON.stringify({\n          question: question\n        })\n      });\n\n      const data = await response.json().catch(function(){\n        return {};\n      });\n\n      if(!response.ok){\n        throw new Error(\n          data && data.message\n            ? data.message\n            : \"A v\u00e1laszszolg\u00e1ltat\u00e1s nem \u00e9rhet\u0151 el.\"\n        );\n      }\n\n      status.classList.remove(\"is-loading\");\n      status.textContent = \"\";\n      renderSources(data.sources);\n      typeAnswer(data.answer);\n    }catch(error){\n      status.classList.remove(\"is-loading\");\n      status.textContent = error && error.message\n        ? error.message\n        : \"A Google AI-v\u00e1lasz most nem \u00e9rhet\u0151 el.\";\n      answer.textContent = \"\";\n    }finally{\n      panel.setAttribute(\"aria-busy\",\"false\");\n    }\n  }\n\n  questionButtons.forEach(function(button){\n    button.addEventListener(\"click\",function(){\n      askQuestion(\n        button.dataset.question || button.textContent.trim(),\n        button.textContent.trim()\n      );\n    });\n  });\n\n  backButton.addEventListener(\"click\",resetPanel);\n})();\n<\/script>\n\n<script async=\"\" src=\"https:\/\/www.tiktok.com\/embed.js\"><\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>WELCOME TO STUDIOMIRROW SEE BEYOND. FEEL MORE. M\u0171v\u00e9szeti projekt Beyond The Fold K\u00eds\u00e9rleti zenei projekt az ismeretlenr\u0151l \u00e9s a bels\u0151 utaz\u00e1sr\u00f3l. Jim Rylie Meseuniverzum Zagrados Illusztr\u00e1lt fantasy vil\u00e1g egy kis h\u0151sr\u0151l \u00e9s egy elveszett m\u00faltr\u00f3l. Jim Rylie H\u00edrek Zagradosb\u00f3l Jim Rylie vil\u00e1g\u00e1nak hivatalos blogja \u00cdr\u00e1sok a k\u00e9sz\u00fcl\u0151 vil\u00e1gr\u00f3l, karakterekr\u0151l \u00e9s az alkot\u00e1s folyamat\u00e1r\u00f3l. A bejegyz\u00e9sek&#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":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":332,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/1013"}],"wp:attachment":[{"href":"https:\/\/studiomirrow.hu\/studio\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}