.about-role>span{border:1px solid var(--pink);background:transparent;color:var(--pink);transition:background .22s,color .22s}
.about-role:hover>span{background:var(--pink);color:#fff}
.about-reason span{display:grid;place-items:center;float:left;width:42px;height:42px;border-radius:10px;background:#fae7ef;margin-right:17px;transition:background .22s}
.about-reason span img{width:23px;height:23px;object-fit:contain;filter:brightness(0) saturate(100%) invert(49%) sepia(58%) saturate(1070%) hue-rotate(295deg) brightness(92%) contrast(85%);transition:filter .22s}
.about-reason:hover span{background:var(--pink)}
.about-reason:hover span img{filter:brightness(0) invert(1)}
.about-capability .cap-icon{background:#f1eee8}
.about-capability .cap-icon img{filter:grayscale(1) sepia(.12) saturate(.45) brightness(.88)}
.about-capability:hover .cap-icon{background:#fae7ef}
.about-capability:hover .cap-icon img{filter:brightness(0) saturate(100%) invert(49%) sepia(58%) saturate(1070%) hue-rotate(295deg) brightness(92%) contrast(85%)}
.about-watermark{color:#f3dfe2;opacity:1}
.about-watermark span{position:absolute;top:-12px;left:50%;display:block;transform:translateX(-50%);margin:0;color:#8e8884;font:500 12px/1 Harmony,sans-serif;letter-spacing:1px;white-space:nowrap}
.about-hero{min-height:0;padding-bottom:80px}
.about-capabilities{padding-top:80px}
@media(max-width:760px){.about-hero{padding-bottom:45px}.about-capabilities{padding-top:45px}}