.card__group{height:calc(700px * 15 / 9);grid-gap:2rem;gap:2rem;padding:2rem}.card____,.card__group{display:grid;width:100%}.card____{--var-opacity:0;height:100%;background-color:#fff;border-radius:.5rem;grid-template-rows:auto 38%;padding:.5rem;overflow:hidden;transition:grid-template-rows .3s ease-in-out;box-shadow:0 16px 12px -8px #1e1e1e1e}.card____:nth-of-type(4){grid-row:4/6;--var-gr-1:radial-gradient(#ff0844 0%,#ffb199 30%,transparent);--var-gr-2:radial-gradient(#12FFF7,#B3FFAB 30%,transparent)}.card____:nth-of-type(3){grid-row:3/5;--var-gr-1:radial-gradient(#f093fb 0%,#f5576c 30%,transparent);--var-gr-2:radial-gradient(#c1dfc4 0%,#deecdd 30%,transparent)}.card____:nth-of-type(2){grid-row:1/3;--var-gr-1:radial-gradient(#84fab0 0%,#8fd3f4 30%,transparent);--var-gr-2:radial-gradient(#a1c4fd 0%,#c2e9fb 30%,transparent)}.card____:first-of-type{grid-row:2/4;--var-gr-1:radial-gradient(#ffdde1,#ee9ca7 30%,transparent);--var-gr-2:radial-gradient(#ffffff,#ffefba 30%,transparent)}.card__image{overflow:hidden;background-color:#f4f6ff}.card__image,.card__image img{width:100%;height:100%;position:relative}.card__image img{z-index:100;object-fit:cover;object-position:top;border-top-left-radius:2rem;right:0}.card__image:before{background:var(--var-gr-1);animation:pulsing__1 10s ease-in-out infinite alternate;animation-play-state:var(--var-state)}.card__image:after,.card__image:before{position:absolute;z-index:1;width:80%;aspect-ratio:1;content:"";filter:blur(30px);opacity:var(--var-opacity);transition:opacity .3s ease-in-out;border-radius:50%}.card__image:after{right:5%;background:var(--var-gr-2);animation:pulsing__2 10s ease-in-out infinite alternate;animation-play-state:var(--var-state)}.card__content{padding:1rem}.card__content h1{margin-top:.75rem;font-weight:600;font-size:1.5rem}.card__content p{margin-top:1rem;font-size:.95rem;color:#777;line-height:1.45rem}.card__content a{--var-translate:0rem;display:flex;width:-moz-fit-content;width:fit-content;gap:.25rem;align-items:center;margin-top:1.25rem;text-decoration:none;font-weight:600;color:#ad49e1;opacity:var(--var-opacity);transition:opacity .4s ease-in-out;font-size:.9rem}.card__content a .icon{font-size:.7rem;transition:translate .25s ease-in-out;translate:var(--var-translate) 15%}.card__content a:hover{opacity:.7;--var-translate:0.35rem}@keyframes pulsing__1{0%,to{translate:0 0}50%{translate:100% 0}}@keyframes pulsing__2{0%,to{translate:0 0}50%{translate:-100% 0}}