.tp-portrait{width:100%;aspect-ratio:1;background-image:url('assets/personas.png');background-size:400% 500%;background-position:var(--x) var(--y);background-repeat:no-repeat;border-radius:8px;background-color:#e8f3eb}.agent-card .tp-portrait{margin-bottom:16px}.tp-role{font-weight:700;color:#183c43!important;min-height:3.8em}.agent-card details{border-top:1px solid #d9e5e2;margin-top:15px;padding-top:12px;font-size:12px;color:#415e58}.agent-card summary{cursor:pointer;font-weight:600}.agent-card details p{margin-top:12px}.agent-card[hidden]{display:none}.tp-families{margin-top:36px;padding:28px;border:1px solid #d9e5e2;border-radius:8px}.tp-families h3{font-size:20px}.tp-families ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tp-families li{font-size:12px;padding:10px 12px;background:#edf5f0;border-radius:4px}.tp-families p{font-size:12px;margin:22px 0 0}.tp-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.tp-workflow article{border-top:2px solid #aac9bc;padding-top:20px}.tp-workflow span{font-size:12px;font-weight:700;color:#176a60}.tp-workflow h3{font-size:19px;margin:14px 0}.tp-workflow p{font-size:13px}.tp-evidence-demo{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px;margin-top:36px;background:#fff;border:1px solid #cbded3;border-radius:8px}.tp-evidence-demo h3{font-size:21px}.tp-evidence-demo p{font-size:13px}.tp-state-buttons{display:flex;flex-wrap:wrap;gap:8px}.tp-state-buttons button{background:#fff;border:1px solid #adc7bd;padding:9px 12px;color:#214d43;font-size:12px;border-radius:4px}.tp-state-buttons button[aria-pressed=true]{background:#176a60;color:white}.tp-state-panel{min-height:245px;border-left:3px solid #9c7d42;padding:20px 24px;background:#f5f8f5}.tp-state-panel>span{display:block;font-size:11px;letter-spacing:.08em;font-weight:700;color:#176a60;margin-bottom:14px}.tp-demo-foot{font-size:11px!important;margin-top:20px}.tp-count{font-size:12px;margin:0 0 20px}.agent-grid{align-items:start}.agent-filters{flex-wrap:wrap}.team-caption{margin-top:24px}.site-header .brand small{font-size:10px}@media(max-width:900px){.tp-families ul,.tp-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-evidence-demo{gap:20px;padding:24px}}@media(max-width:640px){.tp-families ul{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-workflow,.tp-evidence-demo{grid-template-columns:1fr}.tp-families{padding:20px}.agent-grid{grid-template-columns:1fr}.agent-card{display:grid;grid-template-columns:96px 1fr;column-gap:18px;padding:20px}.agent-card .tp-portrait{grid-row:1/5}.agent-card>p:not(.tp-role),.agent-card details{grid-column:1/-1}.tp-role{min-height:0}.agent-card small{font-size:9px}.tp-state-panel{min-height:285px}.studio-lead{grid-template-columns:1fr 1fr}.studio-count{font-size:9px}}
.tp-portrait{background-size:calc(1122 / var(--pw) * 100%) calc(1402 / var(--pw) * 100%);background-position:calc(var(--px) / (1122 - var(--pw)) * 100%) calc(var(--py) / (1402 - var(--pw)) * 100%)}

/* Compact persona treatment requested by the owner. */
.tp-portrait{filter:saturate(.22) contrast(.86);background-color:#e8ece7}
.hero-studio .studio-lead{grid-template-columns:92px 1fr;gap:22px;padding:24px 0}
.hero-studio .studio-lead .tp-portrait{width:92px;height:92px;border-radius:7px}
.hero-studio .studio-lead h2{font-size:24px!important}.hero-studio .studio-lead p{font-size:13px}
.hero-studio .studio-team{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hero-studio .studio-team .tp-portrait{width:48px;height:48px;border-radius:5px}
.hero-studio .studio-team strong{font-size:12px}.hero-studio .studio-team span{font-size:11px}
.hero-studio .studio-footer{font-size:10px}.hero-studio .studio-heading{font-size:12px}.hero-studio .studio-count{font-size:11px}
.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.agent-card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:16px;padding:20px;border-radius:7px;align-content:start;box-shadow:none!important}
.agent-card .tp-portrait{width:56px;height:56px;border-radius:5px;margin:0;grid-row:1/4;grid-column:1}
.agent-card>small,.agent-card>h3,.agent-card>.tp-role{grid-column:2}.agent-card>small{font-size:9px!important;letter-spacing:.02em}
.agent-card>h3{font-size:20px!important;margin:4px 0 6px}.agent-card>.tp-role{font-size:12px!important;min-height:0;font-weight:600;line-height:1.55}
.agent-card>p:not(.tp-role){grid-column:1/-1;font-size:13px!important;margin-top:16px;line-height:1.75}
.agent-card>details{grid-column:1/-1;font-size:12px;margin-top:18px}.agent-card details p{font-size:12px!important}
@media(max-width:1050px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.agent-grid{grid-template-columns:1fr}.agent-card{grid-template-columns:52px minmax(0,1fr);padding:20px}.agent-card .tp-portrait{width:52px;height:52px}.hero-studio .studio-lead{grid-template-columns:72px minmax(0,1fr);gap:16px}.hero-studio .studio-lead .tp-portrait{width:72px;height:72px}.hero-studio .studio-team{gap:12px}.hero-studio .studio-team .tp-portrait{width:42px;height:42px}.hero-studio .studio-team span{font-size:10px}}