{"id":137,"date":"2026-04-23T16:29:07","date_gmt":"2026-04-23T16:29:07","guid":{"rendered":"https:\/\/test.madrelunadesigns.com\/?page_id=137"},"modified":"2026-04-27T21:44:57","modified_gmt":"2026-04-27T21:44:57","slug":"rexannas-foundation-full-website-pages","status":"publish","type":"page","link":"https:\/\/test.madrelunadesigns.com\/index.php\/rexannas-foundation-full-website-pages\/","title":{"rendered":"Rexanna&#8217;s Foundation Full Website Pages"},"content":{"rendered":"<p><!-- MLD-PORTFOLIO | Rexanna's Foundation | v2.1 \u2014 in-page modal viewer --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@200;300;400;500;600&display=swap');\n.mld-wrap {\n  --ink: #0d0a14;\n  --deep: #13101e;\n  --midnight: #1a1528;\n  --plum: #2c1f4a;\n  --amethyst: #7b5ea7;\n  --lavender: #b8a4d4;\n  --gold: #c9a84c;\n  --gold-lt: #e8c97a;\n  --cream: #f0e8d8;\n  --white: #fdf9f4;\n  --muted: rgba(184,164,212,0.48);\n  --bdr: rgba(201,168,76,0.18);\n  --rf-teal: #00A8C4;\n  --rf-teal-dk: #005F70;\n  --rf-gold: #E8920A;\n  --rf-cream: #F2FAFB;\n  background: var(--ink);\n  color: var(--cream);\n  font-family: 'Jost', sans-serif;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 1.6;\n  width: 100%;\n  overflow-x: hidden;\n}\n.mld-wrap *, .mld-wrap *::before, .mld-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.mld-wrap a { text-decoration: none; }\n.mld-wrap img { display: block; border: 0 !important; box-shadow: none !important; }\n\/* \u2500\u2500 MODAL VIEWER \u2500\u2500 *\/\n.mld-modal-overlay {\n  display: none;\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  background: rgba(10, 7, 18, 0.92);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  flex-direction: column;\n}\n.mld-modal-overlay.active { display: flex; }\n.mld-modal-topbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: .9rem 1.6rem;\n  background: rgba(13,10,20,0.97);\n  border-bottom: 1px solid var(--bdr);\n  flex-shrink: 0;\n  gap: 1rem;\n}\n.mld-modal-topbar-left {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  min-width: 0;\n}\n.mld-modal-back-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: .5rem;\n  font-family: 'Cinzel', serif;\n  font-size: .68rem;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--gold);\n  border: 1px solid var(--bdr);\n  background: transparent;\n  padding: .5rem 1.1rem;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: background .2s, color .2s, border-color .2s;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n.mld-modal-back-btn:hover {\n  background: rgba(201,168,76,.1);\n  color: var(--gold-lt);\n  border-color: rgba(201,168,76,.4);\n}\n.mld-modal-back-btn svg { width: 14px; height: 14px; }\n.mld-modal-page-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-style: italic;\n  color: var(--lavender);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mld-modal-topbar-right {\n  display: flex;\n  align-items: center;\n  gap: .9rem;\n  flex-shrink: 0;\n}\n.mld-modal-url-pill {\n  font-size: .65rem;\n  letter-spacing: .06em;\n  color: var(--muted);\n  background: rgba(184,164,212,.07);\n  border: 1px solid rgba(184,164,212,.12);\n  padding: .3rem .85rem;\n  border-radius: 20px;\n  white-space: nowrap;\n  max-width: 260px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mld-modal-open-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: .4rem;\n  font-size: .68rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--muted);\n  background: transparent;\n  border: 1px solid rgba(184,164,212,.15);\n  padding: .5rem .9rem;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: color .2s, border-color .2s;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.mld-modal-open-btn:hover { color: var(--cream); border-color: rgba(184,164,212,.3); }\n.mld-modal-open-btn svg { width: 13px; height: 13px; }\n.mld-modal-iframe-wrap {\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n}\n.mld-modal-iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  display: block;\n  background: #fff;\n}\n.mld-modal-loader {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--deep);\n  z-index: 1;\n  transition: opacity .4s;\n}\n.mld-modal-loader.hidden { opacity: 0; pointer-events: none; }\n.mld-modal-spinner {\n  width: 32px; height: 32px;\n  border: 2px solid rgba(201,168,76,.15);\n  border-top-color: var(--gold);\n  border-radius: 50%;\n  animation: mld-spin .8s linear infinite;\n}\n@keyframes mld-spin { to { transform: rotate(360deg); } }\n.mld-modal-loader-label {\n  font-family: 'Cinzel', serif;\n  font-size: .62rem;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n\/* Escape hint *\/\n.mld-modal-esc-hint {\n  font-size: .62rem;\n  letter-spacing: .1em;\n  color: rgba(184,164,212,.25);\n  flex-shrink: 0;\n}\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\n.mld-nav {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 1.5rem 4rem;\n  background: rgba(13,10,20,0.94);\n  border-bottom: 1px solid var(--bdr);\n  position: sticky; top: 0; z-index: 998;\n  backdrop-filter: blur(16px);\n}\n.mld-logo {\n  font-family: 'Cinzel', serif;\n  font-size: 1rem; letter-spacing: 0.2em; color: var(--gold-lt);\n  display: flex; align-items: center; gap: 0.7rem; flex-shrink: 0;\n}\n.mld-logo-mark {\n  width: 32px; height: 32px;\n  background: linear-gradient(135deg, var(--plum), var(--amethyst));\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  font-size: .7rem; color: var(--gold-lt); border: 1px solid var(--bdr);\n}\n.mld-nav-links { display: flex; align-items: center; gap: 2.5rem; list-style: none; }\n.mld-nav-links a {\n  font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;\n  color: var(--muted); font-weight: 400; transition: color .2s;\n}\n.mld-nav-links a:hover { color: var(--gold-lt); }\n.mld-nav-cta {\n  font-family: 'Cinzel', serif;\n  font-size: .72rem; letter-spacing: .15em; color: var(--gold) !important;\n  border: 1px solid var(--bdr); padding: .55rem 1.4rem; border-radius: 2px;\n  transition: background .2s, color .2s !important;\n}\n.mld-nav-cta:hover { background: rgba(201,168,76,.1) !important; color: var(--gold-lt) !important; }\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.mld-port-hero {\n  min-height: 80vh;\n  display: flex; flex-direction: column; justify-content: flex-end;\n  padding: 0 4rem 5rem;\n  position: relative; overflow: hidden;\n}\n.mld-port-hero::before {\n  content: '';\n  position: absolute; inset: 0;\n  background:\n    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(123,94,167,.22) 0%, transparent 65%),\n    radial-gradient(ellipse 40% 50% at 15% 80%, rgba(201,168,76,.08) 0%, transparent 60%),\n    linear-gradient(160deg, #13101e 0%, #0d0a14 60%, #13101e 100%);\n}\n.mld-port-hero::after {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(201,168,76,.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(201,168,76,.04) 1px, transparent 1px);\n  background-size: 80px 80px;\n  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.6) 40%, transparent 100%);\n}\n.mld-port-hero-inner { position: relative; z-index: 1; max-width: 1200px; }\n.mld-port-crumb {\n  display: flex; align-items: center; gap: .6rem;\n  font-size: .7rem; letter-spacing: .18em; text-transform: uppercase;\n  color: var(--muted); margin-bottom: 2rem;\n}\n.mld-port-crumb a { color: var(--gold); transition: color .2s; }\n.mld-port-crumb a:hover { color: var(--gold-lt); }\n.mld-port-crumb-sep { color: var(--bdr); }\n.mld-port-overline {\n  font-family: 'Cinzel', serif;\n  font-size: .68rem; letter-spacing: .28em; text-transform: uppercase;\n  color: var(--gold); display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem;\n}\n.mld-port-overline::before {\n  content: ''; display: block; width: 48px; height: 1px; background: var(--gold); opacity: .5;\n}\n.mld-port-hero-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(3.2rem, 7vw, 6.5rem); font-weight: 300;\n  color: var(--white); line-height: 1.05; margin-bottom: .5rem;\n  letter-spacing: -.01em;\n}\n.mld-port-hero-title em { font-style: italic; color: var(--lavender); }\n.mld-port-hero-sub {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.1rem, 2vw, 1.5rem); font-weight: 300; font-style: italic;\n  color: var(--muted); margin-bottom: 3rem;\n}\n.mld-port-meta {\n  display: flex; gap: 0; border: 1px solid var(--bdr);\n  border-radius: 3px; width: fit-content; overflow: hidden;\n}\n.mld-port-meta-item { padding: 1rem 2rem; border-right: 1px solid var(--bdr); }\n.mld-port-meta-item:last-child { border-right: 0; }\n.mld-port-meta-label {\n  font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;\n  color: var(--gold); font-weight: 500; display: block; margin-bottom: .3rem;\n}\n.mld-port-meta-val { font-size: .88rem; color: var(--cream); font-weight: 300; }\n\/* \u2500\u2500 SECTION SCAFFOLD \u2500\u2500 *\/\n.mld-port-section { padding: 6rem 4rem; }\n.mld-port-section-inner { max-width: 1200px; margin: 0 auto; }\n.mld-port-sh { display: flex; align-items: baseline; gap: 1.5rem; margin-bottom: 3.5rem; }\n.mld-port-sh-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 4rem; font-weight: 300; color: var(--plum); line-height: 1; flex-shrink: 0;\n}\n.mld-port-sh-label {\n  font-family: 'Cinzel', serif;\n  font-size: .65rem; letter-spacing: .25em; text-transform: uppercase;\n  color: var(--gold); display: block; margin-bottom: .4rem;\n}\n.mld-port-sh-heading {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(2rem, 4vw, 3rem); font-weight: 300;\n  color: var(--white); line-height: 1.1;\n}\n.mld-port-sh-heading em { font-style: italic; color: var(--lavender); }\n\/* \u2500\u2500 PROJECT OVERVIEW \u2500\u2500 *\/\n.mld-port-overview { background: var(--deep); }\n.mld-port-overview-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: start; }\n.mld-port-overview-body {\n  font-size: 1.05rem; line-height: 1.85; color: rgba(240,232,216,.7); margin-bottom: 1.6rem;\n}\n.mld-port-overview-body strong { color: var(--cream); font-weight: 500; }\n.mld-port-rf-accent {\n  background: linear-gradient(135deg, rgba(0,168,196,.12), rgba(0,95,112,.08));\n  border: 1px solid rgba(0,168,196,.2); border-radius: 4px; padding: 1.4rem 1.6rem; margin-top: 1.5rem;\n}\n.mld-port-rf-accent-label {\n  font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;\n  color: #3DBBD6; font-weight: 600; display: block; margin-bottom: .5rem;\n}\n.mld-port-rf-accent-text {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.05rem; font-style: italic; color: rgba(240,232,216,.75); line-height: 1.65;\n}\n.mld-port-services { margin-bottom: 2.5rem; }\n.mld-port-services-label {\n  font-family: 'Cinzel', serif;\n  font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;\n  color: var(--gold); display: block; margin-bottom: 1rem;\n}\n.mld-port-tags { display: flex; flex-wrap: wrap; gap: .6rem; }\n.mld-port-tag {\n  font-size: .74rem; letter-spacing: .08em; font-weight: 400;\n  color: var(--lavender); border: 1px solid rgba(184,164,212,.25);\n  padding: .38rem .9rem; border-radius: 2px; background: rgba(123,94,167,.08);\n}\n.mld-port-palette { margin-top: 2rem; }\n.mld-port-palette-label {\n  font-family: 'Cinzel', serif;\n  font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;\n  color: var(--gold); display: block; margin-bottom: .9rem;\n}\n.mld-port-swatches { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }\n.mld-port-swatch { display: flex; flex-direction: column; align-items: center; gap: .4rem; }\n.mld-port-swatch-dot { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); }\n.mld-port-swatch-name { font-size: .58rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }\n\/* \u2500\u2500 PAGES GRID \u2500\u2500 *\/\n.mld-port-pages { background: var(--ink); }\n.mld-port-pages-grid {\n  display: grid; grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto; gap: 1.5px;\n  background: var(--bdr); border: 1px solid var(--bdr); border-radius: 6px; overflow: hidden;\n}\n.mld-port-page-card {\n  background: var(--deep); padding: 2.4rem 2.2rem 2rem;\n  display: flex; flex-direction: column;\n  position: relative; overflow: hidden; transition: background .3s; cursor: default;\n}\n.mld-port-page-card:hover { background: var(--midnight); }\n.mld-port-page-card.wide { grid-column: span 2; }\n.mld-port-page-card.featured { grid-column: span 3; }\n.mld-port-card-bar { height: 3px; width: 100%; position: absolute; top: 0; left: 0; right: 0; }\n.mld-port-card-bg-num {\n  position: absolute; bottom: -1.5rem; right: .5rem;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 8rem; font-weight: 600; color: rgba(123,94,167,.07);\n  line-height: 1; pointer-events: none; user-select: none;\n}\n.mld-port-card-chip {\n  display: inline-flex; align-items: center; gap: .5rem;\n  font-size: .6rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 600;\n  padding: .22rem .8rem; border-radius: 20px;\n  background: rgba(0,168,196,.12); border: 1px solid rgba(0,168,196,.22);\n  color: #3DBBD6; width: fit-content; margin-bottom: 1.2rem;\n}\n.mld-port-card-icon {\n  width: 44px; height: 44px; border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(0,168,196,.1); border: 1px solid rgba(0,168,196,.18);\n  color: #3DBBD6; margin-bottom: 1.2rem; flex-shrink: 0;\n}\n.mld-port-card-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.35rem; font-weight: 600; color: var(--white); line-height: 1.2; margin-bottom: .65rem;\n}\n.mld-port-card-desc {\n  font-size: .83rem; color: rgba(184,164,212,.6); line-height: 1.72; flex: 1; margin-bottom: 1.4rem;\n}\n\/* View page button \u2014 now a button, not an anchor *\/\n.mld-port-card-link {\n  display: inline-flex; align-items: center; gap: .5rem;\n  font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 500;\n  color: var(--gold); transition: color .2s, gap .2s;\n  width: fit-content; cursor: pointer;\n  background: none; border: none; padding: 0; font-family: inherit;\n}\n.mld-port-page-card:hover .mld-port-card-link { color: var(--gold-lt); gap: .75rem; }\n\/* Logo showcase card *\/\n.mld-port-logo-card {\n  background: var(--midnight);\n  display: flex; flex-direction: column;\n  align-items: center; justify-content: center;\n  padding: 2.4rem 2rem; text-align: center;\n  position: relative; overflow: hidden; border: 0;\n}\n.mld-port-logo-card::before {\n  content: ''; position: absolute; inset: 0;\n  background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(0,168,196,.08) 0%, transparent 70%);\n}\n.mld-port-logo-card-inner { position: relative; z-index: 1; }\n.mld-port-logo-card img {\n  max-width: 200px; width: 100%; height: auto;\n  display: block; margin: 0 auto 1.2rem;\n  filter: drop-shadow(0 4px 16px rgba(0,168,196,.2));\n}\n.mld-port-logo-card-label {\n  font-size: .62rem; letter-spacing: .18em; text-transform: uppercase;\n  color: var(--muted); font-weight: 400;\n}\n.mld-port-page-card.full {\n  grid-column: span 3; flex-direction: row; align-items: center; gap: 3rem;\n}\n.mld-port-page-card.full .mld-port-card-content { flex: 1; }\n.mld-port-page-card.full .mld-port-card-desc { max-width: 560px; }\n.bar-teal { background: linear-gradient(90deg, #00A8C4, #3DBBD6); }\n.bar-gold { background: linear-gradient(90deg, #E8920A, #B86F06); }\n.bar-deep { background: linear-gradient(90deg, #005F70, #00A8C4); }\n.bar-dual { background: linear-gradient(90deg, #00A8C4, #E8920A); }\n.bar-plum { background: linear-gradient(90deg, #7b5ea7, #00A8C4); }\n\/* \u2500\u2500 TECH STRIP \u2500\u2500 *\/\n.mld-port-tech { background: var(--midnight); padding: 4rem; }\n.mld-port-tech-inner {\n  max-width: 1200px; margin: 0 auto;\n  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 1.5px; background: var(--bdr);\n  border: 1px solid var(--bdr); border-radius: 4px; overflow: hidden;\n}\n.mld-port-tech-item { background: var(--deep); padding: 2rem 1.8rem; text-align: center; transition: background .2s; }\n.mld-port-tech-item:hover { background: var(--plum); }\n.mld-port-tech-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 2.5rem; font-weight: 600; color: var(--gold);\n  display: block; line-height: 1; margin-bottom: .4rem;\n}\n.mld-port-tech-label { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); line-height: 1.5; }\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n.mld-port-footer {\n  background: var(--ink); border-top: 1px solid var(--bdr);\n  padding: 3rem 4rem;\n  display: flex; align-items: center; justify-content: space-between;\n}\n.mld-port-footer-brand { font-family: 'Cinzel', serif; font-size: .82rem; letter-spacing: .2em; color: var(--gold); }\n.mld-port-footer-back {\n  display: inline-flex; align-items: center; gap: .6rem;\n  font-size: .72rem; letter-spacing: .15em; text-transform: uppercase;\n  color: var(--muted); transition: color .2s;\n}\n.mld-port-footer-back:hover { color: var(--gold-lt); }\n.mld-port-footer-copy { font-size: .72rem; color: rgba(184,164,212,.3); letter-spacing: .06em; }\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n.mld-fade-up { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }\n.mld-fade-up.visible { opacity: 1; transform: translateY(0); }\n.mld-stagger > * { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }\n.mld-stagger.visible > *:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:.0s; }\n.mld-stagger.visible > *:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:.07s; }\n.mld-stagger.visible > *:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:.14s; }\n.mld-stagger.visible > *:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:.21s; }\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .mld-nav { padding: 1.2rem 2rem; }\n  .mld-port-hero { padding: 0 2rem 4rem; }\n  .mld-port-section { padding: 4rem 2rem; }\n  .mld-port-overview-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n  .mld-port-pages-grid { grid-template-columns: 1fr 1fr; }\n  .mld-port-page-card.wide { grid-column: span 2; }\n  .mld-port-page-card.featured { grid-column: span 2; }\n  .mld-port-page-card.full { grid-column: span 2; flex-direction: column; gap: 0; }\n  .mld-port-page-card.tab-full { grid-column: span 2; }\n  .mld-port-tech-inner { grid-template-columns: 1fr 1fr; }\n  .mld-port-footer { flex-direction: column; gap: 1rem; text-align: center; }\n  .mld-modal-url-pill { display: none; }\n  .mld-modal-esc-hint { display: none; }\n}\n@media (max-width: 640px) {\n  .mld-nav-links { display: none; }\n  .mld-port-pages-grid { grid-template-columns: 1fr; }\n  .mld-port-page-card.wide { grid-column: span 1; }\n  .mld-port-page-card.featured { grid-column: span 1; }\n  .mld-port-page-card.full { grid-column: span 1; }\n  .mld-port-meta { flex-direction: column; width: 100%; }\n  .mld-port-meta-item { border-right: 0; border-bottom: 1px solid var(--bdr); }\n  .mld-port-meta-item:last-child { border-bottom: 0; }\n  .mld-port-tech-inner { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n<p>  <!-- MODAL VIEWER --><br \/>\n        <button id=\"mldModalClose\" aria-label=\"Close preview\"><br \/>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg><br \/>\n          Back to Portfolio<br \/>\n        <\/button><br \/>\n        <a id=\"mldModalNewTab\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open in new tab\"><br \/>\n          Open in new tab<br \/>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg><br \/>\n        <\/a><br \/>\n        Press Esc to close<br \/>\n        Loading page&hellip;<br \/>\n      <iframe id=\"mldModalFrame\" src=\"\" title=\"Page preview\" sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups\"><\/iframe><br \/>\n  <!-- NAV --><\/p>\n<nav>\n    <a href=\"https:\/\/madrelunadesigns.com\"><br \/>\n      \u2726<br \/>\n      MADRE LUNA DESIGNS<br \/>\n    <\/a><br \/>\n  <\/nav>\n<p>      <img decoding=\"async\" src=\"https:\/\/madrelunadesigns.com\/wp-content\/uploads\/2026\/04\/Rexanna_Logo_Clean.png\" alt=\"Rexanna's Foundation logo\"><br \/>\n      Client \u00b7 Rexanna&#8217;s Foundation<br \/>\n  <!-- HERO --><br \/>\n        <a href=\"#\">Portfolio<\/a><br \/>\n        \u203a<br \/>\n        Rexanna&#8217;s Foundation<br \/>\n      Featured Case Study<\/p>\n<h1>\n        Rexanna&#8217;s<br \/>\n        <em>Foundation for<\/em><br \/>\n        Fighting Lung Cancer<br \/>\n      <\/h1>\n<p>A full digital presence \u2014 built with purpose, designed with heart.<\/p>\n<p>          Client<br \/>\n          Rexanna&#8217;s Foundation<br \/>\n          Year<br \/>\n          2026<br \/>\n          Platform<br \/>\n          WordPress + Elementor<br \/>\n          Scope<br \/>\n          12 Pages Delivered<br \/>\n  <!-- OVERVIEW --><br \/>\n              Project Overview<\/p>\n<h2>The Work &amp; <em>The Why<\/em><\/h2>\n<p>Rexanna&#8217;s Foundation for Fighting Lung Cancer is an Austin-based nonprofit dedicated to funding research, raising awareness, and providing compassionate support to patients and families. Their mission demanded a digital presence worthy of the lives it represents.<\/p>\n<p>Madre Luna Designs has thoughtfully designed and developed a fully customized twelve-page website, currently in its draft phase. These draft versions have been carefully structured with attention to user experience, visual consistency, and the overall mission of the organization. Each page serves as a working foundation, allowing for ongoing refinement, content alignment, and collaborative feedback to ensure that every element is intentional and fully aligned before moving into final production.<\/p>\n<p>            Design Language<\/p>\n<p>Teal and gold on a cream canvas \u2014 clinical clarity softened by warmth. Every color, every curve chosen to say: you are not alone in this fight.<\/p>\n<p>            Services Delivered<br \/>\n              Custom HTML Design<br \/>\n              WordPress Integration<br \/>\n              Elementor Widgets<br \/>\n              Brand System<br \/>\n              Responsive Layout<br \/>\n              Animation<br \/>\n              Donation UX<br \/>\n              Nonprofit Storytelling<br \/>\n              Event Promotion<br \/>\n              Multi-Page Architecture<br \/>\n              Iterative Development<br \/>\n            Client Palette<br \/>\n              Teal<br \/>\n              Gold<br \/>\n              Cream<br \/>\n              Deep<br \/>\n              Ink<br \/>\n              Aqua<br \/>\n            Typography<br \/>\n              Cormorant Garamond<br \/>\n              Jost<br \/>\n  <!-- STATS --><br \/>\n      12Pages Designed &amp; Built<br \/>\n      100%Custom Coded Sections<br \/>\n      1Cohesive Design System<br \/>\n      \u221eLives Worth Fighting For<br \/>\n  <!-- PAGES GRID --><br \/>\n          Deliverables<\/p>\n<h2>Every Page, <em>Every Story<\/em><\/h2>\n<p>        <!-- 1. Homepage --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><br \/>\n          \u2726 &nbsp;Hero Page<br \/>\n          Homepage<\/p>\n<p>The front door to the foundation \u2014 a full-scroll experience anchored by a hero slider, mission statistics, the founder&#8217;s story, active researcher cards highlighting MD Anderson grantees, donation interface, get-involved section, event promotion, and newsletter signup. The complete foundation in one page.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/homepage\/', 'Homepage')\"><br \/>\n            View Page<br \/>\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 2. About --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg><br \/>\n          Foundation Story<br \/>\n          About<\/p>\n<p>The heart of the foundation \u2014 the story of Rexanna Hawkins, the people who carry her mission forward, and the board members who give their time and passion to this cause.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/about-us\/', 'About Us')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 3. Research --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><br \/>\n          Science &amp; Impact<br \/>\n          Research<\/p>\n<p>Showcasing the foundation&#8217;s commitment to funding cutting-edge lung cancer research \u2014 featuring grantee profiles, funding statistics, and the science that saves lives.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/research-page\/', 'Research')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 4. Events --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><br \/>\n          Annual Events<br \/>\n          Events<\/p>\n<p>From the annual Carr-Jacobi Classic golf tournament to galas and awareness campaigns \u2014 the Events page promotes the foundation&#8217;s signature fundraisers with registration links, event details, and vibrant promotional banners. The GolfStatus integration keeps tournament signups live and accessible.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/events\/', 'Events')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 5. Grants --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg><br \/>\n          Grant Honorees<br \/>\n          Grants<\/p>\n<p>Named honoree cards celebrating the 2025 MD Anderson grantees \u2014 each with real portrait photography, institution, and research focus. A tribute as much as a showcase.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/grants\/', 'Grants')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 6. Hope Awards --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/><\/svg><br \/>\n          Recognition<br \/>\n          Hope Awards<\/p>\n<p>Celebrating individuals and organizations who have shown extraordinary commitment to fighting lung cancer \u2014 honoring courage, compassion, and leadership in the community.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/hope-awards\/', 'Hope Awards')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 7. Support Us --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><br \/>\n          Giving<br \/>\n          Support Us<\/p>\n<p>A donation-first experience connecting supporters to WooCommerce giving options \u2014 general donations, Project Hope, and event-specific campaigns \u2014 with raffle details and legacy giving information.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/support-us\/', 'Support Us')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 8. Sandy's Project Hope \u2014 full width --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg><br \/>\n          In Her Honor<br \/>\n          Sandy&#8217;s Project Hope<\/p>\n<p>A deeply personal page dedicated to Sandy Sledge \u2014 Vice President and founding board member who passed in January 2023. Her story, her friendship with Rexanna, the Rally Card program she championed, the three pillars of hope she embodied. Built with care, because some pages are more than pages.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/sandys-project-hope\/', &quot;Sandy's Project Hope&quot;)\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 9. Pat Hood Rally Cards --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><br \/>\n          Volunteer Program<br \/>\n          Pat Hood Rally Cards<\/p>\n<p>The handwritten encouragement program at the core of Sandy&#8217;s Project Hope \u2014 enrollment flows for patients, caregivers, and volunteer writers, with program structure and the human story behind every card.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/rally-cards\/', 'Pat Hood Rally Cards')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 10. Testimonials --><br \/>\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg><br \/>\n          Community Voices<br \/>\n          Testimonials<\/p>\n<p>Real words from patients, caregivers, volunteers, and advocates \u2014 the human proof of impact that no statistic can fully capture. Stories of the difference the foundation makes.<\/p>\n<p>          <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/testimonials\/', 'Testimonials')\"><br \/>\n            View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n          <\/button><br \/>\n        <!-- 11. Scholarship --><br \/>\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg><br \/>\n            Future Leaders<br \/>\n            Scholarship<\/p>\n<p>Investing in the next generation of researchers and advocates \u2014 scholarship program details, eligibility, past recipients, and the application process for students committed to the fight against lung cancer.<\/p>\n<p>            <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/scholarship\/', 'Scholarship')\"><br \/>\n              View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n            <\/button><br \/>\n        <!-- 12. Contact --><br \/>\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><br \/>\n            Get in Touch<br \/>\n            Contact<\/p>\n<p>A clean, welcoming point of entry for supporters, media, partners, and potential volunteers \u2014 with clear pathways to the right person and an invitation to join the mission.<\/p>\n<p>            <button onclick=\"mldOpenModal('https:\/\/madrelunadesigns.com\/contact-us\/', 'Contact Us')\"><br \/>\n              View Page <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n            <\/button><br \/>\n  <!-- FOOTER --><br \/>\n    MADRE LUNA DESIGNS<br \/>\n    Rexanna&#8217;s Foundation \u00b7 Full Portfolio Build \u00b7 2026<br \/>\n    <a href=\"https:\/\/madrelunadesigns.com\"><br \/>\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><\/svg><br \/>\n    <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back to Portfolio Open in new tab Press Esc to close Loading page&hellip; \u2726 MADRE LUNA DESIGNS Client \u00b7 Rexanna&#8217;s Foundation Portfolio \u203a Rexanna&#8217;s Foundation Featured Case Study Rexanna&#8217;s Foundation for Fighting Lung Cancer A full digital presence \u2014 built with purpose, designed with heart. Client Rexanna&#8217;s Foundation Year 2026 Platform WordPress + Elementor Scope [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":4,"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/test.madrelunadesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}