.footprints{background:#f7f8fc;color:var(--navy);padding-block:104px}
.footprints:focus{outline:none}

.footprints-heading{display:grid;grid-template-columns:1fr 3fr;gap:5vw;margin-bottom:46px}
.footprints-heading>.section-label{align-items:flex-start;padding-top:8px;color:var(--blue)}
.footprints-kicker{font-size:.8125rem;color:var(--blue);margin-bottom:18px;letter-spacing:.06em}
.footprints-heading h2{font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.45;letter-spacing:-.045em}
.footprints-heading p{margin-top:22px;max-width:48rem;font-size:1.0625rem;color:var(--muted);line-height:1.9;word-break:keep-all}
.footprints-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.footprint-feature{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d9deea;padding:32px 34px;min-height:360px}
.footprint-feature-1,.footprint-feature-2{color:#fff}
.footprint-feature-1{background:var(--navy);border-color:var(--navy)}
.footprint-feature-2{background:var(--blue);border-color:var(--blue)}
.footprint-feature-3{background:#e9eeff;border-color:#d1daff;padding:32px 30px}
.footprint-card-top{font-size:.75rem;color:var(--blue);letter-spacing:.06em;overflow-wrap:anywhere}
.footprint-feature-1 .footprint-card-top,.footprint-feature-2 .footprint-card-top{color:#dce4ff}
.footprint-context{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:22px;word-break:keep-all}
.footprint-feature-1 .footprint-context,.footprint-feature-2 .footprint-context{margin-top:26px;color:#d1dcf3}
.footprint-feature h3{font-size:clamp(28px,2.6vw,37px);font-weight:500;line-height:1.4;letter-spacing:-.035em;margin-top:12px}
.footprint-feature-1 h3,.footprint-feature-2 h3{font-size:clamp(28px,2.6vw,37px);line-height:1.4;margin-top:12px}
.footprint-description{font-size:.9375rem;line-height:1.8;color:var(--muted);margin-top:12px;word-break:keep-all}
.footprint-feature-projects{list-style:none;padding:0;margin:22px 0 24px;display:grid;gap:14px}
.footprint-feature-projects h4{font-size:1rem;font-weight:500;margin:0;line-height:1.65}
.footprint-feature-projects p{font-size:.875rem;line-height:1.8;margin-top:3px;color:#d1dcf3;word-break:keep-all}
.footprint-feature-3 .footprint-feature-projects p,.footprint-feature-4 .footprint-feature-projects p{color:var(--muted)}
.footprint-feature-projects *,.footprint-entry *{overflow-wrap:anywhere}
.footprint-card-bottom{margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:space-between;font-size:.8125rem;line-height:1.7;color:var(--muted)}
.footprint-feature-1 .footprint-card-bottom,.footprint-feature-2 .footprint-card-bottom{border-top:1px solid #ffffff26;margin-top:auto;color:#dce4ff;padding-top:20px}
.footprint-feature-2 .footprint-card-top,.footprint-feature-2 .footprint-context,.footprint-feature-2 .footprint-feature-projects p,.footprint-feature-2 .footprint-card-bottom{color:#fff}
.footprints-archive{margin-top:46px;padding-top:30px;border-top:1px solid #d6dce7}
.footprints-archive-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:16px}
.footprints-archive-heading h3{font-size:1.25rem;font-weight:500;letter-spacing:-.025em;line-height:1.7}
.footprints-archive-heading p{font-size:.875rem;color:var(--muted);line-height:1.8}
.footprint-category{border-top:1px solid #dce1ea}
.footprint-category:last-child{border-bottom:1px solid #dce1ea}
.footprint-category>summary{list-style:none;display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,1.6fr) auto;align-items:center;gap:24px;padding:20px 0;min-height:70px;cursor:pointer}
.footprint-category>summary::-webkit-details-marker{display:none}
.footprint-category>summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.footprint-category-name{font-size:1rem;font-weight:500}
.footprint-category-description{font-size:.875rem;color:#697287;line-height:1.7;word-break:keep-all}
.footprint-category-control{display:flex;align-items:center;gap:18px;font-size:.8125rem;color:var(--muted)}
.footprint-category .plus{position:relative;display:block;width:14px;height:14px;flex:none;transition:transform .2s}
.footprint-category .plus:before,.footprint-category .plus:after{content:'';position:absolute;left:0;top:6px;width:14px;height:1px;background:currentColor}
.footprint-category .plus:after{transform:rotate(90deg)}
.footprint-category[open] .plus{transform:rotate(45deg)}
.footprint-category .when-open,.footprint-category[open] .when-closed{display:none}
.footprint-category[open] .when-open{display:inline}
.footprint-category>ul{list-style:none;padding:6px 0 28px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.footprint-entry{border-top:1px solid #e0e4ed;padding:16px 0;min-width:0}
.footprint-entry h4{font-size:.9375rem;font-weight:400;line-height:1.7;margin:0;word-break:keep-all}
.footprint-entry p{font-size:.8125rem;line-height:1.7;margin-top:4px;color:#697287;word-break:keep-all}
.footprints-heading>*,.footprint-feature>*,.footprint-category>summary>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:1050px){
 .footprints{padding-block:90px}
 .footprints-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footprint-feature{grid-column:auto}
 .footprint-feature{padding:24px;min-height:240px}
 .footprint-feature-1,.footprint-feature-2{padding:28px}
 .footprint-card-bottom{display:block}
 .footprint-card-bottom>span{display:block}
}
@media(max-width:760px){
 .footprints{padding-block:74px}
 .footprints-heading{display:block;margin-bottom:32px}
 .footprints-heading>.section-label{padding:0;margin-bottom:26px}
 .footprints-kicker{font-size:.75rem;margin-bottom:14px}
 .footprints-heading h2{font-size:29px;line-height:1.5}
 .footprints-heading p{font-size:1rem;line-height:1.85;margin-top:20px}
 .footprints-heading p br{display:none}
 .footprints-features{grid-template-columns:minmax(0,1fr);gap:14px}
 .footprint-feature{grid-column:auto;min-height:0;padding:26px 24px}
 .footprint-feature-1,.footprint-feature-2{padding:30px 26px}
 .footprint-feature-1 .footprint-context,.footprint-feature-2 .footprint-context{margin-top:26px}
 .footprint-feature h3{font-size:1.5rem;line-height:1.5}
 .footprint-feature-1 h3,.footprint-feature-2 h3{font-size:1.75rem;line-height:1.4}
 .footprint-card-bottom{padding-top:20px}
 .footprint-feature-1 .footprint-card-bottom,.footprint-feature-2 .footprint-card-bottom{margin-top:8px}
 .footprints-archive{margin-top:36px;padding-top:24px}
 .footprints-archive-heading{display:block;margin-bottom:18px}
 .footprints-archive-heading h3{font-size:1.125rem}
 .footprints-archive-heading p{font-size:.8125rem;margin-top:5px}
 .footprint-category>summary{grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:18px 0}
 .footprint-category-name{font-size:.9375rem}
 .footprint-category-description{grid-column:1;grid-row:2;font-size:.8125rem}
 .footprint-category-control{grid-column:2;grid-row:1/3;gap:10px;font-size:.75rem}
 .footprint-category>ul{grid-template-columns:minmax(0,1fr);padding-bottom:20px}
 .footprint-entry{padding:14px 0}
 
}
@media(max-width:380px){.footprint-category-control>.when-closed,.footprint-category-control>.when-open{display:none}}
@media(prefers-reduced-motion:reduce){.footprint-category .plus{transition:none}}
