/* This file only styles the flood homepage card and its new summary screen. */
#flood-highlight .flood-highlight-contexts{grid-template-columns:1fr}
.project-card--flood{grid-column:1/-1}
.project-card--flood>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-content:center}
.project-card--flood .project-image{grid-column:1;grid-row:1/7;min-height:295px;height:100%}
.project-card--flood .project-meta,.project-card--flood .project-title,.project-card--flood>a>p,.project-card--flood .project-insight,.project-card--flood .case-entry,.project-card--flood .project-tags{grid-column:2}
.project-card--flood .project-meta{margin-top:8px}
.flood-highlight{grid-column:1/-1;min-width:0;background:#edf2fa;border:1px solid #dbe3f0;border-radius:14px;padding:36px 38px;margin:0 0 14px;scroll-margin-top:32px}
.flood-highlight[hidden]{display:none}
.flood-highlight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.flood-highlight .eyebrow{font-size:12px;color:#8292ad;margin-bottom:10px;letter-spacing:1.6px}
.flood-highlight h3{font-size:29px;line-height:1.5;color:#29456d;letter-spacing:-.8px}
.flood-highlight-context{font-size:12px;line-height:1.9;color:#7e8da6;text-align:right;flex-shrink:0;padding-top:8px}
.flood-highlight h4{font-size:12px;line-height:1.7;font-weight:600;color:#3f587c;margin:0 0 9px}
.flood-highlight-contexts{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:25px}
.flood-highlight-contexts p{font-size:12px;line-height:1.95;color:#63738b;margin:0}
.flood-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.flood-work-grid article{padding:17px 16px;background:#ffffffb8;border:1px solid #dde5f0;border-radius:7px}
.flood-work-grid article>span{font-size:12px;color:#7990b3;letter-spacing:.5px}
.flood-work-grid h5{font-size:13px;line-height:1.7;font-weight:500;color:#344e76;margin:8px 0}
.flood-work-grid p{font-size:12px;line-height:1.85;color:#748097;margin:0}
.flood-work-grid small{display:block;font-size:12px;color:#99a3b4;margin-top:7px}
.flood-highlight-results{margin-top:27px}
.flood-result-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;padding:6px 0 0}
.flood-result-grid>div{border-left:1px solid #d4deed;padding-left:23px}
.flood-result-grid>div:first-child{border-left:0;padding-left:0}
.flood-result-grid strong{font-size:24px;line-height:1.65;font-weight:600;color:#365887;letter-spacing:-.8px;white-space:nowrap}
.flood-result-grid strong span{font-size:19px;font-weight:400;color:#9cafcd;margin:0 4px}
.flood-result-grid>div:last-child strong{font-size:19px;line-height:2.08}
.flood-result-grid p{font-size:12px;color:#70809a;line-height:1.8;margin:3px 0 0}
.flood-result-grid small{font-size:12px;color:#98a4b7;line-height:1.8}
.flood-highlight-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #d7e0ef;margin-top:25px;padding-top:21px}
.flood-highlight-footer>div{max-width:710px}
.flood-highlight-footer p{font-size:12px;color:#607797;line-height:1.85;margin:0 0 6px}
.flood-highlight-footer p strong{font-weight:500;color:#44618a}
.flood-highlight-footer small{display:block;font-size:12px;color:#929fb4;line-height:1.9}
.flood-highlight-footer .button{flex-shrink:0;padding:11px 16px;gap:16px;font-size:12px}
@media(max-width:1000px){.project-card--flood>a{column-gap:24px}.project-card--flood .project-title h3{font-size:19px}.project-card--flood .project-meta{flex-wrap:wrap;gap:7px}.flood-highlight{padding:28px}.flood-highlight h3{font-size:26px}.flood-work-grid{grid-template-columns:1fr 1fr}.flood-result-grid{grid-template-columns:1fr 1.2fr}.flood-result-grid>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #d4deed;padding:15px 0 0;margin-top:18px}.flood-result-grid>div:last-child strong{font-size:20px;line-height:1.6}}
@media(max-width:760px){.project-card--flood>a{display:block}.project-card--flood .project-image{height:260px;min-height:0}.project-card--flood .project-meta{margin-top:16px;flex-wrap:nowrap}.project-card--flood .project-title h3{font-size:20px}.flood-highlight{padding:24px 20px;margin-bottom:0;border-radius:10px}.flood-highlight-heading{margin-bottom:20px}.flood-highlight h3{font-size:23px;letter-spacing:-.6px}.flood-highlight-context{display:none}.flood-highlight-contexts{grid-template-columns:1fr;gap:18px;margin-bottom:23px}.flood-highlight-contexts p{font-size:12px}.flood-work-grid{gap:10px}.flood-work-grid article{padding:14px 12px}.flood-work-grid h5{font-size:12px}.flood-work-grid p{font-size:12px}.flood-work-grid article>span{font-size:12px}.flood-result-grid{grid-template-columns:1fr}.flood-result-grid>div,.flood-result-grid>div:first-child,.flood-result-grid>div:last-child{border-left:0;border-top:1px solid #d4deed;padding:13px 0;margin:0}.flood-result-grid>div:first-child{border-top:0;padding-top:0}.flood-result-grid strong{font-size:26px}.flood-result-grid>div:last-child strong{font-size:21px}.flood-highlight-footer{display:block;margin-top:10px;padding-top:20px}.flood-highlight-footer .button{margin-top:17px}.flood-highlight-footer p{font-size:12px}.flood-highlight-footer small{font-size:12px}}
@media(max-width:380px){.flood-highlight{padding:21px 16px}.flood-highlight h3{font-size:21px}.flood-work-grid{grid-template-columns:1fr}}

/* Balanced work summary, limited to the flood overview card. */
.project-card--flood>a{grid-template-rows:auto auto auto 1fr auto;align-content:start}
.project-card--flood .project-image{grid-row:1/6}
.project-card--flood .flood-card-labels{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;align-items:flex-start;align-self:start;gap:8px;margin-top:17px}
.project-card--flood .flood-card-labels span{display:inline-block;padding:6px 12px;border:1px solid #d7e1f0;border-radius:6px;background:#edf2fa;color:#526d95;font-size:12px;line-height:1.6;letter-spacing:.2px}
.project-card--flood .flood-card-coverage{grid-column:2;grid-row:4;align-self:center;margin:20px 0 17px;padding-top:15px;border-top:1px solid #e0e6ef}
.project-card--flood .coverage-caption{font-size:12px;letter-spacing:1px;color:#8c9aaf}
.project-card--flood .flood-card-coverage dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 0}
.project-card--flood .flood-card-coverage dl>div{min-width:0}
.project-card--flood .flood-card-coverage dt{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#344d70;line-height:1.8}
.project-card--flood .flood-card-coverage dt>span{font-size:12px;font-weight:400;color:#8fa4c3;font-family:monospace}
.project-card--flood .flood-card-coverage dd{margin:6px 0 0;font-size:12px;line-height:1.9;color:#8692a5}
.project-card--flood .flood-card-delivery{grid-column:2;grid-row:5;display:flex;gap:12px;align-items:center;border-radius:5px;background:#edf1f7;padding:9px 12px}
.project-card--flood .flood-card-delivery>span{font-size:12px;color:#8a99af;white-space:nowrap}
.project-card--flood .flood-card-delivery p{font-size:12px;color:#647c9c;line-height:1.7;margin:0}
.project-card--flood .flood-card-delivery i{font-style:normal;color:#bcc7d6;margin:0 3px}
@media(min-width:761px) and (max-width:1000px){.project-card--flood .flood-card-coverage dl{gap:9px}.project-card--flood .flood-card-coverage dt{font-size:12px;gap:5px}.project-card--flood .flood-card-coverage dd{font-size:12px}.project-card--flood .flood-card-labels{gap:7px}.project-card--flood .flood-card-labels span{padding:5px 9px;font-size:12px}}
@media(max-width:760px){.project-card--flood .flood-card-labels{gap:8px;margin-top:17px}.project-card--flood .flood-card-labels span{font-size:12px;padding:6px 11px}.project-card--flood .flood-card-coverage{margin:21px 0 17px;padding-top:16px}.project-card--flood .flood-card-coverage dl{gap:12px}.project-card--flood .flood-card-coverage dt{font-size:12px;gap:5px}.project-card--flood .flood-card-coverage dd{font-size:12px}.project-card--flood .flood-card-delivery{padding:10px 12px;flex-wrap:wrap;gap:6px 12px}}
@media(max-width:380px){.project-card--flood .flood-card-coverage dl{grid-template-columns:1fr;gap:12px}.project-card--flood .flood-card-coverage dl>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.project-card--flood .flood-card-coverage dd{margin:0}}