.member-showcase {
   --showcase-ink:#162029;
   --showcase-muted:#687681;
   --showcase-surface:#ffffff;
   --showcase-soft:#f1f5f3;
   --showcase-line:rgba(21,48,55,.12);
   --showcase-accent:#0c7c86;
   --showcase-warm:#f5b544;
   width:100%;
   max-width:1480px;
   margin:0 auto 3rem;
   color:var(--showcase-ink);
}
.member-showcase-hero {
   position:relative;
   min-height:34rem;
   overflow:hidden;
   border-radius:1.5rem;
   background-color:#173f43;
   background-image:linear-gradient(120deg,#12383d 0%,#146b71 54%,#e2a23a 150%);
   background-image:linear-gradient(120deg,rgba(8,31,34,.94),rgba(10,91,98,.66)),var(--member-showcase-cover,linear-gradient(120deg,#12383d,#146b71));
   background-position:center;
   background-size:cover;
   box-shadow:0 1.4rem 3.5rem rgba(15,40,45,.18);
   isolation:isolate;
}
.member-showcase-hero::after {
   content:"";
   position:absolute;
   right:-9rem;
   bottom:-12rem;
   width:34rem;
   height:34rem;
   border:1px solid rgba(255,255,255,.18);
   border-radius:50%;
   box-shadow:0 0 0 4rem rgba(255,255,255,.04),0 0 0 9rem rgba(255,255,255,.025);
   z-index:-1;
}
.member-showcase-hero-overlay {
   position:absolute;
   inset:0;
   background:linear-gradient(180deg,rgba(3,19,22,.12) 0%,rgba(3,19,22,.74) 100%);
   z-index:-1;
}
.member-showcase-hero-content {
   display:flex;
   align-items:flex-end;
   gap:2rem;
   min-height:27rem;
   padding:4rem 4rem 3rem;
   color:#fff;
}
.member-showcase-avatar {
   flex:0 0 auto;
   width:9rem;
   height:9rem;
   object-fit:cover;
   border:5px solid rgba(255,255,255,.92);
   border-radius:50%;
   background:#fff;
   box-shadow:0 1rem 2.5rem rgba(0,0,0,.26);
}
.member-showcase-identity {
   max-width:53rem;
}
.member-showcase-eyebrow,
.member-showcase-kicker {
   margin:0 0 .45rem;
   color:var(--showcase-warm);
   font-size:.78rem;
   font-weight:800;
   letter-spacing:.14em;
   text-transform:uppercase;
}
.member-showcase-identity h1 {
   margin:0;
   color:#fff;
   font-size:clamp(2.35rem,5vw,4.8rem);
   font-weight:800;
   letter-spacing:-.045em;
   line-height:.98;
   text-shadow:0 .2rem 1rem rgba(0,0,0,.24);
}
.member-showcase-intro {
   max-width:46rem;
   margin:1.1rem 0 .65rem;
   color:rgba(255,255,255,.92);
   font-size:clamp(1rem,1.6vw,1.2rem);
   line-height:1.65;
}
.member-showcase-profile-meta {
   margin:.6rem 0 0;
   color:rgba(255,255,255,.75);
   font-size:.92rem;
}
.member-showcase-actions {
   display:flex;
   flex-wrap:wrap;
   gap:.65rem;
   margin-top:1.6rem;
}
.member-showcase-actions .btn {
   border-radius:999px;
   font-weight:700;
   box-shadow:0 .35rem 1rem rgba(0,0,0,.13);
}
.member-showcase-stats {
   display:grid;
   grid-template-columns:repeat(3,minmax(0,1fr));
   border-top:1px solid rgba(255,255,255,.2);
   background:rgba(5,28,31,.48);
   backdrop-filter:blur(12px);
}
.member-showcase-stats div {
   display:flex;
   align-items:baseline;
   justify-content:center;
   gap:.55rem;
   padding:1.35rem 1rem;
   color:rgba(255,255,255,.75);
   text-align:center;
}
.member-showcase-stats div+div {
   border-left:1px solid rgba(255,255,255,.18);
}
.member-showcase-stats strong {
   color:#fff;
   font-size:1.65rem;
   line-height:1;
}
.member-showcase-stats span {
   font-size:.82rem;
   font-weight:700;
   letter-spacing:.04em;
   text-transform:uppercase;
}
.member-showcase-owner {
   margin:1.25rem 0 0;
   border:0;
   border-radius:1rem;
}
.member-showcase-nav {
   position:sticky;
   top:.5rem;
   z-index:20;
   display:flex;
   align-items:center;
   gap:.35rem;
   margin:1.25rem 0 0;
   padding:.5rem;
   overflow-x:auto;
   border:1px solid var(--showcase-line);
   border-radius:1rem;
   background:color-mix(in srgb,var(--showcase-surface) 92%,transparent);
   box-shadow:0 .55rem 1.4rem rgba(24,51,57,.08);
   backdrop-filter:blur(14px);
}
.member-showcase-nav a {
   flex:0 0 auto;
   padding:.72rem 1rem;
   border-radius:.7rem;
   color:var(--showcase-muted);
   font-size:.88rem;
   font-weight:750;
   text-decoration:none;
}
.member-showcase-nav a:hover,
.member-showcase-nav a.active {
   background:rgba(12,124,134,.11);
   color:var(--showcase-accent);
}
.member-showcase-nav a i {
   margin-right:.5rem;
}
.member-showcase-nav .member-showcase-nav-community {
   margin-left:auto;
}
.member-showcase-section {
   margin-top:3.4rem;
}
.member-showcase-section-heading {
   display:flex;
   align-items:flex-end;
   justify-content:space-between;
   gap:1rem;
   margin-bottom:1.35rem;
}
.member-showcase-section-heading h2 {
   margin:0;
   color:var(--showcase-ink);
   font-size:clamp(1.65rem,3vw,2.35rem);
   font-weight:800;
   letter-spacing:-.025em;
}
.member-showcase-count {
   flex:0 0 auto;
   color:var(--showcase-muted);
   font-size:.86rem;
}
.member-showcase-albums {
   display:grid;
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:.9rem;
}
.member-showcase-album {
   display:grid;
   grid-template-columns:auto 1fr auto;
   align-items:center;
   gap:.85rem;
   min-height:5.5rem;
   padding:1rem 1.1rem;
   border:1px solid var(--showcase-line);
   border-radius:1rem;
   background:var(--showcase-surface);
   color:var(--showcase-ink);
   box-shadow:0 .45rem 1.3rem rgba(24,51,57,.06);
   transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.member-showcase-album-cover {
   width:3.4rem;
   height:3.4rem;
   overflow:hidden;
   border-radius:.8rem;
   background:var(--showcase-soft);
}
.member-showcase-album-cover img {
   width:100%;
   height:100%;
   object-fit:cover;
}
.member-showcase-album:hover {
   border-color:rgba(12,124,134,.34);
   color:var(--showcase-ink);
   text-decoration:none;
   transform:translateY(-3px);
   box-shadow:0 .85rem 1.8rem rgba(24,51,57,.11);
}
.member-showcase-album-icon {
   display:grid;
   width:2.7rem;
   height:2.7rem;
   place-items:center;
   border-radius:.8rem;
   background:rgba(12,124,134,.11);
   color:var(--showcase-accent);
}
.member-showcase-album strong,
.member-showcase-album small {
   display:block;
}
.member-showcase-album strong {
   overflow:hidden;
   font-size:.94rem;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.member-showcase-album small {
   margin-top:.25rem;
   color:var(--showcase-muted);
}
.member-showcase-album>.fa-chevron-right {
   color:rgba(22,32,41,.28);
   font-size:.72rem;
}
.member-showcase-grid {
   display:grid;
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:1rem;
}
.member-showcase-photo-card {
   min-width:0;
   overflow:hidden;
   border:1px solid var(--showcase-line);
   border-radius:1rem;
   background:var(--showcase-surface);
   box-shadow:0 .5rem 1.5rem rgba(24,51,57,.07);
   transition:transform .2s ease,box-shadow .2s ease;
}
.member-showcase-photo-card:hover {
   transform:translateY(-4px);
   box-shadow:0 1rem 2.2rem rgba(24,51,57,.14);
}
.member-showcase-photo {
   position:relative;
   display:block;
   aspect-ratio:4/3;
   overflow:hidden;
   background:var(--showcase-soft);
}
.member-showcase-photo img {
   width:100%;
   height:100%;
   object-fit:cover;
   transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.member-showcase-photo-card:hover img {
   transform:scale(1.045);
}
.member-showcase-photo-shade {
   position:absolute;
   inset:35% 0 0;
   background:linear-gradient(180deg,transparent,rgba(3,18,20,.84));
}
.member-showcase-photo-copy {
   position:absolute;
   right:0;
   bottom:0;
   left:0;
   display:block;
   padding:1rem;
   color:#fff;
}
.member-showcase-photo-copy strong {
   display:-webkit-box;
   overflow:hidden;
   font-size:1rem;
   line-height:1.28;
   text-shadow:0 1px .3rem rgba(0,0,0,.55);
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
}
.member-showcase-photo-copy small {
   display:block;
   margin-top:.45rem;
   overflow:hidden;
   color:rgba(255,255,255,.82);
   font-size:.76rem;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.member-showcase-photo-footer {
   overflow:hidden;
   padding:.75rem 1rem;
   color:var(--showcase-muted);
   font-size:.8rem;
   text-overflow:ellipsis;
   white-space:nowrap;
}
.member-showcase-pagination {
   margin-top:2rem;
}
.member-showcase-pagination .pagination {
   display:flex;
   margin:0;
   padding:0;
   align-items:center;
   justify-content:center;
   gap:.35rem;
   list-style:none;
}
.member-showcase-pagination .page-item {
   margin:0;
}
.member-showcase-pagination .page-link {
   min-width:2.5rem;
   margin:0;
   border:0;
   border-radius:.65rem !important;
   color:var(--showcase-accent);
   text-align:center;
   white-space:nowrap;
}
.member-showcase-pagination .active .page-link {
   background:var(--showcase-accent);
   color:#fff;
}
.member-showcase-more,
.member-showcase-breadcrumb a {
   color:var(--showcase-accent);
   font-size:.88rem;
   font-weight:750;
}
.member-showcase-breadcrumb {
   margin-bottom:1rem;
}
.member-showcase-photo-detail {
   display:grid;
   grid-template-columns:minmax(0,1.65fr) minmax(18rem,.7fr);
   overflow:hidden;
   border:1px solid var(--showcase-line);
   border-radius:1.35rem;
   background:var(--showcase-surface);
   box-shadow:0 1rem 2.8rem rgba(24,51,57,.11);
}
.member-showcase-photo-stage {
   display:grid;
   min-height:34rem;
   place-items:center;
   padding:1.25rem;
   background:#091214;
}
.member-showcase-photo-stage img {
   display:block;
   max-width:100%;
   max-height:75vh;
   object-fit:contain;
}
.member-showcase-photo-info {
   padding:2.25rem;
}
.member-showcase-photo-info h2 {
   margin:0;
   color:var(--showcase-ink);
   font-size:clamp(1.65rem,3vw,2.4rem);
   font-weight:800;
   line-height:1.12;
}
.member-showcase-photo-description {
   margin:1.25rem 0;
   color:var(--showcase-muted);
   line-height:1.65;
}
.member-showcase-photo-meta {
   margin:1.8rem 0;
}
.member-showcase-photo-meta div {
   display:grid;
   grid-template-columns:5.4rem 1fr;
   gap:.75rem;
   padding:.75rem 0;
   border-bottom:1px solid var(--showcase-line);
}
.member-showcase-photo-meta dt,
.member-showcase-photo-meta dd {
   margin:0;
}
.member-showcase-photo-meta dt {
   color:var(--showcase-muted);
   font-size:.8rem;
   text-transform:uppercase;
}
.member-showcase-photo-meta dt i {
   width:1.35rem;
   color:var(--showcase-accent);
}
.member-showcase-photo-navigation {
   display:flex;
   justify-content:space-between;
   gap:.75rem;
}
.member-showcase-photo-navigation a {
   padding:.7rem .9rem;
   border-radius:.65rem;
   background:var(--showcase-soft);
   color:var(--showcase-accent);
   font-size:.84rem;
   font-weight:750;
}
.member-showcase-empty {
   border-radius:1.2rem;
   background:var(--showcase-soft);
}
.member-showcase--empty {
   max-width:52rem;
   padding:4rem 1rem;
}
.member-showcase-empty-icon {
   display:inline-grid;
   width:4rem;
   height:4rem;
   place-items:center;
   border-radius:50%;
   background:rgba(12,124,134,.12);
   color:var(--showcase-accent);
   font-size:1.6rem;
}
.member-showcase-signature {
   display:flex;
   align-items:center;
   justify-content:center;
   gap:1rem;
   margin-top:3.5rem;
   padding:1.2rem;
   border-top:1px solid var(--showcase-line);
   color:var(--showcase-muted);
   font-size:.85rem;
   text-align:center;
}
.member-showcase-signature a {
   color:var(--showcase-accent);
   font-weight:750;
}
.member-showcase-owner-actions {
   display:flex;
   flex-wrap:wrap;
   gap:.45rem;
   margin-top:.35rem;
}
.member-showcase-owner .btn-outline-primary {
   border-color:rgba(10,92,117,.42);
   background:rgba(255,255,255,.5);
   color:#07556b;
}
.member-showcase-owner .btn-outline-primary:hover,
.member-showcase-owner .btn-outline-primary:focus {
   border-color:#07556b;
   background:#07556b;
   color:#fff;
}
.member-showcase-featured {
   display:grid;
   min-height:23rem;
   margin-top:2.4rem;
   overflow:hidden;
   grid-template-columns:minmax(0,1.08fr) minmax(19rem,.92fr);
   border:1px solid var(--showcase-line);
   border-radius:1.2rem;
   background:var(--showcase-surface);
   box-shadow:0 1.2rem 3rem rgba(21,48,55,.11);
}
.member-showcase-featured-media {
   position:relative;
   display:block;
   min-height:23rem;
   overflow:hidden;
   background:linear-gradient(135deg,#12383d,#146b71);
}
.member-showcase-featured-media::after {
   position:absolute;
   inset:0;
   background:linear-gradient(150deg,transparent 42%,rgba(5,25,29,.48));
   content:"";
   pointer-events:none;
}
.member-showcase-featured-media img {
   display:block;
   width:100%;
   height:100%;
   min-height:23rem;
   object-fit:cover;
   transition:transform .35s ease;
}
.member-showcase-featured-media:hover img {
   transform:scale(1.025);
}
.member-showcase-featured-fallback {
   display:grid;
   min-height:23rem;
   place-items:center;
   color:rgba(255,255,255,.75);
   font-size:4rem;
}
.member-showcase-featured-badge {
   position:absolute;
   z-index:1;
   top:1rem;
   left:1rem;
   padding:.45rem .7rem;
   border-radius:999px;
   background:rgba(255,255,255,.92);
   color:#16373b;
   font-size:.72rem;
   font-weight:800;
   letter-spacing:.04em;
   text-transform:uppercase;
}
.member-showcase-featured-copy {
   display:flex;
   padding:2.2rem;
   justify-content:center;
   flex-direction:column;
}
.member-showcase-featured-copy h2 {
   margin:.2rem 0 .65rem;
   color:var(--showcase-ink);
   font-size:1.35rem;
}
.member-showcase-featured-copy h3 {
   margin:0;
   color:var(--showcase-ink);
   font-size:clamp(1.65rem,3vw,2.45rem);
   line-height:1.08;
}
.member-showcase-featured-meta {
   display:flex;
   flex-wrap:wrap;
   gap:.45rem .85rem;
   margin:1rem 0 0;
   color:var(--showcase-muted);
   font-size:.82rem;
}
.member-showcase-featured-meta span {
   display:inline-flex;
   align-items:center;
   gap:.35rem;
}
.member-showcase-featured-meta i {
   color:var(--showcase-accent);
}
.member-showcase-featured-intro {
   margin:1rem 0 0;
   color:var(--showcase-muted);
   line-height:1.55;
}
.member-showcase-featured-actions {
   display:flex;
   flex-wrap:wrap;
   gap:.55rem;
   margin-top:1.25rem;
}
.member-showcase-featured-settings {
   max-width:76rem;
   margin-right:auto;
   margin-left:auto;
}
.member-showcase-settings-intro {
   max-width:52rem;
   color:var(--showcase-muted);
}
.member-showcase-featured-choices {
   display:grid;
   margin-top:1.25rem;
   grid-template-columns:repeat(2,minmax(0,1fr));
   gap:.8rem;
}
.member-showcase-featured-choice {
   position:relative;
   display:grid;
   min-width:0;
   margin:0;
   padding:.7rem;
   align-items:center;
   grid-template-columns:5.5rem minmax(0,1fr) 2rem;
   gap:.8rem;
   border:2px solid var(--showcase-line);
   border-radius:.85rem;
   background:var(--showcase-surface);
   color:var(--showcase-ink);
   cursor:pointer;
   transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.member-showcase-featured-choice:hover,
.member-showcase-featured-choice:focus-within {
   border-color:rgba(12,124,134,.45);
   box-shadow:0 .65rem 1.4rem rgba(21,48,55,.09);
   transform:translateY(-1px);
}
.member-showcase-featured-choice:has(input:checked) {
   border-color:var(--showcase-accent);
   box-shadow:0 0 0 .18rem rgba(12,124,134,.11);
}
.member-showcase-featured-choice input {
   position:absolute;
   width:1px;
   height:1px;
   opacity:0;
}
.member-showcase-featured-choice-cover {
   display:grid;
   width:5.5rem;
   height:4rem;
   overflow:hidden;
   place-items:center;
   border-radius:.6rem;
   background:var(--showcase-soft);
   color:var(--showcase-accent);
   font-size:1.4rem;
}
.member-showcase-featured-choice-cover img {
   width:100%;
   height:100%;
   object-fit:cover;
}
.member-showcase-featured-choice-copy {
   min-width:0;
}
.member-showcase-featured-choice-copy strong,
.member-showcase-featured-choice-copy small {
   display:block;
}
.member-showcase-featured-choice-copy strong {
   overflow:hidden;
   color:var(--showcase-ink);
   text-overflow:ellipsis;
   white-space:nowrap;
}
.member-showcase-featured-choice-copy small {
   margin-top:.25rem;
   color:var(--showcase-muted);
}
.member-showcase-featured-choice-check {
   display:grid;
   width:1.65rem;
   height:1.65rem;
   place-items:center;
   border:1px solid var(--showcase-line);
   border-radius:50%;
   color:transparent;
}
.member-showcase-featured-choice input:checked~.member-showcase-featured-choice-check {
   border-color:var(--showcase-accent);
   background:var(--showcase-accent);
   color:#fff;
}
.member-showcase-featured-choice--auto .member-showcase-featured-choice-cover {
   background:linear-gradient(135deg,rgba(12,124,134,.14),rgba(245,181,68,.22));
}
.member-showcase-settings-actions {
   display:flex;
   flex-wrap:wrap;
   gap:.6rem;
   margin-top:1.25rem;
}
.npds-display-dark .member-showcase {
   --showcase-ink:#eef6f4;
   --showcase-muted:#a6b8b8;
   --showcase-surface:#172225;
   --showcase-soft:#111b1e;
   --showcase-line:rgba(222,244,240,.12);
   --showcase-accent:#52c3ca;
}
.npds-display-dark .member-showcase-album>.fa-chevron-right {
   color:rgba(255,255,255,.3);
}
@media (min-width:1200px) {
   .member-showcase-photo-card:nth-child(10n+1),
   .member-showcase-photo-card:nth-child(10n+6) {
      grid-column:span 2;
   }
   .member-showcase-photo-card:nth-child(10n+1) .member-showcase-photo,
   .member-showcase-photo-card:nth-child(10n+6) .member-showcase-photo {
      aspect-ratio:2/1;
   }
}
@media (max-width:1199.98px) {
   .member-showcase-albums,
   .member-showcase-grid {
      grid-template-columns:repeat(3,minmax(0,1fr));
   }
}
@media (max-width:991.98px) {
   .member-showcase-hero-content {
      min-height:25rem;
      padding:3rem 2.5rem 2.5rem;
   }
   .member-showcase-albums,
   .member-showcase-grid {
      grid-template-columns:repeat(2,minmax(0,1fr));
   }
   .member-showcase-photo-detail {
      grid-template-columns:1fr;
   }
   .member-showcase-featured {
      grid-template-columns:1fr;
   }
   .member-showcase-featured-media,
   .member-showcase-featured-media img,
   .member-showcase-featured-fallback {
      min-height:20rem;
   }
   .member-showcase-photo-stage {
      min-height:24rem;
   }
}
@media (max-width:767.98px) {
   .member-showcase {
      margin-bottom:2rem;
   }
   .member-showcase-hero {
      min-height:0;
      border-radius:1rem;
   }
   .member-showcase-hero-content {
      align-items:flex-start;
      min-height:27rem;
      padding:2.4rem 1.25rem 2rem;
      flex-direction:column;
      gap:1.25rem;
   }
   .member-showcase-avatar {
      width:6.5rem;
      height:6.5rem;
   }
   .member-showcase-stats strong {
      font-size:1.35rem;
   }
   .member-showcase-stats div {
      gap:.2rem;
      padding:1rem .35rem;
      flex-direction:column;
   }
   .member-showcase-stats span {
      font-size:.68rem;
   }
   .member-showcase-section {
      margin-top:2.5rem;
   }
   .member-showcase-section-heading {
      align-items:flex-start;
      flex-direction:column;
   }
   .member-showcase-nav {
      top:0;
      border-radius:.8rem;
   }
   .member-showcase-nav .member-showcase-nav-community {
      margin-left:0;
   }
   .member-showcase-photo-info {
      padding:1.5rem;
   }
   .member-showcase-signature {
      align-items:flex-start;
      flex-direction:column;
   }
   .member-showcase-featured-copy {
      padding:1.5rem;
   }
   .member-showcase-featured-choices {
      grid-template-columns:1fr;
   }
}
@media (max-width:575.98px) {
   .member-showcase-albums,
   .member-showcase-grid {
      grid-template-columns:1fr;
   }
   .member-showcase-actions .btn {
      width:100%;
   }
   .member-showcase-photo {
      aspect-ratio:16/11;
   }
   .member-showcase-featured-actions .btn,
   .member-showcase-settings-actions .btn {
      width:100%;
   }
   .member-showcase-featured-choice {
      grid-template-columns:4.5rem minmax(0,1fr) 1.75rem;
   }
   .member-showcase-featured-choice-cover {
      width:4.5rem;
      height:3.5rem;
   }
}
@media (prefers-reduced-motion:reduce) {
   .member-showcase-album,
   .member-showcase-photo-card,
   .member-showcase-photo img {
      transition:none;
   }
}