/* Existing artist feedback, with one featured portrait and quieter voices. */
.studio-testimonials__head{margin-bottom:var(--head-gap)}
.studio-testimonials__head h2{font-size:var(--fs-h2);margin-top:14px}
.studio-testimonials__layout{display:grid;gap:24px}
.studio-quote{margin:0;background:var(--bg-2);border:1px solid var(--line);min-width:0}
.studio-quote__body{padding:24px}
.studio-quote blockquote{font-size:16px;line-height:1.7;color:var(--text);margin:0}
.studio-quote blockquote p{margin:0}
.studio-quote blockquote p+p{margin-top:14px}
.studio-quote blockquote p:first-child::before{content:'“';color:var(--accent-bright)}
.studio-quote blockquote p:last-child::after{content:'”';color:var(--accent-bright)}
.studio-quote figcaption{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.studio-quote figcaption a:not(.studio-quote__avatar),.studio-quote__name{display:inline-flex;align-items:center;gap:12px;min-height:32px;color:var(--text);font:400 20px/1.3 var(--font-display)}
.studio-quote figcaption>div{min-width:0}
.studio-quote__photo{display:block;flex:none;width:80px;height:80px;overflow:hidden;border:1px solid var(--line)}
.studio-quote__photo img{display:block;width:100%;height:100%;object-fit:cover}
.studio-quote__photo--artwork img{object-fit:contain}
.studio-quote__credits{display:block;font:11px/1.6 var(--font-body);color:var(--text-dim);margin-top:6px}
.studio-quote figcaption a span{font-size:13px;color:var(--accent-bright)}
.studio-quote__tag{display:block;font:400 10px/1.6 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}
.studio-quote__portrait{display:block;overflow:hidden;min-width:0}
.studio-quote__portrait img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 45%}
.studio-quote--featured blockquote{font-size:21px;line-height:1.6}
.studio-quote__avatar{display:block;flex:none;width:80px;height:80px;border:1px solid var(--line);overflow:hidden}
.studio-quote__avatar img{display:block;width:100%;height:100%;object-fit:cover}
/* This source already has a circular crop; enlarge within the square frame. */
.studio-quote__avatar img[alt="Bye Lily"]{transform:scale(1.43)}
.studio-testimonials__support{display:grid;gap:24px}
.studio-testimonials__more{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio-testimonials__more summary{display:flex;align-items:center;gap:18px;min-height:64px;cursor:pointer;list-style:none;font:400 18px/1.4 var(--font-display);color:var(--text);padding:18px 0}
.studio-testimonials__more summary::-webkit-details-marker{display:none}
.studio-testimonials__count{font:400 10px/1.5 var(--font-mono);color:var(--text-dim);white-space:nowrap;margin-left:auto}
.studio-testimonials__plus{font-size:24px;color:var(--accent-bright);transition:transform .2s ease}
.studio-testimonials__more[open] .studio-testimonials__plus{transform:rotate(45deg)}
.studio-testimonials__remaining{display:grid;gap:20px;padding:10px 0 26px}
.studio-testimonials :is(a,summary):focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}
@media(hover:hover){.studio-quote a:hover{color:var(--accent-bright)}}
@media(min-width:760px){
  .studio-quote__photo,.studio-quote__avatar{width:88px;height:88px}
  .studio-quote--featured{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .studio-quote__portrait{align-self:stretch}
  .studio-quote__portrait img{height:100%;aspect-ratio:auto;object-position:center}
  .studio-quote--featured .studio-quote__body{display:flex;flex-direction:column;padding:28px}
  .studio-quote--featured figcaption{margin-top:auto;padding-top:22px}
  .studio-quote--featured blockquote{margin-bottom:28px}
  .studio-testimonials__support{grid-template-columns:1fr 1fr}
  .studio-testimonials__remaining{grid-template-columns:1fr 1fr}
}
@media(min-width:1100px){
  .studio-testimonials__layout{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:stretch}
  .studio-testimonials__support{grid-template-columns:1fr}
  .studio-quote--featured blockquote{font-size:23px;line-height:1.55}
  .studio-quote__body{padding:26px}
  .studio-testimonials__remaining{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
}
@media(prefers-reduced-motion:reduce){.studio-testimonials *{transition:none}}
