/* Composition-only additions; typography and spacing come from BoltWagon. */
@media (max-width: 440px) {
  .brio-page .bw-challenge > .bw-section-heading { padding-bottom: 80px; }
}
.brio-page .boltwagon-content img { border-radius: 12px; }
.brio-page .bw-cover img { border-radius: 0; }
/* Round the animated image block at its visible boundary without altering
   the montage's dimensions, aspect ratio, or scrolling track. */
.brio-page .brio-screen-stage { border-radius: 12px; }
.brio-page { --brio-section-before: 120px; --brio-section-after: 80px; }
.brio-page :is(.bw-introduction, .bw-section-heading) {
  padding-block: var(--brio-section-before) var(--brio-section-after);
}
/* Keep the 80px transition inside the challenge's existing background. */
.brio-page .bw-challenge { padding-bottom: 80px; }
.brio-page .bw-section[aria-labelledby="brio-wireframes"] > .bw-section-heading { padding-top: 0; }
@media (max-width: 1024px) {
  .brio-page { --brio-section-before: 80px; --brio-section-after: 56px; }
}
/* Match the Fuctureshit.news tablet project-information layout. */
@media (min-width: 761px) and (max-width: 1024px) {
  .brio-page .bw-introduction { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 760px) {
  .brio-page { --brio-section-before: 48px; --brio-section-after: 32px; }
}
.brio-page .topbar { position: fixed; top: 0; z-index: 100; max-width: 1360px; margin-inline: 0; left: 50%; transform: translateX(-50%); background: transparent; }


.brio-screen-stage { position: relative; overflow: hidden; }
.brio-screen-stage > p { position: absolute; inset: 5% 20px auto; margin: 0; text-align: center; color: #fff; font-size: clamp(20px, 3.8vw, 56px); font-weight: 400; }
.brio-screen-window { position: absolute; inset: 21% 4% 0; overflow: hidden; }
.brio-screen-track { display: flex; flex-direction: column; gap: 20px; animation: brio-screens-up var(--brio-loop-duration, 300s) linear infinite; animation-play-state: paused; }
.brio-screen-stage.is-running .brio-screen-track { animation-play-state: running; }
/* The supplied artwork includes a heading. Hide only that heading so the
   existing stationary section heading remains the single visible title. */
.brio-screen-tile { flex: none; aspect-ratio: 3731 / 19091; overflow: hidden; }
.boltwagon-content .brio-screen-tile img { transform: translateY(-2.4526084513%); }
@keyframes brio-screens-up { to { transform: translateY(calc(-50% - 10px)); } }
@media (prefers-reduced-motion: reduce) {
  .brio-screen-track { animation: none; }
}