/* Parwan — one site, professional motion · wave308 · load LAST on every page */

:root {
  --pw-unify-gold: #c9a86e;
  --pw-unify-gold-deep: #b89558;
  --pw-unify-ink: #2d3238;
  --pw-unify-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.pw-site-build {
  color: var(--pw-unify-gold);
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

/* ---- Shared buttons (inner + home CTAs) ---- */
.page-inner .pj-journal-hero__btn--primary,
.page-inner .sc-btn--gold,
.page-inner .ow-hero__btn--gold,
.page-inner .st-hero__btn--gold,
.page-inner .ct-hero__btn--gold,
.page-inner .pw-header__cta,
.page-home .pw-header__cta {
  transition: transform 0.3s var(--pw-unify-ease), box-shadow 0.3s ease, background 0.3s ease !important;
}

.page-inner .pj-journal-hero__btn--primary:hover,
.page-inner .sc-btn--gold:hover,
.page-inner .ow-hero__btn--gold:hover,
.page-inner .st-hero__btn--gold:hover,
.page-inner .ct-hero__btn--gold:hover,
.page-inner .pw-header__cta:hover,
.page-home .pw-header__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(184, 149, 88, 0.28);
}

/* ---- Inner heading gold line ---- */
.page-inner h1 em,
.page-inner .ow-hero__title em,
.page-inner .st-hero__title em,
.page-inner .ct-hero__title em,
.page-inner .ab-cine-hero h1 em {
  color: var(--pw-unify-gold-deep);
  font-style: italic;
}

/* ---- Scroll reveal (inner pages only) ---- */
.page-inner .pw-unify-el {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.7s var(--pw-unify-ease), transform 0.7s var(--pw-unify-ease);
  transition-delay: var(--pw-d, 0ms);
}

.page-inner .pw-unify-el.pw-unify-in {
  opacity: 1;
  transform: none;
}

/* ---- Cards: lift + gold edge ---- */
.page-inner .sv-room,
.page-inner .ow-step,
.page-inner .st-moment-card,
.page-inner .cz-path-row,
.page-inner .ah-train-card,
.page-inner .info-faq-item,
.page-inner .ct-channel,
.page-inner .ct-faq-item,
.page-inner .sc-card,
.page-inner .sc-program,
.page-inner article.reveal,
.page-inner .story-belief,
.page-inner .rs-card,
.page-inner .faq-item {
  transition: transform 0.35s var(--pw-unify-ease), box-shadow 0.35s ease, border-color 0.35s ease;
}

.page-inner .sv-room:hover,
.page-inner .ow-step:hover,
.page-inner .st-moment-card:hover,
.page-inner .ah-train-card:hover,
.page-inner .ct-channel:hover,
.page-inner .sc-card:hover,
.page-inner .sc-program:hover,
.page-inner .rs-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(45, 50, 56, 0.1);
  border-color: rgba(201, 168, 110, 0.45);
}

/* ---- Photos: professional hover zoom (not auto Ken Burns) ---- */
.page-inner figure img,
.page-inner .ow-hero__visual img,
.page-inner .st-hero__visual img,
.page-inner .ct-hero__visual img,
.page-inner .pj-journal-hero__frame img,
.page-inner .sc-img {
  transition: transform 0.7s var(--pw-unify-ease);
}

.page-inner figure:hover img,
.page-inner .ow-hero__visual:hover img,
.page-inner .st-hero__visual:hover img,
.page-inner .ct-hero__visual:hover img,
.page-inner .pj-journal-hero__frame:hover img {
  transform: scale(1.05);
}

/* ---- Inner heroes: copy stagger already; add gold kicker pulse ---- */
.page-inner .pj-kicker span,
.page-inner .sc-kicker span,
.page-inner .ow-hero .ow-kicker span,
.page-inner .st-kicker span,
.page-inner .ct-kicker span {
  animation: pw-unify-kicker 2.8s ease-in-out infinite;
}

@keyframes pw-unify-kicker {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(201, 168, 110, 0.35);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(201, 168, 110, 0);
  }
}

/* Soft gold wash behind inner journal heroes — does not move photos */
.page-inner .pj-journal-hero {
  position: relative;
}

.page-inner .pj-journal-hero::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -40px;
  top: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 168, 110, 0.14), transparent 70%);
  pointer-events: none;
  z-index: 0;
  animation: pw-unify-orb 18s ease-in-out infinite;
}

@keyframes pw-unify-orb {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-18px, 12px);
  }
}

.page-inner .pj-journal-hero__grid,
.page-inner .pj-journal-hero__copy {
  position: relative;
  z-index: 1;
}

/* ---- About cine copy only (slides stay as they are) ---- */
.page-inner .ab-cine-hero__copy {
  animation: pw-unify-hero-in 0.9s var(--pw-unify-ease) 0.15s both;
}

@keyframes pw-unify-hero-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* ---- Footer trust ---- */
.page-inner .pw-footer-pro__trust span,
.page-home .pw-footer-pro__trust span {
  transition: transform 0.3s ease;
}

.page-inner .pw-footer-pro__trust span:hover,
.page-home .pw-footer-pro__trust span:hover {
  transform: translateY(-2px);
}

.page-inner .pw-footer-pro__trust em,
.page-home .pw-footer-pro__trust em {
  color: var(--pw-unify-gold-deep);
}

/* ---- Links in inner body ---- */
.page-inner .wave-below a:not(.pw-header__cta):not(.nav-cta):not([class*="btn"]):not(.ct-channel) {
  transition: color 0.25s ease;
}

/* ---- FAQ accordion feel ---- */
.page-inner .info-faq-item,
.page-inner .ct-faq-item {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.page-inner .info-faq-item:hover,
.page-inner .ct-faq-item:hover {
  border-color: rgba(201, 168, 110, 0.4);
}

/* ---- Home: keep banner photo STILL; only extra polish already in motion-plus ---- */
.page-home .pw-sl-banner--fixed .pw-sl-banner__bg {
  transform: none !important;
  animation: none !important;
}

/* Home header already unified via CTA hover above */

@media (prefers-reduced-motion: reduce) {
  .page-inner .pw-unify-el,
  .page-inner .ab-cine-hero__copy,
  .page-inner .ow-hero__copy,
  .page-inner .st-hero__copy,
  .page-inner .ct-hero__copy,
  .page-inner .sc-hero-band__copy,
  .page-inner .pj-journal-hero::before,
  .page-inner .pj-kicker span,
  .page-inner .sc-kicker span,
  .page-inner .ct-kicker span {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .page-inner figure:hover img {
    transform: none !important;
  }
}
