/* Premium editorial treatment for individual Journal articles. */
#article{overflow:hidden;background:var(--e)}
.article-shell{width:min(1320px,90vw);padding:10vw 0 9vw;position:relative}
.article-shell:before{content:'NSDS · JOURNAL';position:absolute;right:-.02em;top:7vw;font:300 clamp(74px,12vw,180px)/1 Georgia,serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(92,34,48,.1);white-space:nowrap;pointer-events:none}
.article-shell>#articleMeta{display:flex;align-items:center;gap:18px;margin:0 0 3.5vw;color:var(--b);position:relative}
.article-shell>#articleMeta:after{content:'';height:1px;flex:1;background:var(--line)}
.article-shell h1{max-width:1150px;margin:0;font-size:clamp(64px,8.4vw,128px);line-height:.91;letter-spacing:-.065em;position:relative;text-wrap:balance}
.article-intro{width:min(650px,56%);margin:4vw 0 0 auto;padding:8px 0 8px 30px;border-left:8px solid var(--p);font-size:clamp(21px,2.1vw,31px);line-height:1.42;color:var(--b)}
.article-image{display:block;width:calc(100% - 34px);max-height:none;aspect-ratio:16/9;margin:6vw 0 0 34px;object-fit:cover;box-shadow:-34px 34px 0 var(--p);filter:saturate(.82);position:relative}
.quick-answer{width:min(780px,68%);max-width:none;margin:6vw auto 0;padding:34px 38px;background:var(--b);color:var(--e);position:relative}
.quick-answer:before{content:'“';position:absolute;right:24px;top:-10px;font:100px/1 Georgia,serif;color:rgba(201,216,232,.22)}
.quick-answer .kicker{color:var(--p);margin:0}
.quick-answer p:last-child{font-size:clamp(17px,1.55vw,21px);line-height:1.68;margin:16px 0 0;position:relative}
.article-body{font-size:18px;line-height:1.9;max-width:760px;margin:7vw auto 5vw;color:var(--b)}
.article-body:first-letter{float:left;font:400 4.4em/.8 Georgia,serif;padding:.08em .12em 0 0;color:var(--s)}
.article-actions{max-width:760px;margin:auto;padding-top:28px;border-top:1px solid var(--line);justify-content:flex-start}
.article-cta,.article-related{padding:16px 21px;transition:background .25s,color .25s,transform .25s}
.article-cta:hover,.article-related:hover{transform:translateY(-2px)}
.article-related:hover{background:var(--p)}

@media(max-width:760px){
  .article-shell{width:88vw;padding:16vw 0 20vw}
  .article-shell:before{top:11vw;font-size:25vw}
  .article-shell>#articleMeta{margin-bottom:11vw}
  .article-shell h1{font-size:clamp(48px,14vw,70px);line-height:.96}
  .article-intro{width:100%;margin-top:10vw;padding:4px 0 4px 20px;border-left-width:6px;font-size:21px}
  .article-image{width:calc(100% - 14px);margin:14vw 0 0 14px;aspect-ratio:4/3;box-shadow:-14px 14px 0 var(--p)}
  .quick-answer{width:100%;margin-top:14vw;padding:26px 24px}
  .article-body{margin:16vw auto 12vw;font-size:16px;line-height:1.82}
  .article-actions{display:grid}.article-actions a{text-align:center}
}