.cm-experiences{background:var(--cm-white)}.cm-experiences__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.cm-experience-card{position:relative;min-height:225px;overflow:hidden;padding:24px;border-radius:22px;background:var(--cm-blue);color:var(--cm-navy)}.cm-experience-card--tall{grid-row:span 2;min-height:466px}.cm-experience-card--mint{background:var(--cm-mint)}.cm-experience-card--coral{background:var(--cm-coral-pale)}.cm-experience-card--yellow{background:var(--cm-yellow)}.cm-experience-card--image{background:var(--cm-navy);color:var(--cm-white)}.cm-experience-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.cm-experience-card:hover .cm-experience-card__image{transform:scale(1.05)}.cm-experience-card--image::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,40,71,.8));content:""}.cm-experience-card h3{position:absolute;right:24px;bottom:22px;left:24px;z-index:1;margin:0;color:inherit;font-size:21px}.cm-experience-card__mark{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.55);color:var(--cm-teal)}
@media (max-width:1080px){.cm-experiences__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.cm-experiences__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cm-experiences__grid{grid-template-columns:1fr}.cm-experience-card,.cm-experience-card--tall{min-height:260px;grid-row:auto}}