/* Climate Change (templates/core/designs/research_climate/), in the new design: theme tiles and a statement card from the
   shared pieces (css/designs/kit.css, wing_design.css); this file sets the page's rhythm. */
.bs-page { background: #f9f6ef; }
.bs-page .st-sec { padding: 84px 0; }
.bs-page .st-sec + .st-sec { padding-top: 0; }
@media (max-width: 900px) { .bs-page .st-sec { padding: 52px 0; } }


/* the opening card: deep green, its heading inside in yellow, the paragraphs in white one under the other across the full width (as on Parks & Gardens, Joint Forest Management) */
.bs-page .dz-statement { grid-template-columns: minmax(0, 1fr); gap: 0; background: radial-gradient(520px 320px at 100% 0%, rgba(16, 185, 129, .22), transparent 70%), linear-gradient(135deg, #0b3d2c 0%, #042f1a 100%);
    box-shadow: 0 30px 60px -40px rgba(4, 47, 26, .7); }
.bs-page .dz-statement::before { display: none; }
.bs-page .dz-statement::after { opacity: .09; filter: invert(1); }
html body .bs-page .clm-card-title { margin: 0 0 16px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: clamp(32px, 3vw, 44px); font-weight: 900; line-height: 1.15; letter-spacing: -.03em; color: #0b3d2c; text-align: left; }
html body .bs-page .dz-statement-lead { max-width: none; margin: 0 0 14px; color: #fff; font-size: 16.5px; font-style: normal; font-weight: 400; line-height: 1.75; letter-spacing: 0; text-align: left; }
html body .bs-page .dz-statement-lead strong { font-style: normal; font-weight: 700;  color: #f1c40f; }
html body .bs-page .dz-statement-rest p { color: #fff; }
html body .bs-page .dz-statement-rest strong { color: #f1c40f; }
html body .bs-page .dz-statement.is-single .dz-statement-lead { margin-bottom: 0; }

/* the Climate Change page is one card: keep it in the middle of the page, between the breadcrumb and the footer */
html body .dz-page.bs-page:has(.clm-card-title) { min-height: calc(100vh - 87px); padding-bottom: 0; display: flex; flex-direction: column; justify-content: flex-start; }
html body .dz-page.bs-page:has(.clm-card-title) > .st-sec { margin-block: auto; padding-top: 0; padding-bottom: 0; }
html body .dz-page.bs-page:has(.clm-card-title) > .st-sec { margin-block: auto; transform: translateY(-48px); }

/* the About card: light yellow instead of deep green, dark green heading, dark text */
html body .bs-page .dz-statement { background: #fdf3c4; border: 1px solid #ecd97a; box-shadow: 0 24px 50px -38px rgba(120, 90, 0, .45); }
html body .bs-page .dz-statement::after { filter: none; opacity: .07; }
html body .bs-page .dz-statement-lead, html body .bs-page .dz-statement-rest p { color: #1f2a22; }
html body .bs-page .dz-statement-lead strong, html body .bs-page .dz-statement-rest strong { color: #0b3d2c; }