Audaces Fortuna Iuvat<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');\n\n *{ margin:0; padding:0; box-sizing:border-box; }\n\n :root {\n --bg: #0a0a0f;\n --gold: #d4a853;\n --gold-light: #f0d68a;\n --white: #e8e4dc;\n --dim: #6b6560;\n }\n\n body {\n background: var(--bg);\n color: var(--white);\n font-family: 'Cormorant Garamond', serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n padding: 60px 20px 80px;\n overflow: hidden;\n }\n\n \/* Radial glow behind everything *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 12%;\n left: 50%;\n transform: translateX(-50%);\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, rgba(212,168,83,.12) 0%, transparent 70%);\n pointer-events: none;\n animation: breathe 6s ease-in-out infinite;\n }\n\n @keyframes breathe {\n 0%,100% { opacity:.6; transform: translateX(-50%) scale(1); }\n 50% { opacity:1; transform: translateX(-50%) scale(1.15); }\n }\n\n \/* \u2500\u2500\u2500 LIGHT CONTAINER \u2500\u2500\u2500 *\/\n .light-container {\n position: absolute;\n top: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 520px;\n height: 520px;\n pointer-events: none;\n }\n\n \/* Rotating light rays behind the head *\/\n .light-rays {\n position: absolute;\n inset: 0;\n animation: rotateRays 30s linear infinite;\n }\n\n @keyframes rotateRays {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .light-rays .ray {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 4px;\n height: 260px;\n transform-origin: top center;\n background: linear-gradient(to bottom, rgba(212,168,83,.35), transparent);\n border-radius: 0 0 4px 4px;\n filter: blur(2px);\n }\n\n \/* Secondary slower counter-rotation *\/\n .light-rays-2 {\n position: absolute;\n inset: -40px;\n animation: rotateRays2 50s linear infinite reverse;\n opacity: .5;\n }\n\n @keyframes rotateRays2 {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .light-rays-2 .ray {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 6px;\n height: 300px;\n transform-origin: top center;\n background: linear-gradient(to bottom, rgba(240,214,138,.18), transparent);\n border-radius: 0 0 6px 6px;\n filter: blur(4px);\n }\n\n \/* Pulsing center glow *\/\n .center-glow {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(240,214,138,.25) 0%, transparent 70%);\n animation: pulseGlow 4s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%,100% { transform: translate(-50%,-50%) scale(1); opacity:.7; }\n 50% { transform: translate(-50%,-50%) scale(1.6); opacity:1; }\n }\n\n @keyframes fadeUp {\n from { opacity:0; transform: translateY(40px); }\n to { opacity:1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500\u2500 MOTTO \u2500\u2500\u2500 *\/\n .motto {\n margin-top: 50px;\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.1rem, 3vw, 1.6rem);\n letter-spacing: .35em;\n text-transform: uppercase;\n color: var(--gold);\n text-align: center;\n animation: fadeUp 2s ease-out 0.6s both;\n position: relative;\n z-index: 10;\n }\n\n .motto::after {\n content: '';\n display: block;\n width: 120px;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n margin: 18px auto 0;\n }\n\n \/* \u2500\u2500\u2500 TAGLINE \u2500\u2500\u2500 *\/\n .tagline {\n margin-top: 22px;\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n font-style: italic;\n font-size: clamp(1rem, 2.5vw, 1.35rem);\n color: var(--dim);\n letter-spacing: .12em;\n animation: fadeUp 2s ease-out 1s both;\n position: relative;\n z-index: 10;\n text-align: center;\n }\n\n \/* \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500 *\/\n .content {\n max-width: 760px;\n margin: 0 auto;\n padding: 0 30px 120px;\n position: relative;\n z-index: 10;\n }\n\n .divider {\n width: 60px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto 60px;\n opacity: .4;\n }\n\n .content p {\n font-size: 1.15rem;\n line-height: 1.9;\n color: rgba(232,228,220,.7);\n text-align: center;\n margin-bottom: 30px;\n animation: fadeUp 2s ease-out 1.4s both;\n }\n\n .content p strong {\n color: var(--gold-light);\n font-weight: 400;\n }\n\n \/* \u2500\u2500\u2500 FLOATING PARTICLES \u2500\u2500\u2500 *\/\n .particles {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n width: 2px;\n height: 2px;\n background: var(--gold);\n border-radius: 50%;\n opacity: 0;\n animation: float linear infinite;\n }\n\n @keyframes float {\n 0% { opacity:0; transform: translateY(100vh) scale(0); }\n 10% { opacity:.6; }\n 90% { opacity:.3; }\n 100% { opacity:0; transform: translateY(-10vh) scale(1); }\n }\n\n \/* \u2500\u2500\u2500 SCAN LINES \u2500\u2500\u2500 *\/\n .scanlines {\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,.03) 2px,\n rgba(0,0,0,.03) 4px\n );\n pointer-events: none;\n z-index: 100;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 600px) {\n .light-container { width: 360px; height: 360px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"scanlines\"><\/div>\n\n<div class=\"particles\" id=\"particles\"><\/div>\n\n<section class=\"hero\">\n \n <div class=\"light-container\">\n <div class=\"center-glow\"><\/div>\n <div class=\"light-rays\" id=\"rays1\"><\/div>\n <div class=\"light-rays-2\" id=\"rays2\"><\/div>\n <\/div>\n\n\n <h1 class=\"motto\">Audaces Fortuna Iuvat<\/h1>\n <p class=\"tagline\">LUMEN<\/p>\n<\/section>\n\n\n\n<script>\n \/\/ Generate light rays\n function createRays(container, count, lengthBase) {\n for (let i = 0; i < count; i++) {\n const ray = document.createElement('div');\n ray.className = 'ray';\n const angle = (360 \/ count) * i;\n const length = lengthBase + Math.random() * 60;\n const width = 2 + Math.random() * 4;\n ray.style.height = length + 'px';\n ray.style.width = width + 'px';\n ray.style.transform = `rotate(${angle}deg)`;\n ray.style.opacity = 0.2 + Math.random() * 0.5;\n container.appendChild(ray);\n }\n }\n\n createRays(document.getElementById('rays1'), 24, 220);\n createRays(document.getElementById('rays2'), 16, 260);\n\n \/\/ Generate floating particles\n const particlesEl = document.getElementById('particles');\n for (let i = 0; i < 192; i++) {\n const p = document.createElement('div');\n p.className = 'particle';\n p.style.left = Math.random() * 100 + '%';\n p.style.width = p.style.height = (1 + Math.random() * 2.5) + 'px';\n p.style.animationDuration = (8 + Math.random() * 15) + 's';\n p.style.animationDelay = (Math.random() * 12) + 's';\n particlesEl.appendChild(p);\n }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Audaces Fortuna Iuvat Audaces Fortuna Iuvat LUMEN<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-lumen.php","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":0,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":12,"date":"2026-04-13T18:03:35","date_gmt":"2026-04-13T18:03:35","guid":{"rendered":"https:\/\/lumen.mavan.com\/?page_id=12"},"modified":"2026-04-13T23:53:42","modified_gmt":"2026-04-13T23:53:42","slug":"lumen","status":"publish","type":"page","link":"https:\/\/lumen.mavan.com\/?page_id=12","title":{"rendered":"Lumen"},"content":{"rendered":"\n\n\n\n\n\nAudaces Fortuna Iuvat<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');\n\n *{ margin:0; padding:0; box-sizing:border-box; }\n\n :root {\n --bg: #0a0a0f;\n --gold: #d4a853;\n --gold-light: #f0d68a;\n --white: #e8e4dc;\n --dim: #6b6560;\n }\n\n body {\n background: var(--bg);\n color: var(--white);\n font-family: 'Cormorant Garamond', serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n padding: 60px 20px 80px;\n overflow: hidden;\n }\n\n \/* Radial glow behind everything *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 12%;\n left: 50%;\n transform: translateX(-50%);\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, rgba(212,168,83,.12) 0%, transparent 70%);\n pointer-events: none;\n animation: breathe 6s ease-in-out infinite;\n }\n\n @keyframes breathe {\n 0%,100% { opacity:.6; transform: translateX(-50%) scale(1); }\n 50% { opacity:1; transform: translateX(-50%) scale(1.15); }\n }\n\n \/* \u2500\u2500\u2500 LIGHT CONTAINER \u2500\u2500\u2500 *\/\n .light-container {\n position: absolute;\n top: 8%;\n left: 50%;\n transform: translateX(-50%);\n width: 520px;\n height: 520px;\n pointer-events: none;\n }\n\n \/* Rotating light rays behind the head *\/\n .light-rays {\n position: absolute;\n inset: 0;\n animation: rotateRays 30s linear infinite;\n }\n\n @keyframes rotateRays {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .light-rays .ray {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 4px;\n height: 260px;\n transform-origin: top center;\n background: linear-gradient(to bottom, rgba(212,168,83,.35), transparent);\n border-radius: 0 0 4px 4px;\n filter: blur(2px);\n }\n\n \/* Secondary slower counter-rotation *\/\n .light-rays-2 {\n position: absolute;\n inset: -40px;\n animation: rotateRays2 50s linear infinite reverse;\n opacity: .5;\n }\n\n @keyframes rotateRays2 {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .light-rays-2 .ray {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 6px;\n height: 300px;\n transform-origin: top center;\n background: linear-gradient(to bottom, rgba(240,214,138,.18), transparent);\n border-radius: 0 0 6px 6px;\n filter: blur(4px);\n }\n\n \/* Pulsing center glow *\/\n .center-glow {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(240,214,138,.25) 0%, transparent 70%);\n animation: pulseGlow 4s ease-in-out infinite;\n }\n\n @keyframes pulseGlow {\n 0%,100% { transform: translate(-50%,-50%) scale(1); opacity:.7; }\n 50% { transform: translate(-50%,-50%) scale(1.6); opacity:1; }\n }\n\n @keyframes fadeUp {\n from { opacity:0; transform: translateY(40px); }\n to { opacity:1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500\u2500 MOTTO \u2500\u2500\u2500 *\/\n .motto {\n margin-top: 50px;\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.1rem, 3vw, 1.6rem);\n letter-spacing: .35em;\n text-transform: uppercase;\n color: var(--gold);\n text-align: center;\n animation: fadeUp 2s ease-out 0.6s both;\n position: relative;\n z-index: 10;\n }\n\n .motto::after {\n content: '';\n display: block;\n width: 120px;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n margin: 18px auto 0;\n }\n\n \/* \u2500\u2500\u2500 TAGLINE \u2500\u2500\u2500 *\/\n .tagline {\n margin-top: 22px;\n font-family: 'Cormorant Garamond', serif;\n font-weight: 300;\n font-style: italic;\n font-size: clamp(1rem, 2.5vw, 1.35rem);\n color: var(--dim);\n letter-spacing: .12em;\n animation: fadeUp 2s ease-out 1s both;\n position: relative;\n z-index: 10;\n text-align: center;\n }\n\n \/* \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500 *\/\n .content {\n max-width: 760px;\n margin: 0 auto;\n padding: 0 30px 120px;\n position: relative;\n z-index: 10;\n }\n\n .divider {\n width: 60px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto 60px;\n opacity: .4;\n }\n\n .content p {\n font-size: 1.15rem;\n line-height: 1.9;\n color: rgba(232,228,220,.7);\n text-align: center;\n margin-bottom: 30px;\n animation: fadeUp 2s ease-out 1.4s both;\n }\n\n .content p strong {\n color: var(--gold-light);\n font-weight: 400;\n }\n\n \/* \u2500\u2500\u2500 FLOATING PARTICLES \u2500\u2500\u2500 *\/\n .particles {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n overflow: hidden;\n }\n\n .particle {\n position: absolute;\n width: 2px;\n height: 2px;\n background: var(--gold);\n border-radius: 50%;\n opacity: 0;\n animation: float linear infinite;\n }\n\n @keyframes float {\n 0% { opacity:0; transform: translateY(100vh) scale(0); }\n 10% { opacity:.6; }\n 90% { opacity:.3; }\n 100% { opacity:0; transform: translateY(-10vh) scale(1); }\n }\n\n \/* \u2500\u2500\u2500 SCAN LINES \u2500\u2500\u2500 *\/\n .scanlines {\n position: fixed;\n inset: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(0,0,0,.03) 2px,\n rgba(0,0,0,.03) 4px\n );\n pointer-events: none;\n z-index: 100;\n }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 600px) {\n .light-container { width: 360px; height: 360px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"scanlines\"><\/div>\n\n<div class=\"particles\" id=\"particles\"><\/div>\n\n<section class=\"hero\">\n \n <div class=\"light-container\">\n <div class=\"center-glow\"><\/div>\n <div class=\"light-rays\" id=\"rays1\"><\/div>\n <div class=\"light-rays-2\" id=\"rays2\"><\/div>\n <\/div>\n\n\n <h1 class=\"motto\">Audaces Fortuna Iuvat<\/h1>\n <p class=\"tagline\">LUMEN<\/p>\n<\/section>\n\n\n\n<script>\n \/\/ Generate light rays\n function createRays(container, count, lengthBase) {\n for (let i = 0; i < count; i++) {\n const ray = document.createElement('div');\n ray.className = 'ray';\n const angle = (360 \/ count) * i;\n const length = lengthBase + Math.random() * 60;\n const width = 2 + Math.random() * 4;\n ray.style.height = length + 'px';\n ray.style.width = width + 'px';\n ray.style.transform = `rotate(${angle}deg)`;\n ray.style.opacity = 0.2 + Math.random() * 0.5;\n container.appendChild(ray);\n }\n }\n\n createRays(document.getElementById('rays1'), 24, 220);\n createRays(document.getElementById('rays2'), 16, 260);\n\n \/\/ Generate floating particles\n const particlesEl = document.getElementById('particles');\n for (let i = 0; i < 192; i++) {\n const p = document.createElement('div');\n p.className = 'particle';\n p.style.left = Math.random() * 100 + '%';\n p.style.width = p.style.height = (1 + Math.random() * 2.5) + 'px';\n p.style.animationDuration = (8 + Math.random() * 15) + 's';\n p.style.animationDelay = (Math.random() * 12) + 's';\n particlesEl.appendChild(p);\n }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Audaces Fortuna Iuvat Audaces Fortuna Iuvat LUMEN<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-lumen.php","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":0,"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/lumen.mavan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}