{"id":306,"date":"2026-10-23T12:56:45","date_gmt":"2026-10-23T11:56:45","guid":{"rendered":"https:\/\/andreasespenes.no\/?page_id=306"},"modified":"2026-10-23T14:21:27","modified_gmt":"2026-10-23T13:21:27","slug":"skyggens-varsel","status":"publish","type":"page","link":"https:\/\/andreasespenes.no\/en\/falmador\/skyggens-varsel\/","title":{"rendered":"The Omen of Shadows"},"content":{"rendered":"\n<!-- SEKSJON 1: BOKPRESENTASJON \u2013 lim hele denne filen i \u00e9n Tilpasset HTML-blokk -->\n<style>\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&display=swap');\n  .fal-book,\n  .fal-book * {\n    box-sizing: border-box;\n  }\n  .fal-book {\n    --fal-black: #090907;\n    --fal-dark: #11100c;\n    --fal-brown: #21180f;\n    --fal-brown-deep: #160f09;\n    --fal-gold: #c2a052;\n    --fal-gold-light: #e0c97d;\n    --fal-gold-dark: #806126;\n    --fal-cream: #eee4c9;\n    --fal-text: #cfc5ae;\n    --fal-muted: #968c78;\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    color: var(--fal-cream);\n    background:\n      radial-gradient(\n        circle at 15% 30%,\n        rgba(98, 79, 42, 0.12),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 88% 76%,\n        rgba(45, 58, 38, 0.10),\n        transparent 28%\n      ),\n      linear-gradient(\n        120deg,\n        #17120c 0%,\n        #0e0d09 48%,\n        #080806 100%\n      );\n  }\n  .fal-book::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.20;\n    pointer-events: none;\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        rgba(220, 195, 126, 0.018) 0px,\n        rgba(220, 195, 126, 0.018) 1px,\n        transparent 1px,\n        transparent 5px\n      );\n  }\n  .fal-book__inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(430px, 0.90fr);\n    align-items: center;\n    gap: 64px;\n    width:\n      min(1180px, calc(100% - 64px));\n    margin: 0 auto;\n    padding:\n      78px 0 82px;\n  }\n  .fal-book__copy {\n    max-width: 680px;\n  }\n  .fal-book__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin:\n      0 0 15px !important;\n    color:\n      var(--fal-gold-light);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing:\n      0.17em;\n    text-transform:\n      uppercase;\n  }\n  .fal-book__eyebrow::before {\n    content: \"\";\n    width: 38px;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold-dark),\n        var(--fal-gold-light)\n      );\n  }\n  .fal-book__title {\n    margin:\n      0 0 8px !important;\n    color:\n      #f0e6cb !important;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size:\n      clamp(38px, 4vw, 54px);\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing:\n      -0.025em;\n  }\n  .fal-book__subtitle {\n    margin:\n      0 0 25px !important;\n    color:\n      var(--fal-gold-light);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size:\n      clamp(22px, 2.3vw, 30px);\n    font-weight: 500;\n    line-height: 1.3;\n    letter-spacing:\n      0.025em;\n  }\n  .fal-book__text {\n    max-width: 650px;\n    color:\n      var(--fal-text);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 19px;\n    font-weight: 500;\n    line-height: 1.72;\n  }\n  .fal-book__text p {\n    margin:\n      0 0 17px !important;\n  }\n  .fal-book__text p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n  .fal-book__trilogy {\n    position: relative;\n    margin-top: 26px;\n    padding:\n      19px 21px 19px 24px;\n    border-left:\n      2px solid var(--fal-gold);\n    background:\n      linear-gradient(\n        90deg,\n        rgba(194, 160, 82, 0.09),\n        rgba(194, 160, 82, 0.015)\n      );\n    color:\n      #d8cdb5;\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1.62;\n  }\n  .fal-book__trilogy strong {\n    color:\n      var(--fal-gold-light);\n    font-weight: 600;\n  }\n  .fal-book__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 25px;\n  }\n  .fal-book__meta-item {\n    display: inline-flex;\n    align-items: center;\n    min-height: 36px;\n    padding:\n      7px 13px;\n    border:\n      1px solid rgba(194, 160, 82, 0.25);\n    border-radius: 2px;\n    background:\n      rgba(255, 255, 255, 0.035);\n    color:\n      #cdbb8a;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing:\n      0.08em;\n    text-transform:\n      uppercase;\n  }\n  .fal-book__actions {\n    margin-top: 28px;\n  }\n  .fal-book__button {\n    display: inline-flex;\n    min-height: 48px;\n    align-items: center;\n    justify-content: center;\n    padding:\n      11px 22px;\n    border:\n      1px solid var(--fal-gold);\n    border-radius: 3px;\n    background:\n      linear-gradient(\n        135deg,\n        #d0ae5a,\n        #9c762d\n      );\n    color:\n      #110f0a !important;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing:\n      0.05em;\n    text-decoration:\n      none !important;\n    box-shadow:\n      0 12px 28px rgba(0, 0, 0, 0.24);\n    transition:\n      transform 0.22s ease,\n      background 0.22s ease;\n  }\n  .fal-book__button:hover {\n    transform:\n      translateY(-2px);\n    background:\n      linear-gradient(\n        135deg,\n        #dfc06b,\n        #ad8433\n      );\n  }\n  .fal-book__visual {\n    position: relative;\n    width: 100%;\n    min-height: 720px;\n    overflow: visible;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n  }\n  .fal-book__visual::before {\n    content: \"\";\n    position: absolute;\n    z-index: 1;\n    left: 50%;\n    top: 45%;\n    width: 78%;\n    height: 72%;\n    border-radius: 50%;\n    background:\n      rgba(194, 160, 82, 0.08);\n    filter:\n      blur(42px);\n    transform:\n      translate(-50%, -50%);\n    pointer-events: none;\n  }\n  .fal-book__visual-content {\n    position: absolute;\n    z-index: 5;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    text-align: center;\n  }\n  .fal-book__cover-wrap {\n    position: relative;\n    z-index: 1;\n    isolation: isolate;\n    width:\n      min(410px, 92%);\n    transition:\n      transform 0.35s ease;\n    transform: none;\n  }\n  .fal-book__cover-wrap::before {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    inset: -10px;\n    border:\n      1px solid rgba(224, 201, 125, 0.46);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(224, 201, 125, 0.10),\n        rgba(30, 23, 14, 0.34)\n      );\n    box-shadow:\n      0 0 35px rgba(194, 160, 82, 0.13);\n  }\n  .fal-book__cover-wrap::after {\n    content: \"\";\n    position: absolute;\n    z-index: -2;\n    left: 18px;\n    right: -15px;\n    bottom: -18px;\n    height: 35px;\n    border-radius: 50%;\n    background:\n      rgba(0, 0, 0, 0.62);\n    filter:\n      blur(13px);\n  }\n  .fal-book__cover {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0 auto;\n    object-fit: contain;\n    box-shadow:\n      0 25px 55px rgba(0, 0, 0, 0.62),\n      0 5px 16px rgba(0, 0, 0, 0.46);\n  }\n  .fal-book__visual:hover\n  .fal-book__cover-wrap {\n    transform:\n      translateY(-4px);\n  }\n  .fal-book__visual-trilogy {\n    display: flex;\n    width:\n      min(290px, 82%);\n    align-items: center;\n    gap: 12px;\n    margin:\n      24px 0 0 !important;\n    color:\n      var(--fal-gold-light);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing:\n      0.16em;\n    text-transform: uppercase;\n    text-shadow:\n      0 3px 12px rgba(0, 0, 0, 0.80);\n  }\n  .fal-book__visual-trilogy::before,\n  .fal-book__visual-trilogy::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(224, 201, 125, 0.70)\n      );\n  }\n  .fal-book__visual-trilogy::after {\n    background:\n      linear-gradient(\n        90deg,\n        rgba(224, 201, 125, 0.70),\n        transparent\n      );\n  }\n  @media (max-width: 950px) {\n    .fal-book__inner {\n      grid-template-columns:\n        1fr;\n      gap: 48px;\n      width:\n        min(100% - 44px, 760px);\n      padding:\n        66px 0 72px;\n    }\n    .fal-book__copy {\n      max-width: none;\n    }\n    .fal-book__visual {\n      width:\n        min(100%, 580px);\n      min-height: 720px;\n      margin: 0 auto;\n      transform: none;\n    }\n  }\n  @media (max-width: 560px) {\n    .fal-book__inner {\n      gap: 38px;\n      width:\n        calc(100% - 34px);\n      padding:\n        52px 0 58px;\n    }\n    .fal-book__eyebrow {\n      font-size: 11px;\n      letter-spacing:\n        0.14em;\n    }\n    .fal-book__eyebrow::before {\n      width: 27px;\n    }\n    .fal-book__title {\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n    .fal-book__subtitle {\n      margin-bottom:\n        20px !important;\n      font-size: 22px;\n    }\n    .fal-book__text {\n      font-size: 17px;\n      line-height: 1.65;\n    }\n    .fal-book__trilogy {\n      padding:\n        17px 17px 17px 19px;\n      font-size: 16px;\n    }\n    .fal-book__meta {\n      gap: 7px;\n    }\n    .fal-book__meta-item {\n      font-size: 10px;\n    }\n    .fal-book__button {\n      width: 100%;\n    }\n    .fal-book__visual {\n      min-height: 560px;\n    }\n    .fal-book__visual-content {\n      padding: 18px;\n    }\n    .fal-book__cover-wrap {\n      width:\n        min(300px, 100%);\n    }\n    .fal-book__visual-trilogy {\n      width:\n        min(250px, 84%);\n      margin-top:\n        21px !important;\n      font-size: 10px;\n    }\n  }\n\n  .fal-book .fal-book__subtitle {font-size:clamp(32px,4vw,52px); color:#e0c97d; line-height:1.18;}\n  .fal-book .fal-book__title {font-size:clamp(23px,3vw,34px);}\n  .fal-book .fal-book__actions {display:flex;flex-wrap:wrap;gap:12px;}\n  .fal-book .sv-secondary {background:transparent;color:#eee4c9!important;}\n  .fal-book a:focus-visible {outline:3px solid #e0c97d;outline-offset:5px;}\n  .fal-book .fal-book__visual-content {position:relative;inset:auto;min-height:inherit;}\n  .fal-book {scroll-margin-top:100px;}\n  @media(max-width:560px){.fal-book .fal-book__visual {min-height:0;} .fal-book .fal-book__visual-content {padding:20px 10px;}}\n\n  .fal-book .sv-book-logo {\n    display: block;\n    width: min(520px, 100%);\n    max-width: 100%;\n    height: auto;\n    margin: 0 0 12px;\n    object-fit: contain;\n    filter: drop-shadow(0 6px 15px rgba(0, 0, 0, 0.5));\n  }\n .fal-book .sv-book-heading {margin:0 0 28px!important;line-height:0;}\n .fal-book .sv-book-logo {width:min(600px,100%);margin:0;}\n<\/style>\n<section class=\"fal-book\" id=\"skyggens-varsel\">\n  <div class=\"fal-book__inner\">\n    <div class=\"fal-book__copy\">\n      <div class=\"fal-book__eyebrow\">\n        F\u00f8rste bok i trilogien\n      <\/div>\n      <h1 class=\"sv-book-heading\"><img class=\"sv-book-logo\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Skyggens-varsel-logo.png\" alt=\"Falmador \u2013 Skyggens varsel\" decoding=\"async\" fetchpriority=\"high\"><\/h1>\n      \n      <div class=\"fal-book__text\">\n        <p><strong>Noe r\u00f8rer seg i m\u00f8rket utenfor Branrel.<\/strong><\/p>\n        <p>For Milo har verden alltid v\u00e6rt landsbyen, familien og de kjente veiene mellom \u00e5krene. Men urovekkende tegn bryter inn i hverdagen. Dyr blir funnet d\u00f8de uten synlige s\u00e5r, og gamle historier f\u00e5r en ny og skremmende betydning.<\/p>\n        <p>Da den g\u00e5tefulle Eldren kommer til Branrel, blir Milo, storebroren Erik og vennen Tobb trukket inn i en reise langt hjemmefra. Utenfor landsbyen venter dype skoger, fremmede folk og skapninger de aldri har st\u00e5tt ansikt til ansikt med.<\/p>\n        <p>Jo lenger de reiser, desto vanskeligere blir det \u00e5 forst\u00e5 tegnene \u2013 og \u00e5 vite hvem de kan stole p\u00e5. Hva er det egentlig som truer Falmador?<\/p>\n      <\/div>\n      <div class=\"fal-book__trilogy\"><strong>Her begynner Falmador-trilogien.<\/strong> Et episk fantasyeventyr om vennskap, brorskap og motet til \u00e5 g\u00e5 videre n\u00e5r veien hjem ikke lenger f\u00f8les trygg.<\/div>\n      <div class=\"fal-book__meta\">\n        <span class=\"fal-book__meta-item\">\n          Bok I av III\n        <\/span>\n        <span class=\"fal-book__meta-item\">\n          Fantasy\n        <\/span>\n        <span class=\"fal-book__meta-item\">\n          Av Andreas Sautter Espenes\n        <\/span>\n      <\/div>\n      <div class=\"fal-book__actions\">\n        <a class=\"fal-book__button\" href=\"#falmador-karakterer\">\n          M\u00f8t karakterene\n        <\/a>\n        <a class=\"fal-book__button sv-secondary\" href=\"#falmador-kart\">Utforsk kartet<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"fal-book__visual\">\n      <div class=\"fal-book__visual-content\">\n        <div class=\"fal-book__cover-wrap\">\n          <img decoding=\"async\" class=\"fal-book__cover\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/09\/Falmador-Skyggens-varsel-Norwegian_EBOOK-scaled.jpg\" alt=\"Omslaget til Falmador \u2013 Skyggens varsel\">\n        <\/div>\n        <p class=\"fal-book__visual-trilogy\">\n          Bok I av III\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- SEKSJON 2: FIGURER \u2013 lim hele denne filen i \u00e9n Tilpasset HTML-blokk -->\n<style>\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');\n  .fal-characters,\n  .fal-characters * {\n    box-sizing: border-box;\n  }\n  .fal-characters {\n    --fal-ink: #17140f;\n    --fal-text: #3f372c;\n    --fal-muted: #5f5443;\n    --fal-gold: #b58d3e;\n    --fal-gold-light: #d8bc72;\n    --fal-gold-dark: #6d4f1c;\n    --fal-paper: #eee2c5;\n    --fal-paper-light: #f7efdc;\n    --fal-paper-dark: #decba3;\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    color: var(--fal-ink);\n    background:\n      radial-gradient(\n        circle at 5% 30%,\n        rgba(82, 95, 65, 0.055),\n        transparent 26%\n      ),\n      radial-gradient(\n        circle at 94% 70%,\n        rgba(146, 107, 42, 0.07),\n        transparent 30%\n      ),\n      linear-gradient(\n        125deg,\n        #f5ecd8 0%,\n        #eee1c3 52%,\n        #e7d5b1 100%\n      );\n  }\n  .fal-characters::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.32;\n    pointer-events: none;\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        rgba(75, 57, 29, 0.017) 0px,\n        rgba(75, 57, 29, 0.017) 1px,\n        transparent 1px,\n        transparent 4px\n      );\n  }\n  .fal-characters__inner {\n    position: relative;\n    z-index: 2;\n    width:\n      min(1280px, calc(100% - 54px));\n    margin: 0 auto;\n    padding:\n      76px 0 82px;\n  }\n  .fal-characters__header {\n    max-width: 900px;\n    margin:\n      0 auto 42px;\n    text-align: center;\n  }\n  .fal-characters__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin:\n      0 0 14px !important;\n    color:\n      var(--fal-gold-dark);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing:\n      0.16em;\n    text-transform:\n      uppercase;\n  }\n  .fal-characters__eyebrow::before,\n  .fal-characters__eyebrow::after {\n    content: \"\";\n    width: 34px;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n  .fal-characters__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n  .fal-characters__title {\n    margin:\n      0 0 18px !important;\n    color:\n      var(--fal-ink);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size:\n      clamp(38px, 4vw, 54px);\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing:\n      -0.025em;\n  }\n  .fal-characters__intro {\n    max-width: 820px;\n    margin:\n      0 auto !important;\n    color:\n      var(--fal-text);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 19px;\n    font-weight: 600;\n    line-height: 1.65;\n  }\n  .fal-characters__grid {\n    display: grid;\n    grid-template-columns:\n      repeat(6, minmax(0, 1fr));\n    gap: 17px;\n    align-items: stretch;\n  }\n  .fal-character {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    overflow: hidden;\n    border:\n      1px solid rgba(124, 92, 34, 0.28);\n    border-radius: 4px;\n    background:\n      rgba(249, 244, 230, 0.82);\n    box-shadow:\n      0 16px 35px rgba(66, 48, 21, 0.09);\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      border-color 0.28s ease;\n  }\n  .fal-character:hover {\n    transform:\n      translateY(-6px);\n    border-color:\n      rgba(124, 92, 34, 0.50);\n    box-shadow:\n      0 23px 45px rgba(66, 48, 21, 0.15);\n  }\n  .fal-character::before {\n    content: \"\";\n    position: absolute;\n    z-index: 5;\n    top: 0;\n    left: 50%;\n    width: 54px;\n    height: 3px;\n    transform:\n      translateX(-50%);\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold-dark),\n        var(--fal-gold-light),\n        var(--fal-gold-dark)\n      );\n  }\n  .fal-character__visual {\n    position: relative;\n    height: 285px;\n    overflow: hidden;\n    background:\n      #ffffff;\n  }\n  .fal-character__image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center bottom;\n    filter:\n      saturate(0.88)\n      contrast(1.02);\n    transition:\n      transform 0.45s ease,\n      filter 0.45s ease;\n  }\n  .fal-character:hover\n  .fal-character__image {\n    transform:\n      scale(1.035);\n    filter:\n      saturate(0.98)\n      contrast(1.03);\n  }\n  .fal-character__visual::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        180deg,\n        transparent 68%,\n        rgba(28, 22, 14, 0.11) 100%\n      );\n    pointer-events: none;\n  }\n  .fal-character__body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding:\n      23px 20px 24px;\n  }\n  .fal-character__name {\n    margin:\n      0 0 7px !important;\n    color:\n      var(--fal-ink);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.2;\n  }\n  .fal-character__role {\n    display: block;\n    min-height: 34px;\n    margin:\n      0 0 13px;\n    color:\n      var(--fal-gold-dark);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.45;\n    letter-spacing:\n      0.09em;\n    text-transform:\n      uppercase;\n  }\n  .fal-character__text {\n    margin:\n      0 !important;\n    color:\n      var(--fal-text);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.57;\n  }\n  .fal-character--dark {\n    border-color:\n      rgba(91, 69, 31, 0.42);\n    background:\n      linear-gradient(\n        160deg,\n        #30291f,\n        #1e1a15\n      );\n  }\n  .fal-character--dark\n  .fal-character__visual {\n    background:\n      #211d18;\n  }\n  .fal-character--dark\n  .fal-character__body {\n    background:\n      linear-gradient(\n        160deg,\n        #30291f,\n        #1e1a15\n      );\n  }\n  .fal-character--dark\n  .fal-character__name {\n    color:\n      #efe3c5;\n  }\n  .fal-character--dark\n  .fal-character__role {\n    color:\n      #d6b968;\n  }\n  .fal-character--dark\n  .fal-character__text {\n    color:\n      #cbc0aa;\n  }\n  .fal-character--creature {\n    background:\n      linear-gradient(\n        160deg,\n        rgba(241, 236, 218, 0.94),\n        rgba(218, 220, 196, 0.87)\n      );\n  }\n  .fal-characters__footer {\n    position: relative;\n    max-width: 760px;\n    margin:\n      37px auto 0;\n    padding-top: 25px;\n    color:\n      #3f372c;\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 17px;\n    font-style: italic;\n    font-weight: 600;\n    line-height: 1.6;\n    text-align: center;\n  }\n  .fal-characters__footer::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 120px;\n    height: 1px;\n    transform:\n      translateX(-50%);\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold),\n        transparent\n      );\n  }\n  @media (max-width: 1150px) {\n    .fal-characters__grid {\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n    }\n    .fal-character__visual {\n      height: 325px;\n    }\n  }\n  @media (max-width: 780px) {\n    .fal-characters__inner {\n      width:\n        min(100% - 44px, 680px);\n      padding:\n        64px 0 70px;\n    }\n    .fal-characters__grid {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n    .fal-character__visual {\n      height: 310px;\n    }\n  }\n  @media (max-width: 560px) {\n    .fal-characters__inner {\n      width:\n        calc(100% - 34px);\n      padding:\n        52px 0 58px;\n    }\n    .fal-characters__header {\n      margin-bottom: 31px;\n    }\n    .fal-characters__eyebrow {\n      font-size: 11px;\n      letter-spacing:\n        0.13em;\n    }\n    .fal-characters__eyebrow::before,\n    .fal-characters__eyebrow::after {\n      width: 21px;\n    }\n    .fal-characters__title {\n      margin-bottom:\n        15px !important;\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n    .fal-characters__intro {\n      font-size: 17px;\n    }\n    .fal-characters__grid {\n      grid-template-columns: 1fr;\n      gap: 17px;\n    }\n    .fal-character {\n      width: 100%;\n      grid-column: auto;\n    }\n    .fal-character__visual {\n      height: auto;\n      aspect-ratio:\n        4 \/ 5;\n    }\n    .fal-character__body {\n      padding:\n        21px 20px 23px;\n    }\n    .fal-character__name {\n      font-size: 21px;\n    }\n    .fal-character__role {\n      min-height: auto;\n    }\n    .fal-character__text {\n      font-size: 16px;\n    }\n    .fal-characters__footer {\n      margin-top: 30px;\n      font-size: 16px;\n    }\n  }\n\n.fal-characters {scroll-margin-top:100px;}\n\n<\/style>\n<section class=\"fal-characters\" id=\"falmador-karakterer\">\n  <div class=\"fal-characters__inner\">\n    <header class=\"fal-characters__header\">\n      <div class=\"fal-characters__eyebrow\">\n        M\u00f8t noen av dem\n      <\/div>\n      <h2 class=\"fal-characters__title\">M\u00f8t dem i Skyggens varsel<\/h2>\n      <p class=\"fal-characters__intro\">Et vennskap fra Branrel. En bror \u00e5 stole p\u00e5. En vandrer med kunnskap om det ukjente. Her er noen av menneskene og skapningene du m\u00f8ter i den f\u00f8rste boka.<\/p>\n    <\/header>\n    <div class=\"fal-characters__grid\">\n      <article class=\"fal-character\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Milo-realistisk-scaled.jpg\" alt=\"Milo fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Milo\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Hovedperson\n          <\/span>\n          <p class=\"fal-character__text\">\n            En ung mann fra Branrel med en uro han\n            ikke helt forst\u00e5r, og en evne til \u00e5 ane fare\n            f\u00f8r den viser seg.\n          <\/p>\n        <\/div>\n      <\/article>\n      <article class=\"fal-character\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Erik-scaled.png\" alt=\"Erik fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Erik\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Milos eldre bror\n          <\/span>\n          <p class=\"fal-character__text\">\n            Trygg, handlekraftig og sterkt knyttet til familien\n            og Branrel. Han b\u00e6rer ansvar uten \u00e5 gj\u00f8re mye ut av det,\n            og n\u00f8ler ikke n\u00e5r de han er glad i trenger ham.\n          <\/p>\n        <\/div>\n      <\/article>\n      <article class=\"fal-character\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Tobb-realistisk-scaled.jpg\" alt=\"Tobb fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Tobb\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Venn og f\u00f8lgesvenn\n          <\/span>\n          <p class=\"fal-character__text\">\n            Lojal, jordn\u00e6r og alltid n\u00e6r n\u00e5r Milo trenger\n            ham. Han m\u00f8ter det ukjente med b\u00e5de mot,\n            skepsis og sitt eget syn p\u00e5 verden.\n          <\/p>\n        <\/div>\n      <\/article>\n      <article class=\"fal-character\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Eldren.jpg\" alt=\"Eldren fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Eldren\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Den g\u00e5tefulle vandreren\n          <\/span>\n          <p class=\"fal-character__text\">\n            En fremmed med kunnskap om krefter, varsler\n            og steder de fleste bare kjenner gjennom\n            gamle historier.\n          <\/p>\n        <\/div>\n      <\/article>\n      <article class=\"fal-character fal-character--creature\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Dravyn.jpg\" alt=\"Dravyn fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Dravyn\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Skapning fra Falmador\n          <\/span>\n          <p class=\"fal-character__text\">\n            Et g\u00e5tefullt fj\u00e6rkledd folk med en uvanlig\n            evne til \u00e5 etterligne lyder og stemmer.\n            Fremmede for mange, men ikke n\u00f8dvendigvis fiender.\n          <\/p>\n        <\/div>\n      <\/article>\n      <article class=\"fal-character fal-character--dark\">\n        <div class=\"fal-character__visual\">\n          <img decoding=\"async\" loading=\"lazy\" class=\"fal-character__image\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Veyra-1.jpg\" alt=\"Veyra fra Falmador\">\n        <\/div>\n        <div class=\"fal-character__body\">\n          <h3 class=\"fal-character__name\">\n            Veyra\n          <\/h3>\n          <span class=\"fal-character__role\">\n            Skyggen i m\u00f8rket\n          <\/span>\n          <p class=\"fal-character__text\">\n            M\u00f8rke skikkelser som viser seg om natten.\n            De r\u00f8de \u00f8ynene og det kalde hylet deres varsler\n            at noe urovekkende har begynt \u00e5 r\u00f8re p\u00e5 seg.\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n    <div class=\"fal-characters__footer\">Utenfor Branrel finnes det langt flere \u00e5 m\u00f8te \u2013 og ikke alle lar seg forst\u00e5 ved f\u00f8rste \u00f8yekast.<\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- SEKSJON 3: KART \u2013 lim hele denne filen i \u00e9n Tilpasset HTML-blokk -->\n<style>\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&display=swap');\n  .fal-mapworld,\n  .fal-mapworld * {\n    box-sizing: border-box;\n  }\n  .fal-mapworld {\n    --fal-black: #090907;\n    --fal-dark: #11100c;\n    --fal-brown: #1e170f;\n    --fal-gold: #c2a052;\n    --fal-gold-light: #e0c97d;\n    --fal-gold-dark: #806126;\n    --fal-cream: #eee4c9;\n    --fal-text: #cec4ad;\n    --fal-muted: #978d79;\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    color: var(--fal-cream);\n    background:\n      radial-gradient(\n        circle at 8% 22%,\n        rgba(96, 78, 41, 0.13),\n        transparent 29%\n      ),\n      radial-gradient(\n        circle at 92% 77%,\n        rgba(50, 66, 43, 0.10),\n        transparent 30%\n      ),\n      linear-gradient(\n        120deg,\n        #17120c 0%,\n        #0d0c09 52%,\n        #080806 100%\n      );\n  }\n  .fal-mapworld::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.20;\n    pointer-events: none;\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        rgba(230, 208, 147, 0.018) 0px,\n        rgba(230, 208, 147, 0.018) 1px,\n        transparent 1px,\n        transparent 5px\n      );\n  }\n  .fal-mapworld__inner {\n    position: relative;\n    z-index: 2;\n    width:\n      min(1240px, calc(100% - 64px));\n    margin: 0 auto;\n    padding:\n      76px 0 82px;\n  }\n  .fal-mapworld__header {\n    max-width: 900px;\n    margin:\n      0 auto 43px;\n    text-align: center;\n  }\n  .fal-mapworld__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin:\n      0 0 14px !important;\n    color:\n      var(--fal-gold-light);\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing:\n      0.17em;\n    text-transform: uppercase;\n  }\n  .fal-mapworld__eyebrow::before,\n  .fal-mapworld__eyebrow::after {\n    content: \"\";\n    width: 34px;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n  .fal-mapworld__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n  .fal-mapworld__title {\n    margin:\n      0 0 18px !important;\n    color:\n      #f0e6cb !important;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size:\n      clamp(39px, 4vw, 55px);\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing:\n      -0.025em;\n  }\n  .fal-mapworld__intro {\n    max-width: 820px;\n    margin:\n      0 auto !important;\n    color:\n      var(--fal-text);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 19px;\n    font-weight: 500;\n    line-height: 1.68;\n  }\n  .fal-mapworld__content {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.15fr)\n      minmax(480px, 0.85fr);\n    align-items: center;\n    gap: 48px;\n  }\n  .fal-mapworld__map-wrap {\n    position: relative;\n    width:\n      calc(100% + clamp(24px, calc(50vw - 640px), 125px));\n    margin-left:\n      calc(0px - clamp(24px, calc(50vw - 640px), 125px));\n    overflow: hidden;\n    border:\n      1px solid rgba(194, 160, 82, 0.38);\n    border-radius: 4px;\n    background:\n      #19150e;\n    box-shadow:\n      0 30px 80px rgba(0, 0, 0, 0.45);\n  }\n  .fal-mapworld__map-wrap::after {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n    background:\n      radial-gradient(\n        circle at 50% 45%,\n        transparent 34%,\n        rgba(12, 10, 7, 0.10) 61%,\n        rgba(7, 6, 4, 0.52) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(10, 8, 5, 0.03),\n        rgba(10, 8, 5, 0.19)\n      );\n    pointer-events: none;\n  }\n  .fal-mapworld__map {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    object-position: center;\n    opacity: 1;\n    filter:\n      sepia(0.22)\n      saturate(0.84)\n      brightness(0.80)\n      contrast(1.00);\n    transform: none;\n  }\n  .fal-mapworld__map-caption {\n    position: absolute;\n    z-index: 5;\n    left: 30px;\n    bottom: 27px;\n    padding:\n      8px 12px;\n    border:\n      1px solid rgba(225, 199, 126, 0.25);\n    background:\n      rgba(12, 10, 7, 0.72);\n    color:\n      rgba(238, 224, 184, 0.90);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 14px;\n    font-style: italic;\n    line-height: 1.4;\n  }\n  .fal-mapworld__copy {\n    position: relative;\n    padding:\n      8px 0;\n  }\n  .fal-mapworld__ornament {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    width: 150px;\n    margin-bottom: 23px;\n    color:\n      var(--fal-gold-light);\n  }\n  .fal-mapworld__ornament::before,\n  .fal-mapworld__ornament::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background:\n      rgba(224, 201, 125, 0.55);\n  }\n  .fal-mapworld__ornament span {\n    font-size: 10px;\n  }\n  .fal-mapworld__copy-title {\n    margin:\n      0 0 18px !important;\n    color:\n      #efe4c8 !important;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size:\n      clamp(26px, 2.7vw, 36px);\n    font-weight: 600;\n    line-height: 1.2;\n  }\n  .fal-mapworld__text {\n    color:\n      var(--fal-text);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 1.7;\n  }\n  .fal-mapworld__text p {\n    margin:\n      0 0 17px !important;\n  }\n  .fal-mapworld__text p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n  .fal-mapworld__regions-title {\n    margin:\n      28px 0 13px !important;\n    color:\n      #bda970;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing:\n      0.14em;\n    text-transform:\n      uppercase;\n  }\n  .fal-mapworld__regions {\n    display: grid;\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n    gap: 9px;\n    align-items: start;\n  }\n  .fal-mapworld__regions-column {\n    display: flex;\n    min-width: 0;\n    flex-direction: column;\n    gap: 9px;\n  }\n  .fal-mapworld__region {\n    position: relative;\n    display: flex;\n    min-height: 43px;\n    align-items: center;\n    gap: 8px;\n    padding:\n      10px 10px;\n    overflow: hidden;\n    border:\n      1px solid rgba(194, 160, 82, 0.21);\n    border-radius: 2px;\n    background:\n      linear-gradient(\n        100deg,\n        rgba(194, 160, 82, 0.075),\n        rgba(194, 160, 82, 0.015)\n      );\n    color:\n      #d7c9a7;\n    font-family:\n      \"Cinzel\",\n      serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing:\n      0.04em;\n    white-space: nowrap;\n    transition:\n      border-color 0.22s ease,\n      background 0.22s ease,\n      transform 0.22s ease;\n  }\n  .fal-mapworld__region::before {\n    content: \"\u25c6\";\n    flex: 0 0 auto;\n    color:\n      var(--fal-gold);\n    font-size: 6px;\n  }\n  .fal-mapworld__region::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 1px;\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n    transition:\n      width 0.25s ease;\n  }\n  .fal-mapworld__region:hover {\n    transform:\n      translateX(3px);\n    border-color:\n      rgba(194, 160, 82, 0.43);\n    background:\n      linear-gradient(\n        100deg,\n        rgba(194, 160, 82, 0.12),\n        rgba(194, 160, 82, 0.025)\n      );\n  }\n  .fal-mapworld__region:hover::after {\n    width: 100%;\n  }\n  .fal-mapworld__footer {\n    position: relative;\n    max-width: 850px;\n    margin:\n      42px auto 0;\n    padding-top: 27px;\n    color:\n      #bdb19a;\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n    font-size: 18px;\n    font-style: italic;\n    font-weight: 500;\n    line-height: 1.65;\n    text-align: center;\n  }\n  .fal-mapworld__footer::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 130px;\n    height: 1px;\n    transform:\n      translateX(-50%);\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold),\n        transparent\n      );\n  }\n  @media (max-width: 1080px) {\n    .fal-mapworld__inner {\n      width:\n        min(100% - 44px, 760px);\n      padding:\n        64px 0 70px;\n    }\n    .fal-mapworld__content {\n      grid-template-columns:\n        1fr;\n      gap: 40px;\n    }\n    .fal-mapworld__map-wrap {\n      width: 100%;\n      margin-left: 0;\n    }\n    .fal-mapworld__copy {\n      max-width: 650px;\n      margin: 0 auto;\n    }\n  }\n  @media (max-width: 560px) {\n    .fal-mapworld__inner {\n      width:\n        calc(100% - 34px);\n      padding:\n        52px 0 58px;\n    }\n    .fal-mapworld__header {\n      margin-bottom:\n        32px;\n    }\n    .fal-mapworld__eyebrow {\n      font-size: 11px;\n      letter-spacing:\n        0.13em;\n    }\n    .fal-mapworld__eyebrow::before,\n    .fal-mapworld__eyebrow::after {\n      width: 21px;\n    }\n    .fal-mapworld__title {\n      margin-bottom:\n        15px !important;\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n    .fal-mapworld__intro {\n      font-size: 17px;\n    }\n    .fal-mapworld__content {\n      gap: 33px;\n    }\n    .fal-mapworld__map {\n      filter:\n        sepia(0.22)\n        saturate(0.82)\n        brightness(0.79)\n        contrast(0.99);\n      transform: none;\n    }\n    .fal-mapworld__map-caption {\n      left: 19px;\n      right: 19px;\n      bottom: 18px;\n      font-size: 13px;\n    }\n    .fal-mapworld__copy-title {\n      font-size:\n        clamp(25px, 7vw, 32px);\n    }\n    .fal-mapworld__text {\n      font-size: 17px;\n    }\n    .fal-mapworld__regions {\n      grid-template-columns:\n        1fr;\n    }\n    .fal-mapworld__region {\n      width: 100%;\n      grid-column: auto;\n      justify-self: stretch;\n    }\n    .fal-mapworld__footer {\n      margin-top: 34px;\n      font-size: 17px;\n    }\n  }\n\n.fal-mapworld {scroll-margin-top:100px;} .fal-mapworld .sv-map-hint {font:16px Georgia,serif;text-align:center;color:#3f372c;margin:18px 0 0;} .fal-mapworld a:focus-visible {outline:3px solid #6d4f1c;outline-offset:5px;display:block;}\n\n<\/style>\n<section class=\"fal-mapworld\" id=\"falmador-kart\">\n  <div class=\"fal-mapworld__inner\">\n    <header class=\"fal-mapworld__header\">\n      <div class=\"fal-mapworld__eyebrow\">\n        Kartet\n      <\/div>\n      <h2 class=\"fal-mapworld__title\">\n        Verdenen Falmador\n      <\/h2>\n      <p class=\"fal-mapworld__intro\">\n        Fra fredelige landsbyer og gr\u00f8nne daler til m\u00f8rke skoger,\n        fjerne riker og steder de f\u00e6rreste noen gang har sett.\n        Falmador er en verden langt st\u00f8rre enn \u00e9n enkelt historie.\n      <\/p>\n    <\/header>\n    <div class=\"fal-mapworld__content\">\n      <div class=\"fal-mapworld__map-wrap\"><a href=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Map-Book-2-and-3-Paper-Watercolour-scaled.jpg\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u00c5pne kartet over Falmador i st\u00f8rre st\u00f8rrelse i en ny fane\"><img decoding=\"async\" loading=\"lazy\" class=\"fal-mapworld__map\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Map-Book-2-and-3-Paper-Watercolour-scaled.jpg\" alt=\"Kart over verdenen Falmador\"><\/a><p class=\"sv-map-hint\">Trykk p\u00e5 kartet for \u00e5 se det st\u00f8rre.<\/p>\n      <\/div>\n      <div class=\"fal-mapworld__copy\">\n        <div class=\"fal-mapworld__ornament\">\n          <span>\u25c6<\/span>\n        <\/div>\n        <h3 class=\"fal-mapworld__copy-title\">\n          En verden med mange veier\n        <\/h3>\n        <div class=\"fal-mapworld__text\">\n          <p>\n            Falmador best\u00e5r av ulike land, omr\u00e5der, folk og\n            landskap \u2013 hver med sin egen historie, sine egne\n            tradisjoner og hemmeligheter.\n          <\/p>\n          <p>\n            Mellom skoger, fjell, elver og gamle ferdselsveier\n            ligger steder som har blitt formet av b\u00e5de tiden,\n            menneskene og de andre folkene som lever der.\n          <\/p>\n          <p>\n            Noen navn er godt kjent i Falmador. Andre b\u00e6rer\n            historier som enn\u00e5 ikke er blitt fortalt.\n          <\/p>\n        <\/div>\n        <div class=\"fal-mapworld__regions-title\">\n          Steder og omr\u00e5der i Falmador\n        <\/div>\n        <div class=\"fal-mapworld__regions\">\n          <div class=\"fal-mapworld__regions-column\">\n            <div class=\"fal-mapworld__region\">\n              Isfellfjellene\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Isfell\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Tvarnheim\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Aerath\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Lumeria\n            <\/div>\n          <\/div>\n          <div class=\"fal-mapworld__regions-column\">\n            <div class=\"fal-mapworld__region\">\n              Rimmark\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Skyggeheiene\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Varoth\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Myrkveden\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Arvelond\n            <\/div>\n          <\/div>\n          <div class=\"fal-mapworld__regions-column\">\n            <div class=\"fal-mapworld__region\">\n              Raukholm\n            <\/div>\n            <div class=\"fal-mapworld__region\">\n              Dypgraven\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"fal-mapworld__footer\">\n      Hvert navn p\u00e5 kartet skjuler sin egen historie.\n      Noen er allerede kjent. Andre venter fortsatt p\u00e5 \u00e5 bli fortalt.\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- SEKSJON 4: VEIEN VIDERE \u2013 \u00e9n Tilpasset HTML-blokk -->\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 VEIEN VIDERE\n     Lenker til trilogien og de neste b\u00f8kene\n     ========================================================= *\/\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:wght@400;500;600&display=swap');\n\n\n  \/* =========================================================\n     GRUNNOPPSETT\n     ========================================================= *\/\n\n  .sv-next,\n  .sv-next * {\n    box-sizing: border-box;\n  }\n\n  .sv-next {\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    background:\n      linear-gradient(\n        120deg,\n        #17120c,\n        #080806\n      );\n\n    color: #eee4c9;\n  }\n\n  .sv-next__inner {\n    width: min(950px, calc(100% - 40px));\n\n    margin: auto;\n    padding: 70px 0;\n\n    text-align: center;\n  }\n\n\n  \/* =========================================================\n     OVERSKRIFT OG TEKST\n     ========================================================= *\/\n\n  .sv-next h2 {\n    margin: 0 0 22px;\n\n    font:\n      500 clamp(27px, 4vw, 40px)\/1.25\n      Cinzel, Georgia, serif;\n\n    color: #e0c97d;\n  }\n\n  .sv-next p {\n    max-width: 700px;\n\n    margin: 0 auto 26px;\n\n    font:\n      500 21px\/1.65\n      'Cormorant Garamond', Georgia, serif;\n  }\n\n\n  \/* =========================================================\n     KNAPPER\n     ========================================================= *\/\n\n  .sv-next__links {\n    display: flex;\n    flex-wrap: wrap;\n\n    justify-content: center;\n\n    gap: 14px;\n  }\n\n  .sv-next a {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 48px;\n    padding: 14px 22px;\n\n    border: 1px solid #c2a052;\n\n    font:\n      600 13px\/1.5\n      Cinzel, Georgia, serif;\n\n    text-decoration: none;\n\n    color: #eee4c9 !important;\n  }\n\n  .sv-next a:hover {\n    background: #c2a052;\n\n    color: #110f0a !important;\n  }\n\n  .sv-next a:focus-visible {\n    outline: 3px solid #e0c97d;\n    outline-offset: 5px;\n  }\n\n\n  \/* =========================================================\n     RETTIGHETSTEKST\n     ========================================================= *\/\n\n  .sv-next__legal-wrap {\n    position: relative;\n\n    margin-top: 38px;\n    padding-top: 27px;\n  }\n\n  .sv-next__legal-wrap::before {\n    content: \"\";\n\n    position: absolute;\n    top: 0;\n    left: 50%;\n\n    width: 160px;\n    height: 1px;\n\n    transform: translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(194, 160, 82, 0.45),\n        transparent\n      );\n  }\n\n  .sv-next .sv-next__credit {\n    max-width: 820px;\n\n    margin: 0 auto !important;\n\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1.65;\n\n    text-align: center;\n\n    color: #b8ad96;\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .sv-next__inner {\n      padding: 52px 0;\n    }\n\n    .sv-next__links {\n      flex-direction: column;\n    }\n\n    .sv-next__legal-wrap {\n      margin-top: 32px;\n    }\n\n  }\n<\/style>\n\n\n<section class=\"sv-next\" aria-labelledby=\"sv-next-title\">\n  <div class=\"sv-next__inner\">\n\n\n    <!-- =====================================================\n         OVERSKRIFT OG INTRODUKSJON\n         ===================================================== -->\n\n    <h2 id=\"sv-next-title\">\n      Reisen begynner med Skyggens varsel\n    <\/h2>\n\n    <p>\n      Den f\u00f8rste boka \u00e5pner d\u00f8ren til Falmador.\n      Historien fortsetter i <em>Under m\u00f8rke himler<\/em>\n      og avsluttes med <em>Krigens torden<\/em>.\n    <\/p>\n\n\n    <!-- =====================================================\n         LENKER TIL TRILOGIEN OG B\u00d8KENE\n         ===================================================== -->\n\n    <nav class=\"sv-next__links\" aria-label=\"Utforsk Falmador videre\">\n\n      <!-- HOVEDSIDEN -->\n\n      <a href=\"https:\/\/andreasespenes.no\/falmador\/\">\n        Se hele trilogien\n      <\/a>\n\n\n      <!-- BOK II -->\n\n      <a href=\"https:\/\/andreasespenes.no\/falmador\/under-morke-himler\/\">\n        Bok II \u2013 Under m\u00f8rke himler\n      <\/a>\n\n\n      <!-- BOK III -->\n\n      <a href=\"https:\/\/andreasespenes.no\/falmador\/krigens-torden\/\">\n        Bok III \u2013 Krigens torden\n      <\/a>\n\n    <\/nav>\n\n\n    <!-- =====================================================\n         RETTIGHETSTEKST\n         ===================================================== -->\n\n    <div class=\"sv-next__legal-wrap\">\n\n      <p class=\"sv-next__credit\">\n        \u00a9 2026 Andreas Sautter Espenes.\n        Falmador\u00ae er et registrert varemerke.\n        Navn, karakterer, skapninger, historier, kart, tekst,\n        illustrasjoner og \u00f8vrig originalt innhold tilh\u00f8rer\n        Andreas Sautter Espenes. Alle rettigheter forbeholdt.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!-- FALMADOR \u2013 UNDER ARBEID\n     Legges inn \u00e9n gang per offentlig side.\n     Viser egne bokser for bok II og bok III.\n-->\n\n<style>\n  \/* =========================================================\n     DIALOGBOKSER\n     ========================================================= *\/\n\n  .fal-coming {\n    box-sizing: border-box;\n\n    width: min(540px, calc(100% - 32px));\n    max-height: calc(100dvh - 40px);\n\n    margin: auto;\n    padding: 48px 32px 36px;\n\n    overflow-y: auto;\n\n    border: 1px solid #c2a052;\n    border-radius: 5px;\n\n    background:\n      radial-gradient(\n        ellipse at top,\n        rgba(84, 95, 74, 0.25),\n        transparent 65%\n      ),\n      linear-gradient(\n        135deg,\n        #17120c,\n        #080806\n      );\n\n    color: #eee4c9;\n\n    text-align: center;\n\n    box-shadow:\n      0 25px 80px rgba(0, 0, 0, 0.65);\n  }\n\n  .fal-coming *,\n  .fal-coming *::before,\n  .fal-coming *::after {\n    box-sizing: border-box;\n  }\n\n  .fal-coming::backdrop {\n    background: rgba(0, 0, 0, 0.78);\n  }\n\n\n  \/* =========================================================\n     LOGO\n     ========================================================= *\/\n\n  .fal-coming .fal-coming__logo {\n    display: block;\n\n    width: min(400px, 100%);\n    height: auto;\n\n    margin: 0 auto 28px;\n  }\n\n\n  \/* =========================================================\n     OVERSKRIFT OG TEKST\n     ========================================================= *\/\n\n  .fal-coming .fal-coming__title {\n    margin: 0 0 18px;\n\n    font:\n      500 clamp(22px, 5vw, 29px)\/1.35\n      Cinzel, Georgia, serif;\n\n    color: #e0c97d;\n  }\n\n  .fal-coming .fal-coming__text {\n    max-width: 420px;\n\n    margin: 0 auto 28px;\n\n    font:\n      500 21px\/1.6\n      'Cormorant Garamond', Georgia, serif;\n\n    color: #cfc5ae;\n  }\n\n\n  \/* =========================================================\n     LUKKEKNAPP\n     ========================================================= *\/\n\n  .fal-coming .fal-coming__close {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 48px;\n    padding: 12px 28px;\n\n    border: 1px solid #c2a052;\n    border-radius: 3px;\n\n    background: transparent;\n\n    font:\n      600 12px\/1.5\n      Cinzel, Georgia, serif;\n\n    color: #eee4c9;\n\n    cursor: pointer;\n  }\n\n  .fal-coming .fal-coming__close:hover {\n    background: #c2a052;\n\n    color: #110f0a;\n  }\n\n  .fal-coming .fal-coming__close:focus-visible {\n    outline: 3px solid #e0c97d;\n    outline-offset: 5px;\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-coming {\n      padding: 38px 23px 30px;\n    }\n\n    .fal-coming .fal-coming__text {\n      font-size: 19px;\n    }\n\n  }\n<\/style>\n\n\n<!-- =========================================================\n     BOK II \u2013 UNDER M\u00d8RKE HIMLER\n     ========================================================= -->\n\n<dialog\n  class=\"fal-coming\"\n  id=\"fal-coming-book-2\"\n  aria-labelledby=\"fal-coming-title-2\"\n  aria-describedby=\"fal-coming-text-2\"\n>\n\n  <img\n    class=\"fal-coming__logo\"\n    src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Under-morke-himler-logo.png\"\n    alt=\"Falmador \u2013 Under m\u00f8rke himler\"\n    decoding=\"async\"\n  >\n\n  <h2\n    class=\"fal-coming__title\"\n    id=\"fal-coming-title-2\"\n  >\n    Denne siden er under arbeid\n  <\/h2>\n\n  <p\n    class=\"fal-coming__text\"\n    id=\"fal-coming-text-2\"\n  >\n    Her kommer mer om <em>Under m\u00f8rke himler<\/em>,\n    den andre boka i Falmador-trilogien.\n    Velkommen tilbake!\n  <\/p>\n\n  <button\n    class=\"fal-coming__close\"\n    type=\"button\"\n    data-fal-close\n  >\n    Lukk\n  <\/button>\n\n<\/dialog>\n\n\n<!-- =========================================================\n     BOK III \u2013 KRIGENS TORDEN\n     ========================================================= -->\n\n<dialog\n  class=\"fal-coming\"\n  id=\"fal-coming-book-3\"\n  aria-labelledby=\"fal-coming-title-3\"\n  aria-describedby=\"fal-coming-text-3\"\n>\n\n  <img\n    class=\"fal-coming__logo\"\n    src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/10\/Falmador-Krigens-torden-logo.png\"\n    alt=\"Falmador \u2013 Krigens torden\"\n    decoding=\"async\"\n  >\n\n  <h2\n    class=\"fal-coming__title\"\n    id=\"fal-coming-title-3\"\n  >\n    Denne siden er under arbeid\n  <\/h2>\n\n  <p\n    class=\"fal-coming__text\"\n    id=\"fal-coming-text-3\"\n  >\n    Her kommer mer om <em>Krigens torden<\/em>,\n    den tredje og avsluttende boka i Falmador-trilogien.\n    Velkommen tilbake!\n  <\/p>\n\n  <button\n    class=\"fal-coming__close\"\n    type=\"button\"\n    data-fal-close\n  >\n    Lukk\n  <\/button>\n\n<\/dialog>\n\n\n<script>\n  (() => {\n    \/* =======================================================\n       VELG HVILKE B\u00d8KER SOM ER UNDER ARBEID\n\n       true  = Vis boksen.\n       false = \u00c5pne den vanlige boksiden.\n       ======================================================= *\/\n\n    const underArbeid = {\n      \"under-morke-himler\": true,\n      \"krigens-torden\": true\n    };\n\n    const bokser = {\n      \"under-morke-himler\":\n        document.getElementById(\"fal-coming-book-2\"),\n\n      \"krigens-torden\":\n        document.getElementById(\"fal-coming-book-3\")\n    };\n\n\n    \/* =======================================================\n       \u00c5PNE RIKTIG BOKS VED KLIKK P\u00c5 EN BOKLENKE\n       ======================================================= *\/\n\n    document.addEventListener(\"click\", (event) => {\n      if (!(event.target instanceof Element)) {\n        return;\n      }\n\n      const lenke = event.target.closest(\"a[href]\");\n\n      if (!lenke) {\n        return;\n      }\n\n      const adresse = new URL(lenke.href, window.location.href);\n\n      if (adresse.origin !== window.location.origin) {\n        return;\n      }\n\n      const sti = adresse.pathname.replace(\/\\\/+$\/, \"\");\n\n      const bok = Object.keys(bokser).find((slug) => {\n        return sti.endsWith(\"\/falmador\/\" + slug);\n      });\n\n      if (!bok || !underArbeid[bok]) {\n        return;\n      }\n\n      const boks = bokser[bok];\n\n      if (!boks || typeof boks.showModal !== \"function\") {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (!boks.open) {\n        boks.showModal();\n      }\n    });\n\n\n    \/* =======================================================\n       LUKK MED KNAPP, ESC ELLER KLIKK UTENFOR BOKSEN\n       ======================================================= *\/\n\n    Object.values(bokser).forEach((boks) => {\n      if (!boks) {\n        return;\n      }\n\n      boks.querySelector(\"[data-fal-close]\")\n        .addEventListener(\"click\", () => {\n          boks.close();\n        });\n\n      boks.addEventListener(\"click\", (event) => {\n        if (event.target !== boks) {\n          return;\n        }\n\n        const ramme = boks.getBoundingClientRect();\n\n        const utenfor =\n          event.clientX < ramme.left ||\n          event.clientX > ramme.right ||\n          event.clientY < ramme.top ||\n          event.clientY > ramme.bottom;\n\n        if (utenfor) {\n          boks.close();\n        }\n      });\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>F\u00f8rste bok i trilogien Noe r\u00f8rer seg i m\u00f8rket utenfor Branrel. For Milo har verden alltid v\u00e6rt landsbyen, familien og de kjente veiene mellom \u00e5krene. Men urovekkende tegn bryter inn i hverdagen. Dyr blir funnet d\u00f8de uten synlige s\u00e5r, og gamle historier f\u00e5r en ny og skremmende betydning. Da den g\u00e5tefulle Eldren kommer til Branrel,&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":14,"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-306","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/306","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=306"}],"version-history":[{"count":9,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/306\/revisions\/347"}],"up":[{"embeddable":true,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/14"}],"wp:attachment":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/media?parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}