/* Talent Pool app surfaces — intentionally restrained so the existing VERDE art direction remains primary. */
.vtp-profile-card { border-radius:1.15rem; overflow:hidden; border:1px solid rgba(246,241,230,.12); box-shadow:0 .7rem 1.8rem rgba(0,0,0,.14); }
.vtp-profile-card:hover, .vtp-profile-card:focus-within { background:#171a19; color:var(--cream); border-color:rgba(215,223,185,.52); }
.vtp-profile-card:hover .vtp-profile-card__index, .vtp-profile-card:hover .vtp-profile-card__availability, .vtp-profile-card:focus-within .vtp-profile-card__index, .vtp-profile-card:focus-within .vtp-profile-card__availability,
.vtp-profile-card:hover .vtp-profile-card__meta, .vtp-profile-card:focus-within .vtp-profile-card__meta { color:rgba(246,241,230,.62); }
.vtp-profile-card__image { width:100%; height:8.5rem; margin:-1rem -1rem .2rem; object-fit:cover; border-radius:.82rem; filter:saturate(.78); }
.vtp-profile-card__open { align-self:flex-start; margin-top:.35rem; padding:.52rem .78rem; color:#17191b; font:inherit; font-size:.6rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; border:0; border-radius:999px; background:var(--cream); cursor:pointer; transition:transform .2s ease, background-color .2s ease; }
.vtp-profile-card__open:hover, .vtp-profile-card__open:focus-visible { transform:scale(1.03); background:#d7dfb9; outline:0; }
.vtp-profile-card > details { display:none; }

/* Fictional local/demo profiles: quiet editorial cover and portrait crops. */
.vtp-template-profile { position:relative; isolation:isolate; overflow:hidden; }
.vtp-template-profile::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background-image:url("talent-title-mosaic.png"); background-size:400% 300%; background-position:var(--vtp-title-position,0% 0%); opacity:.14; mix-blend-mode:screen; }
.vtp-template-profile > * { position:relative; z-index:1; }
.vtp-template-avatar { overflow:hidden; color:transparent !important; text-indent:-999px; background-color:#202223 !important; background-image:url("talent-profile-mosaic.png") !important; background-repeat:no-repeat; background-size:400% 300%; background-position:var(--vtp-profile-position,0% 0%); }
.vtp-template-profile:nth-child(1) { --vtp-title-position:0% 0%; --vtp-profile-position:0% 0%; }
.vtp-template-profile:nth-child(2) { --vtp-title-position:33.333% 0%; --vtp-profile-position:33.333% 0%; }
.vtp-template-profile:nth-child(3) { --vtp-title-position:66.667% 0%; --vtp-profile-position:66.667% 0%; }
.vtp-template-profile:nth-child(4) { --vtp-title-position:100% 0%; --vtp-profile-position:100% 0%; }
.vtp-template-profile:nth-child(5) { --vtp-title-position:0% 50%; --vtp-profile-position:0% 50%; }
.vtp-template-profile:nth-child(6) { --vtp-title-position:33.333% 50%; --vtp-profile-position:33.333% 50%; }
.vtp-template-profile:nth-child(7) { --vtp-title-position:66.667% 50%; --vtp-profile-position:66.667% 50%; }
.vtp-template-profile:nth-child(8) { --vtp-title-position:100% 50%; --vtp-profile-position:100% 50%; }
.vtp-template-profile:nth-child(9) { --vtp-title-position:0% 100%; --vtp-profile-position:0% 100%; }
.vtp-template-profile:nth-child(10) { --vtp-title-position:33.333% 100%; --vtp-profile-position:33.333% 100%; }
.vtp-template-profile:nth-child(11) { --vtp-title-position:66.667% 100%; --vtp-profile-position:66.667% 100%; }
.vtp-template-profile:nth-child(12) { --vtp-title-position:100% 100%; --vtp-profile-position:100% 100%; }
.vtp-template-profile:nth-child(13) { --vtp-title-position:0% 0%; --vtp-profile-position:0% 0%; }
.vtp-template-profile:nth-child(14) { --vtp-title-position:33.333% 0%; --vtp-profile-position:33.333% 0%; }
.vtp-template-profile:nth-child(15) { --vtp-title-position:66.667% 0%; --vtp-profile-position:66.667% 0%; }
.vtp-template-profile:nth-child(16) { --vtp-title-position:100% 0%; --vtp-profile-position:100% 0%; }
.vtp-template-profile:nth-child(17) { --vtp-title-position:0% 50%; --vtp-profile-position:0% 50%; }
.vtp-template-profile:nth-child(18) { --vtp-title-position:33.333% 50%; --vtp-profile-position:33.333% 50%; }
.vtp-template-profile:nth-child(19) { --vtp-title-position:66.667% 50%; --vtp-profile-position:66.667% 50%; }
.vtp-template-profile:nth-child(20) { --vtp-title-position:100% 50%; --vtp-profile-position:100% 50%; }
.vtp-template-profile:nth-child(21) { --vtp-title-position:0% 100%; --vtp-profile-position:0% 100%; }
.vtp-template-profile:nth-child(22) { --vtp-title-position:33.333% 100%; --vtp-profile-position:33.333% 100%; }
.vtp-template-profile:nth-child(23) { --vtp-title-position:66.667% 100%; --vtp-profile-position:66.667% 100%; }
.vtp-template-profile:nth-child(24) { --vtp-title-position:100% 100%; --vtp-profile-position:100% 100%; }
.vtp-template-pagination { display:flex; align-items:center; justify-content:center; gap:.8rem; margin:2.2rem auto 0; color:rgba(246,241,230,.64); font-size:.7rem; font-weight:750; letter-spacing:.08em; }
.vtp-template-pagination button { width:2.55rem; height:2.55rem; display:grid; place-items:center; color:var(--cream); font:inherit; font-size:1.05rem; border:1px solid rgba(246,241,230,.24); border-radius:50%; background:#111; cursor:pointer; transition:color .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease; }
.vtp-template-pagination button:hover:not(:disabled), .vtp-template-pagination button:focus-visible:not(:disabled) { color:#17191b; background:var(--cream); border-color:var(--cream); outline:0; }
.vtp-template-pagination button:disabled { opacity:.28; cursor:default; }

.vtp-brief-board { display:block; width:100%; max-width:none; box-sizing:border-box; padding:clamp(1.8rem,4vw,3.5rem); border:1px solid rgba(246,241,230,.14); border-radius:1.3rem; background:#111; box-shadow:0 1rem 2.5rem rgba(0,0,0,.16); }
.vtp-directory__boundary.vtp-opportunities--board { grid-template-columns:1fr !important; width:100%; max-width:none; }
.vtp-directory__boundary.vtp-opportunities--board { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
.vtp-briefs-active .site-header:not(.is-over-media):not(.is-dark):not(.is-menu-open):not(.is-search-open):not(.is-account-open) { color:var(--black); border-bottom-color:rgba(17,17,17,.14); background:var(--cream) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.vtp-briefs-active .site-header.is-dark:not(.is-menu-open):not(.is-search-open):not(.is-account-open) { color:var(--cream); border-bottom-color:rgba(246,241,230,.16); background:#111 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.vtp-briefs-active .site-header.is-dark:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .brand-wordmark-image { filter:brightness(0) invert(1); }
.vtp-briefs-active .site-header.is-over-media:not(.is-menu-open):not(.is-search-open):not(.is-account-open) { color:var(--cream); border-bottom-color:transparent; background:transparent !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) { color:var(--black); border-bottom-color:rgba(17,17,17,.14); background:var(--cream) !important; }
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .site-header__group,
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .site-header__group *,
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .site-header__brand,
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .header-action { color:var(--black) !important; opacity:1 !important; }
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .header-action__icon { color:var(--black) !important; stroke:var(--black) !important; fill:none !important; }
.vtp-briefs-active .site-header:hover:not(.is-menu-open):not(.is-search-open):not(.is-account-open) .brand-wordmark-image { filter:brightness(0) !important; }
.vtp-brief-board__bar { display:flex; align-items:flex-end; justify-content:space-between; gap:3rem; padding-bottom:2.2rem; border-bottom:1px solid rgba(246,241,230,.12); }
.vtp-brief-board__heading { min-width:0; }
.vtp-brief-board__label, .vtp-brief-card__eyebrow, .vtp-brief-sheet__eyebrow { color:rgba(246,241,230,.58); font-size:.58rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.vtp-brief-board__title { margin:1.1rem 0 .8rem; color:var(--cream); font-size:clamp(2.6rem,5vw,5.7rem); font-weight:600; letter-spacing:-.08em; line-height:.82; }
.vtp-brief-board__summary { display:flex; align-items:center; gap:.45rem; color:rgba(246,241,230,.72); font-size:.62rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.vtp-brief-board__summary i { width:.4rem; height:.4rem; border-radius:50%; background:rgba(246,241,230,.62); }
.vtp-brief-board__intro { max-width:43rem; margin:.9rem 0 0; color:rgba(246,241,230,.58); font-size:.86rem; line-height:1.6; }
.vtp-brief-board__aside { display:grid; justify-items:end; gap:.45rem; flex:0 0 auto; padding-bottom:.25rem; color:rgba(246,241,230,.54); font-size:.58rem; font-weight:750; letter-spacing:.09em; text-align:right; text-transform:uppercase; }
.vtp-brief-board__aside strong { color:rgba(246,241,230,.76); font-size:.68rem; }
.vtp-brief-board__scroller { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; overflow-x:auto; padding-top:1.25rem; padding-bottom:.25rem; scroll-snap-type:x mandatory; scrollbar-width:none; }
.vtp-brief-board__scroller::-webkit-scrollbar { display:none; }
.vtp-brief-card { min-height:21rem; position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:flex-start; gap:1rem; padding:clamp(1.35rem,2.2vw,1.8rem); color:var(--cream); text-align:left; border:1px solid rgba(246,241,230,.15); border-radius:1rem; background:#181a1b; box-shadow:0 .45rem 1rem rgba(0,0,0,.08); scroll-snap-align:start; cursor:pointer; transform-origin:center; transition:transform .28s cubic-bezier(.23,1,.32,1), border-color .22s ease, background .22s ease, box-shadow .28s ease; }
.vtp-brief-card:hover, .vtp-brief-card:focus-visible { transform:translateY(-.3rem); border-color:rgba(246,241,230,.36); background:#1d2021; box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.28); outline:0; }
.vtp-brief-card strong, .vtp-brief-card__copy, .vtp-brief-card__location, .vtp-brief-card__roles, .vtp-brief-card__meta { position:relative; transition:transform .28s cubic-bezier(.23,1,.32,1), color .22s ease; }
.vtp-brief-card:hover strong, .vtp-brief-card:focus-visible strong { transform:translateY(-.1rem); }
.vtp-brief-card:hover .vtp-brief-card__copy, .vtp-brief-card:focus-visible .vtp-brief-card__copy { color:rgba(246,241,230,.76); }
.vtp-brief-card__top { width:100%; display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.vtp-brief-card__brand { display:flex; align-items:center; gap:.5rem; color:rgba(246,241,230,.72); font-size:.66rem; font-weight:700; }
.vtp-brief-card__mark, .vtp-brief-sheet__mark { display:grid; place-items:center; flex:0 0 auto; width:1.75rem; height:1.75rem; border-radius:50%; color:var(--cream); font-size:.57rem; font-weight:850; background:#292b2c; }
.vtp-brief-card__state { padding:.25rem .43rem; color:rgba(246,241,230,.68); font-size:.52rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; border:1px solid rgba(246,241,230,.2); border-radius:999px; }
.vtp-brief-card strong { max-width:18ch; font-size:1.25rem; letter-spacing:-.055em; line-height:.93; }
.vtp-brief-card__copy { max-width:48ch; margin:0; color:rgba(246,241,230,.65); font-size:.78rem; line-height:1.42; }
.vtp-brief-card__location { width:100%; margin-top:auto; color:#d7dfb9; font-size:clamp(1.55rem,3.3vw,2.8rem); font-weight:600; letter-spacing:-.07em; line-height:.9; text-transform:uppercase; }
.vtp-brief-card__roles { width:100%; display:grid; gap:.25rem; color:rgba(246,241,230,.78); font-size:.72rem; line-height:1.4; }
.vtp-brief-card__roles b { color:rgba(215,223,185,.78); font-size:.56rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.vtp-brief-card__meta { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:.55rem .8rem; margin-top:0; padding-top:1rem; color:rgba(246,241,230,.62); font-size:.68rem; line-height:1.38; border-top:1px solid rgba(246,241,230,.11); }
.vtp-brief-card__meta span:nth-child(2) { justify-self:end; text-align:right; }
.vtp-brief-card__mark { position:relative; overflow:hidden; color:transparent !important; background:#24282a !important; }
.vtp-brief-card__mark::before { content:""; width:.72rem; height:.72rem; display:block; border:1px solid rgba(246,241,230,.8); border-radius:.2rem; transform:rotate(45deg); }
.vtp-brief-card__mark[data-logo="lk"]::before { border-radius:50%; transform:none; }
.vtp-brief-card__mark[data-logo="fm"]::before { border-radius:50% 50% .2rem .2rem; transform:rotate(15deg); }
.vtp-brief-card__mark[data-logo="ob"]::before { border-radius:.15rem 50% .15rem 50%; transform:rotate(-20deg); }
.vtp-brief-sheet__mark[data-logo] { color:transparent !important; }
.vtp-brief-card__meta span:nth-child(3) { grid-column:1 / -1; }

.vtp-app-sheet { width:min(100% - 1.5rem,55rem); max-height:min(50rem,calc(100dvh - 1.5rem)); padding:0; color:var(--cream); border:1px solid rgba(246,241,230,.17); border-radius:1.4rem; background:#151716; box-shadow:0 2rem 7rem rgba(0,0,0,.55); }
.vtp-app-sheet::backdrop { background:rgba(9,10,10,.78); backdrop-filter:blur(12px); }
.vtp-app-sheet__inner { padding:clamp(1.1rem,3vw,2.2rem); }
.vtp-app-sheet__bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(246,241,230,.13); }
.vtp-app-sheet__back { padding:.3rem 0; color:rgba(246,241,230,.68); font:inherit; font-size:.7rem; border:0; border-bottom:1px solid currentColor; background:none; cursor:pointer; }
.vtp-app-sheet__body { display:grid; gap:1.1rem; padding-top:clamp(1.3rem,3vw,2rem); }
.vtp-profile-sheet__hero { min-height:13rem; display:flex; align-items:flex-end; padding:1.1rem; border-radius:1rem; background:radial-gradient(circle at 18% 15%,rgba(215,223,185,.28),transparent 28%),linear-gradient(145deg,#293b3a,#151716 66%); }
.vtp-profile-sheet__hero h2, .vtp-brief-sheet__title { max-width:12ch; margin:0; font-size:clamp(2.25rem,6vw,4.75rem); font-weight:600; letter-spacing:-.085em; line-height:.82; }
.vtp-profile-sheet__sub { margin:0; color:rgba(246,241,230,.66); font-size:1rem; }
.vtp-app-sheet__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.vtp-app-sheet__facts div { display:grid; gap:.28rem; padding:.78rem; border-radius:.82rem; background:#1d201f; color:rgba(246,241,230,.68); font-size:.75rem; line-height:1.35; }
.vtp-app-sheet__facts strong { color:rgba(246,241,230,.68); font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; }
.vtp-app-sheet__copy { margin:0; color:rgba(246,241,230,.75); font-size:.95rem; line-height:1.55; }
.vtp-app-sheet__tags { display:flex; flex-wrap:wrap; gap:.38rem; }
.vtp-app-sheet__tags span { padding:.36rem .56rem; color:rgba(246,241,230,.75); font-size:.64rem; border:1px solid rgba(246,241,230,.2); border-radius:999px; }
.vtp-app-sheet__actions { display:flex; flex-wrap:wrap; gap:.55rem; padding-top:.15rem; }
.vtp-app-sheet__action { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; padding:.65rem 1rem; color:#17191b; font-size:.68rem; font-weight:750; letter-spacing:.05em; text-transform:uppercase; text-decoration:none; border:0; border-radius:999px; background:var(--cream); cursor:pointer; }
.vtp-app-sheet__action--quiet { color:var(--cream); border:1px solid rgba(246,241,230,.2); background:transparent; }
.vtp-brief-sheet__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.vtp-brief-sheet__brand { display:flex; align-items:center; gap:.65rem; margin-bottom:1.1rem; color:rgba(246,241,230,.68); font-size:.75rem; font-weight:700; }
.vtp-brief-sheet__mark { width:3.35rem; height:3.35rem; border-radius:1rem; font-size:.9rem; }
@media (max-width:800px) { .vtp-brief-board__bar { align-items:flex-start; flex-direction:column; gap:1rem; } .vtp-brief-board__aside { justify-items:start; text-align:left; } .vtp-brief-board__scroller { grid-auto-flow:column; grid-auto-columns:calc(100vw - 4rem); grid-template-columns:none; } }

/* Production audience switch. The chosen route changes the hero actions while
   the same protected directory and brief backend remain the source of truth. */
.vtp-audience-switcher { grid-column:2; grid-row:2; align-self:start; justify-self:center; width:auto; position:relative; z-index:3; }
.vtp-audience-toggle { display:inline-flex; gap:.2rem; padding:.25rem; border:1px solid rgba(246,241,230,.2); border-radius:999px; background:rgba(15,17,17,.28); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.vtp-audience-toggle button { min-width:5.6rem; padding:.64rem .85rem; border:0; border-radius:999px; color:rgba(246,241,230,.64); background:transparent; font:inherit; font-size:.66rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background-color .2s ease,color .2s ease; }
.vtp-audience-toggle button[aria-pressed="true"] { color:#17191b; background:#f6f1e6; }
.vtp-audience-toggle button:hover,.vtp-audience-toggle button:focus-visible { color:#f6f1e6; outline:0; }
.vtp-audience-toggle button[aria-pressed="true"]:hover,.vtp-audience-toggle button[aria-pressed="true"]:focus-visible { color:#17191b; }
@media (max-width:900px) {
  .vtp-audience-switcher { grid-column:1; grid-row:1; align-self:start; justify-self:end; }
}
@media (max-width:560px) {
  .vtp-audience-switcher { width:100%; grid-row:auto; justify-self:stretch; }
  .vtp-audience-toggle { width:100%; box-sizing:border-box; }
  .vtp-audience-toggle button { flex:1 1 0; min-width:0; }
}
@media (max-width:700px) { .vtp-profile-card__image { height:7rem; } .vtp-app-sheet { width:calc(100% - 1rem); border-radius:1.1rem; } .vtp-app-sheet__facts { grid-template-columns:1fr 1fr; } .vtp-app-sheet__facts div:last-child { grid-column:1 / -1; } }
