@media (max-width: 1024px) {
  .sky-hero__grid { grid-template-columns: 1fr; }
  .sky-hero__visual { display: none; }
  .sky-footer__main { grid-template-columns: 1fr 1fr; }
  .sky-footer__grid { grid-template-columns: 1fr 1fr; }
  .sky-discovery { grid-template-columns: repeat(2, 1fr); }
  .sky-card-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .sky-annotated { grid-template-columns: 1fr; }
  .sky-sidebar { position: static; }
  .sky-community { grid-template-columns: 1fr; }
  .sky-photo-ribbon__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .sky-nav__links { display: none; }
  .sky-nav__toggle { display: flex; }
  .sky-nav__brand { gap: 0.4rem; }
  .sky-split { grid-template-columns: 1fr; }
  .sky-split--reverse { direction: ltr; }
  .sky-card-grid--3 { grid-template-columns: 1fr 1fr; }
  .sky-card-grid--4 { grid-template-columns: 1fr 1fr; }
  .sky-discovery { grid-template-columns: 1fr 1fr; }
  .sky-ledger__row { grid-template-columns: 1.5fr 1fr 1fr; font-size: 0.82rem; }
  .sky-footer__main { grid-template-columns: 1fr 1fr; gap: var(--sky-sp-md); }
  .sky-callout { padding: var(--sky-sp-lg); }
  .sky-hero { padding-block: var(--sky-sp-xl) var(--sky-sp-lg); }
  .sky-section { padding-block: var(--sky-sp-lg); }
  .sky-cookie { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 540px) {
  .sky-card-grid--3 { grid-template-columns: 1fr; }
  .sky-card-grid--4 { grid-template-columns: 1fr; }
  .sky-discovery { grid-template-columns: 1fr; }
  .sky-footer__main { grid-template-columns: 1fr; }
  .sky-footer__grid { grid-template-columns: 1fr; }
  .sky-footer__bottom { flex-direction: column; align-items: flex-start; }
  .sky-hero__actions { flex-direction: column; align-items: flex-start; }
  .sky-community { grid-template-columns: 1fr; }
  .sky-timeline::before { left: 15px; }
  .sky-timeline__num { width: 32px; height: 32px; font-size: 0.85rem; }
  .sky-photo-ribbon__grid { grid-template-columns: 1fr; }
  .sky-photo-ribbon__item { transform: none; }
  .sky-inline-photo { max-width: 100%; }
}
@media (min-width: 1400px) {
  .sky-wrap { max-width: 1320px; }
  .sky-discovery { grid-template-columns: repeat(4, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  html { scroll-behavior: auto; }
}