.typology-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:transform .3s ease}.typology-card .imageContainer{position:relative;width:220px;height:220px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:2px solid transparent}@media(max-width:1600px){.typology-card .imageContainer{width:200px;height:200px}}@media(max-width:1200px){.typology-card .imageContainer{width:160px;height:160px}}@media(max-width:992px){.typology-card .imageContainer{width:120px;height:120px}}@media(max-width:768px){.typology-card .imageContainer{width:120px;height:120px}}.typology-card .image{object-fit:cover;transition:transform .5s ease}.typology-card:hover .imageContainer{border-color:#ffbe00}.typology-card:hover .name{color:#ffbe00}.typology-card:hover .image{transform:scale(1.1)}.typologies-page{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;margin:25px 0;transition:transform .3s ease}.typologies-page .imageContainer{position:relative;width:100%;aspect-ratio:1/1;height:auto;border-radius:50%;overflow:hidden;margin-bottom:20px;border:2px solid transparent}.typologies-page .imageContainer img{width:100%;height:100%;object-fit:cover}.typologies-page .image{object-fit:cover;transition:transform .5s ease}.typologies-page .name{font-size:32px;font-family:var(--font-quicksand)}@media(max-width:1600px){.typologies-page .name{font-size:34px}}@media(max-width:1200px){.typologies-page .name{font-size:30px}}@media(max-width:992px){.typologies-page .name{font-size:28px}}@media(max-width:768px){.typologies-page .name{font-size:24px}}.typologies-page:hover .imageContainer{border-color:#ffbe00}.typologies-page:hover .name{color:#ffbe00}.typologies-page:hover .image{transform:scale(1.1)}.name{font-size:20px;font-weight:700;color:#000;text-align:center;margin:0;transition:color .3s ease;font-family:var(--font-quicksand)!important}@media(max-width:1200px){.name{font-size:18px}}@media(max-width:768px){.name{font-size:16px}}@media screen and (max-width:1200px){.typologies-page{margin:20px 0}.typologies-page .imageContainer{margin-bottom:16px;width:100%}.typologies-page .name{font-size:24px}}@media screen and (max-width:768px){.typologies-page{margin:18px 0}.typologies-page .imageContainer{margin-bottom:12px;width:100%}.typologies-page .name{font-size:22px}}@media screen and (max-width:576px){.typologies-page{margin:16px 0}.typologies-page .imageContainer{margin-bottom:12px}.typologies-page .name{font-size:20px}}