{"id":12,"date":"2026-04-16T13:30:13","date_gmt":"2026-04-16T13:30:13","guid":{"rendered":"https:\/\/www.carlodangio.com\/Music\/?page_id=12"},"modified":"2026-05-24T01:34:02","modified_gmt":"2026-05-24T01:34:02","slug":"carlo-dangio-music","status":"publish","type":"page","link":"https:\/\/www.carlodangio.com\/Music\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-nav {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n    padding: 16px 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: rgba(10, 9, 7, 0.96);\n    border-bottom: 1px solid rgba(200, 133, 58, 0.12);\n    transition: background 0.5s ease, padding 0.4s ease;\n  }\n\n  .cdm-nav.on-hero {\n    background: transparent;\n    border-bottom-color: transparent;\n    padding: 24px 48px;\n  }\n\n  .cdm-nav.scrolled {\n    background: rgba(10, 9, 7, 0.96) !important;\n    padding: 14px 48px !important;\n    border-bottom: 1px solid rgba(200, 133, 58, 0.15) !important;\n  }\n\n  \/* Offset admin bar WordPress \u2014 visibile solo a te da admin *\/\n  body.admin-bar .cdm-nav { top: 32px; }\n  body.admin-bar .cdm-mobile-menu { top: 32px; }\n  @media screen and (max-width: 782px) {\n    body.admin-bar .cdm-nav,\n    body.admin-bar .cdm-mobile-menu { top: 46px; }\n  }\n\n  .cdm-nav-logo {\n    display: flex;\n    align-items: center;\n  }\n\n  .cdm-nav-logo img {\n    height: 58px;\n    width: auto;\n    opacity: 0.95;\n    transition: opacity 0.3s, height 0.3s;\n  }\n\n  .cdm-nav.scrolled .cdm-nav-logo img {\n    height: 44px;\n  }\n\n  .cdm-nav-logo img:hover { opacity: 1; }\n\n  .cdm-nav-right {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n  }\n\n  .cdm-nav-link {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(244, 239, 232, 0.65);\n    text-decoration: none;\n    transition: color 0.3s;\n  }\n\n  .cdm-nav-link:hover { color: rgba(244, 239, 232, 1); }\n\n  .cdm-nav-social {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .cdm-nav-social a {\n    color: rgba(244, 239, 232, 0.45);\n    text-decoration: none;\n    transition: color 0.3s;\n    display: flex;\n    align-items: center;\n  }\n\n  .cdm-nav-social a:hover { color: rgba(200, 133, 58, 0.9); }\n\n  .cdm-nav-social svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n  }\n\n  .cdm-hamburger {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    padding: 4px;\n    background: none;\n    border: none;\n  }\n\n  .cdm-hamburger span {\n    display: block;\n    width: 22px;\n    height: 1px;\n    background: rgba(244, 239, 232, 0.7);\n    transition: all 0.3s ease;\n  }\n\n  .cdm-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\n  .cdm-hamburger.open span:nth-child(2) { opacity: 0; }\n  .cdm-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\n\n  .cdm-mobile-menu {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(10, 9, 7, 0.98);\n    z-index: 9998;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 40px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.4s ease;\n  }\n\n  .cdm-mobile-menu.open {\n    display: flex;\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .cdm-mobile-menu a {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: 32px;\n    letter-spacing: 0.05em;\n    color: rgba(244, 239, 232, 0.85);\n    text-decoration: none;\n    transition: color 0.3s;\n  }\n\n  .cdm-mobile-menu a:hover { color: rgba(200, 133, 58, 0.9); }\n\n  .cdm-mobile-social {\n    display: flex;\n    gap: 28px;\n    margin-top: 16px;\n  }\n\n  .cdm-mobile-social a {\n    font-size: 14px !important;\n    color: rgba(244, 239, 232, 0.4) !important;\n  }\n\n  @media (max-width: 768px) {\n    .cdm-nav { padding: 14px 24px; }\n    .cdm-nav.on-hero { padding: 18px 24px; }\n    .cdm-nav.scrolled { padding: 12px 24px !important; }\n    .cdm-nav-right { display: none; }\n    .cdm-hamburger { display: flex; }\n    .cdm-nav-logo img { height: 48px; }\n  }\n<\/style>\n\n<nav class=\"cdm-nav\" id=\"cdmNav\">\n  <div class=\"cdm-nav-logo\">\n    <a href=\"\/Music\">\n      <img decoding=\"async\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/logo-carlodangio-music.png\" alt=\"Carlo D'Angi\u00f2 Music\">\n    <\/a>\n  <\/div>\n\n  <div class=\"cdm-nav-right\">\n    <a href=\"#ritorno\" class=\"cdm-nav-link\">La storia<\/a>\n    <a href=\"#singolo\" class=\"cdm-nav-link\">Qui e ora<\/a>\n    <a href=\"#brani\" class=\"cdm-nav-link\">I brani<\/a>\n    <div class=\"cdm-nav-social\">\n      <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\" title=\"Ascolta\" aria-label=\"Ascolta\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\n      <\/a>\n      <a href=\"#\" target=\"_blank\" title=\"Instagram\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.youtube.com\/@carlodangiomusic\" target=\"_blank\" title=\"YouTube\" aria-label=\"YouTube\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.tiktok.com\/@carlodangiomusic\" target=\"_blank\" title=\"TikTok\" aria-label=\"TikTok\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <button class=\"cdm-hamburger\" id=\"cdmHamburger\" aria-label=\"Menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/nav>\n\n<div class=\"cdm-mobile-menu\" id=\"cdmMobileMenu\">\n  <a href=\"#singolo\">Qui e ora<\/a>\n  <a href=\"#ritorno\">La storia<\/a>\n  <a href=\"#brani\">I brani<\/a>\n  <a href=\"https:\/\/carlodangio.com\">carlodangio.com<\/a>\n  <div class=\"cdm-mobile-social\">\n    <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\">\u266a<\/a>\n    <a href=\"#\" target=\"_blank\">IG<\/a>\n    <a href=\"https:\/\/www.youtube.com\/@carlodangiomusic\" target=\"_blank\">YT<\/a>\n    <a href=\"https:\/\/www.tiktok.com\/@carlodangiomusic\" target=\"_blank\">TK<\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var nav = document.getElementById('cdmNav');\n  var hamburger = document.getElementById('cdmHamburger');\n  var mobileMenu = document.getElementById('cdmMobileMenu');\n\n  window.addEventListener('scroll', function() {\n    if (window.scrollY > 60) {\n      nav.classList.add('scrolled');\n      nav.classList.remove('on-hero');\n    } else {\n      nav.classList.remove('scrolled');\n      if (document.getElementById('cdmHero')) {\n        nav.classList.add('on-hero');\n      }\n    }\n  });\n\n  hamburger.addEventListener('click', function() {\n    hamburger.classList.toggle('open');\n    mobileMenu.classList.toggle('open');\n    document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : '';\n  });\n\n  document.querySelectorAll('#cdmMobileMenu a').forEach(function(link) {\n    link.addEventListener('click', function() {\n      hamburger.classList.remove('open');\n      mobileMenu.classList.remove('open');\n      document.body.style.overflow = '';\n    });\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-hero {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background: #0a0907;\n  }\n\n  .cdm-hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-music-ritorno-bosco.jpg');\n    background-size: cover;\n    background-position: center center;\n    transform: scale(1.04);\n    animation: cdmHeroZoom 12s ease-out forwards;\n  }\n\n  @keyframes cdmHeroZoom {\n    from { transform: scale(1.04); }\n    to   { transform: scale(1.0); }\n  }\n\n  .cdm-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(to bottom,\n        rgba(10,9,7,0.3)  0%,\n        rgba(10,9,7,0.15) 25%,\n        rgba(10,9,7,0.5)  60%,\n        rgba(10,9,7,0.88) 85%,\n        rgba(10,9,7,1.0)  100%\n      );\n  }\n\n  \/* Pannello sinistro scuro per leggibilit\u00e0 testo *\/\n  .cdm-hero-overlay::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to right,\n      rgba(10,9,7,0.6) 0%,\n      rgba(10,9,7,0.3) 50%,\n      rgba(10,9,7,0.0) 100%\n    );\n  }\n\n  .cdm-hero-content {\n    position: relative;\n    z-index: 2;\n    padding: 120px 80px 80px;\n    max-width: 780px;\n    width: 100%;\n  }\n\n  .cdm-hero-eyebrow {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.32em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.9);\n    margin-bottom: 20px;\n    opacity: 0;\n    animation: cdmFadeUp 1s ease 0.3s forwards;\n  }\n\n  .cdm-hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: clamp(50px, 7vw, 90px);\n    line-height: 1.03;\n    letter-spacing: -0.01em;\n    color: #f4efe8;\n    margin-bottom: 28px;\n    opacity: 0;\n    animation: cdmFadeUp 1s ease 0.55s forwards;\n  }\n\n  .cdm-hero-title em {\n    font-style: italic;\n    color: #e8a85a;\n  }\n\n  .cdm-hero-sub {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 15px;\n    line-height: 1.75;\n    color: rgba(244, 239, 232, 0.6);\n    max-width: 400px;\n    margin-bottom: 44px;\n    letter-spacing: 0.02em;\n    opacity: 0;\n    animation: cdmFadeUp 1s ease 0.8s forwards;\n  }\n\n  .cdm-hero-ctas {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n    opacity: 0;\n    animation: cdmFadeUp 1s ease 1.05s forwards;\n  }\n\n  .cdm-hero-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 36px;\n    background: #c8853a;\n    color: #0a0907;\n    font-family: 'Jost', sans-serif;\n    font-weight: 400;\n    font-size: 11px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: background 0.3s, transform 0.2s;\n  }\n\n  .cdm-hero-btn-primary:hover {\n    background: #e8a85a;\n    transform: translateY(-2px);\n  }\n\n  .cdm-hero-btn-outline {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 36px;\n    border: 1px solid rgba(244, 239, 232, 0.25);\n    color: rgba(244, 239, 232, 0.8);\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: border-color 0.3s, color 0.3s, transform 0.2s;\n  }\n\n  .cdm-hero-btn-outline:hover {\n    border-color: rgba(244, 239, 232, 0.7);\n    color: #f4efe8;\n    transform: translateY(-2px);\n  }\n\n  .cdm-hero-scroll {\n    position: absolute;\n    bottom: 40px;\n    right: 80px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    opacity: 0;\n    animation: cdmFadeIn 1s ease 1.6s forwards;\n  }\n\n  .cdm-hero-scroll span {\n    font-family: 'Jost', sans-serif;\n    font-size: 9px;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: rgba(244, 239, 232, 0.35);\n    writing-mode: vertical-rl;\n  }\n\n  .cdm-hero-scroll-line {\n    width: 1px;\n    height: 0;\n    background: rgba(200, 133, 58, 0.5);\n    animation: cdmLineGrow 1.2s ease 2s forwards;\n  }\n\n  @keyframes cdmLineGrow {\n    from { height: 0; }\n    to   { height: 52px; }\n  }\n\n  @keyframes cdmFadeUp {\n    from { opacity: 0; transform: translateY(22px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes cdmFadeIn {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n\n  @media (max-width: 768px) {\n    .cdm-hero {\n      min-height: 100svh;\n      align-items: flex-end;\n    }\n    .cdm-hero-bg {\n      background-position: 60% center;\n    }\n    .cdm-hero-content {\n      padding: 0 28px 64px;\n      max-width: 100%;\n    }\n    .cdm-hero-title {\n      font-size: clamp(40px, 11vw, 60px);\n    }\n    .cdm-hero-sub {\n      font-size: 14px;\n      max-width: 100%;\n    }\n    .cdm-hero-ctas {\n      flex-direction: column;\n      gap: 12px;\n    }\n    .cdm-hero-btn-primary,\n    .cdm-hero-btn-outline {\n      justify-content: center;\n      padding: 15px 28px;\n    }\n    .cdm-hero-scroll { display: none; }\n  }\n<\/style>\n\n<section class=\"cdm-hero\" id=\"cdmHero\">\n  <div class=\"cdm-hero-bg\"><\/div>\n  <div class=\"cdm-hero-overlay\"><\/div>\n\n  <div class=\"cdm-hero-content\">\n    <p class=\"cdm-hero-eyebrow\">Carlo D'Angi\u00f2 Music<\/p>\n    <h1 class=\"cdm-hero-title\">\n      Non ho iniziato.<br>\n      <em>Ho ripreso.<\/em>\n    <\/h1>\n    <p class=\"cdm-hero-sub\">\n      Musica come linguaggio della trasformazione.<br>\n      Un ritorno consapevole a una parte di s\u00e9 lasciata indietro.\n    <\/p>\n    <div class=\"cdm-hero-ctas\">\n      <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\" class=\"cdm-hero-btn-primary\">\n        \u266a &nbsp;Ascolta \"Qui e ora\"\n      <\/a>\n      <a href=\"#ritorno\" class=\"cdm-hero-btn-outline\">\n        La storia \u2192\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"cdm-hero-scroll\">\n    <span>Scorri<\/span>\n    <div class=\"cdm-hero-scroll-line\"><\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-singolo {\n    background: #0f0d0a;\n    padding: 100px 80px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .cdm-singolo-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* SINISTRA *\/\n  .cdm-singolo-label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.8);\n    margin-bottom: 16px;\n  }\n\n  .cdm-singolo-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: clamp(52px, 6vw, 80px);\n    line-height: 1.0;\n    color: #f4efe8;\n    margin-bottom: 8px;\n  }\n\n  .cdm-singolo-date {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(244, 239, 232, 0.3);\n    margin-bottom: 32px;\n  }\n\n  .cdm-singolo-sep {\n    width: 48px;\n    height: 1px;\n    background: rgba(200, 133, 58, 0.35);\n    margin: 0 0 32px 0;\n  }\n\n  .cdm-singolo-desc {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 15px;\n    line-height: 1.85;\n    color: rgba(244, 239, 232, 0.65);\n    margin-bottom: 32px;\n  }\n\n  .cdm-singolo-lyric {\n    border-left: 2px solid rgba(200, 133, 58, 0.4);\n    padding: 16px 24px;\n    margin-bottom: 40px;\n  }\n\n  .cdm-singolo-lyric p {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-weight: 300;\n    font-size: 18px;\n    line-height: 1.7;\n    color: rgba(244, 239, 232, 0.7);\n  }\n\n  .cdm-singolo-platforms {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .cdm-platform-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    padding: 13px 24px;\n    border: 1px solid rgba(244, 239, 232, 0.12);\n    color: rgba(244, 239, 232, 0.75);\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    text-decoration: none;\n    max-width: 300px;\n    transition: border-color 0.3s, color 0.3s, background 0.3s;\n    box-sizing: border-box;\n  }\n\n  .cdm-platform-btn:hover {\n    border-color: rgba(200, 133, 58, 0.6);\n    color: #f4efe8;\n    background: rgba(200, 133, 58, 0.06);\n  }\n\n  .cdm-platform-btn svg {\n    width: 15px;\n    height: 15px;\n    fill: currentColor;\n    flex-shrink: 0;\n    opacity: 0.7;\n  }\n\n  \/* DESTRA \u2014 video poster *\/\n  .cdm-singolo-right {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: stretch;\n  }\n\n  .cdm-video-poster {\n    position: relative;\n    width: 100%;\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .cdm-video-poster img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.7s ease;\n  }\n\n  .cdm-video-poster:hover img {\n    transform: scale(1.03);\n  }\n\n  \/* Overlay scuro leggero *\/\n  .cdm-video-poster-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(10,9,7,0.15) 0%,\n      rgba(10,9,7,0.5) 100%\n    );\n    transition: background 0.4s ease;\n  }\n\n  .cdm-video-poster:hover .cdm-video-poster-overlay {\n    background: linear-gradient(\n      to bottom,\n      rgba(10,9,7,0.25) 0%,\n      rgba(10,9,7,0.6) 100%\n    );\n  }\n\n  \/* Play button *\/\n  .cdm-play-btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 14px;\n    z-index: 2;\n    transition: transform 0.3s ease;\n  }\n\n  .cdm-video-poster:hover .cdm-play-btn {\n    transform: translate(-50%, -50%) scale(1.08);\n  }\n\n  .cdm-play-circle {\n    width: 72px;\n    height: 72px;\n    border: 1.5px solid rgba(244, 239, 232, 0.7);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(10, 9, 7, 0.35);\n    backdrop-filter: blur(4px);\n    transition: border-color 0.3s, background 0.3s;\n  }\n\n  .cdm-video-poster:hover .cdm-play-circle {\n    border-color: rgba(200, 133, 58, 0.9);\n    background: rgba(200, 133, 58, 0.15);\n  }\n\n  .cdm-play-circle svg {\n    width: 22px;\n    height: 22px;\n    fill: #f4efe8;\n    margin-left: 4px; \/* ottico per centrare il triangolo *\/\n  }\n\n  .cdm-play-label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: rgba(244, 239, 232, 0.7);\n  }\n\n  \/* Titolo brano in basso sul poster *\/\n  .cdm-video-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px 24px;\n    z-index: 2;\n  }\n\n  .cdm-video-caption-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: 22px;\n    color: #f4efe8;\n    letter-spacing: 0.02em;\n  }\n\n  .cdm-video-caption-sub {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.7);\n    margin-top: 4px;\n  }\n\n  \/* Iframe nascosto, appare al click *\/\n  .cdm-video-iframe-wrap {\n    display: none;\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n    background: #0a0907;\n  }\n\n  .cdm-video-iframe-wrap iframe {\n    width: 100%;\n    height: 100%;\n    border: none;\n  }\n\n  .cdm-video-close {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    width: 36px;\n    height: 36px;\n    background: rgba(10,9,7,0.7);\n    border: 1px solid rgba(244,239,232,0.2);\n    border-radius: 50%;\n    color: rgba(244,239,232,0.8);\n    font-size: 16px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 11;\n    transition: background 0.3s;\n  }\n\n  .cdm-video-close:hover {\n    background: rgba(200,133,58,0.3);\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 768px) {\n    .cdm-singolo {\n      padding: 72px 28px;\n    }\n    .cdm-singolo-inner {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .cdm-singolo-title {\n      font-size: clamp(44px, 13vw, 64px);\n    }\n    .cdm-platform-btn {\n      max-width: 100%;\n    }\n    .cdm-play-circle {\n      width: 60px;\n      height: 60px;\n    }\n  }\n<\/style>\n\n<section class=\"cdm-singolo\" id=\"singolo\">\n  <div class=\"cdm-singolo-inner\">\n\n    <!-- SINISTRA: testo -->\n    <div class=\"cdm-singolo-left\">\n\n      <p class=\"cdm-singolo-label\">Primo singolo \u00b7 27 aprile 2026<\/p>\n      <h2 class=\"cdm-singolo-title\">Qui e ora<\/h2>\n      <p class=\"cdm-singolo-date\">Carlo D'Angi\u00f2<\/p>\n      <div class=\"cdm-singolo-sep\"><\/div>\n\n      <p class=\"cdm-singolo-desc\">\n        Lasciare andare il passato. Smettere di tornare indietro.\n        Restare nel presente \u2014 non come rinuncia, ma come scelta consapevole.\n      <\/p>\n\n      <div class=\"cdm-singolo-lyric\">\n        <p>\n          Respiro qui e ora<br>\n          col passato che si scioglie addosso<br>\n          se mi resta qui e ora<br>\n          lo voglio vivere questo istante\n        <\/p>\n      <\/div>\n\n      <div class=\"cdm-singolo-platforms\">\n        <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\" class=\"cdm-platform-btn\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\n          Ascolta su tutte le piattaforme\n        <\/a>\n        <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\" class=\"cdm-platform-btn\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 12l-18 9V3z\"\/><\/svg>\n          Pre-save ora\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- DESTRA: video poster -->\n    <div class=\"cdm-singolo-right\">\n      <div class=\"cdm-video-poster\" id=\"cdmVideoPoster\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-video-promo-qui-e-ora-scaled.jpg\"\n          alt=\"Carlo D'Angi\u00f2 - Qui e ora, guarda il video\"\n        >\n\n        <div class=\"cdm-video-poster-overlay\"><\/div>\n\n        <div class=\"cdm-play-btn\">\n          <div class=\"cdm-play-circle\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/div>\n          <span class=\"cdm-play-label\">Guarda il video<\/span>\n        <\/div>\n\n        <div class=\"cdm-video-caption\">\n          <div class=\"cdm-video-caption-title\">Qui e ora<\/div>\n          <div class=\"cdm-video-caption-sub\">Video clip \u00b7 Ritornello<\/div>\n        <\/div>\n\n        <!-- Iframe Vimeo, appare al click -->\n        <div class=\"cdm-video-iframe-wrap\" id=\"cdmVideoWrap\">\n          <button class=\"cdm-video-close\" id=\"cdmVideoClose\" aria-label=\"Chiudi video\">\u2715<\/button>\n          <iframe\n            id=\"cdmVideoFrame\"\n            src=\"\"\n            data-src=\"https:\/\/player.vimeo.com\/video\/1183742595?autoplay=1&loop=1&title=0&byline=0&portrait=0\"\n            allow=\"autoplay; fullscreen; picture-in-picture\"\n            allowfullscreen\n            title=\"Carlo D'Angi\u00f2 - Qui e ora\"\n          ><\/iframe>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var poster = document.getElementById('cdmVideoPoster');\n  var wrap   = document.getElementById('cdmVideoWrap');\n  var frame  = document.getElementById('cdmVideoFrame');\n  var close  = document.getElementById('cdmVideoClose');\n\n  poster.addEventListener('click', function(e) {\n    if (wrap.style.display === 'block') return;\n    frame.src = frame.getAttribute('data-src');\n    wrap.style.display = 'block';\n  });\n\n  close.addEventListener('click', function(e) {\n    e.stopPropagation();\n    wrap.style.display = 'none';\n    frame.src = '';\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-ritorno {\n    background: #0a0907;\n    padding: 120px 80px;\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Linea decorativa verticale ambrata *\/\n  .cdm-ritorno::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 1px;\n    height: 100%;\n    background: linear-gradient(\n      to bottom,\n      transparent 0%,\n      rgba(200, 133, 58, 0.12) 20%,\n      rgba(200, 133, 58, 0.12) 80%,\n      transparent 100%\n    );\n  }\n\n  .cdm-ritorno-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 100px;\n    align-items: start;\n  }\n\n  \/* SINISTRA \u2014 foto *\/\n  .cdm-ritorno-img-wrap {\n    position: relative;\n    width: 100%;\n  }\n\n  .cdm-ritorno-img-wrap img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    filter: brightness(0.88) contrast(1.05);\n    transition: filter 0.6s ease;\n  }\n\n  .cdm-ritorno-img-wrap:hover img {\n    filter: brightness(0.95) contrast(1.05);\n  }\n\n  \/* Cornice decorativa sfalsata *\/\n  .cdm-ritorno-img-wrap::before {\n    content: '';\n    position: absolute;\n    top: 16px;\n    left: -16px;\n    right: 16px;\n    bottom: -16px;\n    border: 1px solid rgba(200, 133, 58, 0.2);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .cdm-ritorno-img-wrap img {\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* Quote in sovrimpressione *\/\n  .cdm-ritorno-img-quote {\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    right: 0;\n    z-index: 2;\n    padding: 32px 28px 24px;\n    background: linear-gradient(to top, rgba(10,9,7,0.95) 0%, rgba(10,9,7,0.6) 60%, transparent 100%);\n  }\n\n  .cdm-ritorno-img-quote p {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-weight: 300;\n    font-size: 17px;\n    line-height: 1.5;\n    color: rgba(244, 239, 232, 0.85);\n  }\n\n  \/* DESTRA \u2014 testo *\/\n  .cdm-ritorno-label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.8);\n    margin-bottom: 20px;\n  }\n\n  .cdm-ritorno-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: clamp(36px, 4vw, 54px);\n    line-height: 1.1;\n    color: #f4efe8;\n    margin-bottom: 40px;\n  }\n\n  .cdm-ritorno-title em {\n    font-style: italic;\n    color: #e8a85a;\n  }\n\n  .cdm-ritorno-text p {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 15px;\n    line-height: 1.9;\n    color: rgba(244, 239, 232, 0.65);\n    margin-bottom: 22px;\n  }\n\n  .cdm-ritorno-text p:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .cdm-ritorno-text strong {\n    color: rgba(244, 239, 232, 0.9);\n    font-weight: 400;\n  }\n\n  \/* Separatore *\/\n  .cdm-ritorno-sep {\n    width: 48px;\n    height: 1px;\n    background: rgba(200, 133, 58, 0.35);\n    margin: 36px 0;\n  }\n\n  \/* Firma \/ chiusura *\/\n  .cdm-ritorno-closing {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-weight: 300;\n    font-size: 20px;\n    line-height: 1.5;\n    color: rgba(244, 239, 232, 0.75);\n    border-left: 2px solid rgba(200, 133, 58, 0.4);\n    padding: 16px 24px;\n    margin-top: 36px;\n  }\n\n  \/* Link al sito principale *\/\n  .cdm-ritorno-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 40px;\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(244, 239, 232, 0.45);\n    text-decoration: none;\n    border-bottom: 1px solid rgba(244, 239, 232, 0.15);\n    padding-bottom: 4px;\n    transition: color 0.3s, border-color 0.3s;\n  }\n\n  .cdm-ritorno-link:hover {\n    color: rgba(200, 133, 58, 0.9);\n    border-color: rgba(200, 133, 58, 0.4);\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 768px) {\n    .cdm-ritorno {\n      padding: 80px 28px;\n    }\n    .cdm-ritorno::before {\n      display: none;\n    }\n    .cdm-ritorno-inner {\n      grid-template-columns: 1fr;\n      gap: 52px;\n    }\n    .cdm-ritorno-img-wrap::before {\n      display: none;\n    }\n    .cdm-ritorno-title {\n      font-size: clamp(32px, 9vw, 48px);\n    }\n  }\n<\/style>\n\n<section class=\"cdm-ritorno\" id=\"ritorno\">\n  <div class=\"cdm-ritorno-inner\">\n\n    <!-- SINISTRA: foto ritratto -->\n    <div class=\"cdm-ritorno-img-wrap\">\n      <img decoding=\"async\"\n        src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-ritratto-autunno-lago.png\"\n        alt=\"Carlo D'Angi\u00f2 - ritratto autunnale al lago\"\n      >\n      <div class=\"cdm-ritorno-img-quote\">\n        <p>\"Non l'ho uccisa.<br>L'ho messa in attesa.\"<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- DESTRA: testo -->\n    <div class=\"cdm-ritorno-right\">\n\n      <p class=\"cdm-ritorno-label\">Chi \u00e8 Carlo D'Angi\u00f2<\/p>\n\n      <h2 class=\"cdm-ritorno-title\">\n        Non \u00e8 un inizio.<br>\n        <em>\u00c8 un ritorno.<\/em>\n      <\/h2>\n\n      <div class=\"cdm-ritorno-text\">\n        <p>\n          Scrivo di trasformazione personale, business e libert\u00e0 dal 2007.\n          Autore, formatore, creatore di contenuti. Ho costruito un ecosistema\n          digitale che mi ha permesso di scegliere dove vivere, come lavorare,\n          con chi stare.\n        <\/p>\n        <p>\n          Ma c'era qualcosa che avevo lasciato indietro. Scrivevo musica, anni fa.\n          Ma la vita ha preso il sopravvento \u2014 lavoro, responsabilit\u00e0, famiglia.\n          <strong>Non ho smesso. Ho parcheggiato.<\/strong>\n        <\/p>\n        <p>\n          Poi \u00e8 arrivata l'AI. Non per scrivere al posto mio \u2014 ma per togliere\n          gli ostacoli tra me e quelle canzoni che aspettavano ancora di nascere.\n          Ho capito che non avevo pi\u00f9 scuse.\n        <\/p>\n      <\/div>\n\n      <div class=\"cdm-ritorno-sep\"><\/div>\n\n      <div class=\"cdm-ritorno-closing\">\n        A cinquant'anni non \u00e8 una partenza.<br>\n        \u00c8 riempire il vuoto di una lunga assenza.\n      <\/div>\n\n      <a href=\"https:\/\/www.carlodangio.com\" target=\"_blank\" class=\"cdm-ritorno-link\">\n        Scopri il mio lavoro \u2192\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- cdm-brani.html \u2014 I Brani \u2014 15 brani totali -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap');\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.cdm-brani {\n  background: #0f0d0a;\n  padding: 100px 0 120px;\n  position: relative;\n}\n\n.cdm-brani__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n.cdm-brani__header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.cdm-brani__label {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 11px;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: #c8853a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.cdm-brani__label::before,\n.cdm-brani__label::after {\n  content: '';\n  display: block;\n  width: 40px;\n  height: 1px;\n  background: rgba(200,133,58,0.4);\n}\n\n.cdm-brani__title {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(32px, 4vw, 48px);\n  color: #f4efe8;\n  line-height: 1.2;\n  margin-bottom: 16px;\n}\n\n.cdm-brani__subtitle {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-weight: 300;\n  font-size: 18px;\n  color: rgba(244,239,232,0.55);\n}\n\n\/* Grid *\/\n.cdm-brani__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n\n@media (max-width: 1024px) { .cdm-brani__grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 600px)  { .cdm-brani__grid { grid-template-columns: 1fr; } }\n\n\/* Card *\/\n.cdm-card {\n  background: #0a0907;\n  border: 1px solid rgba(200,133,58,0.12);\n  cursor: pointer;\n  transition: border-color 0.3s, transform 0.3s;\n  position: relative;\n  overflow: hidden;\n}\n\n.cdm-card:hover {\n  border-color: rgba(200,133,58,0.35);\n  transform: translateY(-4px);\n}\n\n.cdm-card__cover {\n  width: 100%;\n  aspect-ratio: 1;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n\n.cdm-card:hover .cdm-card__cover { transform: scale(1.04); }\n\n.cdm-card__cover-wrap {\n  overflow: hidden;\n  position: relative;\n}\n\n.cdm-card__badge {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  background: #c8853a;\n  color: #0a0907;\n  font-family: 'Jost', sans-serif;\n  font-weight: 400;\n  font-size: 9px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  z-index: 2;\n}\n\n.cdm-card__overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(10,9,7,0.45);\n  opacity: 0;\n  transition: opacity 0.3s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n\n.cdm-card:hover .cdm-card__overlay { opacity: 1; }\n\n.cdm-card__play-icon {\n  width: 52px;\n  height: 52px;\n  border: 1.5px solid #f4efe8;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.2s, background 0.2s;\n}\n\n.cdm-card:hover .cdm-card__play-icon {\n  border-color: #c8853a;\n  background: rgba(200,133,58,0.15);\n}\n\n.cdm-card__play-icon svg { margin-left: 3px; }\n\n.cdm-card__body {\n  padding: 16px 18px 20px;\n}\n\n.cdm-card__lang {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 9px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: rgba(200,133,58,0.7);\n  margin-bottom: 6px;\n}\n\n.cdm-card__name {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: 18px;\n  color: #f4efe8;\n  line-height: 1.2;\n}\n\n\/* ===== POPUP ===== *\/\n.cdm-popup-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(10,9,7,0.88);\n  z-index: 99990;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s;\n  padding: 20px;\n  backdrop-filter: blur(6px);\n}\n\n.cdm-popup-overlay.is-active {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.cdm-popup {\n  background: #131109;\n  border: 1px solid rgba(200,133,58,0.18);\n  max-width: 520px;\n  width: 100%;\n  position: relative;\n  transform: translateY(20px);\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);\n}\n\n.cdm-popup-overlay.is-active .cdm-popup { transform: translateY(0); }\n\n.cdm-popup__close {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 32px;\n  height: 32px;\n  background: none;\n  border: 1px solid rgba(244,239,232,0.18);\n  color: rgba(244,239,232,0.6);\n  font-size: 16px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.2s, color 0.2s;\n  z-index: 2;\n  font-family: 'Jost', sans-serif;\n}\n\n.cdm-popup__close:hover { border-color: #c8853a; color: #c8853a; }\n\n.cdm-popup__top {\n  display: flex;\n  gap: 0;\n}\n\n.cdm-popup__cover {\n  width: 200px;\n  min-width: 200px;\n  aspect-ratio: 1;\n  object-fit: cover;\n  display: block;\n}\n\n.cdm-popup__info {\n  padding: 28px 28px 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.cdm-popup__badge {\n  font-family: 'Jost', sans-serif;\n  font-weight: 400;\n  font-size: 9px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #c8853a;\n  margin-bottom: 8px;\n}\n\n.cdm-popup__title {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: 26px;\n  color: #f4efe8;\n  line-height: 1.15;\n  margin-bottom: 6px;\n}\n\n.cdm-popup__lang {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 10px;\n  letter-spacing: 0.18em;\n  color: rgba(200,133,58,0.65);\n  text-transform: uppercase;\n}\n\n.cdm-popup__desc {\n  padding: 20px 28px;\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 13px;\n  line-height: 1.7;\n  color: rgba(244,239,232,0.65);\n  border-top: 1px solid rgba(200,133,58,0.1);\n}\n\n\/* Mini player *\/\n.cdm-popup__player {\n  padding: 16px 28px 0;\n  border-top: 1px solid rgba(200,133,58,0.1);\n}\n\n.cdm-popup__progress-bar-wrap {\n  background: rgba(244,239,232,0.08);\n  height: 3px;\n  width: 100%;\n  cursor: pointer;\n  margin-bottom: 10px;\n  position: relative;\n}\n\n.cdm-popup__progress-bar-fill {\n  height: 100%;\n  background: #c8853a;\n  width: 0%;\n  transition: width 0.2s linear;\n  pointer-events: none;\n}\n\n.cdm-popup__controls {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.cdm-popup__playbtn {\n  width: 38px;\n  height: 38px;\n  border: 1px solid rgba(200,133,58,0.5);\n  border-radius: 50%;\n  background: none;\n  color: #c8853a;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s, border-color 0.2s;\n  flex-shrink: 0;\n}\n\n.cdm-popup__playbtn:hover { background: rgba(200,133,58,0.15); border-color: #c8853a; }\n\n.cdm-popup__time {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 11px;\n  color: rgba(244,239,232,0.45);\n  letter-spacing: 0.08em;\n}\n\n.cdm-popup__preview-note {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 10px;\n  color: rgba(244,239,232,0.3);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-left: auto;\n}\n\n\/* CTA *\/\n.cdm-popup__cta {\n  padding: 20px 28px 28px;\n}\n\n.cdm-popup__btn {\n  display: inline-block;\n  padding: 12px 28px;\n  background: #c8853a;\n  color: #0a0907;\n  font-family: 'Jost', sans-serif;\n  font-weight: 400;\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: background 0.25s;\n  width: 100%;\n  text-align: center;\n}\n\n.cdm-popup__btn:hover { background: #e8a85a; }\n\n@media (max-width: 600px) {\n  .cdm-popup__top { flex-direction: column; }\n  .cdm-popup__cover { width: 100%; aspect-ratio: 16\/9; }\n}\n<\/style>\n\n<section class=\"cdm-brani\" id=\"brani\">\n  <div class=\"cdm-brani__inner\">\n    <div class=\"cdm-brani__header\">\n      <div class=\"cdm-brani__label\">I brani<\/div>\n      <h2 class=\"cdm-brani__title\">Ogni canzone era gi\u00e0 qui.<\/h2>\n      <p class=\"cdm-brani__subtitle\">Aspettava soltanto.<\/p>\n    <\/div>\n\n    <div class=\"cdm-brani__grid\" id=\"cdm-grid\">\n\n      <!-- 1. Qui e ora -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(0)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-music-ritorno-bosco.jpg\" alt=\"Qui e ora\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Qui e ora<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. Non so chi sei -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(1)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-non-so-chi-sei-scaled.jpg\" alt=\"Non so chi sei\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Non so chi sei<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. The hand in the dark -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(2)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-the-hand-in-the-dark-scaled.jpg\" alt=\"The hand in the dark\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">The hand in the dark<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. Summer smiles in Gubbio -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(3)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/Summer-smiles-in-Gubbio-cover.png\" alt=\"Summer smiles in Gubbio\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">Summer smiles in Gubbio<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. What time leaves behind -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(4)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/what-time-leaves-behind-scaled.jpg\" alt=\"What time leaves behind\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">What time leaves behind<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 6. C'\u00e8 una stella in cielo -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(5)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-stella-in-cielo-scaled.jpg\" alt=\"C'\u00e8 una stella in cielo\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">C'\u00e8 una stella in cielo<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 7. I'm not fine -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(6)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-im-not-fine-scaled.jpg\" alt=\"I'm not fine\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">I'm not fine<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 8. Un marinaio a terra -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(7)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-un-marinaio-a-terra-scaled.jpg\" alt=\"Un marinaio a terra\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Un marinaio a terra<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 9. Come nascono gli amori -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(8)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/come-nascono-gli-amori-scaled.jpg\" alt=\"Come nascono gli amori\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Come nascono gli amori<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 10. Nato in gabbia -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(9)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/cover-nato-in-gabbia-scaled.jpg\" alt=\"Nato in gabbia\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Nato in gabbia<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 11. My only love -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(10)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/Cover-My-only-love-scaled.jpg\" alt=\"My only love\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">My only love<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 12. Amarsi a cinquant'anni -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(11)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/Cover-amarsi-a-cinquantanni-scaled.jpg\" alt=\"Amarsi a cinquant'anni\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Italiano<\/div>\n          <div class=\"cdm-card__name\">Amarsi a cinquant'anni<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 13. Si fueras m\u00eda -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(12)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/si-fueras-mia-cover-scaled.jpg\" alt=\"Si fueras m\u00eda\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">Espa\u00f1ol<\/div>\n          <div class=\"cdm-card__name\">Si fueras m\u00eda<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 14. Don't Know You \u2014 NUOVO -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(13)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/dont-know-you-cover-scaled.jpg\" alt=\"Don't Know You\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">Don't Know You<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 15. Velvet Midnight (Lonely Souls Blues) \u2014 NUOVO -->\n      <div class=\"cdm-card\" onclick=\"cdmOpenPopup(14)\">\n        <div class=\"cdm-card__cover-wrap\">\n          <span class=\"cdm-card__badge\">Disponibile ora<\/span>\n          <img decoding=\"async\" class=\"cdm-card__cover\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/VELVET-MIDNIGHT-LONELY-SOULS-BLUES-cover-scaled.jpg\" alt=\"Velvet Midnight (Lonely Souls Blues)\" loading=\"lazy\">\n          <div class=\"cdm-card__overlay\"><div class=\"cdm-card__play-icon\"><svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" fill=\"none\"><path d=\"M1 1l12 7L1 15V1z\" fill=\"#f4efe8\"\/><\/svg><\/div><\/div>\n        <\/div>\n        <div class=\"cdm-card__body\">\n          <div class=\"cdm-card__lang\">English<\/div>\n          <div class=\"cdm-card__name\">Velvet Midnight (Lonely Souls Blues)<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/grid -->\n  <\/div><!-- \/inner -->\n<\/section>\n\n<!-- POPUP -->\n<div class=\"cdm-popup-overlay\" id=\"cdmPopupOverlay\" onclick=\"cdmCloseOnOutside(event)\">\n  <div class=\"cdm-popup\" id=\"cdmPopup\">\n    <button class=\"cdm-popup__close\" onclick=\"cdmClosePopup()\" aria-label=\"Chiudi\">\u2715<\/button>\n    <div class=\"cdm-popup__top\">\n      <img decoding=\"async\" class=\"cdm-popup__cover\" id=\"cdmPopCover\" src=\"\" alt=\"\">\n      <div class=\"cdm-popup__info\">\n        <div class=\"cdm-popup__badge\">Disponibile ora<\/div>\n        <div class=\"cdm-popup__title\" id=\"cdmPopTitle\"><\/div>\n        <div class=\"cdm-popup__lang\" id=\"cdmPopLang\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"cdm-popup__desc\" id=\"cdmPopDesc\"><\/div>\n    <div class=\"cdm-popup__player\">\n      <div class=\"cdm-popup__progress-bar-wrap\" id=\"cdmProgressWrap\">\n        <div class=\"cdm-popup__progress-bar-fill\" id=\"cdmProgressFill\"><\/div>\n      <\/div>\n      <div class=\"cdm-popup__controls\">\n        <button class=\"cdm-popup__playbtn\" id=\"cdmPlayBtn\" onclick=\"cdmTogglePlay()\">\n          <svg id=\"cdmPlayIcon\" width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\"><path d=\"M1 1l10 6L1 13V1z\" fill=\"#c8853a\"\/><\/svg>\n        <\/button>\n        <span class=\"cdm-popup__time\" id=\"cdmTime\">0:00<\/span>\n        <span class=\"cdm-popup__preview-note\">Anteprima 50s<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"cdm-popup__cta\">\n      <a class=\"cdm-popup__btn\" id=\"cdmPopCta\" href=\"#\" target=\"_blank\" rel=\"noopener\">Ascolta su tutte le piattaforme \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const BASE_AUDIO    = 'https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/';\n  const BASE_COV_APR  = BASE_AUDIO + '2026\/04\/';\n  const BASE_COV_MAY  = BASE_AUDIO + '2026\/05\/';\n  const BASE_HF       = 'https:\/\/distrokid.com\/hyperfollow\/carlodangi\/';\n\n  const brani = [\n    {\n      title: 'Qui e ora', lang: 'Italiano',\n      cover: BASE_COV_APR + 'carlo-dangio-music-ritorno-bosco.jpg',\n      audio: BASE_AUDIO + '2026\/04\/Qui-e-ora-4.wav',\n      hf: BASE_HF + 'qui-e-ora',\n      desc: 'Il primo singolo. Una canzone sul presente come scelta consapevole \u2014 non come rassegnazione, ma come radice.'\n    },\n    {\n      title: 'Non so chi sei', lang: 'Italiano',\n      cover: BASE_COV_APR + 'cover-non-so-chi-sei-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/Non-so-chi-sei.wav',\n      hf: BASE_HF + 'non-so-chi-sei',\n      desc: 'Quando incontri qualcuno e senti che potrebbe cambiare qualcosa \u2014 senza sapere ancora chi sei tu, per quella persona.'\n    },\n    {\n      title: 'The hand in the dark', lang: 'English',\n      cover: BASE_COV_APR + 'cover-the-hand-in-the-dark-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/The-hand-in-the-dark.wav',\n      hf: BASE_HF + 'the-hand-in-the-dark',\n      desc: 'A song about the invisible support we receive \u2014 and often don\\'t recognise \u2014 in our darkest moments.'\n    },\n    {\n      title: 'Summer smiles in Gubbio', lang: 'English',\n      cover: BASE_COV_APR + 'Summer-smiles-in-Gubbio-cover.png',\n      audio: BASE_AUDIO + '2026\/04\/Summer-Smiles-in-Gubbio-voce-AI.wav',\n      hf: BASE_HF + 'summer-smiles-in-gubbio',\n      desc: 'A postcard from a summer afternoon in Gubbio \u2014 light, slowness, and the feeling that some moments deserve to last forever.'\n    },\n    {\n      title: 'What time leaves behind', lang: 'English',\n      cover: BASE_COV_APR + 'what-time-leaves-behind-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/What-Time-Leaves-Behind.wav',\n      hf: BASE_HF + 'what-time-leaves-behind',\n      desc: 'Everything time takes from us \u2014 and everything it quietly leaves in its place. Una meditazione sul cambiamento e sulla resilienza.'\n    },\n    {\n      title: 'C\\'\u00e8 una stella in cielo', lang: 'Italiano',\n      cover: BASE_COV_APR + 'cover-stella-in-cielo-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/Ce-una-stella-in-cielo.wav',\n      hf: BASE_HF + 'c-una-stella-in-cielo',\n      desc: 'Una canzone sulla perdita e sulla memoria \u2014 su quelle presenze che non se ne vanno davvero, se sai dove guardare.'\n    },\n    {\n      title: 'I\\'m not fine', lang: 'English',\n      cover: BASE_COV_APR + 'cover-im-not-fine-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/Im-Not-Fine.wav',\n      hf: BASE_HF + 'im-not-fine',\n      desc: 'Sometimes the most honest thing you can say is the simplest. A song about admitting you\\'re struggling \u2014 and the courage that takes.'\n    },\n    {\n      title: 'Un marinaio a terra', lang: 'Italiano',\n      cover: BASE_COV_APR + 'cover-un-marinaio-a-terra-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/04\/Un-marinaio-a-terra.wav',\n      hf: BASE_HF + 'un-marinaio-a-terra',\n      desc: 'C\\'\u00e8 chi appartiene al movimento e si ritrova fermo. Una canzone per chi sente il mare anche quando non lo vede.'\n    },\n    {\n      title: 'Come nascono gli amori', lang: 'Italiano',\n      cover: BASE_COV_MAY + 'come-nascono-gli-amori-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Come-nascono-gli-amori.wav',\n      hf: BASE_HF + 'come-nascono-gli-amori',\n      desc: 'La storia vera di come nascono gli amori \u2014 tra uno sguardo, un profilo, una voce. Con ironia, passione e un finale di violino e pianoforte.'\n    },\n    {\n      title: 'Nato in gabbia', lang: 'Italiano',\n      cover: BASE_COV_MAY + 'cover-nato-in-gabbia-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Nato-in-gabbia.wav',\n      hf: BASE_HF + 'nato-in-gabbia',\n      desc: 'Crescere in un sistema che chiama \"cura\" quello che \u00e8 controllo. Finch\u00e9 una voce sottile dice: devi uscire. E tu apri la gabbia.'\n    },\n    {\n      title: 'My only love', lang: 'English',\n      cover: BASE_COV_MAY + 'Cover-My-only-love-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Myonlylove-mastered.wav',\n      hf: BASE_HF + 'my-only-love',\n      desc: 'A love that arrives late \u2014 but was always worth waiting for. A trembling voice, a hand that shakes, and the courage to say: I want to grow old with you.'\n    },\n    {\n      title: 'Amarsi a cinquant\\'anni', lang: 'Italiano',\n      cover: BASE_COV_MAY + 'Cover-amarsi-a-cinquantanni-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Amarsi-a-cinquantanni.wav',\n      hf: 'https:\/\/distrokid.com\/hyperfollow\/carlodangi\/amarsi-a-cinquantanni',\n      desc: 'Amarsi a cinquant\\'anni \u00e8 come trattenere il fiato. Il corpo che ricorda, il rischio di lasciarsi andare ancora. Una canzone per chi pensava di aver smesso \u2014 e invece ricomincia.'\n    },\n    {\n      title: 'Si fueras m\u00eda', lang: 'Espa\u00f1ol',\n      cover: BASE_COV_MAY + 'si-fueras-mia-cover-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Sifuerasmia-mastered.wav',\n      hf: 'https:\/\/distrokid.com\/hyperfollow\/carlodangi\/si-fueras-ma',\n      desc: 'La noche como sufrimiento, el amor como obsesi\u00f3n imposible. Una canci\u00f3n sobre el deseo de lo que no se puede tener \u2014 y el sue\u00f1o de despertarlo con un beso.'\n    },\n    {\n      title: \"Don't Know You\", lang: 'English',\n      cover: BASE_COV_MAY + 'dont-know-you-cover-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Dont-Know-You.wav',\n      hf: BASE_HF + 'dont-know-you',\n      desc: \"You don't need to know who someone is to feel they matter. A song about the pull of a stranger \u2014 and the courage of staying, not knowing.\"\n    },\n    {\n      title: 'Velvet Midnight (Lonely Souls Blues)', lang: 'English',\n      cover: BASE_COV_MAY + 'VELVET-MIDNIGHT-LONELY-SOULS-BLUES-cover-scaled.jpg',\n      audio: BASE_AUDIO + '2026\/05\/Velvet-Midnight-Lonely-Souls-Blues.wav',\n      hf: BASE_HF + 'velvet-midnight-lonely-souls-blues',\n      desc: \"A late-night bar, a whiskey half-empty, ghosts left outside the door. Then she walked in \u2014 and for two minutes, the pain went quiet. A blues for lonely souls who never ask to be saved.\"\n    }\n  ];\n\n  let currentAudio  = null;\n  let isPlaying     = false;\n  let previewDur    = 50;\n  let fadeInterval  = null;\n\n  window.cdmOpenPopup = function(idx) {\n    const b = brani[idx];\n    document.getElementById('cdmPopCover').src        = b.cover;\n    document.getElementById('cdmPopCover').alt         = b.title;\n    document.getElementById('cdmPopTitle').textContent = b.title;\n    document.getElementById('cdmPopLang').textContent  = b.lang;\n    document.getElementById('cdmPopDesc').textContent  = b.desc;\n    document.getElementById('cdmPopCta').href          = b.hf;\n    resetPlayer();\n    if (currentAudio) { currentAudio.pause(); currentAudio = null; }\n    if (fadeInterval) { clearInterval(fadeInterval); fadeInterval = null; }\n    currentAudio = new Audio(b.audio);\n    currentAudio.ontimeupdate = updateProgress;\n    currentAudio.onended = resetPlayer;\n    document.getElementById('cdmPopupOverlay').classList.add('is-active');\n    document.body.style.overflow = 'hidden';\n  };\n\n  window.cdmClosePopup = function() {\n    document.getElementById('cdmPopupOverlay').classList.remove('is-active');\n    document.body.style.overflow = '';\n    if (currentAudio) { currentAudio.pause(); currentAudio = null; }\n    if (fadeInterval) { clearInterval(fadeInterval); fadeInterval = null; }\n    isPlaying = false;\n    resetPlayer();\n  };\n\n  window.cdmCloseOnOutside = function(e) {\n    if (e.target === document.getElementById('cdmPopupOverlay')) cdmClosePopup();\n  };\n\n  window.cdmTogglePlay = function() {\n    if (!currentAudio) return;\n    if (isPlaying) {\n      currentAudio.pause();\n      isPlaying = false;\n      setPlayIcon();\n    } else {\n      currentAudio.play();\n      isPlaying = true;\n      setPauseIcon();\n      schedulePreviewFade();\n    }\n  };\n\n  function schedulePreviewFade() {\n    if (fadeInterval) clearInterval(fadeInterval);\n    fadeInterval = setInterval(function() {\n      if (!currentAudio) return;\n      const remaining = previewDur - currentAudio.currentTime;\n      if (remaining <= 5 && remaining > 0) {\n        currentAudio.volume = Math.max(0, remaining \/ 5);\n      }\n      if (currentAudio.currentTime >= previewDur) {\n        currentAudio.pause();\n        isPlaying = false;\n        setPlayIcon();\n        clearInterval(fadeInterval);\n        fadeInterval = null;\n      }\n    }, 200);\n  }\n\n  function updateProgress() {\n    if (!currentAudio) return;\n    const pct = Math.min((currentAudio.currentTime \/ previewDur) * 100, 100);\n    document.getElementById('cdmProgressFill').style.width = pct + '%';\n    const t = Math.floor(currentAudio.currentTime);\n    document.getElementById('cdmTime').textContent =\n      Math.floor(t \/ 60) + ':' + String(t % 60).padStart(2, '0');\n  }\n\n  function resetPlayer() {\n    document.getElementById('cdmProgressFill').style.width = '0%';\n    document.getElementById('cdmTime').textContent = '0:00';\n    isPlaying = false;\n    setPlayIcon();\n    if (currentAudio) currentAudio.volume = 1;\n  }\n\n  function setPlayIcon() {\n    document.getElementById('cdmPlayIcon').innerHTML =\n      '<path d=\"M1 1l10 6L1 13V1z\" fill=\"#c8853a\"\/>';\n  }\n\n  function setPauseIcon() {\n    document.getElementById('cdmPlayIcon').innerHTML =\n      '<rect x=\"1\" y=\"1\" width=\"3.5\" height=\"12\" fill=\"#c8853a\"\/>' +\n      '<rect x=\"7.5\" y=\"1\" width=\"3.5\" height=\"12\" fill=\"#c8853a\"\/>';\n  }\n\n  document.getElementById('cdmProgressWrap').addEventListener('click', function(e) {\n    if (!currentAudio) return;\n    const rect = this.getBoundingClientRect();\n    const pct  = (e.clientX - rect.left) \/ rect.width;\n    currentAudio.currentTime = pct * previewDur;\n    updateProgress();\n  });\n\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape') cdmClosePopup();\n  });\n})();\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- cdm-velvet-midnight.html \u2014 Velvet Midnight Vol. 1 -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap');\n\n.cdm-vm {\n  background: #0a0907;\n  padding: 100px 0 120px;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Linea decorativa ambrata in cima *\/\n.cdm-vm::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 1px;\n  height: 60px;\n  background: linear-gradient(to bottom, transparent, rgba(200,133,58,0.4));\n}\n\n.cdm-vm__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n\/* Header *\/\n.cdm-vm__header {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.cdm-vm__label {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 11px;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: #c8853a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.cdm-vm__label::before,\n.cdm-vm__label::after {\n  content: '';\n  display: block;\n  width: 40px;\n  height: 1px;\n  background: rgba(200,133,58,0.4);\n}\n\n.cdm-vm__title {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: clamp(32px, 4vw, 48px);\n  color: #f4efe8;\n  line-height: 1.2;\n  margin-bottom: 8px;\n}\n\n.cdm-vm__title em {\n  font-style: italic;\n  color: #e8a85a;\n}\n\n.cdm-vm__subtitle {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-weight: 300;\n  font-size: 18px;\n  color: rgba(244,239,232,0.45);\n}\n\n\/* Layout principale *\/\n.cdm-vm__body {\n  display: grid;\n  grid-template-columns: 340px 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media (max-width: 900px) {\n  .cdm-vm__body {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n}\n\n\/* Cover *\/\n.cdm-vm__cover-wrap {\n  position: relative;\n}\n\n.cdm-vm__cover {\n  width: 100%;\n  aspect-ratio: 1;\n  object-fit: cover;\n  display: block;\n  border: 1px solid rgba(200,133,58,0.15);\n}\n\n\/* Cornicetta sfalsata ambrata \u2014 stessa logica del ritratto *\/\n.cdm-vm__cover-wrap::after {\n  content: '';\n  position: absolute;\n  inset: -10px -10px auto auto;\n  width: 60%;\n  height: 60%;\n  border-top: 1px solid rgba(200,133,58,0.3);\n  border-right: 1px solid rgba(200,133,58,0.3);\n  pointer-events: none;\n}\n\n.cdm-vm__badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: rgba(10,9,7,0.85);\n  border: 1px solid rgba(200,133,58,0.35);\n  color: #c8853a;\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 9px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  padding: 5px 12px;\n}\n\n\/* Testo *\/\n.cdm-vm__text {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n}\n\n.cdm-vm__desc {\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 15px;\n  line-height: 1.85;\n  color: rgba(244,239,232,0.65);\n}\n\n.cdm-vm__desc strong {\n  color: rgba(244,239,232,0.9);\n  font-weight: 400;\n}\n\n.cdm-vm__tracklist-label {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 10px;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: rgba(200,133,58,0.6);\n  margin-bottom: 14px;\n}\n\n.cdm-vm__tracklist {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.cdm-vm__track {\n  display: flex;\n  align-items: baseline;\n  gap: 14px;\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 13px;\n  color: rgba(244,239,232,0.55);\n  border-bottom: 1px solid rgba(200,133,58,0.07);\n  padding-bottom: 10px;\n}\n\n.cdm-vm__track:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.cdm-vm__track-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  font-size: 15px;\n  color: rgba(200,133,58,0.4);\n  min-width: 18px;\n}\n\n.cdm-vm__track-name {\n  color: rgba(244,239,232,0.7);\n}\n\n\/* CTA *\/\n.cdm-vm__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 32px;\n  background: none;\n  border: 1px solid rgba(200,133,58,0.5);\n  color: #c8853a;\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  text-decoration: none;\n  transition: background 0.25s, border-color 0.25s, color 0.25s;\n  align-self: flex-start;\n}\n\n.cdm-vm__cta:hover {\n  background: rgba(200,133,58,0.08);\n  border-color: #c8853a;\n  color: #e8a85a;\n}\n\n.cdm-vm__cta svg {\n  flex-shrink: 0;\n  transition: transform 0.2s;\n}\n\n.cdm-vm__cta:hover svg {\n  transform: translateX(2px);\n}\n\n@media (max-width: 600px) {\n  .cdm-vm__inner { padding: 0 24px; }\n  .cdm-vm__cta { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<section class=\"cdm-vm\" id=\"velvet-midnight\">\n  <div class=\"cdm-vm__inner\">\n\n    <div class=\"cdm-vm__header\">\n      <div class=\"cdm-vm__label\">Strumentali<\/div>\n      <h2 class=\"cdm-vm__title\">Velvet Midnight \u2014 <em>Vol. 1<\/em><\/h2>\n      <p class=\"cdm-vm__subtitle\">Otto brani. Nessuna parola. Solo il blues.<\/p>\n    <\/div>\n\n    <div class=\"cdm-vm__body\">\n\n      <div class=\"cdm-vm__cover-wrap\">\n        <span class=\"cdm-vm__badge\">Disponibile ora<\/span>\n        <img decoding=\"async\"\n          class=\"cdm-vm__cover\"\n          src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/05\/Velvet-vol-1-cover-scaled.jpg\"\n          alt=\"Velvet Midnight Vol. 1 \u2014 Carlo D'Angi\u00f2\"\n          loading=\"lazy\"\n        >\n      <\/div>\n\n      <div class=\"cdm-vm__text\">\n\n        <p class=\"cdm-vm__desc\">\n          Otto composizioni strumentali nate dalla stessa vena dei brani cantati \u2014\n          <strong>delta blues, soul notturno, atmosfere da bar dopo la mezzanotte.<\/strong>\n          Nessuna voce. Solo chitarra, organo, e quello spazio silenzioso\n          in cui ognuno ci mette quello che vuole.\n        <\/p>\n\n        <div>\n          <div class=\"cdm-vm__tracklist-label\">Tracklist<\/div>\n          <ul class=\"cdm-vm__tracklist\">\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">01<\/span><span class=\"cdm-vm__track-name\">One More Drink<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">02<\/span><span class=\"cdm-vm__track-name\">The Pianist Stayed Behind<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">03<\/span><span class=\"cdm-vm__track-name\">Rain Taxi Keys<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">04<\/span><span class=\"cdm-vm__track-name\">Midnight Rails and Memories<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">05<\/span><span class=\"cdm-vm__track-name\">Velvet Smoke<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">06<\/span><span class=\"cdm-vm__track-name\">After the City Sleeps<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">07<\/span><span class=\"cdm-vm__track-name\">The Quiet Hour<\/span><\/li>\n            <li class=\"cdm-vm__track\"><span class=\"cdm-vm__track-num\">08<\/span><span class=\"cdm-vm__track-name\">Trumpet for the Lonely Hour<\/span><\/li>\n          <\/ul>\n        <\/div>\n\n        <a\n          class=\"cdm-vm__cta\"\n          href=\"https:\/\/www.youtube.com\/watch?v=13BL8hh6it0&t=614s\"\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <path d=\"M2 2.5C2 1.67 2.67 1 3.5 1h9C13.33 1 14 1.67 14 2.5v11c0 .83-.67 1.5-1.5 1.5h-9C2.67 15 2 14.33 2 13.5v-11z\" stroke=\"#c8853a\" stroke-width=\"1\"\/>\n            <path d=\"M6.5 5.5l4 2.5-4 2.5V5.5z\" fill=\"#c8853a\"\/>\n          <\/svg>\n          Ascolta su YouTube\n          <svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\">\n            <path d=\"M9 1l4 4-4 4M1 5h12\" stroke=\"#c8853a\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_block_row\">\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-visione {\n    background: #0f0d0a;\n    padding: 140px 80px;\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Cerchio decorativo sfumato in background *\/\n  .cdm-visione::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(\n      ellipse at center,\n      rgba(200, 133, 58, 0.06) 0%,\n      transparent 70%\n    );\n    pointer-events: none;\n  }\n\n  .cdm-visione-inner {\n    max-width: 780px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n  }\n\n  .cdm-visione-label {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.35em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.7);\n    margin-bottom: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n  }\n\n  .cdm-visione-label::before,\n  .cdm-visione-label::after {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 1px;\n    background: rgba(200, 133, 58, 0.3);\n  }\n\n  .cdm-visione-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: clamp(32px, 4.5vw, 58px);\n    line-height: 1.25;\n    color: #f4efe8;\n    margin-bottom: 48px;\n    letter-spacing: 0.01em;\n  }\n\n  .cdm-visione-title em {\n    font-style: italic;\n    color: #e8a85a;\n  }\n\n  \/* Linea separatrice centrale *\/\n  .cdm-visione-divider {\n    width: 1px;\n    height: 60px;\n    background: linear-gradient(to bottom, rgba(200,133,58,0.4), transparent);\n    margin: 0 auto 48px;\n  }\n\n  .cdm-visione-body {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 16px;\n    line-height: 1.9;\n    color: rgba(244, 239, 232, 0.6);\n    margin-bottom: 64px;\n    max-width: 620px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* Tre pilastri *\/\n  .cdm-visione-pillars {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n    margin-bottom: 72px;\n    border: 1px solid rgba(200, 133, 58, 0.1);\n  }\n\n  .cdm-pillar {\n    padding: 36px 28px;\n    border-right: 1px solid rgba(200, 133, 58, 0.1);\n    text-align: center;\n    transition: background 0.3s;\n  }\n\n  .cdm-pillar:last-child {\n    border-right: none;\n  }\n\n  .cdm-pillar:hover {\n    background: rgba(200, 133, 58, 0.04);\n  }\n\n  .cdm-pillar-number {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.25em;\n    color: rgba(200, 133, 58, 0.5);\n    margin-bottom: 12px;\n  }\n\n  .cdm-pillar-word {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 300;\n    font-size: 26px;\n    color: #f4efe8;\n    margin-bottom: 10px;\n    letter-spacing: 0.02em;\n  }\n\n  .cdm-pillar-desc {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 12px;\n    line-height: 1.7;\n    color: rgba(244, 239, 232, 0.4);\n    letter-spacing: 0.03em;\n  }\n\n  \/* Frase finale \u2014 quasi un sigillo *\/\n  .cdm-visione-closing {\n    font-family: 'Cormorant Garamond', serif;\n    font-style: italic;\n    font-weight: 300;\n    font-size: clamp(18px, 2.5vw, 26px);\n    line-height: 1.6;\n    color: rgba(244, 239, 232, 0.5);\n    position: relative;\n    padding: 0 40px;\n  }\n\n  .cdm-visione-closing::before {\n    content: '\\201C';\n    position: absolute;\n    left: 0;\n    top: -8px;\n    font-size: 60px;\n    line-height: 1;\n    color: rgba(200, 133, 58, 0.2);\n    font-family: 'Cormorant Garamond', serif;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 768px) {\n    .cdm-visione {\n      padding: 100px 28px;\n    }\n    .cdm-visione-pillars {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n    .cdm-pillar {\n      border-right: none;\n      border-bottom: 1px solid rgba(200, 133, 58, 0.1);\n    }\n    .cdm-pillar:last-child {\n      border-bottom: none;\n    }\n    .cdm-visione-closing {\n      padding: 0 20px;\n    }\n    .cdm-visione-title {\n      font-size: clamp(28px, 8vw, 44px);\n    }\n  }\n<\/style>\n\n<section class=\"cdm-visione\" id=\"visione\">\n  <div class=\"cdm-visione-inner\">\n\n    <p class=\"cdm-visione-label\">Carlo D'Angi\u00f2 Music<\/p>\n\n    <h2 class=\"cdm-visione-title\">\n      La musica non \u00e8 un nuovo progetto.<br>\n      \u00c8 lo stesso discorso \u2014<br>\n      <em>detto in modo pi\u00f9 profondo.<\/em>\n    <\/h2>\n\n    <div class=\"cdm-visione-divider\"><\/div>\n\n    <p class=\"cdm-visione-body\">\n      Trasformazione personale, identit\u00e0, tempo, scelte di vita.\n      Gli stessi temi che scrivo da vent'anni \u2014 qui diventano suono,\n      emozione, memoria. Non sto costruendo un sito per vendere musica.\n      Sto costruendo un ecosistema emotivo attorno a un'identit\u00e0 artistica.\n    <\/p>\n\n    <div class=\"cdm-visione-pillars\">\n      <div class=\"cdm-pillar\">\n        <div class=\"cdm-pillar-number\">01<\/div>\n        <div class=\"cdm-pillar-word\">Autenticit\u00e0<\/div>\n        <div class=\"cdm-pillar-desc\">Niente artificio.<br>Solo quello che \u00e8 vero.<\/div>\n      <\/div>\n      <div class=\"cdm-pillar\">\n        <div class=\"cdm-pillar-number\">02<\/div>\n        <div class=\"cdm-pillar-word\">Coerenza<\/div>\n        <div class=\"cdm-pillar-desc\">Un solo filo conduttore.<br>Dal blog alla musica.<\/div>\n      <\/div>\n      <div class=\"cdm-pillar\">\n        <div class=\"cdm-pillar-number\">03<\/div>\n        <div class=\"cdm-pillar-word\">Profondit\u00e0<\/div>\n        <div class=\"cdm-pillar-desc\">Non conversione immediata.<br>Connessione duratura.<\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"cdm-visione-closing\">\n      Quando il marketing fa rumore,<br>\n      io sono il silenzio che cambia la tua vita.\n    <\/p>\n\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_block_row\">\n<div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- cdm-footer.html \u2014 Footer \u2014 aggiornato con YouTube e crediti -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap');\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.cdm-footer {\n  background: #070605;\n  border-top: 1px solid rgba(200,133,58,0.3);\n  padding: 72px 40px 0;\n  text-align: center;\n}\n\n.cdm-footer__inner {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cdm-footer__logo {\n  display: block;\n  margin: 0 auto 28px;\n  height: 90px;\n  width: auto;\n}\n\n.cdm-footer__tagline {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-weight: 300;\n  font-size: 20px;\n  color: rgba(244,239,232,0.65);\n  line-height: 1.5;\n  margin-bottom: 40px;\n  letter-spacing: 0.02em;\n}\n\n\/* Social *\/\n.cdm-footer__social {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  margin-bottom: 36px;\n}\n\n.cdm-footer__social a {\n  color: rgba(244,239,232,0.4);\n  transition: color 0.25s;\n  display: flex;\n}\n\n.cdm-footer__social a:hover { color: #c8853a; }\n\n\/* Links *\/\n.cdm-footer__links {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 48px;\n}\n\n.cdm-footer__links a {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: rgba(244,239,232,0.35);\n  text-decoration: none;\n  transition: color 0.2s;\n}\n\n.cdm-footer__links a:hover { color: rgba(200,133,58,0.8); }\n\n.cdm-footer__links-sep {\n  width: 1px;\n  height: 12px;\n  background: rgba(244,239,232,0.12);\n  display: inline-block;\n}\n\n\/* Copyright *\/\n.cdm-footer__copyright {\n  border-top: 1px solid rgba(244,239,232,0.06);\n  padding: 20px 0;\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 11px;\n  color: rgba(244,239,232,0.25);\n  letter-spacing: 0.08em;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.cdm-footer__copyright a {\n  color: rgba(244,239,232,0.25);\n  text-decoration: none;\n  transition: color 0.2s;\n}\n\n.cdm-footer__copyright a:hover { color: rgba(200,133,58,0.6); }\n\n\/* Credits *\/\n.cdm-footer__credits {\n  border-top: 1px solid rgba(244,239,232,0.04);\n  padding: 18px 0 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n}\n\n.cdm-footer__credits a {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n  opacity: 0.45;\n  transition: opacity 0.2s;\n}\n\n.cdm-footer__credits a:hover { opacity: 0.8; }\n\n.cdm-footer__credits-logo {\n  height: 22px;\n  width: auto;\n  display: block;\n}\n\n.cdm-footer__credits-text {\n  font-family: 'Jost', sans-serif;\n  font-weight: 200;\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: rgba(244,239,232,0.7);\n}\n<\/style>\n\n<footer class=\"cdm-footer\" id=\"footer\">\n  <div class=\"cdm-footer__inner\">\n\n    <a href=\"https:\/\/www.carlodangio.com\/Music\">\n      <img decoding=\"async\" class=\"cdm-footer__logo\"\n           src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/logo-carlodangio-music.png\"\n           alt=\"Carlo D'Angi\u00f2 Music\">\n    <\/a>\n\n    <p class=\"cdm-footer__tagline\">Ho scritto di libert\u00e0 per vent'anni. Ora la canto.<\/p>\n\n    <div class=\"cdm-footer__social\">\n      <!-- Spotify -->\n      <a href=\"https:\/\/distrokid.com\/hyperfollow\/carlodangi\/qui-e-ora\" target=\"_blank\" rel=\"noopener\" aria-label=\"Spotify\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.516 17.307c-.213.347-.668.456-1.015.244-2.78-1.697-6.282-2.082-10.407-1.14-.397.09-.793-.156-.884-.553-.09-.397.156-.793.553-.884 4.511-1.03 8.382-.587 11.51 1.317.347.213.456.668.243 1.016zm1.47-3.27c-.27.437-.843.575-1.28.305-3.183-1.957-8.034-2.524-11.803-1.382-.49.148-.997-.13-1.146-.62-.148-.49.13-.997.62-1.145 4.305-1.307 9.653-.676 13.304 1.574.437.27.575.843.305 1.268zm.127-3.404C15.308 8.374 9.14 8.165 5.554 9.266c-.59.18-1.213-.154-1.393-.744-.18-.59.154-1.213.744-1.393 4.148-1.26 11.04-1.017 15.4 1.597.532.317.706 1.003.39 1.535-.316.532-1.003.706-1.534.39h.002z\"\/><\/svg>\n      <\/a>\n      <!-- Instagram -->\n      <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n      <\/a>\n      <!-- YouTube -->\n      <a href=\"https:\/\/www.youtube.com\/@carlodangiomusic\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n      <\/a>\n      <!-- TikTok -->\n      <a href=\"https:\/\/www.tiktok.com\/@carlodangiomusic\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.73a8.28 8.28 0 004.84 1.55V6.79a4.85 4.85 0 01-1.07-.1z\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"cdm-footer__links\">\n      <a href=\"https:\/\/www.carlodangio.com\" target=\"_blank\" rel=\"noopener\">carlodangio.com<\/a>\n      <span class=\"cdm-footer__links-sep\"><\/span>\n      <a href=\"https:\/\/www.carlodangio.com\/tutti-gli-articoli-del-blog\/\" target=\"_blank\" rel=\"noopener\">Blog<\/a>\n      <span class=\"cdm-footer__links-sep\"><\/span>\n      <a href=\"https:\/\/libreria.carlodangio.com\/\" target=\"_blank\" rel=\"noopener\">Libri<\/a>\n      <span class=\"cdm-footer__links-sep\"><\/span>\n      <a href=\"https:\/\/www.carlodangio.com\/contattami\/\" target=\"_blank\" rel=\"noopener\">Contatti<\/a>\n    <\/div>\n\n    <div class=\"cdm-footer__copyright\">\n      <span>\u00a9 2026 Carlo D'Angi\u00f2 Music. Tutti i diritti riservati.<\/span>\n      <span class=\"cdm-footer__links-sep\"><\/span>\n      <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/80298397\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>\n      <span class=\"cdm-footer__links-sep\"><\/span>\n      <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/80298397\/cookie-policy\" target=\"_blank\" rel=\"noopener\">Cookie Policy<\/a>\n    <\/div>\n\n    <!-- Crediti realizzatore -->\n    <div class=\"cdm-footer__credits\">\n      <a href=\"https:\/\/www.carlodangio.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Sito realizzato da Carlo D'Angi\u00f2\">\n        <img decoding=\"async\" class=\"cdm-footer__credits-logo\"\n             src=\"https:\/\/www.carlodangio.com\/wp-content\/uploads\/2025\/04\/nuovo-logo-carlodangio-bianco.png\"\n             alt=\"Carlo D'Angi\u00f2\">\n        <span class=\"cdm-footer__credits-text\">Sito realizzato da Carlo D'Angi\u00f2<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/footer><\/div><\/div>\n\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .cdm-player {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 99999;\n    background: rgba(10, 9, 7, 0.97);\n    border-top: 1px solid rgba(200, 133, 58, 0.2);\n    padding: 0 32px;\n    height: 72px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    backdrop-filter: blur(12px);\n    transform: translateY(100%);\n    animation: cdmPlayerSlideIn 0.8s ease 1.5s forwards;\n  }\n\n  @keyframes cdmPlayerSlideIn {\n    from { transform: translateY(100%); }\n    to   { transform: translateY(0); }\n  }\n\n  \/* Cover *\/\n  .cdm-player-cover {\n    width: 44px;\n    height: 44px;\n    border-radius: 3px;\n    overflow: hidden;\n    flex-shrink: 0;\n    border: 1px solid rgba(200, 133, 58, 0.2);\n  }\n\n  .cdm-player-cover img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* Info brano *\/\n  .cdm-player-info {\n    flex-shrink: 0;\n    min-width: 140px;\n  }\n\n  .cdm-player-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 400;\n    font-size: 15px;\n    color: #f4efe8;\n    line-height: 1.2;\n    white-space: nowrap;\n  }\n\n  .cdm-player-artist {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 10px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.7);\n    margin-top: 2px;\n  }\n\n  \/* Visualizer \u2014 barre animate *\/\n  .cdm-visualizer {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    height: 36px;\n    overflow: hidden;\n    padding: 0 8px;\n  }\n\n  .cdm-bar {\n    flex: 1;\n    max-width: 4px;\n    background: rgba(200, 133, 58, 0.5);\n    border-radius: 2px;\n    animation: cdmBarPulse var(--dur) ease-in-out infinite alternate;\n    transform-origin: bottom;\n  }\n\n  .cdm-player.muted .cdm-bar {\n    background: rgba(200, 133, 58, 0.2);\n    animation: cdmBarIdle 2s ease-in-out infinite alternate;\n  }\n\n  .cdm-player.paused .cdm-bar {\n    animation-play-state: paused;\n  }\n\n  @keyframes cdmBarPulse {\n    0%   { height: 15%; }\n    100% { height: var(--h); }\n  }\n\n  @keyframes cdmBarIdle {\n    0%   { height: 8%; }\n    100% { height: 25%; }\n  }\n\n  \/* Progress bar *\/\n  .cdm-progress-wrap {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: rgba(244, 239, 232, 0.06);\n    cursor: pointer;\n  }\n\n  .cdm-progress-bar {\n    height: 100%;\n    background: linear-gradient(to right, #c8853a, #e8a85a);\n    width: 0%;\n    transition: width 0.5s linear;\n    pointer-events: none;\n  }\n\n  \/* Controlli destra *\/\n  .cdm-player-controls {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-shrink: 0;\n  }\n\n  \/* Tempo *\/\n  .cdm-player-time {\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.08em;\n    color: rgba(244, 239, 232, 0.3);\n    min-width: 72px;\n    text-align: right;\n  }\n\n  \/* Bottone mute *\/\n  .cdm-mute-btn {\n    width: 36px;\n    height: 36px;\n    border: 1px solid rgba(244, 239, 232, 0.15);\n    border-radius: 50%;\n    background: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: border-color 0.3s, background 0.3s;\n    flex-shrink: 0;\n    padding: 0;\n  }\n\n  .cdm-mute-btn:hover {\n    border-color: rgba(200, 133, 58, 0.6);\n    background: rgba(200, 133, 58, 0.08);\n  }\n\n  .cdm-mute-btn svg {\n    width: 14px;\n    height: 14px;\n    fill: rgba(244, 239, 232, 0.6);\n    transition: fill 0.3s;\n  }\n\n  .cdm-mute-btn:hover svg {\n    fill: rgba(200, 133, 58, 0.9);\n  }\n\n  \/* Bottone chiudi *\/\n  .cdm-close-btn {\n    width: 28px;\n    height: 28px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.25;\n    transition: opacity 0.3s;\n    padding: 0;\n    flex-shrink: 0;\n  }\n\n  .cdm-close-btn:hover { opacity: 0.7; }\n\n  .cdm-close-btn svg {\n    width: 12px;\n    height: 12px;\n    fill: #f4efe8;\n  }\n\n  \/* Label \"Esclusiva sito\" *\/\n  .cdm-player-exclusive {\n    font-family: 'Jost', sans-serif;\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(200, 133, 58, 0.5);\n    border: 1px solid rgba(200, 133, 58, 0.2);\n    padding: 3px 8px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n\n  \/* Admin bar offset *\/\n  body.admin-bar .cdm-player {\n    bottom: 0;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 768px) {\n    .cdm-player {\n      padding: 0 16px;\n      gap: 12px;\n      height: 64px;\n    }\n    .cdm-player-info { min-width: 100px; }\n    .cdm-player-title { font-size: 13px; }\n    .cdm-player-exclusive { display: none; }\n    .cdm-player-time { display: none; }\n    .cdm-visualizer { padding: 0 4px; }\n  }\n<\/style>\n\n<!-- PLAYER -->\n<div class=\"cdm-player muted\" id=\"cdmPlayer\">\n\n  <!-- Progress bar in cima -->\n  <div class=\"cdm-progress-wrap\" id=\"cdmProgressWrap\">\n    <div class=\"cdm-progress-bar\" id=\"cdmProgressBar\"><\/div>\n  <\/div>\n\n  <!-- Cover -->\n  <div class=\"cdm-player-cover\">\n    <img decoding=\"async\" src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/cover-il-ritorno.png\" alt=\"Il ritorno \u2014 Carlo D'Angi\u00f2\">\n  <\/div>\n\n  <!-- Info -->\n  <div class=\"cdm-player-info\">\n    <div class=\"cdm-player-title\">Il ritorno<\/div>\n    <div class=\"cdm-player-artist\">Carlo D'Angi\u00f2<\/div>\n  <\/div>\n\n  <!-- Label esclusiva -->\n  <span class=\"cdm-player-exclusive\">Solo qui<\/span>\n\n  <!-- Visualizer barre -->\n  <div class=\"cdm-visualizer\" id=\"cdmVisualizer\"><\/div>\n\n  <!-- Controlli -->\n  <div class=\"cdm-player-controls\">\n\n    <span class=\"cdm-player-time\" id=\"cdmTime\">0:00 \/ 0:00<\/span>\n\n    <!-- Mute\/Unmute -->\n    <button class=\"cdm-mute-btn\" id=\"cdmMuteBtn\" aria-label=\"Attiva audio\">\n      <!-- Icona muted -->\n      <svg id=\"cdmIconMuted\" viewBox=\"0 0 24 24\">\n        <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\n      <\/svg>\n      <!-- Icona unmuted (nascosta) -->\n      <svg id=\"cdmIconUnmuted\" viewBox=\"0 0 24 24\" style=\"display:none;\">\n        <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\n      <\/svg>\n    <\/button>\n\n    <!-- Chiudi -->\n    <button class=\"cdm-close-btn\" id=\"cdmCloseBtn\" aria-label=\"Chiudi player\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n<!-- Audio element -->\n<audio id=\"cdmAudio\" loop>\n  <source src=\"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/Il-ritorno-def.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<script>\n(function() {\n\n  var player     = document.getElementById('cdmPlayer');\n  var audio      = document.getElementById('cdmAudio');\n  var muteBtn    = document.getElementById('cdmMuteBtn');\n  var closeBtn   = document.getElementById('cdmCloseBtn');\n  var progressBar= document.getElementById('cdmProgressBar');\n  var progressWrap=document.getElementById('cdmProgressWrap');\n  var timeEl     = document.getElementById('cdmTime');\n  var iconMuted  = document.getElementById('cdmIconMuted');\n  var iconUnmuted= document.getElementById('cdmIconUnmuted');\n  var visualizer = document.getElementById('cdmVisualizer');\n\n  var isMuted = true;\n\n  \/\/ Genera barre visualizer\n  var barCount = 60;\n  var heights = [];\n  for (var i = 0; i < barCount; i++) {\n    var bar = document.createElement('div');\n    bar.className = 'cdm-bar';\n    var h = Math.floor(Math.random() * 75) + 25;\n    var dur = (Math.random() * 0.6 + 0.3).toFixed(2);\n    var delay = (Math.random() * 0.4).toFixed(2);\n    bar.style.setProperty('--h', h + '%');\n    bar.style.setProperty('--dur', dur + 's');\n    bar.style.animationDelay = delay + 's';\n    heights.push(h);\n    visualizer.appendChild(bar);\n  }\n\n  \/\/ Autoplay muto\n  audio.muted = true;\n  audio.volume = 0.85;\n  var playPromise = audio.play();\n  if (playPromise !== undefined) {\n    playPromise.catch(function() {});\n  }\n\n  \/\/ Formato tempo\n  function formatTime(s) {\n    if (isNaN(s)) return '0:00';\n    var m = Math.floor(s \/ 60);\n    var sec = Math.floor(s % 60);\n    return m + ':' + (sec < 10 ? '0' : '') + sec;\n  }\n\n  \/\/ Update progress\n  audio.addEventListener('timeupdate', function() {\n    if (audio.duration) {\n      var pct = (audio.currentTime \/ audio.duration) * 100;\n      progressBar.style.width = pct + '%';\n      timeEl.textContent = formatTime(audio.currentTime) + ' \/ ' + formatTime(audio.duration);\n    }\n  });\n\n  \/\/ Click sulla progress bar per seek\n  progressWrap.addEventListener('click', function(e) {\n    var rect = progressWrap.getBoundingClientRect();\n    var pct = (e.clientX - rect.left) \/ rect.width;\n    audio.currentTime = pct * audio.duration;\n  });\n\n  \/\/ Mute\/Unmute\n  muteBtn.addEventListener('click', function() {\n    isMuted = !isMuted;\n    audio.muted = isMuted;\n    if (isMuted) {\n      player.classList.add('muted');\n      iconMuted.style.display = 'block';\n      iconUnmuted.style.display = 'none';\n      muteBtn.setAttribute('aria-label', 'Attiva audio');\n    } else {\n      player.classList.remove('muted');\n      iconMuted.style.display = 'none';\n      iconUnmuted.style.display = 'block';\n      muteBtn.setAttribute('aria-label', 'Muta audio');\n      \/\/ Forza il play al primo unmute \u2014 il browser potrebbe aver bloccato l autoplay\n      if (audio.paused) {\n        audio.play().catch(function() {});\n      }\n    }\n  });\n\n  \/\/ Chiudi player\n  closeBtn.addEventListener('click', function() {\n    audio.pause();\n    player.style.transition = 'transform 0.4s ease';\n    player.style.transform = 'translateY(100%)';\n    setTimeout(function() { player.style.display = 'none'; }, 400);\n  });\n\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Carlo D&#8217;Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo &#8220;Qui e ora&#8221; disponibile dal 27 aprile 2026 su tutte le piattaforme.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"iawp_total_views":144,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Carlo D&#039;Angi\u00f2 Music<\/title>\n<meta name=\"description\" content=\"Carlo D&#039;Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo &quot;Qui e ora&quot; disponibile dal 27 aprile 2026 su tutte le piattaforme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.carlodangio.com\/Music\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Carlo D&#039;Angi\u00f2 Music\" \/>\n<meta property=\"og:description\" content=\"Carlo D&#039;Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo &quot;Qui e ora&quot; disponibile dal 27 aprile 2026 su tutte le piattaforme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.carlodangio.com\/Music\/\" \/>\n<meta property=\"og:site_name\" content=\"Carlo D&#039;Angi\u00f2 Music\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-24T01:34:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/\",\"url\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/\",\"name\":\"Home - Carlo D&#039;Angi\u00f2 Music\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#website\"},\"datePublished\":\"2026-04-16T13:30:13+00:00\",\"dateModified\":\"2026-05-24T01:34:02+00:00\",\"description\":\"Carlo D'Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo \\\"Qui e ora\\\" disponibile dal 27 aprile 2026 su tutte le piattaforme.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#website\",\"url\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/\",\"name\":\"Carlo D'Angi\u00f2 Music\",\"description\":\"Musica, trasformazione, identit\u00e0 \u2014 Carlo D&#039;Angi\u00f2\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#\\\/schema\\\/person\\\/9eda2a7ae7576f5d5212356876bf59ad\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/#\\\/schema\\\/person\\\/9eda2a7ae7576f5d5212356876bf59ad\",\"name\":\"carlodangio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/carlo-dangio-studio-registrazione-musica-ai.jpg\",\"url\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/carlo-dangio-studio-registrazione-musica-ai.jpg\",\"contentUrl\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/carlo-dangio-studio-registrazione-musica-ai.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"carlodangio\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.carlodangio.com\\\/Music\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/carlo-dangio-studio-registrazione-musica-ai.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.carlodangio.com\\\/Music\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Carlo D&#039;Angi\u00f2 Music","description":"Carlo D'Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo \"Qui e ora\" disponibile dal 27 aprile 2026 su tutte le piattaforme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.carlodangio.com\/Music\/","og_locale":"it_IT","og_type":"article","og_title":"Home - Carlo D&#039;Angi\u00f2 Music","og_description":"Carlo D'Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo \"Qui e ora\" disponibile dal 27 aprile 2026 su tutte le piattaforme.","og_url":"https:\/\/www.carlodangio.com\/Music\/","og_site_name":"Carlo D&#039;Angi\u00f2 Music","article_modified_time":"2026-05-24T01:34:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.carlodangio.com\/Music\/","url":"https:\/\/www.carlodangio.com\/Music\/","name":"Home - Carlo D&#039;Angi\u00f2 Music","isPartOf":{"@id":"https:\/\/www.carlodangio.com\/Music\/#website"},"datePublished":"2026-04-16T13:30:13+00:00","dateModified":"2026-05-24T01:34:02+00:00","description":"Carlo D'Angi\u00f2 Music \u2014 un ritorno consapevole alla musica. Primo singolo \"Qui e ora\" disponibile dal 27 aprile 2026 su tutte le piattaforme.","breadcrumb":{"@id":"https:\/\/www.carlodangio.com\/Music\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.carlodangio.com\/Music\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.carlodangio.com\/Music\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.carlodangio.com\/Music\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.carlodangio.com\/Music\/#website","url":"https:\/\/www.carlodangio.com\/Music\/","name":"Carlo D'Angi\u00f2 Music","description":"Musica, trasformazione, identit\u00e0 \u2014 Carlo D&#039;Angi\u00f2","publisher":{"@id":"https:\/\/www.carlodangio.com\/Music\/#\/schema\/person\/9eda2a7ae7576f5d5212356876bf59ad"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.carlodangio.com\/Music\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.carlodangio.com\/Music\/#\/schema\/person\/9eda2a7ae7576f5d5212356876bf59ad","name":"carlodangio","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-studio-registrazione-musica-ai.jpg","url":"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-studio-registrazione-musica-ai.jpg","contentUrl":"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-studio-registrazione-musica-ai.jpg","width":1920,"height":1080,"caption":"carlodangio"},"logo":{"@id":"https:\/\/www.carlodangio.com\/Music\/wp-content\/uploads\/2026\/04\/carlo-dangio-studio-registrazione-musica-ai.jpg"},"sameAs":["https:\/\/www.carlodangio.com\/Music"]}]}},"_links":{"self":[{"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":35,"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/pages\/12\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/www.carlodangio.com\/Music\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}