{"id":25,"date":"2026-10-06T14:32:25","date_gmt":"2026-10-06T14:32:25","guid":{"rendered":"https:\/\/demowebdesign.live\/muzaffar-hussain\/?page_id=25"},"modified":"2026-10-06T18:43:53","modified_gmt":"2026-10-06T18:43:53","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/muzaffar-hussain\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9365605 e-con-full e-flex e-con e-parent\" data-id=\"9365605\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04e5a34 elementor-widget elementor-widget-html\" data-id=\"04e5a34\" 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;0,600;1,400&family=Plus+Jakarta+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mh-hero{--gold:#C9A45C;--light:#F5F3ED;--muted:#A7A39A;\r\n  position:relative;overflow:hidden;background:#0A0A0A;color:var(--light);\r\n  min-height:100vh;display:flex;align-items:center;font-family:'Plus Jakarta Sans',sans-serif}\r\n.mh-hero *{box-sizing:border-box}\r\n\/* slow moving grain background *\/\r\n.mh-hero__bg{position:absolute;inset:-10%;pointer-events:none;opacity:.35;\r\n  background: url(\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/hero.jpg\") center center \/ cover no-repeat;\r\n  animation:mhDrift 40s linear infinite alternate}\r\n.mh-hero::after{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n  background:radial-gradient(ellipse at 75% 50%,rgba(201,164,92,.07),transparent 55%),linear-gradient(90deg,#0A0A0A 0%,transparent 60%)}\r\n@keyframes mhDrift{from{transform:translate(0,0)}to{transform:translate(-3%,-3%)}}\r\n\r\n.mh-hero__inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:160px 64px 100px;\r\n  display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}\r\n.mh-label{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:36px}\r\n.mh-hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(48px,7vw,104px);line-height:.98;letter-spacing:-.01em;margin:0 0 36px;color:#fff !important;}\r\n.mh-hero h1 em{font-style:italic;color:var(--gold);font-weight:400}\r\n.mh-hero p{max-width:440px;font-size:16px;line-height:1.8;font-weight:300;color:#fff;margin:0 0 48px}\r\n\r\n\/* Book composition *\/\r\n.mh-books-stage{position:relative;height:560px;perspective:1600px}\r\n.mh-book{position:absolute;aspect-ratio:2\/3;background:linear-gradient(135deg,#1C1C1C,#141414);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;text-align:center;\r\n  font-size:10px;letter-spacing:.28em;color:var(--muted);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);overflow:hidden}\r\n.mh-book img{width:100%;height:100%;object-fit:cover;display:block}\r\n.mh-book--1{width:300px;left:50%;top:50%;margin:-225px 0 0 -150px;z-index:3;transform:rotateY(-6deg)}\r\n.mh-book--2{width:240px;left:2%;top:50%;margin-top:-165px;z-index:2;transform:rotateY(8deg) rotateZ(-3deg);opacity:.85}\r\n.mh-book--3{width:240px;right:0;top:50%;margin-top:-195px;z-index:1;transform:rotateY(-10deg) rotateZ(3deg);opacity:.7}\r\n.mh-book--1{transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s ease}\r\n.mh-book--1:hover{transform:translateY(-10px) rotateY(-3deg) rotateZ(-.6deg);box-shadow:0 50px 80px -20px rgba(0,0,0,.9)}\r\n\r\n\/* load animations *\/\r\n.mh-in{opacity:0;transform:translateY(30px);animation:mhUp 1.1s cubic-bezier(.2,.7,.2,1) forwards}\r\n.mh-in--1{animation-delay:.2s}.mh-in--2{animation-delay:.4s}.mh-in--3{animation-delay:.7s}.mh-in--4{animation-delay:.9s}\r\n@keyframes mhUp{to{opacity:1;transform:none}}\r\n.mh-book-in{opacity:0;translate:0 40px;animation:mhBook 1.2s cubic-bezier(.2,.7,.2,1) forwards}\r\n.mh-book--3.mh-book-in{animation-delay:.6s}.mh-book--2.mh-book-in{animation-delay:.9s}.mh-book--1.mh-book-in{animation-delay:1.2s}\r\n@keyframes mhBook{to{opacity:1;translate:0 0}}\r\n.mh-book--2.mh-book-in{--o:.85}\r\n@keyframes mhBook{to{opacity:1;translate:0 0}}\r\n\r\n@media(max-width:1024px){\r\n  .mh-hero__inner{padding:140px 40px 80px;gap:40px}\r\n  .mh-books-stage{height:460px}\r\n  .mh-book--1{width:240px;margin:-180px 0 0 -120px}\r\n  .mh-book--2,.mh-book--3{width:190px}\r\n}\r\n@media(max-width:820px){\r\n  .mh-hero{min-height:auto}\r\n  .mh-hero__inner{grid-template-columns:1fr;padding:130px 24px 70px}\r\n  .mh-hero p{margin-bottom:36px}\r\n  .mh-books-stage{height:400px;margin-top:20px}\r\n  .mh-book--1{width:200px;margin:-150px 0 0 -100px}\r\n  .mh-book--2,.mh-book--3{width:150px}\r\n  .mh-book--2{left:0}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .mh-hero__bg{animation:none}\r\n  .mh-in,.mh-book-in{animation:none;opacity:1;transform:none;translate:0 0}\r\n  .mh-book--1{transition:none}\r\n}\r\n\r\n\/* ===== ELEMENTOR \/ THEME OVERRIDE FIX (text, heading visibility) ===== *\/\r\n@keyframes mhUpSafe{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}\r\n@keyframes mhBookSafe{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}\r\n\r\n.mh-hero .mh-hero__text .mh-in{\r\n  opacity:1;\r\n  transform:none;\r\n  visibility:visible !important;\r\n  animation:mhUpSafe 1.1s cubic-bezier(.2,.7,.2,1) both;\r\n}\r\n.mh-hero .mh-hero__text .mh-in--1{animation-delay:.2s}\r\n.mh-hero .mh-hero__text .mh-in--2{animation-delay:.4s}\r\n.mh-hero .mh-hero__text .mh-in--3{animation-delay:.7s}\r\n\r\n.mh-hero .mh-books-stage .mh-book-in{\r\n  opacity:1;\r\n  translate:0 0;\r\n  visibility:visible !important;\r\n  animation:mhBookSafe 1.2s cubic-bezier(.2,.7,.2,1) both;\r\n}\r\n.mh-hero .mh-books-stage .mh-book--3.mh-book-in{animation-delay:.6s}\r\n.mh-hero .mh-books-stage .mh-book--2.mh-book-in{animation-delay:.9s}\r\n.mh-hero .mh-books-stage .mh-book--1.mh-book-in{animation-delay:1.2s}\r\n\r\n.mh-hero .mh-hero__text{\r\n  display:block !important;\r\n  visibility:visible !important;\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n.mh-hero .mh-hero__text .mh-label{\r\n  display:block !important;\r\n  color:#C9A45C !important;\r\n  font-family:'Plus Jakarta Sans',sans-serif !important;\r\n  font-size:11px !important;\r\n  font-weight:400 !important;\r\n  letter-spacing:.3em !important;\r\n  text-transform:uppercase !important;\r\n  margin:0 0 36px !important;\r\n  padding:0 !important;\r\n}\r\n.mh-hero .mh-hero__text h1{\r\n  display:block !important;\r\n  color:#fff !important;\r\n  font-family:'Cormorant Garamond',serif !important;\r\n  font-weight:500 !important;\r\n  font-size:clamp(48px,7vw,104px) !important;\r\n  line-height:.98 !important;\r\n  letter-spacing:-.01em !important;\r\n  margin:0 0 36px !important;\r\n  padding:0 !important;\r\n  text-transform:none !important;\r\n  text-align:left !important;\r\n}\r\n.mh-hero .mh-hero__text h1 em{\r\n  color:#C9A45C !important;\r\n  font-style:italic !important;\r\n  font-weight:400 !important;\r\n  font-family:'Cormorant Garamond',serif !important;\r\n}\r\n.mh-hero .mh-hero__text p{\r\n  display:block !important;\r\n  color:#fff !important;\r\n  font-family:'Plus Jakarta Sans',sans-serif !important;\r\n  font-size:16px !important;\r\n  line-height:1.8 !important;\r\n  font-weight:300 !important;\r\n  max-width:440px !important;\r\n  margin:0 0 48px !important;\r\n  padding:0 !important;\r\n  text-align:left !important;\r\n}\r\n\r\n\/* ===== BULLETPROOF BUTTONS (new class names, no animation) ===== *\/\r\n.mh-hero .mh-cta-wrap{\r\n  display:flex !important;\r\n  flex-wrap:wrap !important;\r\n  gap:16px !important;\r\n  visibility:visible !important;\r\n  opacity:1 !important;\r\n  position:relative !important;\r\n  z-index:10 !important;\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n}\r\n.mh-hero .mh-cta-wrap a.mh-cta{\r\n  display:inline-flex !important;\r\n  visibility:visible !important;\r\n  opacity:1 !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  position:relative !important;\r\n  z-index:10 !important;\r\n  float:none !important;\r\n  width:auto !important;\r\n  height:auto !important;\r\n  min-height:52px !important;\r\n  padding:0 34px !important;\r\n  margin:0 !important;\r\n  font-family:'Plus Jakarta Sans',sans-serif !important;\r\n  font-size:11px !important;\r\n  font-weight:400 !important;\r\n  line-height:1.2 !important;\r\n  letter-spacing:.24em !important;\r\n  text-transform:uppercase !important;\r\n  text-decoration:none !important;\r\n  text-align:center !important;\r\n  border-radius:0 !important;\r\n  box-shadow:none !important;\r\n  text-indent:0 !important;\r\n  transition:background .4s ease,color .4s ease,border-color .4s ease;\r\n}\r\n.mh-hero .mh-cta-wrap a.mh-cta--solid{\r\n  background:#C9A45C !important;\r\n  color:#0A0A0A !important;\r\n  border:1px solid #C9A45C !important;\r\n}\r\n.mh-hero .mh-cta-wrap a.mh-cta--solid:hover{\r\n  background:transparent !important;\r\n  color:#C9A45C !important;\r\n}\r\n.mh-hero .mh-cta-wrap a.mh-cta--ghost{\r\n  background:transparent !important;\r\n  color:#F5F3ED !important;\r\n  border:1px solid rgba(255,255,255,.35) !important;\r\n}\r\n.mh-hero .mh-cta-wrap a.mh-cta--ghost:hover{\r\n  border-color:#C9A45C !important;\r\n  color:#C9A45C !important;\r\n}\r\n@media(max-width:820px){\r\n  .mh-hero .mh-cta-wrap a.mh-cta{width:100% !important}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .mh-hero .mh-hero__text .mh-in,\r\n  .mh-hero .mh-books-stage .mh-book-in{animation:none !important;opacity:1 !important}\r\n}\r\n<\/style>\r\n\r\n<section class=\"mh-hero\" aria-labelledby=\"mhHeroTitle\">\r\n  <div class=\"mh-hero__bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"mh-hero__inner\">\r\n\r\n    <div class=\"mh-hero__text\">\r\n      <span class=\"mh-label mh-in mh-in--1\">The Author \u2022 The Pen \u2022 Humanity<\/span>\r\n      <h1 id=\"mhHeroTitle\" class=\"mh-in mh-in--2\">\r\n        The <em>Pen<\/em><br>is mightier<br>than the sword.\r\n      <\/h1>\r\n      <p class=\"mh-in mh-in--3\">Words have the power to challenge, remember, question, and bear witness.<\/p>\r\n      <div class=\"mh-cta-wrap\" style=\"display:flex;visibility:visible;opacity:1;gap:16px;flex-wrap:wrap;position:relative;z-index:10;\">\r\n        <a class=\"mh-cta mh-cta--solid\" href=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/books\/\" style=\"display:inline-flex;visibility:visible;opacity:1;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border:1px solid #C9A45C;position:relative;z-index:10;\">Explore the Books<\/a>\r\n        <a class=\"mh-cta mh-cta--ghost\" href=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/about\/\" style=\"display:inline-flex;visibility:visible;opacity:1;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border:1px solid rgba(255,255,255,.35);position:relative;z-index:10;\">About the Author<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mh-books-stage\">\r\n      <!-- Replace each placeholder with the WooCommerce product image: $product->get_image('large') -->\r\n      <div class=\"mh-book mh-book--3 mh-book-in\">\r\n        <!-- WooCommerce Product Image (Book 03) -->\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/3.webp\" alt=\"Ceasefire book cover by Muzaffar Hussain\">\r\n      <\/div>\r\n      <div class=\"mh-book mh-book--2 mh-book-in\">\r\n        <!-- WooCommerce Product Image (Book 02) -->\r\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/2.webp\" alt=\"The Awakening book cover by Muzaffar Hussain\">\r\n      <\/div>\r\n      <a class=\"mh-book mh-book--1 mh-book-in\" href=\"\/product\/book-01\/\" aria-label=\"View Book 01\">\r\n        <!-- WooCommerce Product Image (Book 01 - primary) + Product Link -->\r\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\">\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31d2c6f e-con-full e-flex e-con e-parent\" data-id=\"31d2c6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dfb907 elementor-widget elementor-widget-html\" data-id=\"0dfb907\" 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-manifesto{--gold:#C9A45C;--dark:#111;\r\n  background:#F4F1EA;color:var(--dark);font-family:'Plus Jakarta Sans',sans-serif;padding:160px 0}\r\n.mh-manifesto *{box-sizing:border-box}\r\n.mh-manifesto__inner{max-width:1280px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:2px 1fr;gap:56px}\r\n.mh-manifesto__line{background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}\r\n.mh-label{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#A9874B;margin-bottom:40px}\r\n.mh-quote-mask{overflow:hidden;padding-bottom:.12em}\r\n.mh-quote{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(38px,6vw,92px);line-height:1.05;letter-spacing:-.01em;transform:translateY(105%);transition:transform 1.3s cubic-bezier(.2,.7,.2,1) .2s;color:#000 !important;}\r\n.mh-quote em{font-style:italic;color:#A9874B !important;}\r\n.mh-attr{display:block;margin-top:36px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#555}\r\n.mh-support{max-width:560px;margin:64px 0 0 auto;font-size:17px;line-height:1.9;font-weight:300;color:#333;opacity:0;transform:translateY(20px);transition:opacity 1s ease 1.1s,transform 1s ease 1.1s;color:#000 !important;}\r\n.mh-manifesto.is-visible .mh-manifesto__line{transform:scaleY(1)}\r\n.mh-manifesto.is-visible .mh-quote{transform:none}\r\n.mh-manifesto.is-visible .mh-support{opacity:1;transform:none}\r\n\r\n@media(max-width:1024px){.mh-manifesto{padding:110px 0}.mh-manifesto__inner{padding:0 40px;gap:36px}}\r\n@media(max-width:820px){.mh-manifesto{padding:80px 0}.mh-manifesto__inner{padding:0 24px;gap:22px}.mh-support{margin-top:44px;font-size:16px}}\r\n@media(prefers-reduced-motion:reduce){.mh-manifesto *{transition:none!important}.mh-manifesto__line{transform:none}.mh-quote{transform:none}.mh-support{opacity:1;transform:none}}\r\n<\/style>\r\n\r\n<section class=\"mh-manifesto\" id=\"mhManifesto\" aria-labelledby=\"mhManifestoLabel\">\r\n  <div class=\"mh-manifesto__inner\">\r\n    <div class=\"mh-manifesto__line\" aria-hidden=\"true\"><\/div>\r\n    <div>\r\n      <span class=\"mh-label\" id=\"mhManifestoLabel\">Why read and write?<\/span>\r\n      <div class=\"mh-quote-mask\">\r\n        <blockquote class=\"mh-quote\">\r\n          \u201cUntil humanity learns to live by the <em>pen<\/em>, they will die by the sword.\u201d\r\n        <\/blockquote>\r\n      <\/div>\r\n      <cite class=\"mh-attr\">\u2014 Muzaffar Hussain<\/cite>\r\n      <p class=\"mh-support\">Muzaffar Hussain approaches writing as more than storytelling. For him, the written word is a means of questioning the world, preserving memory, and confronting the forces that shape humanity.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var el=document.getElementById('mhManifesto');\r\n  if(!('IntersectionObserver' in window)){el.classList.add('is-visible');return}\r\n  var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){el.classList.add('is-visible');io.disconnect()}})},{threshold:.25});\r\n  io.observe(el);\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-0e1107c e-con-full e-flex e-con e-parent\" data-id=\"0e1107c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52bafd6 elementor-widget elementor-widget-html\" data-id=\"52bafd6\" 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-bcc8457 e-con-full e-flex e-con e-parent\" data-id=\"bcc8457\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da45e28 elementor-widget elementor-widget-html\" data-id=\"da45e28\" 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=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/books\/\">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-0e4dd4a e-con-full e-flex e-con e-parent\" data-id=\"0e4dd4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6058a55 elementor-widget elementor-widget-html\" data-id=\"6058a55\" 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-witness{--gold:#C9A45C;--light:#F5F3ED;--muted:#A7A39A;\r\n  position:relative;background:#1C1C1C;color:var(--light);font-family:'Plus Jakarta Sans',sans-serif;padding:150px 0;overflow:hidden}\r\n.mh-witness *{box-sizing:border-box}\r\n.mh-witness__inner{max-width:1280px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}\r\n\r\n\/* Image (swap background-image with a monochrome editorial photo) *\/\r\n.mh-witness__img{position:relative;aspect-ratio:4\/5;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.8s cubic-bezier(.2,.7,.2,1)}\r\n.mh-witness__photo{position:absolute;inset:0;background:\r\n  linear-gradient(180deg,rgba(10,10,10,.1),rgba(10,10,10,.7)),\r\n  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 46px),\r\n  repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 70px),\r\n  linear-gradient(135deg,#2c2c2c,#111);\r\n  \/* background-image:url('YOUR-IMAGE.jpg'); background-size:cover; filter:grayscale(1) contrast(1.05); *\/\r\n  transform:scale(1.15);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}\r\n.mh-witness__tag{position:absolute;left:24px;bottom:24px;font-size:10px;letter-spacing:.28em;color:var(--muted);text-transform:uppercase}\r\n\r\n.mh-witness__copy{position:relative;padding-left:48px}\r\n.mh-witness__copy::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform 1.6s cubic-bezier(.2,.7,.2,1) .3s}\r\n.mh-label{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:36px}\r\n.mh-witness h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,4.6vw,68px);line-height:1.08;margin:0 0 36px;text-transform:uppercase;letter-spacing:.01em;color:#fff !important;}\r\n.mh-line{display:block;overflow:hidden}\r\n.mh-line>span{display:block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}\r\n.mh-witness p{max-width:440px;font-size:16px;line-height:1.9;font-weight:300;color:var(--muted);margin:0 0 44px;opacity:0;transform:translateY(20px);transition:opacity 1s ease 1.4s,transform 1s ease 1.4s;color:#fff !important;}\r\n.mh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 36px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none !important;color:var(--light) !important;border:1px solid rgba(255,255,255,.28) !important;opacity:0;transition:opacity 1s ease 1.7s,border-color .4s ease,color .4s ease,background .4s ease}\r\n.mh-btn:hover{border-color:var(--gold) !important;color:var(--gold) !important}\r\n\r\n.mh-witness.is-visible .mh-witness__img{clip-path:inset(0 0 0 0)}\r\n.mh-witness.is-visible .mh-witness__photo{transform:scale(1)}\r\n.mh-witness.is-visible .mh-witness__copy::before{transform:scaleY(1)}\r\n.mh-witness.is-visible .mh-line>span{transform:none}\r\n.mh-witness.is-visible .mh-line:nth-child(1)>span{transition-delay:.4s}\r\n.mh-witness.is-visible .mh-line:nth-child(2)>span{transition-delay:.55s}\r\n.mh-witness.is-visible .mh-line:nth-child(3)>span{transition-delay:.7s}\r\n.mh-witness.is-visible .mh-line:nth-child(4)>span{transition-delay:.85s}\r\n.mh-witness.is-visible .mh-line:nth-child(5)>span{transition-delay:1s}\r\n.mh-witness.is-visible p,.mh-witness.is-visible .mh-btn{opacity:1;transform:none}\r\n\r\n@media(max-width:1024px){.mh-witness{padding:110px 0}.mh-witness__inner{padding:0 40px;gap:56px}.mh-witness__copy{padding-left:32px}}\r\n@media(max-width:820px){\r\n  .mh-witness{padding:80px 0}\r\n  .mh-witness__inner{grid-template-columns:1fr;padding:0 24px;gap:48px}\r\n  .mh-witness__img{aspect-ratio:4\/3}\r\n  .mh-witness__copy{padding-left:22px}\r\n  .mh-btn{width:100%}\r\n}\r\n@media(prefers-reduced-motion:reduce){.mh-witness *{transition:none!important}.mh-witness__img{clip-path:none}.mh-witness__photo{transform:none}.mh-line>span{transform:none}.mh-witness p,.mh-btn{opacity:1;transform:none}.mh-witness__copy::before{transform:none}}\r\n<\/style>\r\n\r\n<section class=\"mh-witness\" id=\"mhWitness\" aria-labelledby=\"mhWitnessTitle\">\r\n  <div class=\"mh-witness__inner\">\r\n\r\n    <div class=\"mh-witness__img\">\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/editorial.jpg\"\r\n    alt=\"Editorial image representing humanity, memory, and the power of writing\"\r\n    class=\"mh-witness__photo\"\r\n  >\r\n<\/div>\r\n\r\n    <div class=\"mh-witness__copy\">\r\n      <span class=\"mh-label\">Words from a witness<\/span>\r\n      <h2 id=\"mhWitnessTitle\">\r\n        <span class=\"mh-line\"><span>A story about<\/span><\/span>\r\n        <span class=\"mh-line\"><span>humanity,<\/span><\/span>\r\n        <span class=\"mh-line\"><span>memory,<\/span><\/span>\r\n        <span class=\"mh-line\"><span>and the responsibility<\/span><\/span>\r\n        <span class=\"mh-line\"><span>to speak.<\/span><\/span>\r\n      <\/h2>\r\n      <p>These books explore the human cost of conflict and the stories that remain when the headlines disappear.<\/p>\r\n      <a class=\"mh-btn\" href=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/books\/\">Explore the Books<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var el=document.getElementById('mhWitness');\r\n  if(!('IntersectionObserver' in window)){el.classList.add('is-visible');return}\r\n  var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){el.classList.add('is-visible');io.disconnect()}})},{threshold:.2});\r\n  io.observe(el);\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-f53fd5e e-con-full e-flex e-con e-parent\" data-id=\"f53fd5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1232add elementor-widget elementor-widget-html\" data-id=\"1232add\" 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-about{--gold:#C9A45C;\n  background:#F4F1EA;color:#111;font-family:'Plus Jakarta Sans',sans-serif;padding:150px 0}\n.mh-about *{box-sizing:border-box}\n.mh-about__inner{max-width:1280px;margin:0 auto;padding:0 64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}\n\n.mh-about__portrait{position:relative}\n.mh-about__frame{aspect-ratio:4\/5;background:linear-gradient(160deg,#cfc9bb,#8f8878);overflow:hidden;position:relative}\n.mh-about__frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.15);display:block}\n.mh-about__frame::after{content:\"AUTHOR PORTRAIT\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.28em;color:rgba(0,0,0,.45)}\n.mh-about__frame:has(img)::after{display:none}\n.mh-about__offset{position:absolute;right:-22px;bottom:-22px;width:60%;height:60%;border:1px solid var(--gold);z-index:-1}\n.mh-about__tag{position:absolute;left:-14px;top:40px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:.4em;color:#A9874B;text-transform:uppercase}\n\n.mh-label{display:block;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#A9874B;margin-bottom:28px}\n.mh-about h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,5vw,78px);line-height:1;margin:0 0 32px;letter-spacing:.01em}\n.mh-about p{font-size:16px;line-height:1.95;font-weight:300;color:#333;max-width:520px;margin:0 0 20px}\n.mh-about__statement{margin:40px 0;padding:6px 0 6px 26px;border-left:1px solid var(--gold)}\n.mh-about__statement q{display:block;quotes:none;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;line-height:1.3;color:#111}\n.mh-about__statement cite{display:block;margin-top:12px;font-style:normal;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#555}\n.mh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 36px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:#0A0A0A;border:1px solid #0A0A0A;transition:background .4s ease,color .4s ease}\n.mh-btn:hover{background:#0A0A0A;color:#F5F3ED}\n\n.mh-about [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}\n.mh-about [data-reveal].is-in{opacity:1;transform:none}\n.mh-about [data-reveal=\"2\"]{transition-delay:.2s}\n\n@media(max-width:1024px){.mh-about{padding:110px 0}.mh-about__inner{padding:0 40px;gap:60px}}\n@media(max-width:820px){\n  .mh-about{padding:80px 0}\n  .mh-about__inner{grid-template-columns:1fr;padding:0 24px;gap:56px}\n  .mh-about__offset{right:-10px;bottom:-10px}\n  .mh-about__tag{display:none}\n  .mh-btn{width:100%}\n}\n@media(prefers-reduced-motion:reduce){.mh-about *{transition:none!important}.mh-about [data-reveal]{opacity:1;transform:none}}\n<\/style>\n\n<section class=\"mh-about\" id=\"mhAbout\" aria-labelledby=\"mhAboutTitle\">\n  <div class=\"mh-about__inner\">\n\n    <div class=\"mh-about__portrait\" data-reveal>\n      <span class=\"mh-about__tag\" aria-hidden=\"true\">The Author<\/span>\n      <div class=\"mh-about__offset\" aria-hidden=\"true\"><\/div>\n      <div class=\"mh-about__frame\">\n        <!-- Replace with author portrait: <img decoding=\"async\" src=\"PORTRAIT.jpg\" alt=\"Portrait of author Muzaffar Hussain\" loading=\"lazy\"> -->\n        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-content\/uploads\/2026\/10\/author.webp\" alt=\"Portrait of author Muzaffar Hussain\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n\n    <div data-reveal=\"2\">\n      <span class=\"mh-label\">The Author<\/span>\n      <h2 id=\"mhAboutTitle\">Muzaffar Hussain<\/h2>\n      <p>Muzaffar Hussain writes from a simple conviction: the pen is mightier than the sword. He believes the Creator of the universe communicated with humanity through the pen, and that until humanity learns to live by it, it will die by the sword.<\/p>\n      <p>His work asks why we read and why we write, and points to words as a way to think, to remember, and to bear witness.<\/p>\n      <blockquote class=\"mh-about__statement\">\n        <q>Like you? most great humans are well-read.<\/q>\n        \u2014 Muzaffar Hussain\n      <\/blockquote>\n      <a class=\"mh-btn\" href=\"\/about\/\">Read more about Muzaffar<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var items=document.querySelectorAll('#mhAbout [data-reveal]');\n  if(!('IntersectionObserver' in window)){items.forEach(function(i){i.classList.add('is-in')});return}\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target)}})},{threshold:.2});\n  items.forEach(function(i){io.observe(i)});\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f74570c e-con-full e-flex e-con e-parent\" data-id=\"f74570c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74574f5 elementor-widget elementor-widget-html\" data-id=\"74574f5\" 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-reading{--gold:#C9A45C;--light:#F5F3ED;--muted:#A7A39A;\r\n  background:#141414;color:var(--light);font-family:'Plus Jakarta Sans',sans-serif;padding:150px 0}\r\n.mh-reading *{box-sizing:border-box}\r\n.mh-reading__inner{max-width:1100px;margin:0 auto;padding:0 64px}\r\n.mh-reading__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:80px}\r\n.mh-reading__top h2{margin:0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:400}\r\n.mh-reading__count{font-size:12px;letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums}\r\n\r\n.mh-stage{position:relative;min-height:340px}\r\n.mh-q{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 1s ease,transform 1s ease,visibility 1s}\r\n.mh-q.is-active{opacity:1;visibility:visible;transform:none}\r\n.mh-q blockquote{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(30px,4.6vw,64px);line-height:1.15;color:#fff!important;}\r\n.mh-q figcaption{margin-top:36px;display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}\r\n.mh-q figcaption::before{content:\"\";width:40px;height:1px;background:var(--gold)}\r\n\r\n.mh-controls{display:flex;align-items:center;gap:28px;margin-top:64px}\r\n.mh-progress{flex:1;height:1px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}\r\n.mh-progress span{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}\r\n.mh-progress.is-running span{animation:mhProg 7s linear forwards}\r\n.mh-progress.is-paused span{animation-play-state:paused}\r\n@keyframes mhProg{to{transform:scaleX(1)}}\r\n.mh-ctrl{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.2);color:var(--light);cursor:pointer;transition:border-color .3s ease,color .3s ease;padding:0}\r\n.mh-ctrl:hover,.mh-ctrl:focus-visible{border-color:var(--gold);color:var(--gold)}\r\n.mh-ctrl svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n@media(max-width:1024px){.mh-reading{padding:110px 0}.mh-reading__inner{padding:0 40px}}\r\n@media(max-width:820px){\r\n  .mh-reading{padding:80px 0}.mh-reading__inner{padding:0 24px}\r\n  .mh-reading__top{margin-bottom:48px}\r\n  .mh-stage{min-height:430px}\r\n  .mh-controls{gap:14px;margin-top:40px}\r\n}\r\n@media(prefers-reduced-motion:reduce){.mh-q{transition:none}.mh-progress span{animation:none!important}}\r\n<\/style>\r\n\r\n<section class=\"mh-reading\" id=\"mhReading\" aria-labelledby=\"mhReadingTitle\">\r\n  <div class=\"mh-reading__inner\">\r\n\r\n    <div class=\"mh-reading__top\">\r\n      <h2 id=\"mhReadingTitle\">The Power of Reading<\/h2>\r\n      <span class=\"mh-reading__count\" id=\"mhCount\" aria-hidden=\"true\">01 \/ 08<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"mh-stage\" aria-live=\"off\">\r\n      <figure class=\"mh-q is-active\"><blockquote>\u201cA reader lives a thousand lives before he dies. The man who never reads lives only one.\u201d<\/blockquote><figcaption>George R.R. Martin<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cThere is no greater agony than bearing an untold story inside you.\u201d<\/blockquote><figcaption>Maya Angelou<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cThink before you speak. Read before you think.\u201d<\/blockquote><figcaption>Fran Lebowitz<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cIf there\u2019s a book that you want to read, but it hasn\u2019t been written yet, then you must write it.\u201d<\/blockquote><figcaption>Toni Morrison<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cI have always imagined that paradise will be a kind of library.\u201d<\/blockquote><figcaption>Jorge Luis Borges<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cWe write to taste life twice, in the moment and in retrospect.\u201d<\/blockquote><figcaption>Ana\u00efs Nin<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cReading is to the mind what exercise is to the body.\u201d<\/blockquote><figcaption>Joseph Addison<\/figcaption><\/figure>\r\n      <figure class=\"mh-q\"><blockquote>\u201cLike you? most great humans are well-read.\u201d<\/blockquote><figcaption>Muzaffar Hussain<\/figcaption><\/figure>\r\n    <\/div>\r\n\r\n    <div class=\"mh-controls\">\r\n      <button class=\"mh-ctrl\" id=\"mhPrev\" aria-label=\"Previous quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg><\/button>\r\n      <div class=\"mh-progress\" id=\"mhProg\" aria-hidden=\"true\"><span><\/span><\/div>\r\n      <button class=\"mh-ctrl\" id=\"mhPause\" aria-label=\"Pause quotes\">\r\n        <svg id=\"mhPauseIcon\" viewBox=\"0 0 24 24\"><path d=\"M9 5v14M15 5v14\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"mh-ctrl\" id=\"mhNext\" aria-label=\"Next quote\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var qs=document.querySelectorAll('#mhReading .mh-q'),\r\n      count=document.getElementById('mhCount'),\r\n      prog=document.getElementById('mhProg'),\r\n      pause=document.getElementById('mhPause'),\r\n      icon=document.getElementById('mhPauseIcon'),\r\n      i=0,timer=null,paused=false,\r\n      reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches,\r\n      DUR=7000;\r\n  function pad(n){return n<10?'0'+n:n}\r\n  function show(n){\r\n    qs[i].classList.remove('is-active');\r\n    i=(n+qs.length)%qs.length;\r\n    qs[i].classList.add('is-active');\r\n    count.textContent=pad(i+1)+' \/ '+pad(qs.length);\r\n    restart();\r\n  }\r\n  function restart(){\r\n    clearTimeout(timer);\r\n    prog.classList.remove('is-running');void prog.offsetWidth;\r\n    if(paused||reduce)return;\r\n    prog.classList.add('is-running');\r\n    timer=setTimeout(function(){show(i+1)},DUR);\r\n  }\r\n  document.getElementById('mhNext').addEventListener('click',function(){show(i+1)});\r\n  document.getElementById('mhPrev').addEventListener('click',function(){show(i-1)});\r\n  pause.addEventListener('click',function(){\r\n    paused=!paused;\r\n    pause.setAttribute('aria-label',paused?'Resume quotes':'Pause quotes');\r\n    icon.innerHTML=paused?'<path d=\"M8 5l11 7-11 7z\"\/>':'<path d=\"M9 5v14M15 5v14\"\/>';\r\n    restart();\r\n  });\r\n  restart();\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-3c9162c e-con-full e-flex e-con e-parent\" data-id=\"3c9162c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5daa57f elementor-widget elementor-widget-html\" data-id=\"5daa57f\" 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-ideas{--gold:#C9A45C;\r\n  background:#FAF9F6;color:#111;font-family:'Plus Jakarta Sans',sans-serif;padding:150px 0}\r\n.mh-ideas *{box-sizing:border-box}\r\n.mh-ideas__inner{max-width:1280px;margin:0 auto;padding:0 64px}\r\n.mh-ideas h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(44px,7vw,112px);line-height:.98;margin:0 0 100px;letter-spacing:-.01em}\r\n.mh-ideas h2 span{display:block}\r\n.mh-ideas h2 span:nth-child(2){padding-left:.9em;color:#A9874B;font-style:italic;font-weight:400}\r\n.mh-ideas h2 span:nth-child(3){padding-left:1.8em}\r\n.mh-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.1)}\r\n.mh-col{padding:48px 40px 20px 0;margin-right:40px;border-right:1px solid rgba(0,0,0,.1)}\r\n.mh-col:last-child{border-right:0;margin-right:0;padding-right:0}\r\n.mh-col:not(:first-child){padding-left:0}\r\n.mh-num{display:block;font-family:'Cormorant Garamond',serif;font-size:96px;line-height:1;color:var(--gold);margin-bottom:24px;font-weight:400}\r\n.mh-col h3{margin:0 0 20px;font-size:12px;letter-spacing:.34em;font-weight:500;text-transform:uppercase}\r\n.mh-col p{margin:0;font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1.45;color:#333;max-width:320px}\r\n\r\n.mh-ideas [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}\r\n.mh-ideas [data-reveal].is-in{opacity:1;transform:none}\r\n.mh-col:nth-child(2)[data-reveal]{transition-delay:.15s}\r\n.mh-col:nth-child(3)[data-reveal]{transition-delay:.3s}\r\n\r\n@media(max-width:1024px){.mh-ideas{padding:110px 0}.mh-ideas__inner{padding:0 40px}.mh-ideas h2{margin-bottom:70px}.mh-num{font-size:72px}.mh-col p{font-size:21px}}\r\n@media(max-width:820px){\r\n  .mh-ideas{padding:80px 0}.mh-ideas__inner{padding:0 24px}\r\n  .mh-ideas h2{margin-bottom:48px}\r\n  .mh-ideas h2 span:nth-child(2),.mh-ideas h2 span:nth-child(3){padding-left:.4em}\r\n  .mh-cols{grid-template-columns:1fr}\r\n  .mh-col,.mh-col:last-child{border-right:0;margin:0;padding:36px 0;border-bottom:1px solid rgba(0,0,0,.1)}\r\n  .mh-col:last-child{border-bottom:0}\r\n}\r\n@media(prefers-reduced-motion:reduce){.mh-ideas *{transition:none!important}.mh-ideas [data-reveal]{opacity:1;transform:none}}\r\n<\/style>\r\n\r\n<section class=\"mh-ideas\" id=\"mhIdeas\" aria-labelledby=\"mhIdeasTitle\">\r\n  <div class=\"mh-ideas__inner\">\r\n    <h2 id=\"mhIdeasTitle\" data-reveal><span>Read.<\/span><span>Think.<\/span><span>Reflect.<\/span><\/h2>\r\n\r\n    <div class=\"mh-cols\">\r\n      <article class=\"mh-col\" data-reveal>\r\n        <span class=\"mh-num\">01<\/span>\r\n        <h3>Read<\/h3>\r\n        <p>Reading opens doors to lives, places, and perspectives beyond our own.<\/p>\r\n      <\/article>\r\n      <article class=\"mh-col\" data-reveal>\r\n        <span class=\"mh-num\">02<\/span>\r\n        <h3>Think<\/h3>\r\n        <p>Words invite us to question what we believe and examine what surrounds us.<\/p>\r\n      <\/article>\r\n      <article class=\"mh-col\" data-reveal>\r\n        <span class=\"mh-num\">03<\/span>\r\n        <h3>Reflect<\/h3>\r\n        <p>Stories remain with us long after the final page.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var items=document.querySelectorAll('#mhIdeas [data-reveal]');\r\n  if(!('IntersectionObserver' in window)){items.forEach(function(i){i.classList.add('is-in')});return}\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target)}})},{threshold:.15});\r\n  items.forEach(function(i){io.observe(i)});\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-278504c e-con-full e-flex e-con e-parent\" data-id=\"278504c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65f182f elementor-widget elementor-widget-html\" data-id=\"65f182f\" 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-final{--gold:#C9A45C;--light:#F5F3ED;--muted:#A7A39A;\r\n  position:relative;display:block;width:100%;background:#0A0A0A;color:var(--light);\r\n  font-family:'Plus Jakarta Sans',sans-serif;padding:clamp(80px,14vw,170px) 0;text-align:center;overflow:hidden}\r\n.mh-final *{box-sizing:border-box}\r\n\r\n\/* texture + glow (never block clicks) *\/\r\n.mh-final::before{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.4;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\r\n.mh-final::after{content:\"\";position:absolute;inset:0;pointer-events:none;z-index:0;\r\n  background:radial-gradient(ellipse at 50% 100%,rgba(201,164,92,.08),transparent 60%)}\r\n\r\n.mh-final__inner{position:relative;z-index:5;max-width:1000px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}\r\n.mh-final__rule{display:block;width:1px;height:clamp(40px,7vw,70px);background:var(--gold);margin:0 auto clamp(28px,4vw,48px)}\r\n.mh-final h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(34px,8vw,124px);line-height:.98;margin:0 0 clamp(24px,4vw,36px);letter-spacing:-.01em;color:var(--light)}\r\n.mh-final h2 span{display:block}\r\n.mh-final h2 span:nth-child(3){color:var(--gold);font-style:italic;font-weight:400}\r\n.mh-final p{font-size:clamp(14px,1.6vw,16px);line-height:1.8;font-weight:300;color:var(--muted);margin:0 0 clamp(32px,5vw,52px)}\r\n\r\n\/* ---------- Buttons (high specificity so Elementor\/theme can't override) ---------- *\/\r\n.mh-final .mh-btns{display:flex!important;flex-wrap:wrap;gap:clamp(12px,2vw,16px);justify-content:center;align-items:center;position:relative;z-index:6}\r\n.mh-final a.mh-btn,\r\n.mh-final a.mh-btn:visited{\r\n  display:inline-flex!important;align-items:center;justify-content:center;\r\n  min-height:56px;padding:0 clamp(24px,4vw,42px)!important;\r\n  font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;font-weight:400!important;\r\n  letter-spacing:.24em!important;text-transform:uppercase!important;text-decoration:none!important;\r\n  line-height:1.2!important;border-radius:0!important;box-shadow:none!important;\r\n  opacity:1!important;visibility:visible!important;cursor:pointer;\r\n  transition:background .4s ease,color .4s ease,border-color .4s ease}\r\n.mh-final a.mh-btn--solid{background:#C9A45C!important;color:#0A0A0A!important;border:1px solid #C9A45C!important}\r\n.mh-final a.mh-btn--solid:hover,.mh-final a.mh-btn--solid:focus-visible{background:transparent!important;color:#C9A45C!important}\r\n.mh-final a.mh-btn--ghost{background:transparent!important;color:#F5F3ED!important;border:1px solid rgba(255,255,255,.35)!important}\r\n.mh-final a.mh-btn--ghost:hover,.mh-final a.mh-btn--ghost:focus-visible{border-color:#C9A45C!important;color:#C9A45C!important}\r\n\r\n\/* ---------- Reveal animation: ONLY active when JS adds .mh-js ---------- *\/\r\n.mh-final.mh-js .mh-final__rule{transform:scaleY(0);transform-origin:top;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}\r\n.mh-final.mh-js .mh-fin{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}\r\n.mh-final.mh-js.is-visible .mh-final__rule{transform:scaleY(1)}\r\n.mh-final.mh-js.is-visible .mh-fin{opacity:1;transform:none}\r\n.mh-final.mh-js.is-visible .f1{transition-delay:.3s}\r\n.mh-final.mh-js.is-visible .f2{transition-delay:.55s}\r\n.mh-final.mh-js.is-visible .f3{transition-delay:.8s}\r\n\r\n@media(max-width:1024px){.mh-final{padding:clamp(80px,12vw,120px) 0}}\r\n@media(max-width:820px){\r\n  .mh-final{padding:clamp(72px,14vw,99px) 0;}\r\n  .mh-final__inner{padding:0 24px}\r\n  .mh-final a.mh-btn{width:100%;}\r\n  .mh-final__rule{height:clamp(32px,6vw,50px);margin-bottom:36px}\r\n}\r\n@media(max-width:480px){\r\n  .mh-final a.mh-btn{min-height:52px;padding:0 20px!important;font-size:10px!important;letter-spacing:.2em!important}\r\n  .mh-final .mh-btns{gap:12px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .mh-final *{transition:none!important}\r\n  .mh-final.mh-js .mh-final__rule{transform:none}\r\n  .mh-final.mh-js .mh-fin{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"mh-final\" id=\"mhFinal\" aria-labelledby=\"mhFinalTitle\">\r\n  <div class=\"mh-final__inner\">\r\n    <span class=\"mh-final__rule\" aria-hidden=\"true\"><\/span>\r\n\r\n    <h2 id=\"mhFinalTitle\" class=\"mh-fin f1\">\r\n      <span>Read.<\/span><span>Reflect.<\/span><span>Understand.<\/span>\r\n    <\/h2>\r\n\r\n    <p class=\"mh-fin f2\">Explore the complete collection of books by Muzaffar Hussain.<\/p>\r\n\r\n    <div class=\"mh-btns mh-fin f3\">\r\n      <!-- WooCommerce Shop page: wc_get_page_permalink('shop') -->\r\n      <a class=\"mh-btn mh-btn--solid\" href=\"https:\/\/demowebdesign.live\/muzaffar-hussain\/books\/\">Explore All Books<\/a>\r\n      <!-- WooCommerce Cart page: wc_get_cart_url() -->\r\n      <a class=\"mh-btn mh-btn--ghost\" href=\"\/cart\/\">View Cart<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var el=document.getElementById('mhFinal');\r\n  if(!el)return;\r\n  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(reduce||!('IntersectionObserver' in window)){return;} \/* content stays visible *\/\r\n\r\n  el.classList.add('mh-js'); \/* enable animation only now that JS is running *\/\r\n\r\n  var shown=false;\r\n  function show(){ if(shown)return; shown=true; el.classList.add('is-visible'); }\r\n\r\n  var io=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){ if(e.isIntersecting){ show(); io.disconnect(); } });\r\n  },{threshold:.1});\r\n  io.observe(el);\r\n\r\n  \/* safety net: never leave content hidden *\/\r\n  setTimeout(show,2500);\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>The Author \u2022 The Pen \u2022 Humanity The Penis mightierthan the sword. Words have the power to challenge, remember, question, [&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-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/25","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=25"}],"version-history":[{"count":76,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":255,"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/pages\/25\/revisions\/255"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/muzaffar-hussain\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}