/* The news block on /polaris/ — headlines, not a column of dates. Brand palette (bone/ink/gold/red). */
.pn { max-width: 820px; margin: 0 auto; padding: 0 20px; }
.pn-lead { display: block; text-decoration: none; color: inherit; border: 1px solid rgba(11,11,12,.14);
           border-left: 4px solid #C9A227; border-radius: 10px; padding: 20px 22px; margin: 0 0 30px;
           transition: border-color .15s, transform .15s; }
.pn-lead:hover { border-color: #C9A227; transform: translateY(-1px); }
.pn-kicker { display: block; font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
             color: #C9A227; font-weight: 800; margin-bottom: 9px; }
.pn-lead-h { display: block; font-family: var(--serif, Georgia, serif); font-size: 31px;
             line-height: 1.14; font-weight: 400; margin-bottom: 11px; }
.pn-read { font-size: 13.5px; font-weight: 700; color: #B3362B; }
.pn-sec { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800;
          margin: 34px 0 12px; display: flex; gap: 10px; align-items: baseline; }
.pn-sec span { font-size: 11.5px; letter-spacing: .04em; text-transform: none; font-weight: 400;
               opacity: .55; }
.pn-list { list-style: none; margin: 0; padding: 0; }
.pn-list li { border-bottom: 1px solid rgba(11,11,12,.09); }
.pn-list a { display: flex; gap: 16px; justify-content: space-between; align-items: baseline;
             padding: 11px 2px; text-decoration: none; color: inherit; }
.pn-list a:hover .pn-h { color: #B3362B; }
.pn-h { font-size: 16px; line-height: 1.4; }
.pn-when { flex: 0 0 auto; font-size: 12px; opacity: .5; font-variant-numeric: tabular-nums;
           white-space: nowrap; }
.pn-month { border-bottom: 1px solid rgba(11,11,12,.09); }
.pn-month > summary { cursor: pointer; padding: 11px 2px; font-weight: 700; font-size: 15px;
                      display: flex; gap: 10px; align-items: baseline; }
.pn-month > summary span { font-weight: 400; font-size: 12.5px; opacity: .5; }
.pn-month[open] > summary { border-bottom: 1px solid rgba(11,11,12,.07); }
.pn-vids { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.pn-vid { position: relative; border: 0; padding: 0; background: #0B0B0C; border-radius: 10px;
          overflow: hidden; cursor: pointer; aspect-ratio: 16/9; display: block; width: 100%; }
.pn-vid img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .82;
              transition: opacity .15s, transform .25s; }
.pn-vid:hover img { opacity: 1; transform: scale(1.03); }
.pn-play { position: absolute; inset: 0; margin: auto; width: 50px; height: 50px; border-radius: 50%;
           background: rgba(201,162,39,.93); }
.pn-play::after { content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%,-50%);
                  border-left: 15px solid #0B0B0C; border-top: 10px solid transparent;
                  border-bottom: 10px solid transparent; }
.pn-vt { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 11px 9px; text-align: left;
         font-size: 13px; font-weight: 700; color: #F4F1EA;
         background: linear-gradient(transparent, rgba(11,11,12,.9)); }
.pn-frame { width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 10px; }
@media (max-width: 640px) { .pn-lead-h { font-size: 25px; } .pn-h { font-size: 15px; } }
