/* PDF and print layout. The renderer prints at 0.62 scale so pages keep the desktop layout on Letter paper. */

@page {
  size: Letter;
  margin: 0.4in 0.45in;
}

html,
body {
  background: #FFFFFF !important;
}

.progress,
.hero::after,
.section.dark::after,
.hero .glow-b,
.callout::after,
.clip.lead::after,
.masthead nav,
.ticker .track > span[aria-hidden="true"],
.no-print,
.next,
.reel video {
  display: none !important;
}

html,
body,
.section.dark,
.section.tint,
.ticker,
.callout,
.clip.lead,
.decision,
.bar .fill,
.bar .track,
.frame,
.tl.hot::before,
.tl::before,
.hero,
.masthead,
.split > div,
.pipeline,
.stamp,
.pipe-list .stage.booked,
.note,
.reel img,
.sec-num,
.btn,
.ev {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.masthead {
  position: static;
  background: var(--abyss) !important;
}

/* Dark bands print as solid deep sea; grain is a screen texture only */
.hero,
.section.dark {
  background: var(--abyss) !important;
}

.hero::before,
.section.dark::before {
  display: none;
}

*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
}

.reveal,
.reveal-stagger > *,
.hero h1 .line > span,
.dek,
.wd,
.pull::before,
.pull cite,
.stamp {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  scale: 1 !important;
}

.hero h1 em,
h2 em,
.pipeline-head h3 em,
.pull p em {
  background-size: 100% 2px !important;
}

.timeline .tl::before {
  background: var(--sea);
}

.bar .fill,
.tl::after {
  transform: scaleX(1) !important;
}

.hero {
  padding: 56px 0 48px;
}

.hero::after {
  display: none;
}

.ticker .track {
  flex-wrap: wrap;
  width: auto;
  gap: 8px 36px;
  padding: 0 var(--gutter);
}

.section {
  padding: 52px 0;
}

.reel .poster-print {
  display: block !important;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 6px;
}

details.method .inner {
  display: block !important;
}

details.method summary::after {
  display: none;
}

.decision,
.clip,
.lesson,
.tl,
.bar,
.results tr,
figure,
.callout,
.mini-quote,
.pull,
.split > div,
.stat,
.card,
.sec-head,
.snapshot,
.deliverables,
.offer .steps li {
  break-inside: avoid;
}

.sec-head {
  break-after: avoid;
}

.decision:hover,
.clip:hover,
.card:hover,
.frame:hover,
.note:hover,
.social-pickup:hover {
  transform: none;
  box-shadow: none;
}

.decision::before,
.clip::before,
.card::before {
  display: none;
}

.ticker .tk-lbl {
  position: static;
  display: block;
  padding: 0 var(--gutter) 10px;
  background: none;
}

/* Glows print as blur, so ticks and lines print flat */
.tl::before,
.tl::after,
.tl.hot::before,
.timeline::before,
.timeline::after {
  box-shadow: none !important;
  filter: none !important;
}

.own.feature,
.own.partner,
.cp-grid img {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.own,
.cp-head,
.social-pickup,
.pipeline-head,
.pipe-list li,
details.method,
.note,
.cta-row {
  break-inside: avoid;
}

.cta-row {
  break-after: avoid;
}

.deliverables {
  break-before: avoid;
}

.own:hover {
  transform: none;
  box-shadow: none;
}

.own::after,
.own:not(.feature)::before {
  display: none;
}

.chart {
  break-inside: avoid;
}

.chartpack {
  break-before: page;
}

.cp-head {
  break-after: avoid;
}

.own.feature {
  background: var(--abyss) !important;
}

.own.feature::before {
  display: none;
}

.cadence {
  break-inside: avoid;
}

.section:last-of-type {
  padding-bottom: 36px;
}

.footer {
  break-before: avoid;
  break-inside: avoid;
}

#contact {
  break-inside: avoid;
  padding: 40px 0 28px;
}

.print-compact {
  padding: 24px 0;
}

.print-compact .sec-head {
  margin-bottom: 28px;
}

.print-compact .chart + .chart {
  margin-top: 18px;
}

.print-compact .deliverables {
  margin-top: 28px;
}

.print-compact .frame {
  max-width: 240px !important;
}

.print-compact .media-grid {
  align-items: start;
}

.print-compact figure,
.print-compact .chart {
  break-inside: auto;
}