/* /download: a clear destination, with the original Thought ribbon. */

.download-page { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 72px; padding-block: 80px 112px; min-height: 65svh; }
.download-page .section-index { font-size: 11px; }
.download-page h1 { font-size: clamp(54px, 6.2vw, 92px); line-height: 1.03; letter-spacing: -.055em; margin-top: 24px; text-wrap: balance; }
.download-page p { color: var(--muted); margin-block: 28px 32px; font-size: 18px; line-height: 1.75; max-width: 47ch; text-wrap: pretty; }
.download-page > .brand-symbol { width: min(100%, 420px); padding: 24px; border-radius: 28px; background: var(--surface); justify-self: center; }
@media (hover: hover) {
  .download-page > .brand-symbol { transition: transform var(--dur-slow) var(--ease-spring); }
  .download-page > .brand-symbol:hover { transform: rotate(-2deg) scale(1.02); }
}
.download-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; }
.download-actions .button { max-width: 100%; }
.download-actions .text-link { font-size: 15px; }

@media (max-width: 1000px) {
  .download-page { gap: 40px; }
}

@media (max-width: 700px) {
  .download-page { grid-template-columns: 1fr; gap: 48px; padding-block: 40px 64px; }
  .download-page h1 { font-size: clamp(48px, 12vw, 72px); }
  .download-page p { font-size: 17px; }
  .download-page > .brand-symbol { width: min(100%, 300px); justify-self: center; border-radius: 24px; }
  .download-actions { gap: 20px 24px; }
  .download-actions .button { font-size: 14px; }
}