/* Awakening Eden botanical brand layer · v16 */ :root{ --eden-deep:#102819; --eden-forest:#173822; --eden-leaf:#365c3b; --eden-moss:#6d8b5b; --eden-sage:#b9c8a7; --eden-cream:#fff8ea; --eden-paper:#fffdf7; --eden-gold:#d8b45e; --eden-honey:#f2d98f; --eden-terra:#b56a42; --eden-earth:#8d6846; } /* Real logo, not a placeholder */ .eden-nav-emblem{ width:48px!important; height:48px!important; flex:0 0 48px; object-fit:contain!important; border-radius:50%; background:rgba(255,248,234,.98); padding:4px; border:1px solid rgba(216,180,94,.72); box-shadow:0 8px 24px rgba(0,0,0,.16); } .eden-brand-text{display:flex!important;flex-direction:column;gap:3px;margin:0!important} .eden-brand-text strong{ color:#f8e6ad!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(1.18rem,3vw,1.65rem)!important; line-height:1!important; letter-spacing:.035em!important; text-transform:uppercase; } .eden-brand-text small{ color:#f5df9f!important; font-size:.68rem!important; line-height:1!important; letter-spacing:.19em!important; text-transform:uppercase; font-weight:800; } /* Cleaner responsive navigation */ .eden-nav{display:flex!important;align-items:center!important;gap:18px!important} .eden-nav .brand{margin:0!important;justify-content:flex-start!important} .eden-desktop-links{margin-left:auto} .eden-mobile-menu{display:none;position:relative} .eden-mobile-menu summary{ list-style:none; cursor:pointer; color:var(--eden-deep); background:var(--eden-honey); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:.62rem .9rem; font-weight:900; } .eden-mobile-menu summary::-webkit-details-marker{display:none} .eden-mobile-panel{ position:absolute; right:0; top:calc(100% + 10px); width:min(86vw,330px); padding:10px; border-radius:22px; background:rgba(255,253,247,.98); border:1px solid rgba(216,180,94,.55); box-shadow:0 24px 60px rgba(0,0,0,.25); display:grid; gap:6px; } .eden-mobile-panel a{ color:var(--eden-deep)!important; background:rgba(185,200,167,.18)!important; border:1px solid rgba(54,92,59,.12)!important; padding:.8rem .9rem!important; border-radius:14px!important; text-decoration:none!important; font-weight:850!important; } .eden-mobile-panel a.primary{ background:var(--eden-honey)!important; } /* Hero rebuilt around the chosen hand-drawn logo */ .eden-hero{ min-height:auto!important; padding:clamp(34px,6vw,76px) 0 clamp(58px,8vw,94px)!important; background: linear-gradient(180deg,rgba(9,32,20,.55),rgba(9,32,20,.68)), url("eden-hero-sanctuary-v19.webp") center/cover no-repeat!important; } .eden-hero .hero-card{ width:min(980px,calc(100% - 28px))!important; padding:clamp(22px,5vw,58px)!important; border-radius:clamp(26px,4vw,46px)!important; background: linear-gradient(180deg,rgba(18,51,31,.88),rgba(16,40,25,.78))!important; border:1px solid rgba(255,248,234,.26)!important; box-shadow:0 32px 90px rgba(0,0,0,.34)!important; overflow:hidden; } .eden-logo-plaque{ width:min(520px,92%); margin:0 auto 18px; padding:10px 12px; border-radius:34px; background:rgba(255,253,247,.94); border:1px solid rgba(216,180,94,.54); box-shadow:0 20px 50px rgba(0,0,0,.24); } .eden-hero-logo{ width:100%; height:auto; display:block; border-radius:24px; } .eden-hero-welcome{ font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive; color:#f5df9f; font-size:clamp(1.55rem,4.8vw,2.75rem); line-height:1; margin:8px 0 2px; } .eden-hero h1{ font-size:clamp(2.9rem,9vw,6.2rem)!important; line-height:.98!important; letter-spacing:-.045em!important; margin:.15rem 0 .6rem!important; color:#fff8e7!important; } .eden-hero h2{ max-width:780px!important; margin:.4rem auto 0!important; font-size:clamp(1.24rem,3.4vw,2.25rem)!important; line-height:1.16!important; } .eden-hero .hero-quote{ max-width:760px!important; margin:1.25rem auto 0!important; font-size:clamp(1rem,2.4vw,1.24rem)!important; line-height:1.55!important; } .eden-hero .hero-actions{ margin-top:1.5rem!important; gap:10px!important; } .eden-hero .btn{ min-height:48px!important; padding:.78rem 1.05rem!important; } .eden-hero .corner-botanical{display:block!important;opacity:.3!important} /* Visible botanical dividers between major sections */ .eden-section-divider{ width:min(820px,94vw)!important; height:98px!important; margin:-36px auto -36px!important; display:grid!important; place-items:center!important; position:relative!important; z-index:8!important; pointer-events:none!important; background:url("eden-divider-tree-heart.svg") center/contain no-repeat!important; opacity:1!important; } .eden-section-divider::before{ content:""; position:absolute; left:50%; top:50%; width:58px; height:58px; transform:translate(-50%,-50%); border-radius:50%; background:rgba(255,253,247,.97); box-shadow:0 10px 28px rgba(16,40,25,.18),0 0 0 1px rgba(216,180,94,.48); z-index:-1; } .eden-section-divider img{ width:48px!important; height:48px!important; object-fit:contain!important; border-radius:50%; background:transparent!important; } .section-kicker-art{margin:.25rem 0 .6rem!important} .botanical-divider{ width:min(590px,90vw)!important; margin:.55rem auto 1.25rem!important; opacity:.98!important; } .botanical-divider.bee{width:min(650px,92vw)!important} .corner-botanical{ width:min(190px,28vw)!important; opacity:.54!important; } .resource-card::after,.journey-card::after,.work-card::after,.action-card::after{ background-image:url("eden-botanical-corner.svg")!important; opacity:.13!important; } .earth-note::before{background-image:url("eden-botanical-corner.svg")!important} .tree-footer-art{width:min(880px,94vw)!important} /* Calm paper rhythm */ section:not(.hero):not(.dark-band){ position:relative; } section:not(.hero):not(.dark-band)::after{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 8% 12%,rgba(185,200,167,.08),transparent 18rem), radial-gradient(circle at 92% 82%,rgba(216,180,94,.08),transparent 18rem); } section:not(.hero):not(.dark-band) > *{position:relative;z-index:1} h2.section-title::after{ content:""; display:block; width:92px; height:18px; margin:.55rem auto 0; background:url("assets/brand/awakening-eden-mark-painted-192.webp") center/contain no-repeat; opacity:.38; } /* Remove the obstructive bottom mobile bar and floating seed from the first visit */ .mobile-quick,.seed-companion,.seed-message{display:none!important} body{padding-bottom:0!important} @media(max-width:820px){ .eden-nav{ min-height:70px!important; padding:9px 0!important; flex-wrap:nowrap!important; } .eden-desktop-links{display:none!important} .eden-mobile-menu{display:block} .eden-nav .brand{flex:1;min-width:0} .eden-brand-text strong{font-size:1.03rem!important;white-space:nowrap} .eden-brand-text small{font-size:.56rem!important;letter-spacing:.14em!important;white-space:nowrap} .eden-nav-emblem{width:42px!important;height:42px!important;flex-basis:42px} .eden-logo-plaque{width:min(430px,96%);padding:7px;border-radius:26px} .eden-hero .hero-card{padding:20px 16px 26px!important} .eden-hero .hero-actions{display:grid!important;grid-template-columns:1fr!important} .eden-hero .hero-actions .btn{width:100%!important} .eden-section-divider{height:72px!important;margin:-25px auto -25px!important;width:96vw!important} .eden-section-divider::before{width:46px;height:46px} .eden-section-divider img{width:38px!important;height:38px!important} } @media(max-width:420px){ .eden-brand-text strong{font-size:.94rem!important} .eden-brand-text small{font-size:.49rem!important} .eden-mobile-menu summary{padding:.55rem .72rem;font-size:.82rem} .eden-hero h1{font-size:clamp(2.55rem,13vw,3.65rem)!important} .eden-hero h2{font-size:1.22rem!important} } @media print{ .eden-mobile-menu,.eden-section-divider{display:none!important} } /* ================================================================ Awakening Eden v17 Centered mobile layout, corrected menu, clearer buttons ================================================================ */ *, *::before, *::after { box-sizing: border-box; } html, body { width: 100%; max-width: 100%; overflow-x: hidden; } img, picture, svg { max-width: 100%; } .wrap { width: min(calc(100% - 32px), var(--max)) !important; max-width: var(--max) !important; margin-inline: auto !important; } /* Header */ .topbar { overflow: visible !important; } .eden-nav { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; min-width: 0 !important; } .eden-header-brand { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; margin: 0 !important; } .eden-brand-text { min-width: 0 !important; } .eden-brand-text strong, .eden-brand-text small { white-space: nowrap; } .eden-mobile-menu { margin-left: auto !important; flex: 0 0 auto !important; position: relative !important; align-self: center !important; } .eden-mobile-menu summary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 82px !important; min-height: 48px !important; margin: 0 !important; } .eden-mobile-panel { z-index: 1003 !important; } .eden-mobile-menu[open]::before { content: ""; position: fixed; inset: 0; background: rgba(8, 28, 17, .58); backdrop-filter: blur(2px); z-index: 1001; } .eden-mobile-menu[open] summary { position: relative; z-index: 1004; } .eden-mobile-panel a.support { background: #b56a42 !important; color: white !important; } /* Fully centered hero */ .eden-hero { width: 100% !important; overflow: hidden !important; } .eden-hero .hero-card { width: min(960px, calc(100% - 24px)) !important; max-width: 960px !important; margin-inline: auto !important; text-align: center !important; } .eden-logo-plaque { display: block !important; width: min(430px, 100%) !important; max-width: 100% !important; margin: 0 auto 20px !important; box-sizing: border-box !important; } .eden-logo-plaque picture, .eden-logo-plaque img { display: block !important; width: 100% !important; height: auto !important; margin: 0 auto !important; } .eden-hero h1, .eden-hero h2, .eden-hero .hero-quote, .eden-hero-welcome { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* Hero buttons */ .eden-hero-actions { width: min(920px, 100%) !important; margin: 1.7rem auto 0 !important; display: grid !important; grid-template-columns: 1.35fr 1fr 1fr 1fr !important; gap: 12px !important; align-items: stretch !important; } .eden-hero-actions .btn { width: 100% !important; min-width: 0 !important; padding: .86rem .9rem !important; text-align: center !important; line-height: 1.18 !important; box-shadow: 0 12px 28px rgba(0,0,0,.15) !important; } .eden-library-main { background: var(--eden-honey) !important; color: var(--eden-deep) !important; } .btn-whatsapp { background: #e8f2df !important; color: #173822 !important; border-color: rgba(54,92,59,.28) !important; } .btn-telegram { background: #eef5ee !important; color: #173822 !important; border-color: rgba(54,92,59,.24) !important; } .btn-support { background: #b56a42 !important; color: white !important; border-color: rgba(255,255,255,.18) !important; } /* Founder photo and Start Here */ .founder-photo-column { display: grid; gap: 18px; align-self: start; min-width: 0; } .founder-start-card { width: 100%; padding: 22px; text-align: center; background: radial-gradient(circle at 88% 8%, rgba(216,180,94,.18), transparent 10rem), linear-gradient(180deg, rgba(255,253,247,.98), rgba(246,239,221,.98)); border: 1px solid rgba(216,180,94,.55); border-radius: 28px; box-shadow: 0 16px 38px rgba(28,48,30,.12); } .founder-start-kicker { margin: 0 0 .25rem; color: var(--eden-terra); font-family: "Bradley Hand", "Segoe Print", cursive; font-size: 1.45rem; } .founder-start-card h3 { margin: 0 0 .55rem; color: var(--eden-deep); } .founder-start-card p:not(.founder-start-kicker) { margin: 0 0 1rem; color: var(--muted); } .founder-start-button { width: 100%; } .founder-secondary-actions { justify-content: flex-start !important; margin-top: 24px !important; } .founder-community-links { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin-top: 16px !important; } .founder-community-links a { min-width: 0 !important; } .founder-community-links strong { font-size: .98rem; } .community-support { background: linear-gradient(135deg, rgba(181,106,66,.13), rgba(255,250,241,.98)) !important; } /* Prevent any old floating/sticky UI from obscuring content */ .mobile-quick, .seed-companion, .seed-message { display: none !important; } body { padding-bottom: 0 !important; } @media (max-width: 980px) { .eden-hero-actions { grid-template-columns: 1fr 1fr !important; } .eden-library-main { grid-column: 1 / -1; } .founder-community-links { grid-template-columns: 1fr !important; } } @media (max-width: 820px) { .topbar { position: sticky !important; top: 0 !important; z-index: 1000 !important; } .eden-nav { width: calc(100% - 24px) !important; min-height: 72px !important; padding: 8px 0 !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; } .eden-header-brand { flex: 1 1 auto !important; gap: 9px !important; } .eden-nav-emblem { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; } .eden-brand-text strong { font-size: clamp(.92rem, 4vw, 1.08rem) !important; } .eden-brand-text small { font-size: clamp(.46rem, 2.2vw, .58rem) !important; letter-spacing: .11em !important; } .eden-desktop-links { display: none !important; } .eden-mobile-menu { display: block !important; position: static !important; } .eden-mobile-panel { position: fixed !important; top: 78px !important; left: 12px !important; right: 12px !important; width: auto !important; max-width: none !important; max-height: calc(100dvh - 94px) !important; overflow-y: auto !important; margin: 0 !important; transform: none !important; padding: 12px !important; border-radius: 24px !important; } .eden-mobile-panel a { width: 100% !important; text-align: left !important; padding: .82rem .92rem !important; } .eden-hero { padding: 22px 0 50px !important; } .eden-hero .hero-card { width: calc(100% - 20px) !important; padding: 18px 14px 24px !important; border-radius: 28px !important; } .eden-logo-plaque { width: min(370px, 100%) !important; margin-bottom: 16px !important; padding: 7px !important; border-radius: 24px !important; } .eden-hero h1 { font-size: clamp(2.65rem, 14vw, 4.3rem) !important; } .eden-hero h2 { font-size: clamp(1.18rem, 5.3vw, 1.56rem) !important; line-height: 1.2 !important; } .eden-hero .hero-quote { font-size: 1.03rem !important; line-height: 1.55 !important; } .intro-grid { grid-template-columns: 1fr !important; } .founder-photo-column { width: min(620px, 100%); margin-inline: auto; } .founder-secondary-actions { display: grid !important; grid-template-columns: 1fr !important; } .founder-secondary-actions .btn { width: 100% !important; } } @media (max-width: 620px) { .wrap { width: calc(100% - 24px) !important; } .eden-mobile-menu summary { min-width: 72px !important; min-height: 44px !important; padding: .55rem .72rem !important; font-size: .84rem !important; } .eden-hero-actions { grid-template-columns: 1fr !important; } .eden-library-main { grid-column: auto; } .eden-hero-actions .btn { min-height: 52px !important; } .founder-start-card { padding: 19px 16px; border-radius: 24px; } } @media (max-width: 390px) { .eden-brand-text strong { font-size: .88rem !important; } .eden-brand-text small { font-size: .43rem !important; } .eden-nav-emblem { width: 38px !important; height: 38px !important; flex-basis: 38px !important; } .eden-mobile-menu summary { min-width: 64px !important; padding-inline: .58rem !important; } } /* ================================================================== Awakening Eden v19 - final studio, accessibility and performance layer ================================================================== */ :root{ --eden-text:#263326; --eden-muted:#625f55; --eden-focus:#ffd978; --eden-header-h:76px; } html{scroll-padding-top:calc(var(--eden-header-h) + 18px);} body{font-size:17px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} main{overflow:clip;} section[id]{scroll-margin-top:calc(var(--eden-header-h) + 16px);} p,li{max-width:72ch;} .wrap>p,.wrap>.lead,.letter>p{margin-left:auto;margin-right:auto;} /* Accessibility */ .skip{ position:fixed!important;left:16px!important;top:10px!important;z-index:9999!important; transform:translateY(-160%);transition:transform .18s ease; background:#fffdf7;color:#102819;border:2px solid #d8b45e;border-radius:999px; padding:.72rem 1rem;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.2); } .skip:focus{transform:translateY(0);} :where(a,button,summary,[tabindex]):focus-visible{ outline:3px solid var(--eden-focus)!important;outline-offset:4px!important; box-shadow:0 0 0 6px rgba(16,40,25,.72)!important; } a{overflow-wrap:anywhere;} .btn,button,summary,.action-card,.community-cards a,.channel-strip a,.resource-card>a,.journey-card>a,.work-card>a{ min-height:44px; } .resource-card>a,.journey-card>a,.work-card>a{ display:inline-flex;align-items:center;padding:.55rem .15rem;text-underline-offset:4px; } /* Header and menu */ .topbar{isolation:isolate;} .eden-nav{width:min(calc(100% - 32px),1160px)!important;margin-inline:auto!important;} .eden-mobile-panel{overscroll-behavior:contain;} .eden-mobile-panel a{min-height:46px;display:flex;align-items:center;} .eden-desktop-links a{min-height:44px;display:inline-flex;align-items:center;padding:.5rem .35rem;} .eden-header-brand{min-height:44px;} .btn-support,.community-support,.eden-mobile-panel a.support{background:#a85f3a!important;color:#fff!important;} body.eden-menu-open{overflow:hidden;} /* Hero clarity */ .eden-hero .hero-card{isolation:isolate;} .eden-logo-plaque{max-width:430px!important;} .eden-hero-logo{aspect-ratio:700/695;object-fit:contain;} .eden-hero .hero-quote{max-width:680px!important;} .eden-hero-actions{max-width:850px!important;} .hero-trustline{ display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1rem; margin:1rem auto 0;color:#f6ebc6;font-size:.88rem;font-weight:800; } .hero-trustline span{display:inline-flex;align-items:center;gap:.35rem;} .hero-trustline span::before{content:"✦";color:#d8b45e;font-size:.72rem;} /* First-time visitor compass */ .eden-compass{ padding:26px 0 36px;background:linear-gradient(180deg,#fff9ed,#fffdf7); border-bottom:1px solid rgba(54,92,59,.10); } .eden-compass-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; width:min(100%,980px);margin:auto; } .eden-compass-item{ padding:18px;border-radius:22px;background:rgba(255,255,255,.74); border:1px solid rgba(54,92,59,.12);box-shadow:0 10px 28px rgba(28,48,30,.07); text-align:center; } .eden-compass-item strong{display:block;color:#173822;font-family:Georgia,serif;font-size:1.05rem;} .eden-compass-item span{display:block;color:#625f55;font-size:.92rem;line-height:1.45;margin-top:.2rem;} /* Founder section */ #founders{scroll-margin-top:calc(var(--eden-header-h) + 16px);} .founder-photo-column{position:sticky;top:calc(var(--eden-header-h) + 22px);} .photo-frame img{width:100%;height:auto;object-fit:cover;} .founder-story-details{ margin:1rem 0 0;border:1px solid rgba(54,92,59,.16);border-radius:20px; background:rgba(255,253,247,.68);overflow:hidden; } .founder-story-details summary{ cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:900;color:#173822; background:rgba(185,200,167,.18);display:flex;align-items:center;justify-content:space-between;gap:1rem; } .founder-story-details summary::-webkit-details-marker{display:none;} .founder-story-details summary::after{content:"＋";font-size:1.25rem;line-height:1;} .founder-story-details[open] summary::after{content:"−";} .founder-story-details .founder-story-more{padding:.15rem 1rem 1rem;} .founder-story-details .founder-story-more p{margin:.85rem 0;} .founder-community-links span{font-size:.9rem!important;line-height:1.45;} .spotify-card.eden-playlist-note{cursor:default;text-decoration:none;} /* Stronger library trust note */ .library-promise{ margin:1.25rem auto 0;padding:1rem 1.15rem;max-width:820px;border-radius:18px; background:linear-gradient(135deg,rgba(185,200,167,.18),rgba(246,223,159,.18)); border:1px solid rgba(54,92,59,.14);color:#173822;font-weight:780;text-align:center; } /* Reading and rendering performance */ .card,.letter,.feature,.resource-card,.journey-card,.value-card,.work-card{overflow:hidden;} /* Footer utility */ .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1rem;margin:1rem 0;} .footer-nav a{color:#f6ebc6;text-underline-offset:4px;} .footer-meta{font-size:.88rem;color:rgba(255,255,255,.72);max-width:72ch;margin-inline:auto;} @media(max-width:820px){ :root{--eden-header-h:72px;} body{font-size:16.5px;} .founder-photo-column{position:static;} .eden-compass-grid{grid-template-columns:1fr;} .eden-compass{padding:20px 0 28px;} .eden-hero .hero-card{width:calc(100% - 16px)!important;} .eden-logo-plaque{width:min(330px,96%)!important;} .eden-hero-actions{gap:10px!important;} .eden-hero-actions .btn{min-height:52px!important;} .founder-community-links span{font-size:.92rem!important;} } @media(max-width:420px){ body{font-size:16px;} .eden-brand-text strong{font-size:.88rem!important;} .eden-brand-text small{font-size:.43rem!important;} .eden-mobile-menu summary{min-width:62px!important;} .hero-trustline{font-size:.8rem;gap:.35rem .7rem;} .eden-compass-item{padding:15px;} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important;} *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;} } @media print{ .topbar,.eden-mobile-menu,.hero-actions,.founder-secondary-actions,.founder-community-links,.footer-nav{display:none!important;} body{background:#fff!important;color:#111!important;font-size:11pt;} } /* ================================================================ Awakening Eden v21.3 complete botanical and pathway polish ================================================================ */ .hero-actions .btn strong,.library-portal-button strong{display:block;font-size:1rem}.hero-actions .btn small,.library-portal-button small{display:block;margin-top:.22rem;font-size:.78rem;font-weight:700;opacity:.8}.living-library-portal{margin-top:34px;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;padding:clamp(22px,4vw,36px);border-radius:32px;background:linear-gradient(135deg,rgba(255,253,247,.98),rgba(246,239,221,.98));border:1px solid rgba(216,180,94,.58);box-shadow:0 20px 54px rgba(28,48,30,.12)}.living-library-portal img{width:86px;height:86px}.living-library-portal h3{font-size:clamp(1.65rem,4vw,2.65rem);margin:.15rem 0 .6rem;color:var(--forest)}.living-library-portal p{margin:.45rem 0}.portal-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--terra);font-weight:900;font-size:.78rem}.portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:1rem}.portal-mantra{font-family:Georgia,serif;font-style:italic;color:var(--terra)}.botanical-wide-divider{width:min(900px,calc(100% - 32px));margin:18px auto;opacity:.9}.botanical-wide-divider img{width:100%;height:auto}.about-hero{padding:clamp(54px,8vw,92px) 0;background:linear-gradient(180deg,rgba(255,253,247,.95),rgba(246,239,221,.88))}.about-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,58px);align-items:center}.about-hero h1{font-size:clamp(3rem,8vw,6.4rem);color:var(--forest)} @media(max-width:820px){.living-library-portal{grid-template-columns:1fr;text-align:center}.living-library-portal img{margin:auto}.portal-actions{display:grid;grid-template-columns:1fr}.about-hero-grid{grid-template-columns:1fr}.hero-actions .btn{white-space:normal}} /* Awakening Eden v21.4 Premium optical centering, clearer sanctuary background, calm hero rhythm */ .eden-hero { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-height: calc(100svh - 78px) !important; padding: clamp(34px, 5vw, 66px) 0 clamp(52px, 7vw, 78px) !important; background: #102819 !important; } /* The photograph is separate from the contrast layer. This lets the community remain visible around the central reading area. */ .eden-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: url("eden-hero-community-v21-4.webp"); background-size: cover; background-position: center 48%; background-repeat: no-repeat; } /* Strongest contrast only behind the central content. The outer edges remain brighter and more alive. */ .eden-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient( 180deg, rgba(6, 24, 15, .08) 0%, rgba(6, 24, 15, .14) 52%, rgba(6, 24, 15, .22) 100% ), radial-gradient( ellipse at center, rgba(6, 24, 15, .50) 0%, rgba(6, 24, 15, .38) 31%, rgba(6, 24, 15, .20) 55%, rgba(6, 24, 15, .04) 82% ); } .eden-hero .hero-card { position: relative !important; z-index: 1 !important; display: grid !important; justify-items: center !important; width: min(900px, calc(100% - 36px)) !important; max-width: 900px !important; margin-inline: auto !important; padding: clamp(28px, 4.2vw, 48px) !important; text-align: center !important; overflow: hidden !important; border-radius: clamp(30px, 4vw, 46px) !important; border: 1px solid rgba(255, 248, 234, .27) !important; background: radial-gradient( circle at 50% 0%, rgba(216, 180, 94, .11), transparent 31% ), linear-gradient( 180deg, rgba(13, 48, 29, .91), rgba(11, 39, 24, .86) ) !important; box-shadow: 0 30px 86px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important; } /* Optical centering: The calligraphic logo carries more visual weight on its right side. A small leftward optical shift makes it look centered to the eye. */ .eden-logo-plaque { display: grid !important; place-items: center !important; width: min(390px, 82vw) !important; max-width: 390px !important; margin: 0 auto 16px !important; padding: 10px 18px 12px !important; overflow: hidden !important; border-radius: 30px !important; border: 1px solid rgba(216, 180, 94, .64) !important; background: linear-gradient( 180deg, rgba(255, 253, 247, .985), rgba(250, 242, 223, .965) ) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .9) !important; } .eden-logo-plaque picture { display: grid !important; place-items: center !important; width: 100% !important; max-width: 100% !important; } .eden-logo-plaque .eden-hero-logo { display: block !important; width: 92% !important; max-width: none !important; height: auto !important; margin: 0 auto !important; transform: translateX(-4%) !important; transform-origin: center center !important; border-radius: 22px !important; } .eden-hero-welcome { margin-top: 4px !important; font-size: clamp(1.55rem, 3.4vw, 2.35rem) !important; text-shadow: 0 2px 18px rgba(0, 0, 0, .34) !important; } .eden-hero h1 { max-width: 100% !important; font-size: clamp(3rem, 7vw, 5.55rem) !important; line-height: .96 !important; letter-spacing: -.048em !important; text-wrap: balance; text-shadow: 0 3px 24px rgba(0, 0, 0, .30) !important; } .eden-hero h2 { max-width: 760px !important; font-size: clamp(1.3rem, 2.65vw, 2.05rem) !important; line-height: 1.15 !important; text-wrap: balance; text-shadow: 0 2px 18px rgba(0, 0, 0, .28) !important; } .eden-hero .hero-quote { width: min(100%, 720px) !important; max-width: 720px !important; margin-top: 1.05rem !important; color: rgba(255, 251, 233, .96) !important; text-wrap: pretty; text-shadow: 0 2px 16px rgba(0, 0, 0, .28) !important; } .eden-hero-actions { width: min(100%, 760px) !important; max-width: 760px !important; margin-top: 1.35rem !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } .eden-hero-actions .btn { min-height: 60px !important; padding: .82rem 1rem !important; } .hero-trustline { margin-top: 1.05rem !important; } @media (min-width: 1500px) { .eden-hero::before { background-position: center 46%; } } @media (max-width: 820px) { .eden-hero { min-height: auto !important; padding: 20px 0 48px !important; } .eden-hero::before { background-position: center center; } .eden-hero::after { background: linear-gradient( 180deg, rgba(6, 24, 15, .14), rgba(6, 24, 15, .28) ), radial-gradient( ellipse at center, rgba(6, 24, 15, .42), rgba(6, 24, 15, .18) 68%, rgba(6, 24, 15, .08) ); } .eden-hero .hero-card { width: calc(100% - 18px) !important; padding: 20px 14px 25px !important; border-radius: 28px !important; } .eden-logo-plaque { width: min(318px, 88vw) !important; padding: 8px 14px 10px !important; border-radius: 25px !important; } .eden-logo-plaque .eden-hero-logo { width: 92% !important; transform: translateX(-4%) !important; border-radius: 18px !important; } .eden-hero h1 { font-size: clamp(2.72rem, 13vw, 3.75rem) !important; } .eden-hero h2 { font-size: clamp(1.16rem, 5vw, 1.42rem) !important; } .eden-hero .hero-quote { font-size: 1rem !important; line-height: 1.52 !important; } .eden-hero-actions { grid-template-columns: 1fr !important; width: min(100%, 480px) !important; } .eden-hero-actions .btn { min-height: 54px !important; } } @media (max-width: 390px) { .eden-logo-plaque { width: min(294px, 90vw) !important; } .eden-hero h1 { font-size: clamp(2.52rem, 13.2vw, 3.2rem) !important; } } @media (prefers-reduced-motion: reduce) { .eden-logo-plaque .eden-hero-logo { transform: translateX(-4%) !important; } } /* ================================================================ Awakening Eden v21.5 Real botanical section transitions + olive gift economy ================================================================ */ :root { --eden-olive-deep: #294733; --eden-olive: #52704f; --eden-moss: #718264; --eden-sage-soft: #dfe6d5; --eden-cream-soft: #fffaf0; --eden-sand: #f1e4c7; --eden-gold-soft: #d9ba68; } /* Replace the old badge-and-line component with the full botanical artwork. */ .eden-section-divider { display: grid !important; place-items: center !important; width: min(820px, calc(100% - 34px)) !important; height: auto !important; min-height: 72px !important; margin: -22px auto -24px !important; padding: 8px 18px !important; position: relative !important; z-index: 9 !important; pointer-events: none !important; background: none !important; opacity: 1 !important; } .eden-section-divider::before { content: "" !important; position: absolute !important; inset: 17% 8% !important; width: auto !important; height: auto !important; transform: none !important; border-radius: 999px !important; background: radial-gradient( ellipse at center, rgba(255, 250, 240, .96), rgba(255, 250, 240, .70) 58%, transparent 78% ) !important; box-shadow: none !important; z-index: -1 !important; } .eden-section-divider img { display: block !important; width: 100% !important; max-width: 780px !important; height: auto !important; max-height: 82px !important; object-fit: contain !important; border-radius: 0 !important; background: transparent !important; filter: drop-shadow(0 7px 12px rgba(41, 71, 51, .10)); opacity: .96 !important; } .eden-section-divider.divider-seedling img, .eden-section-divider.divider-butterfly img { max-width: 740px !important; } .eden-section-divider.divider-heart img { max-width: 760px !important; } /* Add a faint botanical whisper to calm paper sections without crowding them. */ section:not(.eden-hero):not(.dark-band):not(.eden-gift-section)::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: url("eden-botanical-corner.svg"), url("eden-botanical-corner.svg"); background-repeat: no-repeat; background-size: clamp(90px, 13vw, 180px), clamp(80px, 11vw, 150px); background-position: left -42px top 22%, right -40px bottom 18%; opacity: .055; } /* Gift section becomes a warm botanical garden card. */ .eden-gift-section { position: relative !important; overflow: hidden !important; padding-block: clamp(58px, 8vw, 96px) !important; background: radial-gradient(circle at 8% 18%, rgba(113, 130, 100, .16), transparent 24rem), radial-gradient(circle at 94% 84%, rgba(217, 186, 104, .16), transparent 24rem), linear-gradient(180deg, #f7efdd, #fffaf0) !important; } .eden-gift-section::before, .eden-gift-section::after { content: ""; position: absolute; width: clamp(170px, 24vw, 330px); aspect-ratio: 1; background: url("eden-botanical-corner.svg") center / contain no-repeat; opacity: .22; pointer-events: none; } .eden-gift-section::before { left: -60px; bottom: -72px; } .eden-gift-section::after { right: -60px; top: -72px; transform: rotate(180deg); } .eden-gift-card { position: relative !important; overflow: hidden !important; max-width: 920px !important; padding: clamp(28px, 5vw, 58px) !important; text-align: center !important; border-radius: 36px !important; border: 1px solid rgba(82, 112, 79, .26) !important; background: linear-gradient( 145deg, rgba(255, 253, 247, .97), rgba(241, 228, 199, .88) ) !important; box-shadow: 0 24px 64px rgba(41, 71, 51, .14), inset 0 1px 0 rgba(255, 255, 255, .92) !important; } .eden-gift-card::before { content: ""; display: block; width: min(650px, 100%); height: 74px; margin: -12px auto 4px; background: url("eden-divider-heart-vine.svg") center / contain no-repeat; opacity: .92; } .eden-gift-card .section-title { color: var(--eden-olive-deep) !important; } .eden-gift-card .note { color: var(--eden-olive) !important; } .eden-gift-card > p:not(.note) { max-width: 760px; margin-inline: auto; color: #415346; } .eden-gift-actions { justify-content: center !important; gap: 10px !important; margin-top: 26px !important; } .eden-gift-amount, .eden-gift-custom { min-width: 124px !important; min-height: 52px !important; border-radius: 999px !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(41, 71, 51, .10) !important; } .eden-gift-amount { color: var(--eden-olive-deep) !important; background: linear-gradient(180deg, #fffdf7, #efe3c8) !important; border: 1px solid rgba(82, 112, 79, .34) !important; } .eden-gift-amount:hover, .eden-gift-amount:focus-visible { color: #fffaf0 !important; background: var(--eden-olive) !important; border-color: var(--eden-olive) !important; } .eden-gift-custom { color: #fffaf0 !important; background: linear-gradient(135deg, var(--eden-olive-deep), var(--eden-olive)) !important; border: 1px solid rgba(217, 186, 104, .52) !important; } .eden-gift-custom:hover, .eden-gift-custom:focus-visible { background: linear-gradient(135deg, #203b2b, #466342) !important; } /* All gift pathways use the same calm olive language. */ .eden-support-olive, .eden-gift-link, .eden-community-gift, .btn-support, .community-support, .eden-mobile-panel a.support { color: #fffaf0 !important; background: linear-gradient(135deg, var(--eden-olive-deep), var(--eden-olive)) !important; border-color: rgba(217, 186, 104, .48) !important; } .eden-support-olive:hover, .eden-support-olive:focus-visible, .eden-gift-link:hover, .eden-gift-link:focus-visible, .eden-community-gift:hover, .eden-community-gift:focus-visible { color: #fffaf0 !important; background: linear-gradient(135deg, #203b2b, #466342) !important; } /* Keep the dark-band gift card visually distinct but harmonised. */ .dark-band .eden-community-gift { box-shadow: inset 0 0 0 1px rgba(217, 186, 104, .30), 0 12px 28px rgba(0, 0, 0, .12) !important; } /* Restore beautiful botanical dividers on phone rather than hiding them. */ @media (max-width: 820px) { .eden-section-divider { display: grid !important; width: calc(100% - 18px) !important; min-height: 52px !important; margin: -14px auto -16px !important; padding: 4px 8px !important; } .eden-section-divider::before { inset: 13% 2% !important; } .eden-section-divider img { width: 100% !important; max-height: 56px !important; } .eden-gift-section { padding-block: 48px !important; } .eden-gift-card { width: calc(100% - 18px) !important; padding: 24px 16px 28px !important; border-radius: 28px !important; } .eden-gift-card::before { height: 54px; margin-top: -6px; } .eden-gift-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .eden-gift-custom { grid-column: 1 / -1; } } @media (max-width: 430px) { .eden-section-divider { min-height: 46px !important; } .eden-section-divider img { max-height: 48px !important; } .eden-gift-actions { grid-template-columns: 1fr !important; } .eden-gift-custom { grid-column: auto; } .eden-gift-amount, .eden-gift-custom { width: 100% !important; } } @media print { .eden-section-divider { display: none !important; } } /* ========================================================= AWAKENING EDEN v22 — LIVING EDITION REBUILD One shared visual system for every page. ========================================================= */ :root{ --ae-forest:#173d2b; --ae-forest-2:#254f39; --ae-moss:#6f7d54; --ae-sage:#aab89b; --ae-terracotta:#b66b47; --ae-clay:#d7b99d; --ae-honey:#e0bd62; --ae-cream:#fbf6ea; --ae-paper:#f4ead7; --ae-ink:#243126; --ae-muted:#6f6a5f; --ae-line:rgba(37,79,57,.18); --ae-shadow:0 18px 48px rgba(37,50,38,.12); --ae-radius:24px; --ae-max:1120px; } *{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--ae-cream)} body{ margin:0!important; color:var(--ae-ink)!important; background: radial-gradient(circle at 12% 8%,rgba(224,189,98,.08),transparent 26rem), linear-gradient(180deg,#fcf8ef 0%,#f7eddc 100%)!important; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:17px!important; line-height:1.72!important; overflow-x:hidden; } body::before{display:none!important} img,svg,video{max-width:100%;height:auto} main{overflow:hidden} h1,h2,h3,h4,.display,.serif{ font-family:"Cormorant Garamond","EB Garamond",Georgia,serif!important; color:var(--ae-forest)!important; letter-spacing:-.02em; } h1{font-size:clamp(2.75rem,7vw,5.8rem)!important;line-height:.96!important} h2{font-size:clamp(2.1rem,4.5vw,3.8rem)!important;line-height:1.05!important} h3{font-size:clamp(1.45rem,2.5vw,2.1rem)!important;line-height:1.18!important} p{max-width:72ch} a{text-underline-offset:3px} .wrap,.container,.shell{ width:min(var(--ae-max),calc(100% - 32px))!important; margin-inline:auto!important; } section{ position:relative; padding-block:clamp(58px,8vw,104px)!important; } section.dark-band, .dark-band{ background:linear-gradient(135deg,var(--ae-forest),#0d2f20)!important; color:#f8f1df!important; } .dark-band h2,.dark-band h3,.dark-band p{color:#fff8e8!important} .soft-section{background:rgba(255,251,242,.72)!important} /* One universal top bar */ .eden-header,.site-header,header[role="banner"]{ position:sticky!important; top:0!important; z-index:999!important; min-height:64px!important; background:rgba(20,57,40,.96)!important; backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.12)!important; box-shadow:0 8px 28px rgba(10,30,20,.12)!important; } .eden-header-inner,.header-inner{ width:min(var(--ae-max),calc(100% - 24px))!important; margin:auto!important; min-height:64px!important; display:flex!important; align-items:center!important; gap:14px!important; } .eden-brand-lockup img,.site-logo img{width:44px!important;height:44px!important;object-fit:contain!important} .eden-brand-lockup strong,.site-title{ color:#fff5db!important; font-family:"Cormorant Garamond",Georgia,serif!important; font-size:1.35rem!important; letter-spacing:.03em!important; } .eden-nav a,.site-nav a,.eden-mobile-menu summary{ min-height:42px!important; display:inline-flex!important; align-items:center!important; color:#fff7e9!important; border-radius:999px!important; padding:8px 13px!important; font-weight:750!important; font-size:.92rem!important; } .eden-nav a:hover,.site-nav a:hover{background:rgba(255,255,255,.1)!important} /* Universal buttons */ .btn,.button,.cta,a.btn,button{ min-height:48px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; border-radius:999px!important; padding:12px 20px!important; border:1px solid rgba(23,61,43,.16)!important; background:var(--ae-cream)!important; color:var(--ae-forest)!important; font-weight:800!important; text-decoration:none!important; box-shadow:0 10px 26px rgba(34,52,38,.1)!important; transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important; } .btn:hover,.button:hover,.cta:hover,a.btn:hover,button:hover{ transform:translateY(-2px)!important; box-shadow:0 16px 34px rgba(34,52,38,.15)!important; } .btn.gold,.btn.primary,.button.primary,.gold{ background:var(--ae-honey)!important; color:#163424!important; } .btn.outline,.outline{ background:transparent!important; color:inherit!important; border-color:currentColor!important; box-shadow:none!important; } .actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important} /* Universal cards */ .card,.panel,.resource-card,.path-card,.guide-card,.service-card,.journey-card{ background:rgba(255,253,247,.93)!important; border:1px solid var(--ae-line)!important; border-radius:var(--ae-radius)!important; box-shadow:var(--ae-shadow)!important; padding:clamp(20px,3vw,32px)!important; } .card:hover,.resource-card:hover,.path-card:hover,.guide-card:hover{ transform:translateY(-3px)!important; } .cards,.grid,.resource-grid,.path-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; } /* Botanical system: clear, premium, never crowding content */ .eden-section-divider,.botanical-wide-divider{ display:block!important; width:min(700px,88vw)!important; height:72px!important; margin:6px auto!important; padding:0!important; background-position:center!important; background-repeat:no-repeat!important; background-size:contain!important; opacity:.9!important; } .botanical-wide-divider img,.eden-section-divider img{ width:100%!important; height:100%!important; object-fit:contain!important; } section:not(.eden-hero):not(.dark-band):not(.eden-gift-section)::before{ opacity:.055!important; background-size:120px auto!important; } .handwritten,.script,.note-script{ font-family:"Caveat","Shantell Sans",cursive!important; color:var(--ae-terracotta)!important; font-weight:500!important; } /* Homepage hero — calm focal hierarchy */ .eden-hero{ min-height:clamp(580px,78vh,840px)!important; padding:clamp(70px,10vw,120px) 0!important; display:grid!important; place-items:center!important; background: linear-gradient(110deg,rgba(7,31,20,.76),rgba(7,31,20,.52)), url("eden-hero-community-v21-4.webp") center/cover no-repeat!important; } .eden-hero .hero-card{ width:min(760px,calc(100% - 28px))!important; margin:auto!important; padding:clamp(28px,5vw,54px)!important; text-align:center!important; border-radius:32px!important; background:rgba(17,54,37,.9)!important; box-shadow:0 30px 90px rgba(0,0,0,.28)!important; border:1px solid rgba(255,255,255,.15)!important; } .eden-hero .hero-card h1,.eden-hero .hero-card h2,.eden-hero .hero-card p{color:#fff8e8!important} .eden-hero .hero-card img{ width:132px!important; height:132px!important; object-fit:contain!important; border-radius:24px!important; background:#fff9ec!important; padding:8px!important; margin-bottom:18px!important; } .eden-hero .hero-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } /* Living Resource Library — remove empty voids and expose all cards */ body.page-library .hero{ min-height:auto!important; padding:72px 0 54px!important; } body.page-library .library-section{ padding:clamp(50px,7vw,88px) 0!important; min-height:0!important; } body.page-library .section-heading{ grid-template-columns:56px 1fr!important; gap:16px!important; margin-bottom:22px!important; } body.page-library .cards{ grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; } body.page-library .resource-card{ display:flex!important; flex-direction:column!important; min-height:250px!important; opacity:1!important; visibility:visible!important; transform:none!important; } body.page-library .resource-card .open{ margin-top:auto!important; } body.page-library .reveal{ opacity:1!important; visibility:visible!important; transform:none!important; } body.page-library .botanical-wide-divider{ margin:0 auto!important; height:64px!important; } body.page-library .cta-band{ margin-top:40px!important; } /* Living Companions / guides */ body.page-guide article, body.page-guide main > .wrap, body.page-guide .guide-shell{ width:min(960px,calc(100% - 28px))!important; margin:auto!important; } body.page-guide section{ padding-block:clamp(48px,6vw,78px)!important; } body.page-guide nav.toc, body.page-guide .toc, body.page-guide .chapter-nav{ background:#fffaf0!important; border:1px solid var(--ae-line)!important; border-radius:22px!important; box-shadow:var(--ae-shadow)!important; } body.page-guide blockquote, body.page-guide .reflection, body.page-guide .action-box, body.page-guide .practice{ border-left:4px solid var(--ae-terracotta)!important; background:#fff9ee!important; border-radius:0 18px 18px 0!important; padding:20px 24px!important; } /* Footer */ footer{ background:#0d2f20!important; color:#f8f1df!important; padding:54px 16px!important; } footer a,footer p,footer small{color:#f8f1df!important} /* Accessibility + motion */ :focus-visible{outline:3px solid var(--ae-honey)!important;outline-offset:3px!important} @media(prefers-reduced-motion:reduce){ *{scroll-behavior:auto!important;animation:none!important;transition:none!important} } /* Responsive */ @media(max-width:900px){ .cards,.grid,.resource-grid,.path-grid, body.page-library .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important} .eden-nav{overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important} } @media(max-width:640px){ body{font-size:16.5px!important} section{padding-block:52px!important} .cards,.grid,.resource-grid,.path-grid, body.page-library .cards{grid-template-columns:1fr!important} .eden-hero{min-height:auto!important;padding:58px 0 68px!important} .eden-hero .hero-card{padding:28px 18px!important} .eden-hero .hero-actions{grid-template-columns:1fr!important} .eden-section-divider,.botanical-wide-divider{height:54px!important;width:90vw!important} .btn,.button,.cta,a.btn,button{width:100%!important} .actions{display:grid!important;grid-template-columns:1fr!important} .eden-header,.site-header,header[role="banner"]{min-height:58px!important} .eden-header-inner,.header-inner{min-height:58px!important} .eden-brand-lockup img,.site-logo img{width:38px!important;height:38px!important} .eden-brand-lockup strong,.site-title{font-size:1.08rem!important} } /* ========================================================================== v22.1 — teaching boards and motif dividers for the pages still styled by this stylesheet (heart, about and the older guides). ========================================================================== */ /* A values or teaching board. The picture explains; the caption and the surrounding markup carry the meaning as real text, so nothing important lives only inside the image. */ .eden-board{width:min(100% - 2rem,50rem);margin:clamp(1.6rem,4vw,2.6rem) auto} .eden-board img{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid rgba(105,112,82,.3);border-radius:1.1rem;background:#f7f1e3} .eden-board figcaption{margin-top:.8rem;color:#5b4a35;font-size:.95rem;line-height:1.6;text-align:center} .eden-board figcaption strong{color:#34412c} /* A coloured motif divider, used once per page as an identity moment. */ .eden-motif-divider{display:block;width:min(100% - 2rem,42rem);margin:clamp(2rem,5vw,3.2rem) auto;pointer-events:none} .eden-motif-divider img{display:block;width:100%;height:auto;aspect-ratio:16/5} /* Real photographs of Benjy and Sofia, lower in the human story. */ .eden-photo-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.9rem,2.5vw,1.5rem);width:min(100% - 2rem,52rem);margin:clamp(1.6rem,4vw,2.6rem) auto} .eden-photo-pair figure{margin:0} .eden-photo-pair img{display:block;width:100%;height:auto;border-radius:1.1rem;box-shadow:0 14px 34px rgba(35,49,38,.14)} .eden-photo-pair figcaption{margin-top:.6rem;color:#5b4a35;font-size:.9rem;line-height:1.5;text-align:center} @media(max-width:640px){.eden-photo-pair{grid-template-columns:1fr}} .vision-note{padding:.9rem 1.1rem;border-left:3px solid rgba(184,148,75,.65);border-radius:0 .6rem .6rem 0;background:rgba(184,148,75,.08);font-size:.95rem;line-height:1.6} /* ========================================================================== v22.1 — WCAG AA contrast repair for the pages this stylesheet still drives. ========================================================================== */ /* The /about and /acacia top bar sits on the cream page, but `.eden-nav a` was written cream for a dark header — the links and the "Follow Our Journey" pill were rendering cream-on-cream and were effectively invisible (1.01:1). Give the bar its own light surface and dark ink. */ .topbar{background:rgba(255,253,247,.94);border-bottom:1px solid rgba(105,112,82,.18)} .topbar .eden-nav a, .topbar .eden-mobile-menu summary{color:#2f4230!important} .topbar .eden-nav a.cta{color:#fffdf7!important;background:#2f4230!important;border-color:#2f4230!important} .topbar .eden-nav a.cta:hover{background:#22321f!important} /* The dark closing footer on the older guides inherited light-ground colours: the wordmark measured 1.25:1 and the stamp 2.77:1 against #0d2f20. */ .page-guide footer .brand, .page-standard footer .brand{color:#dfe6d8} .page-guide footer .stamp, .page-standard footer .stamp{color:#e6b48f} /* Gold numerals as body-size text: 2.51–2.80:1 on cream. */ .principle-number{color:#846628} /* `h1,h2,h3,h4{color:var(--ae-forest)!important}` also wins against an inline colour, so headings inside the dark closing footers were rendering forest green on forest green (1.20:1). Restore a light heading ink there. */ .footer h1,.footer h2,.footer h3,.footer h4, .ec-footer h1,.ec-footer h2,.ec-footer h3,.ec-footer h4{color:#f2e8cf!important} /* The `.eden-brand-text` cream colours were tuned for a dark hero band, but on /about, /heart and /journal the `.topbar` header sits on the light page background, so the wordmark rendered at roughly 1.2:1 contrast — for all practical purposes invisible. Scoped to `.topbar` only, so a genuine dark usage of `.eden-brand-text` elsewhere is unaffected. */ .topbar .eden-brand-text strong{color:#2f4230!important} .topbar .eden-brand-text small{color:#4d5f45!important} /* journal.html's own inline stylesheet defines a bare `nav{position:sticky; background:rgba(255,248,236,.94);...}` rule for its original top bar. Being unscoped, it also caught the shared footer's `