/* An asset mockup on a continuous display, opening from portrait to landscape. */
.brand-fold { position: relative; width: 100%; min-width: 0; margin: 0; }
.brand-fold-stage { display: none; position: relative; width: 100%; aspect-ratio: 1 / 1.04; }
.brand-fold.is-ready .brand-fold-stage { display: block; }
.brand-fold-stage canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; }
.brand-fold-fallback { padding: 7px; background: #121313; border: 2px solid #aba7a3; border-radius: 30px; box-shadow: 0 24px 42px -24px #241e3850; }
.brand-fold-fallback img { display: block; width: 100%; height: auto; border-radius: 22px; }
.brand-fold.is-ready .brand-fold-fallback { display: none; }
@media (max-width: 1000px) and (min-width: 801px) { .brand-layout { gap: 30px; } }
@media (max-width: 800px) {
  .brand-fold { max-width: 640px; margin-inline: auto; }
  .brand-fold-stage { aspect-ratio: 1 / 1.02; }
}