New York City Ballet

Two Hearts

Choreography by: Benjamin Millepied

Music by: Nico Muhly

Social Media Buttons

Send to a Friend

Credits

Music: Two Hearts
Premiere: May 10, 2012, New York City Ballet, David H. Koch Theater
Original Cast: Tiler Peck, Tyler Angle
Length: 27 Min.
Costumes by: Kate & Laura Mulleavy of Rodarte; supervised by Marc Happel
Lighting by: Roderick Murray

With geometric black and white costumes by Rodarte, Two Hearts is a constantly shifting profusion of steps and shapes that ends with a soulful pas de deux to a bittersweet ballad.

Marking the fourth collaboration between Benjamin Millepied and composer Nico Muhly, the score for Two Hearts, commissioned by New York City Ballet, draws inspiration from the Northern European folk song “Lord Thomas and Fair Eleanor”. Comprised of a principal duo and 12 corps de ballet members the ballet also features costumes designed by Kate and Laura Mulleavy of Rodarte.

**View a slideshow of images from Two Hearts >**

{{#data}}
		<section class="explore-multimedia-section">
			<h2><a href="#/category/{{NodeID}}">{{CategoryName}}</a></h2>
			<ul>
				{{#Items}}
					{{#Item}}
						<li class="display-{{DisplayType}}" style="display: none;">
							{{#SlideshowTitle}}
								<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{SlideshowTitle}}" /></a>
								<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{SlideshowTitle}}</a></h3>
								<p>
									{{{Description}}}
									{{#CallToActionLabel}}{{#CallToActionLink}}
									<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
									{{/CallToActionLink}}{{/CallToActionLabel}}
								</p>
								{{#Keyword1}}
									<ul class="keyword-list">
										<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
										{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
										{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
									</ul>
								{{/Keyword1}}
							{{/SlideshowTitle}}
							{{#VideoTitle}}
								<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{VideoTitle}}" /></a>
								<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{VideoTitle}}</a></h3>
								<p>
									{{{VideoDescription}}}
									{{#CallToActionLabel}}{{#CallToActionLink}}
									<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
									{{/CallToActionLink}}{{/CallToActionLabel}}
								</p>
								{{#Keyword1}}
									<ul class="keyword-list">
										<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
										{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
										{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
									</ul>
								{{/Keyword1}}
							{{/VideoTitle}}
							<div class="clear"></div>
						</li>
					{{/Item}}
				{{/Items}}
			</ul>
			<div class="cta">
				<a class="lnk-view-more" href="#/category/{{NodeID}}">More {{CategoryName}}</a>
			</div>
		</section>
	{{/data}}

{{#data}}
		<section class="explore-multimedia-section">
			<h2>{{Name}}</h2>
			<ul>
				{{#Items}}
					{{#Item}}
						<li class="display-{{DisplayType}}" style="display: none;">
							{{#SlideshowTitle}}
								<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{SlideshowTitle}}" /></a>
								<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{SlideshowTitle}}</a></h3>
								<p>
									{{{Description}}}
									{{#CallToActionLabel}}{{#CallToActionLink}}
									<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
									{{/CallToActionLink}}{{/CallToActionLabel}}
								</p>
								{{#Keyword1}}
									<ul class="keyword-list">
										<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
										{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
										{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
									</ul>
								{{/Keyword1}}
							{{/SlideshowTitle}}
							{{#VideoTitle}}
								<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{VideoTitle}}" /></a>
								<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{VideoTitle}}</a></h3>
								<p>
									{{{VideoDescription}}}
									{{#CallToActionLabel}}{{#CallToActionLink}}
									<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
									{{/CallToActionLink}}{{/CallToActionLabel}}
								</p>
								{{#Keyword1}}
									<ul class="keyword-list">
										<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
										{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
										{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
									</ul>
								{{/Keyword1}}
							{{/VideoTitle}}
							<div class="clear"></div>
						</li>
					{{/Item}}
				{{/Items}}
			</ul>
			<div class="cta" style="display: none;">
				<a class="button lnk-view-more-expandable" href="#/category/{{NodeID}}">+ View All</a>
			</div>
		</section>
	{{/data}}

<section class="explore-multimedia-section">
		<h2 class="header">{{KeywordName}}</h2>
		<ul>
			{{#Items}}
				{{#Item}}
					<li class="display-{{DisplayType}}">
						{{#SlideshowTitle}}
							<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{SlideshowTitle}}" /></a>
							<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{SlideshowTitle}}</a></h3>
							<p>
								{{{Description}}}
								{{#CallToActionLabel}}{{#CallToActionLink}}
								<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
								{{/CallToActionLink}}{{/CallToActionLabel}}
							</p>
							{{#Keyword1}}
								<ul class="keyword-list">
									<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
									{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
									{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
								</ul>
							{{/Keyword1}}
						{{/SlideshowTitle}}
						{{#VideoTitle}}
							<a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}"><img src="{{Thumbnail}}" alt="{{VideoTitle}}" /></a>
							<h3><a class="trigger-modal-multimedia" href="#" data-nodeID="{{NodeID}}">{{VideoTitle}}</a></h3>
							<p>
								{{{VideoDescription}}}
								{{#CallToActionLabel}}{{#CallToActionLink}}
								<br /><strong>See more:</strong> <a href="{{CallToActionLink}}">{{CallToActionLabel}}</a>
								{{/CallToActionLink}}{{/CallToActionLabel}}
							</p>
							{{#Keyword1}}
								<ul class="keyword-list">
									<li><a href="#/keyword/{{Keyword1}}">{{Keyword1}}</a></li>
									{{#Keyword2}}<li><a href="#/keyword/{{Keyword2}}">{{Keyword2}}</a></li>{{/Keyword2}}
									{{#Keyword3}}<li><a href="#/keyword/{{Keyword3}}">{{Keyword3}}</a></li>{{/Keyword3}}
								</ul>
							{{/Keyword1}}
						{{/VideoTitle}}
						<div class="clear"></div>
					</li>
				{{/Item}}
			{{/Items}}
		</ul>
	</section>