/* Member List only: company branding and compact profile facts. */
.member-brand-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#fff 35%,#eef6fc);border:1px solid #b9d2e5;border-top:3px solid #267db6;box-shadow:0 5px 18px #123b6210;transition:border-color .2s,box-shadow .2s}
.member-brand-watermark{position:absolute;z-index:-1;pointer-events:none;right:-15px;bottom:55px;width:85%;max-height:150px;object-fit:contain;opacity:.055;transform:rotate(-12deg)}
.member-brand-card:hover{border-color:#267db6;box-shadow:0 8px 24px #123b6220}
.member-brand-card .member-square-photo{width:150px;height:150px}
.member-brand-card h3{margin:12px 0;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.member-brand-facts{width:100%;text-align:left;border-top:1px solid #d8e6f1;padding-top:10px;margin-bottom:8px}
.member-brand-facts p{margin:0;padding:4px 0;font-size:14px;line-height:1.45;color:#45627e;overflow-wrap:anywhere}
.member-brand-facts b{color:#12395e;font-weight:700}
.member-brand-card>.btn{margin-top:auto;background:transparent;color:#12395e;border:1px solid #12395e;padding:7px 14px;box-shadow:0 3px 0 #12395e30;transition:color .2s,border-color .2s,transform .2s}
.member-brand-card>.btn:hover,.member-brand-card>.btn:focus-visible{background:#edf6ff;color:#0866be;border-color:#0866be;transform:translateY(-2px)}
@media(max-width:600px){.member-brand-card{padding:22px 18px}.member-brand-facts p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.member-brand-card,.member-brand-card>.btn{transition:none}}

/* Final approved logo card: cyan/green edge and aligned facts. */
.member-brand-card{border-top:0;background:linear-gradient(145deg,#fff 30%,#eaf5ff);padding-top:29px}
.member-brand-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0878ec,#11c7e3 60%,#62e772);pointer-events:none}
.member-brand-watermark{right:auto;left:50%;bottom:68px;width:70%;height:210px;max-height:210px;opacity:.085;transform:translateX(-50%);mix-blend-mode:multiply}
.member-brand-facts p{display:grid;grid-template-columns:46% minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #cce0ef;font-size:14px;line-height:1.4}
.member-brand-facts p:last-child{border-bottom:0}
.member-brand-card>.btn{margin-top:12px;align-self:center;min-height:0;border-radius:8px}
@media(max-width:600px){.member-brand-facts p{font-size:14px;grid-template-columns:43% minmax(0,1fr)}}

/* Public View Details: compact transparent 3D button. */
.member-brand-card>.member-view-details{background:transparent!important;color:#12395e;border:1px solid #267db6;border-radius:7px;padding:7px 15px;font-size:14px;line-height:1.4;min-height:0;margin-top:14px;box-shadow:0 3px 0 #267db640,0 5px 10px #12395e15,inset 0 1px 0 #ffffffa0;align-self:center;text-decoration:none}
.member-brand-card>.member-view-details:hover,.member-brand-card>.member-view-details:focus-visible{background:transparent!important;color:#0866be;border-color:#0866be;box-shadow:0 4px 0 #0866be40,0 7px 14px #0866be22;transform:translateY(-2px)}
.member-brand-card>.member-view-details:active{transform:translateY(2px);box-shadow:0 1px 0 #267db640}

.member-category-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:#12395e}
@media(min-width:951px){.member-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.member-directory-grid{grid-template-columns:1fr}.member-category-title{font-size:22px;line-height:1.35;box-sizing:border-box}}

/* Compact cards, same branding and readable details. */
.member-directory-grid{gap:18px}
.member-brand-card{padding:18px 16px 16px}
.member-brand-card .member-square-photo{width:108px;height:108px;margin:3px auto 9px;padding:3px;outline-offset:2px}
.member-brand-card .avatar-placeholder{font-size:40px}
.member-brand-card h3{font-size:19px;line-height:1.3;margin:9px 0 11px}
.member-brand-facts{padding-top:5px;margin-bottom:3px}
.member-brand-facts p{padding:5px 0;font-size:13px;line-height:1.35;gap:6px;grid-template-columns:44% minmax(0,1fr)}
.member-brand-watermark{width:65%;height:160px;max-height:160px;bottom:46px}
.member-brand-card>.member-view-details{margin-top:10px;padding:6px 12px;font-size:13px}
.member-category-title{padding:12px 18px;margin:22px 0 16px;font-size:23px}
@media(max-width:767px){.member-brand-card{padding:18px 18px 16px}.member-brand-facts p{font-size:14px;line-height:1.4}.member-brand-card h3{font-size:20px}.member-category-title{font-size:21px}}

/* Unified member directory: one pagination, up to 100 members. */
.member-directory-grid.member-unified-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.member-unified-grid .member-brand-facts p{display:block}
.member-unified-grid .member-brand-facts b{display:inline;margin-right:4px}
@media(min-width:1600px){.member-directory-grid.member-unified-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.member-directory-grid.member-unified-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.member-directory-grid.member-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.member-directory-grid.member-unified-grid{grid-template-columns:1fr}}

/* Five cards per row on laptop and desktop. */
@media(min-width:1024px){.member-directory-grid.member-unified-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.member-unified-grid .member-brand-card{padding:16px 12px}.member-unified-grid .member-brand-card h3{font-size:17px}.member-unified-grid .member-brand-facts p{font-size:13px;line-height:1.4}}

/* Compact raised statistics bar; decoration stays behind the text. */
.member-stats.directory-member-stats{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:12px 10px;margin:20px 0 24px;border:1px solid #527b9d;border-radius:12px;background:linear-gradient(125deg,#102d4c,#18486b 55%,#113451);box-shadow:0 4px 0 #09243d,0 9px 18px #12395e20,inset 0 1px 0 #ffffff40;color:#fff}
.member-stats.directory-member-stats::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 90% 15%,#8ad7f526,transparent 35%),repeating-linear-gradient(135deg,transparent 0 34px,#ffffff06 35px 36px);opacity:.9}
.member-stats.directory-member-stats>div{position:relative;padding:2px 8px;text-align:center;border-right:1px solid #ffffff26;background:transparent;min-width:0}
.member-stats.directory-member-stats>div:last-child{border-right:0}
.member-stats.directory-member-stats strong{display:block;font-size:25px;line-height:1.2;color:#fff;text-shadow:0 2px 1px #041c36;font-variant-numeric:tabular-nums}
.member-stats.directory-member-stats span{display:block;margin-top:4px;font-size:13px;line-height:1.3;color:#e9f5ff;font-weight:600}
@media(max-width:600px){.member-stats.directory-member-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 8px;row-gap:12px}.member-stats.directory-member-stats>div:nth-child(2){border-right:0}.member-stats.directory-member-stats strong{font-size:22px}.member-stats.directory-member-stats span{font-size:12px}}

/* Statistics on the skyline, with transparent surroundings. */
.member-list-hero .member-stats.directory-member-stats{background:transparent;border:0;border-radius:0;box-shadow:none;margin:14px auto 0;padding:8px 0;max-width:1050px;overflow:visible}
.member-list-hero .member-stats.directory-member-stats::before{display:none}
.member-list-hero .member-stats.directory-member-stats>div{border-right:1px solid #27619440;padding:4px 12px}
.member-list-hero .member-stats.directory-member-stats>div:last-child{border-right:0}
.member-list-hero .member-stats.directory-member-stats strong{color:#12395e;font-size:30px;font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 0 #fff,0 2px 2px #27619420}
.member-list-hero .member-stats.directory-member-stats span{color:#12395e;font-size:14px;font-weight:700;margin-top:3px;text-shadow:0 1px 1px #ffffffc0}
.member-list-hero .member-stats.directory-member-stats span::after{content:'';display:block;width:26px;height:2px;margin:5px auto 0;background:linear-gradient(90deg,#1484d0,#25bcb5);border-radius:2px}
@media(min-width:1024px){.member-directory-grid.member-unified-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.member-unified-grid .member-brand-card h3{font-size:19px}}
.member-unified-grid .member-brand-facts p{padding:3px 0;line-height:1.35;font-size:14px;font-family:inherit;color:#42586c}
.member-unified-grid .member-brand-facts b{font-weight:600;color:#163c5e}
.member-unified-grid .member-brand-card h3{font-family:inherit;font-weight:700;letter-spacing:.1px;margin:8px 0}
@media(max-width:600px){.member-list-hero .member-stats.directory-member-stats>div:nth-child(2){border-right:0}.member-list-hero .member-stats.directory-member-stats strong{font-size:25px}.member-list-hero .member-stats.directory-member-stats span{font-size:12px}}

/* Lower skyline statistics, subtle raised typography. */
.page-hero.member-list-hero{padding-bottom:12px}
.member-list-hero .member-stats.directory-member-stats{margin-top:58px;margin-bottom:0;padding:3px 0}
.member-list-hero .member-stats.directory-member-stats>div{padding:0 10px;perspective:500px}
.member-list-hero .member-stats.directory-member-stats strong{font-size:26px;line-height:1.15;text-shadow:0 1px 0 #fff,0 2px 0 #a9c4db,0 3px 2px #17456b30;animation:member-stat-lift 5s ease-in-out infinite}
.member-list-hero .member-stats.directory-member-stats span{font-size:13px;line-height:1.2;margin-top:3px;text-shadow:0 1px 0 #fff,0 2px 1px #17456b25;animation:member-stat-lift 5s ease-in-out infinite}
.member-list-hero .member-stats.directory-member-stats>div:nth-child(2)>*{animation-delay:.3s}
.member-list-hero .member-stats.directory-member-stats>div:nth-child(3)>*{animation-delay:.6s}
.member-list-hero .member-stats.directory-member-stats>div:nth-child(4)>*{animation-delay:.9s}
.member-list-hero .member-stats.directory-member-stats span::after{margin-top:4px}
@keyframes member-stat-lift{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-2px) rotateX(5deg)}}
@media(max-width:600px){.member-list-hero .member-stats.directory-member-stats{margin-top:30px;row-gap:14px}.member-list-hero .member-stats.directory-member-stats strong{font-size:23px}.member-list-hero .member-stats.directory-member-stats span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.member-list-hero .member-stats.directory-member-stats strong,.member-list-hero .member-stats.directory-member-stats span{animation:none}}

/* Compact directory cards without the details button. */
.member-unified-grid .member-brand-card{padding-bottom:10px}
.member-unified-grid .member-brand-facts{margin-bottom:0}
.member-unified-grid .member-brand-facts p:last-child{padding-bottom:0}
.member-unified-grid .membership-expired{margin:6px 0 0}

/* Expanded public profile, matching the directory card. */
.member-expanded-card{max-width:760px;margin:0 auto;padding:28px!important}
.member-expanded-card .member-square-photo{width:180px;height:180px;object-fit:contain}
.member-expanded-card h2{font-size:28px;line-height:1.3;text-align:center;margin:16px 0}
.member-expanded-card .member-brand-facts p{display:block;font-size:17px;line-height:1.5;padding:7px 0;overflow-wrap:anywhere}
.member-expanded-card .member-brand-facts b{margin-right:5px}
.member-expanded-card .member-brand-facts a{color:#0866be;text-decoration:underline}
.member-expanded-card .member-brand-watermark{height:260px;max-height:260px;bottom:70px}
@media(max-width:600px){.member-expanded-card{padding:20px!important}.member-expanded-card h2{font-size:23px}.member-expanded-card .member-brand-facts p{font-size:15px}.member-expanded-card .member-square-photo{width:150px;height:150px}}

/* Anchor statistics to the bottom of the skyline, above its lower edge. */
.page-hero.member-list-hero{position:relative;padding-bottom:145px}
.member-list-hero .member-stats.directory-member-stats{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:min(1050px,92%);margin:0;padding:3px 0}
.member-list-hero .member-stats.directory-member-stats strong{animation:stat-number-float 6s ease-in-out infinite;transform-origin:center}
.member-list-hero .member-stats.directory-member-stats span{animation:stat-label-tilt 7s ease-in-out infinite;transform-origin:center}
.member-list-hero .member-stats.directory-member-stats>div:nth-child(even) strong{animation-name:stat-number-sway}
.member-list-hero .member-stats.directory-member-stats>div:nth-child(even) span{animation-direction:reverse}
@keyframes stat-number-float{0%,100%{transform:translate3d(0,0,0) rotateX(0)}50%{transform:translate3d(0,-4px,8px) rotateX(9deg)}}
@keyframes stat-number-sway{0%,100%{transform:translate3d(0,0,0) rotateY(-7deg)}50%{transform:translate3d(3px,-2px,8px) rotateY(7deg)}}
@keyframes stat-label-tilt{0%,100%{transform:translate3d(0,0,0) rotateY(-3deg)}50%{transform:translate3d(0,-2px,4px) rotateY(3deg)}}
@media(max-width:600px){.page-hero.member-list-hero{padding-bottom:180px}.member-list-hero .member-stats.directory-member-stats{margin:0;bottom:12px}}
@media(prefers-reduced-motion:reduce){.member-list-hero .member-stats.directory-member-stats strong,.member-list-hero .member-stats.directory-member-stats span{animation:none!important}}