html,body{max-width:100%;overflow-x:hidden}
.wrap,.header .wrap,.footer-main,.footer-bottom,.pagehead-content,.hero-copy,.section,
.article,.article-detail,.article-single{max-width:100%;min-width:0;box-sizing:border-box}

.pagehead:before{
  background-image:
    linear-gradient(180deg,rgba(22,19,17,.45),rgba(22,19,17,.78)),
    var(--page-banner),
    var(--nopic-url,url(/static/images/nopic.png));
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#161311;
}

.section.list-section,.list-section{padding-top:48px;padding-bottom:40px}

/* Content frames keep tone even when image is small */
.media-frame,
.card-image,
.story-media,
.manifesto-media{background:var(--frame-bg,#ebe6df)}

.article-body img,
.article-content img{background:transparent}

@media(max-width:767px){
  .pagehead-content,.pagehead h1,.pagehead p,.pagehead-description{min-width:0;max-width:100%}
  .pagehead h1,.pagehead p,.pagehead-description{overflow-wrap:anywhere}
}