/* STUDIO — about text + tools, then a full-width row of team cards */
.yk-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:clamp(32px,5vw,80px);}
.yk-big{font-family:var(--display);font-size:clamp(24px,min(2.8vw,4.6vh),40px);line-height:1.2;letter-spacing:-0.025em;color:var(--white);}
.yk-big em{font-style:normal;color:var(--orange);}
.yk-body{max-width:540px;font-size:15px;line-height:1.55;}

.yk-tools-label{margin-top:clamp(14px,2.4vh,22px);}
.yk-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}

/* team: as many columns as fit, max 4 */
.yk-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(20px,3.6vh,56px);}
/* compact cards: avatar on the left, name and role next to it */
.yk-person .yk-in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-content:center;padding:clamp(14px,2.2vh,24px) 22px;}
.yk-avatar{grid-row:span 2;align-self:center;width:clamp(48px,7vh,64px);height:clamp(48px,7vh,64px);flex-shrink:0;overflow:hidden;}
.yk-person:nth-child(2) .yk-avatar{animation-delay:-2s;}
.yk-person:nth-child(3) .yk-avatar{animation-delay:-4s;}
.yk-person:nth-child(4) .yk-avatar{animation-delay:-6s;}
.yk-avatar img{width:100%;height:100%;object-fit:cover;}
.yk-person h3{font-size:20px;letter-spacing:-0.02em;align-self:end;}
.yk-person p{font-size:13.5px;line-height:1.45;align-self:start;}

@media(max-width:900px){.yk-people{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.yk-studio{grid-template-columns:1fr;}}
@media(max-width:520px){.yk-people{grid-template-columns:1fr;}}

/* short screens */
@media(min-width:901px) and (max-height:780px){.yk-big{font-size:3.8vh;}.yk-body{font-size:14.5px;line-height:1.5;}.yk-people{margin-top:16px;}.yk-tools .yk-pill{font-size:11px;padding:5px 10px;}}