
:root{
  --black:#111111;--white:#FFFFFF;--green:#2F6B3D;--green-dark:#245530;
  --green-light:#EAF2E8;--sand:#F6F3ED;--text:#555555;--line:#DDE7DF;
  --shell:1220px;--radius:18px;--shadow:0 18px 50px rgba(17,17,17,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--white);color:var(--black);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
.site-shell{width:min(calc(100% - 40px),var(--shell));margin:0 auto}.narrow{max-width:820px}
.section{padding:96px 0}.section-lightgreen{background:var(--green-light)}.section-dark{background:var(--black);color:var(--white)}.section-green{background:var(--green);color:var(--white)}
h1,h2,h3{line-height:1.08;margin:0 0 20px;letter-spacing:-.035em}h1{font-size:clamp(42px,6vw,76px);max-width:880px}h2{font-size:clamp(36px,4.6vw,58px)}h3{font-size:clamp(25px,3vw,34px)}
p{margin:0 0 22px;color:var(--text);font-size:18px}.section-dark p,.section-green p{color:rgba(255,255,255,.78)}
.lead{font-size:clamp(19px,2vw,23px);max-width:720px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--green);margin-bottom:16px}.section-dark .eyebrow{color:#8FC39C}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border:0;border-radius:8px;background:var(--green);color:var(--white);font-weight:800;font-size:14px;letter-spacing:.03em;transition:.2s ease;cursor:pointer}.btn:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn-small{min-height:44px;padding:0 20px}.btn-white{background:var(--white);color:var(--green)}.btn-white:hover{background:var(--sand);color:var(--green-dark)}
.text-link{font-weight:800;color:var(--green);border-bottom:2px solid var(--green);padding-bottom:3px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:9999}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.topbar{height:32px;background:var(--black);color:var(--white);font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.lang-switch{margin-left:auto;display:flex;gap:8px;align-items:center}.lang-switch a{opacity:.65}.lang-switch a.active,.lang-switch a:hover{opacity:1}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(17,17,17,.07);backdrop-filter:blur(10px)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:30px}.brand{display:block;flex:0 0 auto}.brand img{width:245px;max-height:58px;object-fit:contain}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:27px}.main-nav a{font-size:15px;font-weight:700}.main-nav a:hover{color:var(--green)}.nav-donate{margin-left:8px}.mobile-toggle{display:none}

/* Hero */
.hero{padding-top:76px}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center}.hero-copy{padding:28px 0}.hero-copy h1{font-size:clamp(46px,5.1vw,70px)}.hero-actions{display:flex;gap:24px;align-items:center;margin:32px 0}.claim{display:flex;align-items:center;gap:11px;font-weight:750;color:var(--black);margin-top:28px}.claim-mark{font-size:30px;color:var(--green)}
.hero-media img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}

/* Facts */
.facts{padding:48px 0}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfded2;border:1px solid #cfded2;border-radius:var(--radius);overflow:hidden}.fact{background:var(--white);padding:34px;display:flex;flex-direction:column;gap:4px}.fact strong{font-size:clamp(34px,4vw,52px);color:var(--green);letter-spacing:-.04em}.fact span{font-weight:650;color:var(--text)}

/* Project */
.section-head{margin-bottom:58px}.section-head p{max-width:780px}.grid-2{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.project-intro{margin-bottom:78px}.visit-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.visit-collage img{border-radius:14px;width:100%;height:190px;object-fit:cover}.visit-collage .visit-main{grid-column:1/-1;height:330px}
.garden-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;background:var(--sand);padding:50px;border-radius:var(--radius)}.garden-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.garden-images figure{margin:0}.garden-images img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:14px}.garden-images figcaption{font-size:13px;font-weight:800;margin-top:8px}
.progress-wrap{margin:28px 0}.progress-track{height:13px;background:#d8dfd7;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--green);border-radius:inherit}.progress-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:14px}.progress-meta strong{font-size:19px;color:var(--green)}

/* Run */
.run-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.run-date{background:var(--black);color:var(--white);border-radius:var(--radius);padding:46px;display:flex;flex-direction:column}.run-date span{font-weight:800;color:#a7d0b0}.run-date strong{font-size:clamp(58px,8vw,104px);line-height:.95;letter-spacing:-.06em;margin:22px 0}.run-date small{font-size:16px;color:rgba(255,255,255,.75)}

/* About */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.about-media img{border-radius:var(--radius);width:100%;min-height:650px;object-fit:cover}.about-copy>h3{margin-top:50px}.timeline{margin-top:28px;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.timeline-item strong{color:var(--green)}

/* News */
.dark-head{max-width:740px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#1c1c1c;border:1px solid #303030;border-radius:var(--radius);overflow:hidden}.news-image img{width:100%;height:220px;object-fit:cover}.news-body{padding:28px}.news-body time{font-size:12px;color:#8fc39c;font-weight:800;letter-spacing:.08em}.news-body h3{font-size:26px;margin:10px 0 12px}.news-body p{font-size:16px}.news-placeholder{min-height:260px}

/* CTA */
.cta-inner{text-align:center;max-width:850px}.cta-inner h2{font-size:clamp(42px,6vw,72px)}.cta-inner p{font-size:21px}.payment-mini{font-size:13px;font-weight:800;letter-spacing:.06em;margin-top:24px;color:rgba(255,255,255,.75)}

/* Footer */
.site-footer{background:var(--black);color:var(--white);padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:54px}.footer-brand img{width:170px;margin-bottom:18px}.footer-brand p{max-width:290px}.site-footer h3{font-size:15px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.site-footer a{display:block;color:rgba(255,255,255,.78);margin:9px 0}.site-footer a:hover{color:#fff}.site-footer p{font-size:15px;color:rgba(255,255,255,.65)}.footer-bottom{border-top:1px solid #333;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#888;font-size:12px}

/* Donate */
.donate-hero{padding-bottom:64px}.donate-head{text-align:center}.donate-head .lead{margin-inline:auto}.payment-section{padding:65px 0}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px}.payment-card{background:#fff;border-radius:var(--radius);padding:42px;box-shadow:var(--shadow)}.payment-tag{font-size:12px;font-weight:900;color:var(--green);letter-spacing:.08em}.payment-card h2{font-size:35px;margin-top:8px}.payment-card p{min-height:56px}.setup-note{display:inline-block;padding:11px 14px;background:var(--sand);border-radius:8px;color:#6d665f;font-size:14px}
.bank-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.bank-form,.success-box{background:var(--sand);border-radius:var(--radius);padding:38px}.bank-form label{display:block;font-size:14px;font-weight:800;margin-bottom:18px}.bank-form input,.bank-form textarea{width:100%;margin-top:7px;border:1px solid #cfc8bd;border-radius:8px;padding:13px;background:#fff;font:inherit}.privacy-note{font-size:13px;color:#6a665f}.honeypot{position:absolute;left:-9999px}.form-error{background:#fff0ef;color:#8b2720;padding:15px;border-radius:8px;margin-bottom:16px}.success-box h3{color:var(--green)}.bank-details{display:grid;grid-template-columns:150px 1fr;gap:10px 20px;margin:28px 0}.bank-details dt{font-weight:800}.bank-details dd{margin:0;overflow-wrap:anywhere}.wise-note{font-size:14px}
.standard-page{max-width:820px;margin:auto}.standard-page h1{font-size:52px}

/* Reveal */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.js .reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .section{padding:72px 0}.hero-grid,.grid-2,.garden-card,.run-grid,.about-grid,.bank-grid{grid-template-columns:1fr;gap:38px}
  .hero{padding-top:42px}.hero-media{order:-1}.hero-media img{aspect-ratio:16/10}
  .main-nav{position:absolute;left:0;right:0;top:82px;background:#fff;border-top:1px solid var(--line);padding:22px 30px;display:none;flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 15px 30px rgba(0,0,0,.08)}
  .main-nav.open{display:flex}.mobile-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.mobile-toggle span:not(.screen-reader-text){height:2px;width:24px;background:var(--black);display:block}
  .nav-donate{margin-left:0}.brand img{width:205px}.nav-wrap{height:72px}.main-nav{top:72px}
  .garden-images img{min-height:280px}.about-media img{min-height:420px}.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:620px){
  .site-shell{width:min(calc(100% - 28px),var(--shell))}.section{padding:58px 0}.topbar{height:30px}
  h1{font-size:43px}h2{font-size:36px}.hero-copy h1{font-size:44px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .facts-grid,.payment-grid,.news-grid{grid-template-columns:1fr}.fact{padding:25px}.visit-collage{grid-template-columns:1fr}.visit-collage .visit-main{grid-column:auto}.visit-collage img,.visit-collage .visit-main{height:240px}
  .garden-card{padding:26px}.garden-images{grid-template-columns:1fr}.garden-images img{min-height:260px}.run-date{padding:30px}.about-media img{min-height:310px}
  .timeline-item{grid-template-columns:1fr;gap:4px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}
  .nav-wrap{gap:12px}.brand img{width:175px}.nav-donate{font-size:12px;padding:0 13px;min-height:40px}.mobile-toggle{margin-left:auto}
  .bank-form,.success-box,.payment-card{padding:26px}.bank-details{grid-template-columns:1fr;gap:4px}.bank-details dd{margin-bottom:12px}
}

/* v0.2 */
.topbar{height:30px;background:#111}.lang-switch{font-weight:800;letter-spacing:.08em}
.nav-wrap{height:88px}.brand{height:64px;display:flex;align-items:center;overflow:visible}.brand img{width:250px;max-width:250px;height:58px;max-height:58px;object-fit:contain;object-position:left center}
.main-nav{display:flex}.hero{padding-top:64px}.hero-grid{grid-template-columns:.88fr 1.12fr;gap:58px}.hero-media img{aspect-ratio:16/10.5}.hero-copy h1{font-size:clamp(48px,5.3vw,72px)}
.quick-donate{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:15px;color:#666}.quick-donate a{font-weight:800;color:var(--green);border-bottom:1px solid var(--green)}
.facts{padding:0}.facts-clean{background:transparent;border:0;border-radius:0}.facts-clean .fact{background:transparent;text-align:center;align-items:center;padding:36px 25px;position:relative}.facts-clean .fact:not(:last-child):after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:#c9d8cc}
.project-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px}.sueninos-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1fr 1fr}.sueninos-photo img{width:100%;height:100%;min-height:390px;object-fit:cover}.sueninos-copy{padding:34px;align-self:center}
.garden-card-v2{background:var(--sand);border-radius:18px;padding:38px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px}.garden-card-v2 .garden-images img{min-height:310px}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.person-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.person-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.person-card>div{padding:26px}.person-card h3{font-size:26px;margin-bottom:5px}.person-card strong{display:block;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:15px}.person-card p{font-size:15px;margin-bottom:0}
.history-teaser{margin-top:42px;padding:38px 42px;border-radius:18px;background:var(--green-light);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.history-teaser h3{font-size:30px}.history-teaser p{margin-bottom:0}.btn-outline{background:transparent!important;color:var(--green)!important;border:2px solid var(--green)!important}
.cta-v2{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center}.cta-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.cta-other{color:#fff;font-weight:800;border-bottom:1px solid rgba(255,255,255,.65)}
.history-hero{padding:85px 0}.history-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.history-layout article>h2{font-size:34px;margin-top:40px}.history-layout article>h2:first-child{margin-top:0}.history-side{position:sticky;top:150px}.history-side img{width:100%;border-radius:18px;aspect-ratio:4/5;object-fit:cover}.history-quote{background:#111;color:#fff;border-radius:14px;padding:28px;margin-top:16px;font-size:20px;font-weight:700;line-height:1.4}.history-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.history-facts>div{background:var(--green-light);padding:22px;border-radius:12px}.history-facts strong{display:block;color:var(--green);font-size:27px}.history-facts span{font-size:13px;font-weight:700;color:#555}
@media(max-width:900px){.main-nav{display:none}.main-nav.open{display:flex}.project-split,.garden-card-v2,.history-layout,.cta-v2{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr 1fr}.history-teaser{grid-template-columns:1fr}.history-side{position:static}.brand img{width:215px;max-width:215px}}
@media(max-width:620px){.nav-wrap{height:74px}.brand{height:54px}.brand img{width:175px;max-width:175px;height:48px;max-height:48px}.main-nav{top:74px}.people-grid{grid-template-columns:1fr}.person-card{display:grid;grid-template-columns:120px 1fr}.person-card img{height:100%;aspect-ratio:auto}.history-facts{grid-template-columns:1fr}.sueninos-card{grid-template-columns:1fr}.sueninos-photo img{min-height:260px}.facts-clean .fact:not(:last-child):after{display:none}}


/* =========================================================
   v0.3 PATCH — targeted evolution from v0.2
   ========================================================= */

/* Robust own header */
.rtm-header{
  position:sticky;
  top:0;
  z-index:9999;
  width:100%;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.rtm-topbar{
  height:34px !important;
  display:block !important;
  background:#111111 !important;
  color:#fff !important;
}
.rtm-topbar-inner{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.rtm-topbar-claim{
  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
  color:rgba(255,255,255,.78);
}
.rtm-topbar .lang-switch{
  margin-left:auto;
  display:flex !important;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.rtm-topbar .lang-switch a{color:#fff;opacity:.62}
.rtm-topbar .lang-switch a.active,
.rtm-topbar .lang-switch a:hover{opacity:1}

.rtm-navrow{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(17,17,17,.08);
  backdrop-filter:blur(10px);
}
.rtm-header .nav-wrap{
  height:86px;
  display:flex !important;
  align-items:center;
  gap:24px;
  overflow:visible !important;
}
.rtm-header .brand{
  width:255px;
  height:auto !important;
  min-height:54px;
  display:flex !important;
  align-items:center;
  flex:0 0 255px;
  overflow:visible !important;
  padding:5px 0;
}
.rtm-header .brand img{
  display:block !important;
  width:245px !important;
  max-width:245px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  overflow:visible !important;
}
.rtm-header .main-nav{
  margin-left:auto;
  display:flex !important;
  align-items:center;
  gap:25px;
}
.rtm-header .main-nav a{
  display:inline-flex;
  align-items:center;
  color:#111;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}
.rtm-header .main-nav a:hover{color:var(--green)}
.rtm-header .nav-donate{flex:0 0 auto;margin-left:6px}
.rtm-header .mobile-toggle{display:none}

/* Restore exact v0.1 hero proportions/image treatment */
.hero-media img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  object-position:center center;
}

/* Garden project */
.garden-card-v2 .garden-copy h3{
  font-size:clamp(27px,2.5vw,37px);
}
.garden-progress{
  margin:28px 0 30px;
  padding:18px 0 0;
  border-top:1px solid rgba(47,107,61,.18);
}
.progress-label{
  color:#111;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.garden-progress .progress-track{
  height:15px;
  background:#d9e1d9;
  box-shadow:inset 0 0 0 1px rgba(47,107,61,.08);
}
.garden-progress .progress-bar{
  min-width:0;
}
.progress-pending span{font-style:italic}
.garden-card-v2 .garden-images{
  align-items:stretch;
}
.garden-card-v2 .garden-images figure{
  display:flex;
  flex-direction:column;
}
.garden-card-v2 .garden-images .garden-current img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.garden-card-v2 .garden-images .garden-plan{
  background:#fff;
  border-radius:14px;
  padding:10px;
}
.garden-card-v2 .garden-images .garden-plan img{
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:contain !important;
  object-position:center center;
  background:#fff;
}

/* News: one emotional visit card + social links only */
.news-social-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:24px;
  align-items:stretch;
}
.news-feature{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  background:#1c1c1c;
  border:1px solid #303030;
  border-radius:18px;
  overflow:hidden;
}
.news-feature-image img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
}
.news-feature-copy{
  padding:34px;
  align-self:center;
}
.news-feature-copy time{
  color:#8fc39c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.news-feature-copy h3{
  color:#fff !important;
  font-size:32px;
  margin:10px 0 14px;
}
.news-feature-copy p{color:rgba(255,255,255,.74) !important}
.social-more{
  background:#202020;
  border:1px solid #303030;
  border-radius:18px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.social-more h3{color:#fff !important;font-size:29px}
.social-more p{color:rgba(255,255,255,.7) !important}
.social-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.social-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 16px;
  border:1px solid #557d60;
  border-radius:8px;
  color:#fff !important;
  font-weight:800;
}
.social-link:hover{background:var(--green);border-color:var(--green)}
.social-link-disabled{opacity:.45;cursor:default}

/* CTA */
.section-green .cta-v2 h2{color:#fff !important}
.section-green .cta-v2 p{color:rgba(255,255,255,.82) !important}
.cta-other{color:#fff !important}

/* Own footer. Use the same working horizontal logo; invert to white. */
.rtm-own-footer .footer-brand img{
  width:220px;
  height:auto;
  filter:brightness(0) invert(1);
  margin-bottom:18px;
}
.rtm-own-footer .footer-domain{
  color:#fff !important;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* History page – follows History Final V2, but web-responsive */
.history-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:55px;
  align-items:center;
}
.history-hero-photo{
  width:100%;
  max-height:500px;
  object-fit:contain;
  background:#fff;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.history-story p{font-size:19px}
.history-projects-section{background:var(--sand)}
.history-table-wrap{
  overflow-x:auto;
  background:#fff;
  border-radius:16px;
  border:1px solid var(--line);
}
.history-table{
  width:100%;
  border-collapse:collapse;
  min-width:700px;
}
.history-table th,.history-table td{
  text-align:left;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  font-size:14px;
}
.history-table thead th{
  background:#111;
  color:#fff;
  font-size:12px;
  letter-spacing:.04em;
}
.history-table td:nth-child(3),
.history-table td:nth-child(4),
.history-table th:nth-child(3),
.history-table th:nth-child(4){text-align:right}
.history-table tfoot th,
.history-table tfoot td{
  background:var(--green-light);
  color:var(--green);
  font-weight:900;
}
.history-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.history-gallery figure{
  margin:0;
  background:#f7f7f7;
  border-radius:14px;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:250px;
}
.history-gallery img{
  width:100%;
  max-height:300px;
  object-fit:contain;
}
.history-origin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center;
}
.history-origin-images{
  display:grid;
  gap:14px;
}
.history-origin-images img{
  width:100%;
  max-height:340px;
  object-fit:contain;
  background:#fff;
  border-radius:14px;
}
.history-download-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:35px;
  align-items:center;
  padding:35px;
  background:var(--green-light);
  border-radius:18px;
}

/* Admin 3-language columns */
.rtm-lang-cols-3{grid-template-columns:repeat(3,1fr) !important}

@media (min-width:901px){
  .rtm-header .main-nav{display:flex !important}
}

@media (max-width:900px){
  html{scroll-padding-top:106px}
  .rtm-topbar-claim{display:none}
  .rtm-header .nav-wrap{height:72px}
  .rtm-header .brand{width:205px;flex-basis:205px;min-height:50px}
  .rtm-header .brand img{width:200px !important;max-width:200px !important}
  .rtm-header .mobile-toggle{
    display:flex !important;
    margin-left:auto;
    width:42px;height:42px;border:0;background:transparent;
    flex-direction:column;justify-content:center;gap:5px;
    padding:8px;
  }
  .rtm-header .mobile-toggle span{display:block;width:24px;height:2px;background:#111}
  .rtm-header .main-nav{
    display:none !important;
    position:absolute;
    left:0;right:0;
    top:106px;
    margin:0;
    padding:22px 28px;
    background:#fff;
    border-top:1px solid var(--line);
    box-shadow:0 15px 30px rgba(0,0,0,.08);
    flex-direction:column;
    align-items:flex-start;
    gap:17px;
  }
  .rtm-header .main-nav.open{display:flex !important}
  .news-social-grid,.history-hero-grid,.history-origin-grid,.history-download-inner{grid-template-columns:1fr}
  .news-feature{grid-template-columns:1fr}
  .history-gallery{grid-template-columns:1fr 1fr}
}

@media (max-width:620px){
  .rtm-topbar,.rtm-topbar-inner{height:30px !important}
  .rtm-header .nav-wrap{height:68px}
  .rtm-header .brand{width:165px;flex-basis:165px;min-height:45px}
  .rtm-header .brand img{width:160px !important;max-width:160px !important}
  .rtm-header .main-nav{top:98px}
  .rtm-header .nav-donate{font-size:11px;padding:0 11px;min-height:38px}
  .garden-card-v2 .garden-images .garden-plan img{min-height:250px}
  .news-feature-image img{min-height:240px}
  .history-gallery{grid-template-columns:1fr}
}


/* =========================================================
   v0.4 PATCH
   ========================================================= */

/* Topbar is languages only */
.rtm-topbar-spacer{display:block;min-width:1px}

/* Header: ensure our own header/footer can never be hidden by earlier patch rules */
.rtm-header,
.rtm-header .rtm-topbar,
.rtm-header .rtm-navrow,
.rtm-own-footer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.rtm-header .nav-wrap{display:flex !important}
.rtm-own-footer{background:#111 !important}

/* Sueniños external link */
.sueninos-external{
  display:inline-block;
  margin-top:3px;
  font-size:14px;
}

/* Garden plan: larger visual share while preserving the complete plan */
.garden-card-v2{
  grid-template-columns:.9fr 1.1fr;
}
.garden-card-v2 .garden-images{
  grid-template-columns:.82fr 1.18fr;
}
.garden-card-v2 .garden-images .garden-plan{
  min-width:0;
  padding:8px;
}
.garden-card-v2 .garden-images .garden-plan img{
  min-height:360px;
  max-height:430px;
}
.garden-card-v2 .garden-images .garden-current img{
  min-height:360px;
}

/* Mobile/tablet hero:
   v0.3 was still falling into a desktop two-column layout on some Android viewports.
   Use a wider breakpoint and force a single-column flow. */
@media (max-width:1100px){
  .hero .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
  }
  .hero .hero-media{
    order:-1 !important;
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
  }
  .hero .hero-media img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:16px;
  }
  .hero .hero-copy{
    width:100% !important;
    max-width:none !important;
    padding-top:0;
  }
}

/* On phones, keep the photo substantial but not excessively tall. */
@media (max-width:620px){
  .hero{
    padding-top:28px !important;
  }
  .hero .hero-grid{
    gap:24px !important;
  }
  .hero .hero-media img{
    aspect-ratio:4/3 !important;
    min-height:0 !important;
  }
  .hero .hero-copy h1{
    font-size:clamp(42px,13.5vw,58px) !important;
  }
  .hero .lead{
    font-size:19px !important;
  }
  .garden-card-v2 .garden-images{
    grid-template-columns:1fr !important;
  }
  .garden-card-v2 .garden-images .garden-plan img,
  .garden-card-v2 .garden-images .garden-current img{
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
  }
}

/* If an old plugin footer/header remains after update, do not hide it here.
   Deactivate Elementor/ElementsKit on the staging clone instead; this avoids
   accidentally hiding the custom theme header/footer again. */


/* =========================================================
   v0.5 PATCH
   ========================================================= */

/* Garden: text + clear "today -> vision" visual hierarchy */
.garden-card-v2{
  grid-template-columns:.88fr 1.12fr !important;
  align-items:stretch;
}
.garden-visuals{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:14px;
  align-items:stretch;
  min-width:0;
}
.garden-visuals figure{
  margin:0;
  min-width:0;
  display:flex;
  flex-direction:column;
}
.garden-visuals figcaption{
  margin-top:8px;
  font-size:12px;
  font-weight:800;
}
.garden-visuals .garden-current img{
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  border-radius:14px;
}
.garden-plan{
  background:#fff;
  border-radius:14px;
  padding:10px;
}
.garden-plan-canvas{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:360px;
  background:#fff;
}
.garden-plan-canvas img{
  width:100%;
  height:auto !important;
  max-height:420px;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:8px;
}

/* RunToMexico symbolic journey */
.run-journey{
  margin-top:52px;
  background:#fff;
  border:1px solid rgba(47,107,61,.14);
  border-radius:18px;
  padding:26px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:36px;
  align-items:center;
}
.run-journey-image{
  min-width:0;
}
.run-journey-image img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
}
.run-journey-copy h3{
  font-size:clamp(27px,3vw,38px);
}
.run-journey-copy p{
  margin-bottom:0;
}

/* Legal pages */
.legal-hero{padding:72px 0}
.legal-copy h2{
  margin-top:38px;
  margin-bottom:12px;
  font-size:27px;
}
.legal-copy h2:first-child{margin-top:0}
.legal-copy a{
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-copy p{font-size:17px}

/* Mobile */
@media(max-width:900px){
  .garden-card-v2,
  .run-journey{
    grid-template-columns:1fr !important;
  }
  .garden-visuals{
    grid-template-columns:1fr 1.25fr;
  }
}
@media(max-width:620px){
  .garden-visuals{
    grid-template-columns:1fr !important;
  }
  .garden-visuals .garden-current img{
    min-height:0;
    height:auto;
    max-height:none;
    object-fit:contain;
  }
  .garden-plan-canvas{
    min-height:0;
  }
  .garden-plan-canvas img{
    max-height:none;
  }
  .run-journey{
    margin-top:34px;
    padding:18px;
    gap:24px;
  }
}


/* =========================================================
   v0.6 PATCH — garden readability + exact approved imagery
   ========================================================= */

/*
The garden problem was structural, not just object-fit:
the complete 1600x719 photo contains the plan only in its centre,
and the whole garden card was squeezed into half of the project section.
v0.6 gives both project blocks full width and uses a tight plan crop.
*/
.project-split{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:28px !important;
}

.sueninos-card{
  width:100%;
  grid-template-columns:.9fr 1.1fr !important;
}
.sueninos-photo img{
  min-height:350px;
  max-height:430px;
}

/* Full-width garden campaign card */
.garden-card-v2{
  width:100%;
  display:grid !important;
  grid-template-columns:.72fr 1.28fr !important;
  gap:42px !important;
  padding:42px !important;
  align-items:center !important;
}
.garden-copy{
  max-width:480px;
}
.garden-copy h3{
  font-size:clamp(31px,3.1vw,46px) !important;
}

/* "Heute" followed by a large readable vision board */
.garden-visuals{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  min-width:0;
}
.garden-visuals figure{
  margin:0 !important;
}
.garden-current img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/7.2 !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:14px;
}
.garden-plan{
  padding:12px !important;
  background:#fff !important;
  border-radius:14px !important;
}
.garden-plan-canvas{
  min-height:0 !important;
  display:block !important;
}
.garden-plan-canvas img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:8px;
}
.garden-visuals figcaption{
  font-size:12px !important;
  margin-top:8px !important;
}

/* Exact approved Hero image – don't add exposure/filter adjustments in CSS */
.hero-media img{
  filter:none !important;
}

/* Approved run illustration is already composed as a landscape panel */
.run-journey-image img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:none !important;
}

@media(max-width:900px){
  .sueninos-card{
    grid-template-columns:1fr !important;
  }
  .sueninos-photo img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:16/9;
    object-fit:cover;
  }
  .garden-card-v2{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:30px !important;
  }
  .garden-copy{max-width:none}
}

@media(max-width:620px){
  .garden-card-v2{
    padding:22px !important;
  }
  .garden-current img{
    aspect-ratio:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   v0.7 PATCH — exact Hero / Run visual mapping + social links
   ========================================================= */

.rtm-top-social{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:11px;
  font-weight:700;
}
.rtm-top-social a{
  color:rgba(255,255,255,.72) !important;
}
.rtm-top-social a:hover{
  color:#fff !important;
}

.hero-media img{
  filter:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Keep the approved symbolic running image complete */
.run-journey-image{
  background:#f6f3ed;
  border-radius:14px;
  overflow:hidden;
}
.run-journey-image img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  filter:none !important;
}

@media(max-width:900px){
  .rtm-top-social{display:none !important;}
}


/* =========================================================
   v0.8 — donation journey
   ========================================================= */

.donate-hero{
  padding:82px 0 70px;
}
.donate-head{text-align:center}
.donate-head .lead{max-width:760px;margin-left:auto;margin-right:auto}
.donate-trust{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
  font-size:13px;
  font-weight:800;
  color:var(--green);
}
.donate-trust span{
  font-size:18px;
}

.donation-path-head{text-align:center}
.donation-path-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.donation-path-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:32px;
  min-height:355px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  box-shadow:0 8px 30px rgba(17,17,17,.035);
}
.donation-path-card h3{
  font-size:30px;
  margin:10px 0 12px;
}
.donation-path-card p{
  flex:1 1 auto;
  font-size:16px;
}
.donation-path-primary{
  border-color:rgba(47,107,61,.35);
}
.donation-main-btn{
  width:100%;
  justify-content:center;
  text-align:center;
  margin-top:10px;
}
.donation-secondary-link{
  display:inline-block;
  margin-top:17px;
  font-size:14px;
  font-weight:800;
  color:var(--green);
  border-bottom:1px solid rgba(47,107,61,.45);
}
.wise-inline{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
  font-size:13px;
  font-weight:700;
}
.wise-inline a{color:var(--green)}

.donation-bank-grid{
  align-items:start;
}
.selected-bank-route{
  display:inline-flex;
  flex-direction:column;
  gap:2px;
  margin-top:18px;
  padding:14px 17px;
  border-radius:10px;
  background:var(--green-light);
}
.selected-bank-route strong{color:var(--green);font-size:16px}
.selected-bank-route span{font-size:12px;font-weight:700;color:#555}

.bank-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:34px;
  box-shadow:var(--shadow);
}
.donation-bank-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:17px;
}
.donation-bank-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:13px;
  font-weight:800;
  color:#222;
}
.donation-bank-form label:nth-of-type(4),
.donation-bank-form .privacy-note,
.donation-bank-form button{
  grid-column:1/-1;
}
.donation-bank-form input,
.donation-bank-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  padding:13px 14px;
  font:inherit;
  background:#fff;
}
.donation-bank-form input:focus,
.donation-bank-form textarea:focus{
  outline:2px solid rgba(47,107,61,.18);
  border-color:var(--green);
}
.donation-bank-form .privacy-note{
  font-size:12px;
  line-height:1.5;
  margin:0;
  color:#666;
}
.donation-bank-form .privacy-note a{
  color:var(--green);
  font-weight:800;
}

.bank-success .success-icon{
  width:42px;height:42px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-light);
  color:var(--green);
  font-size:24px;
  font-weight:900;
  margin-bottom:14px;
}
.bank-account-card{
  margin-top:25px;
  border-top:1px solid var(--line);
  padding-top:24px;
}
.account-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
}
.account-heading span{
  font-size:32px;
  color:var(--green);
  font-weight:900;
}
.account-heading strong{
  font-size:11px;
  letter-spacing:.08em;
  color:#555;
}
.bank-details{
  display:grid;
  grid-template-columns:145px 1fr;
  margin:0;
}
.bank-details dt,
.bank-details dd{
  margin:0;
  padding:9px 0;
  border-bottom:1px solid #edf0ed;
}
.bank-details dt{
  font-size:12px;
  font-weight:800;
  color:#777;
}
.bank-details dd{
  font-weight:700;
  overflow-wrap:anywhere;
}
.copy-value{cursor:pointer}
.copy-value:hover{color:var(--green)}

.bank-qr-row{
  display:grid;
  grid-template-columns:155px 1fr;
  gap:20px;
  align-items:center;
  margin-top:25px;
  padding:20px;
  background:var(--sand);
  border-radius:14px;
}
.bank-qr-row img{
  width:145px;
  height:145px;
  object-fit:contain;
  background:#fff;
  padding:6px;
  border-radius:7px;
}
.bank-qr-row strong{
  font-size:17px;
}
.bank-qr-row p{
  margin:7px 0 0;
  font-size:13px;
}
.wise-bank-note{
  margin-top:22px;
  padding:18px;
  border-radius:12px;
  background:var(--sand);
}
.wise-bank-note p{font-size:14px;margin:0 0 9px}
.wise-bank-note a{
  color:var(--green);
  font-size:13px;
  font-weight:800;
  border-bottom:1px solid var(--green);
}
.bank-back-link{
  display:inline-block;
  margin-top:20px;
  color:var(--green);
  font-size:13px;
  font-weight:800;
}

.donation-trust-grid{
  display:grid;
  grid-template-columns:.45fr 1fr;
  gap:55px;
  align-items:center;
}
.donation-trust-grid>div{
  display:flex;
  flex-direction:column;
}
.donation-trust-grid strong{
  color:#fff;
  font-size:clamp(60px,7vw,92px);
  line-height:.9;
}
.donation-trust-grid span{
  color:#8fc39c;
  font-weight:800;
  margin-top:9px;
}
.donation-trust-grid p{
  color:rgba(255,255,255,.75);
  font-size:19px;
  margin:0;
}

@media(max-width:900px){
  .donation-path-grid{grid-template-columns:1fr}
  .donation-path-card{min-height:0}
  .donation-bank-grid{grid-template-columns:1fr !important}
  .donation-trust-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .donate-hero{padding:52px 0}
  .donation-path-card{padding:25px}
  .bank-panel{padding:23px}
  .donation-bank-form{grid-template-columns:1fr}
  .donation-bank-form label,
  .donation-bank-form label:nth-of-type(4),
  .donation-bank-form .privacy-note,
  .donation-bank-form button{grid-column:1}
  .bank-details{grid-template-columns:1fr}
  .bank-details dt{padding-bottom:2px;border-bottom:0}
  .bank-details dd{padding-top:2px}
  .bank-qr-row{grid-template-columns:1fr;text-align:center}
  .bank-qr-row img{margin:0 auto;width:190px;height:190px}
}


/* =========================================================
   v0.9 — navigation / donation refinements
   ========================================================= */
.rtm-top-social{display:flex;align-items:center;gap:10px}
.rtm-top-social a{display:flex;width:18px;height:18px;align-items:center;justify-content:center;opacity:.82}
.rtm-top-social a:hover{opacity:1}
.rtm-top-social svg{width:17px;height:17px;fill:#fff;display:block}
.nav-twint{background:var(--sand)!important;color:var(--green)!important;border:1px solid rgba(47,107,61,.28)!important;white-space:nowrap}
.nav-twint:hover{background:var(--green-light)!important}
.footer-logo-link{display:inline-block;line-height:0;margin-bottom:18px}
.rtm-own-footer .footer-logo-link img{margin-bottom:0}
.footer-domain{display:none!important}
.project-trust-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 15px;border-left:3px solid var(--green);background:var(--green-light);border-radius:0 8px 8px 0;max-width:720px}
.project-trust-note strong{flex:0 0 auto;color:var(--green);font-size:13px}
.project-trust-note span{font-size:13px;line-height:1.45;color:#4f5b52}
.donate-head{padding-top:4px}
.donation-secondary-link,.wise-inline a{text-decoration:none}
.donation-page .bank{scroll-margin-top:130px}
.donation-bank-form{grid-template-columns:1fr 1fr!important}
.donation-bank-form label:nth-of-type(3){grid-column:1/2}
.donation-bank-form label:nth-of-type(4){grid-column:2/3}
.donation-bank-form label:nth-of-type(5){grid-column:1/-1}
.donation-bank-form .privacy-note,.donation-bank-form button{grid-column:1/-1}
@media(max-width:1050px){.nav-twint{font-size:10px!important;padding-left:10px!important;padding-right:10px!important}}
@media(max-width:900px){.nav-twint{display:none!important}.rtm-top-social{display:none!important}}
@media(max-width:620px){.project-trust-note{flex-direction:column;gap:4px}.donation-bank-form{grid-template-columns:1fr!important}.donation-bank-form label,.donation-bank-form label:nth-of-type(3),.donation-bank-form label:nth-of-type(4),.donation-bank-form label:nth-of-type(5),.donation-bank-form .privacy-note,.donation-bank-form button{grid-column:1!important}}


/* =========================================================
   v0.9.1 HOTFIX
   ========================================================= */

/* Header button order: donate, then direct TWINT */
.rtm-header .nav-donate{
  margin-left:6px;
}
.rtm-header .nav-twint{
  margin-left:0;
}

/* INT secondary choices styled like the secondary links on CH/EU */
.donation-secondary-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:17px;
}
.donation-secondary-row .donation-secondary-link{
  margin-top:0 !important;
}

/* Slightly larger language selector on mobile */
@media(max-width:900px){
  .rtm-topbar .lang-switch{
    font-size:14px !important;
    gap:10px !important;
    letter-spacing:.07em;
  }
}


/* =========================================================
   v0.10 FINALISATION PATCH
   Everything not covered here remains as v0.9.1.
   ========================================================= */

/* Better use of large desktop screens.
   Reading widths (.narrow etc.) remain deliberately constrained. */
:root{
  --shell:1440px;
}

/* Impact report remains subordinate to the main project copy. */
.impact-report-link{
  display:inline-block;
  margin:-7px 0 20px;
  font-size:14px;
}

/* Barometer is intentionally not shown in v0.10.
   Backend target/current values remain available for a later revival. */
.garden-progress{
  display:none !important;
}

/* The final green band is now a trust separator, not another CTA. */
.cta-trust-only{
  grid-template-columns:1fr !important;
  max-width:1000px;
}
.cta-trust-only > div{
  max-width:850px;
}
.cta-trust-only h2{
  margin-bottom:14px;
}

/* Donation confirmation below all three routes. */
.donation-confirmation-note{
  max-width:920px;
  margin:28px auto 0;
  padding:15px 18px;
  text-align:center;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(47,107,61,.16);
  border-radius:10px;
  color:#4c574e;
  font-size:14px;
}
.donation-confirmation-note strong{
  color:var(--green);
}

/* TWINT responsive wording */
.twint-short{display:none}

/* Mobile: social icons stay visible, languages remain legible,
   TWINT stays beside SPENDEN, and Hero shows the complete group. */
@media(max-width:900px){
  .rtm-top-social{
    display:flex !important;
  }

  .rtm-topbar .lang-switch{
    font-size:14px !important;
  }

  .rtm-header .nav-twint{
    display:inline-flex !important;
  }

  .rtm-header .nav-wrap{
    gap:8px !important;
  }

  .rtm-header .brand{
    width:175px !important;
    flex-basis:175px !important;
  }
  .rtm-header .brand img{
    width:170px !important;
    max-width:170px !important;
  }

  .rtm-header .nav-donate,
  .rtm-header .nav-twint{
    min-height:40px !important;
    padding-left:11px !important;
    padding-right:11px !important;
    font-size:10px !important;
  }

  .hero .hero-media img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* On genuinely narrow phones, protect the header from wrapping.
   TWINT remains visible but uses the short label. */
@media(max-width:540px){
  .twint-full{display:none}
  .twint-short{display:inline}

  .rtm-header .nav-wrap{
    gap:5px !important;
  }

  .rtm-header .brand{
    width:125px !important;
    flex-basis:125px !important;
  }
  .rtm-header .brand img{
    width:122px !important;
    max-width:122px !important;
  }

  .rtm-header .mobile-toggle{
    width:35px !important;
    padding:5px !important;
  }

  .rtm-header .nav-donate,
  .rtm-header .nav-twint{
    min-height:38px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:9.5px !important;
  }
}

@media(max-width:400px){
  .rtm-header .brand{
    width:108px !important;
    flex-basis:108px !important;
  }
  .rtm-header .brand img{
    width:106px !important;
    max-width:106px !important;
  }
}


/* =========================================================
   v0.10.4 HOTFIX — hero crop + compact mobile facts
   ========================================================= */

/* Desktop/laptop: keep the approved hero image but reveal a bit more on the right. */
@media(min-width:1101px){
  .hero .hero-media img{
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
    object-position:46% center !important;
  }
}

/* Mobile: keep the facts band as a visual separator, but make it more compact. */
@media(max-width:620px){
  .facts{
    padding:0 !important;
  }
  .facts-clean .fact{
    padding:20px 16px !important;
    gap:2px !important;
  }
  .facts-clean .fact strong{
    font-size:clamp(28px,11vw,42px) !important;
    line-height:1.02 !important;
  }
  .facts-clean .fact span{
    font-size:14px !important;
    line-height:1.3 !important;
  }
}


/* =========================================================
   v0.11 — Bildungsgarten project page
   Builds on v0.10.4; all other layout remains unchanged.
   ========================================================= */

.garden-actions{
  display:flex;
  flex-wrap:wrap;
  gap:20px 24px;
  align-items:center;
}
.garden-detail-link{
  font-size:14px;
}
.garden-current figcaption{
  max-width:360px;
}

/* Garden project subpage */
.garden-project-hero{
  padding-top:72px;
}
.garden-project-hero-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:64px;
  align-items:center;
}
.garden-project-hero-copy h1{
  font-size:clamp(48px,5.4vw,76px);
}
.garden-project-hero-image img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.garden-partner-line{
  padding-left:18px;
  border-left:3px solid var(--green);
  font-size:16px;
  max-width:720px;
}
.garden-why-grid{
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:70px;
  align-items:start;
}
.garden-big-copy{
  font-size:clamp(21px,2.1vw,28px);
  line-height:1.45;
  color:#2f3731;
}
.garden-visit-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:28px;
  align-items:start;
}
.garden-project-figure{
  margin:0;
}
.garden-project-figure img,
.garden-current-story > img{
  width:100%;
  border-radius:16px;
  object-fit:cover;
}
.garden-project-figure img{
  aspect-ratio:16/10;
}
.garden-project-figure figcaption{
  margin-top:9px;
  font-size:13px;
  font-weight:800;
  color:#666;
}
.garden-current-story{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.garden-current-story > img{
  border-radius:0;
  aspect-ratio:16/8.4;
}
.garden-current-story > div{
  padding:28px 30px 10px;
}
.garden-current-story h3{
  font-size:28px;
}
.garden-current-story p{
  font-size:16px;
}
.garden-plan-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:28px;
  margin-top:52px;
  align-items:start;
}
.garden-plan-grid .garden-project-figure{
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.garden-plan-grid .garden-project-figure img{
  aspect-ratio:auto;
  object-fit:contain;
  background:#fff;
}
.garden-location-image{
  max-height:580px;
  object-fit:contain !important;
}
.garden-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.garden-stage{
  background:#fff;
  border-radius:18px;
  padding:32px;
  border:1px solid rgba(47,107,61,.12);
}
.garden-stage > span{
  display:inline-block;
  margin-bottom:18px;
  color:var(--green);
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}
.garden-stage h3{
  font-size:25px;
}
.garden-stage p{
  font-size:16px;
  margin-bottom:0;
}
.garden-cycle-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}
.garden-cycle{
  padding:34px;
  border-radius:18px;
  background:var(--black);
  color:#fff;
  font-weight:900;
  font-size:clamp(22px,2.4vw,34px);
  line-height:1.45;
  text-align:center;
}
.garden-impact-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.garden-impact{
  min-height:210px;
  padding:28px;
  background:#fff;
  border-radius:16px;
}
.garden-impact h3{
  color:var(--green);
  font-size:24px;
}
.garden-impact p{
  font-size:15px;
  margin-bottom:0;
}
.garden-project-closing{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:50px;
  align-items:center;
}
.garden-project-closing h2{
  margin-bottom:0;
  font-size:clamp(32px,4vw,48px);
}
.garden-project-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
}
.garden-home-link{
  color:#fff;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.55);
}

@media(max-width:900px){
  .garden-project-hero-grid,
  .garden-why-grid,
  .garden-visit-grid,
  .garden-plan-grid,
  .garden-cycle-grid,
  .garden-project-closing{
    grid-template-columns:1fr;
    gap:30px;
  }
  .garden-stage-grid{
    grid-template-columns:1fr;
  }
  .garden-impact-grid{
    grid-template-columns:1fr 1fr;
  }
  .garden-project-hero-image{
    order:-1;
  }
  .garden-project-hero-image img{
    aspect-ratio:auto;
    height:auto;
    object-fit:contain;
  }
}

@media(max-width:620px){
  .garden-actions{
    align-items:flex-start;
    flex-direction:column;
  }
  .garden-project-hero{
    padding-top:28px;
  }
  .garden-project-hero-copy h1{
    font-size:clamp(42px,13vw,58px);
  }
  .garden-plan-grid{
    margin-top:34px;
  }
  .garden-impact-grid{
    grid-template-columns:1fr;
  }
  .garden-impact{
    min-height:0;
  }
  .garden-current-story > div,
  .garden-stage,
  .garden-impact{
    padding:22px;
  }
  .garden-cycle{
    padding:26px 20px;
    font-size:21px;
  }
}


/* =========================================================
   v0.11.1 HOTFIX — Bildungsgarten CTAs / copy refinements
   ========================================================= */

.garden-detail-button{
  background:#fff !important;
  color:var(--green) !important;
  border:2px solid rgba(47,107,61,.42) !important;
  box-shadow:none !important;
}
.garden-detail-button:hover{
  background:var(--green-light) !important;
  color:var(--green-dark) !important;
  border-color:var(--green) !important;
}


/* =========================================================
   v0.12 — personal connection, original child drawing, video
   ========================================================= */

/* Hero image caption */
.hero-media{
  margin:0;
}
.hero-media figcaption{
  margin-top:9px;
  color:#777;
  font-size:12px;
  line-height:1.4;
}

/* Personal family connection on landing page */
.family-connection{
  margin-top:24px !important;
  padding:18px 20px;
  border-left:3px solid var(--green);
  background:var(--green-light);
  border-radius:0 10px 10px 0;
  color:#374039;
  font-size:16px;
}

/* Original child drawing: never crop or stylize */
.run-journey-child{
  margin:0;
  background:#fff !important;
  padding:12px;
}
.run-journey-child img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  border-radius:8px;
}
.run-journey-child figcaption{
  margin-top:9px;
  padding:0 4px 2px;
  color:#666;
  font-size:12px;
  font-weight:800;
}

/* Garden video */
.garden-video-block{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:40px;
  align-items:center;
  margin-top:70px;
  padding-top:56px;
  border-top:1px solid var(--line);
}
.garden-video-copy h2{
  font-size:clamp(30px,3.4vw,46px);
}
.garden-video-copy p{
  font-size:17px;
}
.garden-video-wrap{
  max-width:800px;
  width:100%;
  justify-self:end;
}
.garden-video-wrap video{
  display:block;
  width:100%;
  max-width:800px;
  height:auto;
  background:#111;
  border-radius:16px;
  box-shadow:var(--shadow);
}
.video-subtitle-note{
  margin:9px 0 0;
  font-size:12px;
  color:#777;
}

@media(max-width:900px){
  .garden-video-block{
    grid-template-columns:1fr;
    gap:22px;
  }
  .garden-video-wrap{
    justify-self:stretch;
    max-width:none;
  }
  .garden-video-wrap video{
    max-width:800px;
  }
}

@media(max-width:620px){
  .hero-media figcaption{
    padding:0 2px;
  }
  .family-connection{
    padding:15px 16px;
    font-size:15px;
  }
  .run-journey-child{
    padding:8px;
  }
  .garden-video-block{
    margin-top:46px;
    padding-top:38px;
  }
}


/* =========================================================
   v0.12.2 HOTFIX — project section order only
   ========================================================= */

.project-stack{
  display:flex;
  flex-direction:column;
  gap:28px;
}

.project-stack .project-trust-note{
  margin-top:0;
}

.impact-report-under-sueninos{
  display:inline-block;
  margin-top:10px;
}

.sueninos-copy .sueninos-external,
.sueninos-copy .impact-report-under-sueninos{
  width:max-content;
  max-width:100%;
}

@media(max-width:620px){
  .project-stack{
    gap:22px;
  }
}

/* =========================================================
   v0.13 — post-event results and fundraising goal
   ========================================================= */
.goal-progress-section{
  padding:54px 0 18px;
}
.goal-progress-card{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:54px;
  align-items:center;
  padding:40px 44px;
  background:var(--sand);
  border:1px solid rgba(47,107,61,.14);
  border-radius:var(--radius);
}
.goal-progress-copy h2{
  font-size:clamp(32px,4vw,50px);
  margin-bottom:16px;
}
.goal-progress-copy p{
  max-width:760px;
}
.goal-progress-meter{
  padding:28px;
  background:#fff;
  border-radius:14px;
  box-shadow:var(--shadow);
}
.goal-progress-numbers{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.goal-progress-numbers strong{
  color:var(--green);
  font-size:28px;
  letter-spacing:-.03em;
}
.goal-progress-numbers span{
  color:#6d776f;
  font-size:14px;
  font-weight:700;
}
.goal-progress-track{
  height:15px;
  overflow:hidden;
  background:#dfe9e0;
  border-radius:999px;
}
.goal-progress-track span{
  display:block;
  height:100%;
  background:var(--green);
  border-radius:inherit;
}
.goal-progress-percent{
  margin-top:10px;
  text-align:right;
  color:var(--green);
  font-size:18px;
  font-weight:850;
}
.run-result-photo{
  margin-top:56px;
}
.run-result-photo figure{
  margin:0;
}
.run-result-photo img{
  width:100%;
  max-height:620px;
  object-fit:cover;
  object-position:center 45%;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.run-result-photo figcaption{
  margin-top:10px;
  color:#747b75;
  font-size:13px;
}
.donate-goal-mini{
  margin-top:30px;
  padding:22px 24px;
  background:var(--green-light);
  border:1px solid rgba(47,107,61,.16);
  border-radius:12px;
}
.donate-goal-mini > div:first-child{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:10px;
}
.donate-goal-mini strong{
  color:var(--green);
  font-size:26px;
}
.donate-goal-mini span{
  color:#5c695f;
  font-weight:700;
}
.donate-goal-track{
  height:12px;
  overflow:hidden;
  background:#d8e5d9;
  border-radius:999px;
  margin-bottom:11px;
}
.donate-goal-track span{
  display:block;
  height:100%;
  background:var(--green);
  border-radius:inherit;
}
.donate-goal-mini p{
  margin:0;
  font-size:15px;
  color:#4e5950;
}

@media(max-width:900px){
  .goal-progress-card{
    grid-template-columns:1fr;
    gap:28px;
    padding:30px;
  }
  .run-result-photo{
    margin-top:38px;
  }
}
@media(max-width:620px){
  .goal-progress-section{
    padding:34px 0 6px;
  }
  .goal-progress-card{
    padding:22px 20px;
  }
  .goal-progress-meter{
    padding:21px;
  }
  .goal-progress-numbers strong{
    font-size:24px;
  }
  .run-result-photo img{
    min-height:250px;
  }
}
