.portfolio-managed .wp-block-image{max-width:100%}
.portfolio-managed .wp-block-image img{width:100%;height:auto}
.toni-track .sonder-audio{display:none}
.sonder-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-width:0;padding:10px 14px;background:#151217;border:1px solid var(--line);border-radius:12px}
.sonder-play{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:var(--violet);color:#100b13;font-size:18px;touch-action:manipulation}
.sonder-player input{width:100%;min-width:0;margin:0;accent-color:var(--violet);height:44px;cursor:pointer}
.sonder-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.sonder-media-status,.sonder-media-fallback{grid-column:1/-1;font-size:12px;line-height:1.5}
.sonder-media-status:empty{display:none}
.sonder-media-fallback{color:var(--warm)}
.sonder-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.sonder-play .sonder-icon{width:20px;height:20px}
.education-row img{object-fit:cover}
@media(min-width:651px) and (hover:hover) and (pointer:fine){
  header a,main a,main button{transition:filter .2s ease,text-shadow .2s ease,box-shadow .2s ease}
  header a:hover,main a:hover{filter:brightness(1.12);text-shadow:0 0 12px #bb9bff66}
  main button:hover{box-shadow:0 0 18px #bb9bff44}
  .project:hover .toni-cover,.project:hover .solo-cover,.project:hover .installation-cover,.musicvideo-art:hover{box-shadow:0 0 24px #bb9bff33}
  .project .toni-cover,.project .solo-cover,.project .installation-cover,.musicvideo-art{transition:box-shadow .2s ease,filter .2s ease}
  .sonder-player input:hover{filter:drop-shadow(0 0 5px #bb9bff66)}
}
@media(prefers-reduced-motion:reduce){header a,main a,main button,.project .toni-cover,.project .solo-cover,.project .installation-cover,.musicvideo-art{transition:none}}
@media(max-width:650px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  header{padding:20px 6% 14px;gap:10px}
  header nav{gap:24px;font-size:13px}
  header nav a{display:inline-flex;align-items:center;min-height:36px}
  .studio-hero{grid-template-columns:clamp(76px,23vw,110px) minmax(0,1fr);grid-template-areas:"portrait heading" "bio bio" "work work" "education education" "link link" "studio studio";gap:20px 16px;padding:30px 0 44px}
  .studio-intro{display:contents}
  .studio-heading{grid-area:heading;min-width:0}
  .studio-heading .eyebrow{font-size:clamp(8px,2vw,10px);letter-spacing:1px;line-height:1.6;margin:0 0 10px}
  .portrait-photo{width:100%;align-self:center}
  .studio-hero h1{font-size:clamp(23px,6.3vw,34px);line-height:1.12;margin:0}
  .studio-bio{grid-area:bio;font-size:15px;line-height:1.75;margin:0}
  .experience-row{grid-area:work;grid-template-columns:48px minmax(0,1fr);gap:12px;margin:0;padding:14px 0}
  .education-row{grid-area:education;border-top:0;margin-top:-20px}
  .experience-row img{width:48px;height:48px}
  .studio-context{margin-top:4px}
  .studio-link{grid-area:link;justify-self:start;margin-top:0;min-height:36px}
  .section-title{padding:20px 0;gap:8px}
  .section-title h2{font-size:22px}
  .grid{gap:30px}
  .toni-cover{height:auto;aspect-ratio:1}
  .toni-cover>span{left:20px;bottom:22px;font-size:clamp(48px,16vw,68px)}
  .solo-cover>span{font-size:clamp(32px,10vw,44px)}
  .installation-cover{height:auto;aspect-ratio:4/3}
  .installation-cover>span{font-size:clamp(30px,8vw,42px)}
  .caption h3{font-size:18px;line-height:1.25}
  .detail{padding:30px 0}
  .toni-detail,.installation-detail,.musicvideo-section,.theatre-section{margin-top:38px}
  .detail h2,.solo-detail .toni-intro h2,.musicvideo-copy h2,.theatre-section>h2{font-size:clamp(32px,8.8vw,42px);line-height:1.08;overflow-wrap:anywhere}
  .toni-intro h2{font-size:54px}
  .detail p{font-size:15px;line-height:1.75}
  .detail>.eyebrow,.toni-detail>.eyebrow{font-size:10px;line-height:1.7}
  .portfolio-managed .toni-layout{gap:22px;margin:20px 0 28px}
  .toni-portrait{width:100%;max-width:100%;justify-self:center}
  .toni-portrait img{height:auto}
  .portfolio-managed .toni-tracks{margin:28px 0}
  .toni-track{padding:18px 0;gap:12px;min-width:0}
  .track-title{gap:14px}
  .track-title h4{font-size:18px}
  .sonder-player{gap:10px;padding:8px 10px;grid-template-columns:44px minmax(0,1fr)}
  .sonder-time{grid-column:2;margin-top:-7px;padding-bottom:4px}
  .portfolio-managed .installation-video{margin:26px 0}
  .installation-video video{width:100%;height:auto;aspect-ratio:16/9;max-height:none}
  .portfolio-managed .project-story{margin:28px 0}
  .project-story h3{font-size:23px;line-height:1.2}
  .theatre-grid{gap:36px}
  .theatre-card h3{font-size:26px}
  footer{padding-top:38px}
  .contact-details dd{font-size:17px}
  .footline{margin-top:38px}
}