/* Painted cloud at the page edge. Placement is composed per page, never randomized. */
.margin-interior{position:relative;--reading-header-height:88px;--cloud-width:860px;--cloud-reveal:clamp(220px,calc((100vw - 560px)/2),540px);--cloud-top:-46px;--cloud-opacity:.80}
.margin-interior main{position:relative;z-index:1}
.margin-atmosphere{position:absolute;top:60px;right:0;width:100%;height:360px;overflow:hidden;pointer-events:none;z-index:3;mix-blend-mode:multiply}
.margin-atmosphere img{position:absolute;width:var(--cloud-width);height:auto;max-width:none;right:calc(var(--cloud-reveal) - var(--cloud-width));top:var(--cloud-top);opacity:var(--cloud-opacity)}
.margin-stories{--cloud-width:940px;--cloud-top:-77px;--cloud-opacity:.78}
@media(min-width:701px) and (max-width:1100px){
 .margin-interior{--cloud-width:620px;--cloud-reveal:clamp(170px,calc((100vw - 430px)/2),260px);--cloud-top:-30px}
 .margin-stories{--cloud-width:660px;--cloud-top:-52px}
}
@media(max-width:700px){
 .margin-interior{--reading-header-height:106px;--cloud-width:410px;--cloud-reveal:clamp(80px,28vw,118px);--cloud-top:-13px;--cloud-opacity:.74}
 .margin-atmosphere{top:50px;height:175px}
 .margin-stories{--cloud-width:440px;--cloud-top:-23px}
}

/* Keep reading content out of the navigation while allowing the same cloud
   to pass continuously behind it. Paint order: content, paper, cloud, links.
   The small paper fade softens the content edge without blurring the artwork. */
.margin-interior::before{content:'';position:fixed;inset:0 0 auto;height:calc(var(--reading-header-height) + 8px);z-index:2;background:linear-gradient(to bottom,var(--paper) 0,var(--paper) calc(100% - 8px),transparent 100%);pointer-events:none}
.margin-interior .editorial-header{min-height:var(--reading-header-height);z-index:4;background:transparent}
.margin-interior .editorial-header nav a{color:#342219}
.margin-interior .editorial-header nav a:hover,.margin-interior .editorial-header nav a:focus-visible{color:#1f140f}