{"id":115,"date":"2026-10-06T16:16:43","date_gmt":"2026-10-06T16:16:43","guid":{"rendered":"https:\/\/demowebdesign.live\/muzaffar-hussain\/?page_id=115"},"modified":"2026-10-06T22:06:12","modified_gmt":"2026-10-06T22:06:12","slug":"books","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/muzaffar-hussain\/books\/","title":{"rendered":"BOOKS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"115\" class=\"elementor elementor-115\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07b4338 e-con-full e-flex e-con e-parent\" data-id=\"07b4338\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-febf82f elementor-widget elementor-widget-html\" data-id=\"febf82f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-bp-hero{--mh-gold:#C9A45C;--mh-light:#F5F3ED;--mh-muted:#A7A39A;position:relative;overflow:hidden;background:#0A0A0A;color:var(--mh-light);font-family:'Plus Jakarta Sans',sans-serif}\r\n.mh-bp-hero *{box-sizing:border-box}\r\n.mh-bp-hero__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);align-items:center;max-width:1408px;min-height:740px;margin:auto;padding:150px 64px 90px}\r\n.mh-bp-hero__copy{max-width:540px}\r\n.mh-bp-label{display:block;margin-bottom:26px;color:var(--mh-gold);font-size:10px;letter-spacing:.3em;text-transform:uppercase}\r\n.mh-bp-hero h1{margin:0 0 28px;font-family:'Cormorant Garamond',serif;font-size:80px !important;font-weight:400;line-height:.84;letter-spacing:-.035em;text-transform:uppercase;color:#fff !important;}\r\n.mh-bp-hero__copy p{max-width:440px;margin:0 0 34px;color:var(--mh-muted);font-size:14px;font-weight:300;line-height:1.9;color:#fff !important;}\r\n.mh-bp-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--mh-gold);font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:400;letter-spacing:.2em;text-align:center;text-decoration:none !important;text-transform:uppercase;transition:background .35s ease,color .35s ease,border-color .35s ease}\r\n.mh-bp-button--line{background:transparent;color:var(--mh-light)}\r\n.mh-bp-button--line:hover,.mh-bp-button--line:focus-visible{border-color:var(--mh-gold);color:var(--mh-gold)}\r\n.mh-bp-hero__stage{position:relative;display:flex;min-height:500px;align-items:center;justify-content:center;isolation:isolate}\r\n.mh-bp-hero__cover{position:absolute;display:flex;width:min(29%,210px);aspect-ratio:2\/3;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#25231f,#121212);box-shadow:0 30px 65px -25px rgba(0,0,0,.8);color:var(--mh-muted);font-size:9px;letter-spacing:.16em;text-align:center;text-decoration:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}\r\n.mh-bp-hero__cover--01{z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(36%,260px)}\r\n.mh-bp-hero__cover--02{z-index:2;left:8%;top:50%;transform:translateY(-44%) rotate(-5deg);opacity:.88}\r\n.mh-bp-hero__cover--03{z-index:1;right:7%;top:50%;transform:translateY(-54%) rotate(5deg);opacity:.72}\r\n.mh-bp-hero__cover--01:hover{transform:translate(-50%,-53%)}\r\n.mh-bp-hero__vertical{position:absolute;right:-22px;top:50%;color:var(--mh-gold);font-size:9px;letter-spacing:.32em;text-transform:uppercase;writing-mode:vertical-rl;transform:translateY(-50%)}\r\n.mh-bp-hero__stage--empty{border:1px solid rgba(255,255,255,.12);padding:30px;text-align:center}\r\n.mh-bp-empty{color:var(--mh-muted);font-size:13px;line-height:1.8}\r\n.mh-bp-hero.mh-motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-hero.mh-motion-ready.is-visible [data-reveal]{opacity:1;transform:none}\r\n.mh-bp-hero.mh-motion-ready.is-visible [data-reveal=\"2\"]{transition-delay:.16s}\r\n.mh-bp-hero.mh-motion-ready.is-visible [data-reveal=\"3\"]{transition-delay:.3s}\r\n.mh-bp-hero.mh-motion-ready.is-visible [data-reveal=\"4\"]{transition-delay:.44s}\r\n.mh-bp-hero.mh-motion-ready .mh-bp-hero__cover{opacity:0}\r\n.mh-bp-hero.mh-motion-ready.is-visible .mh-bp-hero__cover{opacity:1}\r\n.mh-bp-hero.mh-motion-ready.is-visible .mh-bp-hero__cover--03{transition-delay:.2s}\r\n.mh-bp-hero.mh-motion-ready.is-visible .mh-bp-hero__cover--02{transition-delay:.4s}\r\n.mh-bp-hero.mh-motion-ready.is-visible .mh-bp-hero__cover--01{transition-delay:.6s}\r\n.mh-bp-hero a:focus-visible{outline:2px solid var(--mh-light);outline-offset:4px}\r\n@media(max-width:900px){.mh-bp-hero__inner{grid-template-columns:1fr;gap:34px;min-height:auto;padding:130px 40px 72px}.mh-bp-hero__stage{min-height:420px}.mh-bp-hero__cover--01{width:min(32%,220px)}}\r\n@media(max-width:600px){.mh-bp-hero__inner{gap:24px;padding:115px 24px 60px}.mh-bp-hero h1{font-size:clamp(58px,15vw,84px)}.mh-bp-hero__stage{min-height:340px;margin:0 8px}.mh-bp-hero__cover{width:31%}.mh-bp-hero__cover--01{width:39%}.mh-bp-hero__vertical{right:-14px}}\r\n@media(prefers-reduced-motion:reduce){.mh-bp-hero *{transition:none!important}}\r\n<\/style>\r\n\r\n<!-- Live: keep this file's style block, then use an Elementor Shortcode widget with [mh_books_hero] instead of rendering this placeholder preview. -->\r\n<section class=\"mh-bp-hero\" aria-labelledby=\"mhBpHeroTitle\">\r\n  <div class=\"mh-bp-hero__inner\">\r\n    <div class=\"mh-bp-hero__copy\">\r\n      <span class=\"mh-bp-label\" data-reveal=\"1\">The collection<\/span>\r\n      <h1 id=\"mhBpHeroTitle\" data-reveal=\"2\">Books<br>by<br>Muzaffar<br>Hussain<\/h1>\r\n      <p data-reveal=\"3\">Explore the books of Muzaffar Hussain \u2014 stories and reflections shaped by humanity, memory, conflict, and the power of the written word.<\/p>\r\n      <a class=\"mh-bp-button mh-bp-button--line\" href=\"#mhBookCatalogue\" data-reveal=\"4\">Discover the collection<\/a>\r\n    <\/div>\r\n    <div class=\"mh-bp-hero__stage\" aria-label=\"Three WooCommerce book covers\">\r\n      <!-- Approval-preview images supplied by the client. -->\r\n      <div class=\"mh-bp-hero__cover mh-bp-hero__cover--03\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/3.webp\" alt=\"\">\r\n      <\/div>\r\n      <div class=\"mh-bp-hero__cover mh-bp-hero__cover--02\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/2.webp\" alt=\"\">\r\n      <\/div>\r\n      <div class=\"mh-bp-hero__cover mh-bp-hero__cover--01\" aria-hidden=\"true\">\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/1.webp\" alt=\"\">\r\n      <\/div>\r\n      <span class=\"mh-bp-hero__vertical\" aria-hidden=\"true\">Three books<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var section=document.querySelector('.mh-bp-hero');\r\n  if(!section||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\r\n  section.classList.add('mh-motion-ready');\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});\r\n  },{threshold:.12});\r\n  observer.observe(section);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a85d37e e-con-full e-flex e-con e-parent\" data-id=\"a85d37e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b85f82e elementor-widget elementor-widget-html\" data-id=\"b85f82e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-bp-intro{--mh-gold:#C9A45C;--mh-muted:#6f6b63;background:#F4F1EA;color:#111;font-family:'Plus Jakarta Sans',sans-serif;padding:clamp(100px,13vw,172px) 0}\r\n.mh-bp-intro *{box-sizing:border-box}\r\n.mh-bp-intro__inner{max-width:1408px;margin:auto;padding:0 64px}\r\n.mh-bp-intro__label{display:block;margin-bottom:28px;color:#94743e;font-size:10px;letter-spacing:.3em;text-transform:uppercase}\r\n.mh-bp-intro h2{max-width:1050px;margin:0;font-family:'Cormorant Garamond',serif;font-size: 80px !important;font-weight:400;line-height:.88;letter-spacing:-.035em;text-transform:uppercase}\r\n.mh-bp-intro h2 span{display:block}\r\n.mh-bp-intro__bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-top:44px;padding-top:24px;border-top:1px solid rgba(17,17,17,.17)}\r\n.mh-bp-intro__rule{display:block;width:70px;height:1px;margin-bottom:22px;background:var(--mh-gold);transform-origin:left}\r\n.mh-bp-intro__bottom p{max-width:440px;margin:0;color:#49463f;font-size:14px;font-weight:300;line-height:1.9}\r\n.mh-bp-intro__meta{display:flex;justify-content:flex-end;gap:clamp(24px,6vw,80px)}\r\n.mh-bp-intro__meta span{color:#49463f;font-size:9px;letter-spacing:.2em;text-transform:uppercase}\r\n.mh-bp-intro.mh-motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-intro.mh-motion-ready .mh-bp-intro__rule{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-intro.mh-motion-ready.is-visible [data-reveal]{opacity:1;transform:none}\r\n.mh-bp-intro.mh-motion-ready.is-visible .mh-bp-intro__rule{transform:scaleX(1)}\r\n.mh-bp-intro.mh-motion-ready.is-visible [data-reveal=\"2\"]{transition-delay:.17s}\r\n.mh-bp-intro.mh-motion-ready.is-visible [data-reveal=\"3\"]{transition-delay:.34s}\r\n@media(max-width:800px){.mh-bp-intro__inner{padding:0 40px}.mh-bp-intro__bottom{grid-template-columns:1fr;gap:28px}.mh-bp-intro__meta{justify-content:flex-start}}\r\n@media(max-width:600px){.mh-bp-intro{padding:88px 0}.mh-bp-intro__inner{padding:0 24px}.mh-bp-intro h2{font-size:clamp(53px,14vw,84px)}.mh-bp-intro__bottom{margin-top:32px}.mh-bp-intro__meta{gap:24px}}\r\n@media(prefers-reduced-motion:reduce){.mh-bp-intro *{transition:none!important}}\r\n<\/style>\r\n\r\n<section class=\"mh-bp-intro\" aria-labelledby=\"mhBpIntroTitle\">\r\n  <div class=\"mh-bp-intro__inner\">\r\n    <span class=\"mh-bp-intro__label\" data-reveal=\"1\">The collection<\/span>\r\n    <h2 id=\"mhBpIntroTitle\" data-reveal=\"1\"><span>Three books.<\/span><span>One continuing<\/span><span>conversation.<\/span><\/h2>\r\n    <div class=\"mh-bp-intro__bottom\">\r\n      <div>\r\n        <span class=\"mh-bp-intro__rule\" aria-hidden=\"true\"><\/span>\r\n        <p data-reveal=\"2\">These books explore questions of humanity, memory, conflict, and the stories that deserve to be remembered.<\/p>\r\n      <\/div>\r\n      <div class=\"mh-bp-intro__meta\" data-reveal=\"3\">\r\n        <span>03 books<\/span>\r\n        <span>Direct from the author<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var section=document.querySelector('.mh-bp-intro');\r\n  if(!section||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\r\n  section.classList.add('mh-motion-ready');\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});\r\n  },{threshold:.18});\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d67f668 e-con-full e-flex e-con e-parent\" data-id=\"d67f668\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ea3a09 elementor-widget elementor-widget-html\" data-id=\"0ea3a09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-books{\r\n  --gold:#C9A45C;\r\n  --light:#F5F3ED;\r\n  --muted:#A7A39A;\r\n  background:#0A0A0A;\r\n  color:var(--light);\r\n  font-family:'Plus Jakarta Sans',sans-serif;\r\n  padding:150px 0\r\n}\r\n.mh-books *{box-sizing:border-box}\r\n.mh-books__inner{max-width:1280px;margin:0 auto;padding:0 64px}\r\n.mh-books__head{\r\n  display:grid;\r\n  grid-template-columns:1.2fr 1fr;\r\n  gap:64px;\r\n  align-items:end;\r\n  padding-bottom:44px;\r\n  margin-bottom:52px;\r\n  border-bottom:1px solid rgba(255,255,255,.12)\r\n}\r\n.mh-books__head h2{\r\n  color:#F5F3ED!important;\r\n  font-family:'Cormorant Garamond',serif!important;\r\n  font-size:clamp(40px,5.5vw,84px)!important;\r\n  font-weight:500!important;\r\n  line-height:1!important;\r\n  letter-spacing:normal!important;\r\n  text-align:left!important;\r\n  text-transform:none!important;\r\n  margin:0!important;\r\n  padding:0!important\r\n}\r\n.mh-books__head p{\r\n  max-width:420px!important;\r\n  color:#A7A39A!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;\r\n  font-size:16px!important;\r\n  font-weight:300!important;\r\n  line-height:1.8!important;\r\n  text-align:left!important;\r\n  margin:0!important;\r\n  padding:0!important\r\n}\r\n.mh-books__approval{\r\n  grid-column:1\/-1;\r\n  margin:28px 0 0;\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  line-height:1.7;\r\n  letter-spacing:.06em\r\n}\r\n.mh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}\r\n\r\n.mh-card{\r\n  position:relative;\r\n  display:flex;\r\n  min-width:0;\r\n  flex-direction:column;\r\n  transition:transform .6s cubic-bezier(.2,.7,.2,1)\r\n}\r\n.mh-card:hover{transform:translateY(-4px)}\r\n.mh-card__no{\r\n  display:block!important;\r\n  visibility:visible!important;\r\n  margin:0 0 24px;\r\n  color:#C9A45C!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;\r\n  font-size:10px;\r\n  letter-spacing:.3em;\r\n  text-transform:uppercase\r\n}\r\n.mh-card__media{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:440px;\r\n  padding:32px 20px;\r\n  margin-bottom:28px;\r\n  overflow:hidden;\r\n  background:#141414\r\n}\r\n.mh-card__media img{\r\n  display:block;\r\n  width:min(78%,280px);\r\n  aspect-ratio:2\/3;\r\n  object-fit:cover;\r\n  box-shadow:0 30px 50px -20px rgba(0,0,0,.8);\r\n  transition:transform .8s cubic-bezier(.2,.7,.2,1)\r\n}\r\n.mh-card:hover .mh-card__media img{transform:scale(1.03) translateY(-4px)}\r\n.mh-card__line{\r\n  display:block;\r\n  width:100%;\r\n  height:1px;\r\n  margin-bottom:20px;\r\n  background:var(--gold);\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .6s ease\r\n}\r\n.mh-card:hover .mh-card__line,\r\n.mh-card:focus-within .mh-card__line{transform:scaleX(1)}\r\n.mh-card__title{\r\n  display:block!important;\r\n  visibility:visible!important;\r\n  margin:0 0 12px!important;\r\n  padding:0!important;\r\n  color:#F5F3ED!important;\r\n  font-family:'Cormorant Garamond',serif!important;\r\n  font-size:clamp(27px,3vw,35px)!important;\r\n  font-weight:500!important;\r\n  line-height:1.12!important;\r\n  letter-spacing:normal!important;\r\n  text-transform:none!important\r\n}\r\n.mh-card__desc{\r\n  display:block!important;\r\n  visibility:visible!important;\r\n  flex:1;\r\n  margin:0 0 18px!important;\r\n  padding:0!important;\r\n  color:#A7A39A!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;\r\n  font-size:13px!important;\r\n  font-weight:300!important;\r\n  line-height:1.8!important\r\n}\r\n.mh-card__price{\r\n  display:flex!important;\r\n  visibility:visible!important;\r\n  flex-wrap:wrap;\r\n  align-items:baseline;\r\n  gap:10px;\r\n  margin:0 0 6px!important;\r\n  color:#F5F3ED!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;\r\n  font-size:16px!important;\r\n  letter-spacing:.04em!important\r\n}\r\n.mh-card__price-note{\r\n  display:block;\r\n  margin:0 0 22px;\r\n  color:var(--muted);\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase\r\n}\r\n.mh-card__actions{\r\n  display:flex!important;\r\n  visibility:visible!important;\r\n  gap:12px;\r\n  width:100%!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n  opacity:.82;\r\n  transition:opacity .4s ease\r\n}\r\n.mh-card:hover .mh-card__actions,\r\n.mh-card:focus-within .mh-card__actions{opacity:1}\r\n.mh-btn{\r\n  display:inline-flex!important;\r\n  visibility:visible!important;\r\n  position:static!important;\r\n  flex:1!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  min-width:0;\r\n  min-height:50px!important;\r\n  height:auto!important;\r\n  margin:0!important;\r\n  padding:0 12px!important;\r\n  border-radius:0!important;\r\n  box-shadow:none!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;\r\n  font-size:9px!important;\r\n  font-weight:400!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:.16em!important;\r\n  text-align:center!important;\r\n  text-decoration:none!important;\r\n  text-transform:uppercase!important;\r\n  cursor:not-allowed;\r\n  opacity:.68\r\n}\r\n.mh-btn--line{\r\n  border:1px solid rgba(255,255,255,.25)!important;\r\n  background:transparent!important;\r\n  color:#F5F3ED!important\r\n}\r\n.mh-btn--solid{\r\n  border:1px solid var(--gold)!important;\r\n  background:var(--gold)!important;\r\n  color:#0A0A0A!important\r\n}\r\n.mh-card__preview-note{\r\n  display:block;\r\n  margin-top:12px;\r\n  color:#77736b;\r\n  font-size:9px;\r\n  line-height:1.6;\r\n  text-align:center\r\n}\r\n.mh-books [data-reveal].is-in{\r\n  opacity:1!important;\r\n  visibility:visible!important\r\n}\r\n.mh-books.mh-reveal-ready [data-reveal]:not(.mh-card){\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)\r\n}\r\n.mh-books.mh-reveal-ready .mh-card[data-reveal]{\r\n  opacity:0;\r\n  transform:translateY(26px);\r\n  transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)\r\n}\r\n.mh-books .is-in{opacity:1!important;transform:none!important}\r\n.mh-card[data-reveal]:nth-child(2){transition-delay:.15s}\r\n.mh-card[data-reveal]:nth-child(3){transition-delay:.3s}\r\n.mh-books a:focus-visible{\r\n  outline:2px solid var(--gold);\r\n  outline-offset:4px\r\n}\r\n\r\n@media(max-width:1024px){\r\n  .mh-books{padding:110px 0}\r\n  .mh-books__inner{padding:0 40px}\r\n  .mh-books__head{grid-template-columns:1fr;gap:22px}\r\n  .mh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}\r\n  .mh-card__media{min-height:390px}\r\n}\r\n@media(max-width:700px){\r\n  .mh-books{padding:80px 0}\r\n  .mh-books__inner{padding:0 24px}\r\n  .mh-books__head{gap:18px;padding-bottom:30px;margin-bottom:38px}\r\n  .mh-books__approval{margin-top:8px}\r\n  .mh-grid{grid-template-columns:1fr;gap:54px}\r\n  .mh-card__media{min-height:420px}\r\n  .mh-card__media img{width:min(72%,270px)}\r\n  .mh-card__actions{flex-direction:column;opacity:1}\r\n  .mh-btn{width:100%!important;min-height:54px!important}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .mh-books *{scroll-behavior:auto!important;transition:none!important}\r\n  .mh-books [data-reveal]{opacity:1!important;transform:none!important}\r\n}\r\n<\/style>\r\n\r\n<section class=\"mh-books\" id=\"mhBooks\" aria-labelledby=\"mhBooksTitle\">\r\n  <div class=\"mh-books__inner\">\r\n\r\n    <header class=\"mh-books__head\" data-reveal>\r\n      <h2 id=\"mhBooksTitle\">Books by<br>Muzaffar Hussain<\/h2>\r\n      <p>Three books. Three perspectives. One continuing conversation about humanity, memory, and the world we inhabit.<\/p>\r\n      <!--<p class=\"mh-books__approval\">-->\r\n      <!--  Client approval preview: cover images and titles are from the supplied reference covers.-->\r\n      <!--  Prices are provisional at USD 19.99 per book. Purchase buttons are inactive pending approval-->\r\n      <!--  and confirmation of the final WooCommerce products, prices, and links.-->\r\n      <!--<\/p>-->\r\n    <\/header>\r\n\r\n    <div class=\"mh-grid\">\r\n\r\n      <!-- BOOK 01: title taken from the supplied cover image -->\r\n      <article class=\"mh-card\" data-reveal>\r\n        <span class=\"mh-card__no\">BOOK 01<\/span>\r\n        <div class=\"mh-card__media\">\r\n          <img\r\n            src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/1.webp\"\r\n            alt=\"Cover of Stop This Madness by Muzaffar Hussain\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"mh-card__line\" aria-hidden=\"true\"><\/span>\r\n        <h3 class=\"mh-card__title\">Stop This Madness<\/h3>\r\n        <p class=\"mh-card__desc\">\u201cAt the very least, stop killing innocent children. They are our hope for a better future.\u201d<\/p>\r\n        <div class=\"mh-card__price\">\r\n          <span>USD 19.99<\/span>\r\n          <span class=\"mh-card__price-note\">Provisional price<\/span>\r\n        <\/div>\r\n        <!--<div class=\"mh-card__actions\" aria-label=\"Purchase actions shown for client approval\">-->\r\n        <!--  <button class=\"mh-btn mh-btn--line\" type=\"button\" disabled aria-disabled=\"true\">View Book<\/button>-->\r\n        <!--  <button class=\"mh-btn mh-btn--solid\" type=\"button\" disabled aria-disabled=\"true\">Add to Cart<\/button>-->\r\n        <!--<\/div>-->\r\n        <!--<small class=\"mh-card__preview-note\">Preview only \u2014 purchase links are not active.<\/small>-->\r\n      <\/article>\r\n\r\n      <!-- BOOK 02: title taken from the supplied cover image -->\r\n      <article class=\"mh-card\" data-reveal>\r\n        <span class=\"mh-card__no\">BOOK 02<\/span>\r\n        <div class=\"mh-card__media\">\r\n          <img\r\n            src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/2.webp\"\r\n            alt=\"Cover of The Awakening by Muzaffar Hussain\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"mh-card__line\" aria-hidden=\"true\"><\/span>\r\n        <h3 class=\"mh-card__title\">The Awakening<\/h3>\r\n        <p class=\"mh-card__desc\">Embracing Truth in a World of Lies.<\/p>\r\n        <div class=\"mh-card__price\">\r\n          <span>USD 19.99<\/span>\r\n          <span class=\"mh-card__price-note\">Provisional price<\/span>\r\n        <\/div>\r\n        <!--<div class=\"mh-card__actions\" aria-label=\"Purchase actions shown for client approval\">-->\r\n        <!--  <button class=\"mh-btn mh-btn--line\" type=\"button\" disabled aria-disabled=\"true\">View Book<\/button>-->\r\n        <!--  <button class=\"mh-btn mh-btn--solid\" type=\"button\" disabled aria-disabled=\"true\">Add to Cart<\/button>-->\r\n        <!--<\/div>-->\r\n        <!--<small class=\"mh-card__preview-note\">Preview only \u2014 purchase links are not active.<\/small>-->\r\n      <\/article>\r\n\r\n      <!-- BOOK 03: title taken from the supplied cover image -->\r\n      <article class=\"mh-card\" data-reveal>\r\n        <span class=\"mh-card__no\">BOOK 03<\/span>\r\n        <div class=\"mh-card__media\">\r\n          <img\r\n            src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/3.webp\"\r\n            alt=\"Cover of Ceasefire by Muzaffar Hussain\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\">\r\n        <\/div>\r\n        <span class=\"mh-card__line\" aria-hidden=\"true\"><\/span>\r\n        <h3 class=\"mh-card__title\">Ceasefire<\/h3>\r\n        <p class=\"mh-card__desc\">\u201cAt the very least, stop killing innocent children. They are your only hope, and your future.\u201d<\/p>\r\n        <div class=\"mh-card__price\">\r\n          <span>USD 19.99<\/span>\r\n          <span class=\"mh-card__price-note\">Provisional price<\/span>\r\n        <\/div>\r\n        <!--<div class=\"mh-card__actions\" aria-label=\"Purchase actions shown for client approval\">-->\r\n        <!--  <button class=\"mh-btn mh-btn--line\" type=\"button\" disabled aria-disabled=\"true\">View Book<\/button>-->\r\n        <!--  <button class=\"mh-btn mh-btn--solid\" type=\"button\" disabled aria-disabled=\"true\">Add to Cart<\/button>-->\r\n        <!--<\/div>-->\r\n        <!--<small class=\"mh-card__preview-note\">Preview only \u2014 purchase links are not active.<\/small>-->\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('mhBooks');\r\n  if(!root)return;\r\n\r\n  var items=root.querySelectorAll('[data-reveal]');\r\n  function showAll(){\r\n    items.forEach(function(item){item.classList.add('is-in');});\r\n  }\r\n\r\n  if(!('IntersectionObserver' in window)){\r\n    showAll();\r\n    return;\r\n  }\r\n\r\n  root.classList.add('mh-reveal-ready');\r\n\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('is-in');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  },{threshold:.05});\r\n\r\n  items.forEach(function(item){\r\n    observer.observe(item);\r\n    var rect=item.getBoundingClientRect();\r\n    if(rect.top<window.innerHeight&&rect.bottom>0)item.classList.add('is-in');\r\n  });\r\n\r\n  \/* Elementor safeguard: keep content visible if an observer callback is delayed or blocked. *\/\r\n  window.setTimeout(showAll,1200);\r\n  window.addEventListener('load',function(){window.setTimeout(showAll,600);});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066af6c e-con-full e-flex e-con e-parent\" data-id=\"066af6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9a473b elementor-widget elementor-widget-html\" data-id=\"d9a473b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n.mh-featured{--gold:#C9A45C;\n  position:relative;display:block;width:100%;background:#FAF9F6;color:#111;\n  font-family:'Plus Jakarta Sans',sans-serif;padding:150px 0;overflow:hidden}\n.mh-featured *{box-sizing:border-box}\n.mh-featured__inner{position:relative;z-index:5;max-width:1280px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}\n.mh-featured__vert{position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:11px;letter-spacing:.5em;color:#A9874B;text-transform:uppercase;z-index:1;pointer-events:none}\n\n.mh-featured__media{background:#F4F1EA;padding:80px 60px;display:flex;justify-content:center}\n.mh-featured__cover{width:min(100%,320px);aspect-ratio:2\/3;background:linear-gradient(135deg,#e4dfd2,#cfc8b6);border:1px solid rgba(0,0,0,.1);box-shadow:0 40px 70px -25px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.26em;color:#6d675a;text-align:center}\n.mh-featured__cover img{width:100%;height:100%;object-fit:cover;display:block}\n\n.mh-featured .mh-label{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#A9874B;margin-bottom:28px}\n.mh-featured h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,5vw,76px);line-height:1;margin:0 0 28px;color:#111}\n.mh-featured__rule{display:block;width:56px;height:1px;background:var(--gold);margin-bottom:28px}\n.mh-featured p{font-size:16px;line-height:1.9;font-weight:300;color:#333;max-width:460px;margin:0 0 32px}\n.mh-featured__price{font-family:'Cormorant Garamond',serif;font-size:34px;margin-bottom:40px;color:#111}\n.mh-featured__price del{opacity:.5;margin-right:8px}\n.mh-featured__price ins{text-decoration:none}\n\n\/* ---------- Buttons (high specificity so Elementor\/theme can't override) ---------- *\/\n.mh-featured .mh-btns{display:flex!important;flex-wrap:wrap;gap:16px;align-items:center;position:relative;z-index:6}\n.mh-featured a.mh-btn,\n.mh-featured a.mh-btn:visited{\n  display:inline-flex!important;align-items:center;justify-content:center;\n  min-height:54px;padding:0 36px!important;\n  font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;font-weight:400!important;\n  letter-spacing:.24em!important;text-transform:uppercase!important;text-decoration:none!important;\n  line-height:1.2!important;border-radius:0!important;box-shadow:none!important;\n  opacity:1!important;visibility:visible!important;cursor:pointer;\n  transition:background .4s ease,color .4s ease,border-color .4s ease}\n.mh-featured a.mh-btn--dark{background:#0A0A0A!important;color:#F5F3ED!important;border:1px solid #0A0A0A!important}\n.mh-featured a.mh-btn--dark:hover,.mh-featured a.mh-btn--dark:focus-visible{background:transparent!important;color:#0A0A0A!important}\n.mh-featured a.mh-btn--line{background:transparent!important;color:#0A0A0A!important;border:1px solid rgba(0,0,0,.35)!important}\n.mh-featured a.mh-btn--line:hover,.mh-featured a.mh-btn--line:focus-visible{border-color:#C9A45C!important;color:#A9874B!important}\n\/* WooCommerce ajax states *\/\n.mh-featured a.mh-btn.loading{opacity:.6!important}\n.mh-featured a.mh-btn.added::after{content:\" \u2713\"}\n.mh-featured a.added_to_cart{display:none!important}\n\n\/* ---------- Reveal animations: ONLY active when JS adds .mh-js ---------- *\/\n.mh-featured.mh-js .mh-featured__cover{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1)}\n.mh-featured.mh-js .mh-f-fade{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}\n.mh-featured.mh-js.is-visible .mh-featured__cover{clip-path:inset(0 0 0 0)}\n.mh-featured.mh-js.is-visible .mh-f-fade{opacity:1;transform:none}\n.mh-featured.mh-js.is-visible .d1{transition-delay:.4s}\n.mh-featured.mh-js.is-visible .d2{transition-delay:.6s}\n.mh-featured.mh-js.is-visible .d3{transition-delay:.8s}\n.mh-featured.mh-js.is-visible .d4{transition-delay:1s}\n.mh-featured.mh-js.is-visible .d5{transition-delay:1.25s}\n\n@media(max-width:1024px){.mh-featured{padding:110px 0}.mh-featured__inner{padding:0 40px;gap:56px}.mh-featured__media{padding:56px 32px}}\n@media(max-width:820px){\n  .mh-featured{padding:80px 0}\n  .mh-featured__inner{grid-template-columns:1fr;padding:0 24px;gap:44px}\n  .mh-featured__vert{display:none}\n  .mh-featured a.mh-btn{width:100%}\n}\n@media(prefers-reduced-motion:reduce){\n  .mh-featured *{transition:none!important}\n  .mh-featured.mh-js .mh-featured__cover{clip-path:none}\n  .mh-featured.mh-js .mh-f-fade{opacity:1;transform:none}\n}\n<\/style>\n\n<section class=\"mh-featured\" id=\"mhFeatured\" aria-labelledby=\"mhFeaturedTitle\">\n  <div class=\"mh-featured__vert\" aria-hidden=\"true\">Muzaffar Hussain<\/div>\n  <div class=\"mh-featured__inner\">\n\n    <div class=\"mh-featured__media\">\n      <div class=\"mh-featured__cover\">\n        <!-- Approval-preview cover image supplied by the client. -->\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/1.webp\" alt=\"Stop This Madness book cover by Muzaffar Hussain\">\n      <\/div>\n    <\/div>\n\n    <div>\n      <span class=\"mh-label mh-f-fade d1\">Featured Book<\/span>\n      <h2 id=\"mhFeaturedTitle\" class=\"mh-f-fade d2\">Stop This Madness<\/h2>\n      <span class=\"mh-featured__rule mh-f-fade d2\"><\/span>\n      <p class=\"mh-f-fade d3\">\u201cAt the very least, stop killing innocent children. They are our hope for a better future.\u201d<\/p>\n      <div class=\"mh-featured__price mh-f-fade d4\">\n        USD 19.99 <span style=\"font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:#777;\">(provisional approval price)<\/span>\n      <\/div>\n\n      <div class=\"mh-btns mh-f-fade d5\">\n        <!-- Replace FEATURED_PRODUCT_ID with the approved WooCommerce product ID before enabling purchase. -->\n        <a class=\"mh-btn mh-btn--dark\" href=\"\/checkout\/?add-to-cart=FEATURED_PRODUCT_ID\">Buy Now<\/a>\n        <a class=\"mh-btn mh-btn--line button product_type_simple add_to_cart_button ajax_add_to_cart\"\n           href=\"?add-to-cart=FEATURED_PRODUCT_ID\" data-product_id=\"FEATURED_PRODUCT_ID\" data-quantity=\"1\" rel=\"nofollow\">Add to Cart<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var el=document.getElementById('mhFeatured');\n  if(!el)return;\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(reduce||!('IntersectionObserver' in window)){return;} \/* content stays visible *\/\n\n  el.classList.add('mh-js'); \/* enable animation only now that JS is running *\/\n\n  var shown=false;\n  function show(){ if(shown)return; shown=true; el.classList.add('is-visible'); }\n\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ show(); io.disconnect(); } });\n  },{threshold:.1});\n  io.observe(el);\n\n  \/* safety net: never leave content hidden *\/\n  setTimeout(show,2500);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cbb69b e-con-full e-flex e-con e-parent\" data-id=\"7cbb69b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08fa6ab elementor-widget elementor-widget-html\" data-id=\"08fa6ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-bp-stories{--mh-gold:#C9A45C;--mh-light:#F5F3ED;--mh-muted:#A7A39A;background:#141414;color:var(--mh-light);font-family:'Plus Jakarta Sans',sans-serif;padding:clamp(88px,12vw,154px) 0}\r\n.mh-bp-stories *{box-sizing:border-box}\r\n.mh-bp-stories__inner{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(48px,8vw,110px);align-items:center;max-width:1408px;margin:auto;padding:0 64px}\r\n.mh-bp-stories__image{position:relative;min-height:570px;margin:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 91%,8% 100%)}\r\n.mh-bp-stories__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35) sepia(.1) brightness(.76);transform:scale(1.04);transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-stories__image:hover img{transform:scale(1)}\r\n.mh-bp-stories__image figcaption{position:absolute;left:22px;bottom:24px;color:#fff;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 8px rgba(0,0,0,.6);text-transform:uppercase}\r\n.mh-bp-stories__copy{position:relative;padding-left:34px;border-left:1px solid rgba(201,164,92,.65)}\r\n.mh-bp-stories__label{display:block;margin-bottom:25px;color:var(--mh-gold);font-size:10px;letter-spacing:.3em;text-transform:uppercase}\r\n.mh-bp-stories h2{margin:0 0 34px;font-family:'Cormorant Garamond',serif;font-size:clamp(52px,7vw,92px);font-weight:400;line-height:.9;letter-spacing:-.025em;text-transform:uppercase;color:#fff !important;}\r\n.mh-bp-stories h2 span{display:block}\r\n.mh-bp-stories h2 span:nth-child(2){color:var(--mh-gold);font-style:italic}\r\n.mh-bp-stories p{max-width:500px;margin:0 0 18px;color:var(--mh-muted);font-size:14px;font-weight:300;line-height:1.95;color:#fff !important;\r\n}\r\n.mh-bp-stories.mh-motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-stories.mh-motion-ready .mh-bp-stories__image{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-stories.mh-motion-ready.is-visible [data-reveal]{opacity:1;transform:none}\r\n.mh-bp-stories.mh-motion-ready.is-visible .mh-bp-stories__image{clip-path:polygon(0 0,100% 0,100% 91%,8% 100%)}\r\n.mh-bp-stories.mh-motion-ready.is-visible [data-reveal=\"2\"]{transition-delay:.2s}\r\n.mh-bp-stories.mh-motion-ready.is-visible [data-reveal=\"3\"]{transition-delay:.4s}\r\n@media(max-width:850px){.mh-bp-stories__inner{grid-template-columns:1fr;gap:44px;padding:0 40px}.mh-bp-stories__image{min-height:470px}.mh-bp-stories__copy{max-width:650px}}\r\n@media(max-width:600px){.mh-bp-stories{padding:78px 0}.mh-bp-stories__inner{gap:36px;padding:0 24px}.mh-bp-stories__image{min-height:360px}.mh-bp-stories__copy{padding-left:22px}.mh-bp-stories h2{font-size:clamp(48px,13vw,70px)}}\r\n@media(prefers-reduced-motion:reduce){.mh-bp-stories *{transition:none!important}}\r\n<\/style>\r\n\r\n<section class=\"mh-bp-stories\" aria-labelledby=\"mhBpStoriesTitle\">\r\n  <div class=\"mh-bp-stories__inner\">\r\n    <figure class=\"mh-bp-stories__image\" data-reveal=\"1\">\r\n      <!-- For WordPress, replace ..\/editorial.jpg with its Media Library URL. -->\r\n      <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/editorial-2.jpg\" alt=\"Open handwritten book on a wooden desk before a quiet city framed by an old stone arch\" loading=\"lazy\">\r\n      <figcaption>Words, memory, and the human story<\/figcaption>\r\n    <\/figure>\r\n    <div class=\"mh-bp-stories__copy\">\r\n      <span class=\"mh-bp-stories__label\" data-reveal=\"2\">The stories<\/span>\r\n      <h2 id=\"mhBpStoriesTitle\" data-reveal=\"2\"><span>Words can<\/span><span>remember<\/span><span>what the world<\/span><span>forgets.<\/span><\/h2>\r\n      <p data-reveal=\"3\">Writing can preserve memory, challenge assumptions, and give human stories a place to remain.<\/p>\r\n      <p data-reveal=\"3\">Muzaffar Hussain's books engage with questions that reach beyond a single moment \u2014 toward humanity, conflict, memory, and the responsibility to speak.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var section=document.querySelector('.mh-bp-stories');\r\n  if(!section||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\r\n  section.classList.add('mh-motion-ready');\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});\r\n  },{threshold:.14});\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f93e8b7 e-con-full e-flex e-con e-parent\" data-id=\"f93e8b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24d15b9 elementor-widget elementor-widget-html\" data-id=\"24d15b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-bp-reading{--mh-gold:#C9A45C;background:#FAF9F6;color:#111;font-family:'Plus Jakarta Sans',sans-serif;padding:clamp(100px,13vw,174px) 0}\r\n.mh-bp-reading *{box-sizing:border-box}\r\n.mh-bp-reading__inner{max-width:1408px;margin:auto;padding:0 64px}\r\n.mh-bp-reading__label{display:block;margin-bottom:30px;color:#94743e;font-size:10px;letter-spacing:.3em;text-transform:uppercase}\r\n.mh-bp-reading blockquote{max-width:1250px;margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(48px,9.5vw,132px);font-weight:400;line-height:.94;letter-spacing:-.03em;color:#000 !important;}\r\n.mh-bp-reading blockquote span{color:#94743e;font-style:italic}\r\n.mh-bp-reading__bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(17,17,17,.18)}\r\n.mh-bp-reading__rule{display:block;width:84px;height:1px;margin-bottom:18px;background:var(--mh-gold);transform-origin:left}\r\n.mh-bp-reading cite{color:#5c5952;font-size:9px;font-style:normal;letter-spacing:.2em;text-transform:uppercase}\r\n.mh-bp-reading__bottom p{max-width:260px;margin:0;color:#49463f;font-size:13px;font-weight:300;line-height:1.8;text-align:right}\r\n.mh-bp-reading.mh-motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-reading.mh-motion-ready .mh-bp-reading__rule{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-reading.mh-motion-ready.is-visible [data-reveal]{opacity:1;transform:none}\r\n.mh-bp-reading.mh-motion-ready.is-visible .mh-bp-reading__rule{transform:scaleX(1)}\r\n.mh-bp-reading.mh-motion-ready.is-visible [data-reveal=\"2\"]{transition-delay:.2s}\r\n@media(max-width:800px){.mh-bp-reading__inner{padding:0 40px}.mh-bp-reading blockquote{font-size:clamp(48px,10vw,90px)}}\r\n@media(max-width:600px){.mh-bp-reading{padding:88px 0}.mh-bp-reading__inner{padding:0 24px}.mh-bp-reading blockquote{font-size:clamp(44px,12vw,72px)}.mh-bp-reading__bottom{align-items:flex-start;flex-direction:column;gap:18px;margin-top:32px}.mh-bp-reading__bottom p{text-align:left}}\r\n@media(prefers-reduced-motion:reduce){.mh-bp-reading *{transition:none!important}}\r\n<\/style>\r\n\r\n<section class=\"mh-bp-reading\" aria-labelledby=\"mhBpReadingTitle\">\r\n  <div class=\"mh-bp-reading__inner\">\r\n    <span class=\"mh-bp-reading__label\" data-reveal=\"1\">Why read?<\/span>\r\n    <blockquote id=\"mhBpReadingTitle\" data-reveal=\"1\">\u201cA reader lives a thousand lives before he dies. The man who never lives only one.\u201d<\/blockquote>\r\n    <div class=\"mh-bp-reading__bottom\">\r\n      <div>\r\n        <span class=\"mh-bp-reading__rule\" aria-hidden=\"true\"><\/span>\r\n        <cite>\u2014 George R.R. Martin<\/cite>\r\n      <\/div>\r\n      <p data-reveal=\"2\">Reading opens perspectives beyond our own.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var section=document.querySelector('.mh-bp-reading');\r\n  if(!section||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\r\n  section.classList.add('mh-motion-ready');\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});\r\n  },{threshold:.18});\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b213605 e-con-full e-flex e-con e-parent\" data-id=\"b213605\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57cfa8f elementor-widget elementor-widget-html\" data-id=\"57cfa8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-bp-cta{--mh-gold:#C9A45C;--mh-light:#F5F3ED;--mh-muted:#A7A39A;position:relative;overflow:hidden;background:#0A0A0A;color:var(--mh-light);font-family:'Plus Jakarta Sans',sans-serif;padding:clamp(110px,15vw,200px) 0;text-align:center}\r\n.mh-bp-cta *{box-sizing:border-box}\r\n.mh-bp-cta::before{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,164,92,.07),transparent 62%);content:\"\";pointer-events:none}\r\n.mh-bp-cta__inner{position:relative;max-width:1050px;margin:auto;padding:0 64px}\r\n.mh-bp-cta__rule{display:block;width:1px;height:60px;margin:0 auto 34px;background:var(--mh-gold)}\r\n.mh-bp-cta__label{display:block;margin-bottom:18px;color:var(--mh-gold);font-size:10px;letter-spacing:.3em;text-transform:uppercase}\r\n.mh-bp-cta h2{margin:0 0 26px;font-family:'Cormorant Garamond',serif;font-size:clamp(62px,10vw,132px);font-weight:400;line-height:.88;letter-spacing:-.03em;text-transform:uppercase;color:#fff !important;}\r\n.mh-bp-cta h2 span{display:block}\r\n.mh-bp-cta h2 span:last-child{color:var(--mh-gold);font-style:italic}\r\n.mh-bp-cta p{max-width:430px;margin:0 auto 38px;color:var(--mh-muted);font-size:14px;font-weight:300;line-height:1.9;color:#fff !important}\r\n.mh-bp-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}\r\n.mh-bp-cta .mh-bp-button{min-width:190px;min-height:54px}\r\n.mh-bp-cta .mh-bp-button--solid{background:var(--mh-gold);color:#0A0A0A}\r\n.mh-bp-cta .mh-bp-button--solid:hover,.mh-bp-cta .mh-bp-button--solid:focus-visible{background:transparent;color:var(--mh-gold)}\r\n.mh-bp-cta .mh-bp-button--line{border-color:rgba(255,255,255,.35);color:var(--mh-light)}\r\n.mh-bp-cta .mh-bp-button--line:hover,.mh-bp-cta .mh-bp-button--line:focus-visible{border-color:var(--mh-gold);color:var(--mh-gold)}\r\n.mh-bp-cta a:focus-visible{outline:2px solid var(--mh-light);outline-offset:4px}\r\n.mh-bp-cta.mh-motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}\r\n.mh-bp-cta.mh-motion-ready.is-visible [data-reveal]{opacity:1;transform:none}\r\n.mh-bp-cta.mh-motion-ready.is-visible [data-reveal=\"2\"]{transition-delay:.16s}\r\n.mh-bp-cta.mh-motion-ready.is-visible [data-reveal=\"3\"]{transition-delay:.32s}\r\n@media(max-width:800px){.mh-bp-cta__inner{padding:0 40px}}\r\n@media(max-width:600px){.mh-bp-cta{padding:92px 0}.mh-bp-cta__inner{padding:0 24px}.mh-bp-cta h2{font-size:clamp(56px,16vw,88px)}.mh-bp-cta__actions{flex-direction:column}.mh-bp-cta .mh-bp-button{width:100%}}\r\n@media(prefers-reduced-motion:reduce){.mh-bp-cta *{transition:none!important}}\r\n<\/style>\r\n\r\n<section class=\"mh-bp-cta\" aria-labelledby=\"mhBpCtaTitle\">\r\n  <div class=\"mh-bp-cta__inner\">\r\n    <span class=\"mh-bp-cta__rule\" aria-hidden=\"true\" data-reveal=\"1\"><\/span>\r\n    <span class=\"mh-bp-cta__label\" data-reveal=\"1\">The collection<\/span>\r\n    <h2 id=\"mhBpCtaTitle\" data-reveal=\"2\"><span>Find your<\/span><span>next story.<\/span><\/h2>\r\n    <p data-reveal=\"3\">Explore the complete collection of books by Muzaffar Hussain.<\/p>\r\n    <div class=\"mh-bp-cta__actions\" data-reveal=\"3\">\r\n      <!--<a class=\"mh-bp-button mh-bp-button--solid\" href=\"#mhBookCatalogue\">Explore all books<\/a>-->\r\n      <a class=\"mh-bp-button mh-bp-button--line\" href=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/contact\/\">Contact Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var section=document.querySelector('.mh-bp-cta');\r\n  if(!section||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\r\n  section.classList.add('mh-motion-ready');\r\n  var observer=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){if(entry.isIntersecting){section.classList.add('is-visible');observer.disconnect();}});\r\n  },{threshold:.12});\r\n  observer.observe(section);\r\n})();\r\n<\/script>\r\n\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>The collection BooksbyMuzaffarHussain Explore the books of Muzaffar Hussain \u2014 stories and reflections shaped by humanity, memory, conflict, and the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":55,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":306,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/115\/revisions\/306"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}