/* =========================================================
   ORG SECTION – Rotating background (imagine_transparent.png)
   Desktop: dreapta (jumate vizibil)
   Mobile: sus, centrat (jumate vizibil)
   ========================================================= */

.org-section{
  position: relative;
  isolation: isolate; /* control straturi */
  overflow: hidden;

  /* desktop defaults */
  --org-size: 760px;
  --org-top: 50%;
  --org-left: auto;
  --org-right: 0;
  --org-tx: 45%;
  --org-ty: -50%;
  --org-opacity: .32;
}

/* imagine în spate + rotire reală (fără drift) */
.org-section::before{
  content:"";
  position:absolute;
  z-index: 0;

  width: var(--org-size);
  height: var(--org-size);

  top: var(--org-top);
  left: var(--org-left);
  right: var(--org-right);

  background: url("../../media/imagine_transparent.png") center/contain no-repeat;
  opacity: var(--org-opacity);
  filter: saturate(1.05);
  pointer-events:none;

  transform-origin: 50% 50%;
  will-change: transform;

  animation: orgSpin 140s linear infinite;
}

/* overlay deasupra imaginii, dar sub conținut */
.org-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(11,11,12,.78),
    rgba(11,11,12,.52),
    rgba(11,11,12,.76)
  );
  pointer-events:none;
}

/* conținutul secțiunii peste overlay */
.org-inner{
  position: relative;
  z-index: 2;
}

@keyframes orgSpin{
  from { transform: translate(var(--org-tx), var(--org-ty)) rotate(0deg); }
  to   { transform: translate(var(--org-tx), var(--org-ty)) rotate(360deg); }
}

/* MOBILE: sus, în centru (jumate vizibil), continuă să se învârtă */
@media (max-width: 860px){
  .org-section{
    --org-size: 560px;
    --org-top: 0%;
    --org-left: 50%;
    --org-right: auto;

    /* centrul imaginii stă pe marginea de sus => vezi “jumate” în secțiune */
    --org-tx: -50%;
    --org-ty: -70%;

    --org-opacity: .28;
  }
}

@media (max-width: 520px){
  .org-section{
    --org-size: 520px;
  }
}

/* respectă “reduce motion” */
@media (prefers-reduced-motion: reduce){
  .org-section::before{
    animation: none;
    transform: translate(var(--org-tx), var(--org-ty)) rotate(0deg);
  }
}





/* =========================
   SCROLL REVEAL (fade/slide/zoom)
   ========================= */

.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
  will-change: opacity, transform;
}

/* variante */
.reveal[data-reveal="up"]{ transform: translateY(22px); }
.reveal[data-reveal="down"]{ transform: translateY(-22px); }
.reveal[data-reveal="left"]{ transform: translateX(26px); }
.reveal[data-reveal="right"]{ transform: translateX(-26px); }
.reveal[data-reveal="zoom"]{ transform: scale(.96); }

/* când devine vizibil */
.reveal.is-inview{
  opacity: 1;
  transform: none;
}

/* delay per element (setat din JS prin style.transitionDelay) */
.reveal{ transition-delay: var(--reveal-delay, 0ms); }

/* respectă reduce motion */
@media (prefers-reduced-motion: reduce){
  .reveal{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}