/* Shared news components. Standard cards: feed/recommendations. Overlay: home. */
.news-cover{position:relative;overflow:hidden;background:var(--blue)}
.news-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.cover-symbols{display:flex;justify-content:center;align-items:center;gap:24px;min-height:240px}
.cover-brand,.cover-partner{display:grid;place-items:center;width:96px;height:104px;border-radius:var(--radius-m);background:white}
.cover-brand img,.cover-partner img{width:80px;height:80px;object-fit:contain}
.cover-plus{color:white;font-size:32px}
.news-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius-m);background:var(--pale);color:var(--ink);text-decoration:none;isolation:isolate}
.news-tile>.news-cover{aspect-ratio:3/2;width:100%;flex-shrink:0}
.news-tile .portrait-photo-cover>img{object-position:50% 22%}
.news-tile .signing-photo-cover>img{object-position:45% 30%}
.news-tile .event-photo-cover>img{object-position:42% 40%}
.news-tile .brand-flag-cover>img{object-position:60% 20%}
.news-tile-copy{display:flex;flex:1;flex-direction:column;gap:14px;padding:24px}
.news-tile .meta{display:flex;flex-wrap:wrap;gap:6px 12px;white-space:normal}
.news-tile h2,.news-tile h3{font-size:var(--title-m);line-height:var(--lh-title-m);letter-spacing:-.01em;font-weight:500}
.news-tile-read{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:auto;color:var(--blue);font-size:var(--text-s);line-height:var(--lh-s);font-weight:500}
.news-tile:hover h2,.news-tile:hover h3{color:var(--blue)}
.news-tile>.news-cover>img{transition:transform .35s}
.news-tile:hover>.news-cover>img{transform:scale(1.025)}
.news-entry{display:flex;min-width:0}
.news-entry>.news-tile{width:100%}
.news-feed{gap:0}
.news-feed .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
/* The home uses the same card content, with an explicit overlay presentation. */
.horizontal-track>.news-tile--overlay{position:relative;flex:0 0 560px;min-height:440px;scroll-snap-align:start;justify-content:flex-end;background:#082655;color:white}
.news-tile--overlay>.news-cover{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:-2}
.news-tile--overlay::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,12,20,.94),rgba(8,12,20,.5) 30%,transparent 72%);pointer-events:none}
.news-tile--overlay .news-tile-copy{flex:0 0 auto;padding:28px}
.news-tile--overlay .meta>span,.news-tile--overlay .meta time,.news-tile--overlay:hover h3{color:white}
.news-tile--overlay .news-tile-read{display:none}
.news-tile--overlay:has(.brand-flag-cover)>.news-cover>img{object-fit:cover;object-position:64% top}
.all-news-count{font-size:var(--display);line-height:var(--lh-display);color:var(--blue);font-weight:500;margin-top:24px}
.home-news .all-news{min-height:440px}
/* Article content. */
.article-page{padding-top:32px;padding-bottom:80px}
.article-heading{max-width:1100px;padding:40px 0}
.article-heading h1{margin-top:20px;text-wrap:balance}
.article-body{max-width:800px;font-size:var(--text-l);line-height:1.7}
.article-body>p{margin:0 0 24px}
.article-body>p:first-of-type{font-size:var(--text-xl);line-height:var(--lh-xl);color:var(--navy)}
.article-body blockquote{margin:32px 0;padding:24px 28px;border-left:3px solid var(--blue);border-radius:0 var(--radius-m) var(--radius-m) 0;background:var(--pale);color:var(--navy);font-size:var(--text-xl);line-height:var(--lh-xl)}
.article-cover{margin:0 0 32px;border-radius:var(--radius-m);overflow:hidden}
.article-cover .news-cover>img{height:auto}
.article-cover figcaption{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--muted);padding-top:10px}
.article-resources{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.article-resources .text-link{overflow-wrap:anywhere}
.article-next{border-top:1px solid var(--line);margin-top:64px;padding-top:40px}
.related-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.related-eyebrow{font-size:var(--text-xs);line-height:var(--lh-xs);letter-spacing:.02em;color:var(--blue);text-transform:uppercase;margin-bottom:12px}
.related-heading h2{font-size:var(--title-l);line-height:var(--lh-title-l);letter-spacing:-.01em}
.related-actions,.related-controls{display:flex;align-items:center;gap:24px}
.related-controls{gap:10px}
.related-controls button{font-size:var(--title-m)}
.related-news{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;margin-top:0;padding:5px 0 20px;scrollbar-width:thin;scrollbar-color:#1857c9 #edf2fa;overscroll-behavior-x:contain}
.related-news>.news-tile{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}
@media(max-width:1050px){
  .news-feed .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .related-news>.news-tile{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:760px){
  .news-feed .news-grid{grid-template-columns:1fr;gap:24px}
  .news-tile-copy{padding:20px}
  .horizontal-track>.news-tile--overlay{flex-basis:300px;min-height:400px}
  .home-news .all-news{min-height:400px}
  .news-tile--overlay .news-tile-copy{padding:20px}
  .article-page{padding-top:24px;padding-bottom:40px}
  .article-heading{padding:28px 0}
  .article-heading h1{text-wrap:wrap}
  .article-body{line-height:1.65}
  .article-body blockquote{padding:20px;margin:24px 0}
  .meta{flex-wrap:wrap}
  .article-next{margin-top:40px;padding-top:28px}
  .related-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:20px}
  .related-actions{width:100%;justify-content:space-between}
  .related-news{gap:16px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
  .related-news>.news-tile{flex-basis:86%}
  .related-eyebrow{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  .news-tile>.news-cover>img{transition:none}
  .news-tile:hover>.news-cover>img{transform:none}
}
/* Catalogue sketch: keep the head visible in landscape cover crops. */
.news-tile .sketch-cover>img{object-position:center top}
/* The signing photo keeps the face above the headline, with a soft edge into blue. */
.news-tile .document-photo-cover>img{object-position:55% 30%}
.news-tile--overlay:has(.document-photo-cover){background:#0c1730}
.news-tile--overlay>.news-cover.document-photo-cover{height:72%;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}
.article-photo{margin:32px 0}
.article-photo>img{display:block;width:100%;height:auto;border-radius:var(--radius-m)}
/* Workshop review: retain the hands and distant maquettes above the headline. */
.news-tile .review-photo-cover>img{object-position:60% top}
.news-tile--overlay>.news-cover.review-photo-cover{height:78%;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}

/* Keep keyboard focus inside horizontally clipped tracks. */
.news-tile:focus-visible{outline-offset:-3px}
.news-tile--overlay .card-arrow{position:absolute;right:28px;top:28px;width:44px;height:44px;display:grid;place-items:center;background:white;border-radius:50%;opacity:0;transition:opacity .15s;pointer-events:none}
.news-tile--overlay:focus-visible .card-arrow{opacity:1}
@media(hover:hover){
  .news-tile--overlay:hover .card-arrow{opacity:1}
}
@media(max-width:760px){
  .news-tile--overlay .card-arrow{right:20px;top:20px}
}
@media(prefers-reduced-motion:reduce){
  .news-tile--overlay .card-arrow{transition:none}
}