/* CIDES milestones — creative green impact bar directly below About */
body.home .cides-about-collage{
    padding-bottom:78px;
}

body.home .cides-df-impact-strip{
    position:relative;
    z-index:3;
    isolation:isolate;
    overflow:hidden;
    padding:58px 0 62px;
    background:
        radial-gradient(circle at 8% 18%,rgba(247,197,44,.16) 0 2px,transparent 3px),
        radial-gradient(circle at 91% 78%,rgba(255,255,255,.10) 0 2px,transparent 3px),
        linear-gradient(115deg,#073b1f 0%,#0c4b25 38%,#14602f 70%,#1e7334 100%);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.18);
}

body.home .cides-df-impact-strip::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:.22;
    background:
        radial-gradient(ellipse at 14% 115%,transparent 0 48%,rgba(255,255,255,.12) 49% 50%,transparent 51%),
        radial-gradient(ellipse at 52% -20%,transparent 0 54%,rgba(247,197,44,.16) 55% 56%,transparent 57%),
        repeating-linear-gradient(65deg,transparent 0 34px,rgba(255,255,255,.025) 35px 36px);
}

body.home .cides-df-impact-strip::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:18px;
    background:#f7c52c;
    opacity:1;
    clip-path:polygon(0 62%,5% 35%,10% 58%,16% 30%,22% 55%,28% 32%,34% 63%,40% 37%,46% 59%,52% 29%,58% 58%,64% 34%,70% 62%,76% 36%,82% 56%,88% 31%,94% 61%,100% 39%,100% 100%,0 100%);
}

body.home .cides-df-impact-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:start;
    text-align:center;
    counter-reset:cides-milestone;
}

body.home .cides-df-impact-grid::before{
    content:"";
    position:absolute;
    top:29px;
    left:10%;
    right:10%;
    height:2px;
    z-index:0;
    background:linear-gradient(90deg,rgba(247,197,44,.1),#f7c52c 14%,#f7c52c 86%,rgba(247,197,44,.1));
    box-shadow:0 0 18px rgba(247,197,44,.22);
}

body.home .cides-df-impact-item{
    --milestone-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.7 3.3C13.9 3.5 7.2 6.1 4.4 11.1c-2.3 4.1-.2 7.2 2.8 7.9 2.2.5 4.7-.4 6.4-2.3 2.6-2.8 3.1-6.5 4.2-9.2-1.5 4.1-4.5 7.4-8.8 9.8-.5.3-.7.9-.4 1.4.3.5.9.7 1.4.4 5.7-3.2 9.5-7.9 10.7-15.8Z'/%3E%3C/svg%3E");
    position:relative;
    z-index:1;
    min-width:0;
    padding:76px 28px 8px;
    counter-increment:cides-milestone;
}

body.home .cides-df-impact-item + .cides-df-impact-item{
    border-left:1px solid rgba(255,255,255,.12);
}

body.home .cides-df-impact-item::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:58px;
    height:58px;
    transform:translateX(-50%);
    border:5px solid rgba(255,255,255,.16);
    border-radius:20px;
    background:#f7c52c;
    box-shadow:0 14px 30px rgba(0,0,0,.20),0 0 0 6px rgba(247,197,44,.08);
}

body.home .cides-df-impact-item::after{
    content:"";
    position:absolute;
    top:16px;
    left:50%;
    width:26px;
    height:26px;
    transform:translateX(-50%);
    background:#0c4b25;
    -webkit-mask:var(--milestone-icon) center/contain no-repeat;
    mask:var(--milestone-icon) center/contain no-repeat;
}

body.home .cides-df-impact-item:nth-child(2){
    --milestone-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm8.5 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM2 21v-2c0-3.3 2.7-6 6-6s6 2.7 6 6v2H2Zm13.1 0v-2c0-1.8-.6-3.5-1.7-4.8.9-.8 2-1.2 3.1-1.2 3 0 5.5 2.5 5.5 5.5V21h-6.9Z'/%3E%3C/svg%3E");
}

body.home .cides-df-impact-item:nth-child(3){
    --milestone-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.6 2.5c.4 3.2-1.4 4.7-3 6.3-1.5 1.5-2.7 3-2.7 5.3 0 2.6 1.9 4.7 4.5 4.7 2.8 0 4.9-2 4.9-5 0-2.1-1-4.3-3.7-6.8.3 2-1 3.1-2.1 4.1-.8.7-1.4 1.5-1.4 2.7 0 .9.4 1.7 1.1 2.1-.2-2.4 1.9-3.4 3-5.2 1.3 1.4 2 3 2 4.5 0 2.5-1.7 4.3-4.3 4.3-3.3 0-5.8-2.5-5.8-5.9 0-3.1 1.7-5.2 3.7-7.1 1.6-1.5 3.2-2.9 3.8-4Z'/%3E%3C/svg%3E");
}

body.home .cides-df-impact-item:nth-child(4){
    --milestone-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 7v2l2-1.1V21h14V7.9L21 9V7l-9-5Zm-5 7 5-2.8L17 9v10h-2v-6H9v6H7V9Zm4 6h2v4h-2v-4Z'/%3E%3C/svg%3E");
}

body.home .cides-df-impact-item strong{
    display:block;
    margin:0;
    color:#fff;
    font-size:clamp(34px,3.3vw,48px);
    font-weight:800;
    line-height:1;
    letter-spacing:-.045em;
    text-shadow:0 3px 16px rgba(0,0,0,.18);
}

body.home .cides-df-impact-item strong > span{
    display:inline;
    margin:0;
    color:inherit;
    font:inherit;
    letter-spacing:inherit;
    text-transform:none;
}

body.home .cides-df-impact-item > span{
    display:block;
    margin:12px auto 0;
    color:#f5f8f5;
    font-size:13px;
    font-weight:750;
    line-height:1.35;
    letter-spacing:.035em;
    text-transform:uppercase;
}

body.home .cides-df-impact-item > span::before{
    content:"Milestone 0" counter(cides-milestone);
    display:block;
    margin-bottom:5px;
    color:#f7c52c;
    font-size:9px;
    font-weight:800;
    letter-spacing:.14em;
}

@media(max-width:900px){
    body.home .cides-df-impact-strip{padding:52px 0 58px}
    body.home .cides-df-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 0}
    body.home .cides-df-impact-grid::before{display:none}
    body.home .cides-df-impact-item:nth-child(3){border-left:0}
}

@media(max-width:560px){
    body.home .cides-about-collage{padding-bottom:58px}
    body.home .cides-df-impact-strip{padding:44px 0 50px}
    body.home .cides-df-impact-grid{grid-template-columns:1fr;gap:26px}
    body.home .cides-df-impact-item{padding:70px 18px 20px;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
    body.home .cides-df-impact-item:last-child{border-bottom:0}
    body.home .cides-df-impact-item strong{font-size:38px}
    body.home .cides-df-impact-item > span{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
    body.home .cides-df-impact-item::before{box-shadow:none}
}