/* Skeletons reserve the media's existing dimensions; text never waits on them. */
@keyframes bagfluence-shimmer {
  from { background-position: 180% 0; }
  to { background-position: -180% 0; }
}
.media-skeleton,
.page-skeleton__bar,
.page-skeleton__image {
  background-color: #e9dfd4;
  background-image: linear-gradient(100deg, #e9dfd4 25%, #f7efe6 45%, #e9dfd4 65%);
  background-size: 240% 100%;
  animation: bagfluence-shimmer 1.6s ease-in-out infinite;
}
img.media-skeleton { color: transparent; }
img[data-media-state="error"] { background: #e9dfd4; color: #665f59; }
.motion-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.page-skeleton { max-width: 1248px; margin-inline: auto; min-height: 85vh; padding: 48px 32px 64px; }
.page-skeleton__nav { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 32px; border-bottom: 1px solid #ded7cf; }
.page-skeleton__bar { height: 16px; width: 100%; border-radius: 4px; }
.page-skeleton__logo { width: 140px; height: 32px; }
.page-skeleton__button { width: 176px; height: 40px; }
.page-skeleton__layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; padding-top: 64px; }
.page-skeleton__copy { display: flex; flex-direction: column; gap: 20px; }
.page-skeleton__eyebrow { width: 40%; height: 12px; }
.page-skeleton__title { height: 48px; width: 90%; }
.page-skeleton__short { width: 68%; }
.page-skeleton__image { aspect-ratio: 4/3; border-radius: 8px; }
@media(max-width:640px) {
  .page-skeleton { padding: 24px 20px 48px; }
  .page-skeleton__layout { grid-template-columns: 1fr; gap: 32px; padding-top: 40px; }
  .page-skeleton__title { height: 36px; }
  .page-skeleton__button { width: 132px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto !important; }
  .media-skeleton, .page-skeleton__bar, .page-skeleton__image { animation: none; background-image: none; }
}