{"id":7144,"date":"2026-03-29T00:00:11","date_gmt":"2026-03-29T00:00:11","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7144"},"modified":"2026-04-06T11:53:59","modified_gmt":"2026-04-06T11:53:59","slug":"papyrus","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/font-generator\/papyrus\/","title":{"rendered":"Papyrus Font Generator \u2013 Create Stylish Ancient Text Free"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7144\" class=\"elementor elementor-7144\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b0ff2 e-con-full e-flex e-con e-parent\" data-id=\"a4b0ff2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b81ca3a elementor-widget elementor-widget-shortcode\" data-id=\"2b81ca3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"papyrus-font-generator\">\r\n  <style>\r\n    \/* Google Fonts Import *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel+Decorative:wght@400;700&family=Marcellus+SC&family=Cormorant+Garamond:wght@400;500;600;700&family=Cardo:wght@400;700&family=IM+Fell+English+SC&family=MedievalSharp&family=Uncial+Antiqua&family=Sedgwick+Ave+Display&family=Kalam:wght@300;400;700&family=ZCOOL+XiaoWei&family=Ma+Shan+Zheng&family=Kirang+Haerang&family=Monoton&family=Russo+One&family=Bebas+Neue&family=Playfair+Display:wght@400;700&family=Oswald:wght@300;400;600&family=Rokkitt:wght@400;700&display=swap');\r\n\r\n    \/* CSS Variables *\/\r\n    :root {\r\n      \/* Color Palette *\/\r\n      --papyrus-beige: #E5D4B1;\r\n      --desert-sand: #D2B48C;\r\n      --burnt-umber: #6B4226;\r\n      --ink-brown: #2C1B10;\r\n      --antique-gold: #C5A253;\r\n      --faded-olive: #827B60;\r\n      --soft-terracotta: #B5651D;\r\n\r\n      \/* Backgrounds *\/\r\n      --main-bg: linear-gradient(180deg, #F1E1C2, #E0CBA8, #D2B48C);\r\n      --card-bg: linear-gradient(145deg, #E8D8B5, #DCC49F);\r\n      --output-bg: #F5E6C4;\r\n\r\n      \/* Typography *\/\r\n      --heading-color: #6B4226;\r\n      --body-color: #4A3A28;\r\n      --accent-color: #B5651D;\r\n\r\n      \/* Effects *\/\r\n      --gold-glow: 0 0 8px rgba(197, 162, 83, 0.5);\r\n      --soft-glow: 0 0 4px rgba(197, 162, 83, 0.3);\r\n      --border-glow: 0 0 5px rgba(197, 162, 83, 0.4);\r\n\r\n      \/* Spacing *\/\r\n      --spacing-xs: clamp(4px, 1.5vw, 8px);\r\n      --spacing-sm: clamp(8px, 2vw, 12px);\r\n      --spacing-md: clamp(12px, 3vw, 16px);\r\n      --spacing-lg: clamp(16px, 4vw, 24px);\r\n      --spacing-xl: clamp(24px, 5vw, 32px);\r\n\r\n      \/* Border Radius *\/\r\n      --border-radius: 16px;\r\n    }\r\n\r\n    \/*\r\n      FIX: This CSS rule sets the foundational background on the highest-level element.\r\n      The accompanying JavaScript will then force any theme wrappers on top to become transparent.\r\n    *\/\r\n    html {\r\n        background: var(--main-bg) !important;\r\n        min-height: 100%;\r\n    }\r\n\r\n\r\n    \/* Base Styles *\/\r\n    #papyrus-font-generator {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      color: var(--body-color);\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 clamp(0.5rem, 3vw, 1rem);\r\n      box-sizing: border-box;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    #papyrus-font-generator h1 {\r\n      font-family: 'Cinzel Decorative', cursive;\r\n      font-size: clamp(1.6rem, 4vw, 3.2rem);\r\n      color: var(--heading-color);\r\n      text-align: center;\r\n      margin: var(--spacing-lg) 0 var(--spacing-md);\r\n      padding: var(--spacing-md) 0;\r\n      text-shadow: var(--gold-glow);\r\n      letter-spacing: 1px;\r\n      animation: fadeIn 1s ease-out;\r\n    }\r\n\r\n    #papyrus-font-generator h2 {\r\n      font-family: 'Marcellus SC', serif;\r\n      font-size: clamp(1.3rem, 3vw, 2.2rem);\r\n      color: var(--heading-color);\r\n      margin: var(--spacing-lg) 0 var(--spacing-md);\r\n      padding-bottom: var(--spacing-sm);\r\n      border-bottom: 2px solid var(--antique-gold);\r\n      text-shadow: var(--soft-glow);\r\n    }\r\n\r\n    #papyrus-font-generator h3 {\r\n      font-family: 'Cardo', serif;\r\n      font-size: clamp(1.1rem, 2.5vw, 1.5rem);\r\n      color: var(--heading-color);\r\n      margin: var(--spacing-md) 0 var(--spacing-sm);\r\n    }\r\n\r\n    #papyrus-font-generator p {\r\n      font-size: clamp(0.9rem, 1vw, 1.2rem);\r\n      line-height: 1.5;\r\n      margin-bottom: var(--spacing-sm);\r\n    }\r\n\r\n    \/* Subheading *\/\r\n    #papyrus-font-generator .subheading {\r\n      text-align: center;\r\n      font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n      color: var(--body-color);\r\n      margin-bottom: var(--spacing-lg);\r\n      text-shadow: var(--soft-glow);\r\n      animation: fadeIn 1.5s ease-out;\r\n    }\r\n\r\n    \/* Main Container Layout *\/\r\n    #papyrus-font-generator .main-wrapper {\r\n      flex-grow: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding-bottom: 50px;\r\n    }\r\n\r\n    \/* Generator Tool Container *\/\r\n    #papyrus-font-generator .generator-container {\r\n      background: var(--card-bg);\r\n      border-radius: var(--border-radius);\r\n      padding: var(--spacing-lg);\r\n      box-shadow: var(--border-glow);\r\n      border: 1px solid rgba(181, 101, 29, 0.2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-grow: 1;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Tab Navigation *\/\r\n    #papyrus-font-generator .tab-nav {\r\n      display: flex;\r\n      border-bottom: 1px solid var(--antique-gold);\r\n      margin-bottom: var(--spacing-md);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #papyrus-font-generator .tab-btn {\r\n      background: transparent;\r\n      border: none;\r\n      padding: var(--spacing-sm) var(--spacing-md);\r\n      font-family: 'Marcellus SC', serif;\r\n      font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n      color: var(--burnt-umber);\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      border-bottom: 2px solid transparent;\r\n      position: relative;\r\n    }\r\n\r\n    #papyrus-font-generator .tab-btn::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background: var(--antique-gold);\r\n      transform: scaleX(0);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    #papyrus-font-generator .tab-btn.active {\r\n      color: var(--heading-color);\r\n    }\r\n\r\n    #papyrus-font-generator .tab-btn.active::after {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    #papyrus-font-generator .tab-btn:hover {\r\n      color: var(--accent-color);\r\n      text-shadow: var(--soft-glow);\r\n    }\r\n\r\n    \/* Tab Content *\/\r\n    #papyrus-font-generator .tab-content {\r\n      display: none;\r\n      margin-bottom: var(--spacing-md);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #papyrus-font-generator .tab-content.active {\r\n      display: block;\r\n      animation: fadeIn 0.5s ease-out;\r\n    }\r\n\r\n    \/* Input Section *\/\r\n    #papyrus-font-generator .input-section {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--spacing-md);\r\n      margin-bottom: var(--spacing-lg);\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #papyrus-font-generator .input-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--spacing-xs);\r\n    }\r\n\r\n    #papyrus-font-generator label {\r\n      font-family: 'Cardo', serif;\r\n      font-weight: 600;\r\n      color: var(--heading-color);\r\n      font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n    }\r\n\r\n    #papyrus-font-generator input[type=\"text\"],\r\n    #papyrus-font-generator select {\r\n      padding: var(--spacing-sm);\r\n      border: 1px solid var(--antique-gold);\r\n      border-radius: var(--border-radius);\r\n      font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n      background: #FAEEDC;\r\n      color: var(--body-color);\r\n      transition: all 0.3s ease;\r\n      box-shadow: var(--border-glow);\r\n    }\r\n\r\n    #papyrus-font-generator input[type=\"text\"]:focus,\r\n    #papyrus-font-generator select:focus {\r\n      outline: none;\r\n      box-shadow: 0 0 10px rgba(197, 162, 83, 0.6);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    \/* Button Styles *\/\r\n    #papyrus-font-generator .generate-btn {\r\n      background: linear-gradient(90deg, var(--antique-gold), var(--papyrus-beige));\r\n      color: var(--ink-brown);\r\n      border: 1px solid #A88C55;\r\n      padding: var(--spacing-md) var(--spacing-xl);\r\n      font-family: 'Marcellus SC', serif;\r\n      font-size: clamp(1rem, 1.2vw, 1.2rem);\r\n      font-weight: 600;\r\n      border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: var(--border-glow);\r\n      align-self: center;\r\n      margin-top: var(--spacing-sm);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #papyrus-font-generator .generate-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: -100%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n      transition: left 0.5s ease;\r\n    }\r\n\r\n    #papyrus-font-generator .generate-btn:hover {\r\n      background: linear-gradient(90deg, #D1B467, #EDE0C7);\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 0 20px rgba(197, 162, 83, 0.7);\r\n    }\r\n\r\n    #papyrus-font-generator .generate-btn:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    #papyrus-font-generator .generate-btn:active {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    \/* Output Section *\/\r\n    #papyrus-font-generator .output-section {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-grow: 1;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    #papyrus-font-generator .output-header {\r\n      font-family: 'Marcellus SC', serif;\r\n      font-size: clamp(1.1rem, 2.5vw, 1.5rem);\r\n      color: var(--heading-color);\r\n      margin-bottom: var(--spacing-md);\r\n      padding-bottom: var(--spacing-xs);\r\n      border-bottom: 1px solid var(--antique-gold);\r\n    }\r\n\r\n    #papyrus-font-generator .output-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n      gap: var(--spacing-md);\r\n      flex-grow: 1;\r\n    }\r\n\r\n    #papyrus-font-generator .output-card {\r\n      background: var(--output-bg);\r\n      border-radius: var(--border-radius);\r\n      padding: var(--spacing-md);\r\n      position: relative;\r\n      border: 1px solid var(--antique-gold);\r\n      box-shadow: var(--border-glow);\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #papyrus-font-generator .output-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--antique-gold), var(--papyrus-beige));\r\n      transform: scaleX(0);\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    #papyrus-font-generator .output-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 0 20px rgba(197, 162, 83, 0.7);\r\n    }\r\n\r\n    #papyrus-font-generator .output-card:hover::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    #papyrus-font-generator .output-text {\r\n      font-size: clamp(0.9rem, 2vw, 1.1rem);\r\n      color: var(--ink-brown);\r\n      min-height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      word-break: break-word;\r\n      text-align: center;\r\n    }\r\n\r\n    #papyrus-font-generator .copy-btn {\r\n      position: absolute;\r\n      top: var(--spacing-xs);\r\n      right: var(--spacing-xs);\r\n      background: var(--antique-gold);\r\n      color: var(--ink-brown);\r\n      border: 1px solid #A88C55;\r\n      border-radius: 50%;\r\n      width: 28px;\r\n      height: 28px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      font-size: 14px;\r\n      box-shadow: var(--border-glow);\r\n    }\r\n\r\n    #papyrus-font-generator .copy-btn:hover {\r\n      background: #D1B467;\r\n      transform: scale(1.1);\r\n      box-shadow: 0 0 15px rgba(197, 162, 83, 0.7);\r\n    }\r\n\r\n    #papyrus-font-generator .copy-btn.copied::after {\r\n      content: \"\u2713\";\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      color: var(--ink-brown);\r\n      font-weight: bold;\r\n    }\r\n    \r\n    #papyrus-font-generator .load-more-btn {\r\n      margin-top: var(--spacing-md);\r\n      align-self: center;\r\n      background: linear-gradient(90deg, var(--soft-terracotta), #D27B57);\r\n      color: var(--ink-brown);\r\n      border: 1px solid #A86444;\r\n      padding: var(--spacing-sm) var(--spacing-lg);\r\n      font-family: 'Marcellus SC', serif;\r\n      font-size: clamp(0.9rem, 1vw, 1rem);\r\n      font-weight: 600;\r\n      border-radius: var(--border-radius);\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: var(--border-glow);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #papyrus-font-generator .load-more-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: -100%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n      transition: left 0.5s ease;\r\n    }\r\n\r\n    #papyrus-font-generator .load-more-btn:hover {\r\n      background: linear-gradient(90deg, #D27B57, #E09473);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 0 20px rgba(181, 101, 29, 0.7);\r\n    }\r\n\r\n    #papyrus-font-generator .load-more-btn:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    \/* Content Sections *\/\r\n    #papyrus-font-generator .content-section {\r\n      background: var(--card-bg);\r\n      border-radius: var(--border-radius);\r\n      padding: var(--spacing-xl);\r\n      margin-top: var(--spacing-xl);\r\n      box-shadow: var(--border-glow);\r\n      border: 1px solid rgba(181, 101, 29, 0.2);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #papyrus-font-generator .content-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--antique-gold), var(--papyrus-beige));\r\n    }\r\n\r\n    #papyrus-font-generator .card-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n      gap: var(--spacing-lg);\r\n      margin-top: var(--spacing-lg);\r\n    }\r\n\r\n    #papyrus-font-generator .info-card {\r\n      background: var(--output-bg);\r\n      border-radius: var(--border-radius);\r\n      padding: var(--spacing-lg);\r\n      border-left: 4px solid var(--antique-gold);\r\n      transition: all 0.3s ease;\r\n      box-shadow: var(--border-glow);\r\n    }\r\n\r\n    #papyrus-font-generator .info-card:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 0 20px rgba(197, 162, 83, 0.5);\r\n    }\r\n\r\n    #papyrus-font-generator .info-card h3 {\r\n      margin-top: 0;\r\n    }\r\n\r\n    #papyrus-font-generator .steps-list {\r\n      counter-reset: step-counter;\r\n      list-style-type: none;\r\n      padding-left: 0;\r\n    }\r\n\r\n    #papyrus-font-generator .steps-list li {\r\n      counter-increment: step-counter;\r\n      margin-bottom: var(--spacing-lg);\r\n      position: relative;\r\n      padding-left: 50px;\r\n    }\r\n\r\n    #papyrus-font-generator .steps-list li::before {\r\n      content: counter(step-counter);\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 35px;\r\n      height: 35px;\r\n      background: var(--antique-gold);\r\n      color: var(--ink-brown);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: bold;\r\n      font-family: 'Marcellus SC', serif;\r\n      box-shadow: var(--border-glow);\r\n    }\r\n\r\n    #papyrus-font-generator .table-container {\r\n      overflow-x: auto;\r\n      margin-top: var(--spacing-lg);\r\n    }\r\n\r\n    #papyrus-font-generator table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      font-size: clamp(0.9rem, 1vw, 1.1rem);\r\n    }\r\n\r\n    #papyrus-font-generator th,\r\n    #papyrus-font-generator td {\r\n      padding: var(--spacing-sm);\r\n      text-align: left;\r\n      border-bottom: 1px solid rgba(107, 66, 38, 0.3);\r\n    }\r\n\r\n    #papyrus-font-generator th {\r\n      background: var(--burnt-umber);\r\n      color: var(--papyrus-beige);\r\n      font-family: 'Marcellus SC', serif;\r\n    }\r\n\r\n    #papyrus-font-generator tr:nth-child(even) {\r\n      background: rgba(229, 212, 177, 0.3);\r\n    }\r\n\r\n    #papyrus-font-generator .accordion {\r\n      margin-top: var(--spacing-lg);\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-item {\r\n      border: 1px solid var(--antique-gold);\r\n      margin-bottom: var(--spacing-sm);\r\n      border-radius: var(--border-radius);\r\n      overflow: hidden;\r\n      transition: all 0.3s ease;\r\n      box-shadow: var(--border-glow);\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-item:hover {\r\n      box-shadow: 0 0 15px rgba(197, 162, 83, 0.5);\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-header {\r\n      background: var(--burnt-umber);\r\n      color: var(--papyrus-beige);\r\n      padding: var(--spacing-md);\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: all 0.3s ease;\r\n      font-family: 'Marcellus SC', serif;\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-header:hover {\r\n      background: #7A5238;\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-header::after {\r\n      content: \"+\";\r\n      font-size: 1.5rem;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-header.active::after {\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-content {\r\n      padding: 0;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.3s ease-out, padding 0.3s ease-out;\r\n    }\r\n\r\n    #papyrus-font-generator .accordion-content.active {\r\n      padding: var(--spacing-md);\r\n      max-height: 500px;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (min-width: 1024px) {\r\n      #papyrus-font-generator .main-wrapper {\r\n        min-height: 80vh;\r\n      }\r\n    }\r\n\r\n    \/* Initial placeholder styles *\/\r\n    #papyrus-font-generator .placeholder-text {\r\n      color: #8B7355;\r\n      font-style: italic;\r\n      text-align: center;\r\n      padding: var(--spacing-lg);\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Generator Tool -->\r\n  <header>\r\n    <h1>Papyrus Font Generator - Create Stylish Italic Text Free<\/h1>\r\n    <p class=\"subheading\">Transform your text with distinctive Papyrus font style. Create unique designs for invitations, logos, and creative projects with our easy-to-use generator.<\/p>\r\n  <\/header>\r\n\r\n  <main class=\"main-wrapper\">\r\n    <section class=\"generator-container\">\r\n      <div class=\"input-section\">\r\n        <!-- Text Input Tab -->\r\n        <div class=\"tab-nav\">\r\n          <button class=\"tab-btn active\" data-tab=\"text-tab\">Text Input<\/button>\r\n          <button class=\"tab-btn\" data-tab=\"style-tab\">Style Options<\/button>\r\n          <button class=\"tab-btn\" data-tab=\"format-tab\">Format Options<\/button>\r\n        <\/div>\r\n        \r\n        <!-- Text Input Tab Content -->\r\n        <div class=\"tab-content active\" id=\"text-tab\">\r\n          <div class=\"input-group\">\r\n            <label for=\"text-input\">Enter your text<\/label>\r\n            <input type=\"text\" id=\"text-input\" placeholder=\"Enter keyword or concept\" aria-label=\"Text input for font generation\">\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Style Options Tab Content -->\r\n        <div class=\"tab-content\" id=\"style-tab\">\r\n          <div class=\"input-group\">\r\n            <label for=\"tone-select\">Tone<\/label>\r\n            <select id=\"tone-select\" aria-label=\"Select tone style\">\r\n              <option value=\"ancient-papyrus\">Ancient Papyrus<\/option>\r\n              <option value=\"desert-script\">Desert Script<\/option>\r\n              <option value=\"egyptian-scroll\">Egyptian Scroll<\/option>\r\n              <option value=\"worn-manuscript\">Worn Manuscript<\/option>\r\n              <option value=\"tribal-script\">Tribal Script<\/option>\r\n              <option value=\"pharaoh-script\">Pharaoh Script<\/option>\r\n              <option value=\"sandstorm-font\">Sandstorm Font<\/option>\r\n              <option value=\"mystic-scroll\">Mystic Scroll<\/option>\r\n              <option value=\"neo-papyrus\">Neo Papyrus<\/option>\r\n              <option value=\"golden-scroll\">Golden Scroll<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Format Options Tab Content -->\r\n        <div class=\"tab-content\" id=\"format-tab\">\r\n          <div class=\"input-group\">\r\n            <label for=\"format-select\">Format<\/label>\r\n            <select id=\"format-select\" aria-label=\"Select format style\">\r\n              <option value=\"normal\">Normal<\/option>\r\n              <option value=\"uppercase\">Uppercase<\/option>\r\n              <option value=\"lowercase\">Lowercase<\/option>\r\n              <option value=\"titlecase\">Title Case<\/option>\r\n              <option value=\"italic\">Italic<\/option>\r\n              <option value=\"spaced\">Spaced<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          \r\n          <div class=\"input-group\">\r\n            <label for=\"length-select\">Length<\/label>\r\n            <select id=\"length-select\" aria-label=\"Select length\">\r\n              <option value=\"short\">Short<\/option>\r\n              <option value=\"medium\">Medium<\/option>\r\n              <option value=\"long\">Long<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"generate-btn\" id=\"generate-btn\" aria-label=\"Generate Papyrus font styles\">Generate<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"output-section\" id=\"output-section\">\r\n        <h3 class=\"output-header\">Generated Papyrus Font Styles<\/h3>\r\n        <div class=\"output-grid\" id=\"output-grid\">\r\n          <!-- Dummy output cards will be inserted here -->\r\n        <\/div>\r\n        <button class=\"load-more-btn\" id=\"load-more-btn\" style=\"display: none;\">Load More<\/button>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- Content Sections -->\r\n  \r\n\r\n  \r\n\r\n \r\n \r\n\r\n \r\n  <!-- JavaScript -->\r\n  <script>\r\n    \/\/ Check if jQuery is available and use noConflict mode if needed\r\n    if (typeof jQuery !== 'undefined') {\r\n      var papyrusGeneratorJQuery = jQuery.noConflict();\r\n    }\r\n\r\n    \/\/ Wait for DOM to be fully loaded\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      \/\/ DOM Elements\r\n      const textInput = document.getElementById('text-input');\r\n      const toneSelect = document.getElementById('tone-select');\r\n      const formatSelect = document.getElementById('format-select');\r\n      const lengthSelect = document.getElementById('length-select');\r\n      const generateBtn = document.getElementById('generate-btn');\r\n      const outputSection = document.getElementById('output-section');\r\n      const outputGrid = document.getElementById('output-grid');\r\n      const loadMoreBtn = document.getElementById('load-more-btn');\r\n      const tabBtns = document.querySelectorAll('.tab-btn');\r\n      const tabContents = document.querySelectorAll('.tab-content');\r\n\r\n      \/\/ --- START: BACKGROUND FIX FOR WORDPRESS ---\r\n      \/\/ This code finds the theme's containers and makes them transparent.\r\n      try {\r\n        let currentElement = document.getElementById('papyrus-font-generator');\r\n        if (currentElement) {\r\n          let parent = currentElement.parentElement;\r\n          \/\/ Loop upwards from the generator to the <body> tag\r\n          while (parent && parent.tagName.toLowerCase() !== 'body') {\r\n            \/\/ Force the parent container's background to be transparent\r\n            parent.style.setProperty('background', 'transparent', 'important');\r\n            parent = parent.parentElement;\r\n          }\r\n        }\r\n        \/\/ Also ensure the body itself is transparent\r\n        document.body.style.setProperty('background', 'transparent', 'important');\r\n      } catch (e) {\r\n        console.error(\"Papyrus BG Fix: Failed to make parent elements transparent.\", e);\r\n      }\r\n      \/\/ --- END: BACKGROUND FIX FOR WORDPRESS ---\r\n\r\n      \/\/ Tab functionality\r\n      tabBtns.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          \/\/ Remove active class from all tabs and contents\r\n          tabBtns.forEach(b => b.classList.remove('active'));\r\n          tabContents.forEach(c => c.classList.remove('active'));\r\n          \r\n          \/\/ Add active class to clicked tab and corresponding content\r\n          btn.classList.add('active');\r\n          const tabId = btn.getAttribute('data-tab');\r\n          document.getElementById(tabId).classList.add('active');\r\n        });\r\n      });\r\n\r\n      \/\/ Comprehensive Papyrus Font Styles based on Text Styles System\r\n      const papyrusStyles = {\r\n        \/\/ Classic Papyrus-Inspired Styles\r\n        'ancient-papyrus': {\r\n          fonts: ['Cinzel Decorative', 'IM Fell English SC', 'MedievalSharp'],\r\n          styles: ['font-weight: 400;', 'text-shadow: 1px 1px 2px rgba(0,0,0,0.3);', 'letter-spacing: 1px;']\r\n        },\r\n        'desert-script': {\r\n          fonts: ['Sedgwick Ave Display', 'Kalam', 'Ma Shan Zheng'],\r\n          styles: ['font-weight: 300;', 'font-style: italic;', 'transform: rotate(-1deg);']\r\n        },\r\n        'egyptian-scroll': {\r\n          fonts: ['Uncial Antiqua', 'Cinzel Decorative', 'Playfair Display'],\r\n          styles: ['font-weight: 700;', 'text-transform: uppercase;', 'letter-spacing: 2px;']\r\n        },\r\n        'worn-manuscript': {\r\n          fonts: ['IM Fell English SC', 'MedievalSharp', 'Cardo'],\r\n          styles: ['font-weight: 400;', 'opacity: 0.9;', 'text-shadow: 0.5px 0.5px 1px rgba(139,115,85,0.5);']\r\n        },\r\n        \r\n        \/\/ Tribal & Ethnic Variants\r\n        'tribal-script': {\r\n          fonts: ['Kirang Haerang', 'ZCOOL XiaoWei', 'Ma Shan Zheng'],\r\n          styles: ['font-weight: 700;', 'text-transform: uppercase;', 'letter-spacing: 3px;']\r\n        },\r\n        \r\n        \/\/ Egyptian & Hieroglyphic Fusions\r\n        'pharaoh-script': {\r\n          fonts: ['Uncial Antiqua', 'Cinzel Decorative', 'Russo One'],\r\n          styles: ['font-weight: 700;', 'background: linear-gradient(45deg, #C5A253, #E5D4B1);', '-webkit-background-clip: text;', '-webkit-text-fill-color: transparent;']\r\n        },\r\n        \r\n        \/\/ Natural & Organic Textures\r\n        'sandstorm-font': {\r\n          fonts: ['Sedgwick Ave Display', 'Kalam', 'Kirang Haerang'],\r\n          styles: ['font-weight: 300;', 'opacity: 0.85;', 'filter: blur(0.3px);']\r\n        },\r\n        \r\n        \/\/ Fantasy & Mystical Versions\r\n        'mystic-scroll': {\r\n          fonts: ['MedievalSharp', 'Uncial Antiqua', 'Cinzel Decorative'],\r\n          styles: ['font-weight: 400;', 'text-shadow: 0 0 5px rgba(197,162,83,0.5);', 'letter-spacing: 1px;']\r\n        },\r\n        \r\n        \/\/ Modern Fusions\r\n        'neo-papyrus': {\r\n          fonts: ['Oswald', 'Rokkitt', 'Bebas Neue'],\r\n          styles: ['font-weight: 300;', 'text-transform: uppercase;', 'letter-spacing: 1px;']\r\n        },\r\n        \r\n        \/\/ Royal & Luxurious Variants\r\n        'golden-scroll': {\r\n          fonts: ['Cinzel Decorative', 'Playfair Display', 'Marcellus SC'],\r\n          styles: ['font-weight: 700;', 'background: linear-gradient(90deg, #C5A253, #E5D4B1, #C5A253);', '-webkit-background-clip: text;', '-webkit-text-fill-color: transparent;']\r\n        }\r\n      };\r\n\r\n      \/\/ Format Functions\r\n      const formatFunctions = {\r\n        normal: (text) => text,\r\n        uppercase: (text) => text.toUpperCase(),\r\n        lowercase: (text) => text.toLowerCase(),\r\n        titlecase: (text) => text.replace(\/\\w\\S*\/g, (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()),\r\n        italic: (text) => `<em>${text}<\/em>`,\r\n        spaced: (text) => text.split('').join(' ')\r\n      };\r\n\r\n      \/\/ Length Functions\r\n      const lengthFunctions = {\r\n        short: (text) => text.split(' ').slice(0, 3).join(' '),\r\n        medium: (text) => text.split(' ').slice(0, 6).join(' '),\r\n        long: (text) => text\r\n      };\r\n\r\n      let allGeneratedCards = [];\r\n      let currentCardIndex = 0;\r\n      const cardsPerLoad = 10;\r\n\r\n      \/\/ Initialize with dummy output cards\r\n      function initializeDummyOutput() {\r\n        const dummyTexts = [\r\n          'Ancient Wisdom',\r\n          'Desert Dreams',\r\n          'Egyptian Mysteries',\r\n          'Sacred Text',\r\n          'Royal Decree',\r\n          'Timeless Script',\r\n          'Mystic Words',\r\n          'Golden Legacy',\r\n          'Tribal Heritage',\r\n          'Papyrus Art'\r\n        ];\r\n\r\n        const dummyStyles = [\r\n          { font: 'Cinzel Decorative', style: 'font-weight: 400; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);' },\r\n          { font: 'Uncial Antiqua', style: 'font-weight: 700; text-transform: uppercase;' },\r\n          { font: 'Sedgwick Ave Display', style: 'font-weight: 300; font-style: italic;' },\r\n          { font: 'MedievalSharp', style: 'font-weight: 400; text-shadow: 0 0 5px rgba(197,162,83,0.5);' },\r\n          { font: 'IM Fell English SC', style: 'font-weight: 400; opacity: 0.9;' },\r\n          { font: 'Kirang Haerang', style: 'font-weight: 700; letter-spacing: 2px;' },\r\n          { font: 'Playfair Display', style: 'font-weight: 700; font-style: italic;' },\r\n          { font: 'Oswald', style: 'font-weight: 300; text-transform: uppercase;' },\r\n          { font: 'Marcellus SC', style: 'font-weight: 600; letter-spacing: 1px;' },\r\n          { font: 'Kalam', style: 'font-weight: 400; transform: rotate(-0.5deg);' }\r\n        ];\r\n\r\n        outputGrid.innerHTML = '';\r\n        \r\n        dummyTexts.forEach((text, index) => {\r\n          const style = dummyStyles[index % dummyStyles.length];\r\n          const card = createOutputCard(text, style.font, style.style, 'normal');\r\n          outputGrid.appendChild(card);\r\n        });\r\n      }\r\n\r\n      \/\/ Generate Button Click Event\r\n      generateBtn.addEventListener('click', () => {\r\n        const inputText = textInput.value.trim();\r\n\r\n        if (!inputText) {\r\n          alert('Please enter some text to generate.');\r\n          return;\r\n        }\r\n\r\n        \/\/ Reset state for new generation\r\n        allGeneratedCards = [];\r\n        currentCardIndex = 0;\r\n        outputGrid.innerHTML = '';\r\n        loadMoreBtn.style.display = 'none';\r\n\r\n        \/\/ Get selected options\r\n        const selectedTone = toneSelect.value;\r\n        const selectedFormat = formatSelect.value;\r\n        const selectedLength = lengthSelect.value;\r\n\r\n        \/\/ Get style configuration\r\n        const styleConfig = papyrusStyles[selectedTone];\r\n        const variationNames = Object.keys(papyrusStyles);\r\n\r\n        \/\/ Apply length function\r\n        const processedText = lengthFunctions[selectedLength](inputText);\r\n\r\n        \/\/ Generate all possible results (up to 30)\r\n        for (let i = 0; i < 30; i++) {\r\n          \/\/ Create variations using different combinations\r\n          let font, style;\r\n          \r\n          if (i < 3) {\r\n            \/\/ Use fonts from selected tone\r\n            font = styleConfig.fonts[i % styleConfig.fonts.length];\r\n            style = styleConfig.styles[i % styleConfig.styles.length];\r\n          } else {\r\n            \/\/ Mix with other tones for variety\r\n            const randomTone = variationNames[Math.floor(Math.random() * variationNames.length)];\r\n            const randomConfig = papyrusStyles[randomTone];\r\n            font = randomConfig.fonts[Math.floor(Math.random() * randomConfig.fonts.length)];\r\n            style = randomConfig.styles[Math.floor(Math.random() * randomConfig.styles.length)];\r\n          }\r\n\r\n          const card = createOutputCard(processedText, font, style, selectedFormat);\r\n          allGeneratedCards.push(card);\r\n        }\r\n\r\n        \/\/ Show the first set of results\r\n        loadMoreCards();\r\n\r\n        \/\/ Scroll to output section smoothly\r\n        outputSection.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n      });\r\n\r\n      \/\/ Load More Button Click Event\r\n      loadMoreBtn.addEventListener('click', () => {\r\n        loadMoreCards();\r\n      });\r\n\r\n      function loadMoreCards() {\r\n        const nextIndex = currentCardIndex + cardsPerLoad;\r\n        const cardsToAppend = allGeneratedCards.slice(currentCardIndex, nextIndex);\r\n\r\n        cardsToAppend.forEach(card => outputGrid.appendChild(card));\r\n\r\n        currentCardIndex = nextIndex;\r\n\r\n        \/\/ Hide button if all cards are loaded\r\n        if (currentCardIndex >= allGeneratedCards.length) {\r\n          loadMoreBtn.style.display = 'none';\r\n        } else {\r\n          loadMoreBtn.style.display = 'block';\r\n        }\r\n      }\r\n\r\n      function createOutputCard(text, fontFamily, fontStyle, format) {\r\n        const card = document.createElement('div');\r\n        card.className = 'output-card';\r\n\r\n        const outputText = document.createElement('div');\r\n        outputText.className = 'output-text';\r\n        outputText.style.fontFamily = `'${fontFamily}', serif`;\r\n        outputText.style.cssText += fontStyle;\r\n        outputText.innerHTML = formatFunctions[format](text);\r\n\r\n        const copyBtn = document.createElement('button');\r\n        copyBtn.className = 'copy-btn';\r\n        copyBtn.setAttribute('aria-label', 'Copy text to clipboard');\r\n        copyBtn.innerHTML = '\ud83d\udccb';\r\n\r\n        copyBtn.addEventListener('click', () => {\r\n          const textToCopy = formatFunctions[format](text).replace(\/<[^>]*>\/g, '');\r\n          \r\n          \/\/ Try modern clipboard API first\r\n          if (navigator.clipboard && navigator.clipboard.writeText) {\r\n            navigator.clipboard.writeText(textToCopy)\r\n              .then(() => {\r\n                copyBtn.classList.add('copied');\r\n                setTimeout(() => {\r\n                  copyBtn.classList.remove('copied');\r\n                }, 1500);\r\n              })\r\n              .catch(err => {\r\n                console.error('Failed to copy text: ', err);\r\n                \/\/ Fallback for older browsers\r\n                fallbackCopyToClipboard(textToCopy, copyBtn);\r\n              });\r\n          } else {\r\n            \/\/ Fallback for older browsers\r\n            fallbackCopyToClipboard(textToCopy, copyBtn);\r\n          }\r\n        });\r\n\r\n        card.appendChild(outputText);\r\n        card.appendChild(copyBtn);\r\n        return card;\r\n      }\r\n      \r\n      function fallbackCopyToClipboard(textToCopy, copyBtn) {\r\n        try {\r\n          const textArea = document.createElement('textarea');\r\n          textArea.value = textToCopy;\r\n          document.body.appendChild(textArea);\r\n          textArea.select();\r\n          document.execCommand('copy');\r\n          document.body.removeChild(textArea);\r\n\r\n          copyBtn.classList.add('copied');\r\n          setTimeout(() => {\r\n            copyBtn.classList.remove('copied');\r\n          }, 1500);\r\n        } catch (err) {\r\n          console.error('Failed to copy text: ', err);\r\n        }\r\n      }\r\n\r\n      \/\/ Accordion Functionality\r\n      const accordionHeaders = document.querySelectorAll('.accordion-header');\r\n\r\n      accordionHeaders.forEach(header => {\r\n        header.addEventListener('click', () => {\r\n          const content = header.nextElementSibling;\r\n          const isActive = header.classList.contains('active');\r\n\r\n          \/\/ Close all accordion items\r\n          accordionHeaders.forEach(h => {\r\n            h.classList.remove('active');\r\n            h.nextElementSibling.classList.remove('active');\r\n          });\r\n\r\n          \/\/ Open clicked item if it wasn't active\r\n          if (!isActive) {\r\n            header.classList.add('active');\r\n            content.classList.add('active');\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Initialize dummy output on page load\r\n      initializeDummyOutput();\r\n    });\r\n  <\/script>\r\n<\/div>\r\n\r\n<!-- Content Section Start From Here  -->\r\n\r\n<!-- FONT AWESOME 6.5.1 FREE CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n<div id=\"papyrus-supportive-content\">\r\n    <style>\r\n        \/* CSS Variables inheriting from the main tool's palette *\/\r\n        #papyrus-supportive-content {\r\n            --p-gold: #C5A253;\r\n            --p-umber: #6B4226;\r\n            --p-ink: #2C1B10;\r\n            --p-beige: #E5D4B1;\r\n            --p-bg-white: #ffffff;\r\n            --p-bg-soft: #f0f7ff;\r\n            --p-gradient: linear-gradient(90deg, #6B4226, #B5651D);\r\n            \r\n            font-family: 'Cormorant Garamond', serif;\r\n            color: var(--p-ink);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .p-section {\r\n            width: 100%;\r\n            padding: 100px 0;\r\n            display: block;\r\n        }\r\n\r\n        .p-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* TYPOGRAPHY *\/\r\n        .p-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .p-wh-heading {\r\n            font-family: 'Cinzel Decorative', cursive;\r\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n            background: var(--p-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .p-subheading {\r\n            font-family: 'Marcellus SC', serif;\r\n            font-size: 1.2rem;\r\n            color: var(--p-umber);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* GRID SYSTEM *\/\r\n        .p-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 25px;\r\n        }\r\n\r\n        .p-card {\r\n            border-radius: 10px;\r\n            padding: 35px 25px;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .p-card i {\r\n            font-size: 2.8rem;\r\n            margin-bottom: 20px;\r\n            color: var(--p-gold);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .p-card h3 {\r\n            font-family: 'Marcellus SC', serif;\r\n            font-size: 1.25rem;\r\n            color: var(--p-umber);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .p-card p {\r\n            font-family: 'Cardo', serif;\r\n            font-size: 1rem;\r\n            color: var(--p-ink);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- SECTION 1: WHAT (Magnetic Hover Tilt) --- *\/\r\n        .p-sec-1 { background-color: var(--p-bg-white); }\r\n        .p-sec-1 .p-card { background-color: var(--p-bg-soft); }\r\n        \r\n        .p-card-magnetic:hover {\r\n            transform: perspective(1000px) rotateX(10deg) rotateY(10deg) translateY(-12px);\r\n            box-shadow: 0 15px 35px rgba(107, 66, 38, 0.15);\r\n        }\r\n        .p-card-magnetic:hover i {\r\n            transform: translateZ(30px) scale(1.15);\r\n            color: var(--p-umber);\r\n        }\r\n\r\n        \/* --- SECTION 2: WHY (Diagonal Light Sweep) --- *\/\r\n        .p-sec-2 { background-color: var(--p-bg-soft); }\r\n        .p-sec-2 .p-card { \r\n            background-color: var(--p-bg-white); \r\n            text-align: left;\r\n            align-items: flex-start;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .p-card-sweep::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: -150%;\r\n            width: 100%; height: 100%;\r\n            background: linear-gradient(120deg, transparent, rgba(197, 162, 83, 0.15), transparent);\r\n            transition: all 0.7s ease;\r\n        }\r\n\r\n        .p-card-sweep:hover::after {\r\n            left: 150%;\r\n        }\r\n\r\n        .p-card-sweep:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .p-card-sweep:hover i {\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        \/* --- SECTION 3: HOW (Shadow Pulse Echo) --- *\/\r\n        .p-sec-3 { background-color: var(--p-bg-white); }\r\n        .p-sec-3 .p-card { \r\n            background-color: var(--p-bg-soft);\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n        .p-card-pulse:hover {\r\n            box-shadow: 0 0 0 12px rgba(197, 162, 83, 0.1), 0 15px 30px rgba(0,0,0,0.1);\r\n            border-color: var(--p-gold);\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        .p-card-pulse:hover i {\r\n            animation: p-icon-bounce 0.6s infinite alternate;\r\n        }\r\n\r\n        @keyframes p-icon-bounce {\r\n            from { transform: translateY(0); }\r\n            to { transform: translateY(-10px); }\r\n        }\r\n\r\n        \/* RESPONSIVE DESIGN *\/\r\n        @media (max-width: 1024px) {\r\n            .p-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .p-grid { grid-template-columns: 1fr; }\r\n            .p-wh-heading { font-size: 1.8rem; }\r\n            .p-section { padding: 60px 0; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- SECTION 1: WHAT -->\r\n   <section class=\"p-section p-sec-1\">\r\n        <div class=\"p-container\">\r\n        \r\n        <\/div>\r\n\t<\/section>\r\n    <section class=\"p-section p-sec-1\">\r\n        <div class=\"p-container\">\r\n            <div class=\"p-header\">\r\n                <h2 class=\"p-wh-heading\">What is the Papyrus Font Generator?<\/h2>\r\n                <p class=\"p-subheading\">Unlock the secrets of ancient digital calligraphy and transform your modern text into legendary artifacts.<\/p>\r\n            <\/div>\r\n            <div class=\"p-grid\">\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-scroll\"><\/i>\r\n                    <h3>Digital Parchment<\/h3>\r\n                    <p>A sophisticated tool that replicates the textured, organic strokes of the iconic Papyrus typeface.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\r\n                    <h3>Unicode Alchemy<\/h3>\r\n                    <p>Uses advanced character mapping to ensure your generated text works across all digital platforms.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-clapperboard\"><\/i>\r\n                    <h3>Cinematic Visuals<\/h3>\r\n                    <p>Perfect for recreating the \"Avatar\" aesthetic or epic historical movie title sequences.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-feather-pointed\"><\/i>\r\n                    <h3>Ink Variations<\/h3>\r\n                    <p>From deep Umber to Golden scripts, choose the intensity of your ancient ink style.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-earth-africa\"><\/i>\r\n                    <h3>Egyptian Vibe<\/h3>\r\n                    <p>Infuses your words with the mystery of the Nile and the grandeur of the Pharaohs.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-mobile-screen\"><\/i>\r\n                    <h3>Responsive App<\/h3>\r\n                    <p>Generate ancient scrolls on your smartphone or desktop with seamless cross-device compatibility.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    <h3>Antique Polish<\/h3>\r\n                    <p>Simulates the worn edges and irregular textures found in physical historical manuscripts.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-magnetic\">\r\n                    <i class=\"fa-solid fa-infinity\"><\/i>\r\n                    <h3>Infinite Usage<\/h3>\r\n                    <p>Free for everyone. No limits on how many scrolls you can transfigure into digital art.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: WHY -->\r\n    <section class=\"p-section p-sec-2\">\r\n        <div class=\"p-container\">\r\n            <div class=\"p-header\">\r\n                <h2 class=\"p-wh-heading\">Why Choose the Papyrus Aesthetic?<\/h2>\r\n                <p class=\"p-subheading\">In a world of flat fonts, stand out with the weight of history and the texture of legend.<\/p>\r\n            <\/div>\r\n            <div class=\"p-grid\">\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-eye\"><\/i>\r\n                    <h3>Iconic Recognition<\/h3>\r\n                    <p>Instantly recognizable, Papyrus brings an air of mysticism that stops the scroll in social feeds.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-mountain-sun\"><\/i>\r\n                    <h3>Natural Texture<\/h3>\r\n                    <p>Perfect for outdoor, wellness, and environmental brands seeking a rugged, earth-born identity.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-dragon\"><\/i>\r\n                    <h3>RPG Immersion<\/h3>\r\n                    <p>Essential for Dungeon Masters and gamers creating immersive maps and lore-based notes.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-id-card\"><\/i>\r\n                    <h3>Personal Branding<\/h3>\r\n                    <p>Establish a creative persona that feels thoughtful, artistic, and deeply rooted in tradition.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n                    <h3>Event Design<\/h3>\r\n                    <p>Ideal for themed party invitations, wedding menus, and professional digital event flyers.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-film\"><\/i>\r\n                    <h3>Nostalgia Power<\/h3>\r\n                    <p>Tap into the visual language of the 2000s and cinematic history to trigger emotional responses.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-gem\"><\/i>\r\n                    <h3>Bespoke Luxury<\/h3>\r\n                    <p>Give your digital content a handcrafted feel that feels expensive and rare compared to system fonts.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-sweep\">\r\n                    <i class=\"fa-solid fa-masks-theater\"><\/i>\r\n                    <h3>Atmospheric Edge<\/h3>\r\n                    <p>Sets the mood instantly for any project involving mystery, archaeology, or ancient fantasy.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: HOW -->\r\n    <section class=\"p-section p-sec-3\">\r\n        <div class=\"p-container\">\r\n            <div class=\"p-header\">\r\n                <h2 class=\"p-wh-heading\">How to Craft Your Ancient Scroll?<\/h2>\r\n                <p class=\"p-subheading\">Mastering the art of digital parchment transfiguration is easier than building a pyramid.<\/p>\r\n            <\/div>\r\n            <div class=\"p-grid\">\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-keyboard\"><\/i>\r\n                    <h3>1. Speak Your Truth<\/h3>\r\n                    <p>Enter your message into the text input box at the top of the sacred generator page.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-palette\"><\/i>\r\n                    <h3>2. Choose Your Tone<\/h3>\r\n                    <p>Select from Ancient, Desert, or Golden variations to define the intensity of your script.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-sliders\"><\/i>\r\n                    <h3>3. Format the Scroll<\/h3>\r\n                    <p>Adjust the case and spacing options to fit your project's specific archaeological requirements.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\r\n                    <h3>4. Cast the Spell<\/h3>\r\n                    <p>Hit the 'Generate' button to begin the digital transfiguration of your modern text.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n                    <h3>5. Behold the Results<\/h3>\r\n                    <p>Browse through dozens of unique variations rendered in our antique-themed layout.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-hand-pointer\"><\/i>\r\n                    <h3>6. Capture the Ink<\/h3>\r\n                    <p>Click the golden copy icon on your favorite style to bind the text to your system's clipboard.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-paste\"><\/i>\r\n                    <h3>7. Manifest Anywhere<\/h3>\r\n                    <p>Paste your Papyrus-styled text directly into social media, documents, or design tools.<\/p>\r\n                <\/div>\r\n                <div class=\"p-card p-card-pulse\">\r\n                    <i class=\"fa-solid fa-rotate\"><\/i>\r\n                    <h3>8. Repeat the Ritual<\/h3>\r\n                    <p>Update your text or try new tone settings as many times as you like. No limit to the magic!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":7231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=7144"}],"version-history":[{"count":5,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7144\/revisions"}],"predecessor-version":[{"id":7238,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7144\/revisions\/7238"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7231"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=7144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}