Bridge to Somewhere This title should be about four lines.
This is the deck copy. It is a bit longer than the rest of the deck copy.
This component appears on the homepage in Anthology full width
This is the deck copy. It is a bit longer than the rest of the deck copy.
This is the deck copy.
This is the deck copy. It is a bit longer than the rest of the deck copy.
This is the deck copy.
This is the deck copy.
<section class="crisis-hero anthology-home-b resp-img" data-src-low="../assets/images/responsiveimg/crisis-640.jpg|../assets/images/responsiveimg/crisis-1000.jpg" data-src-medium="../assets/images/responsiveimg/crisis-1000.jpg|../assets/images/responsiveimg/crisis-orig.jpg" data-src="../assets/images/responsiveimg/crisis-orig.jpg">
<header>
<h2 class="featured-anthology-title">Featured Anthology</h2>
</header>
<div class="crisis-hero-gradient">
<div class="crisis-hero-image" style="background: linear-gradient(to top, #222222, rgba(34, 34, 34, 0) 20%), url('../assets/images/responsiveimg/crisis-1000.jpg') no-repeat 0 50%/cover;"></div>
<div class="container">
<div class="l-crisis">
<header class="crisis-head">
<a href="#" class="crisis-head-link">
<h2 class="crisis-head__title">A Change in Climate</h2>
<h3 class="crisis-head__deck">Stories of nations putting aside their differences in the face of global, catastrophic consequences.</h3>
</a>
</header>
<div class="crisis-article-list">
<article class="crisis-article-list-item item-1">
<a class="crisis-article-list-item-link" href="#">
<span class="crisis-article-circle"> </span>
<h5 class="crisis-article-list-item__slug"><time pubdate datetime="2013-10-28" title="October 28th, 2013">Oct. 28 2013</time></h5>
<div class="crisis-article-titleblock">
<h4 class="crisis-article-list-item__title">Bridge to Somewhere This title should be about four lines.</h4>
<p class="crisis-article-list-item__deck">This is the deck copy. It is a bit longer than the rest of the deck copy.</p>
</div>
</a>
</article>
<article class="crisis-article-list-item item-2">
<a class="crisis-article-list-item-link" href="#">
<span class="crisis-article-circle"> </span>
<h5 class="crisis-article-list-item__slug"><time pubdate datetime="2013-10-28" title="October 28th, 2013">Oct. 28 2013</time></h5>
<div class="crisis-article-titleblock">
<h4 class="crisis-article-list-item__title">Bridge to Somewhere slightly longer</h4>
<p class="crisis-article-list-item__deck">This is the deck copy.</p>
</div>
</a>
</article>
<article class="crisis-article-list-item item-3">
<a class="crisis-article-list-item-link" href="#">
<span class="crisis-article-circle"> </span>
<h5 class="crisis-article-list-item__slug"><time pubdate datetime="2013-10-28" title="October 28th, 2013">Oct. 28 2013</time></h5>
<div class="crisis-article-titleblock">
<h4 class="crisis-article-list-item__title">Bridge to Somewhere This title should be about four lines.</h4>
<p class="crisis-article-list-item__deck">This is the deck copy. It is a bit longer than the rest of the deck copy.</p>
</div>
</a>
</article>
<article class="crisis-article-list-item item-4">
<a class="crisis-article-list-item-link" href="#">
<span class="crisis-article-circle"> </span>
<h5 class="crisis-article-list-item__slug"><time pubdate datetime="2013-10-28" title="October 28th, 2013">Oct. 28 2013</time></h5>
<div class="crisis-article-titleblock">
<h4 class="crisis-article-list-item__title">Bridge to Somewhere longish</h4>
<p class="crisis-article-list-item__deck">This is the deck copy.</p>
</div>
</a>
</article>
<article class="crisis-article-list-item item-5">
<a class="crisis-article-list-item-link" href="#">
<span class="crisis-article-circle"> </span>
<h5 class="crisis-article-list-item__slug"><time pubdate datetime="2013-10-28" title="October 28th, 2013">Oct. 28 2013</time></h5>
<div class="crisis-article-titleblock">
<h4 class="crisis-article-list-item__title">Bridge to Somewhere This title should be about four lines.</h4>
<p class="crisis-article-list-item__deck">This is the deck copy.</p>
</div>
</a>
</article>
</div>
</div>
</div>
</div>
</section>