.area-cards{display:grid;grid-template-columns:repeat(3,1fr)}@media screen and (min-width:768px)and (max-width:1199px){.area-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.area-cards{grid-template-columns:repeat(1,1fr);max-width:calc(100vw - 3em);margin-left:auto;margin-right:auto}}.area-card:nth-child(2n) .area-card__link{background-color:var(--color-bg)}.area-card .area-card__link{display:flex;align-items:center;padding:2em;width:100%;border:1px solid #eee;gap:2em;transition:background-color .3s ease}@media screen and (max-width:767px){.area-card .area-card__link{gap:1em;padding:1.5em}}@media screen and (min-width:768px)and (max-width:1199px){.area-card .area-card__link{gap:1.5em}}.area-card .area-card__link:hover{background-color:var(--color-primary)}.area-card .area-card__link:hover .area-card__category,.area-card .area-card__link:hover .area-card__title{color:#fff}.area-card .area-card__img{display:block;height:100px;width:auto;aspect-ratio:1/1;overflow:hidden;border-radius:10px}.area-card .area-card__img img{width:100%;height:100%;object-fit:cover;object-position:center}.area-card .area-card__category,.area-card .area-card__title{transition:color .3s ease}.area-card .area-card__category{color:var(--color-gray);font-size:14px;margin-bottom:.25em}.area-card .area-card__title{font-weight:700;font-size:18px}.area-card .area-card__body{width:calc(100% - 100px - 2em)}