/* Signal Horizon / angular type. Artwork is illustrative; catalogue images are actual renders. */
:root { --brand-petrol: #081e24; --brand-silver: #eef3ee; --brand-mint: #9be4cc; --brand-amber: #ffad4a; }
.brand-logo { display: block; width: 100%; height: auto; }
.boot-brand { position: absolute; z-index: 1; top: max(2rem, env(safe-area-inset-top)); left: 50%; width: min(28rem, 76vw); transform: translateX(-50%); }
.boot-edition { margin: .8rem 0 0; color: #a8c7bf; font-size: .58rem; font-weight: 400; letter-spacing: .26em; }
.boot-loader-mark { width: min(30rem, calc(100vw - 2rem)); border: 1px solid #9be4cc38; box-shadow: 0 16px 80px #0005; background: #071a20e8; padding: 1.5rem 2rem; border-radius: 8px; }
.boot-loader-mark::before { width: 2.3rem; height: 2.3rem; border-color: #9be4cc38; border-top-color: #9be4cc; }
.boot-loader-progress { width: 100%; }
.boot-loader-track { height: .3rem; }
.boot-loader-planet { top: 47%; width: min(57vmin, 580px); }
.boot-loader-body { opacity: .65; }
@media (max-height: 550px) {
  .boot-brand { width: min(19rem, 52vw); top: .8rem; }
  .boot-edition { display: none; }
  .boot-loader { padding: .8rem; }
  .boot-loader-planet { width: min(53vmin, 340px); top: 44%; }
  .boot-loader-mark { padding: .65rem 1.25rem; gap: .5rem; }
  .boot-loader-mark::before { width: 1.2rem; height: 1.2rem; }
}