.circle-card{display:block;position:relative;width:100%;max-width:200px;aspect-ratio:1 / 1;background-color:#4f2723;overflow:hidden;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:50%;margin:0 auto}.circle-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.2)}.circle-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease;z-index:1}.circle-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.circle-card-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:3}.circle-card-title{color:#ffffff;font-size:1.25rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.5);margin:0}@media screen and (max-width:768px){.circle-card{max-width:150px}.circle-card-title{font-size:1rem}}@media screen and (max-width:480px){.circle-card{max-width:120px}.circle-card-title{font-size:0.875rem}}.circle-cards-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,200px));justify-content:center;margin-bottom:2rem}@media screen and (min-width:769px){.circle-cards-grid{grid-template-columns:repeat(auto-fit,200px)}}.circle-cards-grid.compact{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,150px))}@media screen and (min-width:769px){.circle-cards-grid.compact{grid-template-columns:repeat(auto-fit,150px)}}