/* Approved direction A: full-width brand field, task index and alternating project rows. */
.studio-home{color:var(--ink);background:var(--bg)}
.studio-wrap{width:min(calc(100% - 2 * var(--page-inset)),var(--container-reading));margin-inline:auto;min-width:0}
.studio-home :where(p,h1,h2,h3,figure){margin:0}
.studio-home :is(a,button){overflow-wrap:anywhere}
.studio-home .text-link{min-height:44px}
.studio-home a:focus-visible,.studio-home button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.studio-home .studio-hero{background:var(--brand-field);color:var(--on-brand)}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--space-12);align-items:center;padding-block:var(--space-8)}
.studio-intro{min-width:0;padding:0}
.studio-home .studio-byline{font-size:var(--text-small);margin-bottom:var(--space-4)}
.studio-home .studio-intro-text{max-width:53ch;margin-top:var(--space-6)}
.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-6)}
.studio-hero .studio-actions .text-link{color:var(--on-brand)}
.studio-hero .button{background:var(--on-brand);color:var(--brand-field)}
.studio-hero .button:hover{background:var(--on-brand);color:var(--brand-field-hover)}
.studio-hero .studio-actions a:focus-visible{outline-color:var(--on-brand)}
.studio-evidence{min-width:0;background:var(--panel);color:var(--ink);border-radius:var(--radius);overflow:hidden}
.studio-evidence-heading{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-6);font-size:var(--text-small)}
.studio-evidence-heading>span{color:var(--muted)}
.studio-evidence>.text-link{margin:0 var(--space-6) var(--space-4);color:var(--accent)}
.studio-artifact{min-width:0}
.studio-home .studio-evidence .portfolio-shot{border-radius:0}
.studio-home .studio-evidence .portfolio-shot img{height:240px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:var(--space-4)}
.studio-home .studio-evidence .portfolio-shot>span{position:static;display:flex;justify-content:space-between;min-height:44px;border-top:1px solid var(--line);border-radius:0;padding:var(--space-2) var(--space-3);background:var(--panel)}
.studio-artifact figcaption{font-size:var(--text-small);line-height:1.5;padding:var(--space-4) var(--space-6);overflow-wrap:anywhere}
.studio-artifact figcaption>span{display:block;color:var(--muted);margin-top:var(--space-2)}
.studio-hero-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);border-top:1px solid var(--brand-line);padding-block:var(--space-4);font-size:var(--text-small)}
.studio-tasks{background:var(--panel);border-bottom:1px solid var(--line)}
.studio-task-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-8)}
.studio-task-layout>h2{font-size:var(--text-h3);line-height:1.4}
.studio-task-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4) var(--space-6)}
.studio-task-index a{min-width:0;min-height:44px;padding:var(--space-4);border:1px solid var(--line)}
.studio-task-index strong{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-body);line-height:1.4}
.studio-task-index strong>span{color:var(--accent)}
.studio-task-index a>span{display:block;color:var(--muted);font-size:var(--text-small);margin-top:var(--space-2)}
.studio-task-index a:hover strong,.studio-work-copy h3 a:hover{color:var(--accent)}
.studio-work{background:var(--surface);padding-block:var(--space-8)}
.studio-section-heading{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6)}
.studio-section-heading h2{margin-top:var(--space-2)}
.studio-work-list{display:grid;gap:var(--space-6)}
.studio-work-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--panel);border:1px solid var(--line);min-width:0}
.studio-work-item.hermes-agent{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.studio-work-copy{padding:var(--space-6);align-self:center;min-width:0}
.studio-work-copy h3{font-size:var(--text-h2);line-height:1.25;margin-top:var(--space-2)}
.studio-work-copy>p{margin-top:var(--space-4)}
.studio-work-copy .studio-flow{font-size:var(--text-small);color:var(--muted)}
.studio-work-copy>.text-link{margin-top:var(--space-6)}
.studio-work-item.hermes-agent .portfolio-shot img{height:300px}
.studio-work-item.podryad-radar .portfolio-shot img{object-position:50% 25%}
.studio-next{padding-block:var(--space-8);border-block:1px solid var(--line)}
.studio-next-grid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}
.studio-next-grid>div{min-width:0;flex:1 1 28rem}
.studio-next-grid p{margin-top:var(--space-3)}
.studio-next-grid>.button{flex-shrink:0;max-width:100%}
.studio-secondary{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-6);margin-top:var(--space-6)}
@media(max-width:1100px){.studio-hero-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.studio-home .studio-evidence .portfolio-shot img{height:240px}.studio-task-index{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.studio-hero-grid{grid-template-columns:1fr}.studio-intro{padding:0}.studio-home .studio-intro-text,.studio-actions{margin-top:var(--space-4)}.studio-task-index{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-work-item,.studio-work-item.hermes-agent{grid-template-columns:1fr}.studio-work-item.hermes-agent .portfolio-shot img{height:260px}}
@media(max-width:620px){.studio-wrap{width:calc(100% - 2 * var(--page-inset))}.studio-hero-grid{padding-block:var(--space-6)}.studio-actions{gap:var(--space-3)}.studio-evidence-heading,.studio-artifact figcaption,.studio-home .studio-evidence .portfolio-shot>span{padding-inline:var(--space-4)}.studio-evidence>.text-link{margin-inline:var(--space-4)}.studio-work-copy{padding:var(--space-4)}.studio-home .studio-evidence .portfolio-shot img{height:220px}}
@media(max-width:450px){.studio-task-index{grid-template-columns:1fr}.studio-home .studio-evidence .portfolio-shot img,.studio-work-item.hermes-agent .portfolio-shot img{height:220px}}

.studio-wrap.studio-reading{width:min(calc(100% - 2 * var(--page-inset)),var(--container-reading))}