{"id":10,"date":"2026-08-10T12:48:59","date_gmt":"2026-08-10T11:48:59","guid":{"rendered":"https:\/\/andreasespenes.no\/?page_id=10"},"modified":"2026-10-14T13:41:51","modified_gmt":"2026-10-14T12:41:51","slug":"forside","status":"publish","type":"page","link":"https:\/\/andreasespenes.no\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<style>\n  \/* =========================================================\n     ANDREAS SAUTTER ESPENES\n     FORSIDE \u2013 HERO\n     ========================================================= *\/\n\n  .ase-hero,\n  .ase-hero * {\n    box-sizing: border-box;\n  }\n\n  .ase-hero {\n    --ase-cream: #f7f3ea;\n    --ase-dark: #171717;\n    --ase-gold: #c9a24d;\n    --ase-gold-dark: #9b7426;\n    --ase-gold-light: #e0c478;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: #ffffff;\n    font-family: inherit;\n\n    background:\n      radial-gradient(\n        circle at 8% 18%,\n        rgba(166, 120, 35, 0.22),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 94% 82%,\n        rgba(82, 50, 108, 0.18),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 72% 12%,\n        rgba(201, 162, 77, 0.08),\n        transparent 25%\n      ),\n      linear-gradient(\n        120deg,\n        #17130d 0%,\n        #080808 40%,\n        #0d0c10 72%,\n        #17121d 100%\n      );\n  }\n\n  \/* Diskrete dekorlinjer *\/\n\n  .ase-hero::before {\n    content: \"\";\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    top: -270px;\n    right: -170px;\n\n    border: 1px solid rgba(201, 162, 77, 0.15);\n    border-radius: 50%;\n\n    pointer-events: none;\n  }\n\n  .ase-hero::after {\n    content: \"\";\n    position: absolute;\n\n    width: 300px;\n    height: 300px;\n\n    left: -205px;\n    bottom: -220px;\n\n    border: 1px solid rgba(201, 162, 77, 0.12);\n    border-radius: 50%;\n\n    pointer-events: none;\n  }\n\n  .ase-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.05fr)\n      minmax(430px, 0.95fr);\n\n    align-items: center;\n\n    gap: 76px;\n\n    width: min(1380px, calc(100% - 64px));\n    min-height: 650px;\n\n    margin: 0 auto;\n    padding: 84px 0;\n  }\n\n\n  \/* =========================================================\n     VENSTRE SIDE\n     ========================================================= *\/\n\n  .ase-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin: 0 0 22px;\n\n    color: var(--ase-gold-light);\n\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1.3;\n\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .ase-hero__eyebrow::before {\n    content: \"\";\n\n    width: 42px;\n    height: 2px;\n\n    flex: 0 0 auto;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--ase-gold),\n        var(--ase-gold-light)\n      );\n  }\n\n  .ase-hero__title {\n    max-width: 720px;\n\n    margin: 0 0 28px;\n\n    color: #ffffff;\n\n    font-size: clamp(56px, 5.3vw, 78px);\n    font-weight: 800;\n\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n  }\n\n  .ase-hero__intro {\n    max-width: 650px;\n\n    margin: 0 0 36px;\n\n    color: rgba(255, 255, 255, 0.72);\n\n    font-size: 19px;\n    font-weight: 400;\n\n    line-height: 1.7;\n  }\n\n\n  \/* =========================================================\n     KNAPPER\n     ========================================================= *\/\n\n  .ase-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 12px;\n  }\n\n  .ase-hero__button {\n    display: inline-flex;\n\n    min-height: 54px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 14px 25px;\n\n    border: 1px solid transparent;\n    border-radius: 999px;\n\n    font-size: 15px;\n    font-weight: 800;\n\n    line-height: 1.2;\n\n    text-decoration: 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  .ase-hero__button:hover {\n    transform: translateY(-2px);\n  }\n\n\n  \/* Timbo *\/\n\n  .ase-hero__button--timbo {\n    color: #111111 !important;\n\n    background: var(--ase-gold);\n\n    box-shadow:\n      0 10px 28px rgba(201, 162, 77, 0.18);\n  }\n\n  .ase-hero__button--timbo:hover {\n    background: #d8b257;\n\n    box-shadow:\n      0 14px 34px rgba(201, 162, 77, 0.25);\n  }\n\n\n  \/* Falmador *\/\n\n  .ase-hero__button--falmador {\n    color: #ffffff !important;\n\n    border-color: rgba(255, 255, 255, 0.19);\n\n    background:\n      rgba(255, 255, 255, 0.075);\n\n    backdrop-filter: blur(6px);\n  }\n\n  .ase-hero__button--falmador:hover {\n    border-color: rgba(201, 162, 77, 0.55);\n\n    background:\n      rgba(201, 162, 77, 0.10);\n  }\n\n\n  \/* Musikk *\/\n\n  .ase-hero__button--music {\n    color: #ffffff !important;\n\n    border-color: rgba(201, 162, 77, 0.60);\n\n    background:\n      rgba(255, 255, 255, 0.025);\n  }\n\n  .ase-hero__button--music:hover {\n    border-color: var(--ase-gold);\n\n    background:\n      rgba(201, 162, 77, 0.10);\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE SIDE\n     ========================================================= *\/\n\n  .ase-hero__visual {\n    position: relative;\n\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    align-items: start;\n\n    gap: 20px;\n\n    min-height: 475px;\n\n    padding: 15px 4px;\n  }\n\n  .ase-hero__visual-glow {\n    position: absolute;\n\n    z-index: 0;\n\n    inset: 8% 5% 4%;\n\n    border-radius: 50%;\n\n    background:\n      rgba(201, 162, 77, 0.13);\n\n    filter: blur(75px);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     FELLES KORT\n     ========================================================= *\/\n\n  .ase-hero-card {\n    position: relative;\n\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(201, 162, 77, 0.27);\n\n    border-radius: 27px;\n\n    text-decoration: none !important;\n\n    box-shadow:\n      0 22px 55px rgba(0, 0, 0, 0.28),\n      inset 0 1px 0 rgba(255, 255, 255, 0.12);\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      border-color 0.28s ease;\n  }\n\n  .ase-hero-card:hover {\n    z-index: 5;\n\n    border-color:\n      rgba(201, 162, 77, 0.52);\n\n    box-shadow:\n      0 30px 70px rgba(0, 0, 0, 0.35),\n      inset 0 1px 0 rgba(255, 255, 255, 0.15);\n  }\n\n\n  \/* =========================================================\n     LOGOOMR\u00c5DE\n     ========================================================= *\/\n\n  .ase-hero-card__logo-area {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 150px;\n\n    padding:\n      24px 18px 8px;\n  }\n\n  .ase-hero-card__logo {\n    display: block;\n\n    width: auto;\n    height: auto;\n\n    object-fit: contain;\n  }\n\n  .ase-hero-card--timbo\n  .ase-hero-card__logo {\n    max-width: 98%;\n    max-height: 132px;\n  }\n\n  .ase-hero-card--falmador\n  .ase-hero-card__logo {\n    max-width: 92%;\n    max-height: 112px;\n  }\n\n\n  \/* =========================================================\n     KORTTEKST\n     ========================================================= *\/\n\n  .ase-hero-card__content {\n    position: relative;\n\n    z-index: 2;\n\n    padding:\n      16px 24px 25px;\n  }\n\n  .ase-hero-card__label {\n    display: block;\n\n    margin: 0 0 7px;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing: 0.11em;\n\n    text-transform: uppercase;\n  }\n\n  .ase-hero-card__description {\n    display: block;\n\n    margin: 0;\n\n    font-size: 15px;\n    font-weight: 500;\n\n    line-height: 1.5;\n  }\n\n\n  \/* =========================================================\n     TIMBO-KORT\n     ========================================================= *\/\n\n  .ase-hero-card--timbo {\n    min-height: 275px;\n\n    color: #322514 !important;\n\n    background:\n      radial-gradient(\n        circle at 78% 18%,\n        rgba(255, 255, 255, 0.96),\n        transparent 30%\n      ),\n      linear-gradient(\n        145deg,\n        #fff8df 0%,\n        #f6dd82 48%,\n        #dbae3f 100%\n      );\n\n    transform: rotate(-2deg);\n  }\n\n  .ase-hero-card--timbo:hover {\n    transform:\n      rotate(-1deg)\n      translateY(-5px);\n  }\n\n  .ase-hero-card--timbo\n  .ase-hero-card__label {\n    color: #5f4311;\n  }\n\n  .ase-hero-card--timbo\n  .ase-hero-card__description {\n    color: #594d38;\n  }\n\n\n  \/* =========================================================\n     FALMADOR-KORT\n     ========================================================= *\/\n\n  .ase-hero-card--falmador {\n    min-height: 295px;\n\n    margin-top: 34px;\n\n    color: #ffffff !important;\n\n    background:\n      radial-gradient(\n        circle at 74% 18%,\n        rgba(201, 162, 77, 0.20),\n        transparent 32%\n      ),\n      linear-gradient(\n        145deg,\n        #29261f 0%,\n        #151412 55%,\n        #080808 100%\n      );\n\n    transform: rotate(2deg);\n  }\n\n  .ase-hero-card--falmador:hover {\n    transform:\n      rotate(1deg)\n      translateY(-5px);\n  }\n\n  .ase-hero-card--falmador\n  .ase-hero-card__label {\n    color: var(--ase-gold-light);\n  }\n\n  .ase-hero-card--falmador\n  .ase-hero-card__description {\n    color:\n      rgba(255, 255, 255, 0.80);\n  }\n\n\n  \/* =========================================================\n     MUSIKK-KORT\n     ========================================================= *\/\n\n  .ase-hero-card--music {\n    grid-column: 1 \/ -1;\n\n    width: 72%;\n    min-height: 170px;\n\n    margin-top: -8px;\n\n    justify-self: center;\n    justify-content: flex-end;\n\n    color: #ffffff !important;\n\n    background:\n      radial-gradient(\n        circle at 83% 18%,\n        rgba(201, 162, 77, 0.24),\n        transparent 35%\n      ),\n      linear-gradient(\n        135deg,\n        #171411 0%,\n        #3a2914 54%,\n        #886528 100%\n      );\n\n    transform: rotate(-1deg);\n  }\n\n  .ase-hero-card--music:hover {\n    transform:\n      rotate(0deg)\n      translateY(-5px);\n  }\n\n  .ase-hero-card--music\n  .ase-hero-card__label {\n    color: var(--ase-gold-light);\n  }\n\n  .ase-hero-card--music\n  .ase-hero-card__description {\n    color:\n      rgba(255, 255, 255, 0.80);\n  }\n\n  .ase-hero-card__music-title {\n    display: block;\n\n    margin: 0 0 8px;\n\n    color: #ffffff;\n\n    font-size: 28px;\n    font-weight: 800;\n\n    line-height: 1.05;\n  }\n\n  .ase-hero-card__stream-total {\n    display: inline-flex;\n\n    width: fit-content;\n\n    align-items: center;\n\n    gap: 7px;\n\n    margin-top: 14px;\n\n    padding: 7px 11px;\n\n    border:\n      1px solid rgba(224, 196, 120, 0.28);\n\n    border-radius: 999px;\n\n    color: #f0d493;\n\n    background:\n      rgba(8, 8, 8, 0.20);\n\n    font-size: 11px;\n    font-weight: 800;\n\n    line-height: 1.3;\n\n    letter-spacing: 0.02em;\n  }\n\n  .ase-hero-card__stream-total::before {\n    content: \"\u266a\";\n\n    color: var(--ase-gold-light);\n\n    font-size: 13px;\n  }\n\n  .ase-hero-card--music::before {\n    content: \"\u266a\";\n\n    position: absolute;\n\n    top: 17px;\n    right: 29px;\n\n    color:\n      rgba(230, 187, 89, 0.28);\n\n    font-size: 78px;\n    font-weight: 700;\n\n    line-height: 1;\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 1100px) {\n\n    .ase-hero__inner {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(390px, 0.9fr);\n\n      gap: 48px;\n\n      width:\n        min(100% - 46px, 1180px);\n    }\n\n    .ase-hero__title {\n      font-size:\n        clamp(50px, 6vw, 66px);\n    }\n\n    .ase-hero__intro {\n      font-size: 17px;\n    }\n\n    .ase-hero-card__description {\n      font-size: 14px;\n    }\n  }\n\n\n  \/* =========================================================\n     NETTBRETT \/ LITEN SKJERM\n     ========================================================= *\/\n\n  @media (max-width: 850px) {\n\n    .ase-hero__inner {\n      grid-template-columns: 1fr;\n\n      gap: 52px;\n\n      width:\n        min(100% - 40px, 720px);\n\n      min-height: auto;\n\n      padding:\n        68px 0 74px;\n    }\n\n    .ase-hero__title {\n      max-width: 680px;\n\n      font-size:\n        clamp(48px, 10vw, 64px);\n    }\n\n    .ase-hero__intro {\n      max-width: 620px;\n    }\n\n    .ase-hero__visual {\n      width:\n        min(100%, 620px);\n\n      margin: 0 auto;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .ase-hero__inner {\n      gap: 44px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        50px 0 58px;\n    }\n\n    .ase-hero__eyebrow {\n      gap: 9px;\n\n      margin-bottom: 17px;\n\n      font-size: 14px;\n\n      letter-spacing: 0.10em;\n    }\n\n    .ase-hero__eyebrow::before {\n      width: 26px;\n    }\n\n    .ase-hero__title {\n      margin-bottom: 22px;\n\n      font-size:\n        clamp(43px, 12vw, 55px);\n\n      line-height: 1;\n    }\n\n    .ase-hero__intro {\n      margin-bottom: 29px;\n\n      font-size: 16px;\n\n      line-height: 1.65;\n    }\n\n    .ase-hero__actions {\n      display: grid;\n\n      grid-template-columns: 1fr;\n\n      gap: 10px;\n    }\n\n    .ase-hero__button {\n      width: 100%;\n    }\n\n\n    \/* Kort p\u00e5 mobil skal IKKE overlappe *\/\n\n    .ase-hero__visual {\n      display: grid;\n\n      grid-template-columns: 1fr;\n\n      gap: 17px;\n\n      min-height: auto;\n\n      padding: 5px 0;\n    }\n\n    .ase-hero-card {\n      width: 100%;\n\n      min-height: 0;\n\n      margin: 0;\n\n      border-radius: 23px;\n\n      transform: none !important;\n    }\n\n    .ase-hero-card:hover {\n      transform:\n        translateY(-3px) !important;\n    }\n\n    .ase-hero-card__logo-area {\n      min-height: 138px;\n\n      padding:\n        20px 20px 6px;\n    }\n\n    .ase-hero-card--timbo\n    .ase-hero-card__logo {\n      max-width: 90%;\n      max-height: 118px;\n    }\n\n    .ase-hero-card--falmador\n    .ase-hero-card__logo {\n      max-width: 85%;\n      max-height: 100px;\n    }\n\n    .ase-hero-card__content {\n      padding:\n        14px 20px 23px;\n    }\n\n    .ase-hero-card__label {\n      font-size: 11px;\n    }\n\n    .ase-hero-card__description {\n      font-size: 14px;\n    }\n\n    .ase-hero-card--music {\n      grid-column: auto;\n\n      width: 100%;\n\n      min-height: 160px;\n\n      justify-self: stretch;\n    }\n\n    .ase-hero-card__music-title {\n      font-size: 24px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"ase-hero\">\n\n  <div class=\"ase-hero__inner\">\n\n\n    <!-- ====================================\n         VENSTRE\n         ==================================== -->\n\n    <div class=\"ase-hero__copy\">\n\n      <div class=\"ase-hero__eyebrow\">\n        Andreas Sautter Espenes\n      <\/div>\n\n      <h1 class=\"ase-hero__title\">\n        Welcome to my creative universe\n      <\/h1>\n\n      <p class=\"ase-hero__intro\">\n        Here you will find Timbo\u00ae, Falmador\u00ae, my music and other creative projects - all in one place.\n      <\/p>\n\n      <div class=\"ase-hero__actions\">\n\n        <a class=\"ase-hero__button ase-hero__button--timbo\" href=\"\/en\/timbo\/\">\n          Explore Timbo\u00ae\n        <\/a>\n\n        <a class=\"ase-hero__button ase-hero__button--falmador\" href=\"\/en\/falmador\/\">\n          Explore Falmador\u00ae\n        <\/a>\n\n        <a class=\"ase-hero__button ase-hero__button--music\" href=\"\/en\/musikk\/\">\n          Listen to the music\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ====================================\n         H\u00d8YRE\n         ==================================== -->\n\n    <div class=\"ase-hero__visual\">\n\n      <div class=\"ase-hero__visual-glow\"><\/div>\n\n\n      <!-- TIMBO -->\n\n      <a class=\"ase-hero-card ase-hero-card--timbo\" href=\"\/en\/timbo\/\" aria-label=\"Explore Timbo\">\n\n        <div class=\"ase-hero-card__logo-area\">\n\n          <img decoding=\"async\" class=\"ase-hero-card__logo\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Timbo-logo-uten-bakgrunn.png\" alt=\"Timbo\">\n\n        <\/div>\n\n        <div class=\"ase-hero-card__content\">\n\n          <span class=\"ase-hero-card__label\">\n            Children&#039;s book universe\n          <\/span>\n\n          <span class=\"ase-hero-card__description\">\n            Warm stories about friendship, courage and caring.\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- FALMADOR -->\n\n      <a class=\"ase-hero-card ase-hero-card--falmador\" href=\"\/en\/falmador\/\" aria-label=\"Explore Falmador\">\n\n        <div class=\"ase-hero-card__logo-area\">\n\n          <img decoding=\"async\" class=\"ase-hero-card__logo\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Logo-uten-bakgrunn-scaled.png\" alt=\"Falmador\">\n\n        <\/div>\n\n        <div class=\"ase-hero-card__content\">\n\n          <span class=\"ase-hero-card__label\">\n            Fantasy universe\n          <\/span>\n\n          <span class=\"ase-hero-card__description\">\n            A world of omens, creatures and a growing darkness.\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n\n      <!-- MUSIKK -->\n\n      <a class=\"ase-hero-card ase-hero-card--music\" href=\"\/en\/musikk\/\" aria-label=\"Explore the music of Andreas Espenes and SELAI\">\n\n        <div class=\"ase-hero-card__content\">\n\n          <span class=\"ase-hero-card__label\">\n            Music &amp; songwriting\n          <\/span>\n\n          <span class=\"ase-hero-card__music-title\">\n            Andreas Espenes &amp; SELAI\n          <\/span>\n\n          <span class=\"ase-hero-card__description\">\n            My lyrics and songs \u2013 collected under two artist profiles.\n          <\/span>\n\n          <span class=\"ase-hero-card__stream-total\" data-ase-streams-total=\"\" data-ase-streams-label=\"Ca. %s avspillinger totalt\">\n            Loading play count\u2026\n          <\/span>\n\n        <\/div>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FORSIDE \u2013 OM \/ INTRO\n     ========================================================= *\/\n\n  .ase-home-about,\n  .ase-home-about * {\n    box-sizing: border-box;\n  }\n\n  .ase-home-about {\n    --ase-cream: #f7f3ea;\n    --ase-white: #ffffff;\n    --ase-dark: #171717;\n    --ase-text: #686158;\n    --ase-gold: #c9a24d;\n    --ase-gold-dark: #9b7426;\n    --ase-border: rgba(201, 162, 77, 0.24);\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--ase-dark);\n    font-family: inherit;\n\n    background:\n      radial-gradient(\n        circle at 92% 12%,\n        rgba(201, 162, 77, 0.08),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 8% 90%,\n        rgba(201, 162, 77, 0.05),\n        transparent 28%\n      ),\n      var(--ase-cream);\n  }\n\n  .ase-home-about__inner {\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1.12fr)\n      minmax(340px, 0.88fr);\n\n    align-items: center;\n\n    gap: 64px;\n\n    width: min(1320px, calc(100% - 44px));\n\n    margin: 0 auto;\n\n    padding: 100px 0;\n  }\n\n  \/* =========================================================\n     VENSTRE\n     ========================================================= *\/\n\n  .ase-home-about__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin: 0 0 18px;\n\n    color: var(--ase-gold-dark);\n\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.3;\n\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .ase-home-about__eyebrow::before {\n    content: \"\";\n\n    display: block;\n\n    width: 36px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--ase-gold-dark),\n        #dfc774\n      );\n  }\n\n  .ase-home-about__title {\n    max-width: 760px;\n\n    margin: 0 0 28px;\n\n    color: var(--ase-dark);\n\n    font-size: clamp(40px, 4.2vw, 58px);\n    font-weight: 800;\n\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  .ase-home-about__text {\n    max-width: 740px;\n\n    color: var(--ase-text);\n\n    font-size: 17px;\n    line-height: 1.8;\n  }\n\n  .ase-home-about__text p {\n    margin: 0 0 20px;\n  }\n\n  .ase-home-about__text p:last-child {\n    margin-bottom: 0;\n  }\n\n  .ase-home-about__button {\n    display: inline-flex;\n\n    min-height: 52px;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 32px;\n\n    padding: 13px 25px;\n\n    border: 1px solid var(--ase-gold);\n    border-radius: 999px;\n\n    color: var(--ase-dark) !important;\n\n    background: transparent;\n\n    font-size: 15px;\n    font-weight: 800;\n\n    text-decoration: none !important;\n\n    transition:\n      transform 0.22s ease,\n      background 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  .ase-home-about__button:hover {\n    transform: translateY(-2px);\n\n    background: rgba(201, 162, 77, 0.12);\n\n    box-shadow:\n      0 12px 28px rgba(155, 116, 38, 0.10);\n  }\n\n  \/* =========================================================\n     H\u00d8YRE KORT\n     ========================================================= *\/\n\n  .ase-home-about__card {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 38px;\n\n    border: 1px solid var(--ase-border);\n    border-radius: 28px;\n\n    background:\n      radial-gradient(\n        circle at 90% 5%,\n        rgba(201, 162, 77, 0.14),\n        transparent 35%\n      ),\n      rgba(255, 255, 255, 0.82);\n\n    box-shadow:\n      0 22px 55px rgba(42, 32, 20, 0.08);\n  }\n\n  .ase-home-about__card::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 38px;\n\n    width: 78px;\n    height: 4px;\n\n    border-radius: 0 0 999px 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--ase-gold-dark),\n        #e3cb7b,\n        var(--ase-gold-dark)\n      );\n  }\n\n  .ase-home-about__card-label {\n    display: block;\n\n    margin-bottom: 11px;\n\n    color: var(--ase-gold-dark);\n\n    font-size: 11px;\n    font-weight: 800;\n\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .ase-home-about__card-title {\n    margin: 0 0 13px;\n\n    color: var(--ase-dark);\n\n    font-size: 28px;\n    font-weight: 800;\n\n    line-height: 1.15;\n  }\n\n  .ase-home-about__card-intro {\n    margin: 0 0 28px;\n\n    color: var(--ase-text);\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .ase-home-about__identity {\n    display: grid;\n\n    gap: 0;\n\n    border-top:\n      1px solid rgba(23, 23, 23, 0.10);\n  }\n\n  .ase-home-about__identity-row {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 18px 0;\n\n    border-bottom:\n      1px solid rgba(23, 23, 23, 0.10);\n  }\n\n  .ase-home-about__identity-name {\n    color: var(--ase-dark);\n\n    font-size: 15px;\n    font-weight: 750;\n  }\n\n  .ase-home-about__identity-role {\n    color: var(--ase-gold-dark);\n\n    font-size: 13px;\n    font-weight: 800;\n\n    text-align: right;\n  }\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n\n    .ase-home-about__inner {\n      grid-template-columns: 1fr;\n\n      gap: 46px;\n\n      width:\n        min(100% - 44px, 760px);\n\n      padding:\n        80px 0;\n    }\n\n    .ase-home-about__card {\n      max-width: 620px;\n    }\n  }\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .ase-home-about__inner {\n      gap: 38px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        64px 0;\n    }\n\n    .ase-home-about__eyebrow {\n      font-size: 11px;\n    }\n\n    .ase-home-about__eyebrow::before {\n      width: 27px;\n    }\n\n    .ase-home-about__title {\n      margin-bottom: 22px;\n\n      font-size:\n        clamp(36px, 10vw, 46px);\n    }\n\n    .ase-home-about__text {\n      font-size: 16px;\n\n      line-height: 1.72;\n    }\n\n    .ase-home-about__button {\n      width: 100%;\n\n      margin-top: 26px;\n    }\n\n    .ase-home-about__card {\n      padding:\n        34px 24px 26px;\n\n      border-radius: 23px;\n    }\n\n    .ase-home-about__card::before {\n      left: 24px;\n\n      width: 68px;\n    }\n\n    .ase-home-about__card-title {\n      font-size: 25px;\n    }\n\n    .ase-home-about__identity-row {\n      align-items: flex-start;\n\n      flex-direction: column;\n\n      gap: 5px;\n\n      padding: 15px 0;\n    }\n\n    .ase-home-about__identity-role {\n      text-align: left;\n    }\n  }\n<\/style>\n\n\n<section class=\"ase-home-about\">\n\n  <div class=\"ase-home-about__inner\">\n\n\n    <!-- VENSTRE -->\n\n    <div class=\"ase-home-about__copy\">\n\n      <div class=\"ase-home-about__eyebrow\">\n        Author \u2022 Songwriter \u2022 Creator\n      <\/div>\n\n      <h2 class=\"ase-home-about__title\">\n        Author and songwriter from J\u00e6ren, Norway\n      <\/h2>\n\n      <div class=\"ase-home-about__text\">\n\n        <p>\n          I write children&#039;s books, fantasy stories and music. Many of my projects start with an idea, a feeling or a small moment that grows into a song lyric, a story or an entire universe.\n        <\/p>\n\n        <p>\n          My books and universes are collected under the author name Andreas Sautter Espenes. The fully human-created songs are published as Andreas Espenes, while the songs I write where the instrumental and vocals are AI-generated are published as SELAI.\n        <\/p>\n\n      <\/div>\n\n      <a class=\"ase-home-about__button\" href=\"\/en\/om-meg\/\">\n        More about me\n      <\/a>\n\n    <\/div>\n\n\n    <!-- H\u00d8YRE -->\n\n    <div class=\"ase-home-about__card\">\n\n      <span class=\"ase-home-about__card-label\">\n        Stories and music\n      <\/span>\n\n      <h3 class=\"ase-home-about__card-title\">\n        Multiple expressions. Same creator.\n      <\/h3>\n\n      <p class=\"ase-home-about__card-intro\">\n        From warm stories for children to fantasy universes and music with personal lyrics.\n      <\/p>\n\n      <div class=\"ase-home-about__identity\">\n\n        <div class=\"ase-home-about__identity-row\">\n\n          <span class=\"ase-home-about__identity-name\">\n            Andreas Sautter Espenes\n          <\/span>\n\n          <span class=\"ase-home-about__identity-role\">\n            Author\n          <\/span>\n\n        <\/div>\n\n        <div class=\"ase-home-about__identity-row\">\n\n          <span class=\"ase-home-about__identity-name\">\n            Andreas Espenes\n          <\/span>\n\n          <span class=\"ase-home-about__identity-role\">\n            100% Man-made music\n          <\/span>\n\n        <\/div>\n\n        <div class=\"ase-home-about__identity-row\">\n\n          <span class=\"ase-home-about__identity-name\">\n            SELAIM\n          <\/span>\n\n          <span class=\"ase-home-about__identity-role\">\n            My lyrics and ideas, with AI-produced music and vocals\n          <\/span>\n\n        <\/div>\n\n        <div class=\"ase-home-about__identity-row\">\n\n          <span class=\"ase-home-about__identity-name\">\n            Timbo\u00ae &amp; Falmador\u00ae\n          <\/span>\n\n          <span class=\"ase-home-about__identity-role\">\n            Book universes\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  .ase-explore,\n  .ase-explore * {\n    box-sizing: border-box;\n  }\n\n  .ase-explore {\n    --ase-cream: #f7f3ea;\n    --ase-dark: #171717;\n    --ase-text: #686158;\n    --ase-gold: #c9a24d;\n    --ase-gold-dark: #9b7426;\n\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    color: var(--ase-dark);\n    font-family: inherit;\n\n    background:\n      radial-gradient(\n        circle at 8% 18%,\n        rgba(201, 162, 77, 0.08),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 92% 82%,\n        rgba(201, 162, 77, 0.055),\n        transparent 28%\n      ),\n      var(--ase-cream);\n  }\n\n  .ase-explore__inner {\n    width: min(1380px, calc(100% - 64px));\n    margin: 0 auto;\n    padding: 38px 0 70px;\n  }\n\n  .ase-explore__header {\n    max-width: 820px;\n    margin: 0 0 28px !important;\n  }\n\n  .ase-explore__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    margin: 0 0 12px !important;\n    color: var(--ase-gold-dark);\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.3;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .ase-explore__eyebrow::before {\n    content: \"\";\n    width: 34px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(\n      90deg,\n      var(--ase-gold-dark),\n      #e0c574\n    );\n  }\n\n  .ase-explore__title {\n    margin: 0 0 12px !important;\n    color: var(--ase-dark);\n    font-size: clamp(38px, 4vw, 54px);\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n  }\n\n  .ase-explore__intro {\n    max-width: 720px;\n    margin: 0 !important;\n    color: var(--ase-text);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .ase-explore__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  .ase-explore-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    min-height: 430px;\n    overflow: hidden;\n    border: 1px solid rgba(201, 162, 77, 0.24);\n    border-radius: 27px;\n    color: var(--ase-dark) !important;\n    text-decoration: none !important;\n    background: #ffffff;\n    box-shadow: 0 20px 46px rgba(42, 32, 20, 0.075);\n\n    transition:\n      transform 0.28s ease,\n      border-color 0.28s ease,\n      box-shadow 0.28s ease;\n  }\n\n  .ase-explore-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(201, 162, 77, 0.55);\n    box-shadow: 0 28px 62px rgba(42, 32, 20, 0.13);\n  }\n\n  .ase-explore-card:focus-visible {\n    outline: 3px solid var(--ase-gold-dark);\n    outline-offset: 5px;\n  }\n\n  .ase-explore-card__media {\n    position: relative;\n    height: 235px;\n    overflow: hidden;\n    flex: 0 0 auto;\n  }\n\n  .ase-explore-card__media img {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  \/* TIMBO *\/\n\n  .ase-explore-card--timbo .ase-explore-card__media {\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    padding: 12px 30px 0;\n\n    background:\n      radial-gradient(\n        circle at 50% 25%,\n        rgba(255, 255, 255, 0.96),\n        transparent 29%\n      ),\n      linear-gradient(\n        145deg,\n        #fff4ca 0%,\n        #f0cf68 55%,\n        #c9942c 100%\n      );\n  }\n\n  .ase-explore-card--timbo .ase-explore-card__media img {\n    width: auto;\n    max-width: 92%;\n    height: 100%;\n    object-fit: contain;\n    object-position: bottom center;\n  }\n\n  \/* FALMADOR *\/\n\n  .ase-explore-card--falmador .ase-explore-card__media {\n    isolation: isolate;\n\n    background:\n      radial-gradient(\n        ellipse at 50% 40%,\n        #25464b 0%,\n        #10252c 45%,\n        #070e16 100%\n      );\n  }\n\n  .ase-explore-card--falmador .ase-explore-card__map {\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    opacity: 0.32;\n    mix-blend-mode: luminosity;\n    filter: grayscale(1) contrast(1.25);\n    transform: scale(1.06);\n    transition: transform 0.7s ease;\n  }\n\n  \/* M\u00f8rkere kanter og et rolig lys bak logoen. *\/\n\n  .ase-explore-card--falmador .ase-explore-card__media::before {\n    content: \"\";\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        ellipse at 50% 47%,\n        rgba(8, 20, 26, 0.12) 0%,\n        rgba(5, 12, 20, 0.52) 70%,\n        rgba(3, 8, 14, 0.85) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(4, 12, 19, 0.12),\n        rgba(4, 12, 19, 0.52)\n      );\n  }\n\n  \/* Tynn ramme med sm\u00e5 hj\u00f8rnedetaljer. *\/\n\n  .ase-explore-card--falmador .ase-explore-card__media::after {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    inset: 17px;\n    border: 1px solid rgba(224, 197, 116, 0.28);\n    pointer-events: none;\n\n    background:\n      linear-gradient(#d1b56b, #d1b56b)\n        left top \/ 22px 1px no-repeat,\n      linear-gradient(#d1b56b, #d1b56b)\n        left top \/ 1px 22px no-repeat,\n      linear-gradient(#d1b56b, #d1b56b)\n        right bottom \/ 22px 1px no-repeat,\n      linear-gradient(#d1b56b, #d1b56b)\n        right bottom \/ 1px 22px no-repeat;\n  }\n\n  .ase-explore-card__falmador-logo {\n    position: absolute !important;\n    z-index: 3;\n    left: 50%;\n    top: 50%;\n    width: 78% !important;\n    height: auto !important;\n    object-fit: contain !important;\n\n    filter:\n      drop-shadow(0 3px 3px rgba(0, 0, 0, 0.85))\n      drop-shadow(0 10px 22px rgba(0, 0, 0, 0.55)) !important;\n\n    transform: translate(-50%, -50%) !important;\n    transition: width 0.5s ease;\n  }\n\n  .ase-explore-card--falmador:hover .ase-explore-card__map {\n    transform: scale(1.12);\n  }\n\n  .ase-explore-card--falmador:hover .ase-explore-card__falmador-logo {\n    width: 81% !important;\n  }\n\n  \/* MUSIKK *\/\n\n  .ase-explore-card--music .ase-explore-card__media img {\n    object-fit: cover;\n    object-position: center 22%;\n  }\n\n  .ase-explore-card--music .ase-explore-card__media::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n\n    background: linear-gradient(\n      180deg,\n      transparent 30%,\n      rgba(9, 9, 9, 0.10) 60%,\n      rgba(9, 9, 9, 0.44) 100%\n    );\n  }\n\n  \/* TEKST *\/\n\n  .ase-explore-card__content {\n    position: relative;\n    z-index: 4;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 21px 23px 23px;\n    background: #ffffff;\n  }\n\n  .ase-explore-card__label {\n    display: block;\n    margin: 0 0 7px !important;\n    color: var(--ase-gold-dark);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .ase-explore-card__title {\n    margin: 0 0 9px !important;\n    color: var(--ase-dark);\n    font-size: 27px;\n    font-weight: 800;\n    line-height: 1.08;\n  }\n\n  .ase-explore-card__text {\n    margin: 0 0 17px !important;\n    color: var(--ase-text);\n    font-size: 14px;\n    line-height: 1.52;\n  }\n\n  .ase-explore-card__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: auto;\n    color: var(--ase-gold-dark);\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .ase-explore-card__link::after {\n    content: \"\u2192\";\n  }\n\n  \/* TABLET *\/\n\n  @media (max-width: 1000px) {\n    .ase-explore__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ase-explore-card--music {\n      grid-column: 1 \/ -1;\n      width: calc(50% - 11px);\n      justify-self: center;\n    }\n  }\n\n  \/* MOBIL *\/\n\n  @media (max-width: 650px) {\n    .ase-explore__inner {\n      width: calc(100% - 34px);\n      padding: 28px 0 58px;\n    }\n\n    .ase-explore__eyebrow {\n      font-size: 12px;\n    }\n\n    .ase-explore__grid {\n      grid-template-columns: 1fr;\n      gap: 17px;\n    }\n\n    .ase-explore-card,\n    .ase-explore-card--music {\n      grid-column: auto;\n      width: 100%;\n      min-height: 0;\n    }\n\n    .ase-explore-card__media {\n      height: 260px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ase-explore-card,\n    .ase-explore-card__map,\n    .ase-explore-card__falmador-logo {\n      transition: none !important;\n    }\n\n    .ase-explore-card:hover {\n      transform: none;\n    }\n\n    .ase-explore-card--falmador:hover .ase-explore-card__map {\n      transform: scale(1.06);\n    }\n\n    .ase-explore-card--falmador:hover .ase-explore-card__falmador-logo {\n      width: 78% !important;\n    }\n  }\n<\/style>\n\n<section class=\"ase-explore\">\n  <div class=\"ase-explore__inner\">\n\n    <div class=\"ase-explore__header\">\n\n      <div class=\"ase-explore__eyebrow\">\n        Explore\n      <\/div>\n\n      <h2 class=\"ase-explore__title\">\n        Three creative worlds\n      <\/h2>\n\n      <p class=\"ase-explore__intro\">\n        From warm stories for children to fantasy and music, explore the projects and find the universe that suits you.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"ase-explore__grid\">\n\n      <!-- TIMBO -->\n\n      <a class=\"ase-explore-card ase-explore-card--timbo\"\n         href=\"\/en\/timbo\/\">\n\n        <div class=\"ase-explore-card__media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Timbo-figur-uten-ryggsekk.png\"\n            alt=\"Timbo\"\n          >\n        <\/div>\n\n        <div class=\"ase-explore-card__content\">\n\n          <span class=\"ase-explore-card__label\">\n            Children&#039;s book universe\n          <\/span>\n\n          <h3 class=\"ase-explore-card__title\">\n            Timbo\u00ae\n          <\/h3>\n\n          <p class=\"ase-explore-card__text\">\n            A warm universe for children with stories about friendship, courage, care and important themes conveyed through exciting narratives.\n          <\/p>\n\n          <span class=\"ase-explore-card__link\">\n            Explore Timbo\n          <\/span>\n\n        <\/div>\n      <\/a>\n\n      <!-- FALMADOR -->\n\n      <a class=\"ase-explore-card ase-explore-card--falmador\"\n         href=\"\/en\/falmador\/\">\n\n        <div class=\"ase-explore-card__media\">\n\n          <img decoding=\"async\"\n            class=\"ase-explore-card__map\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Map-Book-2-and-3-Paper-Watercolour-scaled.jpg\"\n            alt=\"\"\n            aria-hidden=\"true\"\n          >\n\n          <img decoding=\"async\"\n            class=\"ase-explore-card__falmador-logo\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Logo-uten-bakgrunn-scaled.png\"\n            alt=\"Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"ase-explore-card__content\">\n\n          <span class=\"ase-explore-card__label\">\n            Fantasy universe\n          <\/span>\n\n          <h3 class=\"ase-explore-card__title\">\n            Falmador\u00ae\n          <\/h3>\n\n          <p class=\"ase-explore-card__text\">\n            A fantasy world of ancient omens, unknown creatures, dangerous journeys and a growing evil that threatens to change the world.\n          <\/p>\n\n          <span class=\"ase-explore-card__link\">\n            Explore Falmador\n          <\/span>\n\n        <\/div>\n      <\/a>\n\n      <!-- MUSIKK -->\n\n      <a class=\"ase-explore-card ase-explore-card--music\"\n         href=\"\/en\/musikk\/\">\n\n        <div class=\"ase-explore-card__media\">\n          <img decoding=\"async\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Andreas_Sautter_Espenes.jpg\"\n            alt=\"Andreas Sautter Espenes, l\u00e5tskriveren bak Andreas Espenes og SELAI\"\n          >\n        <\/div>\n\n        <div class=\"ase-explore-card__content\">\n\n          <span class=\"ase-explore-card__label\">\n            Music &amp; songwriting\n          <\/span>\n\n          <h3 class=\"ase-explore-card__title\">\n            Andreas Espenes &amp; SELAI\n          <\/h3>\n\n          <p class=\"ase-explore-card__text\">\n            My lyrics and songs are collected under two artist profiles: human-made music as Andreas Espenes and AI-produced instrumentals and vocals as SELAI.\n          <\/p>\n\n          <span class=\"ase-explore-card__link\">\n            Explore the music\n          <\/span>\n\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  .ase-home-news,\n  .ase-home-news * {\n    box-sizing: border-box;\n  }\n\n  .ase-home-news {\n    --ase-cream: #f7f3ea;\n    --ase-dark: #171717;\n    --ase-text: #686158;\n    --ase-gold: #c9a24d;\n    --ase-gold-dark: #9b7426;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--ase-dark);\n    font-family: inherit;\n\n    background: var(--ase-cream);\n  }\n\n  .ase-home-news__inner {\n    width: min(1100px, calc(100% - 44px));\n    margin: 0 auto;\n    padding: 68px 0 74px;\n  }\n\n  .ase-home-news__header {\n    max-width: 720px;\n    margin: 0 auto 34px;\n    text-align: center;\n  }\n\n  .ase-home-news__eyebrow {\n    display: block;\n    margin: 0 0 12px !important;\n    color: var(--ase-gold-dark);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .ase-home-news__title {\n    margin: 0 0 14px !important;\n    color: var(--ase-dark);\n    font-size: clamp(34px, 4vw, 48px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: -0.035em;\n  }\n\n  .ase-home-news__intro {\n    margin: 0 !important;\n    color: var(--ase-text);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .ase-home-news__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .ase-home-news__card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-height: 310px;\n    overflow: hidden;\n    padding: 30px;\n    border: 1px solid rgba(201, 162, 77, 0.22);\n    border-radius: 24px;\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(201, 162, 77, 0.10),\n        transparent 40%\n      ),\n      rgba(255, 255, 255, 0.88);\n    box-shadow: 0 18px 42px rgba(35, 27, 18, 0.065);\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .ase-home-news__card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(201, 162, 77, 0.42);\n    box-shadow: 0 22px 48px rgba(35, 27, 18, 0.10);\n  }\n\n  .ase-home-news__status {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    margin-bottom: 22px;\n    padding: 7px 11px;\n    border: 1px solid rgba(155, 116, 38, 0.22);\n    border-radius: 999px;\n    color: var(--ase-gold-dark);\n    background: rgba(201, 162, 77, 0.09);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  .ase-home-news__card-title {\n    margin: 0 0 12px !important;\n    color: var(--ase-dark);\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n  }\n\n  .ase-home-news__card-text {\n    margin: 0 0 25px !important;\n    color: var(--ase-text);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .ase-home-news__button {\n    display: inline-flex;\n    width: fit-content;\n    min-height: 44px;\n    align-items: center;\n    justify-content: center;\n    margin-top: auto;\n    padding: 10px 18px;\n    border: 1px solid rgba(155, 116, 38, 0.42);\n    border-radius: 999px;\n    color: var(--ase-dark) !important;\n    background: transparent;\n    font-size: 13px;\n    font-weight: 800;\n    text-decoration: none !important;\n    transition:\n      background 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ase-home-news__button:hover {\n    border-color: var(--ase-gold);\n    background: rgba(201, 162, 77, 0.12);\n  }\n\n  .ase-home-news__updated {\n    margin: 25px 0 0 !important;\n    text-align: center;\n    color: rgba(104, 97, 88, 0.75);\n    font-size: 12px;\n  }\n\n  @media (max-width: 850px) {\n    .ase-home-news__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ase-home-news__card {\n      min-height: 0;\n    }\n  }\n\n  @media (max-width: 650px) {\n    .ase-home-news__inner {\n      width: calc(100% - 34px);\n      padding: 52px 0 58px;\n    }\n\n    .ase-home-news__header {\n      margin-bottom: 28px;\n    }\n\n    .ase-home-news__eyebrow {\n      font-size: 11px;\n    }\n\n    .ase-home-news__card {\n      padding: 26px;\n      border-radius: 21px;\n    }\n\n    .ase-home-news__card-title {\n      font-size: 22px;\n    }\n  }\n<\/style>\n\n<section class=\"ase-home-news\">\n\n  <div class=\"ase-home-news__inner\">\n\n    <div class=\"ase-home-news__header\">\n\n      <span class=\"ase-home-news__eyebrow\">\n        Right now\n      <\/span>\n\n      <h2 class=\"ase-home-news__title\">\n        New and upcoming\n      <\/h2>\n\n      <p class=\"ase-home-news__intro\">\n        Here you can follow the development of my books, universes, and music.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"ase-home-news__grid\">\n\n      <!-- TIMBO -->\n      <article class=\"ase-home-news__card\">\n\n        <span class=\"ase-home-news__status\">\n          First draft completed\n        <\/span>\n\n        <h3 class=\"ase-home-news__card-title\">\n          Timbo \u2013 Golden Apple\n        <\/h3>\n\n        <p class=\"ase-home-news__card-text\">\n          The first draft of &quot;Timbo \u2013 Gulleplet&quot; is complete, and the project has been sent to several Norwegian publishers for review. The goal is for this to be the start of a series of warm and exciting stories for children.\n        <\/p>\n\n        <a class=\"ase-home-news__button\" href=\"\/en\/timbo\/\" aria-label=\"Read more about Timbo\">\n          Read more about Timbo \u2192\n        <\/a>\n\n      <\/article>\n\n      <!-- FALMADOR -->\n      <article class=\"ase-home-news__card\">\n\n        <span class=\"ase-home-news__status\">\n          First draft completed\n        <\/span>\n\n        <h3 class=\"ase-home-news__card-title\">\n          Falmador \u2013 The Omen of Shadows\n        <\/h3>\n\n        <p class=\"ase-home-news__card-text\">\n          The first draft of the complete script for book 1 is complete. At the same time, the continuation of books 2 and 3 is being developed to complete the trilogy, opening up the world further and taking Milo into a darker and more dangerous time.\n        <\/p>\n\n        <a class=\"ase-home-news__button\" href=\"\/en\/falmador\/\" aria-label=\"Explore Falmador\">\n          Explore Falmador \u2192\n        <\/a>\n\n      <\/article>\n\n      <!-- MUSIKK -->\n      <article class=\"ase-home-news__card\">\n\n        <span class=\"ase-home-news__status\">\n          New singles in October\n        <\/span>\n\n        <h3 class=\"ase-home-news__card-title\">\n          Andreas Espenes &amp; SELAI\n        <\/h3>\n\n        <p class=\"ase-home-news__card-text\">\n          My music is collected under two artist profiles. Under SELAI, &quot;B\u00f8lge Av Stillhet&quot; will be released on October 26th and &quot;Det Me He&quot; on October 28th, 2026.\n        <\/p>\n\n        <a class=\"ase-home-news__button\" href=\"\/en\/musikk\/\" aria-label=\"Explore the music of Andreas Espenes and SELAI\">\n          Explore the music \u2192\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n    <p class=\"ase-home-news__updated\">\n      Last updated: September 2026\n    <\/p>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Andreas Sautter Espenes Velkommen til mitt kreative univers Her finner du Timbo\u00ae, Falmador\u00ae, musikken min og andre kreative prosjekter \u2013 samlet p\u00e5 ett sted. Utforsk Timbo\u00ae Utforsk Falmador\u00ae H\u00f8r musikken Barnebokunivers Varme historier om vennskap, mot og omsorg. Fantasyunivers En verden av varsler, skapninger og et voksende m\u00f8rke. Musikk &amp; l\u00e5tskriving Andreas Espenes &amp; SELAI&#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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":2,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}