/* Our story (tools/build_story.py). Brand: RFFI_The_Brand.md — Forest #19381A, Understory #586E58, Lichen #CAD8B8,
   Lichen Wash #E9EEDF, Rule #DFE2DC, Paper #FAF9F6, Redwood #AF3A27 for actions. Anton display, Special Gothic labels, Inter text. */
.rff-story{color:#19381A;font-family:Inter,sans-serif}
.rff-story p{font-size:19px;line-height:1.65;margin:0 0 20px}
.st-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;background:#19381A;overflow:hidden;padding-top:150px;box-sizing:border-box}
.st-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.1);opacity:.38;transform:scale(1.05)}
.st-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,56,26,.2) 0%,rgba(25,56,26,.85) 70%,#19381A 100%)}
.st-hero-inner{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 24px 10vh;width:100%;box-sizing:border-box}
.st-kicker,.st-year{font-family:"Special Gothic Expanded One",sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:14px}
.st-kicker{color:#CAD8B8;margin-bottom:24px}
.st-h1{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;color:#FAF9F6;font-size:clamp(52px,9vw,128px);line-height:.98;margin:0 0 28px;max-width:12ch}
.rff-story .st-lede{color:#FAF9F6;font-size:clamp(20px,2.2vw,26px);line-height:1.5;max-width:46ch;margin-bottom:40px}
.st-down{display:inline-block;color:#FAF9F6;border:1px solid rgba(250,249,246,.6);border-radius:999px;padding:12px 26px;text-decoration:none;font-size:16px}
.st-down:hover{background:#FAF9F6;color:#19381A}
.st-hero-cap{position:absolute;z-index:1;right:24px;bottom:16px;color:rgba(250,249,246,.6);font-size:13px !important;margin:0 !important}
.st-chapter{padding:110px 24px;max-width:1240px;margin:0 auto}
.st-alt{background:#E9EEDF;max-width:none}
.st-alt>*{max-width:1192px;margin-left:auto;margin-right:auto}
.st-col{max-width:62ch}
.st-chapter>.st-col,.st-chapter>.st-promise{margin-left:auto;margin-right:auto}
.st-col-wide{max-width:760px}
.st-headwide{max-width:1192px;margin:0 auto}
.st-headwide p{max-width:62ch}
.st-year{color:#586E58;margin-bottom:12px}
.st-h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0 0 28px;color:#19381A}
.st-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.st-split-rev .st-fig{order:0}
.st-fig{margin:0}
.st-fig img{width:100%;height:auto;border-radius:12px;display:block}
.st-fig figcaption{font-size:14px;color:#586E58;margin-top:10px;line-height:1.5}
.st-quote{margin:72px auto 0;max-width:900px;text-align:center;border:0;padding:0}
.st-quote p{font-family:Anton,sans-serif;text-transform:uppercase;font-size:clamp(26px,3.2vw,40px) !important;line-height:1.15 !important;color:#19381A}
.st-quote-big p{font-size:clamp(32px,4.4vw,56px) !important;color:#AF3A27}
.st-quote cite{font-style:normal;font-family:"Special Gothic Expanded One",sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:#586E58}
.st-three{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 !important}
.st-three span{font-family:Anton,sans-serif;text-transform:uppercase;font-size:30px;background:#19381A;color:#FAF9F6;border-radius:999px;padding:8px 24px}
.st-dark{background:#19381A;max-width:none}
.st-dark>*{margin-left:auto;margin-right:auto}
.st-dark .st-h2,.st-dark p,.st-dark li{color:#FAF9F6}
.st-dark .st-year{color:#CAD8B8}
.st-rules{list-style:none;counter-reset:r;padding:0;margin:32px 0 36px}
.st-rules li{counter-increment:r;display:flex;gap:20px;align-items:baseline;border-top:1px solid rgba(202,216,184,.35);padding:18px 0;font-size:24px;line-height:1.35}
.st-rules li:before{content:counter(r,decimal-leading-zero);font-family:Anton,sans-serif;color:#CAD8B8;font-size:28px;min-width:44px}
.st-rules li strong{font-weight:600}
.st-media-link a{color:#AF3A27;font-weight:600}
.st-promise{margin:56px 0 0;background:#FFFFFF;border:1px solid #DFE2DC;border-radius:12px;padding:44px;max-width:760px}
.st-promise-num{font-family:Anton,sans-serif;font-size:clamp(64px,9vw,112px) !important;line-height:1 !important;color:#19381A;margin:0 0 6px !important}
.st-promise-label{font-family:"Special Gothic Expanded One",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:15px !important;color:#586E58}
.st-promise ul{list-style:none;padding:0;margin:20px 0 24px}
.st-promise li{font-size:21px;line-height:1.5;padding:10px 0 10px 32px;position:relative;border-top:1px solid #DFE2DC}
.st-promise li:before{content:"";position:absolute;left:0;top:20px;width:14px;height:14px;border-radius:50%;background:#CAD8B8;border:2px solid #19381A}
.rff-story .st-promise-note{font-size:16px;color:#586E58;margin:0}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 64px;align-items:center;margin-top:24px}
.st-fig-wide{grid-column:1/-1}
.st-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.st-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#19381A}
.st-stats>div{padding:64px 28px;border-right:1px solid rgba(202,216,184,.25);text-align:center}
.st-stats>div:last-child{border-right:0}
.rff-story .st-stat-num{font-family:Anton,sans-serif;color:#FAF9F6;font-size:clamp(36px,4.2vw,58px);line-height:1;margin:0 0 12px}
.rff-story .st-stat-label{color:#CAD8B8;font-size:16px;margin:0}
.st-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px}
.st-play{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#19381A;aspect-ratio:16/9}
.st-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s}
.st-play:hover img{opacity:1}
.st-play-icon{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#AF3A27}
.st-play-icon:after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #FAF9F6}
.st-iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}
.rff-story .st-video-name{font-weight:600;font-size:18px;margin:14px 0 2px}
.rff-story .st-video-role{color:#586E58;font-size:15px;margin:0}
.st-timeline{list-style:none;padding:0;margin:24px 0 0;border-left:2px solid #CAD8B8}
.st-timeline li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:12px 0 12px 28px;position:relative}
.st-timeline li:before{content:"";position:absolute;left:-7px;top:20px;width:12px;height:12px;border-radius:50%;background:#19381A}
.st-tl-date{font-family:"Special Gothic Expanded One",sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#586E58;padding-top:3px}
.st-tl-text{font-size:18px;line-height:1.5}
.st-close{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1240px;margin:0 auto;padding:110px 24px 130px}
.st-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.st-btn{display:inline-block;border-radius:999px;padding:14px 28px;font-weight:600;text-decoration:none;border:1.5px solid #19381A;color:#19381A}
.st-btn:hover{background:#19381A;color:#FAF9F6}
.st-btn-red{background:#AF3A27;border-color:#AF3A27;color:#FAF9F6}
.st-btn-red:hover{background:#8E2E1F;border-color:#8E2E1F}
@media (max-width:991px){.st-split,.st-grid,.st-close{grid-template-columns:1fr;gap:40px}.st-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.st-stats{grid-template-columns:repeat(2,1fr)}.st-stats>div:nth-child(2){border-right:0}}
@media (max-width:600px){.st-chapter{padding:72px 20px}.st-videos{grid-template-columns:1fr}.st-timeline li{grid-template-columns:1fr;gap:2px}.st-rules li{font-size:20px}.st-promise{padding:28px}.rff-story p{font-size:18px}.st-hero-cap{display:none}}
