/* EFG Refinement 041 */
/* Home columns: the picture wrapper only supplies sources; the img keeps its 039 absolute cover layout. */
.col-pic{display:contents}
/* About: nine people read as a complete three-by-three grid on wide screens rather than four, four and one. */
@media (min-width:1000px){.tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Team member without a portrait: a plain field in the tone of the portraits' own studio backdrops, carrying the
   initials in the display face. Decorative; the name heading below carries the identity. */
.tm-mono{background:#d9d8d4}
.tm-mono .tm-initials{background:none;color:#7a7973;font-size:clamp(3.5rem,2.25rem + 3.6vw,5.75rem);letter-spacing:-.04em;line-height:1;padding-bottom:8%}
/* 041 v2: home Selected work spans sectors; each caption names its sector by shape and word */
.work-grid.sectors .wk-sector{display:inline-flex;align-items:center;gap:7px;margin-right:2px;font-weight:700;color:var(--ink)}
.work-grid.sectors .wk-name{text-wrap:balance}
.work-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:var(--sp-6) 0 0}
.work-more-alt{font-size:var(--fs-small);color:var(--ink-2);text-underline-offset:.22em}
/* the paper band has no light-surface button rule in the page family; mirror .light .btn */
.work-more .btn{border-color:var(--rule-ink-strong);color:var(--ink)}
.work-more .btn:hover{border-color:var(--ink);background:rgba(31,33,29,.05)}
/* tablet: the sixth card closes the two-column grid at full width instead of standing alone */
@media (min-width:561px) and (max-width:900px){.work-grid.sectors .wk:last-child{grid-column:span 2}}
/* phone: the lead caption stacks like the others, so the name is not squeezed by its sector line */
@media (max-width:560px){.work-grid.sectors .wk-lead .wk-cap{flex-direction:column;align-items:flex-start;gap:2px}.work-grid.sectors .wk-lead .wk-meta{text-align:left}}
