{"id":676,"date":"2025-03-21T10:19:33","date_gmt":"2025-03-21T09:19:33","guid":{"rendered":"https:\/\/jonskadhauge.mitspace.dk\/?page_id=676"},"modified":"2026-03-19T19:09:35","modified_gmt":"2026-03-19T18:09:35","slug":"music","status":"publish","type":"page","link":"https:\/\/jonskadhauge.com\/en\/music\/","title":{"rendered":"Music"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"676\" class=\"elementor elementor-676\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c283d2 e-con-full e-flex e-con e-parent\" data-id=\"6c283d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf5d07 elementor-widget elementor-widget-html\" data-id=\"ccf5d07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"music-section\" role=\"region\" aria-labelledby=\"music-title\">\n  <style>\n    \/* Layout & theme (inherits Elementor global fonts) *\/\n    .music-section {\n      --bg: #D13232;\n      --text: #000000;\n      --title-color: #ffff00; \/* \ud83d\udc48 customize this freely *\/\n\n      background: var(--bg);\n      color: var(--text);\n    }\n\n    \/* Removed the global color override so title color works *\/\n    .music-section * {\n      font: inherit;\n      text-shadow: none;\n      box-shadow: none;\n    }\n\n    .music-wrap {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: clamp(24px, 3.6vw, 56px) clamp(16px, 3vw, 32px);\n    }\n\n    \/* Title \u2014 same size as your original code, just with its own color *\/\n    .music-section .music-title {\n      margin: 0 0 clamp(14px, 2vw, 20px) 0;\n      line-height: 1.1;\n      letter-spacing: -0.01em;\n      font-weight: 700;\n      font-size: clamp(px, 6vw, 72px);\n      color: var(--title-color) !important; \/* forces custom color *\/\n    }\n\n    .music-text {\n      max-width: 70ch;\n      line-height: 1.55;\n      font-size: clamp(16px, 1.4vw, 20px);\n      margin: 0 auto clamp(28px, 4vw, 48px);\n    }\n\n    \/* Video: responsive, centered *\/\n    .music-video {\n      display: flex;\n      justify-content: center;\n    }\n\n    .video-frame {\n      width: min(100%, 960px);\n      aspect-ratio: 16 \/ 9;\n      background: rgba(0,0,0,0.08); \/* subtle placeholder; not a glow *\/\n      border: 0;\n    }\n\n    \/* Fallback for older browsers without aspect-ratio *\/\n    .no-aspect .video-wrap {\n      position: relative;\n      width: min(100%, 960px);\n      padding-top: 56.25%;\n    }\n    .no-aspect .video-wrap iframe {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    \/* Disable hover effects *\/\n    .music-section a,\n    .music-section button {\n      transition: none !important;\n    }\n    .music-section a:hover,\n    .music-section button:hover {\n      filter: none !important;\n      transform: none !important;\n      text-decoration: none !important;\n    }\n  <\/style>\n\n  <div class=\"music-wrap\">\n    <header>\n      <h1 id=\"music-title\" class=\"music-title\">Music<\/h1>\n      <p class=\"music-text\">\n        Besides recording audio for film and advertising I am a musician and composer. My signature lies in creating music that feels organic with a distinctly human touch. The essence of a brand must be translated into music which resonates deeply with the brand strategies. Whether eerie cinematic scores or ironic spaghetti western. Every frequency must be fine-tuned until it feels and sounds just right.\n      <\/p>\n    <\/header>\n\n    <div class=\"music-video\">\n      <!-- Responsive YouTube embed -->\n      <iframe\n        class=\"video-frame\"\n        title=\"Music \u2014 YouTube video\"\n        src=\"https:\/\/www.youtube.com\/embed\/Slq850BjOtg?rel=0&modestbranding=1&playsinline=1\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n        allowfullscreen\n referrerpolicy=\"strict-origin-when-cross-origin\">\n      <\/iframe>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Add a minimal feature test for aspect-ratio; apply fallback if needed\n    (function(){\n      var test = document.createElement('div');\n      if (!('aspectRatio' in test.style)) {\n        document.currentScript.closest('.music-section').classList.add('no-aspect');\n      }\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Musik Udover at indspille lyd til film og reklame er jeg musiker og komponist. Mit kendetegn ligger i at skabe musik, der f\u00f8les organisk og har et tydeligt menneskeligt pr\u00e6g. Essensen af et brand skal overs\u00e6ttes til musik, der resonerer dybt med brandets strategi. Uanset om det er uhyggelige, filmiske scores eller ironiske spaghettiwesterns, skal [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-676","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/comments?post=676"}],"version-history":[{"count":820,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/676\/revisions"}],"predecessor-version":[{"id":8680,"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/pages\/676\/revisions\/8680"}],"wp:attachment":[{"href":"https:\/\/jonskadhauge.com\/en\/wp-json\/wp\/v2\/media?parent=676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}