:root{--media-text-gap:40px}
.artist,.company-band,.intro.intro-with-portraits,.care-band{column-gap:var(--media-text-gap);row-gap:var(--media-text-gap)}
.artist{grid-template-columns:minmax(0,min(40%,480px)) minmax(0,1fr)}
.artist-visual>.back{display:flex;align-items:center;min-height:24px;line-height:24px;margin:0 0 24px}
.artist-visual>.portrait{width:100%;max-width:none;transform:none}
.artist-bio{padding-top:48px}
.company-band{align-items:start}
.company-band>img{transform:none}
.company-band>.prose>p:first-child{margin-top:0}
.intro.intro-with-portraits>p:not(.eyebrow){align-self:start}
.person-copy{padding-top:var(--media-text-gap)}
.project-meta{padding-top:var(--media-text-gap)}
.care-photo{margin-bottom:var(--media-text-gap)}
.detail-hero{gap:var(--media-text-gap);align-items:start;min-height:0;padding:48px var(--pad)}
.detail-heading{padding:0;justify-content:start}
.detail-hero>img,.detail-hero>img.landscape-les-nous{width:100%;height:auto;max-height:600px;align-self:start;transform:none}
@media(min-width:1100px){.detail-hero{padding-left:max(var(--pad),calc((100% - 1360px)/2));padding-right:max(var(--pad),calc((100% - 1360px)/2))}}
@media(min-width:761px) and (max-width:1099px){:root{--media-text-gap:32px}}
@media(max-width:760px){
 :root{--media-text-gap:24px}
 .artist{grid-template-columns:minmax(0,1fr)}
 .artist-bio{padding-top:0}
 .artist-visual>.portrait{width:calc(100% - 12px);margin:8px 0 0 4px}
 .person-row{column-gap:var(--media-text-gap)}
 .person-copy{padding:0}
 .care-band-photo{margin:0}
 .detail-hero{padding-top:32px;padding-bottom:32px}
}