/*
Theme Name: LOHCI Community Initiative
Theme URI: https://example.org/
Author: LOHCI
Description: Visual, responsive WordPress theme for Lilies of Hope Community Initiative. Built so content, projects, stories, logo and images can be managed from WordPress.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: lohci
*/
:root{--forest:#173d2b;--forest2:#102c20;--green:#2e6b48;--sage:#e5eee4;--cream:#f6f2e9;--paper:#fbfaf6;--ink:#17231d;--muted:#66736b;--gold:#c49a55;--line:#d9ddd6;--white:#fff;--radius:24px;--shadow:0 18px 50px rgba(18,48,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.serif{font-family:"Libre Baskerville",Georgia,serif}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}.section{padding:96px 0}.cream{background:var(--cream)}.sage{background:var(--sage)}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:42px}.section-head h2{font:700 clamp(2rem,4vw,3.5rem)/1.16 "Libre Baskerville",Georgia,serif;margin:10px 0 0;max-width:720px}.section-head>p{max-width:470px;color:var(--muted);margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--green)}.btn-light{background:#fff;color:var(--forest)}.btn-ghost{border-color:#ffffffa8;color:#fff;background:#ffffff0b}.btn-ghost:hover{background:#ffffff20}
.topbar{background:var(--forest2);color:#dce8dd;font-size:.78rem;padding:8px 0}.topbar-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar a{text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:#fbfaf6ee;backdrop-filter:blur(14px);border-bottom:1px solid #d9ddd688}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:43px;height:43px;flex:none;border-radius:12px;background:#fff;padding:3px;overflow:hidden;box-shadow:0 4px 12px rgba(18,48,34,.1)}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text{font-weight:800;letter-spacing:.025em;font-size:.86rem;line-height:1.2}.brand-text small{display:block;font-weight:600;color:var(--muted);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;align-items:center;gap:22px;font-size:.87rem;font-weight:700}.nav-links a:not(.btn):hover{color:var(--green)}.nav-links .btn{padding:10px 17px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:44px;height:44px;font-size:1.3rem;color:var(--forest);cursor:pointer}
.hero{position:relative;overflow:hidden;min-height:650px;color:#fff;display:flex;align-items:center;background:linear-gradient(100deg,rgba(8,30,20,.9) 0%,rgba(12,45,29,.68) 48%,rgba(12,45,29,.28) 100%),url('assets/green-minds-planting.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff28;border-radius:50%;right:-100px;top:-130px;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff05;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:90px 0}.hero-logo{width:92px;height:92px;background:#fff;border-radius:20px;padding:7px;object-fit:contain;box-shadow:0 12px 35px rgba(0,0,0,.22);margin-bottom:22px}.hero h1{font:700 clamp(2.9rem,6.6vw,5.7rem)/1.04 "Libre Baskerville",Georgia,serif;letter-spacing:-.045em;margin:18px 0 24px;max-width:790px}.hero .lead{font-size:1.13rem;max-width:620px;color:#e4eee6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{justify-self:end;width:min(350px,100%);background:#fbfaf6f2;color:var(--ink);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-note .note-title{font:700 2rem/1.2 "Libre Baskerville",Georgia,serif;color:var(--forest);margin:10px 0}.hero-note p{font-size:.92rem;color:var(--muted);margin-bottom:0}.hero-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff55;background:#ffffff10;padding:8px 12px;border-radius:999px;font-size:.76rem;color:#edf4ee}.hero-kicker span{width:7px;height:7px;border-radius:50%;background:#d9b875}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro h2{font:700 clamp(2.1rem,4vw,3.7rem)/1.18 "Libre Baskerville",Georgia,serif;margin:12px 0 22px}.intro p{color:var(--muted);font-size:1.02rem}.mission-card{background:linear-gradient(145deg,#eef5ee,#fbfaf6);padding:38px;border-radius:24px;min-height:360px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.mission-symbol{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font-size:1.4rem;margin-bottom:18px}.mission-card h3{font:700 2rem/1.2 "Libre Baskerville",Georgia,serif;color:var(--forest);margin:10px 0 14px}.mission-card p{color:var(--muted);max-width:520px}.mission-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mission-tags span{background:#fff;border:1px solid #dce7dc;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--forest)}
.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.focus-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;transition:.22s}.focus-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.iconbox{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:var(--sage);font-size:1.35rem}.focus-card h3{font:700 1.12rem/1.35 "Libre Baskerville",Georgia,serif;margin:18px 0 9px}.focus-card p{color:var(--muted);font-size:.91rem;margin:0}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{position:relative;min-height:490px;border-radius:26px;overflow:hidden;display:flex;align-items:end;color:#fff;background:var(--forest)}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,35,23,.97),rgba(9,35,23,.68) 42%,rgba(9,35,23,.05) 100%)}.project-content{position:relative;z-index:2;padding:30px}.pill{display:inline-block;border:1px solid #ffffff88;background:#ffffff12;padding:6px 10px;border-radius:99px;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}.project h3{font:700 clamp(1.7rem,3vw,2.2rem)/1.2 "Libre Baskerville",Georgia,serif;margin:15px 0 10px}.project p{max-width:570px;color:#e0e9e2;font-size:.94rem}.project .btn{margin-top:10px}.project-gm-visual{position:absolute;inset:0;overflow:hidden}.project-gm-visual .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:gmSlide 15s infinite}.project-gm-visual .slide:nth-child(1){background-image:url('assets/green-minds-classroom.jpg')}.project-gm-visual .slide:nth-child(2){background-image:url('assets/green-minds-planting.jpg');animation-delay:5s}.project-gm-visual .slide:nth-child(3){background-image:url('assets/green-minds-team-planting.jpg');animation-delay:10s}@keyframes gmSlide{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}
.impact-panel{background:var(--forest);color:#fff;border-radius:26px;overflow:hidden;margin-top:35px}.impact-intro{padding:30px 32px 0;color:#d9e7db;font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px}.stat{padding:26px 30px 32px;border-right:1px solid #ffffff30}.stat:last-child{border-right:0}.stat strong{display:block;font:700 clamp(1.7rem,3vw,2.25rem)/1.2 "Libre Baskerville",Georgia,serif}.stat span{display:block;margin-top:9px;font-size:.8rem;color:#d5e3d7}.status-note{padding:0 32px 28px;font-size:.76rem;color:#b8cbbd}.quote{max-width:850px;margin:auto;text-align:center}.quote blockquote{font:400 clamp(1.6rem,3.5vw,2.8rem)/1.4 "Libre Baskerville",Georgia,serif;margin:22px 0}.quote cite{font-style:normal;color:var(--muted);font-size:.88rem}.cta-band{background:#e6eee4;padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{font:700 clamp(1.7rem,3vw,2.6rem)/1.2 "Libre Baskerville",Georgia,serif;margin:8px 0}.cta-inner p{color:var(--muted);margin:0;max-width:620px}
.story-visual{position:relative;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:220px 220px;gap:12px;margin-bottom:24px;min-height:452px}.story-visual figure{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#dce5db}.story-visual .visual-main{grid-row:1/3}.story-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-visual figure:hover img{transform:scale(1.035)}.story-visual .visual-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,30,20,.78),transparent 65%);pointer-events:none}.story-visual figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:#fbfaf6ed;color:var(--forest);padding:10px 13px;border-radius:12px;font-size:.75rem;font-weight:800}.story-overlay{position:absolute;left:28px;bottom:28px;z-index:3;color:#fff;max-width:560px;text-shadow:0 2px 18px rgba(0,0,0,.5)}.story-overlay .eyebrow{color:#f3d99e}.story-overlay h3{font:700 clamp(1.8rem,4vw,3.1rem)/1.12 "Libre Baskerville",Georgia,serif;margin:8px 0}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.story img{width:100%;height:210px;object-fit:cover}.story-body{padding:22px}.story .eyebrow{font-size:.66rem}.story h3{font:700 1.12rem/1.35 "Libre Baskerville",Georgia,serif;margin:9px 0}.story p{font-size:.9rem;color:var(--muted);margin:0}
.content-card,.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:36px;box-shadow:0 8px 30px #173d2b08}.contact-card{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.contact-card h2,.page-content h1{font:700 clamp(1.8rem,3vw,2.8rem)/1.2 "Libre Baskerville",Georgia,serif;margin:10px 0}.contact-card p,.page-content p{color:var(--muted)}.contact-details{display:grid;gap:13px}.contact-item{display:flex;gap:12px;align-items:flex-start}.contact-item .iconbox{width:40px;height:40px;flex:none}.contact-item small{display:block;color:var(--muted)}.page-hero{padding:80px 0 45px;background:var(--sage)}.page-hero h1{font:700 clamp(2.5rem,5vw,4.5rem)/1.08 "Libre Baskerville",Georgia,serif;margin:12px 0;max-width:900px}.page-content{padding:55px 0}.page-content-inner{max-width:900px;margin:auto}.page-content-inner img{border-radius:20px}.page-content-inner .wp-block-button__link{background:var(--forest);border-radius:999px}.wp-block-image{margin:28px 0}.wp-block-gallery{margin:28px 0}
footer{background:var(--forest2);color:#dce8de;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand{font:700 1.15rem "Libre Baskerville",Georgia,serif;color:#fff}.footer p{color:#afc2b3;font-size:.86rem}.footer h4{color:#fff;margin-top:0;font-size:.9rem}.footer a{display:block;color:#c0d0c3;font-size:.85rem;margin:9px 0}.footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-bottom{border-top:1px solid #ffffff1e;margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.73rem;color:#9fb2a3}
@media(max-width:960px){.nav-links{gap:13px}.nav-links a{font-size:.82rem}.hero-grid{gap:28px}.intro{gap:40px}.focus-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media(max-width:760px){.topbar-inner{justify-content:center;text-align:center}.nav{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:var(--paper);padding:20px 5% 28px;box-shadow:0 20px 25px #173d2b18;border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.nav-links.open{display:flex}.nav-links a:not(.btn){padding:13px 2px;border-bottom:1px solid var(--line);font-size:.95rem}.nav-links .btn{margin-top:15px}.hero{min-height:unset}.hero-grid,.intro,.contact-card{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-note{justify-self:start}.section{padding:72px 0}.projects{grid-template-columns:1fr}.project{min-height:440px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #ffffff30}.cta-inner{align-items:flex-start;flex-direction:column}.stories{grid-template-columns:1fr 1fr}.story-visual{grid-template-columns:1fr 1fr;grid-template-rows:250px 180px;min-height:442px}.story-visual .visual-main{grid-column:1/3;grid-row:1}}@media(max-width:520px){.brand-text{font-size:.76rem}.brand-text small{font-size:.59rem}.brand-mark{width:38px;height:38px}.hero-logo{width:76px;height:76px}.hero h1{font-size:2.75rem}.hero .lead{font-size:1rem}.hero-actions .btn{width:100%}.section-head{display:block}.section-head>p{margin-top:16px}.focus-grid,.stories{grid-template-columns:1fr}.story-visual{display:block;min-height:0}.story-visual figure{height:260px;margin-bottom:12px}.story-visual .visual-main{height:320px}.stats{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid #ffffff30!important;padding:22px 26px}.stat:last-child{border-bottom:0!important}.impact-intro{padding:25px 25px 0}.status-note{padding:0 25px 25px}.content-card,.contact-card{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}