.hero:after { content: "DISCLOSURE"; right: -.05em; font-size: clamp(8rem, 24vw, 25rem); }
.hero { background-image: linear-gradient(90deg, rgba(10, 11, 9, .92), rgba(10, 11, 9, .4)), linear-gradient(0deg, rgba(10, 11, 9, .65), transparent 60%), url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=88'); }
.media-grid { gap: 17px; }
.media-card { background: #11120f; border-color: var(--line); }
.media-card img { background: #191a16; border-color: var(--line); }
.media-card .pad { padding: 20px; }
.media-card h3 { color: var(--paper, #e9e9dd); font: 500 23px/1.12 var(--display); }
.media-card p { color: #bfc0b5; font-size: 16px; line-height: 1.75; }
.media-card .meta { color: var(--acid); font: 14px var(--mono); }
.media-card .actions { font: 14px var(--mono); }
.media-card .actions a { color: var(--acid); }
.pillrow span { color: #d2d3c7; border-color: var(--line); font: 14px var(--mono); }
.smallcaps { color: var(--acid); font: 14px var(--mono); }
.video-frame { border-color: var(--line); }
.note { color: #a0a195; font-size: 14px; line-height: 1.7; border-color: var(--acid); }
.panel, .card { min-width: 0; padding: 24px; background: #11120f; border: 1px solid var(--line); }
.card h3, .panel h3 { color: var(--paper, #e9e9dd); font: 500 23px/1.12 var(--display); }
.card p, .panel p, .event p, .prose p, .prose li { color: #bfc0b5; font-size: 16px; line-height: 1.75; }
.tag { color: var(--acid); border-color: var(--line); font: 14px var(--mono); letter-spacing: .07em; }
.event { border-color: var(--line); }
.event time { color: var(--acid); font: 14px var(--mono); }
.tablewrap { border-color: var(--line); }
.tablewrap th { color: var(--acid); background: #171812; font: 14px var(--mono); }
.tablewrap td, .tablewrap th { border-color: var(--line); }
.footer { padding: 32px 0; background: #0a0b09; color: #a0a195; font: 14px var(--mono); }
.footer .wrap { align-items: center; }
.footer .brand { color: var(--paper, #e9e9dd); }
.footer .brand > span:last-child { color: var(--paper, #e9e9dd); }
.backtop { color: var(--acid); font: 14px var(--mono); }

@media (max-width: 760px) {
  .nav a { font-size: 14px; }
  .media-grid { grid-template-columns: 1fr; }
  .panel, .card { padding: 20px; }
  .tablewrap { max-width: 100%; margin-right: 0; }
  .hero:after { right: -.08em; bottom: -.1em; font-size: clamp(6rem, 22vw, 10rem); }
}