/* p6a: #team merged agents + templates (Skydive-style agent-led gallery). Light theme. */
.p6{padding-top:8px;padding-bottom:8px}
.p6-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.p6-head h2{margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:-.025em;font-weight:600;color:#151515}
.p6-head h2 span{color:#656565;display:block}
.p6-head p{margin:14px 0 0;font-size:17px;line-height:1.5;color:#656565;max-width:520px}
.p6-all,.p6-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:500;border-radius:10px;transition:background .2s,border-color .2s,box-shadow .2s}
.p6-all{height:40px;padding:0 18px;background:#fff;color:#151515;border:1px solid #E4E2DE}
.p6-all:hover{border-color:#cfcdc8;box-shadow:0 8px 20px -14px #26252340}
.p6-btn{height:40px;padding:0 20px;background:#151515;color:#fff}
.p6-btn:hover{background:#2c2c2c}
.p6-all:focus-visible,.p6-btn:focus-visible,.p6-chip:focus-visible,.p6-card:focus-visible,.p6-row:focus-visible,.p6-m-x:focus-visible{outline:2px solid var(--blue,#009DFF);outline-offset:2px}
.p6-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.p6-search{display:flex;align-items:center;gap:8px;width:272px;height:40px;padding:0 14px;box-sizing:border-box;background:#F2F1EE;border-radius:12px;color:#71717A}
.p6-search input{all:unset;flex:1;min-width:0;font-size:14px;color:#151515}
.p6-search input::placeholder{color:#8a8a90}
.p6-search:focus-within{box-shadow:0 0 0 2px var(--blue,#009DFF)}
.p6-chips{display:flex;gap:8px;flex-wrap:wrap}
.p6-chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 6px;border-radius:10px;border:1px solid #E4E2DE;background:#fff;font-size:13px;font-weight:500;color:#262523;transition:background .2s,border-color .2s}
.p6-chip:first-child{padding-left:14px}
.p6-chip img{width:24px;height:24px;border-radius:7px;object-fit:cover;image-rendering:pixelated}
.p6-chip:hover{border-color:#cfcdc8}
.p6-chip[aria-pressed="true"]{background:#151515;border-color:#151515;color:#fff}
.p6-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.p6-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 20px 0;background:#fff;border:1px solid #EDEBE7;border-radius:18px;cursor:pointer;overflow:hidden;box-shadow:0 12px 30px -16px rgba(38,37,35,.12);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
.p6-card:hover{box-shadow:0 18px 38px -18px rgba(38,37,35,.28);border-color:#d9d6d0}
.p6-card[hidden]{display:none}
.p6-ch{display:flex;align-items:center;gap:12px}
.p6-av{flex:none;width:42px;height:42px;border-radius:12px;object-fit:cover;image-rendering:pixelated;background:#EAF5FF}
.p6-ch em{display:block;font-style:normal;font-size:14px;font-weight:600;color:#262523}
.p6-ch small{display:block;font-size:13px;color:#71717A;margin-top:1px}
.p6-tt{display:block;font-size:18px;line-height:1.25;font-weight:600;color:#262523;letter-spacing:-.01em;margin-top:2px}
.p6-one{margin:-4px 0 0;font-size:14px;line-height:1.45;color:#71717A;flex:1}
.p6-logos{display:flex;gap:8px;align-items:center}
.p6-logos .ck-logo,.p6-logos>span{flex:none}
.p6-cover{margin:2px -20px 0;padding:14px 14px 0;background:linear-gradient(180deg,#F6F5F2,#EFEEEA);border-top:1px solid #EDEBE7;height:178px;overflow:hidden;display:flex;justify-content:center}
.p6-cover .p6-fit{width:100%;max-width:262px}
.p6-fit>div{transform-origin:0 0}
.p6-cover .ck-libcard{box-shadow:0 10px 24px -16px #26252340}
.p6-empty{margin:24px 0 0;font-size:15px;color:#71717A}
/* modal */
html.p6-lock,html.p6-lock body{overflow:hidden}
.p6-m{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px}
.p6-m[hidden]{display:none}
.p6-m-back{position:absolute;inset:0;background:#15151566;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.p6-m-panel{position:relative;width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:auto;overscroll-behavior:contain;background:#FCFBF9;border-radius:22px;box-shadow:0 40px 100px -30px #15151580;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1);outline:none}
.p6-m.on .p6-m-back{opacity:1}.p6-m.on .p6-m-panel{opacity:1;transform:none}
.p6-m-x{all:unset;cursor:pointer;position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 1px #15151518;color:#151515}
.p6-d{padding:40px 48px 44px}
.p6-dh{display:flex;align-items:center;gap:16px;padding-right:48px}
.p6-dh .p6-av{width:64px;height:64px;border-radius:18px}
.p6-dh h3{margin:0;font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:#151515}
.p6-dh small{display:block;margin-top:4px;font-size:14px;color:#71717A}
.p6-dh .p6-grow{flex:1}
.p6-s{margin-top:36px}
.p6-s h4{margin:0 0 14px;font-size:21px;font-weight:600;letter-spacing:-.01em;color:#151515}
.p6-meet{display:flex;gap:24px;align-items:center;padding:22px;background:#fff;border:1px solid #EDEBE7;border-radius:16px}
.p6-meet img{flex:none;width:132px;height:132px;border-radius:30px;image-rendering:pixelated;object-fit:cover;background:#EAF5FF}
.p6-meet p{margin:0;font-size:15px;line-height:1.6;color:#3d3d40}
.p6-meet b{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#71717A}
.p6-two{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.p6-tags{display:flex;flex-wrap:wrap;gap:8px}
.p6-tag{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:10px;background:#fff;border:1px solid #E4E2DE;font-size:13px;font-weight:500;color:#262523}
.p6-tag img.p6-av{width:22px;height:22px;border-radius:6px}
.p6-tag small{color:#71717A;font-weight:400}
.p6-get{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:32px;align-items:start}
.p6-ck{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #EDEBE7}
.p6-ck:first-child{padding-top:2px}
.p6-ck:last-child{border-bottom:0}
.p6-ck svg{flex:none;margin-top:2px;color:#151515}
.p6-ck b{display:block;font-size:14px;font-weight:600;color:#151515}
.p6-ck span{display:block;font-size:13px;line-height:1.5;color:#71717A;margin-top:2px}
.p6-ck--out b{font-size:15px}
.p6-mock{border-radius:14px;background:#fff;border:1px solid #cfe8fb;box-shadow:0 0 0 4px #e6f4ff,0 24px 50px -30px #0b2a4a55;overflow:hidden}
.p6-win-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #EEE;background:#FAFAFA}
.p6-win-bar i{width:9px;height:9px;border-radius:50%;background:#E2E2E2}
.p6-win-bar .p6-room{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#151515;margin-left:6px}
.p6-win-bar .p6-grow{flex:1}
.p6-th{padding:10px 14px 16px}
.p6-th .ck-msg{padding-top:8px;padding-bottom:8px}
.p6-cta{margin-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 24px;background:#fff;border:1px solid #EDEBE7;border-radius:16px}
.p6-cta img{width:64px;height:64px;border-radius:18px;image-rendering:pixelated}
.p6-cta h5{margin:4px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:#151515}
.p6-cta p{margin:0 0 8px;font-size:15px;color:#71717A;max-width:440px}
/* list */
.p6-l{padding:36px 40px 40px}
.p6-l h3{margin:0 0 18px;font-size:26px;font-weight:600;letter-spacing:-.02em;color:#151515}
.p6-rows{display:flex;flex-direction:column;gap:8px}
.p6-row{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #EDEBE7;transition:box-shadow .2s,border-color .2s}
.p6-row:hover{border-color:#d9d6d0;box-shadow:0 12px 26px -18px rgba(38,37,35,.3)}
.p6-row .p6-rt{flex:1;min-width:0}
.p6-row .p6-rt b{display:block;font-size:15px;font-weight:600;color:#151515}
.p6-row .p6-rt small{display:block;font-size:13px;color:#71717A;margin-top:2px}
.p6-row .p6-lead{font-size:13px;color:#71717A;white-space:nowrap}
.p6-arrow{color:#9a9a9f}
@media (max-width:1240px){.p6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.p6-head{flex-direction:column;align-items:flex-start;gap:18px}.p6-get,.p6-two{grid-template-columns:1fr}}
@media (max-width:600px){
  .p6-grid{grid-template-columns:1fr}
  .p6-search{width:100%}
  .p6-cover .p6-fit{max-width:320px}
  .p6-bar{flex-direction:column;align-items:stretch}
  .p6-chips{flex-wrap:nowrap;overflow-x:auto;min-width:0;width:100%;padding-bottom:4px;scrollbar-width:none}
  #team .ck-pv,#team .ck-pv *,#team .ck-libcard *,#team .p6-mock *{font-size:max(11px,1em)!important}
  .p6-chip{flex:none}
  .p6-m{padding:0;align-items:flex-end}
  .p6-m-panel{max-height:92vh;border-radius:20px 20px 0 0}
  .p6-d,.p6-l{padding:28px 18px 28px}
  .p6-dh{flex-wrap:wrap}.p6-dh .p6-btn{display:none}
  .p6-dh h3{font-size:22px}
  .p6-meet{flex-direction:column;align-items:flex-start;padding:18px}
  .p6-meet img{width:96px;height:96px;border-radius:22px}
  .p6-row .p6-lead,.p6-row .p6-logos{display:none}
}
@media (prefers-reduced-motion:reduce){.p6-card,.p6-m-panel,.p6-m-back{transition:none}}

/* p6c: browse-all is a plain text link */
.p6-all{height:auto;padding:0;background:none;border:0;border-radius:0;color:var(--blue-deep,#015C99);box-shadow:none}
.p6-all:hover{border:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px}

/* p9a: filter = agent on the team (lead first), counts, team avatars, fade-in */
.p6-ch>div{flex:1;min-width:0}
.p6-team{display:flex;flex:none;align-self:flex-start}
.p6-team img{width:22px;height:22px;border-radius:7px;margin-left:-6px;box-shadow:0 0 0 2px #fff;background:#EAF5FF;image-rendering:pixelated;object-fit:cover;transition:box-shadow .2s,transform .2s}
.p6-team img:first-child{margin-left:0}
.p6-team img.p6-hit{box-shadow:0 0 0 2px #fff,0 0 0 4px #009DFF;transform:translateY(-1px);position:relative;z-index:1}
.p6-n{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin-left:2px;border-radius:6px;background:#F2F1EE;color:#71717A;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.p6-n:empty{display:none}
.p6-chip[aria-pressed="true"] .p6-n{background:#ffffff26;color:#fff}
.p6-chip.p6-zero{opacity:.45}
.p6-card.p6-in{animation:p6in .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes p6in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.p6-head h2 span{color:#009DFF}
@media (prefers-reduced-motion:reduce){.p6-card.p6-in{animation:none}}
/* p9a: full roster chip row scrolls horizontally with edge fade */
.p6-bar{flex-wrap:nowrap}
.p6-search{flex:none}
.p6-chips{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 40px 2px 2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.p6-chips::-webkit-scrollbar{display:none}
.p6-chip{flex:none}
.p6-mock .p6-team img{width:20px;height:20px}
.p6-ch em,.p6-ch small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p6-team img{width:20px;height:20px;margin-left:-7px}

/* p11: templates = horizontal snap gallery (4 visible at desktop, 2 tablet, 1 + peek on mobile); arrows + edge fade */
.p6-gal{position:relative;--fl:0px;--fr:0px}
.p6-gal.p6-s0{--fl:56px}.p6-gal.p6-s1{--fr:56px}
.p6-grid{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-14px -2px -34px;padding:14px 2px 34px;outline:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
.p6-grid::-webkit-scrollbar{display:none}
.p6-card{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start}
.p6-nav{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#151515;box-shadow:0 0 0 1px #15151514,0 10px 24px -12px #26252355;transition:opacity .2s,box-shadow .2s,transform .2s}
.p6-nav:hover{box-shadow:0 0 0 1px #15151526,0 14px 28px -12px #26252370;transform:scale(1.04)}
.p6-nav:focus-visible{outline:2px solid var(--blue,#009DFF);outline-offset:2px}
.p6-prev{left:-21px}.p6-next{right:-21px}
.p6-nav[disabled]{opacity:0;pointer-events:none}
.p6-lc{display:inline-flex;vertical-align:middle;margin-left:6px;min-width:24px;height:22px;padding:0 7px;box-sizing:border-box;align-items:center;justify-content:center;border-radius:7px;background:#F2F1EE;color:#71717A;font-size:12.5px;font-weight:600;letter-spacing:0}
@media (max-width:1240px){.p6-card{flex-basis:calc((100% - 20px)/2)}.p6-prev{left:-8px}.p6-next{right:-8px}}
@media (max-width:600px){.p6-grid{gap:14px}.p6-card{flex-basis:86%}.p6-nav{display:none}.p6-gal.p6-s0{--fl:20px}.p6-gal.p6-s1{--fr:28px}}
@media (prefers-reduced-motion:reduce){.p6-grid{scroll-behavior:auto}}
.p6-nt{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:6px;background:#F2F1EE;color:#4b5059;font:700 10px/1 Inter,sans-serif;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #E4E2DD}
/* p21b: root cause of the left-edge sliver = grid clip box sat 2px outside the card edge (margin -2px / padding 2px), so the
   previous card's border/shadow could show at the gutter. Clip exactly at the card edge; only the right edge fades. */
.p6-grid{margin-left:0;margin-right:0;padding-left:0;padding-right:0;scroll-padding:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}