Travel: The Love Issue



#main,
#page
max-width: none!important;

.hide
visibility: hidden;

#masthead
position: absolute;

body
margin-bottom: 0 !important;

.shell
padding-top: 0 !important;

#main,
.viewport-large-30 #main,
.viewport-medium-10 #main,
.viewport-medium-30 #main
width: 100%;
padding: 0;

.article-wrapper
min-height: 100vh;

#story > .interactive-header,
.story-info.interactive-credit,
#sharetools-footer
display: none;

#masthead
position: absolute !important;

#masthead.in-content
position: fixed !important;

.interactive-graphic
background: #fff;

#related-coverage
margin: 20px;

.viewport-medium #related-coverage
margin: 0 auto;

.rad-cover
position: relative;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;

.rad-cover .rad-header:first-child
padding-top: 47px;
margin-top: 24px;

@media screen and (min-width: 720px)
.rad-cover .rad-header:first-child
margin-top: 30px;

@media screen and (min-width: 1155px)
.rad-cover .rad-header:first-child
margin-top: 30px;

@media screen and (min-width: 720px)
.rad-article:first-of-type .rad-cover.stacked-cover .rad-header
padding-top: 47px;

@media screen and (min-width: 720px)
.rad-cover.stacked-cover .rad-header
padding-top: 0;
margin-top: 48px;

@media screen and (min-width: 720px) and screen and (min-width: 720px)
.rad-cover.stacked-cover .rad-header
margin-top: 60px;

@media screen and (min-width: 720px) and screen and (min-width: 1155px)
.rad-cover.stacked-cover .rad-header
margin-top: 60px;

.rad-cover > header,
.rad-cover > figure
width: 100%;

.rad-cover .comments-button
display: none !important;

@media screen and (min-width: 720px)
.rad-cover
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;

.rad-cover figure.media
position: static;
max-width: 100%;

.rad-cover figure.media .image,
.rad-cover figure.media .rad-video-wrapper
margin-bottom: 0;
position: static;
overflow: hidden;
position: relative;
cursor: default;

.rad-cover .fit-object-wrapper
z-index: 2;

.rad-cover .rad-lqip
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.2;
background-size: cover;
background-position: center center;

.rad-cover.stacked-cover figure.media.photo .image > img.rad-lazy,
.rad-cover figure.media.photo .fit-object-wrapper img.rad-lazy
width: 100%;
transition: opacity 1s;

.rad-cover.stacked-cover figure.media.photo .image > img.rad-lazy.ll-loaded,
.rad-cover figure.media.photo .fit-object-wrapper img.rad-lazy.ll-loaded
opacity: 1;

.rad-cover .rad-header
z-index: 10;

.rad-cover .rad-header-wrapper
max-width: 600px;
margin-left: 20px;
margin-right: 20px;

@media screen and (min-width: 1155px)
.rad-cover .rad-header-wrapper
max-width: 630px;

@media screen and (min-width: 640px)
.rad-cover .rad-header-wrapper
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 720px)
.rad-cover .rad-header-wrapper
max-width: 900px;
text-align: center;
margin-bottom: 36px;

@media screen and (min-width: 720px) and screen and (min-width: 720px)
.rad-cover .rad-header-wrapper
margin-bottom: 45px;

@media screen and (min-width: 720px) and screen and (min-width: 1155px)
.rad-cover .rad-header-wrapper
margin-bottom: 45px;

.rad-cover .rad-headline,
.rad-cover .rad-summary,
.rad-cover .rad-byline-pubdate
font-family: “nyt-cheltenham-sh”, georgia, “times new roman”, times, serif;

.rad-cover .rad-headline,
.rad-cover .rad-summary,
.rad-cover .rad-byline-pubdate,
.rad-cover .rad-translation-links
margin-bottom: 12px;

@media screen and (min-width: 720px)
.rad-cover .rad-headline,
.rad-cover .rad-summary,
.rad-cover .rad-byline-pubdate,
.rad-cover .rad-translation-links
margin-bottom: 15px;

@media screen and (min-width: 1155px)
.rad-cover .rad-headline,
.rad-cover .rad-summary,
.rad-cover .rad-byline-pubdate,
.rad-cover .rad-translation-links
margin-bottom: 15px;

.rad-cover .rad-headline
font-family: “nyt-cheltenham”, georgia, “times new roman”, times, serif;
font-weight: 200;
font-size: 34px;
line-height: 39px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: “kern”;
-moz-font-feature-settings: “kern”;
font-feature-settings: “kern”;
-webkit-font-smoothing: auto;

@media screen and (min-width: 720px)
.rad-cover .rad-headline
font-size: 5vmax;
line-height: 1.2;
padding: 0;
text-align: center;
margin-left: auto;
margin-right: auto;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: “kern”;
-moz-font-feature-settings: “kern”;
font-feature-settings: “kern”;

@media screen and (min-width: 1080px)
.rad-cover .rad-headline
font-size: 4.5vw;

@media screen and (min-width: 1200px)
.rad-cover .rad-headline
font-size: 52px;

.rad-cover .rad-summary
display: block;
font-size: 18px;
color: #999999;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: “kern”;
-moz-font-feature-settings: “kern”;
font-feature-settings: “kern”;

.rad-cover .rad-byline-pubdate
font-size: 11px;

.rad-cover .rad-byline
font-weight: bold;
margin-right: 12px;

.rad-cover .rad-pubdate
font-weight: 300;

.rad-cover .rad-byline a:link,
.rad-cover .rad-byline a:visited
color: #333333;

.rad-cover .rad-social:last-child:after,
.rad-cover .rad-translation-links:last-child:after,
.rad-cover .rad-byline-pubdate:last-child:after
display: block;
content: ‘ ‘;
height: 1px;
background: #e2e2e2;
margin: 25px 0;
width: 100px;

@media screen and (min-width: 720px)
.rad-cover .rad-social:last-child:after,
.rad-cover .rad-translation-links:last-child:after,
.rad-cover .rad-byline-pubdate:last-child:after
display: none;

@supports (filter: blur(10px))
.rad-cover .rad-lqip
filter: blur(100px);
opacity: 1;

.rad-translation-links
display: block;
margin: 0 0 24px;
max-width: 600px;

@media screen and (min-width: 720px)
.rad-translation-links
text-align: center;
margin: 15px auto 0;

.rad-translation-links a
display: block;
text-align: left;
font: 500 14px/1.4 “nyt-franklin”, arial, helvetica, sans-serif;
text-decoration: none;
margin-right: 30px;
margin-bottom: 9px;
border-bottom: 1px solid transparent;

.rad-translation-links a:last-of-type
margin-bottom: 0;

@media screen and (min-width: 720px)
.rad-translation-links a
display: inline-block;
margin-bottom: 0;
margin-right: 31px;
position: relative;

.rad-translation-links a:after
content: “”;
border-right: 1px #e2e2e2 solid;
width: 1px;
height: 30px;
position: absolute;
right: -16px;
top: -5px;

.rad-translation-links a:last-child
margin-right: 0;

.rad-translation-links a:last-child:after
display: none;

.rad-translation-links a:hover
border-bottom: 1px solid #6188a6;

.rad-cover.full-bleed,
.rad-cover.full-bleed-cover
display: block;

.rad-cover.full-bleed figure.media,
.rad-cover.full-bleed-cover figure.media
max-width: 100%;

.rad-cover.full-bleed figure.media .image,
.rad-cover.full-bleed-cover figure.media .image,
.rad-cover.full-bleed figure.media .rad-video-wrapper,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper
height: 100vw;

.rad-cover.full-bleed figure.media .image img,
.rad-cover.full-bleed-cover figure.media .image img,
.rad-cover.full-bleed figure.media .rad-video-wrapper img,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper img,
.rad-cover.full-bleed figure.media .image video,
.rad-cover.full-bleed-cover figure.media .image video,
.rad-cover.full-bleed figure.media .rad-video-wrapper video,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper video
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;

.rad-cover.full-bleed figure.media .image video,
.rad-cover.full-bleed-cover figure.media .image video,
.rad-cover.full-bleed figure.media .rad-video-wrapper video,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper video,
.rad-cover.full-bleed figure.media .image .rad-vhs-video,
.rad-cover.full-bleed-cover figure.media .image .rad-vhs-video,
.rad-cover.full-bleed figure.media .rad-video-wrapper .rad-vhs-video,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper .rad-vhs-video
-o-object-position: inherit;
object-position: inherit;

.rad-cover.full-bleed .rad-header,
.rad-cover.full-bleed-cover .rad-header
display: block;

@media screen and (min-width: 720px)
.rad-cover.full-bleed,
.rad-cover.full-bleed-cover
height: 100vh;
padding-top: 0;
margin-bottom: 120px;

.rad-cover.full-bleed .rad-header,
.rad-cover.full-bleed-cover .rad-header
position: absolute;
left: 0;
bottom: 0;
padding: 50px;
color: black;
background: transparent;
text-align: left;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;

.rad-cover.full-bleed .rad-header.header-white,
.rad-cover.full-bleed-cover .rad-header.header-white
color: #ffffff;

.rad-cover.full-bleed .rad-header.has-gradient,
.rad-cover.full-bleed-cover .rad-header.has-gradient
background-image: linear-gradient(0, rgba(0, 0, 0, 0.25), transparent);

.rad-cover.full-bleed .rad-header-wrapper,
.rad-cover.full-bleed-cover .rad-header-wrapper
margin: 0;
padding: 0;
text-align: left;

.rad-cover.full-bleed figure.media .rad-video-wrapper,
.rad-cover.full-bleed-cover figure.media .rad-video-wrapper,
.rad-cover.full-bleed figure.media .image,
.rad-cover.full-bleed-cover figure.media .image
height: 100vh;
width: 100%;

.rad-cover.full-bleed .media.photo .rad-caption,
.rad-cover.full-bleed-cover .media.photo .rad-caption
max-width: calc(100% – 100px);
margin: 5px auto 0;

.rad-cover.full-bleed .media.photo .rad-caption .rad-caption-wrapper,
.rad-cover.full-bleed-cover .media.photo .rad-caption .rad-caption-wrapper
margin: 0;
padding: 0;

.rad-cover.full-bleed .rad-headline,
.rad-cover.full-bleed-cover .rad-headline,
.rad-cover.full-bleed .rad-summary,
.rad-cover.full-bleed-cover .rad-summary,
.rad-cover.full-bleed .rad-byline-pubdate,
.rad-cover.full-bleed-cover .rad-byline-pubdate
text-align: left;
margin-left: 0;
margin-right: 0;

.rad-cover.full-bleed .rad-summary,
.rad-cover.full-bleed-cover .rad-summary
color: inherit;
margin-left: 0;
margin-right: 0;

.rad-cover.full-bleed .rad-byline a:link,
.rad-cover.full-bleed-cover .rad-byline a:link,
.rad-cover.full-bleed .rad-byline a:visited,
.rad-cover.full-bleed-cover .rad-byline a:visited
color: inherit;

.rad-cover.full-bleed .rad-social .sharetools-menu,
.rad-cover.full-bleed-cover .rad-social .sharetools-menu
margin-bottom: 0;

.rad-cover.full-bleed .rad-translation-links,
.rad-cover.full-bleed-cover .rad-translation-links
text-align: left;
margin: 15px 0 0;

.rad-cover.full-bleed .rad-translation-links a,
.rad-cover.full-bleed-cover .rad-translation-links a
color: rgba(255, 255, 255, 0.8);

.rad-cover.full-bleed .rad-translation-links a:after,
.rad-cover.full-bleed-cover .rad-translation-links a:after
height: 20px;
top: 0;
opacity: 0.5;

.rad-cover.full-bleed .rad-translation-links a:hover,
.rad-cover.full-bleed-cover .rad-translation-links a:hover
border-bottom: 1px solid rgba(255, 255, 255, 0.8);

.rad-cover.headline-image-topper
-ms-flex-direction: column;
flex-direction: column;

.rad-cover.headline-image-topper figure.media .image,
.rad-cover.headline-image-topper figure.media .video-wrapper
height: 100vw;

.rad-cover.headline-image-topper figure.media.photo img
max-width: none;
position: absolute;
top: 0;
width: 100vw;

@media screen and (min-width: 960px)
.rad-cover.headline-image-topper
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
height: 100vh;
padding-top: 0;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 150px;

.rad-cover.headline-image-topper figure.media
padding-bottom: 0;

.rad-cover.headline-image-topper figure.media .image,
.rad-cover.headline-image-topper figure.media .video-wrapper
width: 50vw;
height: 100vh;
overflow: hidden;

.rad-cover.headline-image-topper figure.media .image img,
.rad-cover.headline-image-topper figure.media .video-wrapper img,
.rad-cover.headline-image-topper figure.media .image video,
.rad-cover.headline-image-topper figure.media .video-wrapper video
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;

.rad-cover.headline-image-topper figure.media.photo img:not(.ll-loaded)
width: 100vw;

.rad-cover.headline-image-topper figure.media.photo .rad-caption-wrapper
position: absolute;
top: 100%;
left: 0;
width: 50vw;
max-width: 600px;
padding: 5px;

.rad-cover.headline-image-topper .rad-header-wrapper
padding: 40px;

.rad-cover.headline-image-topper .story-meta
padding: 30px;

@media screen and (min-width: 960px)
.has-headline-image-topper #masthead:not(.in-content)
width: 50%;
margin-left: 50%;

.has-headline-image-topper #masthead:not(.in-content) .button-text,
.has-headline-image-topper #masthead:not(.in-content) .sharetool-text
display: none;

.rad-story-body .header,
.rad-story-body .blockquote,
.rad-story-body .paragraph
max-width: 600px;
margin-left: 20px;
margin-right: 20px;
box-sizing: border-box;

@media screen and (min-width: 1155px)
.rad-story-body .header,
.rad-story-body .blockquote,
.rad-story-body .paragraph
max-width: 630px;

@media screen and (min-width: 640px)
.rad-story-body .header,
.rad-story-body .blockquote,
.rad-story-body .paragraph
margin-left: auto;
margin-right: auto;

.rad-story-body .header
font-family: “nyt-cheltenham”, georgia, “times new roman”, times, serif;
margin-bottom: 24px;
padding-top: 36px;

@media screen and (min-width: 720px)
.rad-story-body .header
margin-bottom: 30px;

@media screen and (min-width: 1155px)
.rad-story-body .header
margin-bottom: 30px;

@media screen and (min-width: 720px)
.rad-story-body .header
padding-top: 45px;

@media screen and (min-width: 1155px)
.rad-story-body .header
padding-top: 45px;

.rad-story-body blockquote.blockquote
font-family: georgia, “times new roman”, times, serif;
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;
border-left: 1px solid #e2e2e2;
padding-left: 1em;
padding-right: 1em;
color: #666666;
margin-top: 12px;
margin-bottom: 24px;

@media screen and (min-width: 720px)
.rad-story-body blockquote.blockquote
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

@media screen and (min-width: 1155px)
.rad-story-body blockquote.blockquote
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

@media screen and (min-width: 720px)
.rad-story-body blockquote.blockquote
margin-top: 15px;

@media screen and (min-width: 1155px)
.rad-story-body blockquote.blockquote
margin-top: 15px;

@media screen and (min-width: 720px)
.rad-story-body blockquote.blockquote
margin-bottom: 30px;

@media screen and (min-width: 1155px)
.rad-story-body blockquote.blockquote
margin-bottom: 30px;

.rad-story-body blockquote.blockquote p
font-family: georgia, “times new roman”, times, serif;
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;

@media screen and (min-width: 720px)
.rad-story-body blockquote.blockquote p
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

@media screen and (min-width: 1155px)
.rad-story-body blockquote.blockquote p
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

@media screen and (min-width: 720px)
.rad-story-body blockquote.blockquote p
margin-bottom: 15px;

@media screen and (min-width: 1155px)
.rad-story-body blockquote.blockquote p
margin-bottom: 15px;

.rad-story-body blockquote.blockquote p::last-child
margin-bottom: 0;

.rad-story-body h3.header
font-size: 32px;
font-weight: 300;
line-height: 1.1;

@media screen and (min-width: 720px)
.rad-story-body h3.header
font-weight: 100;
font-size: 42px;

.rad-story-body h4.header
font-size: 24px;
font-weight: 500;
line-height: 1.1;

@media screen and (min-width: 720px)
.rad-story-body h4.header
font-size: 28px;

.rad-story-body h5.header
font-size: 18px;
font-weight: 700;
line-height: 1.1;

@media screen and (min-width: 720px)
.rad-story-body h5.header
font-size: 24px;

.rad-story-body h6.header-label
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 15px;
font-weight: 700;

@media screen and (min-width: 720px)
.rad-story-body h6.header-label
font-size: 18px;

.rad-story-body .rule–story
max-width: 600px;
margin-left: 20px;
margin-right: 20px;
border: none;
border-top: 1px solid #e2e2e2;
margin-top: 36px;
max-width: 300px;
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 1155px)
.rad-story-body .rule–story
max-width: 630px;

@media screen and (min-width: 640px)
.rad-story-body .rule–story
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 720px)
.rad-story-body .rule–story
margin-top: 45px;

@media screen and (min-width: 1155px)
.rad-story-body .rule–story
margin-top: 45px;

.rad-story-body .rule–story + p.paragraph
margin-top: 36px;

@media screen and (min-width: 720px)
.rad-story-body .rule–story + p.paragraph
margin-top: 45px;

@media screen and (min-width: 1155px)
.rad-story-body .rule–story + p.paragraph
margin-top: 45px;

.rad-story-body p.paragraph
font-family: georgia, “times new roman”, times, serif;
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 24px;
margin-bottom: 12px;

@media screen and (min-width: 720px)
.rad-story-body p.paragraph
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

@media screen and (min-width: 1155px)
.rad-story-body p.paragraph
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;

.rad-story-body p.paragraph:last-child
margin-bottom: 36px;

@media screen and (min-width: 720px)
.rad-story-body p.paragraph:last-child
margin-bottom: 45px;

@media screen and (min-width: 1155px)
.rad-story-body p.paragraph:last-child
margin-bottom: 45px;

.rad-story-body p.paragraph a
color: #326891;
position: relative;
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff;
background-image: linear-gradient(to bottom, rgba(50, 104, 145, 0) 50%, rgba(50, 104, 145, 0.4) 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 calc(100% – 1px);
text-decoration: none;

.rad-story-body p.paragraph a:hover
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff;
text-decoration: none;
background-image: linear-gradient(to bottom, rgba(50, 104, 145, 0) 50%, #326891 50%);

.rad-story-body p.paragraph a:active
top: 1px;

@media screen and (min-width: 720px)
.rad-story-body p.paragraph a
background-position: 0 calc(100% – 1px);

.rad-story-body p.paragraph a:hover
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff, 4px 1px 0 #ffffff, -4px 1px 0 #ffffff;

@media screen and (min-width: 1155px)
.rad-story-body p.paragraph a
background-position: 0 calc(100% – 1px);

.rad-story-body p.paragraph a:hover
text-shadow: 3px 2px 0 #ffffff, -3px 2px 0 #ffffff, 0 2px 0 #ffffff, 4px 2px 0 #ffffff, -4px 2px 0 #ffffff;

.rad-story-body p.paragraph.paragraph-detail
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 14px;
color: #999999;

@media screen and (min-width: 720px)
.rad-story-body p.paragraph.paragraph-detail
font-size: 16px;

.rad-story-body p.paragraph.paragraph-summary
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 16px;

@media screen and (min-width: 720px)
.rad-story-body p.paragraph.paragraph-summary
font-size: 21px;

.rad-story-body .dropcap
float: left;
display: block;
position: relative;
font-family: “nyt-cheltenham”, georgia, “times new roman”, times, serif;
font-weight: 200;
font-size: 5.2rem;
line-height: 1;
height: 0.8em;
margin-right: 10px;
overflow: hidden;

@media screen and (min-width: 720px)
.rad-story-body .dropcap
font-weight: 100;
font-size: 5.2rem;
height: 0.8em;
margin-right: 15px;
-webkit-font-smoothing: antialiased;

@media screen and (min-width: 1155px)
.rad-story-body .dropcap
font-size: 5.7rem;

.rad-lead-in
font-family: “nyt-cheltenham-sh”, georgia, “times new roman”, times, serif;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
font-size: 90%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: “kern”;
-moz-font-feature-settings: “kern”;
font-feature-settings: “kern”;

.rad-corrections
max-width: 600px;
margin-left: 20px;
margin-right: 20px;

@media screen and (min-width: 1155px)
.rad-corrections
max-width: 630px;

@media screen and (min-width: 640px)
.rad-corrections
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 720px)
.rad-corrections
padding: 0;

.rad-corrections:before
width: 100px;

.rad-corrections p
font-family: georgia, “times new roman”, times, serif;
font-size: 15px;
line-height: 24px;

.rad-corrections p
font-style: italic;

.rad-corrections h5
font-size: 15px;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-weight: 400;
color: #cccccc;
margin-bottom: 0.5em;
margin-top: 2em;

@media screen and (min-width: 720px)
.rad-corrections h5
font-size: 15px;

.rad-corrections h5 strong
font-weight: bold;
color: #000000;
padding-right: 10px;

.rad-article-credits,
.interactive-credit
max-width: 600px;
margin-left: 20px;
margin-right: 20px;

@media screen and (min-width: 1155px)
.rad-article-credits,
.interactive-credit
max-width: 630px;

@media screen and (min-width: 640px)
.rad-article-credits,
.interactive-credit
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 720px)
.rad-article-credits,
.interactive-credit
padding: 0;

.rad-article-credits:before,
.interactive-credit:before
width: 100px;

.rad-article-credits p,
.interactive-credit p
color: #999999;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 15px;
margin-bottom: 15px;
line-height: 1.3;

.rad-article-credits:before
display: block;
content: ‘ ‘;
width: 100px;
height: 1px;
background-color: #e2e2e2;
margin-top: 20px;
margin-bottom: 20px;

.media.photo,
.media.video
margin: 0 auto;
padding-bottom: 24px;

@media screen and (min-width: 720px)
.media.photo,
.media.video
padding-bottom: 30px;

@media screen and (min-width: 1155px)
.media.photo,
.media.video
padding-bottom: 30px;

.media.photo .rad-media-wrapper,
.media.video .rad-media-wrapper
padding: 0 20px;

.full_bleed.media.photo .rad-media-wrapper,
.full_bleed.media.video .rad-media-wrapper,
.jumbo.media.photo .rad-media-wrapper,
.jumbo.media.video .rad-media-wrapper
padding: 0;

@media screen and (min-width: 600px)
.media.photo .rad-media-wrapper,
.media.video .rad-media-wrapper
padding: 0;

.media.photo .image,
.media.video .image
padding: 0;
margin-bottom: 0;
overflow: hidden;
box-sizing: border-box;

.media.photo.large,
.media.video.large
max-width: 600px;

@media screen and (min-width: 1155px)
.media.photo.large,
.media.video.large
max-width: 630px;

.media.photo.jumbo,
.media.video.jumbo
max-width: 1200px;

.media.photo.full_bleed,
.media.video.full_bleed
max-width: 2000px;

.media.photo.jumbo .rad-caption-wrapper,
.media.video.jumbo .rad-caption-wrapper,
.media.photo.full_bleed .rad-caption-wrapper,
.media.video.full_bleed .rad-caption-wrapper
padding-left: 20px;
padding-right: 20px;

@media screen and (min-width: 720px)
.media.photo.jumbo .rad-caption-wrapper,
.media.video.jumbo .rad-caption-wrapper,
.media.photo.full_bleed .rad-caption-wrapper,
.media.video.full_bleed .rad-caption-wrapper
padding-left: 0;
max-width: 600px;

@media screen and (min-width: 1155px)
.media.photo.jumbo .rad-caption-wrapper,
.media.video.jumbo .rad-caption-wrapper,
.media.photo.full_bleed .rad-caption-wrapper,
.media.video.full_bleed .rad-caption-wrapper
max-width: 630px;

.paragraph + .media.photo,
.paragraph + .media.video
margin-top: 24px;

@media screen and (min-width: 720px)
.paragraph + .media.photo,
.paragraph + .media.video
margin-top: 30px;

@media screen and (min-width: 1155px)
.paragraph + .media.photo,
.paragraph + .media.video
margin-top: 30px;

.media.photo .rad-caption-wrapper,
.media.video .rad-caption-wrapper
display: block;
margin: 0 auto;
padding: 5px 0 0;
max-width: 600px;

@media screen and (min-width: 1155px)
.media.photo .rad-caption-wrapper,
.media.video .rad-caption-wrapper
max-width: 630px;

@media screen and (min-width: 600px)
.small.media.photo .rad-caption-wrapper,
.small.media.video .rad-caption-wrapper
padding-right: 0;
padding-left: 0;

@media screen and (min-width: 720px)
.full_bleed.media.photo .rad-caption-wrapper,
.full_bleed.media.video .rad-caption-wrapper,
.jumbo.media.photo .rad-caption-wrapper,
.jumbo.media.video .rad-caption-wrapper,
.large.media.photo .rad-caption-wrapper,
.large.media.video .rad-caption-wrapper
box-sizing: border-box;

.media.photo .rad-caption-text,
.media.video .rad-caption-text
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
color: #666666;
font-size: 14px;
line-height: 17px;
margin-bottom: 8.5px;

.media.photo .rad-credit,
.media.video .rad-credit
clear: both;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
color: #999999;
font-size: 13px;
line-height: 17px;
margin-bottom: 8.5px;

@media screen and (min-width: 720px)
.media.photo .rad-credit,
.media.video .rad-credit
padding: 0;

.full_bleed.media.photo .rad-credit,
.full_bleed.media.video .rad-credit,
.jumbo .media.photo .rad-credit,
.jumbo .media.video .rad-credit
padding-right: 3px;

.image img.rad-lazy
width: 100%;
opacity: 0.3;
transition: opacity 0.5s;
margin-bottom: 0;
height: 0;

.image img.rad-lazy.ll-loaded
height: auto;
opacity: 1;
z-index: 3;
position: relative;

@media screen and (min-width: 720px)
.media.video.small .rad-caption-wrapper
box-sizing: border-box;
padding-right: 200px;

.media.photo.small
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px;
padding: 0;
position: relative;

@media screen and (min-width: 720px)
.media.photo.small
margin-top: 30px;

@media screen and (min-width: 1155px)
.media.photo.small
margin-top: 30px;

@media screen and (min-width: 720px)
.media.photo.small
margin-bottom: 30px;

@media screen and (min-width: 1155px)
.media.photo.small
margin-bottom: 30px;

@media screen and (min-width: 600px)
.media.photo.small
margin: 0 auto;

@media screen and (min-width: 1005px)
.media.photo.small
max-width: 1200px;

@media screen and (min-width: 1335px)
.media.photo.small
max-width: 600px;

@media screen and (min-width: 600px)
.media.photo.small .rad-media-wrapper,
.media.photo.small .rad-interactive-wrapper
width: 33.33333333%;
position: relative;
float: right;
margin: 7px 20px 20px;

@media screen and (min-width: 960px)
.media.photo.small .rad-media-wrapper,
.media.photo.small .rad-interactive-wrapper
width: 300px;

@media screen and (min-width: 1335px)
.media.photo.small .rad-media-wrapper,
.media.photo.small .rad-interactive-wrapper
width: 50%;
margin: 0 calc(-50% – 2em) 2rem 2rem;

.rad-diptych
max-width: 1240px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0;
padding-top: 24px;
overflow: hidden;
clear: both;

@media screen and (min-width: 720px)
.rad-diptych
padding-top: 30px;

@media screen and (min-width: 1155px)
.rad-diptych
padding-top: 30px;

.rad-diptych .media.video .rad-media-wrapper,
.rad-diptych .media.photo .rad-media-wrapper
padding: 0;

.rad-diptych .media.photo,
.rad-diptych .media.video
max-width: 100%;

.rad-diptych .media.photo .rad-caption-text,
.rad-diptych .media.video .rad-caption-text,
.rad-diptych .media.photo .rad-credit,
.rad-diptych .media.video .rad-credit
padding-left: 0;
padding-right: 0;

.rad-diptych .media.video .rad-caption .rad-caption-wrapper,
.rad-diptych .media.photo .rad-caption .rad-caption-wrapper
padding: 5px 0 0;
max-width: 600px;
margin: 0;

@media screen and (min-width: 1155px)
.rad-diptych .media.video .rad-caption .rad-caption-wrapper,
.rad-diptych .media.photo .rad-caption .rad-caption-wrapper
max-width: 630px;

@media screen and (min-width: 720px)
.rad-diptych
margin: 0 auto;
margin-top: 24px;

.rad-diptych .media.photo.small,
.rad-diptych .media.photo.large,
.rad-diptych .media.video.small,
.rad-diptych .media.video.large
width: 50%;
box-sizing: border-box;
float: left;
margin: 0;
margin-bottom: 36px;
padding: 0 10px 0 20px;

.rad-diptych .media.photo.small .rad-media-wrapper,
.rad-diptych .media.photo.large .rad-media-wrapper,
.rad-diptych .media.video.small .rad-media-wrapper,
.rad-diptych .media.video.large .rad-media-wrapper
width: 100% !important;
margin: 0 !important;

.rad-diptych .media.photo.small + .photo.small,
.rad-diptych .media.photo.large + .photo.small,
.rad-diptych .media.video.small + .photo.small,
.rad-diptych .media.video.large + .photo.small,
.rad-diptych .media.photo.small + .photo.large,
.rad-diptych .media.photo.large + .photo.large,
.rad-diptych .media.video.small + .photo.large,
.rad-diptych .media.video.large + .photo.large,
.rad-diptych .media.photo.small + .video.small,
.rad-diptych .media.photo.large + .video.small,
.rad-diptych .media.video.small + .video.small,
.rad-diptych .media.video.large + .video.small,
.rad-diptych .media.photo.small + .video.large,
.rad-diptych .media.photo.large + .video.large,
.rad-diptych .media.video.small + .video.large,
.rad-diptych .media.video.large + .video.large
padding-left: 10px;
float: right;
padding-right: 20px;

@media screen and (min-width: 720px) and screen and (min-width: 720px)
.rad-diptych
margin-top: 30px;

@media screen and (min-width: 720px) and screen and (min-width: 1155px)
.rad-diptych
margin-top: 30px;

@media screen and (min-width: 720px) and screen and (min-width: 720px)
.rad-diptych .media.photo.small,
.rad-diptych .media.photo.large,
.rad-diptych .media.video.small,
.rad-diptych .media.video.large
margin-bottom: 45px;

@media screen and (min-width: 720px) and screen and (min-width: 1155px)
.rad-diptych .media.photo.small,
.rad-diptych .media.photo.large,
.rad-diptych .media.video.small,
.rad-diptych .media.video.large
margin-bottom: 45px;

.media.video
margin: 0 auto;
padding-bottom: 24px;

@media screen and (min-width: 720px)
.media.video
padding-bottom: 30px;

@media screen and (min-width: 1155px)
.media.video
padding-bottom: 30px;

.media.video.small
max-width: 600px;

@media screen and (min-width: 1155px)
.media.video.small
max-width: 630px;

.media.video.large
max-width: 1200px;

.media.video.jumbo
max-width: 2000px;

.media.video.small .rad-caption-wrapper,
.media.video.large .rad-caption-wrapper
max-width: 600px;
margin-left: 20px;
margin-right: 20px;

@media screen and (min-width: 1155px)
.media.video.small .rad-caption-wrapper,
.media.video.large .rad-caption-wrapper
max-width: 630px;

@media screen and (min-width: 640px)
.media.video.small .rad-caption-wrapper,
.media.video.large .rad-caption-wrapper
margin-left: auto;
margin-right: auto;

.paragraph + .media.video
margin-top: 24px;

@media screen and (min-width: 720px)
.paragraph + .media.video
margin-top: 30px;

@media screen and (min-width: 1155px)
.paragraph + .media.video
margin-top: 30px;

.media.video .rad-credit
display: block;
margin-top: 0;
padding: 0 3px 0 0;

.rad-spinner
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate3d(-50%, -50%, 0);

.rad-spinner:after
content: ”;
display: block;
box-sizing: border-box;
width: 40px;
height: 40px;
border-radius: 100%;
border: 5px solid rgba(255, 255, 255, 0.2);
border-top-color: rgba(255, 255, 255, 0.5);
animation: spin 1s infinite linear;

@keyframes spin
100%
transform: rotate(360deg);

.rad-interactive
max-width: 2000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
margin-top: 24px;
position: relative;
overflow: hidden;

@media screen and (min-width: 720px)
.rad-interactive
margin-top: 30px;

@media screen and (min-width: 1155px)
.rad-interactive
margin-top: 30px;

.rad-interactive .rad-interactive-wrapper
padding: 15px 0;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 24px;

@media screen and (min-width: 720px)
.rad-interactive .rad-interactive-wrapper
margin-bottom: 30px;

@media screen and (min-width: 1155px)
.rad-interactive .rad-interactive-wrapper
margin-bottom: 30px;

.rad-interactive.small
overflow: visible;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px;
padding: 0;
position: relative;

@media screen and (min-width: 720px)
.rad-interactive.small
margin-top: 30px;

@media screen and (min-width: 1155px)
.rad-interactive.small
margin-top: 30px;

@media screen and (min-width: 720px)
.rad-interactive.small
margin-bottom: 30px;

@media screen and (min-width: 1155px)
.rad-interactive.small
margin-bottom: 30px;

@media screen and (min-width: 600px)
.rad-interactive.small
margin: 0 auto;

@media screen and (min-width: 1005px)
.rad-interactive.small
max-width: 1200px;

@media screen and (min-width: 1335px)
.rad-interactive.small
max-width: 600px;

@media screen and (min-width: 600px)
.rad-interactive.small .rad-media-wrapper,
.rad-interactive.small .rad-interactive-wrapper
width: 33.33333333%;
position: relative;
float: right;
margin: 7px 20px 20px;

@media screen and (min-width: 960px)
.rad-interactive.small .rad-media-wrapper,
.rad-interactive.small .rad-interactive-wrapper
width: 300px;

@media screen and (min-width: 1335px)
.rad-interactive.small .rad-media-wrapper,
.rad-interactive.small .rad-interactive-wrapper
width: 50%;
margin: 0 calc(-50% – 2em) 2rem 2rem;

.rad-interactive.large
max-width: 600px;

@media screen and (min-width: 1155px)
.rad-interactive.large
max-width: 630px;

.rad-interactive.jumbo
max-width: 1200px;

.rad-interactive.full_bleed
margin: 0 auto;
max-width: 100%;

.rad-interactive.full_bleed .rad-interactive-wrapper
border: none;
padding: 0;

.rad-interactive.small,
.rad-interactive.large,
.rad-interactive.jumbo
padding: 0 20px;

@media screen and (min-width: 720px)
.rad-interactive.small,
.rad-interactive.large,
.rad-interactive.jumbo
padding: 0;

.rad-interactive img
margin-bottom: 0;

.rad-interactive .interactive-summary
font-family: “nyt-cheltenham-sh”, georgia, “times new roman”, times, serif;
font-size: 13px;
line-height: 1.4;
color: #666666;
padding-top: 5px;

.rad-interactive .credit,
.rad-interactive .notes,
.rad-interactive .source
display: block;
padding: 0 3px;
margin-top: 5px;
margin-bottom: 0;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
color: #999999;
font-size: 13px;
line-height: 17px;
margin-bottom: 8.5px;

.rad-interactive + .media.photo
margin-top: 24px;

@media screen and (min-width: 720px)
.rad-interactive + .media.photo
margin-top: 30px;

@media screen and (min-width: 1155px)
.rad-interactive + .media.photo
margin-top: 30px;

@media screen and (min-width: 720px)
.rad-interactive + .media.photo
margin-top: 0;

.rad-slideshow
margin: 2em 0;
width: 100%;
overflow: hidden;

.rad-slideshow-item
position: relative;

.rad-slideshow-item .rad-caption
width: 100%;
padding: 50vh 0;

.rad-slideshow-item:first-child .rad-caption
padding-top: 100vh;

.rad-slideshow-item:last-child .rad-caption
padding-bottom: 100vh;

.rad-slideshow-item .rad-caption .rad-caption-wrapper
position: relative;
left: 50%;
transform: translate(-50%, 0);
width: 600px;
max-width: calc(100% – 40px);
z-index: 20;
background: rgba(255, 255, 255, 0.95);
box-sizing: border-box;
padding: 30px;
transition: opacity 1s;
opacity: 0;

.rad-slideshow-item .rad-caption .rad-caption-wrapper .rad-caption-text
color: #000000;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 16px;
line-height: 1.2;

.rad-slideshow-item .rad-caption .rad-caption-wrapper .rad-credit
display: block;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 12px;
margin-top: 10px;

@media screen and (min-width: 720px)
.rad-slideshow-item .rad-caption .rad-caption-wrapper .rad-caption-text
font-size: 20px;
font-weight: 300;

.rad-slideshow-item .rad-caption .rad-caption-wrapper .rad-credit
font-size: 14px;

.rad-slideshow-item .rad-asset-wrapper
height: 100vh;
width: 100vw;
display: block;
padding: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
overflow: hidden;

.rad-slideshow-item .rad-asset-wrapper img,
.rad-slideshow-item .rad-asset-wrapper video
width: 100% !important;
height: auto !important;

.rad-slideshow-item .rad-asset-wrapper .fit-object-wrapper
position: absolute;
width: 100%;
height: 100%;

.rad-slideshow-item .rad-asset-wrapper .fit-object-wrapper img,
.rad-slideshow-item .rad-asset-wrapper .fit-object-wrapper video
width: 100% !important;
height: auto !important;

.active.rad-slideshow-item .rad-asset-wrapper
opacity: 1;
visibility: visible;

.rad-slideshow-item:last-child .rad-asset-wrapper
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: auto;

.rad-slideshow-item.interactive .rad-asset-wrapper .ai2html
width: 100vw;
height: 100vh;
position: relative;

.rad-slideshow-item.interactive .rad-asset-wrapper .ai2html > div
position: absolute;
top: 50%;
transform: translateY(-50%);

.rad-slideshow.lightbox-fixed .rad-caption .rad-caption-wrapper
opacity: 1;

.rad-slideshow.lightbox-fixed div.rad-asset-wrapper
background: #000;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
transition: opacity 0s 0s, visibility 0s 0s;
z-index: 1;
display: none;

.rad-slideshow.lightbox-fixed .rad-slideshow-item.active div.rad-asset-wrapper,
.rad-slideshow.lightbox-fixed .rad-slideshow-item.active-adjacent div.rad-asset-wrapper
display: block;
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;

.rad-slideshow.lightbox-fixed .rad-slideshow-item.active-adjacent div.rad-asset-wrapper
transition: opacity 0s 1s, visibility 0s 1s;

.rad-slideshow.lightbox-fixed .rad-slideshow-item.active div.rad-asset-wrapper
opacity: 1;
visibility: visible;
transition: opacity 1s 0s, visibility 1s 0s;
z-index: 2;

.has-fixed-lightbox #masthead
pointer-events: none;

.rad-series-box
max-width: 600px;
margin-left: 20px;
margin-right: 20px;
padding-top: 48px;

@media screen and (min-width: 1155px)
.rad-series-box
max-width: 630px;

@media screen and (min-width: 640px)
.rad-series-box
margin-left: auto;
margin-right: auto;

@media screen and (min-width: 720px)
.rad-series-box
padding-top: 60px;

@media screen and (min-width: 1155px)
.rad-series-box
padding-top: 60px;

.rad-series-box h2
font-weight: 700;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 15px;
line-height: 1.1;
margin-bottom: 20px;

@media screen and (min-width: 720px)
.rad-series-box h2
font-size: 17px;

.rad-series-links
color: #000000;

.rad-series-links .rad-caption
display: none;

.rad-series-links a
color: #000000;
display: table;
width: 100%;
margin-bottom: 1rem;

.rad-series-links a:hover
text-decoration: none;

.has-no-touch .rad-series-links a:hover h3
border-bottom: 2px solid #cccccc;
text-shadow: 0 2px 0 #fff;

.rad-series-links .promo-info,
.rad-series-links .promo-image
display: table-cell;
vertical-align: middle;

.rad-series-links .promo-info
padding: 0 0 0 20px;

.rad-series-links h3
display: inline;
font-family: “nyt-cheltenham-sh”, georgia, “times new roman”, times, serif;
font-size: 17px;
font-weight: 400;
line-height: 1.1;
margin-right: 5px;

@media screen and (min-width: 769px)
.rad-series-links h3
font-family: “nyt-cheltenham”, georgia, “times new roman”, times, serif;
font-size: 21px;
line-height: 1.2;

.rad-series-links .pubdate
display: inline;
color: #cccccc;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.02em;
white-space: nowrap;

.rad-series-links .promo-image
width: 33%;
margin: 0;
padding: 0;

.rad-series-links .promo-image:empty:after
display: block;
content: ‘ ‘;
width: 100%;
padding-bottom: 66.667%;

.rad-series-links .media.photo
margin: 0;
padding: 0;

.rad-series-links .media.photo .rad-media-wrapper
margin: 0;
padding: 0;

#story
opacity: 1;
position: relative;
transform: none;
transition: all 0.45s ease-in-out;

.rad-fade #story
transform: translateY(0);
opacity: 0;

.rad-unload #story
transform: translateY(-60px);

#masthead
position: relative;
opacity: 1;
transform: translateY(0);
transition: transform 0.45s ease-in-out;

.rad-fade #masthead
opacity: 0 !important;
transform: translateY(0);
transition: opacity 0.45s ease-in-out;

.rad-unload #masthead
opacity: 0;
transform: translateY(-60px);
transition: all 0.45s ease-in-out;

#related-coverage,
.viewport-medium #related-coverage
margin-top: 48px;

@media screen and (min-width: 720px)
#related-coverage,
.viewport-medium #related-coverage
margin-top: 60px;

@media screen and (min-width: 1155px)
#related-coverage,
.viewport-medium #related-coverage
margin-top: 60px;

.rad-article + .rad-article
border-top: 2px solid #e2e2e2;
transform: translate3d(0, 0, 0);
transition: transform 0.4s ease-in;

.rad-article + .rad-article.is-loaded
transform: none;

.rad-article .rad-series-link-wrapper
max-width: 600px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5rem;

@media screen and (min-width: 1155px)
.rad-article .rad-series-link-wrapper
max-width: 630px;

@media screen and (min-width: 640px)
.rad-article .rad-series-link-wrapper
margin-left: auto;
margin-right: auto;

.rad-article .rad-series-link
color: #326891;
position: relative;
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff;
background-image: linear-gradient(to bottom, rgba(50, 104, 145, 0) 50%, rgba(50, 104, 145, 0.4) 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 calc(100% – 1px);
text-decoration: none;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-weight: bold;
opacity: 1;
transition: opacity 0.4s ease-in;

.rad-article .rad-series-link:hover
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff;
text-decoration: none;
background-image: linear-gradient(to bottom, rgba(50, 104, 145, 0) 50%, #326891 50%);

.rad-article .rad-series-link:active
top: 1px;

@media screen and (min-width: 720px)
.rad-article .rad-series-link
background-position: 0 calc(100% – 1px);

.rad-article .rad-series-link:hover
text-shadow: 3px 1px 0 #ffffff, -3px 1px 0 #ffffff, 0 1px 0 #ffffff, 4px 1px 0 #ffffff, -4px 1px 0 #ffffff;

@media screen and (min-width: 1155px)
.rad-article .rad-series-link
background-position: 0 calc(100% – 1px);

.rad-article .rad-series-link:hover
text-shadow: 3px 2px 0 #ffffff, -3px 2px 0 #ffffff, 0 2px 0 #ffffff, 4px 2px 0 #ffffff, -4px 2px 0 #ffffff;

.rad-article.article-active .rad-series-link,
.rad-article.article-loading .rad-series-link
opacity: 0;
pointer-events: none;

.rad-article.article-active + .rad-article
transform: translate3d(0, 300px, 0);

.rad-article.article-active.is-loaded + .rad-article
transform: translate3d(0, 0, 0);

.rad-article .rad-story-body-inner
transition: all 0.4s ease-in;
opacity: 0;
max-height: 0;
overflow: hidden;

.rad-article.article-active .rad-story-body-inner
opacity: 1;
max-height: 100%;

.rad-article .rad-story-body-mask
display: block;
margin-top: -150px;
width: 100%;
height: 150px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 10%, #ffffff 100%);
opacity: 1;
transition: opacity 0.3s ease-in;
position: relative;
z-index: 10;

.rad-story-body-mask .rad-spinner:after
border-color: rgba(0, 0, 0, 0.2);
border-top-color: rgba(0, 0, 0, 0.7);
height: 30px;
width: 30px;
border-width: 3px;
box-shadow: 0 0 3px #fff;

.rad-story-body-mask .rad-spinner
opacity: 0;
transition: opacity 0.4s ease-in;

.article-loading .rad-story-body-mask .rad-spinner
opacity: 1;

.rad-article.article-active .rad-story-body-mask
pointer-events: none;
opacity: 0;

.rad-social .sharetool
display: inline-block;

.rad-social .sharetool a
width: 32px;
height: 32px;
display: inline-block;
padding: 0;
border-radius: 20px;
color: white !important;
line-height: 1.2 !important;
background-size: contain;
background-repeat: no-repeat;

.rad-social .sharetool a .sharetool-text
visibility: hidden;

.rad-social .sharetool a[data-share=”twitter”] background-image: url(‘data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHdpdHRlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzcHJpdGUtbm8tcmVwZWF0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM3LjAwMDAwMCwgLTI4MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InR3aXR0ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQzNy4wMDAwMDAsIDI4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNiwzMiBDMjQuODM2LDMyIDMyLDI0LjgzNyAzMiwxNiBDMzIsNy4xNjMgMjQuODM2LDAgMTYsMCBDNy4xNjQsMCAwLDcuMTYzIDAsMTYgQzAsMjQuODM3IDcuMTY0LDMyIDE2LDMyIiBpZD0iU2hhcGUiIGZpbGw9IiMzMzMzMzMiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNSwxMS4xMzUgQzI0LjM3NCwxMS40MTIgMjMuNzAzLDExLjU5OSAyMi45OTcsMTEuNjg0IEMyMy43MTYsMTEuMjUzIDI0LjI3LDEwLjU2OCAyNC41MzEsOS43NTUgQzIzLjg1NSwxMC4xNTUgMjMuMTA5LDEwLjQ0NSAyMi4zMTcsMTAuNjAxIEMyMS42OCw5LjkyNCAyMC43NzMsOS41IDE5Ljc2OSw5LjUgQzE3Ljg0NSw5LjUgMTYuMjgyLDExLjA2MiAxNi4yODIsMTIuOTg3IEMxNi4yODIsMTMuMjYxIDE2LjMxMywxMy41MjcgMTYuMzcyLDEzLjc4MiBDMTMuNDc0LDEzLjYzNiAxMC45MDIsMTIuMjQ5IDkuMTgyLDEwLjEzOSBDOC44ODIsMTAuNjUzIDguNzEsMTEuMjUzIDguNzEsMTEuODkyIEM4LjcxLDEzLjEwMiA5LjMyNiwxNC4xNjggMTAuMjYyLDE0Ljc5NSBDOS42OSwxNC43NzcgOS4xNTIsMTQuNjIgOC42ODIsMTQuMzU4IEw4LjY4MiwxNC40MDMgQzguNjgyLDE2LjA5MiA5Ljg4MywxNy41MDIgMTEuNDc4LDE3LjgyMiBDMTEuMTg2LDE3LjkwMiAxMC44NzgsMTcuOTQ0IDEwLjU2LDE3Ljk0NCBDMTAuMzM2LDE3Ljk0NCAxMC4xMTcsMTcuOTIzIDkuOTA0LDE3Ljg4MiBDMTAuMzQ3LDE5LjI2NiAxMS42MzUsMjAuMjc2IDEzLjE2MSwyMC4zMDMgQzExLjk2OCwyMS4yMzggMTAuNDYzLDIxLjc5NiA4LjgzLDIxLjc5NiBDOC41NDgsMjEuNzk2IDguMjcxLDIxLjc4IDcuOTk4LDIxLjc0NyBDOS41NDIsMjIuNzM3IDExLjM3NSwyMy4zMTQgMTMuMzQ0LDIzLjMxNCBDMTkuNzU5LDIzLjMxNCAyMy4yNjgsMTggMjMuMjY4LDEzLjM5MSBDMjMuMjY4LDEzLjIzOCAyMy4yNjQsMTMuMDg5IDIzLjI1NiwxMi45MzkgQzIzLjk0MSwxMi40NDggMjQuNTM0LDExLjgzNCAyNSwxMS4xMzUiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=’);

.rad-social .sharetool a[data-share=”twitter”]:hover
background-image: url(‘data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+dHdpdHRlcl9ob3ZlcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzcHJpdGUtbm8tcmVwZWF0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDcwLjAwMDAwMCwgLTI4MC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9InR3aXR0ZXJfaG92ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3MC4wMDAwMDAsIDI4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNiwzMiBDMjQuODM2LDMyIDMyLDI0LjgzNyAzMiwxNiBDMzIsNy4xNjMgMjQuODM2LDAgMTYsMCBDNy4xNjQsMCAwLDcuMTYzIDAsMTYgQzAsMjQuODM3IDcuMTY0LDMyIDE2LDMyIiBpZD0iU2hhcGUiIGZpbGw9IiM1MEFBRjAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNSwxMS4xMzUgQzI0LjM3NCwxMS40MTIgMjMuNzAzLDExLjU5OSAyMi45OTcsMTEuNjg0IEMyMy43MTYsMTEuMjUzIDI0LjI3LDEwLjU2OCAyNC41MzEsOS43NTUgQzIzLjg1NSwxMC4xNTUgMjMuMTA5LDEwLjQ0NSAyMi4zMTcsMTAuNjAxIEMyMS42OCw5LjkyNCAyMC43NzMsOS41IDE5Ljc2OSw5LjUgQzE3Ljg0NSw5LjUgMTYuMjgyLDExLjA2MiAxNi4yODIsMTIuOTg3IEMxNi4yODIsMTMuMjYxIDE2LjMxMywxMy41MjcgMTYuMzcyLDEzLjc4MiBDMTMuNDc0LDEzLjYzNiAxMC45MDIsMTIuMjQ5IDkuMTgyLDEwLjEzOSBDOC44ODIsMTAuNjUzIDguNzEsMTEuMjUzIDguNzEsMTEuODkyIEM4LjcxLDEzLjEwMiA5LjMyNiwxNC4xNjggMTAuMjYyLDE0Ljc5NSBDOS42OSwxNC43NzcgOS4xNTIsMTQuNjIgOC42ODIsMTQuMzU4IEw4LjY4MiwxNC40MDMgQzguNjgyLDE2LjA5MiA5Ljg4MywxNy41MDIgMTEuNDc4LDE3LjgyMiBDMTEuMTg2LDE3LjkwMiAxMC44NzgsMTcuOTQ0IDEwLjU2LDE3Ljk0NCBDMTAuMzM2LDE3Ljk0NCAxMC4xMTcsMTcuOTIzIDkuOTA0LDE3Ljg4MiBDMTAuMzQ3LDE5LjI2NiAxMS42MzUsMjAuMjc2IDEzLjE2MSwyMC4zMDMgQzExLjk2OCwyMS4yMzggMTAuNDYzLDIxLjc5NiA4LjgzLDIxLjc5NiBDOC41NDgsMjEuNzk2IDguMjcxLDIxLjc4IDcuOTk4LDIxLjc0NyBDOS41NDIsMjIuNzM3IDExLjM3NSwyMy4zMTQgMTMuMzQ0LDIzLjMxNCBDMTkuNzU5LDIzLjMxNCAyMy4yNjgsMTggMjMuMjY4LDEzLjM5MSBDMjMuMjY4LDEzLjIzOCAyMy4yNjQsMTMuMDg5IDIzLjI1NiwxMi45MzkgQzIzLjk0MSwxMi40NDggMjQuNTM0LDExLjgzNCAyNSwxMS4xMzUiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=’);

.rad-social .sharetool a[data-share=”facebook”] background-image: url(‘data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZmFjZWJvb2s8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3ByaXRlLW5vLXJlcGVhdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMC4wMDAwMDAsIC0yMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImZhY2Vib29rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MDAuMDAwMDAwLCAyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJGYWNlYm9vayI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuMDU5MjQwNzQzNiwxNiBDMC4wNTkyNDA3NDM2LDcuMTYzNDQzNTcgNy4wMzkxNDk3NCwwIDE1LjY0OTMwNDgsMCBDMjQuMjU5NDU5OCwwIDMxLjIzOTM2ODgsNy4xNjM0NDM1NyAzMS4yMzkzNjg4LDE2IEMzMS4yMzkzNjg4LDI0LjgzNjU1NjQgMjQuMjU5NDU5OCwzMiAxNS42NDkzMDQ4LDMyIEM3LjAzOTE0OTc0LDMyIDAuMDU5MjQwNzQzNiwyNC44MzY1NTY0IDAuMDU5MjQwNzQzNiwxNiBMMC4wNTkyNDA3NDM2LDE2IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzNCM0IzQiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45NTI5MzMxLDI0LjcwMzgyNTYgTDE2Ljk1MjkzMzEsMTUuOTk4OTgwOCBMMTkuMjkwOTA3MiwxNS45OTg5ODA4IEwxOS42MDA3MzkzLDEyLjk5OTI0MzEgTDE2Ljk1MjkzMzEsMTIuOTk5MjQzMSBMMTYuOTU2OTA1MywxMS40OTc4NDU1IEMxNi45NTY5MDUzLDEwLjcxNTQ2NzcgMTcuMDI5MjMyNSwxMC4yOTYyNTE5IDE4LjEyMjU4MjIsMTAuMjk2MjUxOSBMMTkuNTg0MTg4NCwxMC4yOTYyNTE5IEwxOS41ODQxODg0LDcuMjk2MTc0NDMgTDE3LjI0NTg4MzMsNy4yOTYxNzQ0MyBDMTQuNDM3MjAyNyw3LjI5NjE3NDQzIDEzLjQ0ODYyLDguNzUxMzY5OTUgMTMuNDQ4NjIsMTEuMTk4NTUxMiBMMTMuNDQ4NjIsMTIuOTk5NTgyOSBMMTEuNjk3ODcwMywxMi45OTk1ODI5IEwxMS42OTc4NzAzLDE1Ljk5OTMyMDYgTDEzLjQ0ODYyLDE1Ljk5OTMyMDYgTDEzLjQ0ODYyLDI0LjcwMzgyNTYgTDE2Ljk1MjkzMzEsMjQuNzAzODI1NiBMMTYuOTUyOTMzMSwyNC43MDM4MjU2IFoiIGlkPSJQYXRoIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==’);

.rad-social .sharetool a[data-share=”facebook”]:hover
background-image: url(‘data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZmFjZWJvb2tfaG92ZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3ByaXRlLW5vLXJlcGVhdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC01NC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImZhY2Vib29rX2hvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNTQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iRmFjZWJvb2stbmF0aXZlIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4wNTkyNDA3NDM2LDE2IEMwLjA1OTI0MDc0MzYsNy4xNjM0NDM1NyA3LjAzOTE0OTc0LDAgMTUuNjQ5MzA0OCwwIEMyNC4yNTk0NTk4LDAgMzEuMjM5MzY4OCw3LjE2MzQ0MzU3IDMxLjIzOTM2ODgsMTYgQzMxLjIzOTM2ODgsMjQuODM2NTU2NCAyNC4yNTk0NTk4LDMyIDE1LjY0OTMwNDgsMzIgQzcuMDM5MTQ5NzQsMzIgMC4wNTkyNDA3NDM2LDI0LjgzNjU1NjQgMC4wNTkyNDA3NDM2LDE2IEwwLjA1OTI0MDc0MzYsMTYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjM0I1OTk4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2Ljk1MjkzMzEsMjQuNzAzODI1NiBMMTYuOTUyOTMzMSwxNS45OTg5ODA4IEwxOS4yOTA5MDcyLDE1Ljk5ODk4MDggTDE5LjYwMDczOTMsMTIuOTk5MjQzMSBMMTYuOTUyOTMzMSwxMi45OTkyNDMxIEwxNi45NTY5MDUzLDExLjQ5Nzg0NTUgQzE2Ljk1NjkwNTMsMTAuNzE1NDY3NyAxNy4wMjkyMzI1LDEwLjI5NjI1MTkgMTguMTIyNTgyMiwxMC4yOTYyNTE5IEwxOS41ODQxODg0LDEwLjI5NjI1MTkgTDE5LjU4NDE4ODQsNy4yOTYxNzQ0MyBMMTcuMjQ1ODgzMyw3LjI5NjE3NDQzIEMxNC40MzcyMDI3LDcuMjk2MTc0NDMgMTMuNDQ4NjIsOC43NTEzNjk5NSAxMy40NDg2MiwxMS4xOTg1NTEyIEwxMy40NDg2MiwxMi45OTk1ODI5IEwxMS42OTc4NzAzLDEyLjk5OTU4MjkgTDExLjY5Nzg3MDMsMTUuOTk5MzIwNiBMMTMuNDQ4NjIsMTUuOTk5MzIwNiBMMTMuNDQ4NjIsMjQuNzAzODI1NiBMMTYuOTUyOTMzMSwyNC43MDM4MjU2IEwxNi45NTI5MzMxLDI0LjcwMzgyNTYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==’);

.rad-social .sharetool + .sharetool a
margin-left: 5px;

.rad-social .sharetools-menu
margin: 15px 0;

.ad.top-ad
border-color: transparent;

.rad-ad-wrapper
margin: 0 auto;
margin-top: 36px;
margin-bottom: 48px;
text-align: center;
background: rgba(0, 0, 0, 0.05);

@media screen and (min-width: 720px)
.rad-ad-wrapper
margin-top: 45px;

@media screen and (min-width: 1155px)
.rad-ad-wrapper
margin-top: 45px;

@media screen and (min-width: 720px)
.rad-ad-wrapper
margin-bottom: 60px;

@media screen and (min-width: 1155px)
.rad-ad-wrapper
margin-bottom: 60px;

.rad-ad-wrapper.has-border
padding: 30px 0;
border-color: #e2e2e2;
border-style: solid;
border-width: 1px 0;

.rad-ad-wrapper .ad
margin: 30px auto 50px;

.rad-ad-wrapper .ad:before
display: block;
content: ‘Advertisement’;
text-transform: uppercase;
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
color: #cccccc;
font-size: 10px;
letter-spacing: 0.05em;
text-align: center;
width: 100%;
padding-bottom: 5px;

.rad-ad-wrapper:last-child
border-width: 0;
margin: 40px 20px;
padding: 30px 0;

@media screen and (min-width: 720px)
.rad-ad-wrapper:last-child
max-width: 705px;
margin: 40px auto 0;

@media screen and (min-width: 960px)
.rad-ad-wrapper:last-child
max-width: 945px;

.rad-ad-wrapper .rad-ad
display: inline-block;
width: 100%;

@media print
*
background: #fff !important;

.quick-navigation,
#masthead .story-meta,
.user-tools,
.search-flyout-panel,
.notification-modals,
.announcments,
#navigation,
#mobile-navigation,
.rad-ad-wrapper,
figure,
.rad-interactive,
.media.video,
.media.photo,
#footer,
#related-coverage,
.visually-hidden,
#page-footer li,
.ad,
.last-nav,
.rad-cover-container,
.cover-caption,
.cover-replay,
.nyt-logo,
.location-header-wrapper img
display: none !important;

#page-footer ul
list-style: none;
margin: 0;
padding: 0;

#page-footer nav ul li:first-child
display: block !important;
text-align: center;

.masthead
padding-bottom: 0.2in;
margin-bottom: 0.2in;
margin-top: 45px;
position: static !important;

.masthead .branding
float: none !important;
display: block !important;
height: 20px;
margin: 0 auto;
text-align: center;

a
color: #000 !important;
text-decoration: none !important;

.rad-cover
height: auto !important;
margin-bottom: 0 !important;

.rad-cover .story-heading
color: #111 !important;
position: static !important;
text-align: center !important;
margin: 0 !important;

.rad-cover .interactive-header
position: static !important;
max-width: 600px;
margin: 0 auto !important;

.rad-cover .interactive-header p
position: static !important;
max-width: 600px;
color: #111 !important;

.rad-cover .interactive-header p br
display: none !important;

/* Project styles go here. */
@keyframes AnimationName
0%
background-position: 0% 51%;

50%
background-position: 100% 50%;

100%
background-position: 0% 51%;

.g-issue-cover
background: #de1515ba;
margin: 0 auto;
padding: 42px 0 18px 0;
position: relative;
width: 100%;
background: linear-gradient(218deg, #dd24be, #dd2424, #dd24be, #24abdd, #dd24be, #dd2424);
background-size: 2400% 2400%;
background-position: 0% 51%;
animation: AnimationName 180s linear infinite;

.viewport-medium .g-issue-cover
padding-top: 40px;
padding-bottom: 24px;

.g-issue-cover .g-wrap
padding: 0 20px 0 20px;

.g-issue-cover p,
.g-issue-cover p b
box-sizing: border-box;
width: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

.g-issue-cover p
color: rgba(255, 255, 255, 0.75);
font: 400 17px/1.41176471 “nyt-cheltenham-sh”, georgia, “times new roman”, times, serif;
margin: 0 auto;
max-width: 600px;
width: 100%;
text-align: left;

.viewport-medium .g-issue-cover p
text-align: center;
font-size: 22px;
line-height: 1.454545454545455;
max-width: 720px;

.g-issue-cover p b
font-size: 0.75em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #ffffff;

.g-issue-cover p a
color: rgba(255, 255, 255, 0.75);

.g-issue-cover p a:hover
color: #fff;
text-decoration: none;

.rad-kicker
font-family: “nyt-franklin”, arial, helvetica, sans-serif;
font-size: 0.9rem;
line-height: 1;
margin-bottom: 10px;
text-transform: uppercase;

.rad-cover .media.photo.full_bleed
max-width: 720px;

.stacked-cover .media.photo.full_bleed
padding: 24px 0 8px 0;
width: calc(100vw – 40px);

.stacked-cover .media.photo.full_bleed .rad-caption-wrapper
padding-left: 0;

For our second annual Love Issue, we asked four authors to write about the intersection of relationship and place:
love from afar in Wales,
memory and loss in France,
sibling connection in Cuba and
a babymoon in Berlin.


Joann Pai for The New York Times

We came to the end of a long driveway through a narrowing tunnel of trees, and the mansion apparated before us.

“Oh my God,” said my wife, Sheila. “Is this it?”

“It must be,” I said.

We had been driving southwest from Paris, and we were nearing the French Department of Dordogne when we got off the main road. We had seen a sign that advertised a memorial for the filmmaker Jean Renoir, and we thought we would check it out. At first, there had been arrows that we thought were pointing us in the right direction, but then the arrows ceased, and we continued on in the faint hope that more might appear. Then we were kind of lost.

But now, suddenly we found ourselves in the parking lot of an enormous estate, a walled country chalet with a long immaculate garden trailing behind it. We got out of the car and stared. There was the overwhelming feeling of being in a fairy tale.


Andy Haslam for The New York Times

Large chunks of my 20th summer were spent waiting in line at Welsh post offices. I was covering Wales for a budget travel guide, and my boyfriend sent me care packages that waited for me at various points along my route. Noah was a rabbi-in-training, a deeply organized, constitutionally pastoral human being, and I — traveling alone, living out of a dirty backpack, ill-equipped for the gig, still somewhat terrified by the idea of talking to strangers — lived for those packages, and for the reminder of our relationship as a context in which I felt known and seen; for their reminder of his touch, his laugh and his solidity.

The job was supposed to be exciting. Or at least, that was how I had imagined it: drinking ale in cozy pubs; camping out in lightning storms under the cover of ancient rock formations; scribbling poetry in the woods overlooking Tintern Abbey, on the Welsh bank of the River Wye. And sometimes, it approximated these visions. I ate a gooey slab of Welsh rarebit under low wood-timbered ceilings in a 16th-century coaching inn perched at the edge of Hay-on-Wye, a tiny village full of cobblestone streets and secondhand bookstores. I visited an island of Cistercian monks who made perfume and chocolate in their Italianate monastery.

I amused everyone when I tried to pronounce pretty much anything, especially the town of Machynlleth. I whittled these experiences into the best copy I could muster — as if having a good story to tell would retroactively make the whole experience more exciting than it had actually been.

In truth, the trip was mostly lonely. I sat shyly on a hostel roof in Cardiff while a crew of Australian rugby fans got drunker and drunker, making jokes about my skirt being see-through until I skittered back to my bunk. I ran out of money in a seaside cathedral town, where I lived on Snickers bars and scones I’d tucked into my purse at breakfast, until the next deposit from my employer arrived in my bank account.

I cowered in my room at a bed-and-breakfast in Tenby when the middle-aged owner repeatedly came knocking on my door late at night, asking if I wanted to join him in the hot tub, insisting — the third time he returned — that he “just wanted to cuddle.” I didn’t know if he had a key to the lock, and stayed up leaning against the door most of the night, paying a fortune to place an international call to my mother, asking her if it was worth it to open the door to go to the bathroom. “Just pee in his sink,” she said.


Andreas Meichsner for The New York Times

It rained every day we were in Germany.

David disagrees with me about this, but I remember every morning pulling on the wool blazer I wear in airports (since 2001, I’ve dressed up for the T.S.A.) because it was the only warm thing I’d brought.

But we’re seasoned travelers and a little rain couldn’t stop us. Once ensconced in Berlin, we bought coffee, wine and hazelnut candies at the grocer near our rented apartment. We learned the rail system and went to see Frederick the Great’s summer palace. We biked through Tiergarten, not too proud to stop at a touristy beer garden. We saw the big important museums but had more fun at the old Stasi headquarters. We splurged on a date night — a concert at the Philharmoniker — then sat at a bar and discussed what we’d heard.

Sure, our optimistic arrangements to visit Badeschiff, a faux beach on the banks of the Spree, went unrealized because of the damp. But Berlin is a town that makes more sense overcast than not, and we share a tacit agreement that the best way to see a place is to not rush around searching for it, but simply by losing yourself in it. So we walked. We window-shopped. We sussed out some good meals. Still, something was off.

David and I had our first date the night President George W. Bush ordered the bombing of Baghdad. We sat at a so-so French restaurant in Brooklyn, talking about whatever you talk about when trying to explain yourself to a stranger. For me, that was probably books, films or Tchaikovsky. For David, it was probably travel; jumping on a plane to India, to Greece, to Florida was both his job (he’s a photographer) and also his passion.

The city of Holguin in eastern Cuba.
Andrea Bruce for The New York Times

Our first act as siblings in Cuba was to straddle the wall that abuts the Malécon, a bottle of Havana Club rum in my brother’s hand. Mario popped the plastic pour control out with his pocketknife so we could drink. The sidewalks were striated with bands of white salt where seawater had slapped down onto the concrete; more than once, a muscular breeze whisked the hat from my head. We bought a bag of fried things from a street vendor and tried and failed to identify what they were, even as we polished them off.

Mario is outdoorsy and tall, lanky and all muscle, a kind of a ragtag Steve Irwin, and I am soft and fat and of the arts. Still, people wandering by could tell we were siblings. They could also tell we were American. When my understanding of the rapid-fire Spanish failed, I let the language bubble up around me and floated on the sound. As if sensing my resignation, Mario would turn to me, translating even as he responded — an exhausting dance he’d be performing for weeks.

For the first time in my life, I was turning myself over to the know-how of my baby brother, three years younger than me. He’d been to Cuba before, many times. His Spanish was infinitely better than mine. I could not remember being so vulnerable with him. In the past, he would call me for advice about his love life, school, our family — never the other way around. But I couldn’t take charge here. It wasn’t even an option.

From Havana we traveled about two hours east to Varadero, a resort town on a skeletal peninsula where some distant relatives lived. We headed to the beach, sparsely populated in the off-season. I took off everything the ocean could take from me — ring, hair tie, glasses — and waded in, beer in hand. The sand was sugar-white, the water surreally cerulean and translucent as glass. The sun was setting, bleeding color in every direction. When my bottle was empty the breeze made a hollow tooting sound over its mouth. “We’re a cliché!” I yelled at Mario, but he couldn’t hear me over the wind and distance, and shrugged.

We took a shared taxi to Santa Clara, the central province capital where our grandfather grew up. I always thought that visiting Cuba would click things into place, but instead I merely found new mysteries. His childhood home had two wardrobes bellied with mirrors — wardrobes that, the occupants told us, our grandfather built himself, though he had never, in his many stories to us, mentioned them.

Let’s block ads! (Why?)


Source link

What's Your Reaction?

Cry Cry
0
Cry
Cute Cute
0
Cute
Damn Damn
0
Damn
Dislike Dislike
0
Dislike
Like Like
0
Like
Lol Lol
0
Lol
Love Love
0
Love
Win Win
0
Win
WTF WTF
0
WTF

Comments 0

Your email address will not be published. Required fields are marked *

You may also like

More From: Travel

DON'T MISS

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format