.family-friends-container{background:linear-gradient(#fdf2f8,#fff);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.family-friends-wrapper{width:100%;max-width:1600px}.family-friends-title{text-align:center;color:#fb7185;margin-bottom:4rem;font-family:Georgia,Times New Roman,serif;font-size:3.75rem;font-style:italic}.carousel-container{padding-left:4rem;padding-right:4rem;position:relative}.carousel-overflow{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overflow:hidden}.carousel-overflow:active,.carousel-overflow.dragging{cursor:grabbing}.carousel-track{-webkit-user-select:none;user-select:none;gap:2rem;transition:transform .5s ease-in-out;display:flex}.member-card{flex-direction:column;align-items:center;transition:transform .3s;display:flex}.member-card:hover{transform:scale(1.05)}.member-image-wrapper{border:4px solid #fff;border-radius:50%;width:11rem;height:11rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.member-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.member-name{color:#1f2937;text-align:center;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.member-role{color:#6b7280;text-align:center;font-size:.875rem;font-style:italic}.carousel-arrow{cursor:pointer;z-index:10;background-color:#fff;border:none;border-radius:50%;padding:.75rem;transition:background-color .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.carousel-arrow:hover{background-color:#f9fafb}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}.carousel-arrow svg{color:#4b5563;width:1.5rem;height:1.5rem}.carousel-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.carousel-dot{cursor:pointer;border:none;border-radius:9999px;height:.75rem;padding:0;transition:all .3s}.carousel-dot:not(.active){background-color:#d1d5db;width:.75rem}.carousel-dot:not(.active):hover{background-color:#9ca3af}.carousel-dot.active{background-color:#fb7185;width:2rem}@media (width>=769px){.carousel-overflow{cursor:grab}.carousel-overflow:active,.carousel-overflow.dragging{cursor:grabbing}}@media (width<=768px){.carousel-overflow{cursor:default;touch-action:pan-y}.carousel-overflow.dragging{cursor:default}}@media (width<=1280px){.carousel-container{padding-left:3.5rem;padding-right:3.5rem}.member-image-wrapper{width:10rem;height:10rem}.carousel-track{gap:1.5rem}}@media (width<=1024px){.family-friends-title{font-size:3rem}.carousel-container{padding-left:3rem;padding-right:3rem}.member-card{min-width:calc(33.333% - 1rem)}.member-image-wrapper{width:9rem;height:9rem}.carousel-track{gap:1.5rem}}@media (width<=768px){.family-friends-container{padding:1.5rem}.family-friends-title{margin-bottom:3rem;font-size:2.5rem}.carousel-container{padding-left:2.5rem;padding-right:2.5rem}.member-card{min-width:calc(50% - .75rem)}.member-image-wrapper{border:3px solid #fff;width:8rem;height:8rem}.member-name{font-size:1.125rem}.member-role{font-size:.8125rem}.carousel-track{gap:1.5rem}.carousel-arrow{padding:.625rem}.carousel-arrow svg{width:1.25rem;height:1.25rem}}@media (width<=640px){.family-friends-title{margin-bottom:2.5rem;font-size:2rem}.carousel-container{padding-left:2rem;padding-right:2rem}.member-card{min-width:calc(100% - .5rem)}.member-image-wrapper{width:10rem;height:10rem}.member-name{font-size:1.25rem}.member-role{font-size:.875rem}.carousel-track{gap:1rem}}@media (width<=480px){.family-friends-container{padding:1rem}.family-friends-title{margin-bottom:2rem;font-size:1.75rem}.carousel-container{padding-left:2.5rem;padding-right:2.5rem}.member-image-wrapper{width:9rem;height:9rem}.carousel-arrow{padding:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.carousel-arrow svg{width:1rem;height:1rem}.carousel-dots{gap:.375rem;margin-top:1.5rem}.carousel-dot{height:.625rem}.carousel-dot:not(.active){width:.625rem}.carousel-dot.active{width:1.5rem}}@media (width<=360px){.family-friends-title{font-size:1.5rem}.member-image-wrapper{width:8rem;height:8rem}.member-name{font-size:1rem}.member-role{font-size:.75rem}.carousel-container{padding-left:2rem;padding-right:2rem}}