/* The news as it is made (news cards) and the ending's paper: its lead paragraph, the run's photo page, the day's
   news with their thumbnails, and the reunion photo landing as a print. Loaded after styles.css. */

/* A headline's picture comes up like a photo just taken: a white flash that settles into colour. */
.nc-thumb img{animation:ncdevelop .6s ease-out both}
@keyframes ncdevelop{from{opacity:0;filter:brightness(2.4) saturate(0)}35%{opacity:1}}
.nc-thumb:has(img:not([hidden])){box-shadow:inset 0 0 0 2px #fff,0 1px 3px #1b3b3326}
/* Breaking news: its red tag lands a beat after the card, like a stamp. */
.newscard.in.breaking .nc-tag{animation:ncstamp .26s cubic-bezier(.3,1.5,.5,1) .16s both}
@keyframes ncstamp{from{opacity:0;transform:scale(1.9) rotate(-12deg)}}

/* ---------- the ending ---------- */
.art-body p.art-lede{font-weight:700;color:#1f3a33}
.art-more:empty{display:none}
.art-sec{margin:22px 0 12px;padding-top:16px;border-top:1px solid #e6e1d2;font-size:15px;line-height:1.3;font-weight:850;letter-spacing:-.4px;color:#1f3a33}
.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}
#game.wide .album-grid{grid-template-columns:1fr 1fr 1fr}
.alb-fig{margin:0;min-width:0}
.alb-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#dfe9e4}
.alb-fig figcaption{margin-top:5px;font-size:11.5px;line-height:1.4;color:#5f726c;word-break:keep-all;overflow-wrap:anywhere}
.alb-when{display:block;font-size:10.5px;font-weight:800;color:#8b9892;letter-spacing:-.1px}
/* The day's news again, each with its picture. */
.art-news{display:flex;flex-direction:column;gap:8px}
.art-news .art-sec{margin-bottom:4px}
.rn-item{display:flex;gap:10px;align-items:center;padding:6px 10px 6px 6px;border-radius:14px;background:#fffdf5;border:1px solid #ece7d7}
.rn-thumb{flex:0 0 56px;height:56px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#9fd3d0,#4f9ea3)}
.rn-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rn-text{min-width:0;display:flex;flex-direction:column;gap:3px}
.rn-meta{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#8b9892;white-space:nowrap}
.rn-text b{font-size:13.5px;line-height:1.3;font-weight:800;letter-spacing:-.4px;color:#1f3a33;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* Photos develop as they scroll into view: from a warm pale wash to colour. */
.article.ending .art-dev img{filter:sepia(.55) brightness(1.18) contrast(.82);transition:filter 1.1s ease-out}
.article.ending .art-dev.shown img{filter:none}

/* The last moment becomes the front page: a print in the middle of the frozen scene, then into the paper's top. */
.print{position:absolute;left:50%;top:50%;z-index:30;width:min(80%,440px);padding:10px 10px 30px;background:#fffdf7;border-radius:4px;
  box-shadow:0 18px 44px #10262466,0 2px 6px #10262433;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);opacity:0}
.print img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:#dfe9e4}
.article.ending.landing{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.article.ending.landing .sheet{visibility:hidden}
@media (prefers-reduced-motion:reduce){.nc-thumb img,.newscard.in.breaking .nc-tag{animation:none}.article.ending .art-dev img{filter:none;transition:none}}