/* Canonical /profily/ directory — 0.2.63 revised.
 * Theme wrapper/reset + shared page start live in ba-ui-core.css. */
.bam-profiles-viewport{position:relative;z-index:1;width:100%;max-width:100%;min-width:0;color:#f5f4ef;overflow-x:clip}
.bam-profiles{--gold:#ffb020;--cyan:#3fd2df;--text:#f5f4ef;--muted:#94a0a8;--line:#20282c;--line2:#171d20;--panel:#0d1113;box-sizing:border-box;width:min(var(--bam-canvas-wide,1440px),calc(100% - 48px));max-width:var(--bam-canvas-wide,1440px);min-width:0;margin:0 auto;padding-left:0;padding-right:0;padding-bottom:36px}
.bam-profiles *{box-sizing:border-box}.bam-profiles a{text-decoration:none;color:inherit}

.bam-profiles-kicker{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.bam-profiles-hero{position:relative;padding:4px 0 34px;border-bottom:1px solid var(--line)}
.bam-profiles-hero-row{display:block;min-width:0}
.bam-profiles-hero h1{margin:0;font-size:clamp(64px,8vw,118px);line-height:.89;letter-spacing:-.048em;font-weight:950;text-wrap:balance}
/* The total is a small label sitting directly on the hero divider instead of
 * consuming a separate hero row. */
.bam-profiles-hero-stat{position:absolute;left:0;bottom:-8px;display:inline-flex;align-items:baseline;gap:6px;width:auto;max-width:100%;padding:0 12px 0 0;background:#08090c;border:0;white-space:nowrap}
.bam-profiles-hero-stat strong{font-size:15px;line-height:1;font-weight:950;color:#fff}.bam-profiles-hero-stat span{font-size:8px;line-height:1;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:850}

.bam-profiles-browser{padding-top:34px;min-width:0}.bam-profiles-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:30px;min-width:0}
.bam-profiles-search{height:64px;display:grid;grid-template-columns:26px minmax(0,1fr) 34px;align-items:center;gap:12px;border:1px solid #2a3439;background:#0c1012;padding:0 18px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;min-width:0}
.bam-profiles-search:focus-within{border-color:#59676d;background:#0f1416;box-shadow:0 0 0 1px rgba(255,176,32,.12)}
.bam-profiles-search svg{width:23px;height:23px;fill:none;stroke:#8e9aa0;stroke-width:1.8}.bam-profiles-search input{width:100%;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:19px!important;font-weight:650;padding:0!important;box-shadow:none!important}.bam-profiles-search input::placeholder{color:#67757c}
.bam-profiles-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none!important;appearance:none!important;width:0!important;height:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}
.bam-profiles-search input[type="search"]::-ms-clear{display:none!important;width:0!important;height:0!important}
.bam-profiles-search-clear{border:0;background:transparent;color:#87939a;font-size:29px;line-height:1;cursor:pointer;padding:0;width:34px;height:34px;transition:color .18s ease,transform .18s ease}.bam-profiles-search-clear:hover{color:#fff;transform:rotate(8deg)}.bam-profiles-search-clear.is-hidden{opacity:0;pointer-events:none}

.bam-profiles-filter-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#728087;margin:2px 0 -6px}
.bam-profiles-filter-rail{display:flex;flex-wrap:wrap;gap:9px;max-width:100%;min-width:0}
.bam-profiles-chip{appearance:none;flex:0 0 auto;border:1px solid #3a4248;background:#0d1114;color:#c7cdd2;min-height:40px;padding:9px 14px;border-radius:5px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}
.bam-profiles-chip:hover{transform:translateY(-2px);border-color:#59676d;color:#fff;background:#11171a}
.bam-profiles-role-filters .bam-profiles-chip.is-active{color:#111;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,176,32,.10)}
.bam-profiles-genre-filters .bam-profiles-chip.is-active{color:#081114;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 3px rgba(63,210,223,.09)}
/* 0.2.90 — genre label rhythm only. Keep the approved profiles page layout untouched. */
@media(min-width:681px){
  .bam-profiles-genre-group{margin-top:14px}
  .bam-profiles-genre-group .bam-profiles-filter-label{margin:0 0 8px}
}
.bam-profiles-genre-group{transition:opacity .18s ease}.bam-profiles-genre-group.is-disabled .bam-profiles-filter-label{color:#4f5b61}.bam-profiles-genre-group.is-disabled .bam-profiles-chip,.bam-profiles-genre-group .bam-profiles-chip:disabled{opacity:.38;cursor:not-allowed;color:#69747a!important;background:#0a0d0f!important;border-color:#252c30!important;box-shadow:none!important;transform:none!important}.bam-profiles-genre-group.is-disabled .bam-profiles-chip:hover,.bam-profiles-genre-group .bam-profiles-chip:disabled:hover{color:#69747a!important;background:#0a0d0f!important;border-color:#252c30!important;transform:none!important}
.bam-profiles-filter-actions{display:flex;justify-content:flex-end;margin-top:-2px}.bam-profiles-reset-top,.bam-profiles-reset{border:0;background:transparent;color:#8f9ba1;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:9px 0;transition:color .18s ease}.bam-profiles-reset-top:hover,.bam-profiles-reset:hover{color:var(--gold)}

.bam-profiles-results{position:relative;min-height:240px;min-width:0;transition:opacity .16s ease,transform .16s ease}.bam-profiles-results.is-loading{opacity:.42;transform:translateY(4px);pointer-events:none}

/* Match canonical Results mini-card geometry: six across desktop, square image,
 * compact caption footer and the same lift/shine interaction language. */
.bam-profiles-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px;min-width:0}
.bam-profile-card{min-width:0;filter:drop-shadow(0 14px 18px rgba(0,0,0,.16));transition:transform .26s ease,filter .26s ease}.bam-profile-card:hover{transform:translateY(-3px);filter:drop-shadow(0 20px 24px rgba(0,0,0,.24))}
.bam-profile-card-media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:5px 5px 0 0}
.bam-profile-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03);transition:transform .28s ease,filter .28s ease}.bam-profile-card:hover .bam-profile-card-media img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.bam-profile-card-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(3,5,6,.22) 100%)}
.bam-profile-card-role{position:absolute;z-index:3;left:9px;bottom:9px;min-height:27px;padding:0 7px;display:flex;align-items:center;justify-content:center;background:rgba(6,8,10,.84);border:1px solid rgba(255,255,255,.15);border-radius:5px;color:#e7ebed;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.bam-profile-card-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,rgba(63,210,223,.16),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,176,32,.12),transparent 42%),#0a0e10}.bam-profile-card-fallback span{font-size:56px;font-weight:950;letter-spacing:-.08em;color:#303a3e;transition:color .22s ease,transform .22s ease}.bam-profile-card:hover .bam-profile-card-fallback span{color:#46545a;transform:scale(1.04)}
.bam-profile-card-body{position:relative;isolation:isolate;overflow:hidden;min-height:56px;padding:12px 8px 11px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.11);border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(90deg,rgba(255,255,255,.038),rgba(255,255,255,.012) 52%,rgba(255,255,255,.026))}
.bam-profile-card-body:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 27%,rgba(255,255,255,.04) 39%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.06) 59%,transparent 71%);transform:translateX(-120%);transition:transform .92s cubic-bezier(.2,.72,.22,1)}.bam-profile-card:hover .bam-profile-card-body:before{transform:translateX(120%)}
.bam-profile-card-body h2{margin:0!important;color:#f5f4ef!important;font-size:17px!important;line-height:1.2!important;letter-spacing:.018em!important;font-weight:900!important;text-transform:none!important;overflow-wrap:anywhere;word-break:normal}

.bam-profiles-pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:34px;flex-wrap:wrap}.bam-profiles-page{width:39px;height:39px;display:grid;place-items:center;border:1px solid #293337;background:#0b0f11;color:#aeb8bd!important;font-size:12px;font-weight:850;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.bam-profiles-page:hover{transform:translateY(-2px);border-color:#59666c;color:#fff!important;background:#11171a}.bam-profiles-page.is-current{background:var(--gold);border-color:var(--gold);color:#111!important;pointer-events:none}.bam-profiles-page.is-arrow{font-size:17px}.bam-profiles-dots{color:#59666c;padding:0 3px}
.bam-profiles-empty{border:1px solid var(--line);padding:64px 24px;text-align:center;background:#0b0f11}.bam-profiles-empty-mark{font-size:47px;line-height:1;font-weight:950;letter-spacing:-.08em;color:#2a3438;margin-bottom:20px}.bam-profiles-empty h2{margin:0 0 8px!important;color:#fff!important;font-size:27px!important}.bam-profiles-empty p{margin:0 0 15px;color:#88959b}

@media(max-width:1020px){.bam-profiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px) and (min-width:681px){.bam-profiles{width:calc(100% - 32px);padding-left:0;padding-right:0}}
@media(max-width:680px){
  /* Keep the entire directory inside the device viewport. The only horizontal
   * scrolling surface is the filter rail itself. */
  body.bam-profiles-index-active .bam-profiles-viewport{
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow-x:clip!important;contain:inline-size;
  }
  body.bam-profiles-index-active .bam-profiles{
    box-sizing:border-box!important;
    width:100%!important;inline-size:100%!important;max-width:100%!important;max-inline-size:100%!important;min-width:0!important;min-inline-size:0!important;
    margin:0 auto!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:30px!important;
    overflow-x:clip!important;
  }
  body.bam-profiles-index-active .bam-profiles-hero,
  body.bam-profiles-index-active .bam-profiles-hero-row,
  body.bam-profiles-index-active .bam-profiles-browser,
  body.bam-profiles-index-active .bam-profiles-toolbar,
  body.bam-profiles-index-active .bam-profiles-results{
    width:100%!important;max-width:100%!important;min-width:0!important;
  }
  .bam-profiles-hero{padding-top:0;padding-bottom:30px}
  .bam-profiles-hero-row{display:block!important}
  .bam-profiles-hero h1{font-size:clamp(48px,13vw,58px);line-height:.92;letter-spacing:-.04em;white-space:nowrap}
  .bam-profiles-hero-stat{left:0;bottom:-7px;gap:5px;padding-right:10px}
  .bam-profiles-hero-stat strong{font-size:14px}
  .bam-profiles-hero-stat span{font-size:7px;line-height:1}

  .bam-profiles-browser{padding-top:24px}
  .bam-profiles-toolbar{display:block!important;margin-bottom:23px;overflow:visible!important}
  .bam-profiles-search{width:100%!important;max-width:100%!important;height:56px;padding:0 14px;margin-bottom:13px}
  .bam-profiles-search input{font-size:16px!important}
  .bam-profiles-filter-label{margin:11px 0 6px!important}

  /* Same mobile contract as Results: nowrap rail, its own horizontal scroll,
   * no min-content width leaking into the page canvas. */
  body.bam-profiles-index-active .bam-profiles-filter-rail{
    display:flex!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:8px!important;
    inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;
    margin:0!important;padding:3px 1px 6px!important;
    overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;
    contain:inline-size;
  }
  body.bam-profiles-index-active .bam-profiles-filter-rail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  body.bam-profiles-index-active .bam-profiles-filter-rail>.bam-profiles-chip{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;
    min-height:38px!important;margin:0!important;padding:9px 13px!important;white-space:nowrap!important;scroll-snap-align:start
  }
  .bam-profiles-filter-actions{justify-content:flex-start;margin-top:9px}
  .bam-profiles-reset-top{padding-top:5px}

  .bam-profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 11px;width:100%!important;max-width:100%!important;min-width:0!important}
  .bam-profile-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .bam-profile-card-body h2{font-size:15px!important;padding:0}
  .bam-profile-card-role{font-size:8px;min-height:25px}
}
@media(prefers-reduced-motion:reduce){.bam-profile-card,.bam-profile-card-media img,.bam-profile-card-body:before,.bam-profiles-chip,.bam-profiles-page{transition:none!important}.bam-profile-card:hover,.bam-profiles-chip:hover,.bam-profiles-page:hover{transform:none!important}.bam-profile-card-body:before{display:none}}