.results-group {
     margin-bottom: 80px;
 }

 .results-group-title {
     font-size: 1.25rem;
     color: #666;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin-bottom: 30px;
     font-weight: 600;
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .results-group-title::after {
     content: "";
     flex: 1;
     height: 1px;
     background: #222;
 }

 .search-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     /* Tighter gap like the screenshot */
 }

 /* Result Card Base */
 .result-card {
     position: relative;
     border-radius: 4px;
     /* Squarer corners like the screenshot */
     overflow: hidden;
     background: #0a0a0a;
     aspect-ratio: 1 / 1;
     transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
     border: none;
 }

 .result-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
 }

 .result-card:hover img {
     transform: scale(1.1);
 }

 /* Overlay for Text */
 .result-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0);
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 20px;
     opacity: 0;
     transition: all 0.4s ease;
     z-index: 2;
 }

 .result-card:hover .result-overlay {
     opacity: 1;
     background: linear-gradient(to top, rgba(0, 133, 47, 0.8), transparent);
 }

 .result-title {
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     transform: translateY(10px);
     transition: transform 0.4s ease;
 }

 .result-subtitle {
     color: rgba(255, 255, 255, 0.7);
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: 4px;
     transform: translateY(10px);
     transition: transform 0.4s ease;
     transition-delay: 0.05s;
 }

 .result-card:hover .result-title,
 .result-card:hover .result-subtitle {
     transform: translateY(0);
 }

 /* Nomad Specific Styling */
 .nomad-card-inner {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 20px;
     background: #111;
 }

 .nomad-avatar {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     border: 1px solid #333;
     padding: 4px;
     margin-bottom: 15px;
     object-fit: cover;
     transition: border-color 0.4s ease;
 }

 .result-card:hover .nomad-avatar {
     border-color: #00852f;
 }

 /* No Results State */
 .no-results {
     text-align: center;
     padding: 100px 20px;
     background: #050505;
     border-radius: 12px;
     border: 1px solid #111;
 }

 /* Nomad Profile Card (Sienna Brooks Style) */
 .nomad-profile-card {
     background: #fff;
     /* Light background as per screenshot */
     border-radius: 32px;
     padding: 15px;
     display: flex;
     flex-direction: column;
     gap: 2px;
     transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
     border: 1px solid #eee;
     color: #111;
     /* Dark text for light background */
     text-decoration: none;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
 }

 .nomad-profile-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }

 .nomad-card-header {
     text-align: center;
 }

 .nomad-card-name {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 4px;
     color: #111;
 }

 .nomad-card-status {
     font-size: 13px;
     color: #666;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 6px;
 }

 .status-icon {
     width: 14px;
     height: 14px;
     opacity: 0.6;
 }

 .nomad-card-main-image {
     width: 100%;
     aspect-ratio: 16 / 10;
     /* Smaller height as requested */
     border-radius: 20px;
     overflow: hidden;
     position: relative;
     background: #f5f5f5;
 }

 .nomad-card-main-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .nomad-card-footer {
     display: flex;
     flex-direction: column;
     gap: 15px;
 }

 .nomad-footer-left {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .nomad-footer-avatar {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     object-fit: cover;
 }

 .nomad-footer-info {
     display: flex;
     flex-direction: column;
 }

 .nomad-footer-username {
     font-size: 13px;
     font-weight: 600;
     color: #111;
 }

 .nomad-footer-time {
     font-size: 11px;
     color: #999;
 }

 .nomad-card-button {
     background: #111;
     color: #fff;
     padding: 10px 16px;
     border-radius: 12px;
     font-size: 13px;
     font-weight: 600;
     transition: all 0.3s ease;
     text-align: center;
     /* Center the text in the new line */
     width: 100%;
     /* Make button full width on its line */
 }

 .nomad-profile-card:hover .nomad-card-button {
     background: #00852f;
 }

 /* Ensure the grid handles these larger cards well */
 @media screen and (min-width: 992px) {
     .nomad-grid {
         grid-template-columns: repeat(4, 1fr) !important;
         /* Changed from 3 to 4 */
         gap: 20px !important;
     }
 }

 /* Dark Mode Adaptation if needed */
 [data-theme="dark"] .nomad-profile-card {
     background: #1a1a1a;
     border-color: #222;
     color: #fff;
 }

 [data-theme="dark"] .nomad-card-name,
 [data-theme="dark"] .nomad-footer-username {
     color: #fff;
 }

 [data-theme="dark"] .nomad-card-button {
     background: #333;
 }

 /* Responsive Breakpoints */
 @media screen and (max-width: 991px) {
     .search-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media screen and (max-width: 479px) {
     .search-grid {
         grid-template-columns: 1fr;
     }

     .result-card {
         aspect-ratio: 4 / 5;
     }
 }