@font-face{font-family:"Draft Fredoka";src:url("/images/botanical/v1/fonts/fredoka-latin.v1.woff2") format("woff2");font-style:normal;font-weight:600 700;font-display:swap}
@font-face{font-family:"Draft Nunito";src:url("/images/botanical/v1/fonts/nunito-latin.v1.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
body.botanical-subpage{--brand-primary:#974a23;--brand-dark:#713c25;--brand-deeper:#5a3224;--brand-pale:#efe1d0;--brand-tint:#f6f0e5;--white:#fffdf7;--off-white:#f6f1e7;--gray-50:#fbf8f1;--gray-100:#eee7d9;--gray-200:#ddd2c1;--gray-600:#52604f;--gray-800:#293d2b;--black:#1d2c21;--surface:#fffdf7;--surface-alt:#f6f1e7;--surface-card:#fcf9f0;--border:rgba(41,61,43,.14);--border-strong:rgba(41,61,43,.27);--font-display:"Draft Fredoka",system-ui,sans-serif;--font-body:"Draft Nunito",system-ui,sans-serif;background:#fffdf7;color:#293d2b;font-family:var(--font-body)}
body.botanical-subpage .primary-header{background:#263b2a;color:#fffdf7}
body.botanical-subpage .primary-header a,body.botanical-subpage .primary-header button{color:#fffdf7}
body.botanical-subpage .site-navbar{background:rgba(255,253,247,.97);border-bottom:1px solid rgba(41,61,43,.12);box-shadow:0 5px 24px rgba(36,53,38,.06)}
body.botanical-subpage .site-nav a,body.botanical-subpage .language-links a{color:#293d2b}
body.botanical-subpage .site-nav a:hover,body.botanical-subpage .site-nav a:focus-visible,body.botanical-subpage .site-nav a[aria-current="page"],body.botanical-subpage .language-links a[aria-current="true"]{color:#713c25}
body.botanical-subpage .hero{background:linear-gradient(125deg,#f2eadb 0%,#fffdf7 62%,#e8edde 100%);color:#293d2b;overflow:hidden;position:relative}
body.botanical-subpage .hero h1,body.botanical-subpage main h2,body.botanical-subpage main h3{font-family:var(--font-display);letter-spacing:-.025em;color:#293d2b;line-height:1.12}
body.botanical-subpage .hero h1{font-size:clamp(2.25rem,5vw,4.5rem);max-width:17ch}
body.botanical-subpage .section{background:#fffdf7;padding-top:clamp(3.5rem,7vw,6.5rem);padding-bottom:clamp(3.5rem,7vw,6.5rem)}
body.botanical-subpage .section--alt{background:#f6f1e7}
body.botanical-subpage .section--tint{background:#e9efe4}
body.botanical-subpage .section-label{color:#713c25;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.botanical-subpage .section-header{max-width:760px;margin-inline:auto;margin-bottom:clamp(2rem,4vw,3.25rem)}
body.botanical-subpage .section-header h2{font-size:clamp(2rem,4vw,3.25rem)}
body.botanical-subpage .card,body.botanical-subpage .mockup-card,body.botanical-subpage .founder-profile,body.botanical-subpage .stat-card,body.botanical-subpage .placeholder-card{background:#fcf9f0;border:1px solid rgba(41,61,43,.13);border-radius:22px;box-shadow:0 12px 34px rgba(37,56,40,.07)}
body.botanical-subpage .card{padding:clamp(1.25rem,3vw,2rem);transition:transform .2s ease,box-shadow .2s ease}
body.botanical-subpage .card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(37,56,40,.11)}
body.botanical-subpage .card-grid{gap:clamp(1rem,2.2vw,1.5rem)}
body.botanical-subpage .card h3,body.botanical-subpage .mockup-card h3{font-size:clamp(1.25rem,2vw,1.65rem)}
body.botanical-subpage a,body.botanical-subpage .read-more,body.botanical-subpage .card .read-more{color:#713c25}
body.botanical-subpage a:hover,body.botanical-subpage .read-more:hover,body.botanical-subpage .card .read-more:hover{color:#5a3224}
body.botanical-subpage .btn-primary,body.botanical-subpage .btn-primary-lg{background:#974a23;color:#fffdf7;border-color:#974a23}
body.botanical-subpage .btn-primary:hover,body.botanical-subpage .btn-primary-lg:hover{background:#713c25;color:#fffdf7}
body.botanical-subpage .btn-secondary,body.botanical-subpage .btn-secondary-lg{border-color:#713c25;color:#713c25;background:transparent}
body.botanical-subpage .donation-trigger{color:inherit}
body.botanical-subpage footer,body.botanical-subpage .site-footer{background:#263b2a;color:#f7f2e5}
body.botanical-subpage footer a,body.botanical-subpage .site-footer a{color:#f7f2e5}
body.botanical-subpage footer p,body.botanical-subpage footer li,body.botanical-subpage .site-footer p,body.botanical-subpage .site-footer li{color:#f7f2e5}
body.botanical-subpage .read-more,body.botanical-subpage .nav-active,body.botanical-subpage .site-nav a[aria-current="page"],body.botanical-subpage .site-dropdown a:hover{color:#713c25}
body.botanical-subpage .hero-image img,body.botanical-subpage .placeholder-card--image img,body.botanical-subpage .founder-profile__media img{border-radius:24px;object-fit:cover}
body.botanical-subpage .hero-image{border-radius:28px}
body.botanical-subpage .section-header p{color:#52604f}
body.botanical-subpage .container{width:min(100% - 2.5rem,1160px)}
.botanical-art--left .botanical-art{left:0;right:auto}
.botanical-art--right .botanical-art{left:auto;right:0}
.botanical-art{position:absolute;z-index:0;right:0;bottom:0;width:clamp(150px,25vw,330px);height:auto;opacity:.17;pointer-events:none;user-select:none}
.draft-art-section{position:relative;isolation:isolate;overflow:hidden}
.draft-art-section>.container{position:relative;z-index:1}
/* Services: program grid, existing intake steps, and impact data. */
body.botanical-services .intake-process{gap:1.2rem;counter-reset:none}
body.botanical-services .intake-step{background:#fffdf7;border:1px solid #d8ddce;border-radius:20px;padding:1.4rem;box-shadow:0 8px 22px rgba(41,61,43,.06)}
body.botanical-services .stat-card{border-radius:22px;background:#263b2a;color:#fffdf7}
body.botanical-services .stat-card *{color:#fffdf7}
body.botanical-services .section:nth-of-type(2) .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Our story: broad narrative cards and a quiet timeline rail. */
body.botanical-our-story .mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
body.botanical-our-story .mockup-card{padding:clamp(1.35rem,3vw,2.25rem);min-height:100%}
body.botanical-our-story .story-timeline{max-width:850px;margin-inline:auto;border-left:2px solid #b6c6ae;padding-left:2rem}
body.botanical-our-story .story-timeline>*{position:relative}
body.botanical-our-story .story-timeline>*:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#974a23;left:-2.45rem;top:.6em}
/* Founders: statement first, portraits with editorial framing. */
body.botanical-founders .hero{background:linear-gradient(120deg,#e9efe4,#fffdf7 58%,#f3e7d9)}
body.botanical-founders .founder-stack{gap:clamp(1.5rem,4vw,3.5rem)}
body.botanical-founders .founder-profile{overflow:hidden;align-items:stretch}
body.botanical-founders .founder-profile__media{background:#e9efe4;padding:1.1rem}
body.botanical-founders .founder-profile__media img{width:100%;height:100%;min-height:260px;border-radius:16px}
body.botanical-founders .founder-profile__content{padding:clamp(1.4rem,4vw,3rem)}
/* Management: keep the source hierarchy and profile dialogs intact. */
body.botanical-management .management-tree{background:#f6f1e7;border:1px solid #e1dacb;border-radius:28px;padding:clamp(1rem,3vw,2rem)}
body.botanical-management .management-level{gap:1rem}
body.botanical-management .management-person__trigger{background:#fffdf7;border:1px solid #d9dfd2;border-radius:20px;box-shadow:0 8px 22px rgba(41,61,43,.07);min-width:0;overflow-wrap:anywhere}
body.botanical-management .management-person__trigger:hover{border-color:#974a23;transform:translateY(-2px)}
body.botanical-management .management-person__name{color:#293d2b;font-family:var(--font-display)}
body.botanical-management .management-person__role{color:#52604f}
/* Credentials: let the real document carry the visual emphasis. */
body.botanical-credentials .mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body.botanical-credentials .mockup-card{padding:clamp(1.25rem,3vw,2.25rem)}
body.botanical-credentials .certificate-preview{background:#f5f0e5;border:1px solid #d7ccb9;border-radius:18px;padding:1rem;box-shadow:inset 0 0 0 6px #fffdf7}
body.botanical-credentials .certificate-preview img{max-height:440px;object-fit:contain}
body.botanical-credentials .credential-placeholder{border:1px dashed #a2ad99;background:#f5f7f1;border-radius:18px;padding:2rem}
/* Multimedia: gallery cards get consistent frames without new media. */
body.botanical-multimedia-content .mockup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
body.botanical-multimedia-content .mockup-card{padding:1rem;overflow:hidden}
body.botanical-multimedia-content .mockup-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}
body.botanical-multimedia-content .content-band{background:#263b2a;color:#fffdf7;border-radius:28px;padding:clamp(2rem,5vw,4rem)}
body.botanical-multimedia-content .content-band h2,body.botanical-multimedia-content .content-band p{color:#fffdf7}
/* Support: distinguish contribution choices from the allocation explanation. */
body.botanical-support #donate .card{border-top:4px solid #974a23}
body.botanical-support #donate .card-grid{align-items:stretch}
body.botanical-support #sponsor-child{border-radius:32px}
body.botanical-support #sponsor-child .card{background:#fffdf7}
/* Campaign: give the existing appeal a clear feature frame, no progress claims. */
body.botanical-campaign .about-grid{align-items:center;background:#f6f1e7;border-radius:30px;padding:clamp(1rem,3vw,2rem)}
body.botanical-campaign .placeholder-card--image{border-radius:24px;overflow:hidden}
body.botanical-campaign .card-grid--4 .card{background:#263b2a;color:#fffdf7;text-align:center}
body.botanical-campaign .card-grid--4 .card *{color:#fffdf7}
/* News: editorial feature and readable metadata hierarchy. */
body.botanical-news .about-grid{align-items:center;background:#f6f1e7;border-radius:30px;padding:clamp(1rem,3vw,2rem)}
body.botanical-news .card-grid .card{border-radius:8px 22px 22px 22px;border-top:3px solid #b9754d}
/* Contact: clear contact channels and an unpressured visit section. */
body.botanical-contact .section:first-of-type .card{text-align:left;border-bottom:4px solid #c8d3c0}
body.botanical-contact .section:nth-of-type(3) .about-grid{align-items:center;background:#e9efe4;border-radius:30px;padding:clamp(1rem,3vw,2rem)}
body.botanical-contact .placeholder-card{padding:clamp(1.25rem,3vw,2.25rem)}
@media(max-width:760px){
 body.botanical-subpage .container{width:min(100% - 1.5rem,1160px)}
 body.botanical-subpage .hero{padding-block:clamp(2.5rem,10vw,4rem)}
 body.botanical-subpage .hero h1{max-width:14ch;font-size:clamp(2.05rem,9vw,3.4rem)}
 body.botanical-subpage .card-grid,body.botanical-our-story .mockup-grid,body.botanical-multimedia-content .mockup-grid,body.botanical-credentials .mockup-grid{grid-template-columns:1fr}
 body.botanical-services .section:nth-of-type(2) .card-grid{grid-template-columns:1fr}
 body.botanical-founders .founder-profile{display:flex;flex-direction:column}
 body.botanical-founders .founder-profile__media img{min-height:220px;max-height:340px}
 body.botanical-management .management-tree{padding:.75rem}
 body.botanical-management .management-level__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
 body.botanical-campaign .card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.botanical-contact .section:nth-of-type(3) .about-grid{grid-template-columns:1fr}
 .botanical-art{width:clamp(125px,42vw,190px);opacity:.12}
}
@media(max-width:380px){
 body.botanical-subpage .container{width:min(100% - 1.25rem,1160px)}
 body.botanical-campaign .card-grid--4{grid-template-columns:1fr}
 body.botanical-management .management-level__cards{grid-template-columns:1fr}
 body.botanical-subpage .primary-header .container{width:calc(100% - 1rem)}
}
@media(prefers-reduced-motion:reduce){body.botanical-subpage *,body.botanical-subpage *::before,body.botanical-subpage *::after{scroll-behavior:auto!important;transition:none!important}}
/* Draft QA refinements: compact shared header, readable cream heroes, and wrapped topbar. */
body.botanical-subpage .site-navbar .container{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,1.5vw,1rem);min-width:0}
body.botanical-subpage .site-brand{flex:0 1 auto;min-width:0}
body.botanical-subpage .site-brand .site-logo{display:block;max-width:100%}
body.botanical-subpage .site-brand .site-logo img,body.botanical-subpage .site-brand .site-logo svg{display:block;width:clamp(108px,13vw,155px)!important;height:auto!important;max-height:82px;object-fit:contain}
body.botanical-subpage .site-nav{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:clamp(.35rem,1vw,.85rem)}
body.botanical-subpage .primary-header{max-width:100%;overflow:visible}
body.botanical-subpage .primary-header .container{width:min(100% - 2rem,1160px);max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;min-width:0}
body.botanical-subpage .header-social-links{display:flex;flex-wrap:wrap;gap:.45rem;min-width:0}
body.botanical-subpage .header-cta-group{display:flex;flex:1 1 600px;justify-content:flex-end;align-items:center;gap:.4rem;flex-wrap:wrap;min-width:0;max-width:100%}
body.botanical-subpage .primary-header .header-cta-group .btn,body.botanical-subpage .primary-header .header-cta-group button{background:#263b2a!important;color:#fffdf7!important;border:1px solid #8e9d8d!important;max-width:100%;white-space:normal}
body.botanical-subpage .primary-header .header-cta-group .btn:hover,body.botanical-subpage .primary-header .header-cta-group button:hover{background:#405942!important;color:#fffdf7!important}
body.botanical-subpage .primary-header .language-links{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}
body.botanical-subpage .hero{background:#eff2e9!important;background-image:linear-gradient(120deg,#f2eadb 0%,#fffdf7 58%,#e7eee2 100%)!important;color:#293d2b!important}
body.botanical-subpage .hero>.container{position:relative;z-index:1}
body.botanical-subpage .hero h1,body.botanical-subpage .hero .section-label,body.botanical-subpage .hero p,body.botanical-subpage .hero .section-header p{color:#293d2b!important}
body.botanical-subpage .hero .section-label{color:#713c25!important}
body.botanical-founders .hero>.container{max-width:980px}
body.botanical-founders .hero>.container>p{max-width:76ch;margin:.85rem 0;color:#293d2b!important;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.72}
@media(max-width:760px){
 body.botanical-subpage .site-navbar .container{flex-wrap:wrap;gap:.35rem}
 body.botanical-subpage .site-brand .site-logo img,body.botanical-subpage .site-brand .site-logo svg{width:clamp(108px,34vw,136px)!important;max-height:72px}
 body.botanical-subpage .primary-header .container{width:calc(100% - 1rem);align-items:stretch;gap:.35rem}
 body.botanical-subpage .header-social-links{display:none}
 body.botanical-subpage .header-cta-group{flex:1 1 100%;justify-content:center;gap:.25rem}
 body.botanical-subpage .header-cta-group .btn{font-size:.76rem;padding:.28rem .45rem;line-height:1.25}
 body.botanical-subpage .primary-header .language-links{flex:1 1 100%;justify-content:center}
 body.botanical-subpage .site-nav{max-width:100%;flex-wrap:wrap}
}
@media(min-width:761px) and (max-width:1120px){
 body.botanical-subpage .primary-header .container{width:calc(100% - 1.5rem);gap:.35rem}
 body.botanical-subpage .header-social-links{flex:0 1 auto;font-size:.86rem;gap:.35rem}
 body.botanical-subpage .header-cta-group{flex:1 1 560px;gap:.3rem}
 body.botanical-subpage .header-cta-group .btn{font-size:.82rem;padding:.38rem .55rem}
 body.botanical-subpage .primary-header .language-links{font-size:.86rem;gap:.3rem}
 body.botanical-subpage .site-brand .site-logo img,body.botanical-subpage .site-brand .site-logo svg{width:clamp(108px,12vw,135px)!important}
}
/* Keep legacy hero overlays and shadows out of the cream draft treatment. */

/* Production hero baseline; decorative source greenery is omitted from markup. */
body.botanical-subpage .hero{min-height:clamp(300px,42vw,500px);padding:clamp(3.25rem,7vw,6.5rem) 0;display:flex;align-items:center;text-align:center;background:#eff2e9!important;background-image:linear-gradient(120deg,#f2eadb 0%,#fffdf7 58%,#e7eee2 100%)!important;color:#293d2b!important}
body.botanical-subpage .hero>.container{position:relative;z-index:1;width:100%}
body.botanical-subpage .hero h1{font-size:clamp(2.25rem,5vw,4.5rem);font-weight:700;line-height:1.12;margin:0 0 1rem;color:#293d2b!important}
body.botanical-subpage .hero p{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.72;max-width:72ch;margin:0 auto 1rem;color:#293d2b!important}
body.botanical-subpage .hero .section-label{display:inline-block;margin-bottom:.5rem;color:#713c25!important;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
body.botanical-founders .hero>.container{text-align:left;max-width:980px}
body.botanical-founders .hero>.container>p{max-width:76ch;margin:.85rem 0;color:#293d2b!important;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.72}
@media(max-width:760px){body.botanical-subpage .hero{min-height:280px;padding:3rem 0}}


/* Text scaling reflow: keep long Indonesian words and profile cards inside their columns. */
body.botanical-our-story .mockup-grid,
body.botanical-our-story .story-timeline,
body.botanical-management .management-tree,
body.botanical-management .management-level,
body.botanical-management .management-level__cards,
body.botanical-management .management-person,
body.botanical-management .management-person__trigger{min-width:0;max-width:100%;box-sizing:border-box}
body.botanical-our-story .mockup-grid>.mockup-card{min-width:0;max-width:100%;overflow-wrap:anywhere;box-sizing:border-box}
body.botanical-our-story .mockup-card h3,
body.botanical-our-story .mockup-card p,
body.botanical-our-story .story-timeline>*{min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
body.botanical-management .management-level__cards{width:100%}
body.botanical-management .management-person{max-width:100%;overflow-wrap:anywhere}
body.botanical-management .management-person__trigger{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
body.botanical-management .management-person__name,
body.botanical-management .management-person__role,
body.botanical-management .management-person__action{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:760px){
 body.botanical-our-story .mockup-grid{grid-template-columns:minmax(0,1fr)}
 body.botanical-management .management-level__cards{min-width:0;max-width:100%}
 body.botanical-management .management-person{min-width:0;max-width:100%;box-sizing:border-box}
}


/* Long section headings may wrap in enlarged-text mode. */
body.botanical-subpage main h2{min-inline-size:0;overflow-wrap:anywhere}


/* Keep decorative foliage fully visible at every viewport size. */
.botanical-art { opacity: 1 !important; }
@media (max-width: 760px) {
    .botanical-art { opacity: 1 !important; }
}

/* Hero text stays visible above the cream background on every page. */
body.botanical-subpage .hero > .container {
    position: relative;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}
body.botanical-subpage .hero h1,
body.botanical-subpage .hero .section-label,
body.botanical-subpage .hero p {
    opacity: 1;
    visibility: visible;
}


/* Current published legacy hero override */
.hero::before { background: none !important; z-index: 1; }
.hero > .hero-media { z-index: 0; }
.hero > .container {
    position: relative;
    z-index: 2;
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.hero h1,
.hero .section-label,
.hero p {
    opacity: 1;
    visibility: visible;
}
.hero .progressive-media__full,
.hero .progressive-media__preview { transition: none !important; }


/* Focused clarity refinement */
.hero .hero-image { filter: none !important; transform: none !important; }
.hero > .hero-media ~ .container h1,
.hero > .hero-media ~ .container .section-label,
.hero > .hero-media ~ .container p {
    color: #fffdf7 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .95), 0 2px 8px rgba(0, 0, 0, .85);
}
.botanical-art { filter: none !important; transform: none !important; }