/* RFF brand standard over Webflow's stylesheet. Source: canon/RFFI_The_Brand.md v1.18 (draft, pending Hill's sign-off, #76).
   Applied 31 Oct 2026 by tools/apply_brand.py. Nine colours; Anton / Special Gothic Expanded One / Inter; 104% headline and
   165% body line spacing; 62-character measure; 12px radius; pill buttons; no shadows; Paper and Lichen Wash grounds. */
:root{--rff-paper:#FAF9F6;--rff-card:#FFFFFF;--rff-forest:#19381A;--rff-redwood:#AF3A27;--rff-redwood-deep:#8E2E1F;
--rff-lichen:#CAD8B8;--rff-lichen-wash:#E9EEDF;--rff-understory:#586E58;--rff-rule:#DFE2DC}

/* Ground and base text */
body{background-color:var(--rff-paper);color:var(--rff-forest);font-family:Inter,sans-serif}

/* Base headings carry brand colours, not #000 / #fff. Barlow's rules became Special Gothic, which has one weight. */
h1,h2,h4,.community{color:var(--rff-forest)}
h5,.donate{color:var(--rff-paper)}
h4,h5,.community,.donate,.cta-btn.small{font-weight:400}
h4{line-height:104%}

/* Type rules */
h1,h2,.heading-1,.heading-2{line-height:104%}
p,.text-paragraph,.w-richtext p,.w-richtext li,.cms-text-sm,.footer-text{line-height:165%}
.w-richtext p,.w-richtext li,.text-paragraph{max-width:62ch}
.cms-text-sm,.smart-forest,figcaption{color:var(--rff-understory)}

/* Actions: Redwood at rest, Redwood Deep on hover and press; red is for things a person can click */
.cta-btn:hover,.cta-btn-2:hover,.cta-btn-3:hover,.bio-btn.bio-btn-red:hover,.w-button:hover,
.text-block.donate-title-block:active{background-color:var(--rff-redwood-deep)}
.cta-btn-2.light-green-btn:hover{background-color:var(--rff-forest);color:var(--rff-paper)}

/* Section grounds: Lichen is an accent, not a surface. Former Lichen and beige sections take Lichen Wash. */
.section-proof.bg-color,.related-works-section,.experience-section-2,
.section-proof.white-bg-color,.what-we-do-section.no-secheight.no-bg{background-color:var(--rff-lichen-wash)}

/* Cards and panels: white fill, a hairline, 12px corners, no shadow */
.option-item-wrap,.option-bottom-wrap,.smart-tech-item,.cate-item,.card-item-03.custom-styling,
.card-item-03.custom-styling-02,.card-item-04,.terminal-calendar-wrap,.card-item-wrap,.bio-card-wrap,
.card-slider,.collection-item{background-color:var(--rff-card);border:1px solid var(--rff-rule);border-radius:12px;box-shadow:none}
.icon.small.usal,.member-panel-item.team-member:hover,.collection-item:hover,.bio-card-wrap.owl:hover,
.atv-review-arrow{box-shadow:none}
.w-richtext img{border-radius:12px}

/* Fields */
.w-input,.w-select,textarea.w-input{background-color:var(--rff-card);color:var(--rff-forest);border:1px solid var(--rff-rule);
border-radius:12px;font-family:Inter,sans-serif}

/* Navigation over the hero film: a scrim so the menu stays readable as the footage brightens */

/* Newsletter pop-up: the brand's faces and button, not Arial and a blue button */
.newsletter-popup-modal,.newsletter-popup-modal *{font-family:Inter,sans-serif}
.newsletter-popup-modal .w-button,.newsletter-popup-modal input[type=submit]{background-color:var(--rff-redwood);color:var(--rff-paper);border-radius:999px}