.grid-card{display:block;position:relative;border-radius:.75rem;overflow:hidden;color:#fff;height:100%;width:100%}.grid-card--primary{grid-area:area-primary}.grid-card--secondary-1{grid-area:area-sec-1}.grid-card--secondary-2{grid-area:area-sec-2}.grid-card--tertiary{max-width:25.8125rem;min-height:26.875rem}.grid-card .grid-card__image{position:absolute;inset:0;z-index:1}.grid-card .grid-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-card .grid-card__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,transparent 28.23%,#113616 100%)}.grid-card .grid-card__strap{position:absolute;top:0;left:0;z-index:3;color:#113616;transform:translate(-50%,-50%) rotate(-45deg);padding-top:max(6.25rem,35%);width:100%}.grid-card .grid-card__strap span{display:block;width:100%;background-color:#fff;padding:.25rem 35%;text-align:center;line-height:1.5rem;color:#4e4e4e;word-break:break-all}.grid-card .grid-card__icon{position:absolute;z-index:3;overflow:hidden;will-change:box-shadow,color,transform,opacity,background;transition:opacity .3s cubic-bezier(.2,0,.1,1),transform .5s cubic-bezier(.2,0,.1,1),box-shadow .5s ease,color .5s ease,background .5s ease}.grid-card .grid-card__icon:before,.grid-card .grid-card__icon:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:-50%;left:-50%;height:0;padding-bottom:200%;border-radius:39%;transition:transform 0s cubic-bezier(.2,0,.1,1) .3s,opacity .3s cubic-bezier(.2,0,.1,1);opacity:0}.grid-card .grid-card__icon:before{transform:translate3d(-10%,4.8em,0) rotate(330deg)}.grid-card .grid-card__icon:after{transform:translate3d(10%,4.8em,0) rotate(0)}.grid-card .grid-card__icon:active{transform:scale(.98)}.grid-card .grid-card__icon{top:1.5rem;right:1.5rem;width:3rem;height:3rem;background-color:#019615;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.grid-card .grid-card__icon:before{background:#123717}.grid-card .grid-card__icon:after{background:#fff}.grid-card .grid-card__icon svg{width:1.5rem;height:1.5rem;aspect-ratio:1/1}.grid-card .grid-card__icon svg>g>path{transition:stroke .5s ease-out .2s}.grid-card .grid-card__content{position:absolute;bottom:0;left:0;width:100%;padding:2rem 1.5rem;z-index:3}.grid-card .grid-card__title{letter-spacing:-.01rem;margin-bottom:1rem;color:#fff}.grid-card .grid-card__title--primary{line-height:.75}.grid-card .grid-card__title--secondary{line-height:1}.grid-card .grid-card__description{letter-spacing:-.01rem;color:#e0e0e0}.grid-card .grid-card__description--primary{max-width:19.375rem}@media screen and (max-width:1439.98px){.grid-card .grid-card__title--primary{line-height:1}}@media screen and (max-width:767.98px){.grid-card--primary,.grid-card--secondary-1,.grid-card--secondary-2{grid-area:auto;min-height:19rem}}@media screen and (max-width:639.98px){.grid-card--tertiary{min-height:20rem}}@media screen and (min-width:1440.02px){.grid-card{border-radius:calc(.5rem + .2777777778vw)}.grid-card--primary,.grid-card--secondary-1,.grid-card--secondary-2{min-height:calc(12.6666666667rem + 7.037037037vw)}.grid-card--tertiary{max-width:calc(17.2083333333rem + 9.5601851852vw);min-height:calc(17.9166666667rem + 9.9537037037vw)}.grid-card .grid-card__strap span{padding:calc(.1666666667rem + .0925925926vw) 35%;line-height:calc(1rem + .5555555556vw)}.grid-card .grid-card__icon{top:calc(1rem + .5555555556vw);right:calc(1rem + .5555555556vw);width:calc(2rem + 1.1111111111vw);height:calc(2rem + 1.1111111111vw);border-radius:calc(.25rem + .1388888889vw)}.grid-card .grid-card__icon svg{width:calc(1rem + .5555555556vw);height:calc(1rem + .5555555556vw)}.grid-card .grid-card__content{padding:calc(1.3333333333rem + .7407407407vw) calc(1rem + .5555555556vw)}.grid-card .grid-card__title{letter-spacing:calc(-.0066666667rem + -.0037037037vw);margin-bottom:calc(.6666666667rem + .3703703704vw)}.grid-card .grid-card__description{letter-spacing:calc(-.0066666667rem + -.0037037037vw)}.grid-card .grid-card__description--primary{max-width:calc(12.9166666667rem + 7.1759259259vw)}}@media screen and (any-hover:hover)and (any-pointer:fine)and (min-width:1440.02px){.grid-card:hover .grid-card__icon{transform:calc(-.0833333333rem + -.0462962963vw)}}@media(any-hover:hover)and (any-pointer:fine){.grid-card:hover .grid-card__icon{transform:translateY(-.125rem);transition:opacity .3s cubic-bezier(.2,0,.1,1),transform .5s cubic-bezier(.2,0,.1,1),box-shadow 2s ease,color 1.5s ease,background 1s ease}.grid-card:hover .grid-card__icon:before,.grid-card:hover .grid-card__icon:after{transition:transform 2s ease 0s,opacity .2s ease;opacity:1}.grid-card:hover .grid-card__icon:before{transform:translate3d(-10%,-1em,0) rotate(100deg)}.grid-card:hover .grid-card__icon:after{transform:translate3d(0,-1em,0) rotate(180deg)}.grid-card:hover .grid-card__icon svg>g>path{stroke:#019615}}
