{"id":10,"date":"2026-07-30T12:07:18","date_gmt":"2026-07-30T12:07:18","guid":{"rendered":"http:\/\/bookpublish.online\/Aileen\/?page_id=10"},"modified":"2026-11-05T15:33:01","modified_gmt":"2026-11-05T15:33:01","slug":"home","status":"publish","type":"page","link":"https:\/\/bookpublish.online\/Aileen\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af6cc0 e-con-full e-flex e-con e-parent\" data-id=\"8af6cc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76dcd14 elementor-widget elementor-widget-html\" data-id=\"76dcd14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ais-hero\" id=\"home\" aria-label=\"Alone in Silence\">\r\n\r\n  <!-- scene layers -->\r\n  <div class=\"ah-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-shade\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-beam\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-dust\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ah-grain\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- content -->\r\n  <div class=\"ah-inner\">\r\n\r\n    <p class=\"ah-eyebrow\"><span>For Parents&nbsp;\u00b7<\/span> <span>Educators&nbsp;\u00b7<\/span> <span>Child Advocates<\/span><\/p>\r\n\r\n    <h1 class=\"ah-title\">\r\n      <span class=\"ah-alone\">Alone<\/span>\r\n      <span class=\"ah-silence\">in Silence<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"ah-sub\">\r\n      The Hidden Reality<br>\r\n      of Childhood Bullying\r\n    <\/p>\r\n\r\n    <p class=\"ah-desc\">\r\n      A book for parents who know that something has changed in their child,\r\n      even when their child cannot find the words to explain it.\r\n    <\/p>\r\n\r\n    <div class=\"ah-actions\">\r\n\r\n      <a href=\"https:\/\/www.amazon.co.uk\/dp\/YOUR-ASIN\" class=\"ah-btn ah-btn-primary\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <span class=\"ah-btn-label\">Buy the Book<\/span>\r\n        <span class=\"ah-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#about-the-author\" class=\"ah-btn ah-btn-secondary\">\r\n        <span class=\"ah-btn-label\">About the Author<\/span>\r\n        <span class=\"ah-btn-icon\" aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- scroll cue -->\r\n  <a href=\"#the-book\" class=\"ah-scroll\" aria-label=\"Scroll to the next section\">\r\n    <span class=\"ah-scroll-mouse\" aria-hidden=\"true\"><i><\/i><\/span>\r\n    <span class=\"ah-scroll-text\">Scroll<\/span>\r\n  <\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=DM+Sans:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   HERO  (v4 - cinematic)\r\n\r\n   FONT PAIRING (this section only)\r\n   Playfair Display : title, sub-title\r\n   DM Sans : eyebrow, text, buttons\r\n========================================================= *\/\r\n\r\n.ais-hero {\r\n  --ah-dark: #03111c;\r\n  --ah-navy: #061b2b;\r\n  --ah-gold: #eda44a;\r\n  --ah-gold-light: #f4c56b;\r\n  --ah-orange: #e4773d;\r\n  --ah-cream: #fff9ed;\r\n  --ah-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100% !important;\r\n  min-height: clamp(660px, 100svh, 940px) !important;\r\n  height: auto !important;\r\n\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-start !important;\r\n  align-items: stretch !important;\r\n\r\n  margin: 0 !important;\r\n  \/* room for the fixed \/ transparent header *\/\r\n  padding: calc(var(--ho-h, 88px) + 28px) 0 96px !important;\r\n\r\n  overflow: hidden !important;\r\n\r\n  color: var(--ah-cream);\r\n\r\n  background-color: var(--ah-dark);\r\n}\r\n\r\n.ais-hero,\r\n.ais-hero *,\r\n.ais-hero *::before,\r\n.ais-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   1. SCENE\r\n========================================================= *\/\r\n\r\n\/* the classroom photo, slowly pushing in *\/\r\n.ais-hero .ah-bg {\r\n  position: absolute;\r\n  inset: -3%;\r\n  z-index: -5;\r\n\r\n  background:\r\n    url(\"http:\/\/bookpublish.online\/Aileen\/wp-content\/uploads\/2026\/08\/fa20903f-d2c7-45a2-819c-60356beb58c0.webp\")\r\n    72% center \/ cover no-repeat;\r\n\r\n  transform-origin: 82% 32%;\r\n\r\n  animation: ahPush 34s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* reading shade: dark on the text side, open on the window side *\/\r\n.ais-hero .ah-shade {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -4;\r\n\r\n  background:\r\n    linear-gradient(180deg, rgba(3, 17, 28, 0.72) 0%, rgba(3, 17, 28, 0) 24%),\r\n    linear-gradient(0deg, #03111c 0%, rgba(3, 17, 28, 0) 22%),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(3, 17, 28, 0.96) 0%,\r\n      rgba(3, 17, 28, 0.86) 32%,\r\n      rgba(3, 17, 28, 0.42) 60%,\r\n      rgba(3, 17, 28, 0.08) 100%\r\n    ),\r\n    radial-gradient(ellipse at 78% 38%, transparent 30%, rgba(3, 17, 28, 0.5) 100%);\r\n}\r\n\r\n\/* warm light falling from the window - gently breathing *\/\r\n.ais-hero .ah-beam {\r\n  position: absolute;\r\n  top: -25%;\r\n  right: 2%;\r\n  z-index: -3;\r\n\r\n  width: 30%;\r\n  height: 160%;\r\n\r\n  pointer-events: none;\r\n\r\n  mix-blend-mode: screen;\r\n\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(244, 197, 107, 0.34) 0%,\r\n    rgba(237, 164, 74, 0.12) 52%,\r\n    transparent 84%\r\n  );\r\n\r\n  transform: rotate(27deg);\r\n  transform-origin: 70% 0;\r\n\r\n  filter: blur(26px);\r\n\r\n  animation: ahBreathe 9s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* dust drifting through the light (seamless tiles) *\/\r\n.ais-hero .ah-dust {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n    radial-gradient(circle, rgba(255, 236, 190, 0.5) 0 1.4px, transparent 2.4px),\r\n    radial-gradient(circle, rgba(255, 236, 190, 0.5) 0 1px, transparent 2px),\r\n    radial-gradient(circle, rgba(255, 236, 190, 0.6) 0 1.8px, transparent 3px),\r\n    radial-gradient(circle, rgba(255, 236, 190, 0.4) 0 1px, transparent 2px);\r\n\r\n  background-size: 520px 520px, 760px 760px, 640px 640px, 900px 900px;\r\n  background-position: 40px 60px, 220px 300px, 410px 120px, 90px 480px;\r\n  background-repeat: repeat;\r\n\r\n  -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000 72%);\r\n          mask-image: linear-gradient(90deg, transparent 30%, #000 72%);\r\n\r\n  animation: ahDust 90s linear infinite;\r\n}\r\n\r\n\/* fine film grain *\/\r\n.ais-hero .ah-grain {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: 0.08;\r\n\r\n  mix-blend-mode: overlay;\r\n\r\n  background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   2. CONTENT\r\n========================================================= *\/\r\n\r\n.ais-hero .ah-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  \/* full width - same left \/ right edge as the logo in the header *\/\r\n  margin: auto 0;\r\n  padding: 0 var(--ho-pad, clamp(16px, 3.2vw, 48px));\r\n}\r\n\r\n\/* eyebrow - larger, no dash *\/\r\n.ais-hero .ah-eyebrow {\r\n  margin: 0 0 clamp(16px, 2vw, 26px);\r\n\r\n  color: var(--ah-gold-light);\r\n\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n  font-size: clamp(12.5px, 1vw, 15px);\r\n  font-weight: 800;\r\n  line-height: 1.5;\r\n  letter-spacing: 0.2em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  text-wrap: balance;\r\n\r\n  animation: ahUp 1s var(--ah-ease) 0.1s both;\r\n}\r\n\r\n.ais-hero .ah-eyebrow span {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* title: \"ALONE\" in full light, \"IN SILENCE\" slowly dissolving into the dark *\/\r\n.ais-hero .ah-title {\r\n  margin: 0 0 clamp(20px, 2.4vw, 34px);\r\n\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(64px, 7.8vw, 122px);\r\n  font-weight: 700;\r\n  line-height: 0.9;\r\n  letter-spacing: 0.02em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ais-hero .ah-title span {\r\n  display: block;\r\n}\r\n\r\n\/* title colour: warm window-light gold (light entering a dark classroom) *\/\r\n.ais-hero .ah-alone,\r\n.ais-hero .ah-silence {\r\n  color: transparent;\r\n\r\n  -webkit-background-clip: text;\r\n          background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.ais-hero .ah-alone {\r\n  background-image: linear-gradient(180deg, #fff3d1 0%, #f8d68c 55%, #f0b95e 100%);\r\n\r\n  filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.5));\r\n\r\n  animation: ahUp 1.1s var(--ah-ease) 0.2s both;\r\n}\r\n\r\n.ais-hero .ah-silence {\r\n  width: fit-content;\r\n\r\n  background-image: linear-gradient(180deg, #f8d68c 0%, #eda44a 60%, #e4773d 100%);\r\n\r\n  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 46%, rgba(0, 0, 0, 0.14) 100%);\r\n          mask-image: linear-gradient(90deg, #000 0%, #000 46%, rgba(0, 0, 0, 0.14) 100%);\r\n\r\n  animation: ahUp 1.1s var(--ah-ease) 0.4s both;\r\n}\r\n\r\n.ais-hero .ah-sub {\r\n  margin: 0 0 clamp(16px, 1.8vw, 24px);\r\n\r\n  color: var(--ah-cream);\r\n\r\n  font-family: \"Playfair Display\", Georgia, serif;\r\n  font-size: clamp(26px, 2.4vw, 38px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.18;\r\n\r\n  animation: ahUp 1.1s var(--ah-ease) 0.9s both;\r\n}\r\n\r\n.ais-hero .ah-desc {\r\n  max-width: 560px;\r\n\r\n  margin: 0 0 clamp(28px, 3vw, 40px);\r\n\r\n  color: rgba(255, 249, 237, 0.86);\r\n\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n  font-size: clamp(15px, 1.15vw, 17.5px);\r\n  font-weight: 500;\r\n  line-height: 1.75;\r\n\r\n  animation: ahUp 1.1s var(--ah-ease) 1.05s both;\r\n}\r\n\r\n.ais-hero .ah-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  animation: ahUp 1.1s var(--ah-ease) 1.2s both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   3. BUTTONS  (same on the whole homepage)\r\n========================================================= *\/\r\n\r\n.ais-hero a.ah-btn {\r\n  position: relative;\r\n\r\n  min-height: 58px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n\r\n  padding: 7px 7px 7px 28px;\r\n\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n  font-size: 12.5px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: 0.1em;\r\n\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n\r\n  border-radius: 999px;\r\n\r\n  transition:\r\n    transform 0.35s var(--ah-ease),\r\n    box-shadow 0.35s ease,\r\n    background 0.35s ease,\r\n    border-color 0.35s ease;\r\n}\r\n\r\n.ais-hero .ah-btn-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-size: 17px;\r\n  line-height: 1;\r\n\r\n  border-radius: 50%;\r\n\r\n  transition: transform 0.35s var(--ah-ease), background 0.35s ease, color 0.35s ease;\r\n}\r\n\r\n\/* primary *\/\r\n.ais-hero a.ah-btn-primary {\r\n  color: var(--ah-navy) !important;\r\n\r\n  background: linear-gradient(135deg, #f7d27a 0%, #eda44a 62%, #e4773d 100%);\r\n\r\n  border: 1px solid rgba(255, 236, 190, 0.7);\r\n\r\n  box-shadow:\r\n    0 16px 34px rgba(0, 0, 0, 0.4);\r\n\r\n}\r\n\r\n.ais-hero .ah-btn-primary .ah-btn-icon {\r\n  color: var(--ah-cream);\r\n  background: var(--ah-navy);\r\n}\r\n\r\n.ais-hero a.ah-btn-primary:hover,\r\n.ais-hero a.ah-btn-primary:focus-visible {\r\n  color: var(--ah-navy) !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 22px 44px rgba(0, 0, 0, 0.46),\r\n    0 8px 28px rgba(237, 164, 74, 0.36);\r\n}\r\n\r\n.ais-hero .ah-btn-primary:hover .ah-btn-icon {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\/* secondary *\/\r\n.ais-hero a.ah-btn-secondary {\r\n  color: var(--ah-cream) !important;\r\n\r\n  background: rgba(255, 249, 237, 0.06);\r\n\r\n  border: 1px solid rgba(255, 249, 237, 0.4);\r\n\r\n  -webkit-backdrop-filter: blur(8px);\r\n          backdrop-filter: blur(8px);\r\n}\r\n\r\n.ais-hero .ah-btn-secondary .ah-btn-icon {\r\n  color: var(--ah-gold-light);\r\n\r\n  border: 1px solid rgba(244, 197, 107, 0.55);\r\n}\r\n\r\n.ais-hero a.ah-btn-secondary:hover,\r\n.ais-hero a.ah-btn-secondary:focus-visible {\r\n  color: var(--ah-cream) !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  background: rgba(255, 249, 237, 0.12);\r\n  border-color: var(--ah-gold-light);\r\n}\r\n\r\n.ais-hero .ah-btn-secondary:hover .ah-btn-icon {\r\n  color: var(--ah-navy);\r\n\r\n  background: var(--ah-gold-light);\r\n  border-color: var(--ah-gold-light);\r\n\r\n  transform: translate(2px, -2px);\r\n}\r\n\r\n.ais-hero a.ah-btn:focus-visible,\r\n.ais-hero a.ah-scroll:focus-visible {\r\n  outline: 2px solid var(--ah-gold-light);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   4. SCROLL CUE\r\n========================================================= *\/\r\n\r\n.ais-hero a.ah-scroll {\r\n  position: absolute;\r\n  bottom: 32px;\r\n  right: var(--ho-pad, clamp(16px, 3.2vw, 48px));\r\n  z-index: 3;\r\n\r\n  display: inline-flex;\r\n  flex-direction: row-reverse;\r\n  align-items: center;\r\n  gap: 14px;\r\n\r\n  color: rgba(255, 249, 237, 0.74) !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  animation: ahUp 1s var(--ah-ease) 1.6s both;\r\n}\r\n\r\n.ais-hero .ah-scroll-mouse {\r\n  position: relative;\r\n\r\n  width: 24px;\r\n  height: 38px;\r\n\r\n  border: 1.5px solid rgba(255, 249, 237, 0.5);\r\n  border-radius: 14px;\r\n}\r\n\r\n.ais-hero .ah-scroll-mouse i {\r\n  position: absolute;\r\n  top: 7px;\r\n  left: 50%;\r\n\r\n  width: 4px;\r\n  height: 7px;\r\n\r\n  margin-left: -2px;\r\n\r\n  background: var(--ah-gold-light);\r\n  border-radius: 4px;\r\n\r\n  animation: ahWheel 2.2s ease-in-out infinite;\r\n}\r\n\r\n.ais-hero .ah-scroll-text {\r\n  font-family: \"DM Sans\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.22em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   5. KEYFRAMES\r\n========================================================= *\/\r\n\r\n@keyframes ahUp {\r\n  from { opacity: 0; transform: translateY(22px); }\r\n  to   { opacity: 1; transform: none; }\r\n}\r\n\r\n@keyframes ahPush {\r\n  from { transform: scale(1.02); }\r\n  to   { transform: scale(1.12) translate3d(-1.2%, 0.8%, 0); }\r\n}\r\n\r\n@keyframes ahBreathe {\r\n  from { opacity: 0.55; translate: 0 0; }\r\n  to   { opacity: 1;    translate: -3% 2%; }\r\n}\r\n\r\n@keyframes ahDust {\r\n  from { background-position: 40px 60px, 220px 300px, 410px 120px, 90px 480px; }\r\n  to   {\r\n    background-position:\r\n      -480px -460px,\r\n      -540px -460px,\r\n      -230px -520px,\r\n      -810px -420px;\r\n  }\r\n}\r\n\r\n@keyframes ahWheel {\r\n  0%   { opacity: 0; transform: translateY(0); }\r\n  30%  { opacity: 1; }\r\n  100% { opacity: 0; transform: translateY(13px); }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   6. RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ais-hero {\r\n    min-height: clamp(640px, 92svh, 860px) !important;\r\n  }\r\n\r\n  .ais-hero .ah-bg {\r\n    background-position: 78% center;\r\n  }\r\n\r\n  .ais-hero .ah-shade {\r\n    background:\r\n      linear-gradient(180deg, rgba(3, 17, 28, 0.72) 0%, rgba(3, 17, 28, 0) 24%),\r\n      linear-gradient(0deg, #03111c 0%, rgba(3, 17, 28, 0) 22%),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(3, 17, 28, 0.95) 0%,\r\n        rgba(3, 17, 28, 0.82) 45%,\r\n        rgba(3, 17, 28, 0.45) 100%\r\n      );\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ais-hero {\r\n    min-height: max(640px, 100svh) !important;\r\n\r\n    padding-bottom: 88px !important;\r\n  }\r\n\r\n  \/* text sits at the bottom of the screen, but can never slide under the header *\/\r\n  .ais-hero .ah-inner {\r\n    margin: auto 0 0;\r\n  }\r\n\r\n  .ais-hero .ah-bg {\r\n    background-position: 80% 20%;\r\n  }\r\n\r\n  .ais-hero .ah-shade {\r\n    background:\r\n      linear-gradient(180deg, rgba(3, 17, 28, 0.55) 0%, rgba(3, 17, 28, 0.2) 22%, rgba(3, 17, 28, 0.82) 58%, #03111c 100%);\r\n  }\r\n\r\n  .ais-hero .ah-beam {\r\n    width: 55%;\r\n    right: -4%;\r\n  }\r\n\r\n  .ais-hero .ah-dust {\r\n    -webkit-mask-image: none;\r\n            mask-image: none;\r\n  }\r\n\r\n  .ais-hero .ah-title {\r\n    font-size: clamp(40px, 13.4vw, 84px);\r\n  }\r\n\r\n  .ais-hero .ah-eyebrow {\r\n    letter-spacing: 0.14em;\r\n  }\r\n\r\n  .ais-hero .ah-desc {\r\n    max-width: none;\r\n  }\r\n\r\n  .ais-hero .ah-actions {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .ais-hero a.ah-btn {\r\n    width: 100%;\r\n\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .ais-hero a.ah-scroll {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n\r\n  .ais-hero a.ah-btn {\r\n    padding-left: 22px;\r\n\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 340px) {\r\n\r\n  .ais-hero a.ah-btn {\r\n    padding-left: 18px;\r\n\r\n    font-size: 11.5px;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .ais-hero .ah-sub {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n\/* short laptop screens *\/\r\n@media (min-width: 1025px) and (max-height: 760px) {\r\n\r\n  .ais-hero {\r\n    min-height: 700px !important;\r\n  }\r\n\r\n  .ais-hero a.ah-scroll {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   7. REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ais-hero *,\r\n  .ais-hero *::before,\r\n  .ais-hero *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79a0817 e-con-full e-flex e-con e-parent\" data-id=\"79a0817\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0630f elementor-widget elementor-widget-html\" data-id=\"ad0630f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bullying-pillars-section\">\r\n  <div class=\"bullying-pillars-wrap\">\r\n\r\n    <div class=\"bullying-pillars-head\">\r\n      <span class=\"bps-eyebrow\">A Practical Guide for Bullying<\/span>\r\n\r\n      <h2>Recognise. Respond. Recover. Reassure.<\/h2>\r\n\r\n      <p>\r\n        A framework for understanding the hidden reality of childhood bullying from recognising\r\n        the first warning signs to rebuilding safety and confidence.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bullying-pillars-grid\">\r\n\r\n      <!-- RECOGNISE -->\r\n      <div class=\"bps-card\">\r\n\r\n        <svg class=\"bps-watermark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M2 12s3.8-7 10-7 10 7 10 7-3.8 7-10 7S2 12 2 12z\"><\/path>\r\n          <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n        <\/svg>\r\n\r\n        <div class=\"bps-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M2 12s3.8-7 10-7 10 7 10 7-3.8 7-10 7S2 12 2 12z\"><\/path>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Recognise<\/h3>\r\n\r\n        <p>\r\n          Notice changes in behaviour, mood, friendships and school routines that may signal distress.\r\n        <\/p>\r\n      <\/div>\r\n\r\n\r\n      <!-- RESPOND -->\r\n      <div class=\"bps-card\">\r\n\r\n        <svg class=\"bps-watermark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M4 5h16v11H11l-5 4v-4H4z\"><\/path>\r\n          <path d=\"M8 9.5h8\"><\/path>\r\n          <path d=\"M8 12.5h5\"><\/path>\r\n        <\/svg>\r\n\r\n        <div class=\"bps-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 5h16v11H11l-5 4v-4H4z\"><\/path>\r\n            <path d=\"M8 9.5h8\"><\/path>\r\n            <path d=\"M8 12.5h5\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Respond<\/h3>\r\n\r\n        <p>\r\n          Begin the conversation with calm, trust and curiosity so your child feels heard rather than pressured.\r\n        <\/p>\r\n      <\/div>\r\n\r\n\r\n      <!-- RECOVER -->\r\n      <div class=\"bps-card\">\r\n\r\n        <svg class=\"bps-watermark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-2.7A4.5 4.5 0 0 1 20 9c0 6-8 11-8 11z\"><\/path>\r\n        <\/svg>\r\n\r\n        <div class=\"bps-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-2.7A4.5 4.5 0 0 1 20 9c0 6-8 11-8 11z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Recover<\/h3>\r\n\r\n        <p>\r\n          Support emotional healing, restore confidence and help your child reconnect with security and self-worth.\r\n        <\/p>\r\n      <\/div>\r\n\r\n\r\n      <!-- REASSURE -->\r\n      <div class=\"bps-card\">\r\n\r\n        <svg class=\"bps-watermark\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"><\/path>\r\n          <path d=\"M9 12l2.2 2.2L15.5 10\"><\/path>\r\n        <\/svg>\r\n\r\n        <div class=\"bps-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"><\/path>\r\n            <path d=\"M9 12l2.2 2.2L15.5 10\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Reassure<\/h3>\r\n\r\n        <p>\r\n          Remind your child that it is not their fault, that they are believed, and that they are not alone.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   PILLARS SECTION  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Headings \/ card titles : Cormorant Garamond\r\n   Body text \/ labels     : Manrope\r\n\r\n   Background colours are unchanged.\r\n========================================================= *\/\r\n\r\n.bullying-pillars-section {\r\n\r\n  --bps-navy: #061b2b;\r\n  --bps-blue: #092d42;\r\n\r\n  --bps-gold: #eda33f;\r\n  --bps-gold-light: #f4c56b;\r\n\r\n  --bps-cream: #fff9ed;\r\n  --bps-body: #4d5d63;\r\n\r\n  --bps-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  \/* SAME BACKGROUND AS BEFORE *\/\r\n  background:\r\n    radial-gradient(\r\n      circle at 8% 18%,\r\n      rgba(245, 207, 118, 0.18),\r\n      transparent 18%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 14%,\r\n      rgba(234, 172, 96, 0.16),\r\n      transparent 16%\r\n    ),\r\n    radial-gradient(\r\n      circle at 18% 88%,\r\n      rgba(188, 205, 188, 0.18),\r\n      transparent 16%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fbf6ee 0%,\r\n      #f6efe3 100%\r\n    );\r\n\r\n  \/* tighter than before: no extra air above or below *\/\r\n  padding: clamp(52px, 5.5vw, 76px) 20px;\r\n}\r\n\r\n.bullying-pillars-section *,\r\n.bullying-pillars-section *::before,\r\n.bullying-pillars-section *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER  (wide enough for a one-line intro)\r\n========================================================= *\/\r\n\r\n.bullying-pillars-wrap {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 1320px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.bullying-pillars-head {\r\n  text-align: center;\r\n\r\n  margin: 0 auto clamp(30px, 3.4vw, 44px);\r\n}\r\n\r\n.bps-eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: #9b621c;\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bullying-pillars-head h2 {\r\n  margin: 0 auto 14px;\r\n\r\n  color: var(--bps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(36px, 4.3vw, 60px);\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  letter-spacing: 0.005em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.bullying-pillars-head p {\r\n  margin: 0 auto;\r\n\r\n  max-width: 62ch;\r\n\r\n  color: var(--bps-body);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 15.5px;\r\n  font-weight: 500;\r\n  line-height: 1.75;\r\n\r\n  text-wrap: pretty;\r\n}\r\n\r\n\/* desktop: the intro sits on ONE line *\/\r\n@media (min-width: 1280px) {\r\n\r\n  .bullying-pillars-head p {\r\n    max-width: none;\r\n\r\n    font-size: clamp(14px, calc((100vw - 60px) \/ 87), 15.5px);\r\n\r\n    white-space: nowrap;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.bullying-pillars-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n  gap: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n.bps-card {\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 32px 26px 30px;\r\n\r\n  text-align: left;\r\n\r\n  background: rgba(255, 255, 255, 0.78);\r\n\r\n  border: 0;\r\n  border-radius: 22px;\r\n\r\n  box-shadow:\r\n    0 16px 40px rgba(6, 27, 43, 0.07),\r\n    0 2px 6px rgba(6, 27, 43, 0.04);\r\n\r\n  transition:\r\n    transform 0.45s var(--bps-ease),\r\n    box-shadow 0.45s ease,\r\n    background 0.45s ease;\r\n}\r\n\r\n\/* navy surface that fades in on hover *\/\r\n.bps-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n\r\n  background: linear-gradient(\r\n    145deg,\r\n    var(--bps-navy) 0%,\r\n    var(--bps-blue) 100%\r\n  );\r\n\r\n  opacity: 0;\r\n\r\n  transition: opacity 0.45s ease;\r\n}\r\n\r\n.bps-card:hover {\r\n  transform: translateY(-8px);\r\n\r\n  box-shadow:\r\n    0 28px 54px rgba(6, 27, 43, 0.22),\r\n    0 4px 10px rgba(6, 27, 43, 0.1);\r\n}\r\n\r\n.bps-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* large faint icon in the corner *\/\r\n.bps-watermark {\r\n  position: absolute;\r\n\r\n  right: -26px;\r\n  bottom: -26px;\r\n  z-index: -1;\r\n\r\n  width: 150px;\r\n  height: 150px;\r\n\r\n  fill: none;\r\n  stroke: var(--bps-navy);\r\n  stroke-width: 0.9;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  opacity: 0.07;\r\n\r\n  transition:\r\n    transform 0.6s var(--bps-ease),\r\n    opacity 0.45s ease,\r\n    stroke 0.45s ease;\r\n}\r\n\r\n.bps-card:hover .bps-watermark {\r\n  transform: translate(-8px, -8px) rotate(-6deg);\r\n\r\n  stroke: var(--bps-gold-light);\r\n\r\n  opacity: 0.16;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON  (same treatment as every section)\r\n========================================================= *\/\r\n\r\n.bps-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n\r\n  margin: 0 0 22px;\r\n\r\n  display: grid;\r\n  place-items: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: linear-gradient(\r\n    145deg,\r\n    var(--bps-navy) 0%,\r\n    var(--bps-blue) 100%\r\n  );\r\n\r\n  box-shadow: 0 10px 22px rgba(3, 17, 28, 0.18);\r\n\r\n  transition:\r\n    background 0.45s ease,\r\n    transform 0.45s var(--bps-ease);\r\n}\r\n\r\n.bps-icon svg {\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  fill: none;\r\n  stroke: var(--bps-gold-light);\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n\r\n  transition: stroke 0.45s ease;\r\n}\r\n\r\n.bps-card:hover .bps-icon {\r\n  background: linear-gradient(135deg, #f7d27a, var(--bps-gold));\r\n\r\n  transform: scale(1.06);\r\n}\r\n\r\n.bps-card:hover .bps-icon svg {\r\n  stroke: var(--bps-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TEXT\r\n========================================================= *\/\r\n\r\n.bps-card h3 {\r\n  margin: 0 0 10px;\r\n\r\n  color: var(--bps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: 30px;\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n\r\n  transition: color 0.45s ease;\r\n}\r\n\r\n.bps-card p {\r\n  margin: 0;\r\n\r\n  color: var(--bps-body);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n\r\n  transition: color 0.45s ease;\r\n}\r\n\r\n.bps-card:hover h3 {\r\n  color: var(--bps-cream);\r\n}\r\n\r\n.bps-card:hover p {\r\n  color: rgba(255, 249, 237, 0.82);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .bullying-pillars-section {\r\n    padding: 56px 18px;\r\n  }\r\n\r\n  .bullying-pillars-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .bullying-pillars-section {\r\n    padding: 48px 16px;\r\n  }\r\n\r\n  .bullying-pillars-head {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .bullying-pillars-head h2 {\r\n    font-size: clamp(34px, 9.6vw, 44px);\r\n  }\r\n\r\n  .bullying-pillars-head p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .bullying-pillars-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 14px;\r\n  }\r\n\r\n  .bps-card {\r\n    padding: 26px 22px 24px;\r\n\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .bps-icon {\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .bps-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  .bps-card h3 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n   (progressive: only browsers that support scroll timelines;\r\n    everywhere else the cards are simply visible)\r\n========================================================= *\/\r\n\r\n@supports (animation-timeline: view()) {\r\n\r\n  .bps-card {\r\n    animation: bpsRise linear both;\r\n\r\n    animation-timeline: view();\r\n    animation-range: entry 0% entry 55%;\r\n  }\r\n\r\n  .bps-card:nth-child(2) { animation-range: entry 6%  entry 61%; }\r\n  .bps-card:nth-child(3) { animation-range: entry 12% entry 67%; }\r\n  .bps-card:nth-child(4) { animation-range: entry 18% entry 73%; }\r\n}\r\n\r\n\/* uses the separate \"translate\" property so the hover lift (transform) still works *\/\r\n@keyframes bpsRise {\r\n  from { opacity: 0; translate: 0 34px; }\r\n  to   { opacity: 1; translate: 0 0; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .bullying-pillars-section *,\r\n  .bullying-pillars-section *::before,\r\n  .bullying-pillars-section *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a79443c e-con-full e-flex e-con e-parent\" data-id=\"a79443c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13c2c4f elementor-widget elementor-widget-html\" data-id=\"13c2c4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"BookInsightSection\" id=\"the-book\">\r\n  <div class=\"bis-wrapper\">\r\n\r\n    <!-- LEFT SIDE: BOOK ONLY -->\r\n    <div class=\"bis-visual\">\r\n      <img decoding=\"async\"\r\n        class=\"bis-book-image\"\r\n        src=\"http:\/\/bookpublish.online\/Aileen\/wp-content\/uploads\/2026\/11\/44f1df1a-0b00-4432-86b1-7f2a41b961a3.webp\"\r\n        alt=\"Alone in Silence by Dr Aileen O\u2019Reilly\"\r\n      >\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: CONTENT -->\r\n    <div class=\"bis-content\">\r\n\r\n      <span class=\"bis-eyebrow\">About the Book<\/span>\r\n\r\n      <h2 class=\"bis-heading\">Understand. Act. Protect.<\/h2>\r\n\r\n      <p class=\"bis-intro\">\r\n        Alone in Silence explores the hidden reality of childhood bullying,\r\n        its lasting impact and practical ways to recognise and respond when\r\n        a child begins to change.\r\n      <\/p>\r\n\r\n      <p class=\"bis-description\">\r\n        Drawing on research, this book provides clarity on recognising warning\r\n        signs, opening difficult conversations, working with schools and offers\r\n        guidance on how to advocate for the supports a child needs.\r\n      <\/p>\r\n\r\n      <blockquote class=\"bis-quote\">\r\n        <p>\r\n          \u201cWhen a child cannot tell you what is happening,\r\n          their behaviour may tell you first.\u201d\r\n        <\/p>\r\n      <\/blockquote>\r\n\r\n      <div class=\"bis-features\">\r\n\r\n        <h3>What readers will find<\/h3>\r\n\r\n        <ul class=\"bis-feature-grid\">\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>The behavioural and physical signs of bullying<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>How to begin the first conversation<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>What to document and why it matters<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>How to work with or challenge a school<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>When professional support may be needed<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>How bullying affects parents and siblings<\/span>\r\n          <\/li>\r\n\r\n          <li class=\"bis-feature bis-feature-wide\">\r\n            <span class=\"bis-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12.5l4.2 4.2L19 7\"><\/path><\/svg><\/span>\r\n            <span>What recovery and restored safety can look like<\/span>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/www.amazon.co.uk\/dp\/YOUR-ASIN\" class=\"bis-button\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Buy Alone in Silence from Amazon\">\r\n        <span class=\"bis-button-label\">BUY THE BOOK<\/span>\r\n        <span class=\"bis-button-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   BOOK INSIGHT SECTION  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Cormorant Garamond : headings, sub-headings, quote\r\n   Manrope            : eyebrow, body text, list, buttons\r\n========================================================= *\/\r\n\r\n.BookInsightSection {\r\n  --bis-navy: #061b2b;\r\n  --bis-dark: #03111c;\r\n  --bis-gold: #eda44a;\r\n  --bis-gold-light: #f4c56b;\r\n  --bis-cream: #fff9ed;\r\n  --bis-text: rgba(255, 249, 237, 0.86);\r\n  --bis-muted: rgba(255, 249, 237, 0.72);\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  padding: clamp(56px, 6vw, 96px) clamp(20px, 5vw, 70px);\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at 18% 45%, rgba(48, 109, 119, 0.14), transparent 38%),\r\n    linear-gradient(110deg, #03111c 0%, #061a28 52%, #092c3b 100%);\r\n}\r\n\r\n.BookInsightSection,\r\n.BookInsightSection *,\r\n.BookInsightSection *::before,\r\n.BookInsightSection *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.bis-wrapper {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n  align-items: center;\r\n\r\n  gap: clamp(40px, 6vw, 88px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE - BOOK\r\n========================================================= *\/\r\n\r\n.bis-visual {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 10px 0;\r\n}\r\n\r\n.bis-visual::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 92%;\r\n  height: 82%;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  background: radial-gradient(\r\n    ellipse at center,\r\n    rgba(255, 255, 255, 0.13),\r\n    rgba(101, 167, 175, 0.07) 40%,\r\n    transparent 70%\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.bis-book-image {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  width: min(100%, 540px);\r\n  max-height: 620px;\r\n  height: auto;\r\n\r\n  margin: 0 auto;\r\n\r\n  object-fit: contain;\r\n\r\n  filter:\r\n    brightness(1.14)\r\n    contrast(1.08)\r\n    saturate(1.06)\r\n    drop-shadow(0 26px 32px rgba(0, 0, 0, 0.3));\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SIDE - CONTENT\r\n========================================================= *\/\r\n\r\n.bis-content {\r\n  width: 100%;\r\n  max-width: 660px;\r\n}\r\n\r\n.bis-eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--bis-gold);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bis-heading {\r\n  margin: 0 0 22px;\r\n\r\n  color: var(--bis-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(38px, 4.4vw, 62px);\r\n  font-weight: 700;\r\n  line-height: 1.04;\r\n  letter-spacing: -0.01em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.bis-intro {\r\n  max-width: 620px;\r\n\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--bis-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(21px, 1.7vw, 26px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n.bis-description {\r\n  max-width: 620px;\r\n\r\n  margin: 0 0 26px;\r\n\r\n  color: var(--bis-muted);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(15px, 1.1vw, 16px);\r\n  font-weight: 500;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* quote - plain, one colour, no side line *\/\r\n\r\n.bis-quote {\r\n  margin: 0 0 30px;\r\n  padding: 20px 24px;\r\n\r\n  border: 0;\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.bis-quote p {\r\n  margin: 0;\r\n\r\n  color: var(--bis-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(20px, 1.6vw, 24px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.bis-features {\r\n  margin: 0 0 32px;\r\n}\r\n\r\n.bis-features h3 {\r\n  margin: 0 0 16px;\r\n\r\n  color: var(--bis-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(24px, 2vw, 28px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n}\r\n\r\n.bis-feature-grid {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n  column-gap: 28px;\r\n  row-gap: 12px;\r\n}\r\n\r\n.bis-feature {\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n\r\n  color: var(--bis-text);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 14.5px;\r\n  font-weight: 500;\r\n  line-height: 1.55;\r\n}\r\n\r\n.bis-feature::marker { content: none; }\r\n\r\n.bis-feature-wide {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.bis-check {\r\n  flex: 0 0 22px;\r\n\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  margin-top: 1px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--bis-gold-light);\r\n\r\n  background: rgba(237, 164, 74, 0.14);\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n.bis-check svg {\r\n  width: 12px;\r\n  height: 12px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2.4;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON  (same pill button as hero \"Buy the Book\")\r\n========================================================= *\/\r\n\r\n.BookInsightSection a.bis-button {\r\n  position: relative;\r\n\r\n  min-height: 58px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n\r\n  padding: 7px 7px 7px 28px;\r\n\r\n  color: var(--bis-navy) !important;\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12.5px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: 0.1em;\r\n\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n\r\n  background: linear-gradient(135deg, #f7d27a 0%, #eda44a 62%, #e4773d 100%);\r\n\r\n  border: 1px solid rgba(255, 236, 190, 0.7);\r\n  border-radius: 999px;\r\n\r\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);\r\n\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.bis-button-arrow {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--bis-cream);\r\n\r\n  font-size: 17px;\r\n  line-height: 1;\r\n\r\n  background: var(--bis-navy);\r\n  border-radius: 50%;\r\n\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.BookInsightSection a.bis-button:hover,\r\n.BookInsightSection a.bis-button:focus-visible {\r\n  color: var(--bis-navy) !important;\r\n\r\n  outline: none;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 22px 44px rgba(0, 0, 0, 0.44),\r\n    0 8px 28px rgba(237, 164, 74, 0.32);\r\n}\r\n\r\n.BookInsightSection a.bis-button:hover .bis-button-arrow,\r\n.BookInsightSection a.bis-button:focus-visible .bis-button-arrow {\r\n  transform: translate(2px, -2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL (progressive enhancement)\r\n========================================================= *\/\r\n\r\n@supports (animation-timeline: view()) {\r\n\r\n  .bis-visual,\r\n  .bis-content {\r\n    animation: bisRise linear both;\r\n\r\n    animation-timeline: view();\r\n    animation-range: entry 0% entry 45%;\r\n  }\r\n\r\n  .bis-content {\r\n    animation-range: entry 6% entry 51%;\r\n  }\r\n}\r\n\r\n@keyframes bisRise {\r\n  from { opacity: 0; translate: 0 30px; }\r\n  to   { opacity: 1; translate: 0 0; }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .bis-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .bis-book-image {\r\n    width: min(100%, 440px);\r\n    max-height: none;\r\n  }\r\n\r\n  .bis-content {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .BookInsightSection {\r\n    padding: 48px 18px;\r\n  }\r\n\r\n  .bis-wrapper {\r\n    gap: 32px;\r\n  }\r\n\r\n  .bis-book-image {\r\n    width: min(100%, 340px);\r\n  }\r\n\r\n  .bis-heading {\r\n    font-size: clamp(36px, 11vw, 46px);\r\n  }\r\n\r\n  .bis-quote {\r\n    padding: 18px 18px;\r\n  }\r\n\r\n  .bis-feature-grid {\r\n    grid-template-columns: 1fr;\r\n    row-gap: 12px;\r\n  }\r\n\r\n  .bis-feature-wide {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .BookInsightSection a.bis-button {\r\n    width: 100%;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .BookInsightSection a.bis-button {\r\n    padding-left: 22px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .BookInsightSection *,\r\n  .BookInsightSection *::before,\r\n  .BookInsightSection *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e77096a e-con-full e-flex e-con e-parent\" data-id=\"e77096a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b57b0 elementor-widget elementor-widget-html\" data-id=\"b3b57b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"AuthorProfileSection\" id=\"about-the-author\">\r\n\r\n  <div class=\"aps-glow aps-glow-1\"><\/div>\r\n  <div class=\"aps-glow aps-glow-2\"><\/div>\r\n  <div class=\"aps-wrapper\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"aps-visual\">\r\n      <div class=\"aps-image-frame\">\r\n        <div class=\"aps-image-border\"><\/div>\r\n        <img decoding=\"async\"\r\n          class=\"aps-photo\"\r\n          src=\"http:\/\/bookpublish.online\/Aileen\/wp-content\/uploads\/2026\/08\/unnamed-6.webp\"\r\n          alt=\"Dr Aileen O\u2019Reilly\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"aps-content\">\r\n\r\n      <span class=\"aps-eyebrow\">About the Author<\/span>\r\n\r\n      <h2 class=\"aps-heading\">Dr Aileen O\u2019Reilly<\/h2>\r\n\r\n      <p class=\"aps-lead\">\r\n        Dr Aileen O\u2019Reilly is an educator, researcher, parent and advocate dedicated\r\n        to helping children feel understood, protected and supported.\r\n      <\/p>\r\n\r\n      <p class=\"aps-text\">\r\n        Through her research and professional experience, she explores the hidden realities\r\n        of childhood bullying and the challenges parents face when they sense something has\r\n        changed but struggle to understand why.\r\n      <\/p>\r\n\r\n      <p class=\"aps-text\">\r\n        Her work provides compassionate, practical guidance to help families recognise warning\r\n        signs, start meaningful conversations and confidently support children through difficult\r\n        experiences.\r\n      <\/p>\r\n\r\n      <blockquote class=\"aps-quote\">\r\n        <p>\r\n          \u201cChildren do not always have the words to explain what they feel.\r\n          Sometimes their behaviour tells the story first.\u201d\r\n        <\/p>\r\n      <\/blockquote>\r\n\r\n      <div class=\"aps-stats\">\r\n\r\n        <div class=\"aps-stat\">\r\n          <h3>Research Led<\/h3>\r\n          <p>Evidence-based insight shaped by experience.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aps-stat\">\r\n          <h3>Parent Focused<\/h3>\r\n          <p>Helping families navigate uncertainty.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aps-stat\">\r\n          <h3>Child First<\/h3>\r\n          <p>Built around trust and emotional safety.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   AUTHOR PROFILE SECTION  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Cormorant Garamond : headings, sub-headings, quote\r\n   Manrope            : eyebrow, body text\r\n========================================================= *\/\r\n\r\n.AuthorProfileSection {\r\n  --aps-navy: #061b2b;\r\n  --aps-gold-dark: #9b621c;\r\n  --aps-gold: #d99a42;\r\n  --aps-text: #4a585f;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  padding: clamp(56px, 6vw, 96px) clamp(20px, 5vw, 70px);\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at top left, rgba(218, 154, 66, 0.18), transparent 25%),\r\n    linear-gradient(135deg, #fffaf2, #f7ecdd);\r\n}\r\n\r\n.AuthorProfileSection,\r\n.AuthorProfileSection *,\r\n.AuthorProfileSection *::before,\r\n.AuthorProfileSection *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.aps-wrapper {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1200px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\r\n  align-items: center;\r\n\r\n  gap: clamp(40px, 6vw, 88px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE  (clean photo, no tag, no frame lines)\r\n========================================================= *\/\r\n\r\n.aps-visual {\r\n  position: relative;\r\n}\r\n\r\n.aps-image-frame {\r\n  position: relative;\r\n\r\n  padding: 18px;\r\n\r\n  background: #ffffff;\r\n\r\n  border-radius: 35px 8px 35px 8px;\r\n\r\n  box-shadow: 0 35px 80px rgba(6, 27, 43, 0.15);\r\n}\r\n\r\n.aps-image-border {\r\n  position: absolute;\r\n  inset: 8px;\r\n\r\n  border: 1px solid rgba(217, 154, 66, 0.45);\r\n  border-radius: 30px 5px 30px 5px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.aps-photo {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 5;\r\n  height: auto;\r\n\r\n  object-fit: cover;\r\n  object-position: center top;\r\n\r\n  border-radius: 25px 5px 25px 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.aps-content {\r\n  width: 100%;\r\n  max-width: 660px;\r\n}\r\n\r\n.aps-eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--aps-gold-dark);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.aps-heading {\r\n  margin: 0 0 20px;\r\n\r\n  color: var(--aps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(40px, 4.6vw, 64px);\r\n  font-weight: 700;\r\n  line-height: 1.04;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.aps-lead {\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--aps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(22px, 1.9vw, 27px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n.aps-text {\r\n  margin: 0 0 16px;\r\n\r\n  color: var(--aps-text);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: clamp(15px, 1.1vw, 16px);\r\n  font-weight: 500;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* quote - original panel, one colour *\/\r\n\r\n.aps-quote {\r\n  position: relative;\r\n\r\n  margin: 32px 0;\r\n  padding: 26px 30px;\r\n\r\n  border: 0;\r\n  border-radius: 25px 5px 25px 5px;\r\n\r\n  background: linear-gradient(135deg, rgba(217, 154, 66, 0.13), rgba(6, 27, 43, 0.05));\r\n}\r\n\r\n.aps-quote p {\r\n  margin: 0;\r\n\r\n  color: var(--aps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(20px, 1.7vw, 24px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS  (no numbering)\r\n========================================================= *\/\r\n\r\n.aps-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.aps-stat {\r\n  padding: 20px 20px 22px;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid rgba(6, 27, 43, 0.07);\r\n  border-radius: 18px;\r\n\r\n  box-shadow: 0 12px 30px rgba(6, 27, 43, 0.05);\r\n\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.aps-stat:hover {\r\n  transform: translateY(-4px);\r\n\r\n  box-shadow: 0 18px 38px rgba(6, 27, 43, 0.1);\r\n}\r\n\r\n.aps-stat h3 {\r\n  margin: 0 0 6px;\r\n\r\n  color: var(--aps-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n}\r\n\r\n.aps-stat p {\r\n  margin: 0;\r\n\r\n  color: var(--aps-text);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOWS (original)\r\n========================================================= *\/\r\n\r\n.aps-glow {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  filter: blur(20px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.aps-glow-1 {\r\n  top: -120px;\r\n  left: -100px;\r\n\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  background: rgba(217, 154, 66, 0.25);\r\n}\r\n\r\n.aps-glow-2 {\r\n  right: -100px;\r\n  bottom: -180px;\r\n\r\n  width: 350px;\r\n  height: 350px;\r\n\r\n  background: rgba(6, 27, 43, 0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL (progressive enhancement)\r\n========================================================= *\/\r\n\r\n@supports (animation-timeline: view()) {\r\n\r\n  .aps-visual,\r\n  .aps-content {\r\n    animation: apsRise linear both;\r\n\r\n    animation-timeline: view();\r\n    animation-range: entry 0% entry 45%;\r\n  }\r\n\r\n  .aps-content {\r\n    animation-range: entry 6% entry 51%;\r\n  }\r\n}\r\n\r\n@keyframes apsRise {\r\n  from { opacity: 0; translate: 0 30px; }\r\n  to   { opacity: 1; translate: 0 0; }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .aps-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .aps-visual {\r\n    width: 100%;\r\n    max-width: 420px;\r\n\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .aps-content {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .AuthorProfileSection {\r\n    padding: 48px 18px;\r\n  }\r\n\r\n  .aps-wrapper {\r\n    gap: 32px;\r\n  }\r\n\r\n  .aps-image-frame {\r\n    padding: 14px;\r\n  }\r\n\r\n  .aps-quote {\r\n    padding: 18px 18px;\r\n  }\r\n\r\n  .aps-stats {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .AuthorProfileSection *,\r\n  .AuthorProfileSection *::before,\r\n  .AuthorProfileSection *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2320e5e e-con-full e-flex e-con e-parent\" data-id=\"2320e5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bbe9a8 elementor-widget elementor-widget-html\" data-id=\"5bbe9a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ais-resources-section\" id=\"resources\">\r\n\r\n    <!-- Decorative background elements -->\r\n    <div class=\"ais-resources-glow ais-glow-one\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"ais-resources-glow ais-glow-two\" aria-hidden=\"true\"><\/div>\r\n\r\n    <svg class=\"ais-decoration ais-decoration-top\" viewBox=\"0 0 320 100\" aria-hidden=\"true\">\r\n        <path d=\"M5 68C77 68 90 18 157 26C218 34 227 78 315 27\"><\/path>\r\n        <path d=\"M273 34C290 15 306 12 315 14C309 25 297 36 280 42\"><\/path>\r\n    <\/svg>\r\n\r\n    <svg class=\"ais-decoration ais-decoration-bottom\" viewBox=\"0 0 180 180\" aria-hidden=\"true\">\r\n        <path d=\"M88 178C91 135 91 83 125 24\"><\/path>\r\n        <path d=\"M102 119C75 109 61 90 58 68C81 72 98 88 102 119\"><\/path>\r\n        <path d=\"M113 87C116 59 132 39 153 29C153 54 138 75 113 87\"><\/path>\r\n        <path d=\"M92 148C67 143 49 128 40 107C65 106 85 120 92 148\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"ais-resources-container\">\r\n\r\n        <!-- Header -->\r\n        <header class=\"ais-resources-header\">\r\n\r\n            <span class=\"ais-resources-eyebrow\">Resources for Parents<\/span>\r\n\r\n            <h2>You are not alone.<br>Help and guidance are here.<\/h2>\r\n\r\n            <p>\r\n                Clear, compassionate guidance to help you recognise concerns,\r\n                support your child and take the right next step.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- Resources -->\r\n        <div class=\"ais-resources-grid\">\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <circle cx=\"18\" cy=\"17\" r=\"6\"><\/circle><circle cx=\"31\" cy=\"18\" r=\"5\"><\/circle><path d=\"M7 37c1-8 5-12 11-12s10 4 11 12\"><\/path><path d=\"M26 27c7 0 11 3 12 10\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>I think something is wrong<\/h3>\r\n\r\n                <p>Signs your child may be experiencing bullying and how to begin a calm, sensitive conversation.<\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <path d=\"M9 11h30v21H23l-9 7v-7H9z\"><\/path><path d=\"M16 19h16\"><\/path><path d=\"M16 25h11\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>My child has disclosed bullying<\/h3>\r\n\r\n                <p>Questions to ask, what to record and how to respond without overwhelming your child.<\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <path d=\"M13 7h17l7 7v27H13z\"><\/path><path d=\"M30 7v9h7\"><\/path><path d=\"M19 23h12\"><\/path><path d=\"M19 29h12\"><\/path><path d=\"M19 35h8\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>The school is not responding<\/h3>\r\n\r\n                <p>Document concerns, prepare for meetings and understand the next steps available to you.<\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <path d=\"M24 39S8 30 8 18c0-6 4-10 9-10 4 0 6 2 7 5 2-3 4-5 8-5 5 0 9 4 9 10 0 12-17 21-17 21z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>My child is struggling emotionally<\/h3>\r\n\r\n                <p>Learn when additional support may be needed and where to seek appropriate professional help.<\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <circle cx=\"16\" cy=\"17\" r=\"5\"><\/circle><circle cx=\"32\" cy=\"17\" r=\"5\"><\/circle><circle cx=\"24\" cy=\"13\" r=\"6\"><\/circle><path d=\"M5 37c1-7 4-11 10-11\"><\/path><path d=\"M33 26c6 0 9 4 10 11\"><\/path><path d=\"M13 38c1-9 5-14 11-14s10 5 11 14\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>Our family is being affected<\/h3>\r\n\r\n                <p>Guidance for parents and siblings who are managing the wider emotional impact of bullying.<\/p>\r\n\r\n            <\/article>\r\n\r\n            <article class=\"ais-resource-card\">\r\n\r\n                <div class=\"ais-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n                        <path d=\"M6 11c7-2 13-1 18 4v26c-5-5-11-6-18-4z\"><\/path><path d=\"M42 11c-7-2-13-1-18 4v26c5-5 11-6 18-4z\"><\/path><path d=\"M24 15v26\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>Helpful guides and templates<\/h3>\r\n\r\n                <p>Access practical templates, useful checklists and clear information created for parents.<\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n        <div class=\"ais-resources-action\">\r\n\r\n            <a href=\"https:\/\/www.amazon.co.uk\/dp\/YOUR-ASIN\" class=\"ais-resources-button\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Buy Alone in Silence from Amazon\">\r\n                <span class=\"ais-button-label\">BUY THE BOOK<\/span>\r\n                <span class=\"ais-button-icon\" aria-hidden=\"true\">\u2197<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   RESOURCES SECTION  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Cormorant Garamond : headings, card titles\r\n   Manrope            : eyebrow, body text, buttons\r\n========================================================= *\/\r\n\r\n.ais-resources-section {\r\n\r\n    \/* original background colours kept *\/\r\n    --ais-background-navy: #06263a;\r\n    --ais-background-deep: #031c2c;\r\n    --ais-background-blue: #063248;\r\n\r\n    --ais-navy: #061b2b;\r\n    --ais-blue: #092d42;\r\n\r\n    --ais-gold: #eda44a;\r\n    --ais-gold-light: #f4c56b;\r\n\r\n    --ais-cream: #fff9ed;\r\n    --ais-muted: #56646a;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n\r\n    padding: clamp(56px, 6vw, 96px) 24px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(circle at 10% 15%, rgba(49, 132, 157, 0.16), transparent 30%),\r\n        radial-gradient(circle at 90% 85%, rgba(244, 199, 53, 0.08), transparent 25%),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--ais-background-deep) 0%,\r\n            var(--ais-background-navy) 55%,\r\n            var(--ais-background-blue) 100%\r\n        );\r\n}\r\n\r\n.ais-resources-section,\r\n.ais-resources-section *,\r\n.ais-resources-section *::before,\r\n.ais-resources-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DETAILS (unchanged)\r\n========================================================= *\/\r\n\r\n.ais-resources-glow {\r\n    position: absolute;\r\n    z-index: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(10px);\r\n}\r\n\r\n.ais-glow-one {\r\n    top: -180px;\r\n    left: -160px;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    background: radial-gradient(circle, rgba(96, 179, 194, 0.15), transparent 70%);\r\n}\r\n\r\n.ais-glow-two {\r\n    right: -170px;\r\n    bottom: -210px;\r\n\r\n    width: 460px;\r\n    height: 460px;\r\n\r\n    background: radial-gradient(circle, rgba(237, 164, 74, 0.11), transparent 70%);\r\n}\r\n\r\n.ais-decoration {\r\n    position: absolute;\r\n    z-index: 1;\r\n\r\n    fill: none;\r\n    stroke: rgba(255, 249, 237, 0.12);\r\n    stroke-width: 1.5;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.ais-decoration-top {\r\n    top: 20px;\r\n    right: 20px;\r\n\r\n    width: clamp(220px, 30vw, 450px);\r\n}\r\n\r\n.ais-decoration-bottom {\r\n    right: 0;\r\n    bottom: -10px;\r\n\r\n    width: clamp(120px, 14vw, 210px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER + HEADER\r\n========================================================= *\/\r\n\r\n.ais-resources-container {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: min(1440px, 100%);\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n.ais-resources-header {\r\n    max-width: 780px;\r\n\r\n    margin: 0 0 clamp(34px, 4vw, 54px);\r\n}\r\n\r\n.ais-resources-eyebrow {\r\n    display: block;\r\n\r\n    margin: 0 0 14px;\r\n\r\n    color: var(--ais-gold);\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.18em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ais-resources-header h2 {\r\n    margin: 0;\r\n\r\n    color: var(--ais-cream);\r\n\r\n    font-family: \"Cormorant Garamond\", Georgia, serif;\r\n    font-size: clamp(38px, 4.4vw, 62px);\r\n    font-weight: 700;\r\n    line-height: 1.04;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n.ais-resources-header p {\r\n    max-width: 640px;\r\n\r\n    margin: 20px 0 0;\r\n\r\n    color: rgba(255, 249, 237, 0.78);\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: clamp(15px, 1.1vw, 16px);\r\n    font-weight: 500;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID + CARDS\r\n========================================================= *\/\r\n\r\n.ais-resources-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n\r\n    gap: 14px;\r\n}\r\n\r\n.ais-resource-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    padding: 26px 22px 28px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.55);\r\n    border-radius: 16px;\r\n\r\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 237, 0.96));\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0, 0, 0, 0.2),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n.ais-resource-card:hover {\r\n    z-index: 2;\r\n\r\n    transform: translateY(-10px);\r\n\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.ais-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n\r\n    margin: 0 0 24px;\r\n\r\n    display: grid;\r\n    place-items: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: linear-gradient(145deg, var(--ais-navy), var(--ais-blue));\r\n\r\n    box-shadow: 0 10px 22px rgba(3, 17, 28, 0.18);\r\n\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.ais-resource-card:hover .ais-icon {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.ais-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n\r\n    fill: none;\r\n    stroke: var(--ais-gold-light);\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.ais-resource-card h3 {\r\n    margin: 0 0 12px;\r\n\r\n    color: var(--ais-navy);\r\n\r\n    font-family: \"Cormorant Garamond\", Georgia, serif;\r\n    font-size: clamp(23px, 1.6vw, 26px);\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n}\r\n\r\n.ais-resource-card p {\r\n    margin: 0;\r\n\r\n    color: var(--ais-muted);\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA - same pill button as hero \"Buy the Book\"\r\n========================================================= *\/\r\n\r\n.ais-resources-action {\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    margin-top: clamp(36px, 4vw, 54px);\r\n}\r\n\r\n.ais-resources-section a.ais-resources-button {\r\n    min-height: 58px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    padding: 7px 7px 7px 28px;\r\n\r\n    color: var(--ais-navy) !important;\r\n\r\n    font-family: \"Manrope\", Arial, sans-serif;\r\n    font-size: 12.5px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: 0.1em;\r\n\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n\r\n    background: linear-gradient(135deg, #f7d27a 0%, #eda44a 62%, #e4773d 100%);\r\n\r\n    border: 1px solid rgba(255, 236, 190, 0.7);\r\n    border-radius: 999px;\r\n\r\n    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);\r\n\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.ais-button-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--ais-cream);\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    background: var(--ais-navy);\r\n    border-radius: 50%;\r\n\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n.ais-resources-section a.ais-resources-button:hover,\r\n.ais-resources-section a.ais-resources-button:focus-visible {\r\n    color: var(--ais-navy) !important;\r\n\r\n    outline: none;\r\n\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 22px 44px rgba(0, 0, 0, 0.44),\r\n        0 8px 28px rgba(237, 164, 74, 0.32);\r\n}\r\n\r\n.ais-resources-section a.ais-resources-button:hover .ais-button-icon,\r\n.ais-resources-section a.ais-resources-button:focus-visible .ais-button-icon {\r\n    transform: translate(2px, -2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP \/ TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1250px) {\r\n\r\n    .ais-resources-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    .ais-resource-card p {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\r\n    .ais-resources-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ais-resources-section {\r\n        padding: 48px 18px;\r\n    }\r\n\r\n    .ais-resources-header h2 {\r\n        font-size: clamp(34px, 10vw, 44px);\r\n    }\r\n\r\n    .ais-resources-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n    .ais-resource-card {\r\n        padding: 22px 20px 24px;\r\n    }\r\n\r\n    .ais-icon {\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .ais-resources-section a.ais-resources-button {\r\n        width: 100%;\r\n\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .ais-decoration-top {\r\n        opacity: 0.5;\r\n    }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ais-resources-section *,\r\n    .ais-resources-section *::before,\r\n    .ais-resources-section *::after {\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a86612 e-con-full e-flex e-con e-parent\" data-id=\"0a86612\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2be4e3c elementor-widget elementor-widget-html\" data-id=\"2be4e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"SpeakingEventsCompact\" id=\"speaking-events\">\r\n\r\n  <div class=\"sec-bg-glow sec-bg-glow-one\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"sec-bg-glow sec-bg-glow-two\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"sec-wrapper\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"sec-content\">\r\n\r\n      <span class=\"sec-eyebrow\">Speaking &amp; Events<\/span>\r\n\r\n      <h2 class=\"sec-title\">Conversations That Create Change.<\/h2>\r\n\r\n      <p class=\"sec-intro\">\r\n        Dr Aileen O\u2019Reilly brings research, compassion and practical insight\r\n        to conversations about bullying, child advocacy and safer school communities.\r\n      <\/p>\r\n\r\n      <ul class=\"sec-topics\">\r\n        <li class=\"sec-topic\">Parents<\/li>\r\n        <li class=\"sec-topic\">Schools<\/li>\r\n        <li class=\"sec-topic\">Advocacy<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"sec-actions\">\r\n\r\n        <a href=\"#contact\" class=\"sec-button\">\r\n          <span class=\"sec-button-label\">Enquire About a Talk<\/span>\r\n          <span class=\"sec-button-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/www.amazon.co.uk\/dp\/YOUR-ASIN\" class=\"sec-button\" target=\"_blank\" rel=\"noopener\">\r\n          <span class=\"sec-button-label\">BUY THE BOOK<\/span>\r\n          <span class=\"sec-button-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"sec-visual\">\r\n\r\n      <div class=\"sec-image-frame\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"http:\/\/bookpublish.online\/Aileen\/wp-content\/uploads\/2026\/10\/images.webp\"\r\n          alt=\"Speaking and events auditorium\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"sec-image-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n        <blockquote class=\"sec-quote\">\r\n          <p>\u201cWhen children struggle to speak, adults must learn to listen.\u201d<\/p>\r\n        <\/blockquote>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   SPEAKING & EVENTS  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Cormorant Garamond : headings, intro, quote\r\n   Manrope            : eyebrow, labels, buttons\r\n========================================================= *\/\r\n\r\n.SpeakingEventsCompact {\r\n  --sec-navy: #061b2b;\r\n  --sec-gold-dark: #9b621c;\r\n  --sec-cream: #fff9ed;\r\n  --sec-text: #34474d;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  padding: clamp(56px, 6vw, 88px) clamp(18px, 4vw, 54px);\r\n\r\n  \/* same light scene as before *\/\r\n  background:\r\n    radial-gradient(circle at 6% 10%, rgba(235, 124, 67, 0.11), transparent 25%),\r\n    radial-gradient(circle at 95% 87%, rgba(170, 185, 164, 0.18), transparent 28%),\r\n    linear-gradient(135deg, #fffaf2 0%, #fbf2e6 52%, #f7ead9 100%);\r\n}\r\n\r\n.SpeakingEventsCompact,\r\n.SpeakingEventsCompact *,\r\n.SpeakingEventsCompact *::before,\r\n.SpeakingEventsCompact *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* subtle paper texture (unchanged) *\/\r\n.SpeakingEventsCompact::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: 0.35;\r\n\r\n  background: repeating-linear-gradient(\r\n    115deg,\r\n    rgba(67, 57, 44, 0.017) 0,\r\n    rgba(67, 57, 44, 0.017) 1px,\r\n    transparent 1px,\r\n    transparent 9px\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW (unchanged)\r\n========================================================= *\/\r\n\r\n.sec-bg-glow {\r\n  position: absolute;\r\n  z-index: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.sec-bg-glow-one {\r\n  top: -180px;\r\n  right: -100px;\r\n\r\n  width: 330px;\r\n  height: 330px;\r\n\r\n  background: radial-gradient(circle, rgba(244, 197, 107, 0.18), transparent 70%);\r\n}\r\n\r\n.sec-bg-glow-two {\r\n  bottom: -190px;\r\n  left: -120px;\r\n\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  background: radial-gradient(circle, rgba(14, 67, 80, 0.1), transparent 70%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.sec-wrapper {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n  align-items: center;\r\n\r\n  gap: clamp(40px, 6vw, 90px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.sec-content {\r\n  width: 100%;\r\n  max-width: 600px;\r\n}\r\n\r\n.sec-eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--sec-gold-dark);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.sec-title {\r\n  margin: 0 0 20px;\r\n\r\n  color: var(--sec-navy);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(40px, 4.6vw, 64px);\r\n  font-weight: 700;\r\n  line-height: 1.04;\r\n  letter-spacing: -0.01em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.sec-intro {\r\n  max-width: 570px;\r\n\r\n  margin: 0 0 26px;\r\n\r\n  color: var(--sec-text);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(21px, 1.75vw, 26px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n\/* topics - plain pills, no numbering *\/\r\n\r\n.sec-topics {\r\n  margin: 0 0 30px;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.sec-topic {\r\n  margin: 0;\r\n  padding: 11px 20px;\r\n\r\n  color: var(--sec-navy);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: 0.08em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  background: rgba(255, 255, 255, 0.6);\r\n\r\n  border: 1px solid rgba(6, 27, 43, 0.12);\r\n  border-radius: 999px;\r\n}\r\n\r\n\r\n.sec-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON  (same pill button as the whole homepage)\r\n========================================================= *\/\r\n\r\n.SpeakingEventsCompact a.sec-button {\r\n  min-height: 58px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n\r\n  padding: 7px 7px 7px 28px;\r\n\r\n  color: var(--sec-navy) !important;\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12.5px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: 0.1em;\r\n\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n\r\n  background: linear-gradient(135deg, #f7d27a 0%, #eda44a 62%, #e4773d 100%);\r\n\r\n  border: 1px solid rgba(255, 236, 190, 0.7);\r\n  border-radius: 999px;\r\n\r\n  box-shadow: 0 14px 30px rgba(6, 27, 43, 0.2);\r\n\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.sec-button-arrow {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--sec-cream);\r\n\r\n  font-size: 17px;\r\n  line-height: 1;\r\n\r\n  background: var(--sec-navy);\r\n  border-radius: 50%;\r\n\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.SpeakingEventsCompact a.sec-button:hover,\r\n.SpeakingEventsCompact a.sec-button:focus-visible {\r\n  color: var(--sec-navy) !important;\r\n\r\n  outline: none;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 20px 40px rgba(6, 27, 43, 0.26),\r\n    0 8px 24px rgba(237, 164, 74, 0.34);\r\n}\r\n\r\n.SpeakingEventsCompact a.sec-button:hover .sec-button-arrow,\r\n.SpeakingEventsCompact a.sec-button:focus-visible .sec-button-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE  (golden image border + radius kept)\r\n========================================================= *\/\r\n\r\n.sec-visual {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n}\r\n\r\n.sec-image-frame {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  height: clamp(340px, 36vw, 470px);\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--sec-navy);\r\n\r\n  border: 1px solid rgba(237, 164, 74, 0.24);\r\n  border-radius: 4px 30px 4px 30px;\r\n\r\n  box-shadow: 0 28px 55px rgba(6, 27, 43, 0.22);\r\n}\r\n\r\n.sec-image-frame img {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n  object-position: 56% center;\r\n}\r\n\r\n.sec-image-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(3, 17, 28, 0.04) 0%,\r\n      rgba(3, 17, 28, 0.06) 42%,\r\n      rgba(3, 17, 28, 0.68) 100%\r\n    ),\r\n    linear-gradient(90deg, rgba(3, 17, 28, 0.2), transparent 55%);\r\n}\r\n\r\n\/* quote on the image - plain panel, no side line *\/\r\n\r\n.sec-quote {\r\n  position: absolute;\r\n  right: 20px;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  z-index: 5;\r\n\r\n  margin: 0;\r\n  padding: 18px 22px;\r\n\r\n  background: rgba(3, 17, 28, 0.74);\r\n\r\n  border: 0;\r\n  border-radius: 14px;\r\n\r\n  -webkit-backdrop-filter: blur(8px);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.sec-quote p {\r\n  margin: 0;\r\n\r\n  color: var(--sec-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(20px, 1.7vw, 24px);\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  line-height: 1.35;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL (progressive enhancement)\r\n========================================================= *\/\r\n\r\n@supports (animation-timeline: view()) {\r\n\r\n  .sec-content,\r\n  .sec-visual {\r\n    animation: secRise linear both;\r\n\r\n    animation-timeline: view();\r\n    animation-range: entry 0% entry 45%;\r\n  }\r\n\r\n  .sec-visual {\r\n    animation-range: entry 6% entry 51%;\r\n  }\r\n}\r\n\r\n@keyframes secRise {\r\n  from { opacity: 0; translate: 0 30px; }\r\n  to   { opacity: 1; translate: 0 0; }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .sec-wrapper {\r\n    gap: 40px;\r\n  }\r\n\r\n  .sec-image-frame {\r\n    height: 410px;\r\n  }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\r\n  .sec-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 36px;\r\n  }\r\n\r\n  .sec-content {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .SpeakingEventsCompact {\r\n    padding: 48px 16px;\r\n  }\r\n\r\n  .sec-title {\r\n    font-size: clamp(36px, 10.5vw, 46px);\r\n  }\r\n\r\n  .sec-topic {\r\n    padding: 10px 16px;\r\n  }\r\n\r\n  .sec-actions {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .SpeakingEventsCompact a.sec-button {\r\n    width: 100%;\r\n\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .sec-image-frame {\r\n    height: 360px;\r\n  }\r\n\r\n  .sec-quote {\r\n    right: 14px;\r\n    bottom: 14px;\r\n    left: 14px;\r\n\r\n    padding: 14px 16px;\r\n  }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .SpeakingEventsCompact *,\r\n  .SpeakingEventsCompact *::before,\r\n  .SpeakingEventsCompact *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbf1036 e-con-full e-flex e-con e-parent\" data-id=\"cbf1036\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c700a1 elementor-widget elementor-widget-html\" data-id=\"7c700a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"AisFaqBookSection\" id=\"faq\">\r\n\r\n  <div class=\"afbs-glow afbs-glow-one\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"afbs-glow afbs-glow-two\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"afbs-wrap\">\r\n\r\n    <!-- LEFT: BOOK COVER -->\r\n    <div class=\"afbs-book-side\">\r\n\r\n      <span class=\"afbs-eyebrow\">Alone in Silence<\/span>\r\n\r\n      <h2>Questions Parents Often Ask.<\/h2>\r\n\r\n      <div class=\"afbs-book-frame\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"http:\/\/bookpublish.online\/Aileen\/wp-content\/uploads\/2026\/11\/CoverR08-01_1-1-scaled.webp\"\r\n          alt=\"Back and front cover of Alone in Silence by Dr Aileen O\u2019Reilly\"\r\n          class=\"afbs-book-image\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <p class=\"afbs-book-note\">\r\n        Practical guidance for recognising concerns, opening conversations\r\n        and supporting children with greater clarity and confidence.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT: FAQ -->\r\n    <div class=\"afbs-faq-side\">\r\n\r\n      <div class=\"afbs-faq-header\">\r\n\r\n        <span class=\"afbs-small-label\">Frequently Asked Questions<\/span>\r\n\r\n        <p>A clear starting point for some of the questions parents may face.<\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"afbs-list\">\r\n\r\n        <div class=\"afbs-item active\">\r\n\r\n          <button\r\n            class=\"afbs-question\"\r\n            type=\"button\"\r\n            id=\"afbs-q1\"\r\n            aria-expanded=\"true\"\r\n            aria-controls=\"afbs-a1\"\r\n          >\r\n            <span class=\"afbs-question-text\">How do I know if something may be wrong?<\/span>\r\n            <span class=\"afbs-plus\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"afbs-answer\" id=\"afbs-a1\" role=\"region\" aria-labelledby=\"afbs-q1\">\r\n            <div class=\"afbs-answer-inner\">\r\n              <p>Notice changes in behaviour, mood, friendships, confidence or school routines. Sometimes behaviour communicates what a child is not yet able to explain.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"afbs-item\">\r\n\r\n          <button\r\n            class=\"afbs-question\"\r\n            type=\"button\"\r\n            id=\"afbs-q2\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"afbs-a2\"\r\n          >\r\n            <span class=\"afbs-question-text\">What if my child does not want to talk?<\/span>\r\n            <span class=\"afbs-plus\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"afbs-answer\" id=\"afbs-a2\" role=\"region\" aria-labelledby=\"afbs-q2\">\r\n            <div class=\"afbs-answer-inner\">\r\n              <p>Avoid demanding immediate answers. Create calm opportunities to talk, reassure them that you are available and focus first on listening.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"afbs-item\">\r\n\r\n          <button\r\n            class=\"afbs-question\"\r\n            type=\"button\"\r\n            id=\"afbs-q3\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"afbs-a3\"\r\n          >\r\n            <span class=\"afbs-question-text\">When should I speak to the school?<\/span>\r\n            <span class=\"afbs-plus\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"afbs-answer\" id=\"afbs-a3\" role=\"region\" aria-labelledby=\"afbs-q3\">\r\n            <div class=\"afbs-answer-inner\">\r\n              <p>If concerns persist, your child discloses bullying or their distress appears connected to school, begin documenting what you know and arrange a conversation with the appropriate staff.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"afbs-item\">\r\n\r\n          <button\r\n            class=\"afbs-question\"\r\n            type=\"button\"\r\n            id=\"afbs-q4\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"afbs-a4\"\r\n          >\r\n            <span class=\"afbs-question-text\">What if the school does not respond?<\/span>\r\n            <span class=\"afbs-plus\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"afbs-answer\" id=\"afbs-a4\" role=\"region\" aria-labelledby=\"afbs-q4\">\r\n            <div class=\"afbs-answer-inner\">\r\n              <p>Keep clear records, request responses in writing and continue raising concerns through the school's appropriate procedures when necessary.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"afbs-item\">\r\n\r\n          <button\r\n            class=\"afbs-question\"\r\n            type=\"button\"\r\n            id=\"afbs-q5\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"afbs-a5\"\r\n          >\r\n            <span class=\"afbs-question-text\">Who is Alone in Silence written for?<\/span>\r\n            <span class=\"afbs-plus\" aria-hidden=\"true\"><\/span>\r\n          <\/button>\r\n\r\n          <div class=\"afbs-answer\" id=\"afbs-a5\" role=\"region\" aria-labelledby=\"afbs-q5\">\r\n            <div class=\"afbs-answer-inner\">\r\n              <p>The book is primarily parent-focused, while its themes may also be useful to educators, school leaders and professionals who support children and families.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap\");\r\n\r\n\r\n\/* =========================================================\r\n   FAQ + BOOK SECTION  (v2)\r\n\r\n   FONT SYSTEM (same on the whole homepage)\r\n   Cormorant Garamond : headings, questions\r\n   Manrope            : eyebrow, answers, notes\r\n========================================================= *\/\r\n\r\n.AisFaqBookSection {\r\n  --afbs-gold: #eda44a;\r\n  --afbs-gold-light: #f4c56b;\r\n  --afbs-cream: #fff9ed;\r\n  --afbs-text: rgba(255, 249, 237, 0.82);\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: clamp(56px, 6vw, 90px) clamp(20px, 5vw, 65px);\r\n\r\n  \/* same dark scene as before *\/\r\n  background:\r\n    radial-gradient(circle at 87% 12%, rgba(237, 164, 74, 0.1), transparent 28%),\r\n    radial-gradient(circle at 10% 90%, rgba(14, 67, 80, 0.2), transparent 31%),\r\n    linear-gradient(135deg, #03111c 0%, #061b2b 54%, #092d42 100%);\r\n}\r\n\r\n.AisFaqBookSection,\r\n.AisFaqBookSection *,\r\n.AisFaqBookSection *::before,\r\n.AisFaqBookSection *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* texture (unchanged) *\/\r\n.AisFaqBookSection::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  opacity: 0.22;\r\n\r\n  pointer-events: none;\r\n\r\n  background: repeating-linear-gradient(\r\n    115deg,\r\n    rgba(255, 255, 255, 0.014) 0,\r\n    rgba(255, 255, 255, 0.014) 1px,\r\n    transparent 1px,\r\n    transparent 10px\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND LIGHT (unchanged)\r\n========================================================= *\/\r\n\r\n.afbs-glow {\r\n  position: absolute;\r\n  z-index: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.afbs-glow-one {\r\n  top: -190px;\r\n  right: -110px;\r\n\r\n  width: 360px;\r\n  height: 360px;\r\n\r\n  background: radial-gradient(circle, rgba(237, 164, 74, 0.12), transparent 70%);\r\n}\r\n\r\n.afbs-glow-two {\r\n  bottom: -190px;\r\n  left: -100px;\r\n\r\n  width: 320px;\r\n  height: 320px;\r\n\r\n  background: radial-gradient(circle, rgba(14, 67, 80, 0.18), transparent 70%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.afbs-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\r\n  align-items: center;\r\n\r\n  gap: clamp(40px, 6vw, 90px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE\r\n========================================================= *\/\r\n\r\n.afbs-book-side {\r\n  width: 100%;\r\n  max-width: 520px;\r\n}\r\n\r\n.afbs-eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--afbs-gold);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.afbs-book-side h2 {\r\n  margin: 0 0 24px;\r\n\r\n  color: var(--afbs-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(38px, 4.2vw, 58px);\r\n  font-weight: 700;\r\n  line-height: 1.04;\r\n  letter-spacing: -0.01em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.afbs-book-frame {\r\n  width: 100%;\r\n\r\n  padding: 16px;\r\n\r\n  background: rgba(255, 255, 255, 0.04);\r\n\r\n  border: 1px solid rgba(255, 249, 237, 0.12);\r\n  border-radius: 18px;\r\n\r\n  box-shadow: 0 24px 45px rgba(0, 0, 0, 0.22);\r\n}\r\n\r\n.afbs-book-image {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  max-height: 340px;\r\n  height: auto;\r\n\r\n  margin: 0 auto;\r\n\r\n  object-fit: contain;\r\n\r\n  filter: brightness(1.06) contrast(1.03) saturate(1.03);\r\n}\r\n\r\n.afbs-book-note {\r\n  max-width: 470px;\r\n\r\n  margin: 18px 0 0;\r\n\r\n  color: rgba(255, 249, 237, 0.74);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ SIDE\r\n========================================================= *\/\r\n\r\n.afbs-faq-side {\r\n  width: 100%;\r\n}\r\n\r\n.afbs-faq-header {\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.afbs-small-label {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: var(--afbs-gold);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.afbs-faq-header p {\r\n  margin: 0;\r\n\r\n  color: rgba(255, 249, 237, 0.74);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST (no numbers, no side bars)\r\n========================================================= *\/\r\n\r\n.afbs-list {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.afbs-item {\r\n  background: rgba(255, 255, 255, 0.04);\r\n\r\n  border: 1px solid rgba(255, 249, 237, 0.1);\r\n  border-radius: 14px;\r\n\r\n  transition: background 0.3s ease, border-color 0.3s ease;\r\n}\r\n\r\n.afbs-item:hover {\r\n  background: rgba(255, 255, 255, 0.07);\r\n}\r\n\r\n.afbs-item.active {\r\n  background: rgba(255, 255, 255, 0.08);\r\n\r\n  border-color: rgba(255, 249, 237, 0.18);\r\n}\r\n\r\n\r\n\/* question *\/\r\n\r\n.afbs-question {\r\n  width: 100%;\r\n\r\n  min-height: 68px;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) 32px;\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  margin: 0;\r\n  padding: 16px 18px 16px 22px;\r\n\r\n  color: var(--afbs-cream);\r\n\r\n  text-align: left;\r\n\r\n  background: transparent;\r\n\r\n  border: 0;\r\n  border-radius: 14px;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.afbs-question-text {\r\n  color: var(--afbs-cream);\r\n\r\n  font-family: \"Cormorant Garamond\", Georgia, serif;\r\n  font-size: clamp(20px, 1.5vw, 24px);\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n\r\n\/* plus \/ minus *\/\r\n\r\n.afbs-plus {\r\n  position: relative;\r\n\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  background: rgba(244, 197, 107, 0.14);\r\n\r\n  border-radius: 50%;\r\n\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.afbs-plus::before,\r\n.afbs-plus::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  background: var(--afbs-gold-light);\r\n\r\n  border-radius: 2px;\r\n\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.afbs-plus::before {\r\n  width: 12px;\r\n  height: 2px;\r\n\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.afbs-plus::after {\r\n  width: 2px;\r\n  height: 12px;\r\n\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.afbs-item.active .afbs-plus {\r\n  background: var(--afbs-gold-light);\r\n}\r\n\r\n.afbs-item.active .afbs-plus::before {\r\n  background: #061b2b;\r\n}\r\n\r\n.afbs-item.active .afbs-plus::after {\r\n  opacity: 0;\r\n\r\n  transform: translate(-50%, -50%) rotate(90deg);\r\n}\r\n\r\n\r\n\/* answer *\/\r\n\r\n.afbs-answer {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n\r\n  overflow: hidden;\r\n\r\n  transition: grid-template-rows 0.3s ease;\r\n}\r\n\r\n.afbs-item.active .afbs-answer {\r\n  grid-template-rows: 1fr;\r\n}\r\n\r\n.afbs-answer-inner {\r\n  min-height: 0;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.afbs-answer p {\r\n  max-width: 640px;\r\n\r\n  margin: 0;\r\n  padding: 0 60px 22px 22px;\r\n\r\n  color: var(--afbs-text);\r\n\r\n  font-family: \"Manrope\", Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 1.7;\r\n}\r\n\r\n.afbs-question:focus-visible {\r\n  outline: 2px solid var(--afbs-gold);\r\n  outline-offset: -2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .AisFaqBookSection {\r\n    padding: 64px 24px;\r\n  }\r\n\r\n  .afbs-wrap {\r\n    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);\r\n\r\n    gap: 36px;\r\n  }\r\n\r\n  .afbs-book-image {\r\n    max-height: 290px;\r\n  }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n\r\n  .afbs-wrap {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 36px;\r\n  }\r\n\r\n  .afbs-book-side {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .afbs-book-frame {\r\n    max-width: 520px;\r\n  }\r\n\r\n  .afbs-book-image {\r\n    max-height: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .AisFaqBookSection {\r\n    padding: 48px 16px;\r\n  }\r\n\r\n  .afbs-book-side h2 {\r\n    font-size: clamp(34px, 10vw, 44px);\r\n  }\r\n\r\n  .afbs-question {\r\n    min-height: 64px;\r\n\r\n    grid-template-columns: minmax(0, 1fr) 30px;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 14px 14px 14px 16px;\r\n  }\r\n\r\n  .afbs-question-text {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .afbs-plus {\r\n    width: 30px;\r\n    height: 30px;\r\n  }\r\n\r\n  .afbs-answer p {\r\n    padding: 0 16px 18px 16px;\r\n  }\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .AisFaqBookSection *,\r\n  .AisFaqBookSection *::before,\r\n  .AisFaqBookSection *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  var items = document.querySelectorAll(\".AisFaqBookSection .afbs-item\");\r\n\r\n  items.forEach(function (item) {\r\n\r\n    var question = item.querySelector(\".afbs-question\");\r\n\r\n    question.addEventListener(\"click\", function () {\r\n\r\n      var wasOpen = item.classList.contains(\"active\");\r\n\r\n      \/* close all *\/\r\n      items.forEach(function (other) {\r\n        other.classList.remove(\"active\");\r\n        other.querySelector(\".afbs-question\").setAttribute(\"aria-expanded\", \"false\");\r\n      });\r\n\r\n      \/* open selected *\/\r\n      if (!wasOpen) {\r\n        item.classList.add(\"active\");\r\n        question.setAttribute(\"aria-expanded\", \"true\");\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n});\r\n\r\n<\/script>\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>For Parents&nbsp;\u00b7 Educators&nbsp;\u00b7 Child Advocates Alone in Silence The Hidden Reality of Childhood Bullying A book for parents who know that something has changed in their child, even when their child cannot find the words to explain it. Buy the Book \u2192 About the Author \u2197 Scroll A Practical Guide for Bullying Recognise. Respond. Recover. [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":190,"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/pages\/10\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/bookpublish.online\/Aileen\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}