/* Find your home team (/find-your-team), the public search for buyers and sellers. The navy band, header,
   hero house and footer come from cinematic-story.css; the search card, results, contact dialog and one
   small self-playing touch live here. No scroll effects. Same markup as the client home's team search. */
.team-hero{padding-bottom:150px}
/* Every role under the lead: each face lifts in turn, on a 10-second loop. */
.team-faces{display:flex;flex-wrap:wrap;gap:12px 22px;margin:36px 0 0;padding:0;list-style:none}
.team-faces li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:580;color:#adbed4;animation:face-turn 10s ease-in-out infinite;animation-delay:calc(var(--i,0)*2s)}
.team-faces i{display:block;width:40px;height:40px;border-radius:50%;background:#1a2f4b url("/story/team.jpg") calc(var(--face,0)*25%) 0/500% 100% no-repeat;box-shadow:0 0 0 2px #09182a,0 0 0 3px rgba(217,174,95,.35)}
@keyframes face-turn{0%,24%,100%{color:#adbed4;transform:none}6%,16%{color:#fff;transform:translateY(-5px)}}
/* The search card sits over the hero's edge; results follow in the same light section. */
.team-search{padding-top:0;margin-top:-84px}
.search{position:relative;z-index:2;display:grid;gap:18px;padding:30px;border-radius:24px;background:#fff;box-shadow:0 30px 70px -40px rgba(16,38,63,.6),inset 0 0 0 1px #e3e9f2}
fieldset{border:0;margin:0;padding:0;min-width:0}legend{margin-bottom:12px;padding:0;font-weight:650;color:#10263f}
.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.goal{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #d6e0ec;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:border-color .2s,background .2s}.goal:has(input:checked){border-color:#385f91;background:#eef3fa}
.goal input,.check input{accent-color:#142d47;width:18px;height:18px;flex-shrink:0}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.field{display:grid;gap:6px;min-width:0;font-size:14px;font-weight:600;color:#10263f}.field small{font-weight:400;color:#5f7289}
.field input,.field select,.field textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #9fb0c6;border-radius:10px;background:#fff;color:#10263f;font:inherit;font-size:16px;font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:50px;border:1px solid #d6e0ec;background:#fff;color:#10263f;font:inherit;font-size:14px;font-weight:620;cursor:pointer;transition:background .2s}
.button:hover{background:#eef3fa}.button.primary{background:#142d47;border-color:#142d47;color:#fff}.button.primary:hover{background:#1d3d61}.button:disabled{opacity:.6;cursor:default}
.search .button{justify-self:start}
:focus-visible{outline:3px solid #72a9f1;outline-offset:2px}
.error{color:#b42318}.error:empty{display:none}
.status{margin:22px 0 6px;color:#5f7289}
/* Results: A–Z within each role, nothing ranked */
.group{margin:26px 0}.group h2{margin:0 0 12px;font:600 19px/1.3 Inter,ui-sans-serif,sans-serif;letter-spacing:0;color:#10263f}
.optional{padding:1px 9px;border:1px solid #d6e0ec;border-radius:999px;vertical-align:middle;font-size:12px;font-weight:650;color:#5f7289}
.pros{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.pro{display:grid;gap:8px;align-content:start;padding:20px;border-radius:18px;background:#fff;box-shadow:0 30px 70px -40px rgba(16,38,63,.5),inset 0 0 0 1px #e3e9f2;animation:card-arrive .5s ease both}
@keyframes card-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pro-top{display:flex;align-items:center;gap:12px}
.avatar{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eef3fa;color:#385f91;font-weight:700;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(217,174,95,.55)}
.pro h3{font-size:17px;font-weight:600}.pro p{font-size:14px;overflow-wrap:anywhere}.pro .role,.pro .small{color:#5f7289;font-size:13.5px}
.pro .button{justify-self:start;margin-top:4px}.more{margin-top:12px}.empty{color:#5f7289}
/* Contacting one professional */
dialog{width:calc(100% - 32px);max-width:560px;padding:0;border:0;border-radius:18px;background:#fff;color:#10263f;box-shadow:0 20px 60px rgba(9,24,42,.35)}dialog::backdrop{background:rgba(9,24,42,.55)}
#contact-body{padding:22px}#contact-form,.sent{display:grid;gap:14px}#contact-form h2,.sent h2{font:400 24px/1.2 Georgia,serif;letter-spacing:-.02em}
.hint{color:#5f7289;font-size:14px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px}.check input{margin-top:3px}.actions{display:flex;flex-wrap:wrap;gap:10px}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* The small print above the footer */
.team-notes{padding-top:0}.team-notes p{max-width:72ch;font-size:13px;line-height:1.7;color:#5f7289}.team-notes p+p{margin-top:8px}
/* The quiet page (listing and web search both off) is only a hero and the footer, so the navy fills the screen. */
.team-quiet{min-height:100svh;display:flex;flex-direction:column}.team-quiet main,.team-quiet .page-hero{flex:1;display:flex;flex-direction:column}.team-quiet .page-hero{justify-content:center;align-items:flex-start}
@media (max-width:760px){.team-hero{padding-bottom:120px}.team-search{margin-top:-64px}.search{padding:20px;border-radius:20px}.pros{grid-template-columns:1fr}.team-faces{gap:10px 14px}.team-faces i{width:34px;height:34px}.film-footer nav{flex-wrap:wrap;row-gap:10px}}
/* Found on the public web: the same cards, marked as web finds, with the source and look-up chips; no Contact button */
.web-intro{margin:0;color:#5f7289}.web-intro[hidden]{display:none}
.web-found{margin-top:14px;padding-top:14px;border-top:1px dashed #d6e0ec}.web-found h3{margin:0 0 10px;font:600 15px/1.3 Inter,ui-sans-serif,sans-serif;color:#385f91}
.avatar.web{background:#fff;box-shadow:inset 0 0 0 1px #d6e0ec}.web-pro .reach a{color:#245ddd;text-decoration:underline;overflow-wrap:anywhere}.web-pro .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.lookups{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0}.chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid #d6e0ec;border-radius:999px;background:#fff;color:#10263f;font-size:13px;font-weight:600;text-decoration:none}.chip:hover{background:#eef3fa}
.web-note{max-width:72ch;margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#f4f7fb;color:#5f7289;line-height:1.6}