/* First design: complete, photograph-led stories before optional news links. */
.flow-benefit{display:grid;grid-template-columns:1.08fr 1fr;background:var(--forest);color:white}
.flow-benefit figure{position:relative;margin:0;min-height:620px}
.flow-benefit figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 40%}
.flow-benefit figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 32px 22px;background:linear-gradient(transparent,#10271ae6);font-size:12px;color:white}
.flow-benefit-copy{padding:70px clamp(30px,4.5vw,80px);align-self:center}
.flow-benefit-copy .eyebrow{color:var(--lime)}
.flow-benefit h2{font-size:clamp(35px,3.65vw,56px);max-width:650px;margin-bottom:25px}
.flow-benefit .lead{color:#e6eddf;font-size:18px}
.flow-example{border-top:1px solid #ffffff35;padding-top:23px;font-size:14px;color:#d5e9a5;margin:28px 0 0}
.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.flow-step-image{position:relative;aspect-ratio:1.35;overflow:hidden;margin-bottom:25px;border-radius:4px}
.flow-step-image img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.flow-steps article:first-child .flow-step-image img{object-position:50% 25%}
.flow-step-image span{position:absolute;bottom:0;left:0;background:var(--lime);padding:10px 18px;font-size:15px;font-weight:650}
.flow-steps h3{font-size:30px;margin-bottom:13px}
.flow-steps p{font-size:15px;color:var(--muted);max-width:380px}
.flow-process>.text-link{margin-top:20px}
.flow-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.flow-outcome{min-width:0}
.flow-outcome>img{width:100%;aspect-ratio:1.35;object-fit:cover;object-position:50% 38%;border-radius:4px}
.flow-outcome:nth-child(2)>img{object-position:50% 0}
.flow-outcome>div{padding:25px 0 0;max-width:560px}
.flow-outcome .eyebrow{margin-bottom:13px}
.flow-outcome h3{font-size:30px;max-width:470px;margin-bottom:15px}
.flow-outcome p:last-child{color:var(--muted);font-size:15px;margin-bottom:0}
.flow-office{margin:0;height:clamp(350px,46vw,680px);overflow:hidden}
.flow-office img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.flow-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:70px;align-items:center}
.flow-local-grid h2{max-width:520px}
.flow-local-grid p{max-width:550px}
.flow-local-grid address{font-style:normal;border-top:1px solid #ffffff30;padding-top:20px;margin:22px 0 12px;color:var(--lime);font-size:15px}
.flow-local-grid figure{margin:0}
.flow-local-grid figure img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:4px}
.flow-local-grid figcaption{margin-top:12px;font-size:12px;color:#d4ded2}
.flow-join{background:var(--lime)}
.flow-join h2{max-width:780px;margin-bottom:45px}
.flow-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.flow-choices article{min-width:0;display:flex}
.flow-choice{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:5px;background:var(--forest);color:white;box-shadow:0 8px 25px #20382d0d}
.flow-choice-photo{aspect-ratio:1.25;overflow:hidden;background:#dce2d7}
.flow-choice-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .35s}
.flow-choices article:nth-child(2) .flow-choice-photo img{object-position:50% 22%}
.flow-choices article:nth-child(3) .flow-choice-photo img{object-position:50% 12%}
.flow-choice-copy{display:flex;flex-direction:column;flex:1;padding:27px 28px 24px}
.flow-choices h3{font-size:29px;margin:0 0 12px;color:white}
.flow-choices p{font-size:15px;line-height:1.6;color:#e0e9d8;margin:0 0 24px;max-width:300px}
.flow-choice-action{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;font-size:13px;font-weight:600;color:var(--lime)}
.flow-choice-arrow{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #d5e9a570;border-radius:50%;font-size:24px;font-weight:400;transition:background .2s,color .2s}
.flow-choice:hover .flow-choice-photo img,.flow-choice:focus-visible .flow-choice-photo img{transform:scale(1.035)}
.flow-choice:hover .flow-choice-arrow,.flow-choice:focus-visible .flow-choice-arrow{background:var(--lime);color:var(--forest)}
#community-updates{padding-bottom:55px}
@media(max-width:1000px){.flow-benefit figure{min-height:540px}.flow-benefit-copy{padding:40px 30px}.flow-benefit h2{font-size:38px}.flow-local-grid{gap:40px}.flow-choices{gap:24px}.flow-steps{gap:22px}}
@media(max-width:700px){.flow-benefit{grid-template-columns:1fr}.flow-benefit figure{min-height:0;aspect-ratio:1.2}.flow-benefit-copy{padding:35px var(--gutter) 42px}.flow-benefit h2{font-size:38px}.flow-benefit .lead{font-size:17px}.flow-benefit figcaption{font-size:11px;padding-inline:22px}.flow-steps,.flow-outcomes,.flow-local-grid,.flow-choices{grid-template-columns:1fr}.flow-steps{gap:32px}.flow-step-image{aspect-ratio:1.4;margin-bottom:20px}.flow-steps p{max-width:none;margin:0}.flow-outcomes{gap:40px}.flow-outcome>img{aspect-ratio:1.25}.flow-outcome h3{font-size:29px}.flow-local-grid{padding-block:42px;gap:35px}.flow-office{height:auto;aspect-ratio:1.4}.flow-office img{object-position:52% 65%}.flow-local-grid figure img{aspect-ratio:1.25}.flow-choices{gap:28px}.flow-choices h3{font-size:28px}.flow-choice-number{margin-bottom:15px}.flow-join h2{margin-bottom:30px}#community-updates{padding-bottom:25px}}
