:root{
 --green:#2f742f;--green2:#68ad3d;--green3:#dfead6;--navy:#0b3142;--ink:#17313c;
 --cream:#f7f4ec;--white:#fff;--muted:#43565e;--line:#d7dfd8;--shadow:0 18px 45px rgba(21,55,40,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;background:var(--green);color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:flex;flex-direction:column;line-height:1.08}.brand-name{font-weight:800;letter-spacing:.05em;font-size:1.15rem}.brand-loc{font-size:.72rem;font-weight:800;letter-spacing:.11em;color:#e6f1dc;margin-top:5px}
nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:.93rem}nav a:hover{color:#dff0d4}.nav-button{background:#fff;color:var(--green);padding:10px 18px;border-radius:999px}.nav-toggle{display:none;border:0;background:none;font-size:1.6rem;color:#fff}
.hero-panel{position:relative;aspect-ratio:808/298;min-height:0;height:auto;overflow:hidden;background:#222}.hero-bg{position:absolute;inset:0;background:url('assets/fatima-danforth-hero.png') center center/cover no-repeat}.hero-shade{display:none}

/* Exact hero artwork is preserved. These live HTML layers make the small copy clearer and the two artwork buttons functional. */
.hero-readable-copy{position:absolute;z-index:4;left:7.05%;top:73.7%;width:34.5%;padding:5px 8px 6px;background:rgba(247,244,236,.92);color:#102b38;font-size:clamp(.66rem,1.13vw,1rem);font-weight:700;line-height:1.48;border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,.75);box-shadow:0 0 16px rgba(247,244,236,.72)}
/* Invisible click targets placed exactly over the two buttons already printed in the approved hero artwork. */
.hero-hotspot{position:absolute;z-index:20;top:90.0%;height:9.5%;display:block;background:transparent!important;border:0!important;border-radius:999px;cursor:pointer;color:transparent!important;font-size:0;line-height:0}
.hero-hotspot-priorities{left:6.6%;width:14.0%}
.hero-hotspot-about{left:21.0%;width:13.6%}
.hero-hotspot:hover,.hero-hotspot:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:2px;box-shadow:0 0 0 2px #1f6f35}
@media(max-width:760px){.hero-hotspot{top:89.7%;height:10.0%}.hero-hotspot-priorities{left:6.4%;width:14.4%}.hero-hotspot-about{left:21.1%;width:13.8%}}

.hero-copy{display:none}.kicker{color:var(--green2);font-size:.8rem;letter-spacing:.14em;font-weight:800;margin-bottom:15px}.kicker.light{color:#b5e393}
h1,h2{font-family:"Playfair Display",Georgia,serif;color:var(--navy);line-height:1.02;letter-spacing:-.035em;margin:0}h1{font-size:clamp(3rem,5.3vw,5.5rem)}h1 span{color:var(--green)}.hero-place{font-size:clamp(2rem,3.6vw,3.8rem);color:var(--green);margin:4px 0 14px}.hero-text,.section-note{max-width:650px;color:#263e48;font-size:1.03rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;gap:16px;align-items:center;border-radius:999px;padding:12px 20px;font-weight:800;border:1px solid var(--green);cursor:pointer;font-family:inherit}.primary{background:var(--green);color:#fff}.secondary{background:transparent;color:var(--navy)}.light-btn{background:rgba(255,255,255,.55)}.green{background:var(--green);color:#fff}.btn:hover{transform:translateY(-1px)}
.response-strip{background:linear-gradient(90deg,#2b6b2c,#3f842f);color:#fff;padding:18px 5.5vw;display:grid;grid-template-columns:1.05fr 1.95fr;gap:30px;align-items:center}.response-title{display:flex;align-items:center;gap:16px;padding-right:28px;border-right:1px solid rgba(255,255,255,.28)}.clock-icon{display:grid;place-items:center;width:50px;height:50px;border:3px solid #fff;border-radius:50%;font-size:1.7rem}.response-title strong{display:block;font-size:1rem}.response-title span{font-size:.82rem;opacity:.9}.response-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.response-steps>div{display:flex;gap:10px;align-items:flex-start}.response-steps b{flex:0 0 34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center}.response-steps span{font-size:.78rem;line-height:1.3}.response-steps strong{display:block;font-size:.76rem;margin-bottom:4px}
.section{padding:78px 6vw}.section-head{max-width:880px}.section-head>p{font-size:1.06rem;color:var(--muted)}.compact-head{margin-bottom:32px}h2{font-size:clamp(2.1rem,4vw,3.8rem)}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:#fff}.story{font-size:1.06rem}.story p{margin:0 0 18px}
.priorities-section{background:var(--cream)}.visual-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visual-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.visual-card>img{width:100%;height:150px;object-fit:cover;display:block}.visual-card-body{padding:20px}.num{color:var(--green2);font-size:.76rem;font-weight:800;letter-spacing:.12em}.visual-card h3{color:var(--navy);font-size:1.15rem;line-height:1.25;margin:8px 0}.card-summary{color:#354b54;margin:0 0 12px}.visual-card details{border-top:1px solid var(--line);padding-top:11px}.visual-card summary{color:var(--green);font-weight:800;cursor:pointer;list-style:none}.visual-card summary::-webkit-details-marker{display:none}.visual-card summary::after{content:' +';float:right}.visual-card details[open] summary::after{content:' −'}.visual-card details p{color:var(--muted);font-size:.92rem;margin:12px 0 0}.signature-card{outline:3px solid rgba(47,116,47,.22)}.signature-card .visual-card-body{background:#f3f8ef}
.approach{background:var(--navy);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.approach h2{color:#fff}.approach-copy>p{font-size:1.05rem;color:#e5eef1}.mini-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.mini-examples div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:16px}.mini-examples strong{display:block;color:#b8e594;margin-bottom:6px}.mini-examples span{font-size:.9rem;color:#e4edf0}
.grid{display:grid;gap:18px}.more-priorities{background:#fff}.detail-grid{grid-template-columns:repeat(2,1fr);margin-top:38px}.detail{padding:24px 0;border-top:3px solid var(--green2)}.detail h3,.why-grid h3{color:var(--navy);font-size:1.2rem;margin:10px 0 8px}.detail p,.why-grid p{color:var(--muted);margin-bottom:0}.why{background:var(--cream)}.why-grid{grid-template-columns:repeat(3,1fr);margin-top:38px}.why-grid article{padding:23px 0;border-top:3px solid var(--green2)}
.promise{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.promise h2{color:#fff}.promise-list p{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15);margin:0}.promise-list strong{color:#b8e594}.promise-list span{color:#e4edf0}
.contact{background:linear-gradient(135deg,var(--green) 0 42%,#3f842f 42% 100%);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.contact h2{color:#fff}.contact>div>p{font-size:1.08rem;max-width:570px}.contact form{display:grid;gap:13px;background:#fff;color:var(--ink);padding:27px;border-radius:22px;box-shadow:0 20px 50px rgba(8,47,66,.15)}label{display:grid;gap:6px;font-size:.9rem;font-weight:700}input,select,textarea{border:1px solid var(--line);border-radius:11px;padding:12px;font:inherit;width:100%}form small{color:var(--muted)}
footer{background:#061f2b;color:#fff;padding:30px 6vw;display:flex;justify-content:space-between;gap:30px;font-size:.84rem}footer>div{display:flex;flex-direction:column;gap:5px}.footer-right{text-align:right}.auth{opacity:.72}
@media(max-width:1050px){.hero-copy{width:58vw}.visual-priority-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr 1fr}.response-strip{grid-template-columns:1fr}.response-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:0 0 14px}.response-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--green);padding:20px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.2)}nav.open{display:flex}.nav-toggle{display:block}.hero-panel{min-height:0;height:auto}.hero-bg{background-position:center center}.hero-shade{background:linear-gradient(180deg,rgba(247,244,236,.96) 0%,rgba(247,244,236,.86) 48%,rgba(247,244,236,.18) 72%,rgba(0,0,0,.05) 100%)}.hero-copy{width:auto;padding:52px 7vw 390px}.hero-copy h1{font-size:3.25rem}.hero-place{font-size:2.35rem}.section{padding-left:6vw;padding-right:6vw}.visual-priority-grid,.why-grid,.detail-grid,.about,.approach,.promise,.contact{grid-template-columns:1fr}.mini-examples{grid-template-columns:1fr}.promise-list p{grid-template-columns:1fr;gap:4px}.response-steps{grid-template-columns:1fr 1fr}footer{flex-direction:column}.footer-right{text-align:left}}
@media(max-width:480px){.brand-name{font-size:1rem}.brand-loc{font-size:.58rem}.hero-copy{padding-bottom:350px}.hero-copy h1{font-size:2.85rem}.response-steps{grid-template-columns:1fr}.visual-priority-grid{grid-template-columns:1fr}.visual-card>img{height:170px}}


/* Approved campaign hero — offline review version */
.approved-hero{position:relative;width:100%;max-width:1600px;margin:0 auto;background:#fff;line-height:0;overflow:hidden}
.approved-hero img{display:block;width:100%;height:auto}
.approved-hero .hero-link{position:absolute;display:block;z-index:5;border-radius:14px}
.approved-hero .hero-link:focus{outline:4px solid #f2c94c;outline-offset:2px}
/* Header navigation hotspots, percentages based on approved 1536×1024 artwork */
.hero-home{left:23.5%;top:2.0%;width:8.5%;height:9.5%}
.hero-priorities-top{left:32.5%;top:2.0%;width:13.5%;height:9.5%}
.hero-meet-top{left:46.5%;top:2.0%;width:13%;height:9.5%}
.hero-why-top{left:59.5%;top:2.0%;width:12.5%;height:9.5%}
.hero-approach-top{left:71.5%;top:2.0%;width:14%;height:9.5%}
.hero-involved-top{left:85.5%;top:2.0%;width:13.5%;height:9.5%}
/* Main CTA hotspots */
.hero-priorities-main{left:4.4%;top:63.5%;width:17.2%;height:8.3%}
.hero-meet-main{left:22.0%;top:63.5%;width:17.0%;height:8.3%}
@media(max-width:700px){.approved-hero{overflow-x:auto}.approved-hero img{width:100%;min-width:700px}.approved-hero .hero-link{display:none}}

.visual-card>img.cycle-exact{object-fit:cover;object-position:center 45%;background:#eef2ed;}

.visual-card>img.transit-full{object-fit:fill;background:#f4f4f2;}