{"id":16,"date":"2026-08-10T12:49:10","date_gmt":"2026-08-10T11:49:10","guid":{"rendered":"https:\/\/andreasespenes.no\/?page_id=16"},"modified":"2026-08-11T21:27:15","modified_gmt":"2026-08-11T20:27:15","slug":"musikk","status":"publish","type":"page","link":"https:\/\/andreasespenes.no\/en\/musikk\/","title":{"rendered":"Music"},"content":{"rendered":"<style>\n  \/* =========================================================\n     ANDREAS ESPENES \u2013 MUSIKK HERO\n     M\u00f8rk \/ moderne \/ filmatisk\n     ========================================================= *\/\n\n  .music-hero,\n  .music-hero * {\n    box-sizing: border-box;\n  }\n\n  .music-hero {\n    --music-black: #090909;\n    --music-dark: #12100f;\n    --music-brown: #241914;\n\n    --music-gold: #c29a52;\n    --music-gold-light: #ddbd7b;\n    --music-gold-dark: #87652e;\n\n    --music-cream: #f0e8dc;\n    --music-text: #cfc6bc;\n    --music-muted: #92877e;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--music-cream);\n\n    background:\n      radial-gradient(\n        circle at 82% 22%,\n        rgba(131, 69, 53, 0.20),\n        transparent 29%\n      ),\n      radial-gradient(\n        circle at 18% 74%,\n        rgba(194, 154, 82, 0.08),\n        transparent 30%\n      ),\n      linear-gradient(\n        120deg,\n        #090909 0%,\n        #15110f 52%,\n        #211512 100%\n      );\n\n    font-family: inherit;\n  }\n\n\n  \/* =========================================================\n     DEKORATIV BAKGRUNNSGL\u00d8D\n     ========================================================= *\/\n\n  .music-hero::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 620px;\n    height: 620px;\n\n    right: -230px;\n    top: -290px;\n\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle,\n        rgba(194, 154, 82, 0.11),\n        rgba(194, 154, 82, 0.025) 42%,\n        transparent 69%\n      );\n\n    pointer-events: none;\n  }\n\n  .music-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(194, 154, 82, 0.50),\n        rgba(221, 189, 123, 0.72),\n        rgba(194, 154, 82, 0.50),\n        transparent\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     HOVEDINNHOLD\n     ========================================================= *\/\n\n  .music-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1.05fr)\n      minmax(390px, 0.95fr);\n\n    align-items: center;\n\n    gap: 76px;\n\n    width:\n      min(1220px, calc(100% - 64px));\n\n    min-height: 640px;\n\n    margin: 0 auto;\n\n    padding:\n      74px 0 80px;\n  }\n\n\n  \/* =========================================================\n     VENSTRE SIDE\n     ========================================================= *\/\n\n  .music-hero__copy {\n    max-width: 680px;\n  }\n\n\n  \/* EYEBROW *\/\n\n  .music-hero__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin:\n      0 0 17px !important;\n\n    color:\n      var(--music-gold-light);\n\n    font-size: 14px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.16em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .music-hero__eyebrow::before {\n    content: \"\";\n\n    width: 38px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--music-gold-dark),\n        var(--music-gold-light)\n      );\n  }\n\n\n  \/* =========================================================\n     ARTISTNAVN\n     ========================================================= *\/\n\n  .music-hero__title {\n    margin:\n      0 0 14px !important;\n\n    color:\n      #f5eee5 !important;\n\n    font-size:\n      clamp(48px, 6vw, 76px);\n\n    font-weight: 800;\n\n    line-height: 0.98;\n\n    letter-spacing:\n      -0.045em;\n  }\n\n\n  \/* =========================================================\n     UNDERTITTEL\n     ========================================================= *\/\n\n  .music-hero__tagline {\n    max-width: 590px;\n\n    margin:\n      0 0 24px !important;\n\n    color:\n      var(--music-gold-light);\n\n    font-size:\n      clamp(18px, 2vw, 23px);\n\n    font-weight: 600;\n\n    line-height: 1.45;\n  }\n\n\n  \/* =========================================================\n     INTRO\n     ========================================================= *\/\n\n  .music-hero__intro {\n    max-width: 630px;\n\n    margin:\n      0 0 30px !important;\n\n    color:\n      var(--music-text);\n\n    font-size: 17px;\n\n    line-height: 1.75;\n  }\n\n\n  \/* =========================================================\n     KNAPPER\n     ========================================================= *\/\n\n  .music-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 10px;\n  }\n\n  .music-hero__button {\n    display: inline-flex;\n\n    min-height: 50px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      11px 23px;\n\n    border-radius:\n      999px;\n\n    font-size: 13px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    text-decoration:\n      none !important;\n\n    transition:\n      transform 0.22s ease,\n      background 0.22s ease,\n      border-color 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  .music-hero__button:hover {\n    transform:\n      translateY(-2px);\n  }\n\n\n  \/* GULLKNAPP *\/\n\n  .music-hero__button--primary {\n    border:\n      1px solid var(--music-gold);\n\n    background:\n      linear-gradient(\n        135deg,\n        #d0ab62,\n        #9d7837\n      );\n\n    color:\n      #171008 !important;\n\n    box-shadow:\n      0 12px 28px rgba(0, 0, 0, 0.22);\n  }\n\n  .music-hero__button--primary:hover {\n    background:\n      linear-gradient(\n        135deg,\n        #dfbd73,\n        #af8842\n      );\n  }\n\n\n  \/* M\u00d8RK KNAPP *\/\n\n  .music-hero__button--secondary {\n    border:\n      1px solid rgba(215, 183, 117, 0.36);\n\n    background:\n      rgba(255, 255, 255, 0.035);\n\n    color:\n      var(--music-cream) !important;\n  }\n\n  .music-hero__button--secondary:hover {\n    border-color:\n      var(--music-gold);\n\n    background:\n      rgba(194, 154, 82, 0.07);\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE \u2013 PORTRETT\n     ========================================================= *\/\n\n  .music-hero__visual {\n    position: relative;\n\n    width: 100%;\n    min-height: 500px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(194, 154, 82, 0.27);\n\n    border-radius: 26px;\n\n    background:\n      #171310;\n\n    box-shadow:\n      0 30px 80px rgba(0, 0, 0, 0.42);\n  }\n\n  .music-hero__image {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    filter:\n      saturate(0.82)\n      contrast(1.04)\n      brightness(0.83);\n\n    transform:\n      scale(1.015);\n\n    transition:\n      transform 0.5s ease;\n  }\n\n  .music-hero__visual:hover\n  .music-hero__image {\n    transform:\n      scale(1.04);\n  }\n\n\n  \/* M\u00d8RK CINEMATIC OVERLAY *\/\n\n  .music-hero__visual::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    z-index: 2;\n\n    background:\n      linear-gradient(\n        90deg,\n        rgba(10, 9, 8, 0.30),\n        transparent 55%\n      ),\n      linear-gradient(\n        180deg,\n        transparent 52%,\n        rgba(8, 7, 6, 0.68) 100%\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* INDRE RAMME *\/\n\n  .music-hero__visual::after {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 3;\n\n    inset: 13px;\n\n    border:\n      1px solid rgba(221, 189, 123, 0.18);\n\n    border-radius: 18px;\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     LITEN TEKST OVER BILDET\n     ========================================================= *\/\n\n  .music-hero__visual-label {\n    position: absolute;\n\n    z-index: 4;\n\n    left: 31px;\n    bottom: 27px;\n\n    color:\n      rgba(245, 237, 223, 0.90);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    line-height: 1.4;\n\n    letter-spacing:\n      0.13em;\n\n    text-transform:\n      uppercase;\n\n    text-shadow:\n      0 3px 10px rgba(0, 0, 0, 0.85);\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 950px) {\n\n    .music-hero__inner {\n      grid-template-columns:\n        1fr;\n\n      gap: 45px;\n\n      width:\n        min(100% - 44px, 760px);\n\n      min-height: auto;\n\n      padding:\n        64px 0 70px;\n    }\n\n    .music-hero__copy {\n      max-width: none;\n    }\n\n    .music-hero__visual {\n      width:\n        min(100%, 590px);\n\n      min-height: 540px;\n\n      margin: 0 auto;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .music-hero__inner {\n      gap: 35px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        51px 0 57px;\n    }\n\n    .music-hero__eyebrow {\n      margin-bottom:\n        14px !important;\n\n      font-size: 11px;\n\n      letter-spacing:\n        0.13em;\n    }\n\n    .music-hero__eyebrow::before {\n      width: 26px;\n    }\n\n    .music-hero__title {\n      font-size:\n        clamp(43px, 14vw, 58px);\n    }\n\n    .music-hero__tagline {\n      margin-bottom:\n        20px !important;\n\n      font-size: 18px;\n    }\n\n    .music-hero__intro {\n      margin-bottom:\n        26px !important;\n\n      font-size: 16px;\n    }\n\n    .music-hero__actions {\n      display: grid;\n\n      grid-template-columns:\n        1fr;\n    }\n\n    .music-hero__button {\n      width: 100%;\n    }\n\n    .music-hero__visual {\n      min-height: 430px;\n\n      border-radius: 20px;\n    }\n\n    .music-hero__visual::after {\n      inset: 9px;\n\n      border-radius: 14px;\n    }\n\n    .music-hero__visual-label {\n      left: 22px;\n      bottom: 21px;\n\n      font-size: 10px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"music-hero\">\n\n  <div class=\"music-hero__inner\">\n\n\n    <!-- =====================================================\n         VENSTRE\n         ===================================================== -->\n\n    <div class=\"music-hero__copy\">\n\n      <div class=\"music-hero__eyebrow\">\n        Music\n      <\/div>\n\n      <h1 class=\"music-hero__title\">\n        Andreas Espenes\n      <\/h1>\n\n      <p class=\"music-hero__tagline\">\n        Songs about life, thoughts and all that is difficult to say out loud.\n      <\/p>\n\n      <p class=\"music-hero__intro\">\n        In addition to the books and other creative projects, I write music under the name Andreas Espenes. The songs are based on stories, feelings and thoughts that I want to put into words and melody.\n      <\/p>\n\n\n      <div class=\"music-hero__actions\">\n\n        <a\n          class=\"music-hero__button music-hero__button--primary\"\n          href=\"#musikk-utgivelser\"\n        >\n          Explore the music\n        <\/a>\n\n        <a\n          class=\"music-hero__button music-hero__button--secondary\"\n          href=\"\/en\/kontakt\/\"\n        >\n          Contact me\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         H\u00d8YRE\n         ===================================================== -->\n\n    <div class=\"music-hero__visual\">\n\n      <img decoding=\"async\"\n        class=\"music-hero__image\"\n        src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Andreas_Sautter_Espenes.jpg\"\n        alt=\"Andreas Espenes\"\n      >\n\n      <div class=\"music-hero__visual-label\">\n        Artist &amp; songwriter\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style>\n  \/* =========================================================\n     ANDREAS ESPENES \u2013 \u00c6RLIGE TEKSTER\n     Lys \/ varm \/ personlig musikkseksjon\n     ========================================================= *\/\n\n  .music-story,\n  .music-story * {\n    box-sizing: border-box;\n  }\n\n  .music-story {\n    --music-dark: #271e19;\n    --music-text: #655b54;\n    --music-muted: #897d74;\n\n    --music-gold: #b8944e;\n    --music-gold-light: #d8bb78;\n    --music-gold-dark: #80602d;\n\n    --music-burgundy: #70463d;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--music-dark);\n\n    background:\n      radial-gradient(\n        circle at 10% 20%,\n        rgba(184, 148, 78, 0.08),\n        transparent 29%\n      ),\n      radial-gradient(\n        circle at 91% 79%,\n        rgba(112, 70, 61, 0.055),\n        transparent 27%\n      ),\n      linear-gradient(\n        120deg,\n        #fbf7f0 0%,\n        #f5eee5 54%,\n        #efe5d9 100%\n      );\n\n    font-family: inherit;\n  }\n\n\n  \/* =========================================================\n     DISKRET BAKGRUNNSDEKOR\n     ========================================================= *\/\n\n  .music-story::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 500px;\n    height: 500px;\n\n    left: -310px;\n    bottom: -330px;\n\n    border:\n      1px solid rgba(184, 148, 78, 0.10);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 45px rgba(184, 148, 78, 0.018),\n      0 0 0 90px rgba(184, 148, 78, 0.010);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     HOVEDINNHOLD\n     ========================================================= *\/\n\n  .music-story__inner {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 0.92fr)\n      minmax(0, 1.08fr);\n\n    align-items: center;\n\n    gap: 76px;\n\n    width:\n      min(1140px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      72px 0 76px;\n  }\n\n\n  \/* =========================================================\n     VENSTRE\n     ========================================================= *\/\n\n  .music-story__copy {\n    max-width: 600px;\n  }\n\n\n  \/* EYEBROW *\/\n\n  .music-story__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin:\n      0 0 14px !important;\n\n    color:\n      var(--music-gold-dark);\n\n    font-size: 14px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.14em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .music-story__eyebrow::before {\n    content: \"\";\n\n    width: 35px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--music-gold-dark),\n        var(--music-gold-light)\n      );\n  }\n\n\n  \/* =========================================================\n     TITTEL\n     ========================================================= *\/\n\n  .music-story__title {\n    margin:\n      0 0 21px !important;\n\n    color:\n      var(--music-dark);\n\n    font-size:\n      clamp(38px, 4.2vw, 55px);\n\n    font-weight: 800;\n\n    line-height: 1.07;\n\n    letter-spacing:\n      -0.035em;\n  }\n\n\n  \/* =========================================================\n     BR\u00d8DTEKST\n     ========================================================= *\/\n\n  .music-story__text {\n    color:\n      var(--music-text);\n\n    font-size: 16px;\n\n    line-height: 1.76;\n  }\n\n  .music-story__text p {\n    margin:\n      0 0 17px !important;\n  }\n\n  .music-story__text p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE \u2013 STOR TEKSTBOKS\n     ========================================================= *\/\n\n  .music-story__panel {\n    position: relative;\n\n    padding:\n      42px 42px 39px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(128, 96, 45, 0.18);\n\n    border-radius: 24px;\n\n    background:\n      rgba(255, 253, 249, 0.76);\n\n    box-shadow:\n      0 22px 55px rgba(64, 44, 28, 0.075);\n  }\n\n\n  \/* Gullstrek \u00f8verst *\/\n\n  .music-story__panel::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 42px;\n\n    width: 82px;\n    height: 3px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--music-gold-dark),\n        var(--music-gold-light)\n      );\n  }\n\n\n  \/* =========================================================\n     STORT SITAT\n     ========================================================= *\/\n\n  .music-story__statement {\n    margin:\n      0 0 27px !important;\n\n    color:\n      #3a2d26;\n\n    font-size:\n      clamp(24px, 2.5vw, 32px);\n\n    font-weight: 700;\n\n    line-height: 1.35;\n\n    letter-spacing:\n      -0.02em;\n  }\n\n\n  \/* =========================================================\n     TRE ELEMENTER\n     ========================================================= *\/\n\n  .music-story__points {\n    display: grid;\n\n    gap: 0;\n  }\n\n  .music-story__point {\n    display: grid;\n\n    grid-template-columns:\n      36px 1fr;\n\n    gap: 13px;\n\n    padding:\n      17px 0;\n\n    border-top:\n      1px solid rgba(97, 75, 55, 0.11);\n  }\n\n  .music-story__point:first-child {\n    border-top: 0;\n  }\n\n\n  \/* NUMMER *\/\n\n  .music-story__number {\n    display: flex;\n\n    width: 30px;\n    height: 30px;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 1px;\n\n    border:\n      1px solid rgba(184, 148, 78, 0.30);\n\n    border-radius: 50%;\n\n    color:\n      var(--music-gold-dark);\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n  }\n\n\n  \/* POINT TITTEL *\/\n\n  .music-story__point-title {\n    margin:\n      0 0 4px !important;\n\n    color:\n      var(--music-dark);\n\n    font-size: 15px;\n    font-weight: 800;\n\n    line-height: 1.4;\n  }\n\n\n  \/* POINT TEKST *\/\n\n  .music-story__point-text {\n    margin:\n      0 !important;\n\n    color:\n      var(--music-text);\n\n    font-size: 14px;\n\n    line-height: 1.55;\n  }\n\n\n  \/* =========================================================\n     AVSLUTTENDE LINJE\n     ========================================================= *\/\n\n  .music-story__ending {\n    position: relative;\n\n    grid-column:\n      1 \/ -1;\n\n    max-width: 760px;\n\n    margin:\n      -4px auto 0;\n\n    padding-top: 29px;\n\n    color:\n      #796a5e;\n\n    font-size: 15px;\n    font-style: italic;\n\n    line-height: 1.65;\n\n    text-align: center;\n  }\n\n  .music-story__ending::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 50%;\n\n    width: 110px;\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--music-gold),\n        transparent\n      );\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n\n    .music-story__inner {\n      grid-template-columns:\n        1fr;\n\n      gap: 40px;\n\n      width:\n        min(100% - 44px, 720px);\n\n      padding:\n        62px 0 67px;\n    }\n\n    .music-story__copy {\n      max-width: none;\n    }\n\n    .music-story__panel {\n      max-width: 680px;\n\n      width: 100%;\n\n      margin: 0 auto;\n    }\n\n    .music-story__ending {\n      margin-top: 0;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .music-story__inner {\n      gap: 32px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        50px 0 55px;\n    }\n\n    .music-story__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.12em;\n    }\n\n    .music-story__eyebrow::before {\n      width: 25px;\n    }\n\n    .music-story__title {\n      margin-bottom:\n        17px !important;\n\n      font-size:\n        clamp(34px, 10vw, 44px);\n    }\n\n    .music-story__text {\n      font-size: 15px;\n    }\n\n    .music-story__panel {\n      padding:\n        34px 23px 28px;\n\n      border-radius: 20px;\n    }\n\n    .music-story__panel::before {\n      left: 23px;\n\n      width: 70px;\n    }\n\n    .music-story__statement {\n      margin-bottom:\n        21px !important;\n\n      font-size:\n        clamp(22px, 7vw, 28px);\n    }\n\n    .music-story__point {\n      grid-template-columns:\n        32px 1fr;\n\n      gap: 11px;\n\n      padding:\n        15px 0;\n    }\n\n    .music-story__number {\n      width: 27px;\n      height: 27px;\n\n      font-size: 9px;\n    }\n\n    .music-story__ending {\n      padding-top: 24px;\n\n      font-size: 14px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"music-story\">\n\n  <div class=\"music-story__inner\">\n\n\n    <!-- =====================================================\n         VENSTRE\n         ===================================================== -->\n\n    <div class=\"music-story__copy\">\n\n      <div class=\"music-story__eyebrow\">\n        Behind the music\n      <\/div>\n\n      <h2 class=\"music-story__title\">\n        Honest lyrics and emotional melodies\n      <\/h2>\n\n\n      <div class=\"music-story__text\">\n\n        <p>\n          My music often begins with a thought, a feeling, or a story that I want to put into words. It can be something close and personal, or something that many people can identify with.\n        <\/p>\n\n        <p>\n          For me, songwriting is about finding the words for things that aren&#039;t always easy to say out loud, and combining them with melodies that can enhance the emotion in the story.\n        <\/p>\n\n        <p>\n          That&#039;s why lyrics are an important part of the music I make. The goal is for the songs to be able to hit the mark, tell something, and maybe stay with me a little after they&#039;re finished.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         H\u00d8YRE\n         ===================================================== -->\n\n    <div class=\"music-story__panel\">\n\n\n      <p class=\"music-story__statement\">\n        Some stories work best when they have a melody.\n      <\/p>\n\n\n      <div class=\"music-story__points\">\n\n\n        <div class=\"music-story__point\">\n\n          <span class=\"music-story__number\">\n            01\n          <\/span>\n\n          <div>\n\n            <h3 class=\"music-story__point-title\">\n              Text first\n            <\/h3>\n\n            <p class=\"music-story__point-text\">\n              The words and story are often the starting point for the songs.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"music-story__point\">\n\n          <span class=\"music-story__number\">\n            02\n          <\/span>\n\n          <div>\n\n            <h3 class=\"music-story__point-title\">\n              The feeling in the center\n            <\/h3>\n\n            <p class=\"music-story__point-text\">\n              Melody and phrasing should support the feeling the text is trying to convey.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"music-story__point\">\n\n          <span class=\"music-story__number\">\n            03\n          <\/span>\n\n          <div>\n\n            <h3 class=\"music-story__point-title\">\n              Stories you can identify with\n            <\/h3>\n\n            <p class=\"music-story__point-text\">\n              The songs draw inspiration from life, relationships, thoughts and moments.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AVSLUTNING\n         ===================================================== -->\n\n    <div class=\"music-story__ending\">\n      Different songs may have different expressions \u2013 but the story and feeling should always be there.\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     ANDREAS ESPENES \u2013 MUSIKKEN MIN\n     3-KOLONNERS UTGIVELSER + YOUTUBE-SPILLELISTE\n     Nyeste f\u00f8rst\n     ========================================================= *\/\n\n  .ae-releases,\n  .ae-releases * {\n    box-sizing: border-box;\n  }\n\n  .ae-releases {\n    --ae-black: #090909;\n    --ae-dark: #12100f;\n    --ae-brown: #241815;\n\n    --ae-gold: #c39b53;\n    --ae-gold-light: #e0be79;\n    --ae-gold-dark: #86632d;\n\n    --ae-cream: #f2eae0;\n    --ae-text: #cfc5ba;\n    --ae-muted: #92867c;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--ae-cream);\n\n    background:\n      radial-gradient(\n        circle at 8% 15%,\n        rgba(195, 155, 83, 0.11),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 91% 82%,\n        rgba(116, 61, 53, 0.14),\n        transparent 28%\n      ),\n      linear-gradient(\n        120deg,\n        #090909 0%,\n        #14110f 48%,\n        #211512 100%\n      );\n\n    font-family: inherit;\n  }\n\n\n  \/* =========================================================\n     BAKGRUNNSDEKOR\n     ========================================================= *\/\n\n  .ae-releases::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 620px;\n    height: 620px;\n\n    right: -330px;\n    top: -330px;\n\n    border:\n      1px solid rgba(195, 155, 83, 0.07);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 52px rgba(195, 155, 83, 0.012),\n      0 0 0 105px rgba(195, 155, 83, 0.007);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .ae-releases__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(1220px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      74px 0 80px;\n  }\n\n\n  \/* =========================================================\n     HEADER\n     ========================================================= *\/\n\n  .ae-releases__header {\n    max-width: 820px;\n\n    margin:\n      0 auto 42px;\n\n    text-align: center;\n  }\n\n  .ae-releases__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    margin:\n      0 0 14px !important;\n\n    color:\n      var(--ae-gold-light);\n\n    font-size: 14px;\n    font-weight: 800;\n\n    letter-spacing:\n      0.15em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .ae-releases__eyebrow::before,\n  .ae-releases__eyebrow::after {\n    content: \"\";\n\n    width: 32px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--ae-gold)\n      );\n  }\n\n  .ae-releases__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--ae-gold),\n        transparent\n      );\n  }\n\n  .ae-releases__title {\n    margin:\n      0 0 17px !important;\n\n    color:\n      #f4ede5 !important;\n\n    font-size:\n      clamp(39px, 4.3vw, 56px);\n\n    font-weight: 800;\n\n    line-height: 1.06;\n\n    letter-spacing:\n      -0.035em;\n  }\n\n  .ae-releases__intro {\n    max-width: 720px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--ae-text);\n\n    font-size: 16px;\n\n    line-height: 1.72;\n  }\n\n\n  \/* =========================================================\n     3-GRID\n     ========================================================= *\/\n\n  .ae-releases__grid {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    align-items: stretch;\n\n    gap: 22px;\n  }\n\n\n  \/* =========================================================\n     UTGIVELSESKORT\n     ========================================================= *\/\n\n  .ae-release {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(212, 174, 101, 0.20);\n\n    border-radius: 20px;\n\n    background:\n      linear-gradient(\n        150deg,\n        rgba(255, 255, 255, 0.065),\n        rgba(255, 255, 255, 0.022)\n      );\n\n    box-shadow:\n      0 22px 55px rgba(0, 0, 0, 0.24);\n\n    backdrop-filter:\n      blur(5px);\n\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .ae-release:hover {\n    transform:\n      translateY(-5px);\n\n    border-color:\n      rgba(224, 190, 121, 0.43);\n\n    box-shadow:\n      0 30px 65px rgba(0, 0, 0, 0.34);\n  }\n\n\n  \/* =========================================================\n     COVER\n     ========================================================= *\/\n\n  .ae-release__cover-wrap {\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    aspect-ratio: 1 \/ 1;\n\n    background: #151311;\n  }\n\n  .ae-release__cover {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n      transform 0.45s ease;\n  }\n\n  .ae-release:hover\n  .ae-release__cover {\n    transform:\n      scale(1.025);\n  }\n\n\n  \/* diskret m\u00f8rk overgang *\/\n\n  .ae-release__cover-wrap::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n      linear-gradient(\n        180deg,\n        transparent 68%,\n        rgba(8, 8, 7, 0.28) 100%\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     TYPE-LABEL\n     ========================================================= *\/\n\n  .ae-release__badge {\n    position: absolute;\n\n    z-index: 3;\n\n    left: 16px;\n    bottom: 15px;\n\n    padding:\n      6px 10px;\n\n    border:\n      1px solid rgba(232, 206, 148, 0.24);\n\n    border-radius:\n      999px;\n\n    background:\n      rgba(9, 9, 9, 0.70);\n\n    color:\n      #e7d3a5;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1.2;\n\n    letter-spacing:\n      0.10em;\n\n    text-transform:\n      uppercase;\n\n    backdrop-filter:\n      blur(6px);\n  }\n\n\n  \/* =========================================================\n     KORTINNHOLD\n     ========================================================= *\/\n\n  .ae-release__body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    padding:\n      23px 22px 22px;\n  }\n\n  .ae-release__title {\n    margin:\n      0 0 5px !important;\n\n    color:\n      #f1e9df !important;\n\n    font-size: 21px;\n    font-weight: 800;\n\n    line-height: 1.25;\n\n    letter-spacing:\n      -0.02em;\n  }\n\n  .ae-release__artist {\n    margin:\n      0 0 18px !important;\n\n    color:\n      var(--ae-gold-light);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    line-height: 1.4;\n\n    letter-spacing:\n      0.07em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  \/* =========================================================\n     L\u00c5TLISTE\n     ========================================================= *\/\n\n  .ae-release__tracks {\n    display: grid;\n\n    gap: 0;\n\n    margin-bottom: 21px;\n  }\n\n  .ae-release__track {\n    display: grid;\n\n    grid-template-columns:\n      25px minmax(0, 1fr);\n\n    gap: 8px;\n\n    align-items: start;\n\n    padding:\n      8px 0;\n\n    border-top:\n      1px solid rgba(255, 255, 255, 0.065);\n\n    color:\n      #c8bfb5;\n\n    font-size: 12px;\n\n    line-height: 1.45;\n  }\n\n  .ae-release__track:first-child {\n    border-top: 0;\n  }\n\n  .ae-release__track-number {\n    color:\n      #7f7368;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    padding-top: 1px;\n  }\n\n\n  \/* =========================================================\n     ALBUM MED MANGE SPOR\n     ========================================================= *\/\n\n  .ae-release__tracks--album {\n    max-height: 218px;\n\n    padding-right: 8px;\n\n    overflow-y: auto;\n\n    scrollbar-width: thin;\n\n    scrollbar-color:\n      rgba(195, 155, 83, 0.42)\n      rgba(255, 255, 255, 0.035);\n  }\n\n  .ae-release__tracks--album::-webkit-scrollbar {\n    width: 5px;\n  }\n\n  .ae-release__tracks--album::-webkit-scrollbar-track {\n    background:\n      rgba(255, 255, 255, 0.025);\n  }\n\n  .ae-release__tracks--album::-webkit-scrollbar-thumb {\n    border-radius: 999px;\n\n    background:\n      rgba(195, 155, 83, 0.42);\n  }\n\n\n  \/* =========================================================\n     SPOTIFY-KNAPP\n     ========================================================= *\/\n\n  .ae-release__button {\n    display: inline-flex;\n\n    width: 100%;\n    min-height: 45px;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    margin-top: auto;\n\n    padding:\n      10px 16px;\n\n    border:\n      1px solid rgba(195, 155, 83, 0.48);\n\n    border-radius:\n      999px;\n\n    background:\n      rgba(195, 155, 83, 0.07);\n\n    color:\n      #efe5d8 !important;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    text-decoration:\n      none !important;\n\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ae-release__button:hover {\n    transform:\n      translateY(-2px);\n\n    border-color:\n      var(--ae-gold);\n\n    background:\n      linear-gradient(\n        135deg,\n        #cfa85e,\n        #95702f\n      );\n\n    color:\n      #120e08 !important;\n  }\n\n\n  \/* Spotify-symbol *\/\n\n  .ae-release__spotify-icon {\n    display: inline-flex;\n\n    width: 18px;\n    height: 18px;\n\n    align-items: center;\n    justify-content: center;\n\n    border:\n      1px solid currentColor;\n\n    border-radius: 50%;\n\n    font-size: 8px;\n\n    line-height: 1;\n  }\n\n\n  \/* =========================================================\n     YOUTUBE-DEL\n     ========================================================= *\/\n\n  .ae-youtube {\n    position: relative;\n\n    margin-top: 70px;\n\n    padding-top: 58px;\n\n    border-top:\n      1px solid rgba(224, 190, 121, 0.14);\n  }\n\n\n  \/* =========================================================\n     YOUTUBE HEADER\n     ========================================================= *\/\n\n  .ae-youtube__header {\n    max-width: 760px;\n\n    margin:\n      0 auto 31px;\n\n    text-align:\n      center;\n  }\n\n  .ae-youtube__eyebrow {\n    display: block;\n\n    margin:\n      0 0 11px !important;\n\n    color:\n      var(--ae-gold-light);\n\n    font-size: 12px;\n    font-weight: 800;\n\n    letter-spacing:\n      0.14em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .ae-youtube__title {\n    margin:\n      0 0 13px !important;\n\n    color:\n      #f3ece3 !important;\n\n    font-size:\n      clamp(32px, 3.5vw, 44px);\n\n    font-weight: 800;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.03em;\n  }\n\n  .ae-youtube__intro {\n    max-width: 650px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--ae-text);\n\n    font-size: 15px;\n\n    line-height:\n      1.65;\n  }\n\n\n  \/* =========================================================\n     VIDEO-RAMME\n     ========================================================= *\/\n\n  .ae-youtube__frame {\n    position: relative;\n\n    max-width: 980px;\n\n    margin: 0 auto;\n\n    padding: 11px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(211, 174, 102, 0.28);\n\n    border-radius: 22px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.06),\n        rgba(255, 255, 255, 0.018)\n      );\n\n    box-shadow:\n      0 26px 65px rgba(0, 0, 0, 0.32);\n  }\n\n  .ae-youtube__video {\n    position: relative;\n\n    overflow: hidden;\n\n    width: 100%;\n\n    aspect-ratio:\n      16 \/ 9;\n\n    border-radius: 14px;\n\n    background: #000;\n  }\n\n  .ae-youtube__video iframe {\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n  }\n\n\n  \/* =========================================================\n     YOUTUBE KNAPP\n     ========================================================= *\/\n\n  .ae-youtube__actions {\n    display: flex;\n\n    justify-content: center;\n\n    margin-top: 24px;\n  }\n\n  .ae-youtube__button {\n    display: inline-flex;\n\n    min-height: 47px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      10px 21px;\n\n    border:\n      1px solid rgba(221, 187, 116, 0.38);\n\n    border-radius:\n      999px;\n\n    background:\n      rgba(255, 255, 255, 0.035);\n\n    color:\n      #eee4d8 !important;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    text-decoration:\n      none !important;\n\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ae-youtube__button:hover {\n    transform:\n      translateY(-2px);\n\n    border-color:\n      var(--ae-gold);\n\n    background:\n      rgba(195, 155, 83, 0.09);\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 950px) {\n\n    .ae-releases__inner {\n      width:\n        min(100% - 44px, 800px);\n\n      padding:\n        64px 0 70px;\n    }\n\n    .ae-releases__grid {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 600px) {\n\n    .ae-releases__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        51px 0 57px;\n    }\n\n    .ae-releases__header {\n      margin-bottom:\n        31px;\n    }\n\n    .ae-releases__eyebrow {\n      font-size: 11px;\n    }\n\n    .ae-releases__eyebrow::before,\n    .ae-releases__eyebrow::after {\n      width: 20px;\n    }\n\n    .ae-releases__title {\n      font-size:\n        clamp(34px, 10vw, 44px);\n    }\n\n    .ae-releases__intro {\n      font-size: 15px;\n    }\n\n    .ae-releases__grid {\n      grid-template-columns:\n        1fr;\n\n      gap: 20px;\n    }\n\n    .ae-release {\n      border-radius:\n        18px;\n    }\n\n    .ae-release__body {\n      padding:\n        21px 19px 20px;\n    }\n\n    .ae-release__title {\n      font-size: 20px;\n    }\n\n    .ae-release__tracks--album {\n      max-height: 250px;\n    }\n\n    .ae-youtube {\n      margin-top: 52px;\n\n      padding-top: 45px;\n    }\n\n    .ae-youtube__eyebrow {\n      font-size: 10px;\n    }\n\n    .ae-youtube__title {\n      font-size:\n        clamp(29px, 9vw, 38px);\n    }\n\n    .ae-youtube__frame {\n      padding: 7px;\n\n      border-radius: 16px;\n    }\n\n    .ae-youtube__video {\n      border-radius: 10px;\n    }\n\n    .ae-youtube__button {\n      width: 100%;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"ae-releases\" id=\"musikk-utgivelser\">\n\n  <div class=\"ae-releases__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ae-releases__header\">\n\n      <div class=\"ae-releases__eyebrow\">\n        Releases\n      <\/div>\n\n      <h2 class=\"ae-releases__title\">\n        My music\n      <\/h2>\n\n      <p class=\"ae-releases__intro\">\n        From the newest releases to the first songs. Here you will find the music all together \u2013 with the releases sorted from newest to oldest.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         GRID\n         ===================================================== -->\n\n    <div class=\"ae-releases__grid\">\n\n\n      <!-- ===================================================\n           01 \u2013 DER DU E N\u00c5\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Der-Du-E-Na-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"Der Du E N\u00e5 \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            Where You Are Now\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                Where You Are Now\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/6dJzONweGer77GoQ2wPyCI?si=db2afc0c45dc4bce\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           02 \u2013 EMPTY HANDS\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Empty-Hands-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"Empty Hands \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            Empty Hands\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                Empty Hands\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/4mj9cirp5kS149iMZRqbSD?si=aa622399e6ce402c\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           03 \u2013 SORRY FOR THE WAIT\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Sorry-For-The-Wait-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"Sorry For The Wait \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            Sorry For The Wait\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                Sorry For The Wait\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/75XkT4TvH5ic2CiturW0tA?si=7a42549a08114909\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           04 \u2013 SCARS AND STARS\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Scars-and-Stars-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"Scars and Stars \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Album \u00b7 18 songs\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            Scars and Stars\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks ae-release__tracks--album\">\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">01<\/span>\n              <span>Alone<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">02<\/span>\n              <span>Caught In Between<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">03<\/span>\n              <span>Our Story<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">04<\/span>\n              <span>Broken Promises<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">05<\/span>\n              <span>Shadows Of My Heart<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">06<\/span>\n              <span>I See You Struggling<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">07<\/span>\n              <span>I Don&#039;t Feel Perfect<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">08<\/span>\n              <span>If I&#039;m Gone<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">09<\/span>\n              <span>I Need You<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">10<\/span>\n              <span>Still Me<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">11<\/span>\n              <span>Two Broken Souls<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">12<\/span>\n              <span>Rise Above<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">13<\/span>\n              <span>Better Off Without You<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">14<\/span>\n              <span>Lost In The Moment<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">15<\/span>\n              <span>Two Little Stars In My Sky<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">16<\/span>\n              <span>Your Guiding Light<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">17<\/span>\n              <span>Broken Promises (Rock Version)<\/span>\n            <\/div>\n\n            <div class=\"ae-release__track\">\n              <span class=\"ae-release__track-number\">18<\/span>\n              <span>I Don&#039;t Feel Perfect (Rock Version)<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/album\/6bpQRUA7CxEzb1OeolA0dr?si=UWFWe37oRoaWw5Em7yUFtw\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen to the album on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           05 \u2013 ON THE EDGE OF TOMORROW\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/On-The-Edge-Of-Tomorrow-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"On The Edge Of Tomorrow \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            On The Edge Of Tomorrow\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                On The Edge Of Tomorrow\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/05Dvd0djDuKQgsW0uxG9nG?si=f153b21efca845f3\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           06 \u2013 HORRIBLE\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Horrible-Andreas-Espenes-Album-Cover-scaled.jpg\"\n            alt=\"Horrible \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            Horrible\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                Horrible\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/5asWP8kVTq1PmQZD9cuLsa?si=88ab3e61192b4d55\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           07 \u2013 NO GRAVITY\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/No-Gravity-Andreas-Espenes-Album-Cover.jpg\"\n            alt=\"No Gravity \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single \u00b7 2 songs\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            No Gravity\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                No Gravity\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                02\n              <\/span>\n\n              <span>\n                No Gravity (Acoustic)\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/album\/4l0nQopPuWfb9TyVo9CGU0?si=NyuUrmEcSvK5sD9BvpxRzQ\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           08 \u2013 WORLD ON FIRE\n           =================================================== -->\n\n      <article class=\"ae-release\">\n\n        <div class=\"ae-release__cover-wrap\">\n\n          <img decoding=\"async\"\n            class=\"ae-release__cover\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/World-On-Fire-Andreas-Espenes-Album-Cover.jpg\"\n            alt=\"World On Fire \u2013 Andreas Espenes\"\n          >\n\n          <span class=\"ae-release__badge\">\n            Single\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"ae-release__body\">\n\n          <h3 class=\"ae-release__title\">\n            World On Fire\n          <\/h3>\n\n          <p class=\"ae-release__artist\">\n            Andreas Espenes\n          <\/p>\n\n\n          <div class=\"ae-release__tracks\">\n\n            <div class=\"ae-release__track\">\n\n              <span class=\"ae-release__track-number\">\n                01\n              <\/span>\n\n              <span>\n                World On Fire\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <a class=\"ae-release__button\" href=\"https:\/\/open.spotify.com\/track\/50NcEcuAVE9UbHZzLzFFT1?si=dfa96b242f0b4b54\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"ae-release__spotify-icon\">\u266a<\/span>\n            Listen on Spotify\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         YOUTUBE\n         Complianz h\u00e5ndterer blokkering og samtykke\n         ===================================================== -->\n\n    <section class=\"ae-youtube\">\n\n\n      <header class=\"ae-youtube__header\">\n\n        <div class=\"ae-youtube__eyebrow\">\n          See &amp; hear\n        <\/div>\n\n        <h2 class=\"ae-youtube__title\">\n          Music on YouTube\n        <\/h2>\n\n        <p class=\"ae-youtube__intro\">\n          Here you can play music and videos directly from my YouTube playlist.\n        <\/p>\n\n      <\/header>\n\n\n      <!-- YOUTUBE EMBED -->\n\n      <div class=\"ae-youtube__frame\">\n\n        <div class=\"ae-youtube__video\">\n\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/videoseries?list=PLDpPD_7gdGI6oqqs0Np5COA8n2lzzPy7m\"\n            title=\"Andreas Espenes \u2013 YouTube playlist\"\n            loading=\"lazy\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            referrerpolicy=\"strict-origin-when-cross-origin\"\n            allowfullscreen>\n          <\/iframe>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- YOUTUBE KNAPP -->\n\n      <div class=\"ae-youtube__actions\">\n\n        <a class=\"ae-youtube__button\" href=\"https:\/\/www.youtube.com\/playlist?list=PLDpPD_7gdGI6oqqs0Np5COA8n2lzzPy7m\" target=\"_blank\" rel=\"noopener\">\n          Open the playlist on YouTube \u2197\n        <\/a>\n\n      <\/div>\n\n\n    <\/section>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     ANDREAS ESPENES \u2013 BESTILL SANGTEKST \/ SANG\n     Avsluttende seksjon p\u00e5 Musikk-siden\n     ========================================================= *\/\n\n  .ae-songservice,\n  .ae-songservice * {\n    box-sizing: border-box;\n  }\n\n  .ae-songservice {\n    --ss-dark: #171311;\n    --ss-black: #0b0b0c;\n    --ss-brown: #271a16;\n\n    --ss-text: #665c54;\n    --ss-muted: #8e8177;\n\n    --ss-gold: #bd9750;\n    --ss-gold-light: #dfbd77;\n    --ss-gold-dark: #84632d;\n\n    --ss-cream: #f6efe4;\n    --ss-cream-dark: #eee4d5;\n    --ss-white: #fffdf9;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 12% 18%,\n        rgba(189, 151, 80, 0.08),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 91% 84%,\n        rgba(111, 65, 57, 0.055),\n        transparent 28%\n      ),\n      linear-gradient(\n        120deg,\n        #fbf7f1 0%,\n        #f5ede3 54%,\n        #eee4d7 100%\n      );\n\n    color: var(--ss-dark);\n\n    font-family: inherit;\n  }\n\n\n  \/* =========================================================\n     DEKOR\n     ========================================================= *\/\n\n  .ae-songservice::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 520px;\n    height: 520px;\n\n    top: -340px;\n    right: -310px;\n\n    border:\n      1px solid rgba(189, 151, 80, 0.09);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 50px rgba(189, 151, 80, 0.015),\n      0 0 0 100px rgba(189, 151, 80, 0.008);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .ae-songservice__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(1160px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      73px 0 79px;\n  }\n\n\n  \/* =========================================================\n     HEADER\n     ========================================================= *\/\n\n  .ae-songservice__header {\n    max-width: 820px;\n\n    margin:\n      0 auto 39px;\n\n    text-align: center;\n  }\n\n  .ae-songservice__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    margin:\n      0 0 13px !important;\n\n    color:\n      var(--ss-gold-dark);\n\n    font-size: 14px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.14em;\n\n    text-transform: uppercase;\n  }\n\n  .ae-songservice__eyebrow::before,\n  .ae-songservice__eyebrow::after {\n    content: \"\";\n\n    width: 30px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--ss-gold)\n      );\n  }\n\n  .ae-songservice__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--ss-gold),\n        transparent\n      );\n  }\n\n\n  .ae-songservice__title {\n    margin:\n      0 0 18px !important;\n\n    color:\n      var(--ss-dark);\n\n    font-size:\n      clamp(39px, 4.3vw, 55px);\n\n    font-weight: 800;\n\n    line-height: 1.07;\n\n    letter-spacing:\n      -0.035em;\n  }\n\n\n  .ae-songservice__intro {\n    max-width: 760px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--ss-text);\n\n    font-size: 16px;\n\n    line-height: 1.72;\n  }\n\n\n  \/* =========================================================\n     GRID\n     ========================================================= *\/\n\n  .ae-songservice__grid {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    align-items: stretch;\n\n    gap: 20px;\n  }\n\n\n  \/* =========================================================\n     KORT\n     ========================================================= *\/\n\n  .ae-songservice__card {\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(120, 91, 47, 0.16);\n\n    border-radius: 22px;\n\n    background:\n      rgba(255, 253, 249, 0.78);\n\n    box-shadow:\n      0 20px 48px rgba(64, 44, 29, 0.075);\n\n    transition:\n      transform 0.23s ease,\n      box-shadow 0.23s ease;\n  }\n\n  .ae-songservice__card:hover {\n    transform:\n      translateY(-4px);\n\n    box-shadow:\n      0 27px 58px rgba(64, 44, 29, 0.11);\n  }\n\n\n  \/* =========================================================\n     M\u00d8RK KORTTOPP\n     ========================================================= *\/\n\n  .ae-songservice__card-top {\n    position: relative;\n\n    display: flex;\n\n    min-height: 185px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      30px 24px;\n\n    overflow: hidden;\n\n    background:\n      radial-gradient(\n        circle at 50% 28%,\n        rgba(217, 185, 116, 0.12),\n        transparent 29%\n      ),\n      linear-gradient(\n        145deg,\n        #0b0c0f 0%,\n        #151724 58%,\n        #241a29 100%\n      );\n  }\n\n\n  \/* skr\u00e5 musikklinjer *\/\n\n  .ae-songservice__card-top::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -15%;\n    top: 50%;\n\n    width: 135%;\n    height: 1px;\n\n    transform:\n      rotate(-7deg);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(223, 189, 119, 0.11),\n        rgba(223, 189, 119, 0.55),\n        rgba(223, 189, 119, 0.11),\n        transparent\n      );\n\n    box-shadow:\n      0 27px 0 rgba(223, 189, 119, 0.13),\n      0 54px 0 rgba(223, 189, 119, 0.075),\n      0 -27px 0 rgba(223, 189, 119, 0.075);\n  }\n\n\n  .ae-songservice__card-heading {\n    position: relative;\n    z-index: 2;\n\n    max-width: 220px;\n\n    margin:\n      0 !important;\n\n    color:\n      #e2bd6b !important;\n\n    font-size:\n      clamp(20px, 2vw, 25px);\n\n    font-weight: 800;\n\n    line-height: 1.28;\n\n    text-align: center;\n\n    letter-spacing:\n      -0.02em;\n  }\n\n\n  \/* =========================================================\n     KORTINNHOLD\n     ========================================================= *\/\n\n  .ae-songservice__card-body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    padding:\n      27px 26px 26px;\n  }\n\n\n  .ae-songservice__card-title {\n    margin:\n      0 0 9px !important;\n\n    color:\n      var(--ss-dark);\n\n    font-size: 20px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      -0.02em;\n  }\n\n\n  .ae-songservice__card-text {\n    margin:\n      0 0 23px !important;\n\n    color:\n      var(--ss-text);\n\n    font-size: 14px;\n\n    line-height: 1.68;\n  }\n\n\n  \/* =========================================================\n     KORTKNAPP\n     ========================================================= *\/\n\n  .ae-songservice__link {\n    display: inline-flex;\n\n    width: fit-content;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-top: auto;\n\n    color:\n      var(--ss-dark) !important;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    line-height: 1.4;\n\n    text-decoration: none !important;\n\n    border-bottom:\n      1px solid var(--ss-gold);\n\n    transition:\n      color 0.2s ease,\n      gap 0.2s ease;\n  }\n\n  .ae-songservice__link:hover {\n    gap: 12px;\n\n    color:\n      var(--ss-gold-dark) !important;\n  }\n\n\n  \/* =========================================================\n     SLIK FUNGERER DET\n     ========================================================= *\/\n\n  .ae-songservice__process {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(250px, 0.70fr)\n      minmax(0, 1.30fr);\n\n    align-items: center;\n\n    gap: 50px;\n\n    margin-top: 36px;\n\n    padding:\n      38px 42px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(207, 167, 91, 0.18);\n\n    border-radius: 24px;\n\n    background:\n      radial-gradient(\n        circle at 90% 50%,\n        rgba(130, 72, 67, 0.18),\n        transparent 34%\n      ),\n      linear-gradient(\n        120deg,\n        #0b0c10 0%,\n        #151520 54%,\n        #2a1e27 100%\n      );\n\n    box-shadow:\n      0 25px 55px rgba(43, 31, 24, 0.13);\n  }\n\n\n  .ae-songservice__process::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 14px;\n\n    border:\n      1px dashed rgba(223, 189, 119, 0.15);\n\n    border-radius: 16px;\n\n    pointer-events: none;\n  }\n\n\n  .ae-songservice__process-title {\n    position: relative;\n    z-index: 2;\n\n    margin:\n      0 !important;\n\n    color:\n      #f2eae0 !important;\n\n    font-size:\n      clamp(30px, 3vw, 41px);\n\n    font-weight: 800;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.035em;\n  }\n\n\n  .ae-songservice__process-text {\n    position: relative;\n    z-index: 2;\n\n    margin:\n      0 !important;\n\n    color:\n      #d1c6bc;\n\n    font-size: 15px;\n\n    line-height: 1.72;\n  }\n\n\n  \/* =========================================================\n     AVSLUTNING\n     ========================================================= *\/\n\n  .ae-songservice__ending {\n    max-width: 700px;\n\n    margin:\n      31px auto 0;\n\n    text-align: center;\n  }\n\n\n  .ae-songservice__ending-text {\n    margin:\n      0 0 19px !important;\n\n    color:\n      var(--ss-muted);\n\n    font-size: 13px;\n\n    line-height: 1.65;\n  }\n\n\n  .ae-songservice__contact {\n    display: inline-flex;\n\n    min-height: 48px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      11px 22px;\n\n    border:\n      1px solid var(--ss-gold);\n\n    border-radius:\n      999px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #d1ac62,\n        #9e7837\n      );\n\n    color:\n      #171008 !important;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    text-decoration:\n      none !important;\n\n    box-shadow:\n      0 11px 24px rgba(96, 66, 28, 0.14);\n\n    transition:\n      transform 0.2s ease,\n      background 0.2s ease;\n  }\n\n\n  .ae-songservice__contact:hover {\n    transform:\n      translateY(-2px);\n\n    background:\n      linear-gradient(\n        135deg,\n        #dfbd73,\n        #af8842\n      );\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n\n    .ae-songservice__inner {\n      width:\n        min(100% - 44px, 760px);\n\n      padding:\n        63px 0 68px;\n    }\n\n    .ae-songservice__grid {\n      grid-template-columns:\n        1fr;\n    }\n\n    .ae-songservice__card {\n      display: grid;\n\n      grid-template-columns:\n        minmax(210px, 0.72fr)\n        minmax(0, 1.28fr);\n    }\n\n    .ae-songservice__card-top {\n      min-height: 230px;\n    }\n\n    .ae-songservice__process {\n      grid-template-columns:\n        1fr;\n\n      gap: 20px;\n\n      padding:\n        35px 34px;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 600px) {\n\n    .ae-songservice__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        51px 0 57px;\n    }\n\n    .ae-songservice__header {\n      margin-bottom:\n        30px;\n    }\n\n    .ae-songservice__eyebrow {\n      font-size: 11px;\n    }\n\n    .ae-songservice__eyebrow::before,\n    .ae-songservice__eyebrow::after {\n      width: 20px;\n    }\n\n    .ae-songservice__title {\n      font-size:\n        clamp(34px, 10vw, 44px);\n    }\n\n    .ae-songservice__intro {\n      font-size: 15px;\n    }\n\n    .ae-songservice__grid {\n      gap: 18px;\n    }\n\n    .ae-songservice__card {\n      display: flex;\n\n      border-radius: 18px;\n    }\n\n    .ae-songservice__card-top {\n      min-height: 160px;\n\n      padding:\n        25px 20px;\n    }\n\n    .ae-songservice__card-heading {\n      font-size: 21px;\n    }\n\n    .ae-songservice__card-body {\n      padding:\n        23px 21px 22px;\n    }\n\n    .ae-songservice__card-title {\n      font-size: 19px;\n    }\n\n    .ae-songservice__process {\n      margin-top: 27px;\n\n      padding:\n        32px 24px;\n\n      border-radius: 19px;\n    }\n\n    .ae-songservice__process::before {\n      inset: 10px;\n\n      border-radius: 13px;\n    }\n\n    .ae-songservice__process-title {\n      font-size:\n        clamp(28px, 9vw, 36px);\n    }\n\n    .ae-songservice__process-text {\n      font-size: 14px;\n    }\n\n    .ae-songservice__contact {\n      width: 100%;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"ae-songservice\">\n\n  <div class=\"ae-songservice__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"ae-songservice__header\">\n\n      <div class=\"ae-songservice__eyebrow\">\n        Lyrics &amp; music\n      <\/div>\n\n      <h2 class=\"ae-songservice__title\">\n        Order lyrics or a finished song\n      <\/h2>\n\n      <p class=\"ae-songservice__intro\">\n        Do you need a personal song lyric for an occasion, a project or an idea you want to put down on paper? I can help write lyrics with emotion, structure and an expression that suits what you want to convey. If necessary, I can also, through my contacts, help take the text further into a finished song.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         TRE KORT\n         ===================================================== -->\n\n    <div class=\"ae-songservice__grid\">\n\n\n      <!-- PERSONLIG SANGTEKST -->\n\n      <article class=\"ae-songservice__card\">\n\n        <div class=\"ae-songservice__card-top\">\n\n          <h3 class=\"ae-songservice__card-heading\">\n            Personal<br>lyrics\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"ae-songservice__card-body\">\n\n          <h3 class=\"ae-songservice__card-title\">\n            For an occasion\n          <\/h3>\n\n          <p class=\"ae-songservice__card-text\">\n            Song lyrics for weddings, confirmations, birthdays, anniversaries or other personal moments where the words mean extra much.\n          <\/p>\n\n          <a\n            class=\"ae-songservice__link\"\n            href=\"mailto:espenes.entertainment@gmail.com?subject=Foresp\u00f8rsel%20om%20personlig%20sangtekst\"\n          >\n            Get in touch \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ARTIST \/ PROSJEKT -->\n\n      <article class=\"ae-songservice__card\">\n\n        <div class=\"ae-songservice__card-top\">\n\n          <h3 class=\"ae-songservice__card-heading\">\n            Artist<br>and project\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"ae-songservice__card-body\">\n\n          <h3 class=\"ae-songservice__card-title\">\n            For music projects\n          <\/h3>\n\n          <p class=\"ae-songservice__card-text\">\n            Do you have a melody, an idea or a theme, but need help with the lyrics? I can contribute with lyric ideas, verses, chorus or a finished song lyrics.\n          <\/p>\n\n          <a\n            class=\"ae-songservice__link\"\n            href=\"mailto:espenes.entertainment@gmail.com?subject=Foresp\u00f8rsel%20om%20sangtekst%20til%20musikkprosjekt\"\n          >\n            Send inquiry \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- FERDIG SANG -->\n\n      <article class=\"ae-songservice__card\">\n\n        <div class=\"ae-songservice__card-top\">\n\n          <h3 class=\"ae-songservice__card-heading\">\n            Ready<br>song\n          <\/h3>\n\n        <\/div>\n\n\n        <div class=\"ae-songservice__card-body\">\n\n          <h3 class=\"ae-songservice__card-title\">\n            From lyrics to finished song\n          <\/h3>\n\n          <p class=\"ae-songservice__card-text\">\n            If you want more than just the lyrics, I can in some cases help create a finished song through my contacts. This is agreed in advance, and any external costs are additional.\n          <\/p>\n\n          <a\n            class=\"ae-songservice__link\"\n            href=\"mailto:espenes.entertainment@gmail.com?subject=Foresp\u00f8rsel%20om%20ferdig%20sang\"\n          >\n            Ask about opportunity \u2192\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SLIK FUNGERER DET\n         ===================================================== -->\n\n    <div class=\"ae-songservice__process\">\n\n      <h3 class=\"ae-songservice__process-title\">\n        How it can work\n      <\/h3>\n\n      <p class=\"ae-songservice__process-text\">\n        You send a short description of what the song should be about, what occasion or mood you want, and any details that should be included. We will then find out if you only want the lyrics, or if the lyrics should also be taken forward into a finished song through my contacts. Price and any external costs are agreed in advance.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AVSLUTNING\n         ===================================================== -->\n\n    <div class=\"ae-songservice__ending\">\n\n      <p class=\"ae-songservice__ending-text\">\n        Do you have an idea, but are unsure which solution is right for you? Feel free to send me a non-binding inquiry.\n      <\/p>\n\n      <a\n        class=\"ae-songservice__contact\"\n        href=\"mailto:espenes.entertainment@gmail.com?subject=Foresp\u00f8rsel%20om%20sangtekst%20eller%20musikk\"\n      >\n        Send an inquiry\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Musikk Andreas Espenes Sanger om livet, tankene og alt det som er vanskelig \u00e5 si h\u00f8yt. Ved siden av b\u00f8kene og de andre kreative prosjektene skriver jeg musikk under navnet Andreas Espenes. Sangene tar utgangspunkt i historier, f\u00f8lelser og tanker jeg \u00f8nsker \u00e5 sette ord og melodi p\u00e5. Utforsk musikken Kontakt meg Artist &amp; l\u00e5tskriver&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":8,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}