/* Agência Easys — photographic scenes and restrained depth. */
.premium-scene {
  --scene-accent: 89, 240, 255;
  position: relative;
  isolation: isolate;
  background: #080c18;
}
.scene-violet { --scene-accent: 124, 92, 255; }
.scene-blue { --scene-accent: 76, 144, 255; }
.premium-background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: -2;
  background: radial-gradient(ellipse at 85% 35%, rgba(var(--scene-accent), .18), transparent 58%), #080c18;
}
.premium-bg-photo {
  display: block;
  position: absolute;
  inset: -100px 0;
  transform: translate3d(0, var(--parallax-y, 0px), 0);
}
.premium-bg-photo img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--photo-position, 50% 50%);
  filter: saturate(.7) contrast(1.08);
  opacity: .9;
}
.premium-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5, 8, 18, .88), rgba(5, 8, 18, .72) 48%, rgba(5, 8, 18, .5)),
    linear-gradient(180deg, #080c18 0%, transparent 16%, transparent 78%, #080c18 100%);
}
.scene-hero .premium-background::after {
  background: linear-gradient(90deg, rgba(5, 8, 18, .88) 0%, rgba(5, 8, 18, .71) 38%, rgba(5, 8, 18, .36) 100%),
    linear-gradient(180deg, rgba(5, 8, 18, .52), transparent 32%, rgba(5, 8, 18, .18) 72%, #080c18);
}
.premium-bg-atmosphere, .premium-bg-grid {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.premium-bg-atmosphere {
  background: radial-gradient(ellipse at 82% 30%, rgba(var(--scene-accent), .13), transparent 56%),
    radial-gradient(ellipse at 10% 82%, rgba(124, 92, 255, .1), transparent 50%);
}
.premium-bg-grid {
  opacity: .12;
  background-image: linear-gradient(rgba(160, 200, 230, .18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 200, 230, .18) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse at 85% 50%, black, transparent 70%);
}
.premium-scene > .container { position: relative; }
.premium-scene .lead, .premium-scene .muted { color: #c1cbe0; }
.premium-scene .section-head p { color: #c1cbe0; }
.premium-scene h1, .premium-scene h2 { text-shadow: 0 8px 35px rgba(0, 0, 0, .28); }
.premium-scene .eyebrow {
  background: rgba(7, 12, 25, .65);
  border-color: rgba(180, 210, 255, .2);
  backdrop-filter: blur(12px);
}
.premium-scene .card:not(.case), .premium-scene .career-card {
  background: linear-gradient(135deg, rgba(12, 18, 35, .87), rgba(10, 15, 30, .75));
  border-color: rgba(195, 218, 255, .16);
  backdrop-filter: blur(14px);
  box-shadow: 0 24px 65px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .045);
}
.premium-scene .premium-service-inner {
  background: linear-gradient(145deg, rgba(13, 21, 39, .9), rgba(10, 16, 31, .8));
  backdrop-filter: blur(12px);
}
.premium-scene .cta-panel {
  background: linear-gradient(135deg, rgba(12, 24, 43, .83), rgba(19, 15, 39, .82));
  border-color: rgba(156, 189, 245, .25);
  backdrop-filter: blur(15px);
  box-shadow: 0 32px 90px rgba(0, 0, 0, .24);
}
.premium-scene.logos-strip .premium-background::after,
.scene-footer .premium-background::after {
  background: linear-gradient(90deg, rgba(5, 8, 18, .92), rgba(5, 8, 18, .8)),
    linear-gradient(180deg, #080c18, transparent 30%, #080c18);
}
.scene-legal .premium-background::after {
  background: linear-gradient(90deg, rgba(5, 8, 18, .96), rgba(5, 8, 18, .88)),
    linear-gradient(180deg, #080c18, transparent 20%, #080c18);
}
/* Fixed controls remain above the photographic scenes. */
.nav.scrolled { background: rgba(6, 10, 22, .9); }
.scene-hero { --photo-position: 60% 50%; }
[data-premium-scene="cidade-aerea"] { --photo-position: 50% 55%; }
[data-premium-scene="analise"], [data-premium-scene="resultados"] { --photo-position: 64% 50%; }
@media (max-width: 700px) {
  .premium-bg-photo { inset: -60px 0; }
  .premium-bg-photo img { filter: saturate(.65); }
  .premium-background::after, .scene-hero .premium-background::after {
    background: linear-gradient(90deg, rgba(5, 8, 18, .86), rgba(5, 8, 18, .65)),
      linear-gradient(180deg, #080c18, transparent 18%, transparent 80%, #080c18);
  }
  .premium-bg-grid { background-size: 56px 56px; opacity: .08; }
  .premium-scene .card:not(.case), .premium-scene .premium-service-inner,
  .premium-scene .career-card, .premium-scene .cta-panel { backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-bg-photo { transform: none !important; }
  .premium-scene .reveal { opacity: 1; transform: none; filter: none; }
}
