/* Portrait-directory layout adapted from the supplied layout screenshot.
   Existing demo portraits only; no third-party profile data or images. */
.members{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px;padding:9px 4px 6px;align-items:start}
.member{height:auto;border:0;border-radius:0;background:transparent;overflow:visible}
.member:after{display:none}
.member>div{position:static;left:auto;bottom:auto}
.member .member-photo{position:relative;aspect-ratio:2/3;border:1px solid #b58b4a;background:#33251d;isolation:isolate}
.member-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.member-brand{position:absolute;left:-5px;top:-9px;width:35px;height:38px;display:grid;place-items:center;border-radius:7px;background:#30202d;box-shadow:0 1px 4px #0004}
.member-brand img{width:27px;height:29px}
.member-demo{position:absolute;left:-3px;bottom:5px;padding:3px 7px;border-radius:3px;background:#483820;color:#fff0c7;font-size:10px;line-height:1.2;font-weight:700;box-shadow:0 1px 4px #0005}
.member .like{right:5px;bottom:4px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#201615aa;font-size:27px;line-height:1;color:#fff7e8}
.member .like[aria-pressed=true]{color:#f4bd93}
.member .member-details{text-align:center;padding:5px 2px 0;min-height:45px}
.member-details strong{display:block;color:#e8c27e;font-size:16px;line-height:19px;font-weight:700}
.member-details small{display:block;color:#d7cec4;font-size:14px;line-height:18px;margin-top:1px}
@media(max-width:700px){.members{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;padding:12px 3px 8px}.member-details strong{font-size:16px}.member-details small{font-size:14px}.member .member-details{min-height:44px}}
/* Mobile download bar: stay visible above the device safe area. */
@media(max-width:700px){
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  .final-download{position:fixed;z-index:100;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:auto;height:76px;margin:0;box-shadow:0 4px 24px #0009,inset 0 2px 10px #fff7d960}
  .final-download strong{font-size:clamp(16px,4.8vw,20px)}
  .final-download small{font-size:10px;line-height:14px}
}

/* Nine demo profiles plus one app-download tile. */
.member-more{align-self:stretch;min-height:200px;border:1px dashed #b58b4a;border-radius:3px;background:linear-gradient(145deg,#4d3928,#241a16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 8px;text-align:center;color:#edce94}
.member-more .more-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d8b777;border-radius:50%;font-size:38px;font-weight:300;line-height:1}
.member-more strong{font-size:17px}.member-more small{font-size:13px;color:#fff0cb}
@media(max-width:700px){.member-more{min-height:240px}.member-more strong{font-size:18px}}

/* Full-body assets: preserve the entire photograph, never zoom/crop. */
.member-photo>img{object-fit:contain;object-position:center;background:#f4f3f1}
.member .member-photo{border-radius:8px}
.member-photo>img{border-radius:7px}

.member-photo>.profile-link{display:block;width:100%;height:100%;border-radius:7px;overflow:hidden}.profile-link>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4f3f1}.member-brand{pointer-events:none}

.city-group-label{grid-column:1/-1;margin:3px 0 0;padding:8px 0;border-bottom:1px solid #ececef;font-size:13px;font-weight:700;color:#666}.filter-status{font-size:12px;line-height:1.5;margin:0 4px 8px;color:#65656b}