{"id":5,"date":"2026-03-18T10:13:59","date_gmt":"2026-03-18T10:13:59","guid":{"rendered":"https:\/\/christoskoutsis.com\/?page_id=5"},"modified":"2026-04-22T18:29:56","modified_gmt":"2026-04-22T18:29:56","slug":"christos-koutsis-reloaded","status":"publish","type":"page","link":"https:\/\/christoskoutsis.com\/en\/","title":{"rendered":"Christos Koutsis Reloaded"},"content":{"rendered":"<style>\n  .ck-home-wrap{\n    --text:#f3eee7;\n    --muted:#d1c8bc;\n    --line:rgba(255,255,255,.14);\n    --overlay:rgba(7,10,15,.42);\n    --overlay-strong:rgba(7,10,15,.62);\n    --card-overlay:rgba(0,0,0,.38);\n    --accent:#e7d8c4;\n    --bg1:#1a2130;\n    --bg2:#0d1016;\n    --bg3:#0b0d11;\n    background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 42%,var(--bg3) 100%);\n    color:var(--text);\n    font-family:Georgia,\"Times New Roman\",serif;\n  }\n\n  .ck-home-wrap *{box-sizing:border-box}\n  .ck-home-container{width:min(1180px,calc(100% - 42px));margin:0 auto}\n\n  .ck-topbar{\n    position:absolute;top:0;left:0;width:100%;z-index:20;\n    border-bottom:1px solid rgba(255,255,255,.12);\n    background:linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,.08));\n    backdrop-filter:blur(4px);\n  }\n\n  .ck-topbar-inner{\n    height:86px;display:flex;align-items:center;justify-content:space-between;position:relative\n  }\n\n  .ck-site-title{\n    position:absolute;left:50%;transform:translateX(-50%);\n    font-size:clamp(1.45rem,2vw,2.15rem);\n    letter-spacing:.08em;text-transform:uppercase;font-weight:600;\n    color:var(--text);white-space:nowrap\n  }\n\n  .ck-lang{margin-left:auto;font-size:.95rem;color:var(--muted)}\n  .ck-lang a{margin:0 6px;color:var(--text);text-decoration:none}\n\n  .ck-hero{\n    position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;\n    text-align:center;overflow:hidden;border-bottom:1px solid var(--line);\n    background:\n      linear-gradient(to bottom,var(--overlay),var(--overlay-strong)),\n      url(\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-1.jpg\") center center \/ cover no-repeat;\n  }\n\n  .ck-hero:after{\n    content:\"\";position:absolute;inset:0;\n    background:\n      radial-gradient(circle at 50% 30%,rgba(255,255,255,.06),transparent 35%),\n      linear-gradient(to bottom,rgba(255,255,255,.02),rgba(0,0,0,.18));\n    pointer-events:none;\n  }\n\n  .ck-hero-content{\n    position:relative;z-index:2;max-width:980px;padding:120px 20px 90px\n  }\n\n  .ck-hero-title{\n    font-size:clamp(2.4rem,5.3vw,5.8rem);line-height:1.04;font-weight:500;\n    margin:0 0 18px;text-shadow:0 2px 18px rgba(0,0,0,.45)\n  }\n\n  .ck-hero-title .light{font-style:italic;font-weight:400;color:var(--accent)}\n\n  .ck-hero-subtitle{\n    max-width:780px;margin:0 auto;font-size:clamp(1rem,1.4vw,1.25rem);\n    color:#efe6db;line-height:1.7;text-shadow:0 2px 10px rgba(0,0,0,.35)\n  }\n\n  .ck-main{\n    padding:38px 0 56px;\n    background:\n      radial-gradient(circle at top,rgba(255,255,255,.04),transparent 22%),\n      linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,0));\n  }\n\n  .ck-cards{\n    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\n    margin-top:-66px;position:relative;z-index:5\n  }\n\n  .ck-card-link{\n    display:block;\n    color:inherit;\n    text-decoration:none;\n  }\n\n  .ck-card{\n    background:rgba(255,255,255,.04);\n    border:1px solid rgba(255,255,255,.12);\n    overflow:hidden;\n    box-shadow:0 15px 35px rgba(0,0,0,.22);\n    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease\n  }\n\n  .ck-card-link:hover .ck-card,\n  .ck-card-link:focus .ck-card{\n    transform:translateY(-4px);\n    box-shadow:0 22px 42px rgba(0,0,0,.28);\n    border-color:rgba(255,255,255,.22);\n  }\n\n  .ck-card-image{\n    aspect-ratio:16\/10;position:relative;overflow:hidden;background:#000\n  }\n\n  .ck-card-image img{\n    width:100%;height:100%;object-fit:cover;filter:brightness(.86);display:block;\n    transition:transform .45s ease,filter .35s ease;\n  }\n\n  .ck-card-link:hover .ck-card-image img,\n  .ck-card-link:focus .ck-card-image img{\n    transform:scale(1.04);\n    filter:brightness(.74);\n  }\n\n  .ck-card-image:after{\n    content:\"\";position:absolute;inset:0;\n    background:linear-gradient(to top,var(--card-overlay),rgba(0,0,0,.08));\n    transition:background .3s ease;\n  }\n\n  .ck-card-link:hover .ck-card-image:after,\n  .ck-card-link:focus .ck-card-image:after{\n    background:linear-gradient(to top,rgba(0,0,0,.58),rgba(0,0,0,.18));\n  }\n\n  .ck-card-body{\n    padding:18px 18px 22px;text-align:center;background:rgba(12,15,21,.65)\n  }\n\n  .ck-card-title{\n    font-size:1.95rem;line-height:1.08;margin:0 0 8px;font-weight:500\n  }\n\n  .ck-card-text{\n    font-size:1rem;color:var(--muted);line-height:1.6;margin:0 0 16px\n  }\n\n  .ck-card-button{\n    display:inline-block;\n    padding:10px 18px;\n    border:1px solid rgba(255,255,255,.16);\n    background:rgba(255,255,255,.03);\n    color:var(--text);\n    text-decoration:none;\n    transition:all .25s ease;\n    font-size:.95rem;\n  }\n\n  .ck-card-link:hover .ck-card-button,\n  .ck-card-link:focus .ck-card-button{\n    background:rgba(255,255,255,.08);\n    border-color:rgba(255,255,255,.28);\n  }\n\n  .ck-divider{\n    margin:42px 0 24px\n  }\n\n  .ck-divider-line{\n    height:1px;background:var(--line);position:relative\n  }\n\n  .ck-divider-line:after{\n    content:\"\";width:10px;height:10px;background:rgba(255,255,255,.9);\n    border-radius:50%;position:absolute;left:50%;top:50%;\n    transform:translate(-50%,-50%);\n    box-shadow:0 0 0 6px rgba(255,255,255,.03)\n  }\n\n  .ck-music,\n  .ck-about{\n    display:grid;\n    grid-template-columns:340px 1fr;\n    gap:38px;\n    align-items:center;\n    padding-top:10px;\n  }\n\n  .ck-music{\n    margin-bottom:46px;\n    grid-template-columns:1fr 340px;\n  }\n\n  .ck-about{\n    margin-bottom:12px;\n    grid-template-columns:340px 1fr;\n  }\n\n  .ck-music-image,\n  .ck-portrait{\n    border:1px solid rgba(255,255,255,.12);\n    background:#000;\n    overflow:hidden;\n    aspect-ratio:4\/5;\n    min-height:420px;\n  }\n\n  .ck-music-image img,\n  .ck-portrait img{\n    width:100%;height:100%;object-fit:cover;display:block\n  }\n\n  .ck-portrait img{\n    filter:grayscale(100%) contrast(1.05)\n  }\n\n  .ck-music-copy,\n  .ck-about-copy{\n    padding-top:4px;\n  }\n\n  .ck-music-copy h2,\n  .ck-about-copy h2{\n    font-size:clamp(2rem,3vw,3rem);\n    margin:0 0 18px;\n    font-weight:500;\n    line-height:1.12;\n  }\n\n  .ck-music-copy p,\n  .ck-about-copy p{\n    font-size:1.12rem;\n    line-height:1.8;\n    color:var(--muted);\n    margin:0 0 12px;\n    max-width:760px\n  }\n\n  .ck-music-button,\n  .ck-about-button{\n    display:inline-block;\n    margin-top:12px;\n    padding:12px 24px;\n    border:1px solid rgba(255,255,255,.16);\n    background:rgba(255,255,255,.03);\n    color:var(--text);\n    text-decoration:none;\n    transition:all .25s ease\n  }\n\n  .ck-music-button:hover,\n  .ck-about-button:hover{\n    background:rgba(255,255,255,.08);\n    border-color:rgba(255,255,255,.28)\n  }\n\n  .ck-footer{\n    border-top:1px solid var(--line);\n    padding:42px 0 54px;\n    text-align:center\n  }\n\n  .ck-socials{\n    display:flex;justify-content:center;gap:16px;margin-bottom:18px;flex-wrap:wrap\n  }\n\n  .ck-social{\n    width:46px;height:46px;display:grid;place-items:center;\n    border:1px solid rgba(255,255,255,.14);\n    background:rgba(255,255,255,.03);\n    color:var(--text);font-size:.95rem;text-decoration:none;\n    transition:all .25s ease\n  }\n\n  .ck-social:hover{\n    background:rgba(255,255,255,.08);\n    transform:translateY(-2px)\n  }\n\n  .ck-footer-links{\n    color:var(--muted);font-size:.98rem\n  }\n\n  .ck-footer-links a{\n    margin:0 10px;color:var(--text);text-decoration:none\n  }\n\n  @media (max-width:980px){\n    .ck-cards{\n      grid-template-columns:1fr;\n      margin-top:0\n    }\n\n    .ck-music,\n    .ck-about{\n      grid-template-columns:1fr;\n      gap:24px;\n    }\n\n    .ck-portrait,\n    .ck-music-image{\n      max-width:360px;\n      min-height:0\n    }\n\n    .ck-topbar-inner{\n      height:76px\n    }\n\n    .ck-site-title{\n      font-size:1.2rem\n    }\n\n    .ck-music{\n      margin-bottom:38px;\n    }\n  }\n\n  @media (max-width:640px){\n    .ck-home-container{\n      width:min(100% - 28px,1180px)\n    }\n\n    .ck-hero{\n      min-height:78vh;\n      background-position:center center\n    }\n\n    .ck-hero-content{\n      padding:110px 8px 70px\n    }\n\n    .ck-hero-title{\n      font-size:2.25rem\n    }\n\n    .ck-hero-subtitle{\n      font-size:.98rem\n    }\n\n    .ck-site-title{\n      left:18px;\n      transform:none;\n      position:static;\n      text-align:left\n    }\n\n    .ck-topbar-inner{\n      justify-content:space-between\n    }\n\n    .ck-card-title{\n      font-size:1.6rem\n    }\n\n    .ck-music-copy h2,\n    .ck-about-copy h2{\n      font-size:2rem;\n      margin-top:0;\n    }\n\n    .ck-music-copy p,\n    .ck-about-copy p{\n      font-size:1rem\n    }\n\n    .ck-lang{\n      font-size:.82rem\n    }\n  }\n<\/style>\n\n<div class=\"ck-home-wrap\">\n\n  <header class=\"ck-topbar\">\n    <div class=\"ck-home-container ck-topbar-inner\">\n      <div class=\"ck-site-title\">Christos Koutsis<\/div>\n      <div class=\"ck-lang\">\n        <a href=\"#\">EN<\/a> | <a href=\"#\">GR<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section class=\"ck-hero\">\n    <div class=\"ck-hero-content\">\n      <h1 class=\"ck-hero-title\">\n        Understanding <span class=\"light\">the World<\/span><br>\n        from Every Perspective.\n      <\/h1>\n      <p class=\"ck-hero-subtitle\">\n        Observing. Questioning. Connecting the dots.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <main class=\"ck-main\">\n    <div class=\"ck-home-container\">\n\n      <section class=\"ck-cards\">\n        <a class=\"ck-card-link\" href=\"https:\/\/christoskoutsis.com\/en\/category\/journal-and-stories\/\">\n          <article class=\"ck-card\">\n            <div class=\"ck-card-image\">\n              <img decoding=\"async\" src=\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-6.jpg\" alt=\"Journal and Stories\">\n            <\/div>\n            <div class=\"ck-card-body\">\n              <h2 class=\"ck-card-title\">Journal &amp; Stories<\/h2>\n              <p class=\"ck-card-text\">Exploring realities.<\/p>\n              <span class=\"ck-card-button\">Enter<\/span>\n            <\/div>\n          <\/article>\n        <\/a>\n\n        <a class=\"ck-card-link\" href=\"https:\/\/christoskoutsis.com\/en\/category\/dogs-and-behaviour\/\">\n          <article class=\"ck-card\">\n            <div class=\"ck-card-image\">\n              <img decoding=\"async\" src=\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-5.jpg\" alt=\"Dogs and Behaviour\">\n            <\/div>\n            <div class=\"ck-card-body\">\n              <h2 class=\"ck-card-title\">Dogs &amp; Behaviour<\/h2>\n              <p class=\"ck-card-text\">Instinct &amp; connection.<\/p>\n              <span class=\"ck-card-button\">Enter<\/span>\n            <\/div>\n          <\/article>\n        <\/a>\n\n        <a class=\"ck-card-link\" href=\"https:\/\/christoskoutsis.com\/en\/category\/beyond-the-code\/\">\n          <article class=\"ck-card\">\n            <div class=\"ck-card-image\">\n              <img decoding=\"async\" src=\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-8.jpg\" alt=\"Beyond the Code\">\n            <\/div>\n            <div class=\"ck-card-body\">\n              <h2 class=\"ck-card-title\">Beyond the Code<\/h2>\n              <p class=\"ck-card-text\">Mind &amp; technology.<\/p>\n              <span class=\"ck-card-button\">Enter<\/span>\n            <\/div>\n          <\/article>\n        <\/a>\n      <\/section>\n\n      <div class=\"ck-divider\">\n        <div class=\"ck-divider-line\"><\/div>\n      <\/div>\n\n      <section class=\"ck-music\">\n        <div class=\"ck-music-copy\">\n          <h2>Music<\/h2>\n          <p>\n            Music has always been one of the deepest ways I process experience,\n            memory, emotion, and the unseen side of life.\n          <\/p>\n          <p>\n            Not as decoration, but as a living language through which fragments\n            of the self become sound.\n          <\/p>\n          <a href=\"https:\/\/christoskoutsis.com\/en\/category\/music\/\" class=\"ck-music-button\">Listen<\/a>\n        <\/div>\n\n        <div class=\"ck-music-image\">\n          <img decoding=\"async\" src=\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-2.jpg\" alt=\"Music\">\n        <\/div>\n      <\/section>\n\n      <section class=\"ck-about\">\n        <div class=\"ck-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/christoskoutsis.com\/wp-content\/uploads\/2026\/03\/christos-koutsis-3.jpg\" alt=\"Christos Koutsis\">\n        <\/div>\n\n        <div class=\"ck-about-copy\">\n          <h2>About Christos<\/h2>\n          <p>From journalism to dog training, from music to technology.<\/p>\n          <p>A journey to find my place in the world.<\/p>\n          <a href=\"#\" class=\"ck-about-button\">Read More<\/a>\n        <\/div>\n      <\/section>\n\n    <\/div>\n  <\/main>\n\n  <footer class=\"ck-footer\">\n    <div class=\"ck-home-container\">\n      <div class=\"ck-socials\">\n        <a href=\"#\" class=\"ck-social\">YT<\/a>\n        <a href=\"#\" class=\"ck-social\">FB<\/a>\n        <a href=\"#\" class=\"ck-social\">IG<\/a>\n      <\/div>\n      <div class=\"ck-footer-links\">\n        <a href=\"#\">Contact<\/a> |\n        <a href=\"#\">Privacy Policy<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n\n\n<script defer type=\"module\" src=\"https:\/\/listen.zeno.fm\/player.js\"><\/script>","protected":false},"excerpt":{"rendered":"<p>Christos Koutsis EN | GR Understanding the World from Every Perspective. Observing. Questioning. Connecting the dots. Journal &amp; Stories Exploring realities. Enter Dogs &amp; Behaviour Instinct &amp; connection. Enter Beyond the Code Mind &amp; technology. Enter Music Music has always been one of the deepest ways I process experience, memory, emotion, and the unseen side [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":12,"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/pages\/5\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/christoskoutsis.com\/en\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}