De Las Plumas \u2192 Rhythm of Attention<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* RESET & BASE *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'DM Sans', sans-serif;\n color: #E8E0D4;\n background: #1a1a18;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\nimg { max-width: 100%; height: auto; display: block; }\na { text-decoration: none; color: inherit; }\n\n::-webkit-scrollbar { width: 6px; }\n::-webkit-scrollbar-track { background: #1a1a18; }\n::-webkit-scrollbar-thumb { background: rgba(92,124,94,0.25); border-radius: 3px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* ANIMATIONS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes heroGlow {\n 0%, 100% { filter: brightness(1) saturate(1); }\n 50% { filter: brightness(1.08) saturate(1.1); }\n}\n@keyframes floatUp {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n@keyframes breathe {\n 0%, 100% { opacity: 0.15; }\n 50% { opacity: 0.45; }\n}\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(42, 157, 143, 0.4); }\n 50% { box-shadow: 0 0 0 12px rgba(42, 157, 143, 0); }\n}\n\n\/* Scroll reveal *\/\n.reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s ease, transform 1s ease;\n}\n.reveal.visible {\n opacity: 1;\n transform: translateY(0);\n}\n.reveal-delay-1 { transition-delay: 0.15s; }\n.reveal-delay-2 { transition-delay: 0.3s; }\n.reveal-delay-3 { transition-delay: 0.45s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* TYPOGRAPHY *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.section-label {\n font-family: 'DM Sans', sans-serif;\n font-size: 11px;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: #2A9D8F;\n margin-bottom: 20px;\n}\n.heading-xl {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n line-height: 1.1;\n font-size: clamp(36px, 6vw, 72px);\n}\n.heading-lg {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n line-height: 1.2;\n font-size: clamp(32px, 4vw, 52px);\n}\n.body-text {\n font-family: 'DM Sans', sans-serif;\n font-weight: 300;\n line-height: 1.85;\n color: rgba(232, 224, 212, 0.73);\n font-size: 16px;\n}\n.pull-quote {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-weight: 300;\n color: rgba(233, 196, 106, 0.8);\n border-left: 2px solid rgba(233, 196, 106, 0.27);\n padding-left: 24px;\n font-size: 20px;\n line-height: 1.6;\n}\n.gradient-text {\n background: linear-gradient(135deg, #2A9D8F, #E9C46A, #C4664A);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.accent-teal { color: #2A9D8F; }\n.accent-gold { color: #E9C46A; }\n.accent-terra { color: #C4664A; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* COMPONENTS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.glass-card {\n background: rgba(92, 124, 94, 0.08);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(232, 224, 212, 0.08);\n border-radius: 16px;\n}\n\n.cta-btn {\n display: inline-block;\n padding: 14px 36px;\n font-family: 'DM Sans', sans-serif;\n font-size: 13px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n border: 1px solid rgba(233, 196, 106, 0.53);\n color: #E9C46A;\n background: transparent;\n cursor: pointer;\n transition: all 0.4s ease;\n border-radius: 2px;\n}\n.cta-btn:hover {\n background: #E9C46A;\n color: #1a1a18;\n letter-spacing: 3.5px;\n}\n.cta-btn-filled {\n background: #2A9D8F;\n border-color: #2A9D8F;\n color: #fff;\n}\n.cta-btn-filled:hover {\n background: #238577;\n border-color: #238577;\n color: #fff;\n}\n.cta-btn-sm {\n padding: 10px 24px;\n font-size: 11px;\n}\n\n.bird-tag {\n display: inline-block;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: transform 0.3s;\n cursor: default;\n}\n.bird-tag:hover { transform: scale(1.05); }\n\n.donation-tier {\n padding: 28px;\n border-radius: 12px;\n border: 1px solid rgba(232, 224, 212, 0.06);\n transition: all 0.4s ease;\n cursor: pointer;\n background: rgba(92, 124, 94, 0.04);\n}\n.donation-tier:hover {\n border-color: rgba(233, 196, 106, 0.27);\n background: rgba(233, 196, 106, 0.06);\n transform: translateY(-2px);\n}\n\n.stewardship-card {\n text-align: center;\n padding: 32px 20px;\n transition: transform 0.4s ease, background 0.4s ease;\n border-radius: 12px;\n position: relative;\n}\n.stewardship-card:hover {\n transform: translateY(-4px);\n background: rgba(92, 124, 94, 0.06);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* NAVIGATION *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.site-nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 20px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.5s ease;\n}\n.site-nav.scrolled {\n background: rgba(26, 26, 24, 0.92);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(232, 224, 212, 0.06);\n}\n.nav-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.nav-logo-icon {\n width: 32px; height: 32px;\n border-radius: 50%;\n background: linear-gradient(135deg, #2A9D8F, #E9C46A);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n}\n.nav-logo-text {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n font-weight: 600;\n letter-spacing: 1px;\n}\n.nav-links {\n display: flex;\n gap: 32px;\n align-items: center;\n}\n.nav-link {\n color: rgba(232, 224, 212, 0.67);\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: color 0.3s;\n font-family: 'DM Sans', sans-serif;\n}\n.nav-link:hover { color: #E9C46A; }\n\n.mobile-toggle {\n display: none;\n background: none;\n border: none;\n color: #E8E0D4;\n font-size: 24px;\n cursor: pointer;\n}\n.mobile-nav {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(26, 26, 24, 0.97);\n z-index: 99;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 32px;\n}\n.mobile-nav.open { display: flex; }\n.mobile-nav .nav-link {\n font-size: 16px;\n letter-spacing: 3px;\n}\n\n@media (max-width: 768px) {\n .nav-links { display: none !important; }\n .mobile-toggle { display: block !important; }\n .site-nav { padding: 16px 24px; }\n .two-col { grid-template-columns: 1fr !important; }\n .four-col { grid-template-columns: 1fr 1fr !important; }\n .three-col { grid-template-columns: 1fr !important; }\n .hero-ctas { flex-direction: column; align-items: center; }\n .field-notes-row { flex-direction: column !important; gap: 4px !important; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* SECTION LAYOUTS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.section-pad {\n padding: clamp(80px, 12vw, 160px) clamp(24px, 5vw, 80px);\n}\n.section-pad-lg {\n padding: clamp(100px, 14vw, 200px) clamp(24px, 5vw, 80px);\n}\n.container { max-width: 1100px; margin: 0 auto; }\n.container-sm { max-width: 800px; margin: 0 auto; }\n.container-md { max-width: 900px; margin: 0 auto; }\n.text-center { text-align: center; }\n\n.two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 6vw, 80px);\n align-items: center;\n}\n.four-col {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n}\n.three-col {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n}\n\n.accent-line {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(42, 157, 143, 0.3), transparent);\n}\n.accent-line-gold {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(233, 196, 106, 0.2), transparent);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* HERO PARTICLES *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.particle {\n position: absolute;\n border-radius: 50%;\n animation: breathe 4s ease infinite;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* IMAGE PLACEHOLDERS *\/\n\/* Replace src with your actual image paths: *\/\n\/* \/wp-content\/uploads\/rainbow-bird.png *\/\n\/* \/wp-content\/uploads\/elysian-font.png *\/\n\/* etc. *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-bg-image {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.12;\n filter: blur(2px) saturate(1.4);\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<nav class=\"site-nav\" id=\"siteNav\">\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/delasplumas.org\/wp-content\/uploads\/2024\/12\/De-Las-Plumas-Bunting-Logo.webp\" alt=\"De Las Plumas\" style=\"height:42px; width:auto; border-radius:4px;\">\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#the-story\" class=\"nav-link\">The Story<\/a>\n <a href=\"#the-refuge\" class=\"nav-link\">The Refuge<\/a>\n <a href=\"#the-experience\" class=\"nav-link\">The Experience<\/a>\n <a href=\"#support\" class=\"nav-link\">Support<\/a>\n <a href=\"#support\" class=\"cta-btn cta-btn-sm\">Support the Mission<\/a>\n <\/div>\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Menu\">\u2630<\/button>\n<\/nav>\n\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <a href=\"#the-story\" class=\"nav-link\" onclick=\"closeMobile()\">The Story<\/a>\n <a href=\"#the-refuge\" class=\"nav-link\" onclick=\"closeMobile()\">The Refuge<\/a>\n <a href=\"#the-experience\" class=\"nav-link\" onclick=\"closeMobile()\">The Experience<\/a>\n <a href=\"#support\" class=\"nav-link\" onclick=\"closeMobile()\">Support<\/a>\n<\/div>\n\n\n\n\n\n<section id=\"hero\" style=\"min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; position:relative; overflow:hidden; padding:0 24px;\">\n\n \n <div style=\"position:absolute; inset:0; background:\n radial-gradient(ellipse at 30% 20%, rgba(42,157,143,0.12) 0%, transparent 60%),\n radial-gradient(ellipse at 70% 80%, rgba(233,196,106,0.08) 0%, transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(196,102,74,0.06) 0%, transparent 70%),\n linear-gradient(180deg, #0f1210 0%, #1a1a18 40%, #1f1e1a 100%);\n \"><\/div>\n\n \n <div class=\"hero-bg-image\" style=\"background-image: url(''); \/* PUT YOUR RAINBOW BIRD IMAGE URL HERE *\/\"><\/div>\n\n \n <div class=\"particle\" style=\"width:5px; height:5px; background:#2A9D8F; left:15%; top:25%; animation-delay:0s;\"><\/div>\n <div class=\"particle\" style=\"width:4px; height:4px; background:#E9C46A; left:72%; top:18%; animation-delay:1.2s;\"><\/div>\n <div class=\"particle\" style=\"width:6px; height:6px; background:#C4664A; left:28%; top:68%; animation-delay:0.6s;\"><\/div>\n <div class=\"particle\" style=\"width:3px; height:3px; background:#2A9D8F; left:85%; top:45%; animation-delay:2.1s;\"><\/div>\n <div class=\"particle\" style=\"width:5px; height:5px; background:#E9C46A; left:42%; top:82%; animation-delay:1.8s;\"><\/div>\n <div class=\"particle\" style=\"width:4px; height:4px; background:#C4664A; left:60%; top:32%; animation-delay:0.3s;\"><\/div>\n <div class=\"particle\" style=\"width:7px; height:7px; background:#2A9D8F; left:8%; top:55%; animation-delay:2.5s;\"><\/div>\n <div class=\"particle\" style=\"width:3px; height:3px; background:#E9C46A; left:92%; top:72%; animation-delay:1s;\"><\/div>\n\n \n <div style=\"position:absolute; width:280px; height:280px; border-radius:50%;\n background:radial-gradient(circle, rgba(42,157,143,0.1) 0%, rgba(233,196,106,0.05) 50%, transparent 70%);\n filter:blur(40px); animation:heroGlow 6s ease infinite; top:20%;\"><\/div>\n\n \n <div style=\"position:relative; z-index:2; animation:fadeInUp 1.5s ease forwards; max-width:800px;\">\n <div class=\"section-label\" style=\"margin-bottom:28px; font-size:12px;\">\n De Las Plumas \u00b7 Desert Birding Reserve\n <\/div>\n\n <h1 class=\"heading-xl\" style=\"margin-bottom:24px;\">\n A Desert Refuge,\n <span class=\"gradient-text\" style=\"display:block;\">\n Built to Reveal What Is Already Magnificent\n <\/span>\n <\/h1>\n\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 48px; font-size:17px; line-height:1.9;\">\n Morongo Valley, California \u2014 where water meets desert, and patience\n reveals what haste has always overlooked.\n <\/p>\n\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\" class=\"hero-ctas\">\n <a class=\"cta-btn cta-btn-filled\" href=\"#the-story\">Discover the Story<\/a>\n <a class=\"cta-btn\" href=\"#support\">Support the Mission<\/a>\n <\/div>\n <\/div>\n\n \n <div style=\"position:absolute; bottom:40px; display:flex; flex-direction:column; align-items:center; gap:8px; animation:floatUp 3s ease infinite; opacity:0.4;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase;\">Scroll<\/span>\n <div style=\"width:1px; height:32px; background:linear-gradient(to bottom, #E8E0D4, transparent);\"><\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-story\" class=\"section-pad\" style=\"background:linear-gradient(180deg, #1a1a18 0%, #1d1f1a 100%); position:relative;\">\n\n \n <div style=\"position:absolute; right:0; top:0; bottom:0; width:40%;\n background:radial-gradient(ellipse at 80% 40%, rgba(92,124,94,0.08) 0%, transparent 70%);\"><\/div>\n\n <div class=\"container\">\n <div class=\"two-col\">\n\n \n <div class=\"reveal\">\n <div class=\"section-label\">The Story<\/div>\n <h2 class=\"heading-lg\" style=\"margin-bottom:28px;\">\n A Small Inheritance. <span class=\"accent-gold\">A Living Legacy.<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"margin-bottom:24px;\">\n What began as a modest family property in Morongo Valley became something far greater\n than land alone. The descendants of the Illingworth family chose to create a refuge \u2014 not\n as spectacle, but as stewardship.\n <\/p>\n <p class=\"body-text\" style=\"margin-bottom:32px;\">\n Debris was cleared. Places to sit and observe were built. Feeder stations were installed.\n Water was brought into the desert and maintained with care. What emerged was not simply\n a project, but a rhythm of attention that continues to this day.\n <\/p>\n <div class=\"pull-quote\">\n \"Legacy, here, is not inherited once. It is practiced daily.\"\n <\/div>\n <\/div>\n\n \n <div class=\"reveal reveal-delay-2\">\n <div class=\"glass-card\" style=\"padding:32px;\n background: linear-gradient(145deg, rgba(92,124,94,0.12), rgba(26,26,24,0.8)),\n radial-gradient(circle at 30% 70%, rgba(196,102,74,0.15) 0%, transparent 60%);\n min-height:400px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;\">\n\n <div style=\"font-size:48px; margin-bottom:16px; animation:floatUp 4s ease infinite;\">\ud83e\udeb6<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:28px; font-weight:700; margin-bottom:8px;\"\n class=\"gradient-text\">Est. 1612<\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:15px; font-style:italic;\n color:rgba(232,224,212,0.67); letter-spacing:1px;\">\n The valley Jaime Ponce De Ba\u00f1os named<br>\n \"De Las Plumas\" \u2014 The Feathers\n <\/div>\n <div style=\"margin-top:32px; width:80%; height:1px;\n background:linear-gradient(90deg, transparent, rgba(233,196,106,0.27), transparent);\"><\/div>\n <p style=\"margin-top:24px; font-family:'Cormorant Garamond',serif; font-size:14px;\n color:rgba(232,224,212,0.53); line-height:1.8; max-width:280px;\">\n He sought the Source of Ageless Vitality.<br>\n What he found wasn't a magic spring \u2014<br>\n it was something more profound.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-refuge\" class=\"section-pad\" style=\"background:linear-gradient(180deg, #1d1f1a 0%, #1a1c17 50%, #1a1a18 100%); position:relative;\">\n\n \n <div class=\"accent-line\" style=\"position:absolute; top:0; left:10%; right:10%;\"><\/div>\n\n <div class=\"container text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">The Refuge<\/div>\n <h2 class=\"heading-lg\" style=\"margin-bottom:20px;\">\n Built for Wing, Water, <span class=\"accent-teal\">and Wonder<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:600px; margin:0 auto 48px;\">\n The refuge is sustained through simple acts repeated faithfully: water filled,\n feeders stocked, habitat tended, space preserved.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"padding:clamp(32px,5vw,56px); margin-bottom:56px;\n background: linear-gradient(160deg, rgba(42,157,143,0.08), rgba(233,196,106,0.04)),\n radial-gradient(ellipse at 50% 80%, rgba(42,157,143,0.1) 0%, transparent 60%);\">\n\n \n\n <div style=\"font-size:14px; letter-spacing:3px; text-transform:uppercase;\n color:#2A9D8F; margin-bottom:16px; font-family:'DM Sans',sans-serif;\">\n The Elysian Font of Infinite Renewal\n <\/div>\n <h3 style=\"font-family:'Playfair Display',serif; font-size:clamp(24px,3vw,36px);\n font-weight:600; margin-bottom:20px; font-style:italic;\">\n Where Desert Meets Life\n <\/h3>\n <p class=\"body-text\" style=\"max-width:500px; margin:0 auto 32px;\">\n Today, the Elysian Font flows year-round \u2014 a water feature built by the Illingworth\n family that has become a beacon for desert wildlife and a symbol of sustained care\n in a landscape defined by scarcity.\n <\/p>\n\n \n <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\">\n <span class=\"bird-tag\" style=\"background:rgba(196,102,74,0.09); border:1px solid rgba(196,102,74,0.2); color:#C4664A;\">Vermilion Flycatcher<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(42,157,143,0.09); border:1px solid rgba(42,157,143,0.2); color:#2A9D8F;\">Lazuli Bunting<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(233,196,106,0.09); border:1px solid rgba(233,196,106,0.2); color:#E9C46A;\">Scott's Oriole<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(123,104,174,0.09); border:1px solid rgba(123,104,174,0.2); color:#7B68AE;\">Costa's Hummingbird<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(212,165,116,0.09); border:1px solid rgba(212,165,116,0.2); color:#D4A574;\">Black-headed Grosbeak<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(76,175,80,0.09); border:1px solid rgba(76,175,80,0.2); color:#4CAF50;\">Painted Bunting<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(233,196,106,0.06); border:1px solid rgba(233,196,106,0.13); color:#E9C46A;\">Queen & Swallowtail Butterflies<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"four-col\">\n <div class=\"reveal glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83e\ude91<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Observation Seating<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Quiet places to rest and watch<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-1 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83d\udc26<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Feeder Stations<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Sustained nourishment for native and migrating birds<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83d\udca7<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Water Feature<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">A life-giving presence in an arid landscape<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-3 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83e\udd8b<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Pollinator Presence<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Butterflies, movement, and seasonal color<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-experience\" class=\"section-pad-lg\" style=\"position:relative; overflow:hidden;\n background: radial-gradient(ellipse at 20% 30%, rgba(42,157,143,0.06) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(233,196,106,0.04) 0%, transparent 50%),\n linear-gradient(180deg, #1a1a18, #181a16, #1a1a18);\">\n\n <div class=\"container-sm text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">The Experience<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(36px,5vw,60px); margin-bottom:16px;\">\n Some Places Are Best\n <span style=\"font-style:italic;\" class=\"gradient-text\">Shared Quietly<\/span>\n <\/h2>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(16px,2vw,20px);\n font-style:italic; color:rgba(232,224,212,0.53); margin-bottom:48px; letter-spacing:0.5px;\">\n A refuge known less by advertising than by gentle word of mouth.\n <\/p>\n <\/div>\n\n <div class=\"reveal\">\n <p class=\"body-text\" style=\"max-width:580px; margin:0 auto 40px; font-size:17px;\">\n Among birders and desert wanderers, some places are spoken of softly. Not because\n they are hidden, but because they are cherished. De Las Plumas offers that kind of\n experience \u2014 the kind you almost hesitate to share too loudly.\n <\/p>\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 56px;\">\n A wingbeat at the feeder. Light on water. A butterfly passing through the frame.\n A pause that becomes the best part of the day.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"display:inline-block; padding:28px 48px; text-align:left;\n background:rgba(92,124,94,0.04);\">\n <div style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase;\n color:#2A9D8F; margin-bottom:16px;\">Field Notes<\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; margin-bottom:10px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Best Light<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Early morning, golden hour<\/span>\n <\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; margin-bottom:10px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Likely Sightings<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Seasonal birds, butterflies, pollinators<\/span>\n <\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Mood<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Stillness, patience, reward<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"margin-top:64px;\">\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(18px,2.5vw,24px);\n font-style:italic; color:rgba(232,224,212,0.33); letter-spacing:1px;\">\n Shhh\u2026 try not to tell everyone about this spot.\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-mission\" class=\"section-pad-lg\" style=\"background:#1a1a18; position:relative;\">\n\n <div style=\"position:absolute; inset:0;\n background:radial-gradient(ellipse at 50% 50%, rgba(92,124,94,0.05) 0%, transparent 60%);\"><\/div>\n\n <div class=\"container-sm text-center reveal\" style=\"position:relative;\">\n <div class=\"section-label\">The Mission<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(32px,4.5vw,56px); margin-bottom:32px;\">\n To Notice What Is <span class=\"accent-gold\">Already Radiant<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:560px; margin:0 auto 56px; font-size:17px;\">\n De Las Plumas is guided by a simple but demanding idea: that grandeur does not begin\n with our invention of it. It begins in what is already present \u2014 in light, movement,\n habitat, care, and the quiet continuity of life.\n <\/p>\n\n \n <div style=\"padding:clamp(32px,5vw,56px) clamp(28px,4vw,48px); border-radius:4px;\n background:linear-gradient(145deg, rgba(233,196,106,0.06), rgba(92,124,94,0.04));\n border:1px solid rgba(233,196,106,0.1); position:relative;\">\n <div style=\"position:absolute; top:-1px; left:40px; right:40px; height:1px;\"\n class=\"accent-line-gold\"><\/div>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(18px,2.5vw,24px);\n font-weight:300; line-height:1.8; color:rgba(232,224,212,0.8); font-style:italic;\">\n \"Purpose: To discover the radiance from which all grandeur arises; yet if we cling\n to our own imaginings of 'heaven on earth,' we blind ourselves to the magnificence\n already revealed and diminish in its shadow.\"\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"section-pad\" style=\"background:linear-gradient(180deg, #1a1a18 0%, #1d1f1a 100%);\">\n <div class=\"container text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">Daily Stewardship<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(30px,4vw,48px); margin-bottom:20px;\">\n The Cycle Continues <span class=\"accent-teal\">Through Care<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:560px; margin:0 auto 56px;\">\n This refuge is not sustained by sentiment alone. It is sustained by attention.\n What visitors experience as beauty is made possible by constancy.\n <\/p>\n <\/div>\n\n <div class=\"four-col\">\n <div class=\"reveal stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83d\udca7<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Syrup Sanitation<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Hummingbird feeders cleaned every 48\u201372 hrs<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-1 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83c\udf3e<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Stock the Feeders<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Sustained nourishment for native species<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83e\udd8b<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Welcome Return<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Seasonal migration and pollinator presence<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-3 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83c\udf3f<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Sustain the Refuge<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Day after day, season after season<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"support\" class=\"section-pad-lg\" style=\"background:\n radial-gradient(ellipse at 30% 60%, rgba(233,196,106,0.06) 0%, transparent 50%),\n linear-gradient(180deg, #1d1f1a 0%, #1a1a18 100%);\">\n\n <div class=\"container-md text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">Support the Refuge<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(30px,4vw,48px); margin-bottom:20px;\">\n Help Sustain the Water, <span class=\"accent-gold\">the Feed, and the Wonder<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:540px; margin:0 auto 20px;\">\n No grants. No sponsors. Just people who believe some places are worth saving.\n Every gift \u2014 of any size \u2014 goes directly to water, feed, and habitat care.\n <\/p>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:16px; font-style:italic;\n color:rgba(232,224,212,0.4); margin-bottom:24px;\">\n Your support does not fund spectacle. It sustains presence.\n <\/p>\n\n \n <div class=\"reveal glass-card\" style=\"padding:clamp(28px,4vw,44px); margin-bottom:48px; max-width:600px; margin-left:auto; margin-right:auto;\n background: linear-gradient(160deg, rgba(42,157,143,0.06), rgba(233,196,106,0.03));\n text-align:left;\">\n <div style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#2A9D8F; margin-bottom:20px; text-align:center;\">Your Gift Sustains<\/div>\n <div style=\"display:flex; flex-direction:column; gap:14px;\">\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83d\udca7<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Year-round water for the Elysian Font<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83d\udc26<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Feed for native and migrating bird species<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83e\uddf9<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Feeder sanitation and habitat upkeep<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83c\udf3f<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">The quiet infrastructure of stewardship<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:48px;\">\n <a class=\"cta-btn cta-btn-filled\" href=\"https:\/\/DeLasPlumas.org\" style=\"animation:pulse 3s infinite;\">Support the Mission<\/a>\n <a class=\"cta-btn\" href=\"https:\/\/BirdingBnB.org\">Book Jack's Place<\/a>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"padding:28px 36px; display:inline-flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:center;\">\n <img decoding=\"async\" src=\"https:\/\/delasplumas.org\/wp-content\/uploads\/2026\/03\/IMG-JACKS_PLACE-Towels_V1.png\" alt=\"Jack's Place Towels\" style=\"width:64px; height:64px; border-radius:10px; object-fit:cover;\">\n <div style=\"text-align:left;\">\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:4px;\">\n Jack's Place ~ Birds & Beds\n <\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53);\">\n \"Your stay funds the birds\" \u2014 Book the adjacent vacation rental\n <\/div>\n <\/div>\n <a class=\"cta-btn cta-btn-sm\" href=\"https:\/\/BirdingBnB.org\">Learn More<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"section-pad text-center\" style=\"position:relative;\n background: radial-gradient(ellipse at 50% 0%, rgba(42,157,143,0.08) 0%, transparent 50%),\n linear-gradient(180deg, #1a1a18 0%, #0f1210 100%);\">\n\n <div class=\"accent-line-gold\" style=\"position:absolute; top:0; left:15%; right:15%;\"><\/div>\n\n <div class=\"container-sm reveal\">\n <h2 class=\"heading-lg\" style=\"font-size:clamp(28px,4vw,44px); margin-bottom:24px;\">\n Discovered Quietly.\n <span class=\"accent-teal\">Shared Carefully.<\/span>\n <span class=\"accent-gold\">Remembered Deeply.<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 48px;\">\n De Las Plumas was never meant to compete for noise. It was built to reward attention.\n Visit gently. Support thoughtfully. And if you tell someone, tell the kind of person\n who will understand why places like this matter.\n <\/p>\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\n <a class=\"cta-btn cta-btn-filled\" href=\"#the-story\">Discover De Las Plumas<\/a>\n <a class=\"cta-btn\" href=\"#support\">Support the Mission<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<footer style=\"padding:48px clamp(24px,5vw,80px); border-top:1px solid rgba(232,224,212,0.06); background:#0f1210;\">\n <div style=\"max-width:1100px; margin:0 auto; display:flex; justify-content:space-between;\n align-items:center; flex-wrap:wrap; gap:24px;\">\n <div>\n <div style=\"font-family:'Playfair Display',serif; font-size:16px; font-weight:600; margin-bottom:6px;\">De Las Plumas<\/div>\n <div style=\"font-size:13px; color:rgba(232,224,212,0.4);\">\n Desert Birding Reserve \u00b7 Morongo Valley, CA\n <\/div>\n <\/div>\n <div style=\"display:flex; gap:28px; align-items:center;\">\n <a href=\"https:\/\/DeLasPlumas.org\" class=\"nav-link\" style=\"font-size:12px;\">DeLasPlumas.org<\/a>\n <a href=\"https:\/\/BirdingBnB.org\" class=\"nav-link\" style=\"font-size:12px;\">BirdingBnB.org<\/a>\n <\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:13px; font-style:italic;\n color:rgba(232,224,212,0.2); max-width:340px; text-align:right;\">\n \"The source of ageless vitality is not found in magical springs \u2014 it is found\n in the protection of wild beauty.\"\n <\/div>\n <\/div>\n<\/footer>\n\n\n\n\n\n<script>\n\/\/ Scroll reveal animation\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n\/\/ Navbar scroll effect\nconst nav = document.getElementById('siteNav');\nwindow.addEventListener('scroll', () => {\n if (window.scrollY > 80) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n}, { passive: true });\n\n\/\/ Mobile menu\nconst toggle = document.getElementById('mobileToggle');\nconst mobileNav = document.getElementById('mobileNav');\ntoggle.addEventListener('click', () => {\n mobileNav.classList.toggle('open');\n toggle.textContent = mobileNav.classList.contains('open') ? '\u2715' : '\u2630';\n});\nfunction closeMobile() {\n mobileNav.classList.remove('open');\n toggle.textContent = '\u2630';\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"<p>De Las Plumas \u2192 Rhythm of Attention The Story The Refuge The Experience Support Support the Mission \u2630 The Story The Refuge The Experience Support De Las Plumas \u00b7 Desert Birding Reserve A Desert Refuge, Built to Reveal What Is Already Magnificent Morongo Valley, California \u2014 where water meets desert, and patience reveals what haste […]<\/p>\n","protected":false},"author":2,"featured_media":185,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=169"}],"version-history":[{"count":25,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions\/342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nDe Las Plumas \u2192 Rhythm of Attention<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* RESET & BASE *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: 'DM Sans', sans-serif;\n color: #E8E0D4;\n background: #1a1a18;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\nimg { max-width: 100%; height: auto; display: block; }\na { text-decoration: none; color: inherit; }\n\n::-webkit-scrollbar { width: 6px; }\n::-webkit-scrollbar-track { background: #1a1a18; }\n::-webkit-scrollbar-thumb { background: rgba(92,124,94,0.25); border-radius: 3px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* ANIMATIONS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes heroGlow {\n 0%, 100% { filter: brightness(1) saturate(1); }\n 50% { filter: brightness(1.08) saturate(1.1); }\n}\n@keyframes floatUp {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n@keyframes breathe {\n 0%, 100% { opacity: 0.15; }\n 50% { opacity: 0.45; }\n}\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(42, 157, 143, 0.4); }\n 50% { box-shadow: 0 0 0 12px rgba(42, 157, 143, 0); }\n}\n\n\/* Scroll reveal *\/\n.reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s ease, transform 1s ease;\n}\n.reveal.visible {\n opacity: 1;\n transform: translateY(0);\n}\n.reveal-delay-1 { transition-delay: 0.15s; }\n.reveal-delay-2 { transition-delay: 0.3s; }\n.reveal-delay-3 { transition-delay: 0.45s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* TYPOGRAPHY *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.section-label {\n font-family: 'DM Sans', sans-serif;\n font-size: 11px;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: #2A9D8F;\n margin-bottom: 20px;\n}\n.heading-xl {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n line-height: 1.1;\n font-size: clamp(36px, 6vw, 72px);\n}\n.heading-lg {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n line-height: 1.2;\n font-size: clamp(32px, 4vw, 52px);\n}\n.body-text {\n font-family: 'DM Sans', sans-serif;\n font-weight: 300;\n line-height: 1.85;\n color: rgba(232, 224, 212, 0.73);\n font-size: 16px;\n}\n.pull-quote {\n font-family: 'Cormorant Garamond', serif;\n font-style: italic;\n font-weight: 300;\n color: rgba(233, 196, 106, 0.8);\n border-left: 2px solid rgba(233, 196, 106, 0.27);\n padding-left: 24px;\n font-size: 20px;\n line-height: 1.6;\n}\n.gradient-text {\n background: linear-gradient(135deg, #2A9D8F, #E9C46A, #C4664A);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.accent-teal { color: #2A9D8F; }\n.accent-gold { color: #E9C46A; }\n.accent-terra { color: #C4664A; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* COMPONENTS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.glass-card {\n background: rgba(92, 124, 94, 0.08);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(232, 224, 212, 0.08);\n border-radius: 16px;\n}\n\n.cta-btn {\n display: inline-block;\n padding: 14px 36px;\n font-family: 'DM Sans', sans-serif;\n font-size: 13px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n border: 1px solid rgba(233, 196, 106, 0.53);\n color: #E9C46A;\n background: transparent;\n cursor: pointer;\n transition: all 0.4s ease;\n border-radius: 2px;\n}\n.cta-btn:hover {\n background: #E9C46A;\n color: #1a1a18;\n letter-spacing: 3.5px;\n}\n.cta-btn-filled {\n background: #2A9D8F;\n border-color: #2A9D8F;\n color: #fff;\n}\n.cta-btn-filled:hover {\n background: #238577;\n border-color: #238577;\n color: #fff;\n}\n.cta-btn-sm {\n padding: 10px 24px;\n font-size: 11px;\n}\n\n.bird-tag {\n display: inline-block;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 400;\n letter-spacing: 0.5px;\n transition: transform 0.3s;\n cursor: default;\n}\n.bird-tag:hover { transform: scale(1.05); }\n\n.donation-tier {\n padding: 28px;\n border-radius: 12px;\n border: 1px solid rgba(232, 224, 212, 0.06);\n transition: all 0.4s ease;\n cursor: pointer;\n background: rgba(92, 124, 94, 0.04);\n}\n.donation-tier:hover {\n border-color: rgba(233, 196, 106, 0.27);\n background: rgba(233, 196, 106, 0.06);\n transform: translateY(-2px);\n}\n\n.stewardship-card {\n text-align: center;\n padding: 32px 20px;\n transition: transform 0.4s ease, background 0.4s ease;\n border-radius: 12px;\n position: relative;\n}\n.stewardship-card:hover {\n transform: translateY(-4px);\n background: rgba(92, 124, 94, 0.06);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* NAVIGATION *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.site-nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 20px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.5s ease;\n}\n.site-nav.scrolled {\n background: rgba(26, 26, 24, 0.92);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(232, 224, 212, 0.06);\n}\n.nav-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.nav-logo-icon {\n width: 32px; height: 32px;\n border-radius: 50%;\n background: linear-gradient(135deg, #2A9D8F, #E9C46A);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n}\n.nav-logo-text {\n font-family: 'Playfair Display', serif;\n font-size: 18px;\n font-weight: 600;\n letter-spacing: 1px;\n}\n.nav-links {\n display: flex;\n gap: 32px;\n align-items: center;\n}\n.nav-link {\n color: rgba(232, 224, 212, 0.67);\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n transition: color 0.3s;\n font-family: 'DM Sans', sans-serif;\n}\n.nav-link:hover { color: #E9C46A; }\n\n.mobile-toggle {\n display: none;\n background: none;\n border: none;\n color: #E8E0D4;\n font-size: 24px;\n cursor: pointer;\n}\n.mobile-nav {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(26, 26, 24, 0.97);\n z-index: 99;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 32px;\n}\n.mobile-nav.open { display: flex; }\n.mobile-nav .nav-link {\n font-size: 16px;\n letter-spacing: 3px;\n}\n\n@media (max-width: 768px) {\n .nav-links { display: none !important; }\n .mobile-toggle { display: block !important; }\n .site-nav { padding: 16px 24px; }\n .two-col { grid-template-columns: 1fr !important; }\n .four-col { grid-template-columns: 1fr 1fr !important; }\n .three-col { grid-template-columns: 1fr !important; }\n .hero-ctas { flex-direction: column; align-items: center; }\n .field-notes-row { flex-direction: column !important; gap: 4px !important; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* SECTION LAYOUTS *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.section-pad {\n padding: clamp(80px, 12vw, 160px) clamp(24px, 5vw, 80px);\n}\n.section-pad-lg {\n padding: clamp(100px, 14vw, 200px) clamp(24px, 5vw, 80px);\n}\n.container { max-width: 1100px; margin: 0 auto; }\n.container-sm { max-width: 800px; margin: 0 auto; }\n.container-md { max-width: 900px; margin: 0 auto; }\n.text-center { text-align: center; }\n\n.two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 6vw, 80px);\n align-items: center;\n}\n.four-col {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n}\n.three-col {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n}\n\n.accent-line {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(42, 157, 143, 0.3), transparent);\n}\n.accent-line-gold {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(233, 196, 106, 0.2), transparent);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* HERO PARTICLES *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.particle {\n position: absolute;\n border-radius: 50%;\n animation: breathe 4s ease infinite;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* IMAGE PLACEHOLDERS *\/\n\/* Replace src with your actual image paths: *\/\n\/* \/wp-content\/uploads\/rainbow-bird.png *\/\n\/* \/wp-content\/uploads\/elysian-font.png *\/\n\/* etc. *\/\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-bg-image {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0.12;\n filter: blur(2px) saturate(1.4);\n}\n<\/style>\n<\/head>\n<body>\n\n\n\n\n<nav class=\"site-nav\" id=\"siteNav\">\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/delasplumas.org\/wp-content\/uploads\/2024\/12\/De-Las-Plumas-Bunting-Logo.webp\" alt=\"De Las Plumas\" style=\"height:42px; width:auto; border-radius:4px;\">\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#the-story\" class=\"nav-link\">The Story<\/a>\n <a href=\"#the-refuge\" class=\"nav-link\">The Refuge<\/a>\n <a href=\"#the-experience\" class=\"nav-link\">The Experience<\/a>\n <a href=\"#support\" class=\"nav-link\">Support<\/a>\n <a href=\"#support\" class=\"cta-btn cta-btn-sm\">Support the Mission<\/a>\n <\/div>\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Menu\">\u2630<\/button>\n<\/nav>\n\n<div class=\"mobile-nav\" id=\"mobileNav\">\n <a href=\"#the-story\" class=\"nav-link\" onclick=\"closeMobile()\">The Story<\/a>\n <a href=\"#the-refuge\" class=\"nav-link\" onclick=\"closeMobile()\">The Refuge<\/a>\n <a href=\"#the-experience\" class=\"nav-link\" onclick=\"closeMobile()\">The Experience<\/a>\n <a href=\"#support\" class=\"nav-link\" onclick=\"closeMobile()\">Support<\/a>\n<\/div>\n\n\n\n\n\n<section id=\"hero\" style=\"min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; position:relative; overflow:hidden; padding:0 24px;\">\n\n \n <div style=\"position:absolute; inset:0; background:\n radial-gradient(ellipse at 30% 20%, rgba(42,157,143,0.12) 0%, transparent 60%),\n radial-gradient(ellipse at 70% 80%, rgba(233,196,106,0.08) 0%, transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(196,102,74,0.06) 0%, transparent 70%),\n linear-gradient(180deg, #0f1210 0%, #1a1a18 40%, #1f1e1a 100%);\n \"><\/div>\n\n \n <div class=\"hero-bg-image\" style=\"background-image: url(''); \/* PUT YOUR RAINBOW BIRD IMAGE URL HERE *\/\"><\/div>\n\n \n <div class=\"particle\" style=\"width:5px; height:5px; background:#2A9D8F; left:15%; top:25%; animation-delay:0s;\"><\/div>\n <div class=\"particle\" style=\"width:4px; height:4px; background:#E9C46A; left:72%; top:18%; animation-delay:1.2s;\"><\/div>\n <div class=\"particle\" style=\"width:6px; height:6px; background:#C4664A; left:28%; top:68%; animation-delay:0.6s;\"><\/div>\n <div class=\"particle\" style=\"width:3px; height:3px; background:#2A9D8F; left:85%; top:45%; animation-delay:2.1s;\"><\/div>\n <div class=\"particle\" style=\"width:5px; height:5px; background:#E9C46A; left:42%; top:82%; animation-delay:1.8s;\"><\/div>\n <div class=\"particle\" style=\"width:4px; height:4px; background:#C4664A; left:60%; top:32%; animation-delay:0.3s;\"><\/div>\n <div class=\"particle\" style=\"width:7px; height:7px; background:#2A9D8F; left:8%; top:55%; animation-delay:2.5s;\"><\/div>\n <div class=\"particle\" style=\"width:3px; height:3px; background:#E9C46A; left:92%; top:72%; animation-delay:1s;\"><\/div>\n\n \n <div style=\"position:absolute; width:280px; height:280px; border-radius:50%;\n background:radial-gradient(circle, rgba(42,157,143,0.1) 0%, rgba(233,196,106,0.05) 50%, transparent 70%);\n filter:blur(40px); animation:heroGlow 6s ease infinite; top:20%;\"><\/div>\n\n \n <div style=\"position:relative; z-index:2; animation:fadeInUp 1.5s ease forwards; max-width:800px;\">\n <div class=\"section-label\" style=\"margin-bottom:28px; font-size:12px;\">\n De Las Plumas \u00b7 Desert Birding Reserve\n <\/div>\n\n <h1 class=\"heading-xl\" style=\"margin-bottom:24px;\">\n A Desert Refuge,\n <span class=\"gradient-text\" style=\"display:block;\">\n Built to Reveal What Is Already Magnificent\n <\/span>\n <\/h1>\n\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 48px; font-size:17px; line-height:1.9;\">\n Morongo Valley, California \u2014 where water meets desert, and patience\n reveals what haste has always overlooked.\n <\/p>\n\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\" class=\"hero-ctas\">\n <a class=\"cta-btn cta-btn-filled\" href=\"#the-story\">Discover the Story<\/a>\n <a class=\"cta-btn\" href=\"#support\">Support the Mission<\/a>\n <\/div>\n <\/div>\n\n \n <div style=\"position:absolute; bottom:40px; display:flex; flex-direction:column; align-items:center; gap:8px; animation:floatUp 3s ease infinite; opacity:0.4;\">\n <span style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase;\">Scroll<\/span>\n <div style=\"width:1px; height:32px; background:linear-gradient(to bottom, #E8E0D4, transparent);\"><\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-story\" class=\"section-pad\" style=\"background:linear-gradient(180deg, #1a1a18 0%, #1d1f1a 100%); position:relative;\">\n\n \n <div style=\"position:absolute; right:0; top:0; bottom:0; width:40%;\n background:radial-gradient(ellipse at 80% 40%, rgba(92,124,94,0.08) 0%, transparent 70%);\"><\/div>\n\n <div class=\"container\">\n <div class=\"two-col\">\n\n \n <div class=\"reveal\">\n <div class=\"section-label\">The Story<\/div>\n <h2 class=\"heading-lg\" style=\"margin-bottom:28px;\">\n A Small Inheritance. <span class=\"accent-gold\">A Living Legacy.<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"margin-bottom:24px;\">\n What began as a modest family property in Morongo Valley became something far greater\n than land alone. The descendants of the Illingworth family chose to create a refuge \u2014 not\n as spectacle, but as stewardship.\n <\/p>\n <p class=\"body-text\" style=\"margin-bottom:32px;\">\n Debris was cleared. Places to sit and observe were built. Feeder stations were installed.\n Water was brought into the desert and maintained with care. What emerged was not simply\n a project, but a rhythm of attention that continues to this day.\n <\/p>\n <div class=\"pull-quote\">\n \"Legacy, here, is not inherited once. It is practiced daily.\"\n <\/div>\n <\/div>\n\n \n <div class=\"reveal reveal-delay-2\">\n <div class=\"glass-card\" style=\"padding:32px;\n background: linear-gradient(145deg, rgba(92,124,94,0.12), rgba(26,26,24,0.8)),\n radial-gradient(circle at 30% 70%, rgba(196,102,74,0.15) 0%, transparent 60%);\n min-height:400px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;\">\n\n <div style=\"font-size:48px; margin-bottom:16px; animation:floatUp 4s ease infinite;\">\ud83e\udeb6<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:28px; font-weight:700; margin-bottom:8px;\"\n class=\"gradient-text\">Est. 1612<\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:15px; font-style:italic;\n color:rgba(232,224,212,0.67); letter-spacing:1px;\">\n The valley Jaime Ponce De Ba\u00f1os named<br>\n \"De Las Plumas\" \u2014 The Feathers\n <\/div>\n <div style=\"margin-top:32px; width:80%; height:1px;\n background:linear-gradient(90deg, transparent, rgba(233,196,106,0.27), transparent);\"><\/div>\n <p style=\"margin-top:24px; font-family:'Cormorant Garamond',serif; font-size:14px;\n color:rgba(232,224,212,0.53); line-height:1.8; max-width:280px;\">\n He sought the Source of Ageless Vitality.<br>\n What he found wasn't a magic spring \u2014<br>\n it was something more profound.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-refuge\" class=\"section-pad\" style=\"background:linear-gradient(180deg, #1d1f1a 0%, #1a1c17 50%, #1a1a18 100%); position:relative;\">\n\n \n <div class=\"accent-line\" style=\"position:absolute; top:0; left:10%; right:10%;\"><\/div>\n\n <div class=\"container text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">The Refuge<\/div>\n <h2 class=\"heading-lg\" style=\"margin-bottom:20px;\">\n Built for Wing, Water, <span class=\"accent-teal\">and Wonder<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:600px; margin:0 auto 48px;\">\n The refuge is sustained through simple acts repeated faithfully: water filled,\n feeders stocked, habitat tended, space preserved.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"padding:clamp(32px,5vw,56px); margin-bottom:56px;\n background: linear-gradient(160deg, rgba(42,157,143,0.08), rgba(233,196,106,0.04)),\n radial-gradient(ellipse at 50% 80%, rgba(42,157,143,0.1) 0%, transparent 60%);\">\n\n \n\n <div style=\"font-size:14px; letter-spacing:3px; text-transform:uppercase;\n color:#2A9D8F; margin-bottom:16px; font-family:'DM Sans',sans-serif;\">\n The Elysian Font of Infinite Renewal\n <\/div>\n <h3 style=\"font-family:'Playfair Display',serif; font-size:clamp(24px,3vw,36px);\n font-weight:600; margin-bottom:20px; font-style:italic;\">\n Where Desert Meets Life\n <\/h3>\n <p class=\"body-text\" style=\"max-width:500px; margin:0 auto 32px;\">\n Today, the Elysian Font flows year-round \u2014 a water feature built by the Illingworth\n family that has become a beacon for desert wildlife and a symbol of sustained care\n in a landscape defined by scarcity.\n <\/p>\n\n \n <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:center;\">\n <span class=\"bird-tag\" style=\"background:rgba(196,102,74,0.09); border:1px solid rgba(196,102,74,0.2); color:#C4664A;\">Vermilion Flycatcher<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(42,157,143,0.09); border:1px solid rgba(42,157,143,0.2); color:#2A9D8F;\">Lazuli Bunting<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(233,196,106,0.09); border:1px solid rgba(233,196,106,0.2); color:#E9C46A;\">Scott's Oriole<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(123,104,174,0.09); border:1px solid rgba(123,104,174,0.2); color:#7B68AE;\">Costa's Hummingbird<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(212,165,116,0.09); border:1px solid rgba(212,165,116,0.2); color:#D4A574;\">Black-headed Grosbeak<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(76,175,80,0.09); border:1px solid rgba(76,175,80,0.2); color:#4CAF50;\">Painted Bunting<\/span>\n <span class=\"bird-tag\" style=\"background:rgba(233,196,106,0.06); border:1px solid rgba(233,196,106,0.13); color:#E9C46A;\">Queen & Swallowtail Butterflies<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"four-col\">\n <div class=\"reveal glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83e\ude91<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Observation Seating<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Quiet places to rest and watch<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-1 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83d\udc26<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Feeder Stations<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Sustained nourishment for native and migrating birds<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83d\udca7<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Water Feature<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">A life-giving presence in an arid landscape<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-3 glass-card\" style=\"padding:28px; text-align:center;\">\n <div style=\"font-size:32px; margin-bottom:12px;\">\ud83e\udd8b<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:17px; font-weight:600; margin-bottom:8px;\">Pollinator Presence<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.67); line-height:1.6;\">Butterflies, movement, and seasonal color<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-experience\" class=\"section-pad-lg\" style=\"position:relative; overflow:hidden;\n background: radial-gradient(ellipse at 20% 30%, rgba(42,157,143,0.06) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 70%, rgba(233,196,106,0.04) 0%, transparent 50%),\n linear-gradient(180deg, #1a1a18, #181a16, #1a1a18);\">\n\n <div class=\"container-sm text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">The Experience<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(36px,5vw,60px); margin-bottom:16px;\">\n Some Places Are Best\n <span style=\"font-style:italic;\" class=\"gradient-text\">Shared Quietly<\/span>\n <\/h2>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(16px,2vw,20px);\n font-style:italic; color:rgba(232,224,212,0.53); margin-bottom:48px; letter-spacing:0.5px;\">\n A refuge known less by advertising than by gentle word of mouth.\n <\/p>\n <\/div>\n\n <div class=\"reveal\">\n <p class=\"body-text\" style=\"max-width:580px; margin:0 auto 40px; font-size:17px;\">\n Among birders and desert wanderers, some places are spoken of softly. Not because\n they are hidden, but because they are cherished. De Las Plumas offers that kind of\n experience \u2014 the kind you almost hesitate to share too loudly.\n <\/p>\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 56px;\">\n A wingbeat at the feeder. Light on water. A butterfly passing through the frame.\n A pause that becomes the best part of the day.\n <\/p>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"display:inline-block; padding:28px 48px; text-align:left;\n background:rgba(92,124,94,0.04);\">\n <div style=\"font-size:11px; letter-spacing:3px; text-transform:uppercase;\n color:#2A9D8F; margin-bottom:16px;\">Field Notes<\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; margin-bottom:10px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Best Light<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Early morning, golden hour<\/span>\n <\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; margin-bottom:10px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Likely Sightings<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Seasonal birds, butterflies, pollinators<\/span>\n <\/div>\n <div class=\"field-notes-row\" style=\"display:flex; gap:16px; align-items:baseline;\">\n <span style=\"font-size:12px; color:rgba(233,196,106,0.67); letter-spacing:1px; text-transform:uppercase; white-space:nowrap; min-width:120px;\">Mood<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.8);\">Stillness, patience, reward<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"margin-top:64px;\">\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(18px,2.5vw,24px);\n font-style:italic; color:rgba(232,224,212,0.33); letter-spacing:1px;\">\n Shhh\u2026 try not to tell everyone about this spot.\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"the-mission\" class=\"section-pad-lg\" style=\"background:#1a1a18; position:relative;\">\n\n <div style=\"position:absolute; inset:0;\n background:radial-gradient(ellipse at 50% 50%, rgba(92,124,94,0.05) 0%, transparent 60%);\"><\/div>\n\n <div class=\"container-sm text-center reveal\" style=\"position:relative;\">\n <div class=\"section-label\">The Mission<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(32px,4.5vw,56px); margin-bottom:32px;\">\n To Notice What Is <span class=\"accent-gold\">Already Radiant<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:560px; margin:0 auto 56px; font-size:17px;\">\n De Las Plumas is guided by a simple but demanding idea: that grandeur does not begin\n with our invention of it. It begins in what is already present \u2014 in light, movement,\n habitat, care, and the quiet continuity of life.\n <\/p>\n\n \n <div style=\"padding:clamp(32px,5vw,56px) clamp(28px,4vw,48px); border-radius:4px;\n background:linear-gradient(145deg, rgba(233,196,106,0.06), rgba(92,124,94,0.04));\n border:1px solid rgba(233,196,106,0.1); position:relative;\">\n <div style=\"position:absolute; top:-1px; left:40px; right:40px; height:1px;\"\n class=\"accent-line-gold\"><\/div>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(18px,2.5vw,24px);\n font-weight:300; line-height:1.8; color:rgba(232,224,212,0.8); font-style:italic;\">\n \"Purpose: To discover the radiance from which all grandeur arises; yet if we cling\n to our own imaginings of 'heaven on earth,' we blind ourselves to the magnificence\n already revealed and diminish in its shadow.\"\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"section-pad\" style=\"background:linear-gradient(180deg, #1a1a18 0%, #1d1f1a 100%);\">\n <div class=\"container text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">Daily Stewardship<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(30px,4vw,48px); margin-bottom:20px;\">\n The Cycle Continues <span class=\"accent-teal\">Through Care<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:560px; margin:0 auto 56px;\">\n This refuge is not sustained by sentiment alone. It is sustained by attention.\n What visitors experience as beauty is made possible by constancy.\n <\/p>\n <\/div>\n\n <div class=\"four-col\">\n <div class=\"reveal stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83d\udca7<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Syrup Sanitation<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Hummingbird feeders cleaned every 48\u201372 hrs<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-1 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83c\udf3e<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Stock the Feeders<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Sustained nourishment for native species<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-2 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83e\udd8b<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Welcome Return<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Seasonal migration and pollinator presence<\/div>\n <\/div>\n <div class=\"reveal reveal-delay-3 stewardship-card\">\n <div style=\"font-size:40px; margin-bottom:16px;\">\ud83c\udf3f<\/div>\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:8px;\">Sustain the Refuge<\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53); line-height:1.6;\">Day after day, season after season<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section id=\"support\" class=\"section-pad-lg\" style=\"background:\n radial-gradient(ellipse at 30% 60%, rgba(233,196,106,0.06) 0%, transparent 50%),\n linear-gradient(180deg, #1d1f1a 0%, #1a1a18 100%);\">\n\n <div class=\"container-md text-center\">\n <div class=\"reveal\">\n <div class=\"section-label\">Support the Refuge<\/div>\n <h2 class=\"heading-lg\" style=\"font-size:clamp(30px,4vw,48px); margin-bottom:20px;\">\n Help Sustain the Water, <span class=\"accent-gold\">the Feed, and the Wonder<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:540px; margin:0 auto 20px;\">\n No grants. No sponsors. Just people who believe some places are worth saving.\n Every gift \u2014 of any size \u2014 goes directly to water, feed, and habitat care.\n <\/p>\n <p style=\"font-family:'Cormorant Garamond',serif; font-size:16px; font-style:italic;\n color:rgba(232,224,212,0.4); margin-bottom:24px;\">\n Your support does not fund spectacle. It sustains presence.\n <\/p>\n\n \n <div class=\"reveal glass-card\" style=\"padding:clamp(28px,4vw,44px); margin-bottom:48px; max-width:600px; margin-left:auto; margin-right:auto;\n background: linear-gradient(160deg, rgba(42,157,143,0.06), rgba(233,196,106,0.03));\n text-align:left;\">\n <div style=\"font-size:12px; letter-spacing:3px; text-transform:uppercase; color:#2A9D8F; margin-bottom:20px; text-align:center;\">Your Gift Sustains<\/div>\n <div style=\"display:flex; flex-direction:column; gap:14px;\">\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83d\udca7<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Year-round water for the Elysian Font<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83d\udc26<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Feed for native and migrating bird species<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83e\uddf9<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">Feeder sanitation and habitat upkeep<\/span>\n <\/div>\n <div style=\"display:flex; align-items:center; gap:14px;\">\n <span style=\"font-size:20px;\">\ud83c\udf3f<\/span>\n <span style=\"font-size:15px; color:rgba(232,224,212,0.7);\">The quiet infrastructure of stewardship<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"reveal\" style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:48px;\">\n <a class=\"cta-btn cta-btn-filled\" href=\"https:\/\/DeLasPlumas.org\" style=\"animation:pulse 3s infinite;\">Support the Mission<\/a>\n <a class=\"cta-btn\" href=\"https:\/\/BirdingBnB.org\">Book Jack's Place<\/a>\n <\/div>\n\n \n <div class=\"reveal glass-card\" style=\"padding:28px 36px; display:inline-flex; align-items:center; gap:20px; flex-wrap:wrap; justify-content:center;\">\n <img decoding=\"async\" src=\"https:\/\/delasplumas.org\/wp-content\/uploads\/2026\/03\/IMG-JACKS_PLACE-Towels_V1.png\" alt=\"Jack's Place Towels\" style=\"width:64px; height:64px; border-radius:10px; object-fit:cover;\">\n <div style=\"text-align:left;\">\n <div style=\"font-family:'Playfair Display',serif; font-size:18px; font-weight:600; margin-bottom:4px;\">\n Jack's Place ~ Birds & Beds\n <\/div>\n <div style=\"font-size:14px; color:rgba(232,224,212,0.53);\">\n \"Your stay funds the birds\" \u2014 Book the adjacent vacation rental\n <\/div>\n <\/div>\n <a class=\"cta-btn cta-btn-sm\" href=\"https:\/\/BirdingBnB.org\">Learn More<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<section class=\"section-pad text-center\" style=\"position:relative;\n background: radial-gradient(ellipse at 50% 0%, rgba(42,157,143,0.08) 0%, transparent 50%),\n linear-gradient(180deg, #1a1a18 0%, #0f1210 100%);\">\n\n <div class=\"accent-line-gold\" style=\"position:absolute; top:0; left:15%; right:15%;\"><\/div>\n\n <div class=\"container-sm reveal\">\n <h2 class=\"heading-lg\" style=\"font-size:clamp(28px,4vw,44px); margin-bottom:24px;\">\n Discovered Quietly.\n <span class=\"accent-teal\">Shared Carefully.<\/span>\n <span class=\"accent-gold\">Remembered Deeply.<\/span>\n <\/h2>\n <p class=\"body-text\" style=\"max-width:520px; margin:0 auto 48px;\">\n De Las Plumas was never meant to compete for noise. It was built to reward attention.\n Visit gently. Support thoughtfully. And if you tell someone, tell the kind of person\n who will understand why places like this matter.\n <\/p>\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\n <a class=\"cta-btn cta-btn-filled\" href=\"#the-story\">Discover De Las Plumas<\/a>\n <a class=\"cta-btn\" href=\"#support\">Support the Mission<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n\n<footer style=\"padding:48px clamp(24px,5vw,80px); border-top:1px solid rgba(232,224,212,0.06); background:#0f1210;\">\n <div style=\"max-width:1100px; margin:0 auto; display:flex; justify-content:space-between;\n align-items:center; flex-wrap:wrap; gap:24px;\">\n <div>\n <div style=\"font-family:'Playfair Display',serif; font-size:16px; font-weight:600; margin-bottom:6px;\">De Las Plumas<\/div>\n <div style=\"font-size:13px; color:rgba(232,224,212,0.4);\">\n Desert Birding Reserve \u00b7 Morongo Valley, CA\n <\/div>\n <\/div>\n <div style=\"display:flex; gap:28px; align-items:center;\">\n <a href=\"https:\/\/DeLasPlumas.org\" class=\"nav-link\" style=\"font-size:12px;\">DeLasPlumas.org<\/a>\n <a href=\"https:\/\/BirdingBnB.org\" class=\"nav-link\" style=\"font-size:12px;\">BirdingBnB.org<\/a>\n <\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:13px; font-style:italic;\n color:rgba(232,224,212,0.2); max-width:340px; text-align:right;\">\n \"The source of ageless vitality is not found in magical springs \u2014 it is found\n in the protection of wild beauty.\"\n <\/div>\n <\/div>\n<\/footer>\n\n\n\n\n\n<script>\n\/\/ Scroll reveal animation\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n\/\/ Navbar scroll effect\nconst nav = document.getElementById('siteNav');\nwindow.addEventListener('scroll', () => {\n if (window.scrollY > 80) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n}, { passive: true });\n\n\/\/ Mobile menu\nconst toggle = document.getElementById('mobileToggle');\nconst mobileNav = document.getElementById('mobileNav');\ntoggle.addEventListener('click', () => {\n mobileNav.classList.toggle('open');\n toggle.textContent = mobileNav.classList.contains('open') ? '\u2715' : '\u2630';\n});\nfunction closeMobile() {\n mobileNav.classList.remove('open');\n toggle.textContent = '\u2630';\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"<p>De Las Plumas \u2192 Rhythm of Attention The Story The Refuge The Experience Support Support the Mission \u2630 The Story The Refuge The Experience Support De Las Plumas \u00b7 Desert Birding Reserve A Desert Refuge, Built to Reveal What Is Already Magnificent Morongo Valley, California \u2014 where water meets desert, and patience reveals what haste […]<\/p>\n","protected":false},"author":2,"featured_media":185,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=169"}],"version-history":[{"count":25,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions\/342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/delasplumas.org\/index.php?rest_route=\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/delasplumas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}