.giving{background:linear-gradient(145deg,#102c2b 0%,#173d39 52%,#142523 100%)}
.giving-intro{position:relative}
.giving-intro:after{content:"";display:block;width:110px;height:6px;margin-top:28px;background:linear-gradient(90deg,#f1a64f 0 25%,#db6243 25% 50%,#5f8fb8 50% 75%,#9c6aa3 75%)}
.causes{border-color:#fff2;gap:12px;border:0}
.causes article{min-height:300px;padding:28px;display:flex;flex-direction:column;position:relative;border:1px solid #fff2!important;box-shadow:0 15px 34px #06171655;transition:transform .28s ease,box-shadow .28s ease}
.causes article:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:#e7a04f}
.causes article:nth-child(5n+1){background:#9f412f}.causes article:nth-child(5n+1):before{background:#ffbd59}
.causes article:nth-child(5n+2){background:#245b57}.causes article:nth-child(5n+2):before{background:#78c6b8}
.causes article:nth-child(5n+3){background:#303f63}.causes article:nth-child(5n+3):before{background:#7fa8db}
.causes article:nth-child(5n+4){background:#644261}.causes article:nth-child(5n+4):before{background:#c990c3}
.causes article:nth-child(5n+5){background:#81601f}.causes article:nth-child(5n+5):before{background:#f4cf69}
.causes article:hover{transform:translateY(-5px);box-shadow:0 22px 42px #06171688}
.causes h3{min-height:50px}
.causes>article>p{font:14px/1.55 Georgia;color:#fff8ef;flex:1}
.causes details{border-top:1px solid #fff5;margin-top:18px;padding-top:15px}
.causes summary{list-style:none;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;color:#fff}
.causes summary::-webkit-details-marker{display:none}
.causes summary span{font-size:18px;transition:transform .25s}
.causes details[open] summary span{transform:rotate(45deg)}
.cause-detail{padding:15px 0 4px}
.cause-detail p{font:14px/1.65 Georgia;color:#fff;margin:0 0 18px}
.cause-detail a{color:#fff3c4;font-size:9px;font-weight:800;letter-spacing:1px;text-decoration:none;border-bottom:1px solid #fff3c4}
@media(max-width:700px){.causes{gap:8px}.causes article:hover{transform:none}}