.hanna-circle-nav{padding-block:1.25rem 1.75rem;background:#ffffff;}
@media(min-width:768px){.hanna-circle-nav{padding-block:2rem 2.5rem;}}

.hanna-circle-grid{gap:1.1rem;padding-bottom:.1rem;}
@media(min-width:768px){.hanna-circle-grid{gap:1.75rem;justify-content:center;}}

.hanna-grid>.hanna-circle{flex:0 0 27%;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;}
@media(min-width:480px){.hanna-grid>.hanna-circle{flex-basis:22%;}}
@media(min-width:768px){.hanna-grid>.hanna-circle{flex:0 0 auto;}}

.hanna-circle{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:inherit;}
.hanna-circle__media{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--hanna-beige,#f8f5f0);}
@media(min-width:768px){.hanna-circle__media{width:128px;}}
.hanna-circle__media img{width:100%;height:100%;object-fit:cover;display:block;}

.hanna-circle__label{font-family:var(--hanna-sans);font-size:.9rem;font-weight:700;letter-spacing:.01em;color:var(--hanna-ink,#1a1a1a);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}