/* News uses the approved site typefaces and theme colours. */
.news-card h2{text-align:center}
.news-card .news-card-intro{max-width:32ch;margin-inline:auto;text-align:center}
.news-archive-list{list-style:none;padding:0;margin:30px 0 0;max-width:100%}
.news-archive-list li{margin:0}
.news-archive-list a{display:grid;grid-template-columns:10rem minmax(0,1fr) 1em;align-items:baseline;gap:24px;padding:18px 0;color:var(--site-ink);text-decoration:none;border-bottom:1px solid var(--line-ddd)}
.news-archive-list time,.news-date{font-size:.85rem;color:var(--site-muted-news)}
.news-archive-list a>span:not(.site-arrow){font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.news-archive-list a:hover>span:not(.site-arrow),.news-archive-list a:focus-visible>span:not(.site-arrow){text-decoration:underline;text-underline-offset:.2em}
.news-archive-list a:hover,.news-archive-link:hover,.news-source-link:hover{color:var(--site-link)}
.news-card .news-archive-list a{grid-template-columns:minmax(0,1fr) 1em;gap:5px 14px;padding:14px 0}
.news-card .news-archive-list time{grid-column:1/-1;display:block;margin:0;font-size:.75rem}
.news-card .news-archive-list a>span:not(.site-arrow){font-size:.95rem;line-height:1.4}
.news-archive-link,.news-source-link{display:inline-block;margin-top:26px;font-size:1rem;color:var(--site-ink);text-decoration:underline;text-underline-offset:.2em}
.news-card .news-archive-link{display:block;text-align:center}
.news-page{max-width:100%;padding:0 0 8vh}
.news-page .page-heading{padding-right:48px}
.news-body{max-width:62ch;font-size:1.1rem;line-height:1.55;margin-top:28px;overflow-wrap:anywhere}
.news-body p{margin:0 0 1.2em}
.news-archive .news-body{max-width:70ch}
@media(max-width:620px){.news-archive-list a{grid-template-columns:minmax(0,1fr) 1em;gap:6px 16px}.news-archive-list time{grid-column:1/-1}.news-body{font-size:1rem}.news-archive-list{margin-top:24px}}

/* Opened news archives align with Work and use its medium hover type. */
.news-page.news-archive{padding-top:var(--news-page-offset,0px)}
.news-archive .page-heading h1{margin:0;font-family:var(--work-font-family,"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif);font-size:var(--work-font-size,36px);font-weight:500;line-height:var(--work-line-height,1.25);letter-spacing:var(--work-letter-spacing,-.025em)}
@media(max-width:850px){.news-page.news-archive{padding-top:0}}

/* From the studio has its own sharp vector triangle. */
.portal-triangle{position:relative;display:grid;place-items:center;width:min(100%,220px);aspect-ratio:1}
.portal-triangle svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.portal-triangle path{fill:transparent;stroke:var(--site-ink-soft);stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .25s ease,stroke .25s ease}
.portal-triangle .shape-label{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:70%;max-width:70%}
.news-portal:hover .portal-triangle path,.news-portal:focus-visible .portal-triangle path,.news-portal:active .portal-triangle path{fill:#03007f;stroke:#03007f}
@media(hover:hover) and (pointer:fine){.news-portal:hover .portal-triangle path,.news-portal:hover .portal-triangle .shape-label{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='4' fill='white'/%3E%3C/svg%3E") 7 7,pointer!important}}
@media(max-width:850px){.portal-triangle{width:190px}}
@media(max-width:620px){.split-gallery .portal-triangle{width:100%;height:auto;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.portal-triangle path{transition:none}}