{"id":240,"date":"2026-10-05T11:15:45","date_gmt":"2026-10-05T11:15:45","guid":{"rendered":"https:\/\/bookpublish.online\/rlattfield\/?page_id=240"},"modified":"2026-10-05T11:35:44","modified_gmt":"2026-10-05T11:35:44","slug":"the-world","status":"publish","type":"page","link":"https:\/\/bookpublish.online\/rlattfield\/the-world\/","title":{"rendered":"THE WORLD"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-982c471 e-con-full e-flex e-con e-parent\" data-id=\"982c471\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4671116 elementor-widget elementor-widget-html\" data-id=\"4671116\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500&display=swap\");\r\n\r\n\/* ============ DAWNSHIELD PLACES SECTION ============\r\n   Dark navy background, gold accents. Prefix \"plc-\" avoids clashes. *\/\r\n.plc-section{\r\n  --navy-deep:#080f22;\r\n  --navy:#0e1b3a;\r\n  --gold:#c9a45c;\r\n  --gold-bright:#e8c982;\r\n  --gold-deep:#8a6a2a;\r\n  --parchment:#f3e8cc;\r\n  --mist:#b9c0d4;\r\n  position:relative !important;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  width:100%;\r\n  padding:84px 24px 96px;\r\n  background-color:#0b1630 !important;\r\n  background-image:\r\n    radial-gradient(ellipse 70% 50% at 50% 0%,rgba(232,201,130,.14),transparent 70%),\r\n    radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%),\r\n    linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%) !important;\r\n  color:var(--parchment) !important;\r\n  font-family:\"Manrope\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n  box-sizing:border-box;\r\n}\r\n.plc-section *,\r\n.plc-section *::before,\r\n.plc-section *::after{box-sizing:border-box}\r\n\r\n\/* background atmosphere *\/\r\n.plc-section .plc-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n.plc-section .plc-bg .rays{\r\n  position:absolute;\r\n  left:50%;\r\n  top:-45%;\r\n  width:150%;\r\n  aspect-ratio:1\/1;\r\n  transform:translateX(-50%);\r\n  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(232,201,130,.07) 0 3deg,transparent 3deg 12deg);\r\n  -webkit-mask-image:radial-gradient(circle,#000 0,#000 22%,transparent 52%);\r\n          mask-image:radial-gradient(circle,#000 0,#000 22%,transparent 52%);\r\n  animation:plc-spin 260s linear infinite;\r\n}\r\n.plc-section .plc-bg .rings{\r\n  position:absolute;\r\n  left:50%;\r\n  top:-25%;\r\n  width:min(860px,120%);\r\n  aspect-ratio:1\/1;\r\n  transform:translateX(-50%);\r\n  border-radius:50%;\r\n  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,rgba(232,201,130,.12) 34px 35px);\r\n  -webkit-mask-image:radial-gradient(circle,#000 18%,transparent 66%);\r\n          mask-image:radial-gradient(circle,#000 18%,transparent 66%);\r\n}\r\n.plc-section .plc-bg i{\r\n  position:absolute;\r\n  bottom:-10px;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,#f3d58a 0,rgba(201,164,92,.5) 60%,transparent 70%);\r\n  opacity:0;\r\n  animation:plc-float 14s linear infinite;\r\n}\r\n.plc-section .plc-bg i:nth-child(3){left:10%;animation-delay:0s;animation-duration:15s}\r\n.plc-section .plc-bg i:nth-child(4){left:28%;animation-delay:4s;animation-duration:12s}\r\n.plc-section .plc-bg i:nth-child(5){left:47%;animation-delay:7s;animation-duration:17s}\r\n.plc-section .plc-bg i:nth-child(6){left:64%;animation-delay:2s;animation-duration:13s}\r\n.plc-section .plc-bg i:nth-child(7){left:81%;animation-delay:9s;animation-duration:16s}\r\n.plc-section .plc-bg i:nth-child(8){left:92%;animation-delay:5s;animation-duration:18s}\r\n@keyframes plc-float{\r\n  0%{transform:translateY(0) scale(.6);opacity:0}\r\n  15%{opacity:.85}\r\n  100%{transform:translateY(-110vh) scale(1.3);opacity:0}\r\n}\r\n@keyframes plc-spin{to{transform:translateX(-50%) rotate(360deg)}}\r\n\r\n\/* gold rules top and bottom *\/\r\n.plc-section::before,\r\n.plc-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  height:1px;\r\n  z-index:1;\r\n  background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);\r\n  box-shadow:0 5px 0 rgba(201,164,92,.2);\r\n}\r\n.plc-section::before{top:6px}\r\n.plc-section::after{bottom:11px}\r\n\r\n.plc-section .plc-container{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  max-width:1240px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ---- header ---- *\/\r\n.plc-section .plc-header{\r\n  max-width:700px;\r\n  margin:0 auto 52px;\r\n  text-align:center;\r\n}\r\n.plc-section .plc-header span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--gold-bright) !important;\r\n}\r\n.plc-section .plc-header span::before,\r\n.plc-section .plc-header span::after{\r\n  content:\"\";\r\n  width:38px;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--gold));\r\n}\r\n.plc-section .plc-header span::after{\r\n  background:linear-gradient(270deg,transparent,var(--gold));\r\n}\r\n.plc-section .plc-header h2{\r\n  margin:14px 0 0;\r\n  font-family:\"Cormorant Garamond\",Georgia,\"Palatino Linotype\",serif;\r\n  font-weight:400;\r\n  font-size:clamp(36px,5vw,62px);\r\n  line-height:1.08;\r\n  color:var(--parchment) !important;\r\n}\r\n.plc-section .plc-header h2 em{font-style:italic;color:var(--gold-bright) !important}\r\n\r\n\/* ---- cards ---- *\/\r\n.plc-section .plc-grid{\r\n  display:grid !important;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:32px;\r\n  width:100%;\r\n}\r\n.plc-section .plc-card{\r\n  position:relative;\r\n  transition:transform .4s ease;\r\n}\r\n.plc-section .plc-card:hover{transform:translateY(-6px)}\r\n.plc-section .plc-img{\r\n  position:relative;\r\n  overflow:hidden;\r\n  aspect-ratio:4\/3;\r\n  border:1px solid rgba(201,164,92,.55);\r\n  outline:1px solid rgba(232,201,130,.3);\r\n  outline-offset:-8px;\r\n  background:linear-gradient(180deg,var(--navy),var(--navy-deep));\r\n  box-shadow:0 22px 44px rgba(0,0,0,.5);\r\n  transition:outline-color .3s ease,box-shadow .4s ease;\r\n}\r\n.plc-section .plc-img img{\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:none !important;\r\n  height:100% !important;\r\n  object-fit:cover;\r\n  transition:transform .7s ease;\r\n}\r\n.plc-section .plc-img::after{ \/* soft vignette so images sit in the dark theme *\/\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  background:linear-gradient(180deg,transparent 60%,rgba(8,15,34,.35) 100%);\r\n}\r\n.plc-section .plc-card:hover .plc-img{\r\n  outline-color:var(--gold-bright);\r\n  box-shadow:0 26px 52px rgba(0,0,0,.6),0 0 30px rgba(232,201,130,.12);\r\n}\r\n.plc-section .plc-card:hover .plc-img img{transform:scale(1.06)}\r\n.plc-section .plc-card h3{\r\n  margin:26px 0 12px;\r\n  font-family:\"Cormorant Garamond\",Georgia,\"Palatino Linotype\",serif;\r\n  font-weight:500;\r\n  font-size:clamp(26px,2.4vw,32px);\r\n  line-height:1.15;\r\n  color:var(--parchment) !important;\r\n}\r\n.plc-section .plc-card h3::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:42px;\r\n  height:1px;\r\n  margin-top:12px;\r\n  background:linear-gradient(90deg,var(--gold),transparent);\r\n  transition:width .4s ease;\r\n}\r\n.plc-section .plc-card:hover h3::after{width:84px}\r\n.plc-section .plc-card p{\r\n  margin:0;\r\n  font-size:15.5px;\r\n  line-height:1.8;\r\n  color:var(--mist) !important;\r\n}\r\n\r\n\/* ============ TABLET ============ *\/\r\n@media (max-width:991px){\r\n  .plc-section{padding:64px 20px 72px}\r\n  .plc-section .plc-grid{gap:22px}\r\n  .plc-section .plc-header{margin-bottom:40px}\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n@media (max-width:700px){\r\n  .plc-section{padding:52px 18px 60px}\r\n  .plc-section .plc-grid{grid-template-columns:1fr;gap:38px}\r\n  .plc-section .plc-header span{font-size:11px;letter-spacing:.2em;gap:10px}\r\n  .plc-section .plc-header span::before,\r\n  .plc-section .plc-header span::after{width:20px}\r\n  .plc-section .plc-card p{font-size:15px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .plc-section .plc-bg .rays,\r\n  .plc-section .plc-bg i{animation:none}\r\n  .plc-section .plc-card,\r\n  .plc-section .plc-img img,\r\n  .plc-section .plc-card h3::after{transition:none}\r\n  .plc-section .plc-card:hover,\r\n  .plc-section .plc-card:hover .plc-img img{transform:none}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"plc-section\">\r\n\r\n<div class=\"plc-bg\">\r\n<div class=\"rays\"><\/div>\r\n<div class=\"rings\"><\/div>\r\n<i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\r\n<\/div>\r\n\r\n<div class=\"plc-container\">\r\n\r\n<div class=\"plc-header\">\r\n<span>From towers to cottage windows<\/span>\r\n<h2>Places worth <em>returning to.<\/em><\/h2>\r\n<\/div>\r\n\r\n<div class=\"plc-grid\">\r\n\r\n<!-- DAWNHOLD -->\r\n<div class=\"plc-card\">\r\n<div class=\"plc-img\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Evander-promo.webp\" alt=\"Dawnhold\">\r\n<\/div>\r\n<h3>Dawnhold<\/h3>\r\n<p>Golden towers, sun-marked banners and a city alive with possibility.<\/p>\r\n<\/div>\r\n\r\n<!-- LARKSPUR MARKETPLACE -->\r\n<div class=\"plc-card\">\r\n<div class=\"plc-img\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Marketplace.webp\" alt=\"Larkspur Marketplace\">\r\n<\/div>\r\n<h3>Larkspur Marketplace<\/h3>\r\n<p>The colour and bustle of everyday life, between the larger adventures.<\/p>\r\n<\/div>\r\n\r\n<!-- DRAKE COTTAGE -->\r\n<div class=\"plc-card\">\r\n<div class=\"plc-img\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Drake-Cottage.webp\" alt=\"Drake Cottage\">\r\n<\/div>\r\n<h3>Drake Cottage<\/h3>\r\n<p>Old stone, green gardens and the warmth of home.<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d43a454 e-con-full e-flex e-con e-parent\" data-id=\"d43a454\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00347dd elementor-widget elementor-widget-html\" data-id=\"00347dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============ DAWNSHIELD CHARACTERS SECTION (v2) ============\r\n   Creative parchment background: sunburst rays, rings, map contours, floating gold dust.\r\n   Text colors are forced with !important so dark site themes cannot hide them.\r\n   ADD YOUR IMAGES: paste each link into the src=\"\" of its <img>. *\/\r\n.chr-section{\r\n  --navy-deep:#0b1630;\r\n  --navy:#13244a;\r\n  --gold-bright:#e8c982;\r\n  --gold-deep:#8a6a2a;\r\n  --parchment:#f3e8cc;\r\n  --paper:#f2e6c8;\r\n  --paper-dark:#e0cb98;\r\n  --ink:#16223f;\r\n  --ink-soft:#3b4560;\r\n  position:relative !important;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  width:100%;\r\n  padding:76px 24px 84px;\r\n  background-color:#efe0b8 !important;\r\n  background-image:\r\n    radial-gradient(ellipse 70% 55% at 50% 18%,rgba(255,251,238,.95),transparent 70%),\r\n    radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(138,106,42,.35) 100%),\r\n    linear-gradient(180deg,var(--paper) 0%,var(--paper-dark) 100%) !important;\r\n  color:var(--ink) !important;\r\n  font-family:Georgia,\"Palatino Linotype\",Palatino,\"Book Antiqua\",serif;\r\n  box-sizing:border-box;\r\n}\r\n.chr-section *,\r\n.chr-section *::before,\r\n.chr-section *::after{box-sizing:border-box}\r\n\r\n\/* ---- creative background layers ---- *\/\r\n.chr-section .chr-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n\/* sunburst rays rising from behind the heading *\/\r\n.chr-section .chr-bg .rays{\r\n  position:absolute;\r\n  left:50%;\r\n  top:-30%;\r\n  width:160%;\r\n  aspect-ratio:1\/1;\r\n  transform:translateX(-50%);\r\n  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(160,125,46,.16) 0 3deg,transparent 3deg 12deg);\r\n  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,#000 25%,transparent 55%);\r\n          mask-image:radial-gradient(circle at 50% 50%,#000 0,#000 25%,transparent 55%);\r\n  animation:chr-spin 240s linear infinite;\r\n}\r\n\/* concentric gold rings (sun emblem) *\/\r\n.chr-section .chr-bg .rings{\r\n  position:absolute;\r\n  left:50%;\r\n  top:-18%;\r\n  width:min(900px,120%);\r\n  aspect-ratio:1\/1;\r\n  transform:translateX(-50%);\r\n  border-radius:50%;\r\n  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 34px,rgba(138,106,42,.22) 34px 35px);\r\n  -webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);\r\n          mask-image:radial-gradient(circle,#000 20%,transparent 68%);\r\n}\r\n\/* old-map contour lines in the bottom corners *\/\r\n.chr-section .chr-bg .contour-l,\r\n.chr-section .chr-bg .contour-r{\r\n  position:absolute;\r\n  bottom:-20%;\r\n  width:60%;\r\n  aspect-ratio:1\/1;\r\n  border-radius:50%;\r\n  background:repeating-radial-gradient(ellipse 100% 70% at 50% 50%,transparent 0 16px,rgba(138,106,42,.18) 16px 17px);\r\n  -webkit-mask-image:radial-gradient(circle,#000 10%,transparent 70%);\r\n          mask-image:radial-gradient(circle,#000 10%,transparent 70%);\r\n}\r\n.chr-section .chr-bg .contour-l{left:-18%}\r\n.chr-section .chr-bg .contour-r{right:-18%}\r\n\/* floating gold dust *\/\r\n.chr-section .chr-bg i{\r\n  position:absolute;\r\n  bottom:-10px;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,#f3d58a 0,rgba(201,164,92,.5) 60%,transparent 70%);\r\n  opacity:0;\r\n  animation:chr-float 14s linear infinite;\r\n}\r\n.chr-section .chr-bg i:nth-child(5){left:8%;animation-delay:0s;animation-duration:15s}\r\n.chr-section .chr-bg i:nth-child(6){left:22%;animation-delay:3s;animation-duration:12s}\r\n.chr-section .chr-bg i:nth-child(7){left:38%;animation-delay:6s;animation-duration:17s}\r\n.chr-section .chr-bg i:nth-child(8){left:55%;animation-delay:1.5s;animation-duration:13s}\r\n.chr-section .chr-bg i:nth-child(9){left:70%;animation-delay:8s;animation-duration:16s}\r\n.chr-section .chr-bg i:nth-child(10){left:84%;animation-delay:4s;animation-duration:14s}\r\n.chr-section .chr-bg i:nth-child(11){left:93%;animation-delay:10s;animation-duration:18s}\r\n@keyframes chr-float{\r\n  0%{transform:translateY(0) scale(.6);opacity:0}\r\n  15%{opacity:.9}\r\n  100%{transform:translateY(-110vh) scale(1.3);opacity:0}\r\n}\r\n@keyframes chr-spin{to{transform:translateX(-50%) rotate(360deg)}}\r\n\r\n\/* gold rules top and bottom *\/\r\n.chr-section::before,\r\n.chr-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  height:1px;\r\n  z-index:1;\r\n  background:linear-gradient(90deg,transparent,var(--gold-deep) 50%,transparent);\r\n  box-shadow:0 5px 0 rgba(138,106,42,.3);\r\n}\r\n.chr-section::before{top:6px}\r\n.chr-section::after{bottom:11px}\r\n\r\n.chr-section .chr-container{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ---- header (colors forced so dark themes cannot hide them) ---- *\/\r\n.chr-section .chr-header{\r\n  position:relative;\r\n  max-width:700px;\r\n  margin:0 auto 30px;\r\n  padding:6px 10px;\r\n  text-align:center;\r\n}\r\n.chr-section .chr-header::before{ \/* soft parchment glow behind the text *\/\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-20px -40px;\r\n  z-index:-1;\r\n  background:radial-gradient(ellipse at center,rgba(255,250,232,.9) 0,rgba(255,250,232,.55) 50%,transparent 75%);\r\n}\r\n.chr-section .chr-header span,\r\n.chr-section .chr-sub span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-size:12.5px;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--gold-deep) !important;\r\n}\r\n.chr-section .chr-header span::before,\r\n.chr-section .chr-header span::after,\r\n.chr-section .chr-sub span::before,\r\n.chr-section .chr-sub span::after{\r\n  content:\"\";\r\n  width:38px;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--gold-deep));\r\n}\r\n.chr-section .chr-header span::after,\r\n.chr-section .chr-sub span::after{\r\n  background:linear-gradient(270deg,transparent,var(--gold-deep));\r\n}\r\n.chr-section .chr-header h2{\r\n  margin:12px 0 10px;\r\n  font-weight:400;\r\n  font-size:clamp(34px,4.8vw,58px);\r\n  line-height:1.08;\r\n  letter-spacing:.005em;\r\n  color:var(--navy-deep) !important;\r\n  text-shadow:0 1px 0 rgba(255,255,255,.6);\r\n}\r\n.chr-section .chr-header h2 em{font-style:italic;color:#9a7424 !important}\r\n.chr-section .chr-header p{\r\n  margin:0 auto;\r\n  max-width:560px;\r\n  font-size:18px;\r\n  line-height:1.65;\r\n  font-style:italic;\r\n  color:var(--ink-soft) !important;\r\n}\r\n\r\n\/* ---- sub heading with diamond divider ---- *\/\r\n.chr-section .chr-sub{\r\n  position:relative;\r\n  max-width:680px;\r\n  margin:0 auto 34px;\r\n  padding-top:30px;\r\n  text-align:center;\r\n}\r\n.chr-section .chr-sub::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:6px;\r\n  left:50%;\r\n  width:9px;\r\n  height:9px;\r\n  margin-left:-4px;\r\n  background:var(--gold-deep);\r\n  transform:rotate(45deg);\r\n  box-shadow:0 0 0 4px rgba(138,106,42,.15);\r\n}\r\n.chr-section .chr-sub h3{\r\n  margin:10px 0 0;\r\n  font-weight:400;\r\n  font-style:italic;\r\n  font-size:clamp(24px,3vw,34px);\r\n  line-height:1.2;\r\n  color:var(--navy-deep) !important;\r\n}\r\n\r\n\/* ---- character grid ---- *\/\r\n.chr-section .chr-grid{\r\n  display:grid !important;\r\n  grid-template-columns:repeat(5,minmax(0,1fr));\r\n  gap:18px;\r\n  width:100%;\r\n}\r\n.chr-section .chr-card{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  aspect-ratio:3\/4;\r\n  min-height:0;\r\n  border:1px solid var(--gold-deep);\r\n  border-radius:2px;\r\n  outline:1px solid rgba(232,201,130,.45);\r\n  outline-offset:-8px;\r\n  background:\r\n    radial-gradient(circle at 50% 38%,rgba(232,201,130,.22),transparent 55%),\r\n    linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);\r\n  box-shadow:0 18px 36px rgba(11,22,48,.35);\r\n  transition:outline-color .3s ease,transform .4s ease;\r\n}\r\n.chr-section .chr-card--lead{\r\n  grid-column:1 \/ 3;\r\n  grid-row:1 \/ 3;\r\n  aspect-ratio:auto;\r\n}\r\n.chr-section .chr-card img{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:none !important;\r\n  height:100% !important;\r\n  object-fit:cover;\r\n  object-position:50% 20%;\r\n  transition:transform .6s ease;\r\n}\r\n.chr-section .chr-card img[src=\"\"]{visibility:hidden}\r\n.chr-section .chr-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  background:linear-gradient(180deg,rgba(8,15,34,0) 45%,rgba(8,15,34,.82) 78%,rgba(8,15,34,.96) 100%);\r\n}\r\n.chr-section .chr-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:14px;\r\n  left:14px;\r\n  width:16px;\r\n  height:16px;\r\n  border-top:2px solid var(--gold-bright);\r\n  border-left:2px solid var(--gold-bright);\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n.chr-section .chr-card h3{\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  margin:0;\r\n  padding:0 18px 22px;\r\n  text-align:center;\r\n  font-weight:400;\r\n  font-size:clamp(20px,1.9vw,26px);\r\n  line-height:1.2;\r\n  color:var(--parchment) !important;\r\n  text-shadow:0 2px 14px rgba(0,0,0,.7);\r\n}\r\n.chr-section .chr-card h3::before{\r\n  content:\"\";\r\n  display:block;\r\n  width:34px;\r\n  height:1px;\r\n  margin:0 auto 12px;\r\n  background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);\r\n}\r\n.chr-section .chr-card--lead h3{\r\n  padding-bottom:32px;\r\n  font-size:clamp(28px,3.4vw,44px);\r\n  letter-spacing:.02em;\r\n}\r\n.chr-section .chr-card:hover{\r\n  outline-color:var(--gold-bright);\r\n  transform:translateY(-4px);\r\n}\r\n.chr-section .chr-card:hover img{transform:scale(1.05)}\r\n\r\n\/* ============ TABLET ============ *\/\r\n@media (max-width:991px){\r\n  .chr-section{padding:54px 20px 62px}\r\n  .chr-section .chr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}\r\n  .chr-section .chr-card--lead{grid-column:1 \/ -1;grid-row:auto;aspect-ratio:16\/10}\r\n  .chr-section .chr-card--lead img{object-position:50% 25%}\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n@media (max-width:640px){\r\n  .chr-section{padding:44px 16px 52px}\r\n  .chr-section .chr-header{margin-bottom:24px}\r\n  .chr-section .chr-header span,\r\n  .chr-section .chr-sub span{font-size:11px;letter-spacing:.2em;gap:10px}\r\n  .chr-section .chr-header span::before,\r\n  .chr-section .chr-header span::after,\r\n  .chr-section .chr-sub span::before,\r\n  .chr-section .chr-sub span::after{width:20px}\r\n  .chr-section .chr-header p{font-size:16px}\r\n  .chr-section .chr-sub{margin-bottom:26px}\r\n  .chr-section .chr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\r\n  .chr-section .chr-card--lead{aspect-ratio:4\/4.4}\r\n  .chr-section .chr-card h3{padding:0 10px 16px;font-size:18px}\r\n  .chr-section .chr-card--lead h3{font-size:28px;padding-bottom:22px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .chr-section .chr-bg .rays,\r\n  .chr-section .chr-bg i{animation:none}\r\n  .chr-section .chr-card,\r\n  .chr-section .chr-card img{transition:none}\r\n  .chr-section .chr-card:hover,\r\n  .chr-section .chr-card:hover img{transform:none}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"chr-section\">\r\n\r\n<div class=\"chr-bg\">\r\n<div class=\"rays\"><\/div>\r\n<div class=\"rings\"><\/div>\r\n<div class=\"contour-l\"><\/div>\r\n<div class=\"contour-r\"><\/div>\r\n<i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\r\n<\/div>\r\n\r\n<div class=\"chr-container\">\r\n\r\n<div class=\"chr-header\">\r\n<span>Beyond the pages<\/span>\r\n<h2>Welcome to the <em>Dawnshield world.<\/em><\/h2>\r\n<p>Grand cities, quiet places, and the people who give them meaning.<\/p>\r\n<\/div>\r\n\r\n<div class=\"chr-sub\">\r\n<span>The people behind the journey<\/span>\r\n<h3>Familiar faces. Unforgettable bonds.<\/h3>\r\n<\/div>\r\n\r\n<div class=\"chr-grid\">\r\n\r\n<!-- EVANDER DRAKE (large lead card) -->\r\n<div class=\"chr-card chr-card--lead\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/After-Oxleigh.webp\" alt=\"Evander Drake\">\r\n<h3>Evander Drake<\/h3>\r\n<\/div>\r\n\r\n<!-- ELOWEN -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/El-Full-Length.webp\" alt=\"Elowen\">\r\n<h3>Elowen<\/h3>\r\n<\/div>\r\n\r\n<!-- SERENYA -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Serenya-Portrait.webp\" alt=\"Serenya\">\r\n<h3>Serenya<\/h3>\r\n<\/div>\r\n\r\n<!-- KAELEN -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Kaelen-14.webp\" alt=\"Kaelen\">\r\n<h3>Kaelen<\/h3>\r\n<\/div>\r\n\r\n<!-- DARIAN -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Darian-Photorealistic.webp\" alt=\"Darian\">\r\n<h3>Darian<\/h3>\r\n<\/div>\r\n\r\n<!-- THALEN -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Thalen-Portrait.webp\" alt=\"Thalen\">\r\n<h3>Thalen<\/h3>\r\n<\/div>\r\n\r\n<!-- MALRIK -->\r\n<div class=\"chr-card\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Malrik.webp\" alt=\"Malrik\">\r\n<h3>Malrik<\/h3>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d78fa7 e-con-full e-flex e-con e-parent\" data-id=\"0d78fa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b31bf64 elementor-widget elementor-widget-html\" data-id=\"b31bf64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500&display=swap\");\r\n\r\n\/* ============ DAWNSHIELD MAP SECTION ============\r\n   Dark navy background, gold accents, framed parchment map. Prefix \"map-\" avoids clashes. *\/\r\n.map-section{\r\n  --navy-deep:#060d1d;\r\n  --navy:#0b1630;\r\n  --gold:#c9a45c;\r\n  --gold-bright:#e8c982;\r\n  --parchment:#f3e8cc;\r\n  --mist:#b9c0d4;\r\n  position:relative !important;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  width:100%;\r\n  padding:84px 24px 96px;\r\n  background-color:#0a1528 !important;\r\n  background-image:\r\n    radial-gradient(ellipse 60% 45% at 50% 62%,rgba(232,201,130,.12),transparent 70%),\r\n    radial-gradient(ellipse 120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.5) 100%),\r\n    linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%) !important;\r\n  color:var(--parchment) !important;\r\n  font-family:\"Manrope\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\r\n  box-sizing:border-box;\r\n}\r\n.map-section *,\r\n.map-section *::before,\r\n.map-section *::after{box-sizing:border-box}\r\n\r\n\/* background atmosphere: compass rings + gold dust *\/\r\n.map-section .map-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  overflow:hidden;\r\n}\r\n.map-section .map-bg .rings{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:min(1500px,170%);\r\n  aspect-ratio:1\/1;\r\n  transform:translate(-50%,-50%);\r\n  border-radius:50%;\r\n  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 46px,rgba(232,201,130,.07) 46px 47px);\r\n  -webkit-mask-image:radial-gradient(circle,#000 25%,transparent 62%);\r\n          mask-image:radial-gradient(circle,#000 25%,transparent 62%);\r\n}\r\n.map-section .map-bg .rays{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:170%;\r\n  aspect-ratio:1\/1;\r\n  transform:translate(-50%,-50%);\r\n  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(232,201,130,.05) 0 2deg,transparent 2deg 10deg);\r\n  -webkit-mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 48%);\r\n          mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 48%);\r\n  animation:map-spin 300s linear infinite;\r\n}\r\n.map-section .map-bg i{\r\n  position:absolute;\r\n  bottom:-10px;\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,#f3d58a 0,rgba(201,164,92,.5) 60%,transparent 70%);\r\n  opacity:0;\r\n  animation:map-float 14s linear infinite;\r\n}\r\n.map-section .map-bg i:nth-child(3){left:7%;animation-delay:0s;animation-duration:15s}\r\n.map-section .map-bg i:nth-child(4){left:24%;animation-delay:4s;animation-duration:12s}\r\n.map-section .map-bg i:nth-child(5){left:43%;animation-delay:7s;animation-duration:17s}\r\n.map-section .map-bg i:nth-child(6){left:61%;animation-delay:2s;animation-duration:13s}\r\n.map-section .map-bg i:nth-child(7){left:78%;animation-delay:9s;animation-duration:16s}\r\n.map-section .map-bg i:nth-child(8){left:94%;animation-delay:5s;animation-duration:18s}\r\n@keyframes map-float{\r\n  0%{transform:translateY(0) scale(.6);opacity:0}\r\n  15%{opacity:.85}\r\n  100%{transform:translateY(-110vh) scale(1.3);opacity:0}\r\n}\r\n@keyframes map-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}\r\n\r\n\/* gold rules top and bottom *\/\r\n.map-section::before,\r\n.map-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  height:1px;\r\n  z-index:1;\r\n  background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);\r\n  box-shadow:0 5px 0 rgba(201,164,92,.2);\r\n}\r\n.map-section::before{top:6px}\r\n.map-section::after{bottom:11px}\r\n\r\n.map-section .map-container{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ---- header ---- *\/\r\n.map-section .map-header{\r\n  max-width:700px;\r\n  margin:0 auto 48px;\r\n  text-align:center;\r\n}\r\n.map-section .map-header span{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  letter-spacing:.28em;\r\n  text-transform:uppercase;\r\n  color:var(--gold-bright) !important;\r\n}\r\n.map-section .map-header span::before,\r\n.map-section .map-header span::after{\r\n  content:\"\";\r\n  width:38px;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,var(--gold));\r\n}\r\n.map-section .map-header span::after{\r\n  background:linear-gradient(270deg,transparent,var(--gold));\r\n}\r\n.map-section .map-header h2{\r\n  margin:14px 0 0;\r\n  font-family:\"Cormorant Garamond\",Georgia,\"Palatino Linotype\",serif;\r\n  font-weight:400;\r\n  font-size:clamp(36px,5vw,62px);\r\n  line-height:1.08;\r\n  color:var(--parchment) !important;\r\n}\r\n.map-section .map-header h2 em{font-style:italic;color:var(--gold-bright) !important}\r\n\r\n\/* ---- map frame ---- *\/\r\n.map-section .map-frame{\r\n  position:relative;\r\n  padding:14px;\r\n  border:1px solid rgba(201,164,92,.6);\r\n  background:linear-gradient(180deg,rgba(232,201,130,.08),rgba(232,201,130,.02));\r\n  box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 60px rgba(232,201,130,.08);\r\n}\r\n.map-section .map-frame::before{ \/* inner gold line *\/\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:6px;\r\n  border:1px solid rgba(232,201,130,.28);\r\n  pointer-events:none;\r\n  z-index:2;\r\n}\r\n\/* gold corner marks *\/\r\n.map-section .map-frame .c{\r\n  position:absolute;\r\n  width:22px;\r\n  height:22px;\r\n  z-index:3;\r\n  pointer-events:none;\r\n  border:2px solid var(--gold-bright);\r\n}\r\n.map-section .map-frame .c.tl{top:-6px;left:-6px;border-right:0;border-bottom:0}\r\n.map-section .map-frame .c.tr{top:-6px;right:-6px;border-left:0;border-bottom:0}\r\n.map-section .map-frame .c.bl{bottom:-6px;left:-6px;border-right:0;border-top:0}\r\n.map-section .map-frame .c.br{bottom:-6px;right:-6px;border-left:0;border-top:0}\r\n\r\n.map-section .map-img{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#1a1408;\r\n}\r\n.map-section .map-img img{\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:none !important;\r\n  height:auto !important;\r\n  transition:transform .9s ease;\r\n}\r\n.map-section .map-img::after{ \/* soft vignette to blend the parchment into the dark theme *\/\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  pointer-events:none;\r\n  box-shadow:inset 0 0 70px rgba(6,13,29,.55);\r\n}\r\n.map-section .map-frame:hover .map-img img{transform:scale(1.03)}\r\n\r\n.map-section .map-caption{\r\n  margin:26px auto 0;\r\n  max-width:560px;\r\n  text-align:center;\r\n  font-size:15.5px;\r\n  line-height:1.8;\r\n  font-style:italic;\r\n  color:var(--mist) !important;\r\n}\r\n\r\n\/* ============ TABLET ============ *\/\r\n@media (max-width:991px){\r\n  .map-section{padding:64px 20px 72px}\r\n  .map-section .map-header{margin-bottom:38px}\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n@media (max-width:640px){\r\n  .map-section{padding:52px 16px 60px}\r\n  .map-section .map-frame{padding:9px}\r\n  .map-section .map-frame::before{inset:4px}\r\n  .map-section .map-frame .c{width:16px;height:16px}\r\n  .map-section .map-header span{font-size:11px;letter-spacing:.2em;gap:10px}\r\n  .map-section .map-header span::before,\r\n  .map-section .map-header span::after{width:20px}\r\n  .map-section .map-caption{font-size:15px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .map-section .map-bg .rays,\r\n  .map-section .map-bg i{animation:none}\r\n  .map-section .map-img img{transition:none}\r\n  .map-section .map-frame:hover .map-img img{transform:none}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"map-section\">\r\n\r\n<div class=\"map-bg\">\r\n<div class=\"rings\"><\/div>\r\n<div class=\"rays\"><\/div>\r\n<i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\r\n<\/div>\r\n\r\n<div class=\"map-container\">\r\n\r\n<div class=\"map-header\">\r\n<span>Trace the road ahead<\/span>\r\n<h2>Every road has <em>a story.<\/em><\/h2>\r\n<\/div>\r\n\r\n<div class=\"map-frame\">\r\n<b class=\"c tl\"><\/b><b class=\"c tr\"><\/b><b class=\"c bl\"><\/b><b class=\"c br\"><\/b>\r\n<div class=\"map-img\">\r\n<img decoding=\"async\" src=\"http:\/\/bookpublish.online\/rlattfield\/wp-content\/uploads\/2026\/10\/Evs-Map.webp\" alt=\"Map of the Dawnshield world, from Greystone Vale to Dawnhold and Oxleigh\">\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"map-caption\">From Dawnhold to the river sanctuaries, follow the roads that connect the world of Dawnshield.<\/p>\r\n\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>From towers to cottage windows Places worth returning to. Dawnhold Golden towers, sun-marked banners and a city alive with possibility. Larkspur Marketplace The colour and bustle of everyday life, between the larger adventures. Drake Cottage Old stone, green gardens and the warmth of home. Beyond the pages Welcome to the Dawnshield world. Grand cities, quiet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":13,"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/pages\/240\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/bookpublish.online\/rlattfield\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}