{"id":2,"date":"2025-12-03T07:33:17","date_gmt":"2025-12-03T07:33:17","guid":{"rendered":"https:\/\/sylvestris.works\/wordpress\/?page_id=2"},"modified":"2026-01-22T16:17:24","modified_gmt":"2026-01-22T16:17:24","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sylvestris.works\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@1&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');\n\n  \/* --- 1. GLOBAL RESET & BACKGROUND --- *\/\n  \n  \/* Hiding default WP Titles *\/\n  h1.wp-block-post-title, .entry-title, .page-title, header.entry-header {\n    display: none !important;\n  }\n\n  \/* Apply the background to the very root of the page *\/\n  html, body {\n    margin: 0 !important;\n    padding: 0 !important;\n    min-height: 100vh;\n    width: 100%;\n    \n    \/* The Cyber-Noir Gradient *\/\n    background-color: #050505 !important;\n    background: radial-gradient(circle at center, #1b261b 0%, #050505 70%) !important;\n    background-attachment: fixed !important; \/* Keeps gradient steady while scrolling *\/\n    color: #E0E0E0;\n    font-family: 'Space Mono', monospace;\n  }\n\n  .wp-site-blocks, \n  #page, \n  .site-content, \n  .entry-content {\n    background: transparent !important;\n    background-color: transparent !important;\n  }\n\n  .sylvestris-wrapper {\n    width: 100%;\n    min-height: 90vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    box-sizing: border-box;\n  }\n\n  .sylvestris-card {\n    max-width: 620px;\n    width: 100%;\n    \/* Glassmorphism Card *\/\n    background: rgba(5, 8, 5, 0.7); \n    backdrop-filter: blur(15px);\n    -webkit-backdrop-filter: blur(15px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.02), 0 20px 50px rgba(0, 0, 0, 0.8);\n    padding: 60px 40px;\n    border-radius: 2px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .sylvestris-h1 {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    font-size: 3.5rem;\n    line-height: 1.1;\n    margin: 0 0 10px 0;\n    color: #ffffff;\n    font-weight: 400;\n    letter-spacing: -0.02em;\n    min-height: 3.8rem;\n  }\n\n  .sylvestris-tagline {\n    font-family: 'Space Mono', monospace;\n    font-size: 0.9rem;\n    color: #CCFF00;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 50px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    padding-bottom: 20px;\n    display: inline-block;\n  }\n\n  .sylvestris-pillar {\n    margin-bottom: 25px;\n    cursor: default;\n  }\n\n  .pillar-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 0;\n    display: block;\n    opacity: 0.6; \n    transition: opacity 0.3s ease, color 0.3s ease;\n  }\n\n  .sylvestris-pillar:hover .pillar-title {\n    opacity: 1;\n    color: #CCFF00;\n  }\n\n  .pillar-num {\n    opacity: 0.5;\n    margin-right: 10px;\n    font-weight: 400;\n  }\n\n  .pillar-text {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    font-weight: 400;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin-top: 0;\n    padding-left: 2px;\n    transition: \n      max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1),\n      opacity 0.6s ease-in-out,\n      margin-top 0.4s ease;\n  }\n\n  .sylvestris-pillar:hover .pillar-text {\n    max-height: 150px;\n    opacity: 0.9;\n    margin-top: 12px;\n  }\n\n  \/* --- 5. FOOTER & INITIATE --- *\/\n  .sylvestris-footer {\n    margin-top: 60px;\n    padding-top: 30px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 0.85rem;\n    flex-wrap: wrap;\n    gap: 20px;\n  }\n\n  .company-name {\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    color: #fff;\n  }\n   \n  .sylvestris-italic {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    font-weight: 400;\n    font-size: 1.1rem;\n    margin-right: 4px;\n  }\n\n  .initiate-link {\n    color: #CCFF00;\n    text-decoration: none;\n    transition: opacity 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n  }\n   \n  .initiate-link:hover {\n    opacity: 0.8;\n  }\n\n  \/* Terminal Blink *\/\n  .cursor-box {\n    display: inline-block;\n    width: 10px;\n    height: 1.2em;\n    background-color: #CCFF00;\n    margin-left: 8px;\n    vertical-align: text-bottom;\n    animation: sylvestris-blink 1.2s step-end infinite;\n  }\n\n  @keyframes sylvestris-blink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0; }\n  }\n\n   @media (max-width: 600px) {\n    .sylvestris-h1 { font-size: 2.5rem; min-height: auto; }\n    .sylvestris-card { padding: 40px 20px; }\n    .sylvestris-wrapper { padding: 40px 10px; min-height: 90vh; }\n    \n       .pillar-text {\n      max-height: 300px;\n      opacity: 0.8;\n      margin-top: 10px;\n    }\n    .pillar-title { opacity: 1; }\n    \n    .sylvestris-footer {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 15px;\n    }\n  }\n<\/style>\n\n<div class=\"sylvestris-wrapper\">\n  <div class=\"sylvestris-card\">\n    \n    <h1 class=\"sylvestris-h1\" data-value=\"Sovereign Intelligence.\">Sovereign Intelligence.<\/h1>\n    <div class=\"sylvestris-tagline\">Rooted in reality. <br> Scaled by code.<\/div>\n\n    <div class=\"sylvestris-pillar\">\n      <span class=\"pillar-title\"><span class=\"pillar-num\">01.<\/span> Operational Experience.<\/span>\n      <p class=\"pillar-text\">\n        Intelligence needs origin. We clone your tacit knowledge into <strong>Digital Twins<\/strong>, grounding the AI in decades of human instinct rather than generic data.\n      <\/p>\n    <\/div>\n\n    <div class=\"sylvestris-pillar\">\n      <span class=\"pillar-title\"><span class=\"pillar-num\">02.<\/span> Executive Presence.<\/span>\n      <p class=\"pillar-text\">\n        Power needs direction. We engineer <strong>Governance Layers<\/strong> that ensure every automated interaction reflects your judgment, authority, and ethics.\n      <\/p>\n    <\/div>\n\n    <div class=\"sylvestris-pillar\">\n      <span class=\"pillar-title\"><span class=\"pillar-num\">03.<\/span> Entrepreneurial Edge.<\/span>\n      <p class=\"pillar-text\">\n        Growth needs hunger. We deploy <strong>Autonomous Agents<\/strong> that hunt value 24\/7, turning your ambition into a relentless, scalable sales engine.\n      <\/p>\n    <\/div>\n\n    <div class=\"sylvestris-footer\">\n      <div>\n        <span class=\"sylvestris-italic\">sylvestris<\/span><span class=\"company-name\">.WORKS<\/span>\n      <\/div>\n      <a href=\"mailto:johan@sylvestris.works\" class=\"initiate-link\" id=\"initiate-btn\" data-value=\"[ INITIATE ]\">\n        [ INITIATE ]<span class=\"cursor-box\"><\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()\";\n\n  const scrambleText = (element, finalValue, duration = 1500) => {\n    let iteration = 0;\n    let interval = null;\n    clearInterval(interval);\n    interval = setInterval(() => {\n      element.innerText = finalValue\n        .split(\"\")\n        .map((letter, index) => {\n          if(index < iteration) {\n            return finalValue[index];\n          }\n          return letters[Math.floor(Math.random() * 26)];\n        })\n        .join(\"\");\n      if(iteration >= finalValue.length) { \n        clearInterval(interval);\n      }\n      iteration += 1 \/ (duration \/ (finalValue.length * 20));\n    }, 30);\n  };\n\n  const h1 = document.querySelector(\".sylvestris-h1\");\n  if(h1) {\n    setTimeout(() => {\n      scrambleText(h1, h1.dataset.value);\n    }, 500);\n  }\n\n  const btn = document.getElementById(\"initiate-btn\");\n  if(btn) {\n    const originalText = \"[ INITIATE ]\";\n    btn.addEventListener(\"mouseenter\", () => {\n      let iteration = 0;\n      let interval = setInterval(() => {\n        const scrambled = originalText\n          .split(\"\")\n          .map((letter, index) => {\n            if(index < iteration) return originalText[index];\n            return letters[Math.floor(Math.random() * 26)];\n          })\n          .join(\"\");\n        btn.innerHTML = `${scrambled}<span class=\"cursor-box\"><\/span>`;\n        if(iteration >= originalText.length) clearInterval(interval);\n        iteration += 1\/3;\n      }, 30);\n    });\n  }\n});\n<\/script>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Corporation\",\n  \"name\": \"Sylvestris.Works\",\n  \"url\": \"https:\/\/sylvestris.works\",\n  \"logo\": \"https:\/\/sylvestris.works\/favicon.ico\",\n  \"slogan\": \"Sovereign Intelligence\",\n  \"description\": \"Engineering node focused on Sovereign Intelligence, Digital Twins, and Enterprise AI.\",\n  \"foundingDate\": \"2026\",\n  \"contactPoint\": {\n    \"@type\": \"ContactPoint\",\n    \"contactType\": \"sales\",\n    \"email\": \"johan@sylvestris.works\"\n  },\n  \"sameAs\": [\n    \"https:\/\/www.linkedin.com\/company\/sylvestris-works\" \n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sovereign Intelligence. Rooted in reality. Scaled by code. 01. Operational Experience. Intelligence needs origin. We clone your tacit knowledge into Digital Twins, grounding the AI in decades of human instinct rather than generic data. 02. Executive Presence. Power needs direction. We engineer Governance Layers that ensure every automated interaction reflects your judgment, authority, and ethics. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"tomtom","meta":{"_gspb_post_css":".gspb_container-id-gsbp-185bf2a{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-185bf2a.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-185bf2a.gspb_container{position:relative}","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":21,"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/sylvestris.works\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}