/* Aurora component. All rules stay inside its root for Squarespace embedding. */
#limmera-aurora {
  background: #071525 url("source/aurora-still.webp") center / cover no-repeat;
  min-height: calc(100svh - 40px);
}
#limmera-aurora .aurora-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  visibility: hidden;
  pointer-events: none;
}
#limmera-aurora::after {
  background: linear-gradient(90deg, rgba(7,21,37,.5), rgba(7,21,37,.18) 44%, transparent 72%);
}
#limmera-aurora .controls { bottom: 24px; }
#limmera-aurora .content { padding-bottom: 140px; }
/* Interior auroras reuse the landing shader; edges feather so no band is ever clipped. */
[data-aurora] { position: relative; isolation: isolate; overflow: hidden; background-color: #071525; }
[data-aurora] > .aurora-canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  z-index: -2; visibility: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 16%, #000 72%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 16%, #000 72%, transparent);
}
[data-aurora]::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(7,21,37,.62), rgba(7,21,37,.2) 46%, transparent 72%);
}
[data-aurora-soft] > .aurora-canvas {
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent);
}
.quote-section[data-aurora-soft] > .aurora-canvas {
  left: 26%; width: 74%;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent), linear-gradient(90deg, transparent, #000 22%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(180deg, transparent, #000 24%, #000 76%, transparent), linear-gradient(90deg, transparent, #000 22%);
  mask-composite: intersect;
}
.invitation[data-aurora-soft] > .aurora-canvas, .project-section[data-aurora-soft] > .aurora-canvas { opacity: .6; }
[data-aurora-soft]::before { background: radial-gradient(ellipse 60% 70% at 30% 50%, rgba(7,21,37,.7), transparent 75%); }
.invitation[data-aurora-soft]::before, .project-section[data-aurora-soft]::before { background: radial-gradient(ellipse 55% 65% at 50% 50%, rgba(7,21,37,.72), transparent 80%); }
.editorial-hero[data-aurora] { min-height: 480px; }
@media (max-width: 760px) {
  [data-aurora]::before, [data-aurora-soft]::before { background: linear-gradient(180deg, rgba(7,21,37,.5), rgba(7,21,37,.35) 70%, rgba(7,21,37,.15)); }
  .editorial-hero[data-aurora] { min-height: 0; }
}
@media (max-width: 760px) {
  #limmera-aurora {
    min-height: calc(100svh - 76px);
    background-image: url("source/aurora-still-mobile.webp");
  }
  #limmera-aurora::after {
    background: linear-gradient(180deg, rgba(7,21,37,.35), rgba(7,21,37,.24) 70%, transparent);
  }
  #limmera-aurora .content { padding-top: 38px; padding-bottom: 104px; }
}