/* CIDES Green Technologies — editable collage About section */
.cides-about-collage{
    position:relative;
    overflow:hidden;
    padding:96px 0 104px;
    background:#fff;
    color:#111;
}
.cides-about-collage::before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    left:-190px;
    bottom:-190px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(247,197,44,.12),rgba(247,197,44,0) 70%);
    pointer-events:none;
}
.cides-about-collage::after{
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    right:-180px;
    top:-140px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(34,139,34,.08),rgba(34,139,34,0) 70%);
    pointer-events:none;
}
.cides-about-collage__grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:78px;
    align-items:center;
}
.cides-about-collage__media{
    position:relative;
    min-height:520px;
}
.cides-about-collage__photo{
    position:absolute;
    margin:0;
    overflow:hidden;
    border-radius:10px;
    background:#e9f1e8;
    box-shadow:0 16px 38px rgba(20,71,33,.10);
}
.cides-about-collage__photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.cides-about-collage__photo--primary{
    left:0;
    top:42px;
    width:59%;
    height:408px;
}
.cides-about-collage__photo--secondary{
    right:0;
    top:0;
    width:49%;
    height:238px;
}
.cides-about-collage__photo--tertiary{
    right:4%;
    bottom:0;
    width:53%;
    height:218px;
}
.cides-about-collage__placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#1e7334;
    background:linear-gradient(135deg,#e4eee3,#f4f8f3);
}
.cides-about-collage__placeholder svg{
    width:36%;
    height:36%;
    fill:currentColor;
    opacity:.28;
}
/* The former 2010 CIDES year badge is intentionally removed from view. */
.cides-about-collage__badge{
    display:none!important;
}
.cides-about-collage__copy{
    max-width:720px;
}
.cides-about-collage__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#d59c00;
    font-size:14px;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.cides-about-collage__eyebrow::before{
    content:"";
    width:28px;
    height:3px;
    border-radius:99px;
    background:#f7c52c;
}
.cides-about-collage__copy h2{
    margin:14px 0 22px;
    color:#102619;
    font-size:clamp(42px,4.7vw,64px);
    font-weight:700;
    line-height:1.02;
    letter-spacing:-.045em;
}
.cides-about-collage__paragraph{
    max-width:690px;
    color:#252d27;
    font-size:18px;
    font-weight:500;
    line-height:1.72;
}
.cides-about-collage__paragraph p{
    margin:0 0 1em;
    color:inherit;
    font:inherit;
}
.cides-about-collage__capabilities{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px 28px;
    margin:30px 0 32px;
}
.cides-about-collage__capability{
    display:grid;
    grid-template-columns:24px 1fr;
    gap:9px;
    align-items:start;
    color:#172018;
}
.cides-about-collage__capability>span{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f7c52c;
    color:#0c4b25;
    font-size:14px;
    font-weight:900;
    line-height:1;
}
.cides-about-collage__capability strong{
    color:#172018;
    font-size:16px;
    font-weight:700;
    line-height:1.45;
}
.cides-about-collage__cta{
    min-height:54px;
    padding:12px 22px;
    font-size:16px;
    font-weight:700;
    box-shadow:0 14px 30px rgba(12,75,37,.12);
}

@media(max-width:1120px){
    .cides-about-collage__grid{gap:48px}
    .cides-about-collage__media{min-height:470px}
    .cides-about-collage__photo--primary{height:370px}
    .cides-about-collage__photo--secondary{height:215px}
    .cides-about-collage__photo--tertiary{height:198px}
    .cides-about-collage__copy h2{font-size:clamp(40px,5vw,56px)}
}
@media(max-width:900px){
    .cides-about-collage{padding:82px 0 88px}
    .cides-about-collage__grid{grid-template-columns:1fr;gap:52px}
    .cides-about-collage__media{width:min(100%,680px);min-height:520px;margin:0 auto}
    .cides-about-collage__copy{max-width:none}
    .cides-about-collage__paragraph{max-width:none}
}
@media(max-width:640px){
    .cides-about-collage{padding:68px 0 74px}
    .cides-about-collage__media{min-height:430px}
    .cides-about-collage__photo--primary{top:42px;width:64%;height:315px}
    .cides-about-collage__photo--secondary{width:48%;height:175px}
    .cides-about-collage__photo--tertiary{width:53%;height:175px}
    .cides-about-collage__copy h2{font-size:clamp(36px,10vw,48px)}
    .cides-about-collage__paragraph{font-size:17px;line-height:1.7}
    .cides-about-collage__capabilities{grid-template-columns:1fr;gap:12px;margin-top:24px}
    .cides-about-collage__capability strong{font-size:16px}
}
@media(max-width:440px){
    .cides-about-collage__media{min-height:370px}
    .cides-about-collage__photo--primary{width:68%;height:270px}
    .cides-about-collage__photo--secondary{width:49%;height:145px}
    .cides-about-collage__photo--tertiary{width:55%;height:145px}
}