{"id":14,"date":"2026-08-10T12:48:49","date_gmt":"2026-08-10T11:48:49","guid":{"rendered":"https:\/\/andreasespenes.no\/?page_id=14"},"modified":"2026-08-27T06:56:36","modified_gmt":"2026-08-27T05:56:36","slug":"falmador","status":"publish","type":"page","link":"https:\/\/andreasespenes.no\/en\/falmador\/","title":{"rendered":"Falmador"},"content":{"rendered":"<style>\n  \/* =========================================================\n     FALMADOR \u2013 HERO\n     Klassisk high-fantasy \/ gammel verden\n     Kartet er synlig, men ikke helt avsl\u00f8rende\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  .falmador-hero,\n  .falmador-hero * {\n    box-sizing: border-box;\n  }\n\n  .falmador-hero {\n    --fal-black: #090907;\n    --fal-dark: #11100c;\n    --fal-brown: #241c12;\n\n    --fal-gold: #c7a655;\n    --fal-gold-light: #e7cf85;\n    --fal-gold-dark: #8d6b2b;\n\n    --fal-cream: #eee4c9;\n    --fal-text: #d2cab7;\n    --fal-muted: #a49b88;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-cream);\n\n    background: var(--fal-black);\n  }\n\n\n  \/* =========================================================\n     KART SOM STOR BAKGRUNN\n     ========================================================= *\/\n\n  .falmador-hero__map {\n    position: absolute;\n\n    inset: -30px;\n\n    width: calc(100% + 60px);\n    height: calc(100% + 60px);\n\n    object-fit: cover;\n    object-position: center;\n\n    opacity: 0.27;\n\n    filter:\n      grayscale(0.18)\n      sepia(0.38)\n      saturate(0.72)\n      brightness(0.46)\n      contrast(1.02)\n      blur(2.8px);\n\n    transform: scale(1.045);\n  }\n\n\n  \/* =========================================================\n     M\u00d8RKT LAG OVER BAKGRUNNSKARTET\n     ========================================================= *\/\n\n  .falmador-hero::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    z-index: 1;\n\n    background:\n      radial-gradient(\n        circle at 74% 40%,\n        rgba(184, 146, 67, 0.13),\n        transparent 25%\n      ),\n      radial-gradient(\n        circle at 20% 20%,\n        rgba(52, 67, 45, 0.12),\n        transparent 30%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(7, 7, 5, 0.95) 0%,\n        rgba(8, 8, 6, 0.84) 37%,\n        rgba(10, 9, 7, 0.57) 67%,\n        rgba(7, 7, 6, 0.76) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(8, 8, 6, 0.18),\n        rgba(8, 8, 6, 0.84)\n      );\n  }\n\n\n  \/* =========================================================\n     DEKORATIV GULLSIRKEL\n     ========================================================= *\/\n\n  .falmador-hero::after {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 2;\n\n    width: 520px;\n    height: 520px;\n\n    right: -190px;\n    top: -190px;\n\n    border:\n      1px solid rgba(199, 166, 85, 0.17);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 42px rgba(199, 166, 85, 0.018),\n      0 0 0 90px rgba(199, 166, 85, 0.012);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .falmador-hero__inner {\n    position: relative;\n\n    z-index: 4;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1.05fr)\n      minmax(380px, 0.95fr);\n\n    align-items: center;\n\n    gap: 80px;\n\n    width:\n      min(1260px, calc(100% - 64px));\n\n    min-height: 650px;\n\n    margin: 0 auto;\n\n    padding: 76px 0 82px;\n  }\n\n\n  \/* =========================================================\n     VENSTRE SIDE\n     ========================================================= *\/\n\n  .falmador-hero__copy {\n    max-width: 680px;\n  }\n\n\n  \/* Liten fantasy-label *\/\n\n  .falmador-hero__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin: 0 0 22px !important;\n\n    color: var(--fal-gold-light);\n\n    font-family: \"Cinzel\", serif;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing: 0.18em;\n\n    text-transform: uppercase;\n  }\n\n  .falmador-hero__eyebrow::before {\n    content: \"\";\n\n    width: 42px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold-dark),\n        var(--fal-gold-light)\n      );\n  }\n\n\n  \/* =========================================================\n     LOGO\n     ========================================================= *\/\n\n  .falmador-hero__logo {\n    display: block;\n\n    width: 510px;\n    max-width: 95%;\n    height: auto;\n\n    margin: 0 0 6px;\n\n    object-fit: contain;\n\n    filter:\n      drop-shadow(\n        0 8px 20px rgba(0, 0, 0, 0.65)\n      );\n  }\n\n\n  \/* =========================================================\n     TAGLINE\n     ========================================================= *\/\n\n  .falmador-hero__tagline {\n    margin: 0 0 23px !important;\n\n    color: var(--fal-gold-light);\n\n    font-family: \"Cinzel\", serif;\n\n    font-size: 18px;\n    font-weight: 500;\n\n    line-height: 1.5;\n\n    letter-spacing: 0.055em;\n  }\n\n\n  \/* =========================================================\n     INTRO\n     ========================================================= *\/\n\n  .falmador-hero__intro {\n    max-width: 650px;\n\n    margin: 0 0 31px !important;\n\n    color: var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 21px;\n    font-weight: 500;\n\n    line-height: 1.63;\n  }\n\n\n  \/* =========================================================\n     KNAPPER\n     ========================================================= *\/\n\n  .falmador-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 11px;\n\n    margin-bottom: 23px;\n  }\n\n  .falmador-hero__button {\n    display: inline-flex;\n\n    min-height: 50px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding: 12px 23px;\n\n    border-radius: 3px;\n\n    font-family: \"Cinzel\", serif;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: 0.045em;\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      color 0.22s ease,\n      box-shadow 0.22s ease;\n  }\n\n  .falmador-hero__button:hover {\n    transform: translateY(-2px);\n  }\n\n\n  \/* Gullknapp *\/\n\n  .falmador-hero__button--primary {\n    border:\n      1px solid var(--fal-gold);\n\n    background:\n      linear-gradient(\n        135deg,\n        #d5b65f,\n        #a67f32\n      );\n\n    color: #100e09 !important;\n\n    box-shadow:\n      0 12px 28px rgba(0, 0, 0, 0.23);\n  }\n\n  .falmador-hero__button--primary:hover {\n    background:\n      linear-gradient(\n        135deg,\n        #e0c36e,\n        #b88f3a\n      );\n  }\n\n\n  \/* M\u00f8rk knapp *\/\n\n  .falmador-hero__button--secondary {\n    border:\n      1px solid rgba(199, 166, 85, 0.48);\n\n    background:\n      rgba(15, 14, 10, 0.72);\n\n    color:\n      var(--fal-cream) !important;\n  }\n\n  .falmador-hero__button--secondary:hover {\n    border-color:\n      var(--fal-gold);\n\n    background:\n      rgba(199, 166, 85, 0.08);\n  }\n\n\n  \/* =========================================================\n     VAREMERKETEKST\n     ========================================================= *\/\n\n  .falmador-hero__legal {\n    margin: 0 !important;\n\n    color:\n      rgba(210, 202, 183, 0.48);\n\n    font-size: 10px;\n\n    line-height: 1.5;\n\n    letter-spacing: 0.025em;\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE SIDE \u2013 KARTPANEL\n     ========================================================= *\/\n\n  .falmador-hero__visual {\n    position: relative;\n\n    min-height: 465px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(199, 166, 85, 0.33);\n\n    border-radius: 6px;\n\n    background: #17140e;\n\n    box-shadow:\n      0 28px 70px rgba(0, 0, 0, 0.42);\n\n    transform:\n      rotate(1.2deg);\n  }\n\n\n  \/* Indre gammel ramme *\/\n\n  .falmador-hero__visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 3;\n\n    inset: 13px;\n\n    border:\n      1px solid rgba(227, 203, 132, 0.25);\n\n    pointer-events: none;\n  }\n\n\n  \/* Vignett \u2013 men litt lettere enn f\u00f8r *\/\n\n  .falmador-hero__visual::after {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 2;\n\n    inset: 0;\n\n    background:\n      radial-gradient(\n        circle at 50% 44%,\n        transparent 22%,\n        rgba(5, 5, 3, 0.10) 48%,\n        rgba(4, 4, 3, 0.30) 76%,\n        rgba(4, 4, 3, 0.58) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(0, 0, 0, 0.03),\n        rgba(0, 0, 0, 0.20)\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     KARTET I PANELET\n     ========================================================= *\/\n\n  .falmador-hero__visual-map {\n    position: absolute;\n\n    inset: -14px;\n\n    width: calc(100% + 28px);\n    height: calc(100% + 28px);\n\n    object-fit: cover;\n    object-position: center;\n\n    filter:\n      sepia(0.36)\n      saturate(0.80)\n      contrast(1.00)\n      brightness(0.69)\n      blur(3.5px);\n\n    transform:\n      scale(1.055);\n  }\n\n\n  \/* =========================================================\n     TEKST OVER KARTET\n     ========================================================= *\/\n\n  .falmador-hero__map-label {\n    position: absolute;\n\n    z-index: 5;\n\n    left: 31px;\n    bottom: 29px;\n\n    max-width: 285px;\n\n    color:\n      rgba(240, 228, 190, 0.94);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 16px;\n    font-style: italic;\n\n    line-height: 1.45;\n\n    text-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.90);\n  }\n\n\n  \/* =========================================================\n     DEKORATIV STREK NEDERST\n     ========================================================= *\/\n\n  .falmador-hero__ornament {\n    position: absolute;\n\n    z-index: 5;\n\n    left: 50%;\n    bottom: 0;\n\n    width:\n      min(740px, 70%);\n\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(199, 166, 85, 0.52),\n        rgba(231, 207, 133, 0.72),\n        rgba(199, 166, 85, 0.52),\n        transparent\n      );\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 950px) {\n\n    .falmador-hero__inner {\n      grid-template-columns:\n        1fr;\n\n      gap: 48px;\n\n      width:\n        min(100% - 44px, 760px);\n\n      min-height: auto;\n\n      padding:\n        64px 0 70px;\n    }\n\n    .falmador-hero__copy {\n      max-width: none;\n    }\n\n    .falmador-hero__visual {\n      width:\n        min(100%, 600px);\n\n      min-height: 430px;\n\n      margin: 0 auto;\n\n      transform: none;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .falmador-hero__inner {\n      gap: 37px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        50px 0 56px;\n    }\n\n    .falmador-hero__eyebrow {\n      margin-bottom:\n        17px !important;\n\n      font-size: 10px;\n\n      letter-spacing:\n        0.14em;\n    }\n\n    .falmador-hero__eyebrow::before {\n      width: 28px;\n    }\n\n    .falmador-hero__logo {\n      width: 360px;\n      max-width: 98%;\n\n      margin-bottom: 3px;\n    }\n\n    .falmador-hero__tagline {\n      margin-bottom:\n        18px !important;\n\n      font-size: 15px;\n    }\n\n    .falmador-hero__intro {\n      margin-bottom:\n        26px !important;\n\n      font-size: 18px;\n\n      line-height: 1.58;\n    }\n\n    .falmador-hero__actions {\n      display: grid;\n\n      grid-template-columns: 1fr;\n\n      gap: 9px;\n    }\n\n    .falmador-hero__button {\n      width: 100%;\n    }\n\n    .falmador-hero__visual {\n      min-height: 350px;\n\n      border-radius: 4px;\n    }\n\n    .falmador-hero__visual::before {\n      inset: 9px;\n    }\n\n    .falmador-hero__visual-map {\n      filter:\n        sepia(0.36)\n        saturate(0.77)\n        contrast(0.98)\n        brightness(0.65)\n        blur(3.5px);\n\n      transform:\n        scale(1.07);\n    }\n\n    .falmador-hero__map-label {\n      left: 22px;\n      right: 22px;\n      bottom: 21px;\n\n      font-size: 14px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"falmador-hero\">\n\n\n  <!-- KART SOM STEMNINGSBAKGRUNN -->\n\n  <img decoding=\"async\"\n    class=\"falmador-hero__map\"\n    src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Map-Revised-II-Paper-Watercolour.png\"\n    alt=\"\"\n    aria-hidden=\"true\"\n  >\n\n\n  <div class=\"falmador-hero__inner\">\n\n\n    <!-- VENSTRE -->\n\n    <div class=\"falmador-hero__copy\">\n\n      <div class=\"falmador-hero__eyebrow\">\n        A fantasy universe by Andreas Sautter Espenes\n      <\/div>\n\n      <img decoding=\"async\"\n        class=\"falmador-hero__logo\"\n        src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Logo-uten-bakgrunn-scaled.png\"\n        alt=\"Falmador\"\n      >\n\n      <p class=\"falmador-hero__tagline\">\n        A world of omens, creatures and forgotten secrets\n      <\/p>\n\n      <p class=\"falmador-hero__intro\">\n        In Falmador\u00ae, humans and other peoples live in a world shaped by ancient stories, unknown creatures, and powers that have long been hidden. When signs of something darker begin to appear, it is no longer possible to look away.\n      <\/p>\n\n      <div class=\"falmador-hero__actions\">\n\n        <a\n          class=\"falmador-hero__button falmador-hero__button--primary\"\n          href=\"#falmador-univers\"\n        >\n          Explore Falmador\n        <\/a>\n\n        <a\n          class=\"falmador-hero__button falmador-hero__button--secondary\"\n          href=\"#falmador-karakterer\"\n        >\n          Meet the characters\n        <\/a>\n\n      <\/div>\n\n      <p class=\"falmador-hero__legal\">\n        Falmador\u00ae is a registered trademark of Andreas Sautter Espenes.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- H\u00d8YRE KARTPANEL -->\n\n    <div class=\"falmador-hero__visual\">\n\n      <img decoding=\"async\"\n        class=\"falmador-hero__visual-map\"\n        src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Map-Revised-II-Paper-Watercolour.png\"\n        alt=\"Kart over Falmador\"\n      >\n\n      <div class=\"falmador-hero__map-label\">\n        A land of ancient kingdoms, unknown roads and places where history has not yet revealed all its secrets.\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"falmador-hero__ornament\"><\/div>\n\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 VELKOMMEN TIL FALMADOR\n     Lys pergamentseksjon \/ gammel fantasybok\n     ========================================================= *\/\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\n  .fal-world,\n  .fal-world * {\n    box-sizing: border-box;\n  }\n\n  .fal-world {\n    --fal-ink: #282218;\n    --fal-text: #5c5140;\n    --fal-muted: #81735d;\n\n    --fal-gold: #b48d3e;\n    --fal-gold-dark: #806126;\n    --fal-gold-light: #d8bd75;\n\n    --fal-paper: #eee3c7;\n    --fal-paper-light: #f6eedb;\n    --fal-paper-dark: #ddcca6;\n\n    --fal-green: #43513b;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-ink);\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    background:\n      radial-gradient(\n        circle at 12% 18%,\n        rgba(115, 88, 38, 0.09),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 88% 76%,\n        rgba(57, 76, 48, 0.07),\n        transparent 28%\n      ),\n      linear-gradient(\n        115deg,\n        #f4ead3 0%,\n        #eee1c2 48%,\n        #e7d6b1 100%\n      );\n  }\n\n\n  \/* =========================================================\n     DISKRET PAPIRTEKSTUR\n     ========================================================= *\/\n\n  .fal-world::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: 0.35;\n\n    pointer-events: none;\n\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        rgba(75, 58, 31, 0.018) 0px,\n        rgba(75, 58, 31, 0.018) 1px,\n        transparent 1px,\n        transparent 4px\n      );\n  }\n\n\n  \/* gammel dekorativ sirkel *\/\n\n  .fal-world::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    right: -235px;\n    bottom: -260px;\n\n    border:\n      1px solid rgba(128, 97, 38, 0.18);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 42px rgba(128, 97, 38, 0.025),\n      0 0 0 88px rgba(128, 97, 38, 0.015);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     HOVEDINNHOLD\n     ========================================================= *\/\n\n  .fal-world__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(1180px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      76px 0 82px;\n  }\n\n\n  \/* =========================================================\n     INTRO\n     ========================================================= *\/\n\n  .fal-world__header {\n    max-width: 880px;\n\n    margin:\n      0 auto 42px;\n\n    text-align: center;\n  }\n\n  .fal-world__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    margin:\n      0 0 14px !important;\n\n    color:\n      var(--fal-gold-dark);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing: 0.16em;\n\n    text-transform: uppercase;\n  }\n\n  .fal-world__eyebrow::before,\n  .fal-world__eyebrow::after {\n    content: \"\";\n\n    width: 34px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n\n  .fal-world__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n  .fal-world__title {\n    margin:\n      0 0 20px !important;\n\n    color:\n      var(--fal-ink);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(39px, 4vw, 55px);\n\n    font-weight: 600;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.025em;\n  }\n\n  .fal-world__intro {\n    max-width: 800px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--fal-text);\n\n    font-size: 20px;\n    font-weight: 500;\n\n    line-height: 1.68;\n  }\n\n\n  \/* =========================================================\n     STOR PERGAMENTBOKS\n     ========================================================= *\/\n\n  .fal-world__manuscript {\n    position: relative;\n\n    max-width: 1000px;\n\n    margin:\n      0 auto 38px;\n\n    padding:\n      38px 46px;\n\n    border:\n      1px solid rgba(128, 97, 38, 0.26);\n\n    border-radius: 3px;\n\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(175, 137, 61, 0.10),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 0% 100%,\n        rgba(72, 89, 60, 0.06),\n        transparent 28%\n      ),\n      rgba(250, 244, 226, 0.72);\n\n    box-shadow:\n      0 16px 40px rgba(62, 46, 23, 0.08),\n      inset 0 0 50px rgba(136, 102, 45, 0.035);\n  }\n\n\n  \/* ornament p\u00e5 toppen *\/\n\n  .fal-world__manuscript::before {\n    content: \"\u2726\";\n\n    position: absolute;\n\n    top: -15px;\n    left: 50%;\n\n    display: flex;\n\n    width: 34px;\n    height: 30px;\n\n    align-items: center;\n    justify-content: center;\n\n    transform:\n      translateX(-50%);\n\n    color:\n      var(--fal-gold-dark);\n\n    background:\n      #eee1c2;\n\n    font-size: 16px;\n  }\n\n\n  \/* indre ramme *\/\n\n  .fal-world__manuscript::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 9px;\n\n    border:\n      1px solid rgba(128, 97, 38, 0.08);\n\n    pointer-events: none;\n  }\n\n  .fal-world__manuscript p {\n    position: relative;\n    z-index: 2;\n\n    margin:\n      0 0 18px !important;\n\n    color:\n      var(--fal-text);\n\n    font-size: 18px;\n    font-weight: 500;\n\n    line-height: 1.72;\n  }\n\n  .fal-world__manuscript p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n\n\n  \/* =========================================================\n     TRE VERDENSKORT\n     ========================================================= *\/\n\n  .fal-world__grid {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n  }\n\n  .fal-world-card {\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n      29px 27px 27px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(128, 97, 38, 0.22);\n\n    border-radius: 4px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(250, 245, 230, 0.82),\n        rgba(230, 216, 181, 0.70)\n      );\n\n    box-shadow:\n      0 13px 30px rgba(65, 48, 24, 0.065);\n\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .fal-world-card:hover {\n    transform:\n      translateY(-4px);\n\n    border-color:\n      rgba(128, 97, 38, 0.42);\n\n    box-shadow:\n      0 20px 40px rgba(65, 48, 24, 0.11);\n  }\n\n\n  \/* gullstrek *\/\n\n  .fal-world-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 27px;\n\n    width: 60px;\n    height: 3px;\n\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\n  .fal-world-card__number {\n    display: block;\n\n    margin:\n      0 0 14px;\n\n    color:\n      rgba(128, 97, 38, 0.52);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    letter-spacing: 0.12em;\n  }\n\n  .fal-world-card__title {\n    margin:\n      0 0 11px !important;\n\n    color:\n      var(--fal-ink);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 21px;\n    font-weight: 600;\n\n    line-height: 1.25;\n  }\n\n  .fal-world-card__text {\n    margin:\n      0 !important;\n\n    color:\n      var(--fal-text);\n\n    font-size: 16px;\n    font-weight: 500;\n\n    line-height: 1.6;\n  }\n\n\n  \/* =========================================================\n     AVSLUTTENDE SITAT\n     ========================================================= *\/\n\n  .fal-world__quote {\n    position: relative;\n\n    max-width: 850px;\n\n    margin:\n      38px auto 0;\n\n    padding-top: 29px;\n\n    color:\n      #564936;\n\n    font-size: 19px;\n    font-style: italic;\n    font-weight: 500;\n\n    line-height: 1.65;\n\n    text-align: center;\n  }\n\n  .fal-world__quote::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 50%;\n\n    width: 120px;\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n\n    .fal-world__inner {\n      width:\n        min(100% - 44px, 760px);\n\n      padding:\n        64px 0 70px;\n    }\n\n    .fal-world__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .fal-world-card {\n      max-width: 650px;\n\n      width: 100%;\n\n      margin: 0 auto;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-world__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        52px 0 58px;\n    }\n\n    .fal-world__header {\n      margin-bottom: 32px;\n    }\n\n    .fal-world__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.13em;\n    }\n\n    .fal-world__eyebrow::before,\n    .fal-world__eyebrow::after {\n      width: 20px;\n    }\n\n    .fal-world__title {\n      margin-bottom:\n        16px !important;\n\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n\n    .fal-world__intro {\n      font-size: 17px;\n\n      line-height: 1.62;\n    }\n\n    .fal-world__manuscript {\n      margin-bottom: 28px;\n\n      padding:\n        30px 24px;\n\n      border-radius: 2px;\n    }\n\n    .fal-world__manuscript p {\n      font-size: 16px;\n\n      line-height: 1.65;\n    }\n\n    .fal-world__grid {\n      gap: 14px;\n    }\n\n    .fal-world-card {\n      padding:\n        25px 22px 23px;\n    }\n\n    .fal-world-card::before {\n      left: 22px;\n    }\n\n    .fal-world-card__title {\n      font-size: 19px;\n    }\n\n    .fal-world-card__text {\n      font-size: 15px;\n    }\n\n    .fal-world__quote {\n      margin-top: 30px;\n\n      font-size: 17px;\n    }\n  }\n\n<\/style>\n\n\n<section\n  class=\"fal-world\"\n  id=\"falmador-univers\"\n>\n\n  <div class=\"fal-world__inner\">\n\n\n    <!-- =====================================================\n         OVERSKRIFT\n         ===================================================== -->\n\n    <div class=\"fal-world__header\">\n\n      <div class=\"fal-world__eyebrow\">\n        The world\n      <\/div>\n\n      <h2 class=\"fal-world__title\">\n        Welcome to Falmador\n      <\/h2>\n\n      <p class=\"fal-world__intro\">\n        A vast world of ancient kingdoms, villages, forests and places where memories of the past still live beneath the surface.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         INTROTEKST\n         ===================================================== -->\n\n    <div class=\"fal-world__manuscript\">\n\n      <p>\n        For generations, life has gone on in Falmador. People have cultivated the land, traveled between villages and towns, told old stories by the fireside, and lived with the memories of a past that few people know the full truth about anymore.\n      <\/p>\n\n      <p>\n        But the world is bigger than the safe places most people call home. Beyond familiar roads lie deep forests, strange peoples, ancient ruins, and creatures that have long lived only in stories.\n      <\/p>\n\n      <p>\n        And now something is starting to change.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         TRE ELEMENTER\n         ===================================================== -->\n\n    <div class=\"fal-world__grid\">\n\n\n      <article class=\"fal-world-card\">\n\n        <span class=\"fal-world-card__number\">\n          I\n        <\/span>\n\n        <h3 class=\"fal-world-card__title\">\n          An old world\n        <\/h3>\n\n        <p class=\"fal-world-card__text\">\n          Falmador bears traces of kingdoms, events, and people that have shaped the world long before history begins.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"fal-world-card\">\n\n        <span class=\"fal-world-card__number\">\n          II\n        <\/span>\n\n        <h3 class=\"fal-world-card__title\">\n          Many people and places\n        <\/h3>\n\n        <p class=\"fal-world-card__text\">\n          From peaceful villages to remote areas, different peoples, cultures and creatures live side by side in the same world.\n        <\/p>\n\n      <\/article>\n\n\n      <article class=\"fal-world-card\">\n\n        <span class=\"fal-world-card__number\">\n          III\n        <\/span>\n\n        <h3 class=\"fal-world-card__title\">\n          Something is awakening.\n        <\/h3>\n\n        <p class=\"fal-world-card__text\">\n          Ancient omens, unusual events, and creatures reappearing point to the fact that the old peace may not last.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AVSLUTNING\n         ===================================================== -->\n\n    <div class=\"fal-world__quote\">\n      In Falmador, history is never completely gone. Sometimes it&#039;s just waiting to be awakened.\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 SKYGGGENS VARSEL\n     F\u00f8rste bok i trilogien \/ f\u00f8rste fortelling fra Falmador\n     ========================================================= *\/\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\n  .fal-book,\n  .fal-book * {\n    box-sizing: border-box;\n  }\n\n  .fal-book {\n    --fal-black: #090907;\n    --fal-dark: #11100c;\n    --fal-brown: #21180f;\n    --fal-brown-deep: #160f09;\n\n    --fal-gold: #c2a052;\n    --fal-gold-light: #e0c97d;\n    --fal-gold-dark: #806126;\n\n    --fal-cream: #eee4c9;\n    --fal-text: #cfc5ae;\n    --fal-muted: #968c78;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-cream);\n\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\n\n  \/* =========================================================\n     SVAK GAMMEL TEKSTUR\n     ========================================================= *\/\n\n  .fal-book::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: 0.20;\n\n    pointer-events: none;\n\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\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .fal-book__inner {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(390px, 0.82fr);\n\n    align-items: center;\n\n    gap: 78px;\n\n    width:\n      min(1180px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      78px 0 82px;\n  }\n\n\n  \/* =========================================================\n     VENSTRE \u2013 TEKST\n     ========================================================= *\/\n\n  .fal-book__copy {\n    max-width: 680px;\n  }\n\n  .fal-book__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin:\n      0 0 15px !important;\n\n    color:\n      var(--fal-gold-light);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.17em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .fal-book__eyebrow::before {\n    content: \"\";\n\n    width: 38px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold-dark),\n        var(--fal-gold-light)\n      );\n  }\n\n\n  \/* =========================================================\n     TITTEL\n     ========================================================= *\/\n\n  .fal-book__title {\n    margin:\n      0 0 8px !important;\n\n    color:\n      #f0e6cb !important;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(38px, 4vw, 54px);\n\n    font-weight: 600;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.025em;\n  }\n\n  .fal-book__subtitle {\n    margin:\n      0 0 25px !important;\n\n    color:\n      var(--fal-gold-light);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(22px, 2.3vw, 30px);\n\n    font-weight: 500;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.025em;\n  }\n\n\n  \/* =========================================================\n     BESKRIVELSE\n     ========================================================= *\/\n\n  .fal-book__text {\n    max-width: 650px;\n\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    line-height: 1.72;\n  }\n\n  .fal-book__text p {\n    margin:\n      0 0 17px !important;\n  }\n\n  .fal-book__text p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n\n\n  \/* =========================================================\n     TRILOGI-INFO\n     ========================================================= *\/\n\n  .fal-book__trilogy {\n    position: relative;\n\n    margin-top: 26px;\n\n    padding:\n      19px 21px 19px 24px;\n\n    border-left:\n      2px solid var(--fal-gold);\n\n    background:\n      linear-gradient(\n        90deg,\n        rgba(194, 160, 82, 0.09),\n        rgba(194, 160, 82, 0.015)\n      );\n\n    color:\n      #d8cdb5;\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 17px;\n    font-weight: 500;\n\n    line-height: 1.62;\n  }\n\n  .fal-book__trilogy strong {\n    color:\n      var(--fal-gold-light);\n\n    font-weight: 600;\n  }\n\n\n  \/* =========================================================\n     META\n     ========================================================= *\/\n\n  .fal-book__meta {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin-top: 25px;\n  }\n\n  .fal-book__meta-item {\n    display: inline-flex;\n\n    align-items: center;\n\n    min-height: 36px;\n\n    padding:\n      7px 13px;\n\n    border:\n      1px solid rgba(194, 160, 82, 0.25);\n\n    border-radius: 2px;\n\n    background:\n      rgba(255, 255, 255, 0.035);\n\n    color:\n      #cdbb8a;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 600;\n\n    line-height: 1.2;\n\n    letter-spacing:\n      0.08em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  \/* =========================================================\n     KNAPP\n     ========================================================= *\/\n\n  .fal-book__actions {\n    margin-top: 28px;\n  }\n\n  .fal-book__button {\n    display: inline-flex;\n\n    min-height: 48px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      11px 22px;\n\n    border:\n      1px solid var(--fal-gold);\n\n    border-radius: 3px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #d0ae5a,\n        #9c762d\n      );\n\n    color:\n      #110f0a !important;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing:\n      0.05em;\n\n    text-decoration:\n      none !important;\n\n    box-shadow:\n      0 12px 28px rgba(0, 0, 0, 0.24);\n\n    transition:\n      transform 0.22s ease,\n      background 0.22s ease;\n  }\n\n  .fal-book__button:hover {\n    transform:\n      translateY(-2px);\n\n    background:\n      linear-gradient(\n        135deg,\n        #dfc06b,\n        #ad8433\n      );\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE \u2013 KR\u00d8NIKEPANEL\n     ========================================================= *\/\n\n  .fal-book__visual {\n    position: relative;\n\n    width: 100%;\n    min-height: 500px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(194, 160, 82, 0.37);\n\n    border-radius: 5px;\n\n    background:\n      #17130d;\n\n    box-shadow:\n      0 30px 80px rgba(0, 0, 0, 0.48);\n\n    transform:\n      rotate(1deg);\n  }\n\n\n  \/* =========================================================\n     KARTBAKGRUNN\n     ========================================================= *\/\n\n  .fal-book__map {\n    position: absolute;\n\n    inset: -20px;\n\n    width:\n      calc(100% + 40px);\n\n    height:\n      calc(100% + 40px);\n\n    object-fit: cover;\n    object-position: center;\n\n    opacity: 0.72;\n\n    filter:\n      sepia(0.42)\n      saturate(0.70)\n      brightness(0.48)\n      contrast(1.04)\n      blur(2.5px);\n\n    transform:\n      scale(1.06);\n  }\n\n\n  \/* M\u00d8RK VIGNETT *\/\n\n  .fal-book__visual::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    z-index: 2;\n\n    background:\n      radial-gradient(\n        circle at 50% 42%,\n        rgba(5, 5, 4, 0.05) 0%,\n        rgba(7, 6, 4, 0.18) 43%,\n        rgba(5, 5, 4, 0.67) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(5, 5, 4, 0.10),\n        rgba(5, 5, 4, 0.56)\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     INDRE RAMME\n     ========================================================= *\/\n\n  .fal-book__frame {\n    position: absolute;\n\n    z-index: 4;\n\n    inset: 15px;\n\n    border:\n      1px solid rgba(229, 201, 124, 0.30);\n\n    pointer-events: none;\n  }\n\n  .fal-book__frame::before,\n  .fal-book__frame::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 48px;\n    height: 48px;\n\n    border-color:\n      rgba(229, 201, 124, 0.50);\n\n    border-style: solid;\n  }\n\n  .fal-book__frame::before {\n    top: 7px;\n    left: 7px;\n\n    border-width:\n      1px 0 0 1px;\n  }\n\n  .fal-book__frame::after {\n    right: 7px;\n    bottom: 7px;\n\n    border-width:\n      0 1px 1px 0;\n  }\n\n\n  \/* =========================================================\n     TEKST I PANELET\n     ========================================================= *\/\n\n  .fal-book__visual-content {\n    position: absolute;\n\n    z-index: 5;\n\n    inset: 0;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      55px 36px;\n\n    text-align: center;\n  }\n\n  .fal-book__visual-number {\n    margin:\n      0 0 16px;\n\n    color:\n      rgba(230, 205, 139, 0.78);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 600;\n\n    line-height: 1.5;\n\n    letter-spacing:\n      0.19em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  \/* =========================================================\n     FALMADOR-LOGO\n     ========================================================= *\/\n\n  .fal-book__logo {\n    display: block;\n\n    width: 300px;\n    max-width: 86%;\n\n    height: auto;\n\n    margin:\n      0 auto 10px;\n\n    filter:\n      drop-shadow(\n        0 6px 16px rgba(0, 0, 0, 0.80)\n      );\n  }\n\n\n  \/* =========================================================\n     SKYGGGENS VARSEL\n     ========================================================= *\/\n\n  .fal-book__visual-title {\n    margin:\n      0 !important;\n\n    color:\n      #ead79d !important;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(25px, 2.7vw, 36px);\n\n    font-weight: 600;\n\n    line-height: 1.2;\n\n    letter-spacing:\n      0.025em;\n\n    text-shadow:\n      0 4px 14px rgba(0, 0, 0, 0.80);\n  }\n\n\n  \/* =========================================================\n     BOK I AV III\n     ========================================================= *\/\n\n  .fal-book__visual-trilogy {\n    margin:\n      15px 0 0 !important;\n\n    color:\n      rgba(232, 219, 181, 0.78);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 16px;\n    font-style: italic;\n\n    line-height: 1.4;\n  }\n\n\n  \/* =========================================================\n     ORNAMENT\n     ========================================================= *\/\n\n  .fal-book__ornament {\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    width:\n      min(260px, 80%);\n\n    margin-top: 22px;\n\n    color:\n      var(--fal-gold-light);\n  }\n\n  .fal-book__ornament::before,\n  .fal-book__ornament::after {\n    content: \"\";\n\n    flex: 1;\n\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(224, 201, 125, 0.70)\n      );\n  }\n\n  .fal-book__ornament::after {\n    background:\n      linear-gradient(\n        90deg,\n        rgba(224, 201, 125, 0.70),\n        transparent\n      );\n  }\n\n  .fal-book__ornament-symbol {\n    font-size: 12px;\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 950px) {\n\n    .fal-book__inner {\n      grid-template-columns:\n        1fr;\n\n      gap: 48px;\n\n      width:\n        min(100% - 44px, 760px);\n\n      padding:\n        66px 0 72px;\n    }\n\n    .fal-book__copy {\n      max-width: none;\n    }\n\n    .fal-book__visual {\n      width:\n        min(100%, 580px);\n\n      min-height: 470px;\n\n      margin: 0 auto;\n\n      transform: none;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-book__inner {\n      gap: 38px;\n\n      width:\n        calc(100% - 34px);\n\n      padding:\n        52px 0 58px;\n    }\n\n    .fal-book__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.14em;\n    }\n\n    .fal-book__eyebrow::before {\n      width: 27px;\n    }\n\n    .fal-book__title {\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n\n    .fal-book__subtitle {\n      margin-bottom:\n        20px !important;\n\n      font-size: 22px;\n    }\n\n    .fal-book__text {\n      font-size: 17px;\n\n      line-height: 1.65;\n    }\n\n    .fal-book__trilogy {\n      padding:\n        17px 17px 17px 19px;\n\n      font-size: 16px;\n    }\n\n    .fal-book__meta {\n      gap: 7px;\n    }\n\n    .fal-book__meta-item {\n      font-size: 10px;\n    }\n\n    .fal-book__button {\n      width: 100%;\n    }\n\n    .fal-book__visual {\n      min-height: 400px;\n    }\n\n    .fal-book__visual-content {\n      padding:\n        45px 26px;\n    }\n\n    .fal-book__visual-number {\n      font-size: 10px;\n    }\n\n    .fal-book__logo {\n      width: 260px;\n    }\n\n    .fal-book__visual-title {\n      font-size:\n        clamp(23px, 7vw, 30px);\n    }\n\n    .fal-book__visual-trilogy {\n      font-size: 15px;\n    }\n  }\n\n<\/style>\n\n\n<section\n  class=\"fal-book\"\n  id=\"skyggens-varsel\"\n>\n\n  <div class=\"fal-book__inner\">\n\n\n    <!-- =====================================================\n         VENSTRE\n         ===================================================== -->\n\n    <div class=\"fal-book__copy\">\n\n      <div class=\"fal-book__eyebrow\">\n        First book in the trilogy\n      <\/div>\n\n      <h2 class=\"fal-book__title\">\n        Falmador\n      <\/h2>\n\n      <h3 class=\"fal-book__subtitle\">\n        The Omen of Shadows\n      <\/h3>\n\n\n      <div class=\"fal-book__text\">\n\n        <p>\n          <em>Falmador \u2013 The Omen of Shadows<\/em> follows Milo, who lives a peaceful life in the village of Branrel with his friend Tobb and older brother Erik.\n        <\/p>\n\n        <p>\n          When the shadowy beings Veyra appear and more and more disturbing signs spread through Falmador, they are drawn into a journey far from home.\n        <\/p>\n\n        <p>\n          Together with the enigmatic Eldren, they must face dangerous creatures, unknown peoples, and a growing evil that could change the world forever.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- TRILOGI -->\n\n      <div class=\"fal-book__trilogy\">\n        <strong>The Omen of Shadows is the first book in a planned trilogy.<\/strong>\n        The three books will together tell the first major story from the Falmador universe \u2013 in a world that is created to accommodate more stories beyond this trilogy.\n      <\/div>\n\n\n      <!-- META -->\n\n      <div class=\"fal-book__meta\">\n\n        <span class=\"fal-book__meta-item\">\n          Book I of III\n        <\/span>\n\n        <span class=\"fal-book__meta-item\">\n          Fantasy\n        <\/span>\n\n        <span class=\"fal-book__meta-item\">\n          First Tale from Falmador\n        <\/span>\n\n      <\/div>\n\n\n      <!-- KNAPP -->\n\n      <div class=\"fal-book__actions\">\n\n        <a\n          class=\"fal-book__button\"\n          href=\"#falmador-karakterer\"\n        >\n          Meet the characters\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         H\u00d8YRE\n         ===================================================== -->\n\n    <div class=\"fal-book__visual\">\n\n      <img decoding=\"async\"\n        class=\"fal-book__map\"\n        src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Map-Revised-II-Paper-Watercolour.png\"\n        alt=\"\"\n        aria-hidden=\"true\"\n      >\n\n      <div class=\"fal-book__frame\"><\/div>\n\n\n      <div class=\"fal-book__visual-content\">\n\n        <div class=\"fal-book__visual-number\">\n          First book in the first trilogy from\n        <\/div>\n\n        <img decoding=\"async\"\n          class=\"fal-book__logo\"\n          src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Logo-uten-bakgrunn-scaled.png\"\n          alt=\"Falmador\"\n        >\n\n        <h3 class=\"fal-book__visual-title\">\n          The Omen of Shadows\n        <\/h3>\n\n        <p class=\"fal-book__visual-trilogy\">\n          Book I of III\n        <\/p>\n\n\n        <div class=\"fal-book__ornament\">\n\n          <span class=\"fal-book__ornament-symbol\">\n            \u25c6\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 FIGURER FRA FALMADOR\n     Milo \u2022 Tobb \u2022 Eldren \u2022 Dravyn \u2022 Veyra\n     ========================================================= *\/\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\n  .fal-characters,\n  .fal-characters * {\n    box-sizing: border-box;\n  }\n\n  .fal-characters {\n    --fal-ink: #282218;\n    --fal-text: #625644;\n    --fal-muted: #887963;\n\n    --fal-gold: #b58d3e;\n    --fal-gold-light: #d8bc72;\n    --fal-gold-dark: #7c5c22;\n\n    --fal-paper: #eee2c5;\n    --fal-paper-light: #f7efdc;\n    --fal-paper-dark: #decba3;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-ink);\n\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\n\n  \/* =========================================================\n     DISKRET PAPIRTEKSTUR\n     ========================================================= *\/\n\n  .fal-characters::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: 0.32;\n\n    pointer-events: none;\n\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\n\n  \/* =========================================================\n     HOVEDINNHOLD\n     ========================================================= *\/\n\n  .fal-characters__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(1280px, calc(100% - 54px));\n\n    margin: 0 auto;\n\n    padding:\n      76px 0 82px;\n  }\n\n\n  \/* =========================================================\n     OVERSKRIFT\n     ========================================================= *\/\n\n  .fal-characters__header {\n    max-width: 900px;\n\n    margin:\n      0 auto 42px;\n\n    text-align: center;\n  }\n\n  .fal-characters__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    margin:\n      0 0 14px !important;\n\n    color:\n      var(--fal-gold-dark);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    letter-spacing:\n      0.16em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .fal-characters__eyebrow::before,\n  .fal-characters__eyebrow::after {\n    content: \"\";\n\n    width: 34px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n\n  .fal-characters__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n  .fal-characters__title {\n    margin:\n      0 0 18px !important;\n\n    color:\n      var(--fal-ink);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(38px, 4vw, 54px);\n\n    font-weight: 600;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.025em;\n  }\n\n  .fal-characters__intro {\n    max-width: 820px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    line-height: 1.65;\n  }\n\n\n  \/* =========================================================\n     KORTGRID\n     ========================================================= *\/\n\n  .fal-characters__grid {\n    display: grid;\n\n    grid-template-columns:\n      repeat(5, minmax(0, 1fr));\n\n    gap: 17px;\n\n    align-items: stretch;\n  }\n\n\n  \/* =========================================================\n     KARAKTERKORT\n     ========================================================= *\/\n\n  .fal-character {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(124, 92, 34, 0.28);\n\n    border-radius: 4px;\n\n    background:\n      rgba(249, 244, 230, 0.82);\n\n    box-shadow:\n      0 16px 35px rgba(66, 48, 21, 0.09);\n\n    transition:\n      transform 0.28s ease,\n      box-shadow 0.28s ease,\n      border-color 0.28s ease;\n  }\n\n  .fal-character:hover {\n    transform:\n      translateY(-6px);\n\n    border-color:\n      rgba(124, 92, 34, 0.50);\n\n    box-shadow:\n      0 23px 45px rgba(66, 48, 21, 0.15);\n  }\n\n\n  \/* liten gullstrek \u00f8verst *\/\n\n  .fal-character::before {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 5;\n\n    top: 0;\n    left: 50%;\n\n    width: 54px;\n    height: 3px;\n\n    transform:\n      translateX(-50%);\n\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\n\n  \/* =========================================================\n     BILDE\n     ========================================================= *\/\n\n  .fal-character__visual {\n    position: relative;\n\n    height: 320px;\n\n    overflow: hidden;\n\n    background:\n      linear-gradient(\n        160deg,\n        #ddd0b2,\n        #bda984\n      );\n  }\n\n  .fal-character__image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center top;\n\n    filter:\n      saturate(0.88)\n      contrast(1.02);\n\n    transition:\n      transform 0.45s ease,\n      filter 0.45s ease;\n  }\n\n  .fal-character:hover\n  .fal-character__image {\n    transform:\n      scale(1.035);\n\n    filter:\n      saturate(0.98)\n      contrast(1.03);\n  }\n\n\n  \/* m\u00f8rk\/pergament overgang nederst i bildet *\/\n\n  .fal-character__visual::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n      linear-gradient(\n        180deg,\n        transparent 68%,\n        rgba(28, 22, 14, 0.11) 100%\n      );\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     TEKSTOMR\u00c5DE\n     ========================================================= *\/\n\n  .fal-character__body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    padding:\n      23px 20px 24px;\n  }\n\n  .fal-character__name {\n    margin:\n      0 0 7px !important;\n\n    color:\n      var(--fal-ink);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 22px;\n    font-weight: 700;\n\n    line-height: 1.2;\n  }\n\n  .fal-character__role {\n    display: block;\n\n    min-height: 34px;\n\n    margin:\n      0 0 13px;\n\n    color:\n      var(--fal-gold-dark);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 700;\n\n    line-height: 1.45;\n\n    letter-spacing:\n      0.09em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .fal-character__text {\n    margin:\n      0 !important;\n\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 16px;\n    font-weight: 500;\n\n    line-height: 1.57;\n  }\n\n\n  \/* =========================================================\n     VEYRA \u2013 LITT M\u00d8RKERE KORT\n     ========================================================= *\/\n\n  .fal-character--dark {\n    border-color:\n      rgba(91, 69, 31, 0.42);\n\n    background:\n      linear-gradient(\n        160deg,\n        #30291f,\n        #1e1a15\n      );\n  }\n\n  .fal-character--dark\n  .fal-character__body {\n    background:\n      linear-gradient(\n        160deg,\n        #30291f,\n        #1e1a15\n      );\n  }\n\n  .fal-character--dark\n  .fal-character__name {\n    color:\n      #efe3c5;\n  }\n\n  .fal-character--dark\n  .fal-character__role {\n    color:\n      #d6b968;\n  }\n\n  .fal-character--dark\n  .fal-character__text {\n    color:\n      #cbc0aa;\n  }\n\n\n  \/* =========================================================\n     DRAVYN \u2013 SVAK GR\u00d8NN TONE\n     ========================================================= *\/\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\n\n  \/* =========================================================\n     AVSLUTTENDE TEKST\n     ========================================================= *\/\n\n  .fal-characters__footer {\n    position: relative;\n\n    max-width: 760px;\n\n    margin:\n      37px auto 0;\n\n    padding-top: 25px;\n\n    color:\n      #6b5d48;\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 17px;\n    font-style: italic;\n    font-weight: 500;\n\n    line-height: 1.6;\n\n    text-align: center;\n  }\n\n  .fal-characters__footer::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 50%;\n\n    width: 120px;\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n\n  \/* =========================================================\n     LAPTOP\n     ========================================================= *\/\n\n  @media (max-width: 1150px) {\n\n    .fal-characters__grid {\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n    }\n\n    .fal-character:nth-child(4) {\n      grid-column:\n        1 \/ 2;\n    }\n\n    .fal-character:nth-child(5) {\n      grid-column:\n        2 \/ 3;\n    }\n\n    .fal-character__visual {\n      height: 370px;\n    }\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 780px) {\n\n    .fal-characters__inner {\n      width:\n        min(100% - 44px, 680px);\n\n      padding:\n        64px 0 70px;\n    }\n\n    .fal-characters__grid {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fal-character:nth-child(4),\n    .fal-character:nth-child(5) {\n      grid-column: auto;\n    }\n\n    .fal-character:last-child {\n      grid-column:\n        1 \/ -1;\n\n      width:\n        calc(50% - 9px);\n\n      justify-self:\n        center;\n    }\n\n    .fal-character__visual {\n      height: 350px;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-characters__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        52px 0 58px;\n    }\n\n    .fal-characters__header {\n      margin-bottom: 31px;\n    }\n\n    .fal-characters__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.13em;\n    }\n\n    .fal-characters__eyebrow::before,\n    .fal-characters__eyebrow::after {\n      width: 21px;\n    }\n\n    .fal-characters__title {\n      margin-bottom:\n        15px !important;\n\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n\n    .fal-characters__intro {\n      font-size: 17px;\n    }\n\n    .fal-characters__grid {\n      grid-template-columns: 1fr;\n\n      gap: 17px;\n    }\n\n    .fal-character,\n    .fal-character:last-child {\n      width: 100%;\n\n      grid-column: auto;\n    }\n\n    .fal-character__visual {\n      height: auto;\n\n      aspect-ratio:\n        4 \/ 5;\n    }\n\n    .fal-character__body {\n      padding:\n        21px 20px 23px;\n    }\n\n    .fal-character__name {\n      font-size: 21px;\n    }\n\n    .fal-character__role {\n      min-height: auto;\n    }\n\n    .fal-character__text {\n      font-size: 16px;\n    }\n\n    .fal-characters__footer {\n      margin-top: 30px;\n\n      font-size: 16px;\n    }\n  }\n\n<\/style>\n\n\n<section\n  class=\"fal-characters\"\n  id=\"falmador-karakterer\"\n>\n\n  <div class=\"fal-characters__inner\">\n\n\n    <!-- =====================================================\n         OVERSKRIFT\n         ===================================================== -->\n\n    <header class=\"fal-characters__header\">\n\n      <div class=\"fal-characters__eyebrow\">\n        Meet some of them\n      <\/div>\n\n      <h2 class=\"fal-characters__title\">\n        Figures from Falmador\n      <\/h2>\n\n      <p class=\"fal-characters__intro\">\n        Here are some of the characters and creatures from the universe. The descriptions are intentionally brief so that the story can continue to develop without giving too much away. There are many more in the final narrative.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         KARAKTERER\n         ===================================================== -->\n\n    <div class=\"fal-characters__grid\">\n\n\n      <!-- ===================================================\n           MILO\n           =================================================== -->\n\n      <article class=\"fal-character\">\n\n        <div class=\"fal-character__visual\">\n\n          <img decoding=\"async\"\n            class=\"fal-character__image\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Milo-realistisk-scaled.jpg\"\n            alt=\"Milo fra Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"fal-character__body\">\n\n          <h3 class=\"fal-character__name\">\n            Milo\n          <\/h3>\n\n          <span class=\"fal-character__role\">\n            Main character\n          <\/span>\n\n          <p class=\"fal-character__text\">\n            A young man from Branrel with a restlessness he doesn&#039;t quite understand, and an ability to sense danger before it manifests itself.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           TOBB\n           =================================================== -->\n\n      <article class=\"fal-character\">\n\n        <div class=\"fal-character__visual\">\n\n          <img decoding=\"async\"\n            class=\"fal-character__image\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Tobb-realistisk-scaled.jpg\"\n            alt=\"Tobb fra Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"fal-character__body\">\n\n          <h3 class=\"fal-character__name\">\n            Tobb\n          <\/h3>\n\n          <span class=\"fal-character__role\">\n            Friend and companion\n          <\/span>\n\n          <p class=\"fal-character__text\">\n            Loyal, down-to-earth and always there when Milo needs him, he faces the unknown with courage, skepticism and his own view of the world.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           ELDREN\n           =================================================== -->\n\n      <article class=\"fal-character\">\n\n        <div class=\"fal-character__visual\">\n\n          <img decoding=\"async\"\n            class=\"fal-character__image\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Eldren.jpg\"\n            alt=\"Eldren fra Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"fal-character__body\">\n\n          <h3 class=\"fal-character__name\">\n            Eldren\n          <\/h3>\n\n          <span class=\"fal-character__role\">\n            The enigmatic wanderer\n          <\/span>\n\n          <p class=\"fal-character__text\">\n            A stranger with knowledge of powers, omens, and places most people only know through old stories.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           DRAVYN\n           =================================================== -->\n\n      <article class=\"fal-character fal-character--creature\">\n\n        <div class=\"fal-character__visual\">\n\n          <img decoding=\"async\"\n            class=\"fal-character__image\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Dravyn.jpg\"\n            alt=\"Dravyn fra Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"fal-character__body\">\n\n          <h3 class=\"fal-character__name\">\n            Dravyn\n          <\/h3>\n\n          <span class=\"fal-character__role\">\n            Creature from Falmador\n          <\/span>\n\n          <p class=\"fal-character__text\">\n            An enigmatic feathered people with an unusual ability to imitate sounds and voices. Strangers to many, but not necessarily enemies.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- ===================================================\n           VEYRA\n           =================================================== -->\n\n      <article class=\"fal-character fal-character--dark\">\n\n        <div class=\"fal-character__visual\">\n\n          <img decoding=\"async\"\n            class=\"fal-character__image\"\n            src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Veyra-1.jpg\"\n            alt=\"Veyra fra Falmador\"\n          >\n\n        <\/div>\n\n        <div class=\"fal-character__body\">\n\n          <h3 class=\"fal-character__name\">\n            Veyra\n          <\/h3>\n\n          <span class=\"fal-character__role\">\n            The shadow in the darkness\n          <\/span>\n\n          <p class=\"fal-character__text\">\n            Dark figures that appear at night. Their red eyes and cold howls signal that something disturbing has begun to stir.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AVSLUTNING\n         ===================================================== -->\n\n    <div class=\"fal-characters__footer\">\n      These are just a few of those who live, wander, and hide in Falmador.\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 VERDENEN FALMADOR\n     Gammelt atlas \/ verdenskart\n     ========================================================= *\/\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\n  .fal-mapworld,\n  .fal-mapworld * {\n    box-sizing: border-box;\n  }\n\n  .fal-mapworld {\n    --fal-black: #090907;\n    --fal-dark: #11100c;\n    --fal-brown: #1e170f;\n\n    --fal-gold: #c2a052;\n    --fal-gold-light: #e0c97d;\n    --fal-gold-dark: #806126;\n\n    --fal-cream: #eee4c9;\n    --fal-text: #cec4ad;\n    --fal-muted: #978d79;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-cream);\n\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\n\n  \/* =========================================================\n     SVAK GAMMEL TEKSTUR\n     ========================================================= *\/\n\n  .fal-mapworld::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: 0.20;\n\n    pointer-events: none;\n\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\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .fal-mapworld__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(1240px, calc(100% - 64px));\n\n    margin: 0 auto;\n\n    padding:\n      76px 0 82px;\n  }\n\n\n  \/* =========================================================\n     HEADER\n     ========================================================= *\/\n\n  .fal-mapworld__header {\n    max-width: 900px;\n\n    margin:\n      0 auto 43px;\n\n    text-align: center;\n  }\n\n  .fal-mapworld__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    margin:\n      0 0 14px !important;\n\n    color:\n      var(--fal-gold-light);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    letter-spacing:\n      0.17em;\n\n    text-transform: uppercase;\n  }\n\n  .fal-mapworld__eyebrow::before,\n  .fal-mapworld__eyebrow::after {\n    content: \"\";\n\n    width: 34px;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n\n  .fal-mapworld__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n  .fal-mapworld__title {\n    margin:\n      0 0 18px !important;\n\n    color:\n      #f0e6cb !important;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(39px, 4vw, 55px);\n\n    font-weight: 600;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.025em;\n  }\n\n  .fal-mapworld__intro {\n    max-width: 820px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    line-height: 1.68;\n  }\n\n\n  \/* =========================================================\n     KART + TEKST\n     ========================================================= *\/\n\n  .fal-mapworld__content {\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1.42fr)\n      minmax(310px, 0.58fr);\n\n    align-items: center;\n\n    gap: 48px;\n  }\n\n\n  \/* =========================================================\n     KARTPANEL\n     ========================================================= *\/\n\n  .fal-mapworld__map-wrap {\n    position: relative;\n\n    overflow: hidden;\n\n    min-height: 610px;\n\n    border:\n      1px solid rgba(194, 160, 82, 0.38);\n\n    border-radius: 4px;\n\n    background:\n      #19150e;\n\n    box-shadow:\n      0 30px 80px rgba(0, 0, 0, 0.45);\n  }\n\n\n  \/* Indre ramme *\/\n\n  .fal-mapworld__map-wrap::before {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 4;\n\n    inset: 14px;\n\n    border:\n      1px solid rgba(227, 203, 136, 0.28);\n\n    pointer-events: none;\n  }\n\n\n  \/* Vignett *\/\n\n  .fal-mapworld__map-wrap::after {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: 3;\n\n    inset: 0;\n\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\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     SELVE KARTET\n     Tydelig, men akkurat uskarpt nok til \u00e5 skjule detaljene\n     ========================================================= *\/\n\n  .fal-mapworld__map {\n    position: absolute;\n\n    inset: -14px;\n\n    width:\n      calc(100% + 28px);\n\n    height:\n      calc(100% + 28px);\n\n    object-fit: cover;\n    object-position: center;\n\n    opacity: 0.92;\n\n    filter:\n      sepia(0.22)\n      saturate(0.84)\n      brightness(0.80)\n      contrast(1.00)\n      blur(2.25px);\n\n    transform:\n      scale(1.035);\n  }\n\n\n  \/* =========================================================\n     KARTTEKST\n     ========================================================= *\/\n\n  .fal-mapworld__map-caption {\n    position: absolute;\n\n    z-index: 5;\n\n    left: 30px;\n    bottom: 27px;\n\n    padding:\n      8px 12px;\n\n    border:\n      1px solid rgba(225, 199, 126, 0.25);\n\n    background:\n      rgba(12, 10, 7, 0.72);\n\n    color:\n      rgba(238, 224, 184, 0.90);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 14px;\n    font-style: italic;\n\n    line-height: 1.4;\n\n    backdrop-filter:\n      blur(4px);\n  }\n\n\n  \/* =========================================================\n     H\u00d8YRE SIDE\n     ========================================================= *\/\n\n  .fal-mapworld__copy {\n    position: relative;\n\n    padding:\n      8px 0;\n  }\n\n\n  \/* =========================================================\n     ORNAMENT\n     ========================================================= *\/\n\n  .fal-mapworld__ornament {\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    width: 150px;\n\n    margin-bottom: 23px;\n\n    color:\n      var(--fal-gold-light);\n  }\n\n  .fal-mapworld__ornament::before,\n  .fal-mapworld__ornament::after {\n    content: \"\";\n\n    flex: 1;\n\n    height: 1px;\n\n    background:\n      rgba(224, 201, 125, 0.55);\n  }\n\n  .fal-mapworld__ornament span {\n    font-size: 10px;\n  }\n\n\n  \/* =========================================================\n     TEKST\n     ========================================================= *\/\n\n  .fal-mapworld__copy-title {\n    margin:\n      0 0 18px !important;\n\n    color:\n      #efe4c8 !important;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(26px, 2.7vw, 36px);\n\n    font-weight: 600;\n\n    line-height: 1.2;\n  }\n\n  .fal-mapworld__text {\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 18px;\n    font-weight: 500;\n\n    line-height: 1.7;\n  }\n\n  .fal-mapworld__text p {\n    margin:\n      0 0 17px !important;\n  }\n\n  .fal-mapworld__text p:last-child {\n    margin-bottom:\n      0 !important;\n  }\n\n\n  \/* =========================================================\n     REGIONER\n     ========================================================= *\/\n\n  .fal-mapworld__regions-title {\n    margin:\n      28px 0 13px !important;\n\n    color:\n      #bda970;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 600;\n\n    line-height: 1.4;\n\n    letter-spacing:\n      0.14em;\n\n    text-transform:\n      uppercase;\n  }\n\n  .fal-mapworld__regions {\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 9px;\n  }\n\n  .fal-mapworld__region {\n    position: relative;\n\n    display: flex;\n\n    min-height: 43px;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding:\n      10px 13px;\n\n    overflow: hidden;\n\n    border:\n      1px solid rgba(194, 160, 82, 0.21);\n\n    border-radius: 2px;\n\n    background:\n      linear-gradient(\n        100deg,\n        rgba(194, 160, 82, 0.075),\n        rgba(194, 160, 82, 0.015)\n      );\n\n    color:\n      #d7c9a7;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.04em;\n\n    transition:\n      border-color 0.22s ease,\n      background 0.22s ease,\n      transform 0.22s ease;\n  }\n\n  .fal-mapworld__region::before {\n    content: \"\u25c6\";\n\n    flex: 0 0 auto;\n\n    color:\n      var(--fal-gold);\n\n    font-size: 6px;\n  }\n\n  .fal-mapworld__region::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 0;\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n\n    transition:\n      width 0.25s ease;\n  }\n\n  .fal-mapworld__region:hover {\n    transform:\n      translateX(3px);\n\n    border-color:\n      rgba(194, 160, 82, 0.43);\n\n    background:\n      linear-gradient(\n        100deg,\n        rgba(194, 160, 82, 0.12),\n        rgba(194, 160, 82, 0.025)\n      );\n  }\n\n  .fal-mapworld__region:hover::after {\n    width: 100%;\n  }\n\n\n  \/* Siste region sentrert n\u00e5r vi har 7 *\/\n\n  .fal-mapworld__region:last-child {\n    grid-column:\n      1 \/ -1;\n\n    width:\n      calc(50% - 5px);\n\n    justify-self:\n      center;\n  }\n\n\n  \/* =========================================================\n     BUNNTEKST\n     ========================================================= *\/\n\n  .fal-mapworld__footer {\n    position: relative;\n\n    max-width: 850px;\n\n    margin:\n      42px auto 0;\n\n    padding-top: 27px;\n\n    color:\n      #bdb19a;\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 18px;\n    font-style: italic;\n    font-weight: 500;\n\n    line-height: 1.65;\n\n    text-align: center;\n  }\n\n  .fal-mapworld__footer::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 50%;\n\n    width: 130px;\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 950px) {\n\n    .fal-mapworld__inner {\n      width:\n        min(100% - 44px, 760px);\n\n      padding:\n        64px 0 70px;\n    }\n\n    .fal-mapworld__content {\n      grid-template-columns:\n        1fr;\n\n      gap: 40px;\n    }\n\n    .fal-mapworld__map-wrap {\n      min-height: 540px;\n    }\n\n    .fal-mapworld__copy {\n      max-width: 650px;\n\n      margin: 0 auto;\n    }\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-mapworld__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        52px 0 58px;\n    }\n\n    .fal-mapworld__header {\n      margin-bottom:\n        32px;\n    }\n\n    .fal-mapworld__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.13em;\n    }\n\n    .fal-mapworld__eyebrow::before,\n    .fal-mapworld__eyebrow::after {\n      width: 21px;\n    }\n\n    .fal-mapworld__title {\n      margin-bottom:\n        15px !important;\n\n      font-size:\n        clamp(33px, 9vw, 43px);\n    }\n\n    .fal-mapworld__intro {\n      font-size: 17px;\n    }\n\n    .fal-mapworld__content {\n      gap: 33px;\n    }\n\n    .fal-mapworld__map-wrap {\n      min-height: 420px;\n    }\n\n    .fal-mapworld__map-wrap::before {\n      inset: 9px;\n    }\n\n    .fal-mapworld__map {\n      filter:\n        sepia(0.22)\n        saturate(0.82)\n        brightness(0.79)\n        contrast(0.99)\n        blur(2px);\n\n      transform:\n        scale(1.045);\n    }\n\n    .fal-mapworld__map-caption {\n      left: 19px;\n      right: 19px;\n      bottom: 18px;\n\n      font-size: 13px;\n    }\n\n    .fal-mapworld__copy-title {\n      font-size:\n        clamp(25px, 7vw, 32px);\n    }\n\n    .fal-mapworld__text {\n      font-size: 17px;\n    }\n\n    .fal-mapworld__regions {\n      grid-template-columns:\n        1fr;\n    }\n\n    .fal-mapworld__region,\n    .fal-mapworld__region:last-child {\n      width: 100%;\n\n      grid-column: auto;\n\n      justify-self: stretch;\n    }\n\n    .fal-mapworld__footer {\n      margin-top: 34px;\n\n      font-size: 17px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"fal-mapworld\">\n\n\n  <div class=\"fal-mapworld__inner\">\n\n\n    <!-- =====================================================\n         OVERSKRIFT\n         ===================================================== -->\n\n    <header class=\"fal-mapworld__header\">\n\n      <div class=\"fal-mapworld__eyebrow\">\n        The map\n      <\/div>\n\n      <h2 class=\"fal-mapworld__title\">\n        The World of Falmador\n      <\/h2>\n\n      <p class=\"fal-mapworld__intro\">\n        From peaceful villages and green valleys to dark forests, distant kingdoms and places few have ever seen, Falmador is a world far bigger than a single story.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         KART + VERDEN\n         ===================================================== -->\n\n    <div class=\"fal-mapworld__content\">\n\n\n      <!-- KART -->\n\n      <div class=\"fal-mapworld__map-wrap\">\n\n        <img decoding=\"async\" class=\"fal-mapworld__map\" src=\"https:\/\/andreasespenes.no\/wp-content\/uploads\/2026\/08\/Falmador-Map-Revised-II-Paper-Watercolour.png\" alt=\"Kart over verdenen Falmador\">\n\n        <div class=\"fal-mapworld__map-caption\">\n          A glimpse of the map of Falmador\n        <\/div>\n\n      <\/div>\n\n\n      <!-- TEKST -->\n\n      <div class=\"fal-mapworld__copy\">\n\n\n        <div class=\"fal-mapworld__ornament\">\n          <span>\u25c6<\/span>\n        <\/div>\n\n\n        <h3 class=\"fal-mapworld__copy-title\">\n          A world with many roads\n        <\/h3>\n\n\n        <div class=\"fal-mapworld__text\">\n\n          <p>\n            Falmador consists of different countries, areas, people and landscapes \u2013 each with its own history, traditions and secrets.\n          <\/p>\n\n          <p>\n            Between forests, mountains, rivers and old roads lie places that have been shaped by time, people and the other peoples who live there.\n          <\/p>\n\n          <p>\n            Some names are well known in Falmador. Others carry stories that have yet to be told.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- REGIONER -->\n\n        <div class=\"fal-mapworld__regions-title\">\n          The regions of Falmador&#039;s first trilogy\n        <\/div>\n\n\n        <div class=\"fal-mapworld__regions\">\n\n          <div class=\"fal-mapworld__region\">\n            Arvelond\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Aerath\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Lumeria\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Tvarnheim\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Skyggeheiene\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Myrkveden\n          <\/div>\n\n          <div class=\"fal-mapworld__region\">\n            Varoth\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         AVSLUTNING\n         ===================================================== -->\n\n    <div class=\"fal-mapworld__footer\">\n      Each name on the map hides its own story. Some are already known. Others are still waiting to be told.\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n  \/* =========================================================\n     FALMADOR \u2013 F\u00d8LG FALMADOR VIDERE\n     Avsluttende pergamentseksjon\n     ========================================================= *\/\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\n  .fal-follow,\n  .fal-follow * {\n    box-sizing: border-box;\n  }\n\n  .fal-follow {\n    --fal-ink: #292218;\n    --fal-text: #645744;\n\n    --fal-gold: #b58d3e;\n    --fal-gold-light: #d4b767;\n    --fal-gold-dark: #7c5c22;\n\n    --fal-paper: #eee1c2;\n    --fal-paper-light: #f7efdc;\n\n    position: relative;\n    left: 50%;\n\n    width: 100vw;\n    margin-left: -50vw;\n\n    overflow: hidden;\n\n    color: var(--fal-ink);\n\n    background:\n      radial-gradient(\n        circle at 50% -10%,\n        rgba(181, 141, 62, 0.13),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 8% 80%,\n        rgba(67, 82, 56, 0.06),\n        transparent 28%\n      ),\n      linear-gradient(\n        120deg,\n        #f5ecd8 0%,\n        #eee1c3 53%,\n        #e6d3ad 100%\n      );\n  }\n\n\n  \/* =========================================================\n     PAPIRTEKSTUR\n     ========================================================= *\/\n\n  .fal-follow::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    opacity: 0.30;\n\n    pointer-events: none;\n\n    background-image:\n      repeating-linear-gradient(\n        0deg,\n        rgba(78, 58, 29, 0.018) 0px,\n        rgba(78, 58, 29, 0.018) 1px,\n        transparent 1px,\n        transparent 4px\n      );\n  }\n\n\n  \/* =========================================================\n     DEKORATIV SIRKEL\n     ========================================================= *\/\n\n  .fal-follow::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 480px;\n    height: 480px;\n\n    right: -300px;\n    top: -220px;\n\n    border:\n      1px solid rgba(124, 92, 34, 0.13);\n\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 44px rgba(124, 92, 34, 0.018),\n      0 0 0 88px rgba(124, 92, 34, 0.012);\n\n    pointer-events: none;\n  }\n\n\n  \/* =========================================================\n     INNHOLD\n     ========================================================= *\/\n\n  .fal-follow__inner {\n    position: relative;\n    z-index: 2;\n\n    width:\n      min(900px, calc(100% - 44px));\n\n    margin: 0 auto;\n\n    padding:\n      70px 0 66px;\n\n    text-align: center;\n  }\n\n\n  \/* =========================================================\n     ORNAMENT\n     ========================================================= *\/\n\n  .fal-follow__ornament {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    width: 190px;\n\n    margin:\n      0 auto 20px;\n\n    color:\n      var(--fal-gold-dark);\n  }\n\n  .fal-follow__ornament::before,\n  .fal-follow__ornament::after {\n    content: \"\";\n\n    flex: 1;\n\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fal-gold)\n      );\n  }\n\n  .fal-follow__ornament::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fal-gold),\n        transparent\n      );\n  }\n\n  .fal-follow__ornament-symbol {\n    font-size: 10px;\n  }\n\n\n  \/* =========================================================\n     EYEBROW\n     ========================================================= *\/\n\n  .fal-follow__eyebrow {\n    display: block;\n\n    margin:\n      0 0 13px !important;\n\n    color:\n      var(--fal-gold-dark);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 14px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.16em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  \/* =========================================================\n     TITTEL\n     ========================================================= *\/\n\n  .fal-follow__title {\n    margin:\n      0 0 18px !important;\n\n    color:\n      var(--fal-ink);\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size:\n      clamp(38px, 4vw, 52px);\n\n    font-weight: 600;\n\n    line-height: 1.08;\n\n    letter-spacing:\n      -0.025em;\n  }\n\n\n  \/* =========================================================\n     TEKST\n     ========================================================= *\/\n\n  .fal-follow__text {\n    max-width: 720px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      var(--fal-text);\n\n    font-family:\n      \"Cormorant Garamond\",\n      Georgia,\n      serif;\n\n    font-size: 19px;\n    font-weight: 500;\n\n    line-height: 1.68;\n  }\n\n\n  \/* =========================================================\n     SM\u00c5 TEMAER\n     ========================================================= *\/\n\n  .fal-follow__topics {\n    display: flex;\n    flex-wrap: wrap;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    margin-top: 27px;\n  }\n\n  .fal-follow__topic {\n    display: inline-flex;\n\n    min-height: 36px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      7px 13px;\n\n    border:\n      1px solid rgba(124, 92, 34, 0.20);\n\n    border-radius: 2px;\n\n    background:\n      rgba(255, 252, 240, 0.34);\n\n    color:\n      #735d35;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 10px;\n    font-weight: 600;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.07em;\n\n    text-transform:\n      uppercase;\n  }\n\n\n  \/* =========================================================\n     KNAPPER\n     ========================================================= *\/\n\n  .fal-follow__actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-top: 29px;\n  }\n\n  .fal-follow__button {\n    display: inline-flex;\n\n    min-height: 49px;\n\n    align-items: center;\n    justify-content: center;\n\n    padding:\n      11px 23px;\n\n    border-radius: 3px;\n\n    font-family:\n      \"Cinzel\",\n      serif;\n\n    font-size: 11px;\n    font-weight: 700;\n\n    line-height: 1.3;\n\n    letter-spacing:\n      0.05em;\n\n    text-decoration:\n      none !important;\n\n    transition:\n      transform 0.22s ease,\n      background 0.22s ease,\n      border-color 0.22s ease;\n  }\n\n  .fal-follow__button:hover {\n    transform:\n      translateY(-2px);\n  }\n\n\n  \/* GULLKNAPP *\/\n\n  .fal-follow__button--primary {\n    border:\n      1px solid var(--fal-gold);\n\n    background:\n      linear-gradient(\n        135deg,\n        #d0ae59,\n        #9b742b\n      );\n\n    color:\n      #161108 !important;\n\n    box-shadow:\n      0 12px 27px rgba(75, 52, 18, 0.14);\n  }\n\n  .fal-follow__button--primary:hover {\n    background:\n      linear-gradient(\n        135deg,\n        #ddbe69,\n        #ab8232\n      );\n  }\n\n\n  \/* LYS KNAPP *\/\n\n  .fal-follow__button--secondary {\n    border:\n      1px solid rgba(96, 72, 32, 0.35);\n\n    background:\n      rgba(255, 252, 240, 0.38);\n\n    color:\n      var(--fal-ink) !important;\n  }\n\n  .fal-follow__button--secondary:hover {\n    border-color:\n      var(--fal-gold);\n\n    background:\n      rgba(255, 252, 240, 0.72);\n  }\n\n\n  \/* =========================================================\n     RETTIGHETER\n     ========================================================= *\/\n\n  .fal-follow__legal-wrap {\n    position: relative;\n\n    margin-top: 38px;\n\n    padding-top: 27px;\n  }\n\n  .fal-follow__legal-wrap::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 50%;\n\n    width: 160px;\n    height: 1px;\n\n    transform:\n      translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(124, 92, 34, 0.45),\n        transparent\n      );\n  }\n\n  .fal-follow__legal {\n    max-width: 820px;\n\n    margin:\n      0 auto !important;\n\n    color:\n      #95846c;\n\n    font-family: inherit;\n\n    font-size: 10px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* =========================================================\n     MOBIL\n     ========================================================= *\/\n\n  @media (max-width: 560px) {\n\n    .fal-follow__inner {\n      width:\n        calc(100% - 34px);\n\n      padding:\n        53px 0 52px;\n    }\n\n    .fal-follow__ornament {\n      margin-bottom:\n        17px;\n    }\n\n    .fal-follow__eyebrow {\n      font-size: 11px;\n\n      letter-spacing:\n        0.13em;\n    }\n\n    .fal-follow__title {\n      margin-bottom:\n        16px !important;\n\n      font-size:\n        clamp(33px, 9vw, 42px);\n    }\n\n    .fal-follow__text {\n      font-size: 17px;\n    }\n\n    .fal-follow__topics {\n      margin-top: 23px;\n    }\n\n    .fal-follow__actions {\n      display: grid;\n\n      grid-template-columns: 1fr;\n\n      margin-top: 25px;\n    }\n\n    .fal-follow__button {\n      width: 100%;\n    }\n\n    .fal-follow__legal-wrap {\n      margin-top: 32px;\n    }\n  }\n\n<\/style>\n\n\n<section class=\"fal-follow\">\n\n  <div class=\"fal-follow__inner\">\n\n\n    <!-- ORNAMENT -->\n\n    <div class=\"fal-follow__ornament\">\n\n      <span class=\"fal-follow__ornament-symbol\">\n        \u25c6\n      <\/span>\n\n    <\/div>\n\n\n    <!-- TEKST -->\n\n    <div class=\"fal-follow__eyebrow\">\n      The story continues\n    <\/div>\n\n    <h2 class=\"fal-follow__title\">\n      Follow Falmador further\n    <\/h2>\n\n    <p class=\"fal-follow__text\">\n      The Falmador universe is still under development. New glimpses of the world, the book project, characters, creatures, and other parts of the universe will be posted here over time.\n    <\/p>\n\n\n    <!-- HVA SOM KOMMER -->\n\n    <div class=\"fal-follow__topics\">\n\n      <span class=\"fal-follow__topic\">\n        The book project\n      <\/span>\n\n      <span class=\"fal-follow__topic\">\n        The world\n      <\/span>\n\n      <span class=\"fal-follow__topic\">\n        Figures and creatures\n      <\/span>\n\n      <span class=\"fal-follow__topic\">\n        New stories\n      <\/span>\n\n    <\/div>\n\n\n    <!-- KNAPPER -->\n\n    <div class=\"fal-follow__actions\">\n\n      <a\n        class=\"fal-follow__button fal-follow__button--primary\"\n        href=\"\/en\/kontakt\/\"\n      >\n        Contact me\n      <\/a>\n\n      <a\n        class=\"fal-follow__button fal-follow__button--secondary\"\n        href=\"\/en\/\"\n      >\n        Back to the front page\n      <\/a>\n\n    <\/div>\n\n\n    <!-- RETTIGHETER -->\n\n    <div class=\"fal-follow__legal-wrap\">\n\n      <p class=\"fal-follow__legal\">\n        \u00a9 2026 Andreas Sautter Espenes. Falmador\u00ae is a registered trademark. Name, characters, creatures, stories, maps, text, illustrations and other original content belong to Andreas Sautter Espenes. All rights reserved.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Et fantasyunivers av Andreas Sautter Espenes En verden av varsler, skapninger og glemte hemmeligheter I Falmador\u00ae lever mennesker og andre folk i en verden formet av gamle historier, ukjente skapninger og krefter som lenge har ligget skjult. N\u00e5r tegnene p\u00e5 noe m\u00f8rkere begynner \u00e5 vise seg, er det ikke lenger mulig \u00e5 se bort. Utforsk&#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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":14,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/andreasespenes.no\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}