/* Build Something Design System v1 — press */
.bs-press-v1 {
  --yellow: var(--gold);
  --white: var(--paper-raised);
  --muted: var(--ink-muted);
  --line: rgba(27, 22, 16, .18);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-interface);
  font-size: 18px;
  line-height: 1.65;
}

.bs-press-v1 .masthead {
  min-height: 76px;
  border-bottom-color: var(--line);
  background: color-mix(in srgb, var(--paper) 94%, transparent);
}

.bs-press-v1 .wordmark-mark {
  background: var(--ink);
}

.bs-press-v1 .wordmark-mark::after {
  background: var(--gold);
}

.bs-press-v1 .nav-link,
.bs-press-v1 .more-menu summary {
  border-bottom-color: transparent;
  color: var(--blue);
}

.bs-press-v1 .nav-link:hover,
.bs-press-v1 .more-menu summary:hover {
  border-bottom-color: currentColor;
}

.bs-press-v1 .more-panel {
  border-color: var(--line);
  border-radius: var(--radius);
  background: var(--paper-raised);
  box-shadow: 8px 8px 0 rgba(27, 22, 16, .1);
}

.bs-press-v1 .more-panel a:hover {
  background: var(--blue);
  color: #fff;
}

.bs-press-v1 .hero {
  max-width: 1280px;
  margin-inline: auto;
  padding: clamp(96px, 11vw, 152px) clamp(22px, 6vw, 96px);
  border-bottom-color: var(--line);
}

.bs-press-v1 .eyebrow,
.bs-press-v1 .section-label,
.bs-press-v1 .rung-number {
  color: var(--gold-dark);
  font-family: var(--font-interface);
  font-weight: 750;
}

.bs-press-v1 .hero h1,
.bs-press-v1 .rung h2,
.bs-press-v1 .closing h2,
.bs-press-v1 .map h2,
.bs-press-v1 .contact h2,
.bs-press-v1 .footer-statement {
  font-family: var(--font-editorial);
  font-weight: 650;
  letter-spacing: -.04em;
}

.bs-press-v1 .hero h1 {
  max-width: 11ch;
  font-size: clamp(3.75rem, 8.5vw, 7.75rem);
  line-height: .92;
}

.bs-press-v1 .opening-copy {
  max-width: 68ch;
  margin-top: clamp(64px, 8vw, 104px);
}

.bs-press-v1 .opening-copy p,
.bs-press-v1 .rung > p:not(.rung-number):not(.property-links),
.bs-press-v1 .closing-copy > p:not(.section-label):not(.property-links) {
  max-width: 68ch;
  font-family: var(--font-editorial);
  line-height: 1.6;
}

.bs-press-v1 .contents {
  padding: clamp(80px, 9vw, 120px) clamp(22px, 6vw, 96px);
  background: var(--ink);
  color: var(--paper);
}

.bs-press-v1 .contents .section-label,
.bs-press-v1 .contents a::before {
  color: var(--gold-soft);
}

.bs-press-v1 .ladder {
  max-width: var(--page-max);
}

.bs-press-v1 .rung {
  padding-block: clamp(96px, 10vw, 128px);
  border-bottom-color: var(--line);
}

.bs-press-v1 .rung h2,
.bs-press-v1 .closing h2,
.bs-press-v1 .map h2,
.bs-press-v1 .contact h2 {
  max-width: 18ch;
  font-size: clamp(2.7rem, 5.5vw, 4.8rem);
  line-height: 1;
}

.bs-press-v1 .property-links {
  border-top-color: var(--line);
}

.bs-press-v1 .property-links a,
.bs-press-v1 .contact a,
.bs-press-v1 .map a {
  color: var(--blue);
}

.bs-press-v1 .rung-evidence,
.bs-press-v1 .video-frame,
.bs-press-v1 .evidence,
.bs-press-v1 .evidence-grid a,
.bs-press-v1 .table-scroll {
  border-radius: var(--radius);
}

.bs-press-v1 .rung-evidence {
  padding: var(--space-2);
  border-color: var(--line);
  background: var(--paper-raised);
}

.bs-press-v1 .rung-evidence-thumb,
.bs-press-v1 .evidence-live-link,
.bs-press-v1 .evidence-transcript-trigger {
  border-radius: var(--radius);
}

.bs-press-v1 .evidence-live-link,
.bs-press-v1 .evidence-transcript-trigger {
  color: var(--gold-soft);
}

.bs-press-v1 .evidence-live-link:hover,
.bs-press-v1 .evidence-transcript-trigger:hover {
  background: var(--gold);
  color: var(--ink);
}

.bs-press-v1 .evidence {
  padding: clamp(32px, 5vw, 56px);
  background: var(--ink);
  color: var(--paper);
}

.bs-press-v1 .evidence h3 {
  color: var(--paper);
}

.bs-press-v1 .closing {
  margin: clamp(72px, 9vw, 120px) auto;
  padding: clamp(64px, 8vw, 104px) clamp(22px, 6vw, 96px);
  border-block: 5px solid var(--gold);
  background: var(--paper-raised);
}

.bs-press-v1 .closing-cta a {
  border: 1px solid var(--gold-dark);
  border-radius: var(--radius);
  background: var(--gold);
  color: var(--ink);
}

.bs-press-v1 .closing-cta a:hover {
  background: var(--gold-dark);
  color: #fff;
}

.bs-press-v1 .map,
.bs-press-v1 .contact {
  padding-block: clamp(96px, 10vw, 128px);
}

.bs-press-v1 .map thead {
  background: var(--ink);
}

.bs-press-v1 .contact {
  border-top-color: var(--line);
  background: var(--paper-raised);
}

.bs-press-v1 .footer {
  padding-block: clamp(96px, 11vw, 152px);
  background: var(--ink);
  color: var(--paper);
}

.bs-press-v1 .footer-statement {
  color: var(--paper);
}

.bs-press-v1 .footer a {
  color: var(--gold-soft);
}

@media (max-width: 620px) {
  .bs-press-v1 .hero,
  .bs-press-v1 .contents,
  .bs-press-v1 .closing,
  .bs-press-v1 .map,
  .bs-press-v1 .contact {
    padding-inline: 20px;
  }

  .bs-press-v1 .ladder {
    padding-inline: 20px;
  }

  .bs-press-v1 .closing {
    margin-block: 64px;
  }
}
