


.t-hero{padding:clamp(96px,12vw,150px) 0 clamp(40px,6vw,72px)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.crumbs li+li::before{content:"›";content:"›" / "";margin-right:8px;color:var(--orange)}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--cyan)}
.crumbs a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.t-hero h1{font-size:clamp(44px,7vw,104px)}
.t-intro{margin-top:28px;max-width:62ch;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--soft)}


.t-list{padding-top:clamp(48px,6vw,80px)}
.t-group+.t-group{margin-top:clamp(48px,6vw,72px)}
.t-gh{font-size:clamp(20px,2vw,26px);margin-bottom:20px;display:flex;gap:14px;align-items:baseline}
.t-gh .num{font-size:13px}
.team{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}


.member{--c:var(--orange);position:relative;scroll-margin-top:88px}
.member article{position:relative;height:100%;background:var(--panel);border:1px solid var(--line);padding:24px 22px 46px;transition:border-color .2s}
.member article::before{content:"";position:absolute;left:-1px;top:-1px;width:28px;height:3px;background:var(--c)}
.m-head{display:flex;gap:16px;align-items:center}
.m-id{min-width:0}
.m-tag{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:4px 6px;text-wrap:balance}
.member--human .m-tag{color:var(--orange);border-color:rgba(255,90,31,.45)}
.member h3{font-size:clamp(20px,1.7vw,24px);margin:8px 0 2px;line-height:1.05}
.m-role{font:600 14px/1.3 var(--body);color:var(--ink);overflow-wrap:anywhere}
.m-desc{margin-top:16px;font-size:15px;line-height:1.55;color:var(--soft)}
.m-link{position:absolute;right:14px;bottom:12px;font:500 11px/1 var(--mono);color:var(--muted);text-decoration:none;padding:6px 4px}
.m-link:hover{color:var(--cyan)}
.m-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;color:var(--cyan)}


.m-ava{--s:96px;--cut:calc(var(--s)*.19);--cut-in:calc(var(--cut) - 1.17px);
  position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:var(--s);height:var(--s)}
.m-ava::before,.m-ava::after{content:"";position:absolute;z-index:-1;pointer-events:none}
.m-ava::before{inset:0;background:var(--c);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}
.m-ava::after{inset:2px;background:radial-gradient(circle at 50% 40%,#19191F,#0B0B0D 70%);
  clip-path:polygon(0 0,calc(100% - var(--cut-in)) 0,100% var(--cut-in),100% 100%,var(--cut-in) 100%,0 calc(100% - var(--cut-in)))}
.m-ava img{display:block;position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;
  clip-path:polygon(0 0,calc(100% - var(--cut-in)) 0,100% var(--cut-in),100% 100%,var(--cut-in) 100%,0 calc(100% - var(--cut-in)))}
.m-ava .ini{font:800 calc(var(--s)*.34)/1 var(--head);letter-spacing:.02em;color:var(--ink);text-shadow:0 0 18px color-mix(in srgb,var(--c) 55%,transparent)}

.m-ava:not(.has-img) .ini::after{content:"";display:block;width:40%;height:3px;margin:8px auto 0;background:var(--c)}

.ava-round .m-ava::before,.ava-round .m-ava::after,.ava-round .m-ava img{clip-path:circle(50%)}
.ava-round .m-ava::after{inset:2px;clip-path:circle(50%)}


.member:target article{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 32px rgba(0,240,255,.12)}
.member:target article::before{background:var(--cyan);width:56px}
.member:target .m-link{color:var(--cyan)}
.member:target article{animation:m-hit .45s steps(3) 1}
@keyframes m-hit{0%{box-shadow:-3px 0 0 1px var(--magenta),3px 0 0 1px var(--cyan)}50%{box-shadow:3px 0 0 1px var(--orange),-2px 0 0 1px var(--cyan)}100%{box-shadow:0 0 0 1px var(--cyan),0 0 32px rgba(0,240,255,.12)}}
.member:hover article{border-color:rgba(237,237,237,.22)}


.t-draft{display:inline-block;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0B0B0D;background:var(--cyan);padding:4px 6px;margin-bottom:18px}
.say-s{font-size:clamp(18px,1.8vw,22px);line-height:1.5;color:var(--ink)!important;font-weight:600;max-width:58ch}
.t-mail{color:var(--cyan)}

@media (max-width:760px){
  .member article{padding:20px 18px 42px}
  .m-ava{--s:72px}
  .m-head{gap:14px}
  .m-desc{font-size:15px;margin-top:14px}
}


.tt-body{margin-left:144px}
.tt-lead{font-size:clamp(18px,1.8vw,22px);font-weight:700;color:var(--ink);max-width:52ch}
.tt-row-link{display:block;width:max-content;max-width:100%;text-decoration:none}
.tt-row-link:hover .m-ava{filter:brightness(1.15)}
.tt-row{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 4px}
.tt-row li{--c:var(--orange)}
.m-ava--sm{--s:56px}
.m-ava--sm .ini{font-size:17px}
.m-ava--sm:not(.has-img) .ini::after{margin-top:5px;height:2px}
.team-teaser .btn-site{margin-top:28px}
@media (max-width:760px){
  .tt-body{margin-left:0}
  .tt-row{gap:8px}
  .m-ava--sm{--s:40px}
  .m-ava--sm .ini{font-size:13px}
  .m-ava--sm:not(.has-img) .ini::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .member:target article{animation:none}
}
.nw{white-space:nowrap}


.m-head{align-items:flex-start}
.m-id{min-width:0;flex:1;container-type:inline-size}
.member h3{overflow-wrap:normal;hyphens:none}
.member h3.m-name--fit{font-size:min(clamp(20px,1.7vw,24px),14.5cqi)}
.member--human .m-role{font-size:min(13px,9.3cqi);white-space:normal;text-wrap:balance}  


@media (min-width:761px){
  .tt-row-link{width:100%;max-width:100%}
  .tt-row{display:grid;grid-template-columns:repeat(8,auto);justify-content:start;gap:10px}
}
@media (max-width:760px){
  .tt-row-link{width:100%;container-type:inline-size}
  .tt-row{display:grid;grid-template-columns:repeat(8,auto);justify-content:start;gap:8px 6px}
  .tt-row .m-ava--sm{--s:min(44px,calc((100cqi - 42px)/8))}
}
@media (max-width:359px){
  .tt-row{grid-template-columns:repeat(4,auto);gap:10px}
  .tt-row .m-ava--sm{--s:min(52px,calc((100cqi - 30px)/4))}
}
