/* A compact brand interlude; the original artwork is kept entirely static. */
.stellar-scene {
  --stellar-navy: #030b1b;
  position: relative;
  isolation: isolate;
  min-height: 390px;
  margin-block: 0 56px;
  overflow: clip;
  background: var(--stellar-navy);
}
.stellar-art {
  position: absolute;
  z-index: -1;
  inset: 0;
  max-width: 1600px;
  margin: 0 auto;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 82%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 13%, #000 82%, transparent);
}
.stellar-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 56%;
}
.stellar-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #030b1bd9, #030b1b80 30%, transparent 62%, #030b1b20 90%, #030b1b);
}
.stellar-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  min-height: 390px;
  direction: ltr;
}
.stellar-copy {
  max-width: 490px;
  padding-block: 32px;
  direction: rtl;
  text-align: right;
}
.stellar-copy h2 {
  margin: 0;
  color: #f0f6ff;
  font-size: clamp(32px, 3.2vw, 43px);
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: -.5px;
  text-wrap: balance;
}
.stellar-copy h2 span { display: block; color: #e6bd72; }
.stellar-copy h2 br { display: none; }
.stellar-copy p { margin: 16px 0 0; color: #b1c1d7; font-size: 16px; line-height: 1.95; }
.stellar-halo {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 77% 45%, #eab97010, transparent 40%);
}
.stellar-stars { display: none; }
@media (min-width: 1600px) {
  .stellar-scene, .stellar-content { min-height: 430px; }
}
@media (max-width: 900px) {
  .stellar-scene { display: flex; flex-direction: column; min-height: 0; margin-bottom: 40px; }
  .stellar-content { order: 1; display: block; min-height: 0; }
  .stellar-copy { max-width: 540px; margin-inline: auto; padding-block: 12px 0; text-align: center; }
  .stellar-copy h2 { font-size: clamp(29px, 4.6vw, 38px); letter-spacing: -.3px; }
  .stellar-copy p { margin-top: 12px; font-size: 15px; }
  .stellar-art {
    position: relative;
    z-index: 0;
    order: 2;
    inset: auto;
    width: min(100%, 640px);
    height: clamp(210px, 48vw, 290px);
    margin: 0 auto;
  }
  .stellar-art img { object-position: right 55%; }
  .stellar-art::after { background: linear-gradient(90deg, #030b1b, transparent 15%, transparent 85%, #030b1b); }
  .stellar-halo { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .stellar-scene, .stellar-scene * { animation: none; transition: none; }
}
.motion-paused .stellar-scene, .motion-paused .stellar-scene * { animation: none; transition: none; }