/*
  MazeLabs — página Equipe.
  Tokens locais: um matiz por especialista nos pôsteres (placeholder até
  haver fotos). Demais cores vêm de tokens.css.
*/
.expert-selector{--expert-tint-1:#655d68;--expert-tint-2:#a8447d;--expert-tint-3:#466b7e;--expert-tint-4:#6951a2;--expert-tint-5:#477763}
.experts-hero{padding-bottom:92px}
.experts-hero h1{max-width:830px}
.experts-section{overflow:hidden}
.expert-map{position:relative;min-height:340px;margin:10px 0 48px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at center,var(--white) 0,var(--paper-100) 66%);overflow:hidden}
.expert-map:before,.expert-map:after{content:"";position:absolute;inset:50% auto auto 50%;width:78%;height:1px;background:var(--gray-200);transform:translate(-50%,-50%) rotate(17deg)}
.expert-map:after{transform:translate(-50%,-50%) rotate(-19deg)}
.map-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:var(--ink);color:var(--white);text-align:center;box-shadow:0 20px 50px color-mix(in srgb,var(--ink-900) 13%,transparent)}
.map-core strong{font:700 1.55rem/1 var(--font-display)}
.map-core span{font-size:.75rem;color:var(--gray-200)}
.map-node{position:absolute;z-index:2;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);font-size:.78rem;font-weight:800}
.map-node:after{content:"";position:absolute;width:110px;height:1px;background:var(--gray-300);top:50%}
.n1{left:7%;top:18%}
.n1:after,.n3:after,.n5:after,.n7:after{left:100%;transform:rotate(12deg);transform-origin:left}
.n2{right:7%;top:16%}
.n2:after,.n4:after,.n6:after,.n8:after{right:100%;transform:rotate(-12deg);transform-origin:right}
.n3{left:13%;top:48%}
.n4{right:10%;top:47%}
.n5{left:6%;bottom:15%}
.n6{right:8%;bottom:14%}
.n7{left:36%;top:8%}
.n7:after{width:70px;transform:rotate(65deg)}
.n8{right:35%;bottom:7%}
.n8:after{width:70px;transform:rotate(65deg)}
.expert-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.expert-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--white);text-align:left;color:var(--ink)}
.expert-card:hover,.expert-card.active{border-color:var(--accent);box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 7%,transparent)}
.expert-poster{display:grid;place-items:center;align-content:center;aspect-ratio:1/.78;border-radius:11px;background:linear-gradient(145deg,var(--ink-700),var(--expert-tint-1));color:var(--white);font:700 2.15rem var(--font-display)}
.expert-card:nth-child(2) .expert-poster{background:linear-gradient(145deg,var(--ink-700),var(--expert-tint-2))}
.expert-card:nth-child(3) .expert-poster{background:linear-gradient(145deg,var(--ink-700),var(--expert-tint-3))}
.expert-card:nth-child(4) .expert-poster{background:linear-gradient(145deg,var(--ink-700),var(--expert-tint-4))}
.expert-card:nth-child(5) .expert-poster{background:linear-gradient(145deg,var(--ink-700),var(--expert-tint-5))}
.expert-poster small{display:block;margin-top:7px;font:600 .58rem var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--gray-200)}
.expert-card>strong{display:block;margin:14px 2px 5px;font:700 1.05rem var(--font-display)}
.expert-card>em{display:block;margin:0 2px 5px;min-height:38px;color:var(--muted);font-style:normal;font-size:.73rem;line-height:1.35}
.expert-focus{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;margin-top:28px;padding:24px;border-radius:20px;background:var(--ink);color:var(--white)}
.expert-video-placeholder{min-height:360px;padding:32px;border:1px dashed var(--white-a24);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--ink-700),var(--ink-600));display:flex;flex-direction:column;justify-content:space-between}
.expert-video-placeholder span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--blue-300)}
.expert-video-placeholder strong{max-width:680px;font:600 clamp(1.8rem,3vw,2.7rem)/1.08 var(--font-display);letter-spacing:-.04em}
.expert-copy h2{font-size:clamp(1.8rem,3vw,2.45rem);margin:12px 0 20px}
.expert-copy p{color:var(--gray-200);line-height:1.65}
.pending-content{padding-top:18px;border-top:1px solid var(--white-a15);font-size:.78rem}
.approach-cloud{display:flex;flex-wrap:wrap;gap:10px}
.approach-cloud span{padding:12px 16px;border:1px solid var(--white-a24);border-radius:var(--radius-pill);font-weight:700;color:var(--gray-200)}
.expert-poster{position:relative;overflow:hidden}
.expert-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.88);transition:transform .35s ease,filter .35s ease}
.expert-card:hover .expert-poster img,.expert-card.active .expert-poster img{transform:scale(1.035);filter:saturate(1)}
.expert-number{display:block;margin:13px 2px 2px;color:var(--accent-text);font-weight:800;letter-spacing:.08em}
.expert-card>strong{margin-top:3px}
.expert-poster.silhouette{background:var(--line-200)}
.expert-poster.silhouette:before{content:"";position:absolute;left:50%;top:23%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--gray-450);transform:translateX(-50%)}
.expert-poster.silhouette:after{content:"";position:absolute;left:18%;right:18%;bottom:-8%;height:55%;border-radius:50% 50% 12% 12%;background:var(--gray-450)}
.expert-poster.silhouette i{position:absolute;inset:0;background:linear-gradient(145deg,transparent,color-mix(in srgb,var(--white) 27%,transparent))}
@media(max-width:1000px){
.expert-selector{grid-template-columns:repeat(3,1fr)}
.expert-focus{grid-template-columns:1fr}
.expert-video-placeholder{min-height:290px}
}
@media(max-width:620px){
.experts-hero{padding-bottom:64px}
.expert-map{min-height:520px}
.expert-map:before{width:110%;transform:translate(-50%,-50%) rotate(68deg)}
.expert-map:after{width:110%;transform:translate(-50%,-50%) rotate(-65deg)}
.map-core{width:145px;height:145px}
.map-node{font-size:.7rem}
.map-node:after{display:none}
.n1{left:8%;top:7%}
.n2{right:6%;top:16%}
.n3{left:5%;top:29%}
.n4{right:4%;top:38%}
.n5{left:4%;bottom:35%}
.n6{right:7%;bottom:23%}
.n7{left:10%;top:auto;bottom:10%}
.n8{right:9%;bottom:6%}
.expert-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.expert-card{min-width:72%;scroll-snap-align:start}
.expert-focus{padding:18px}
.expert-video-placeholder{min-height:250px;padding:22px}
.expert-video-placeholder strong{font-size:1.55rem}
}