/* Premium clinical-editorial treatment for The Shadow Agency inner pages.
   Inspired by the clarity and restraint of modern premium service brands,
   while preserving The Shadow Agency's own monochrome/orb identity. */

.bg-shadow-pearl {
  --tsa-radius: 28px;
  --tsa-soft: rgba(255,255,255,.72);
  --tsa-line: rgba(15,15,15,.10);
  --tsa-ink: #0b0b0b;
  background-image:
    radial-gradient(circle at 82% 5%, rgba(255,255,255,.98) 0, rgba(255,255,255,0) 28rem),
    linear-gradient(180deg, #f7f6f2 0%, #fbfaf7 48%, #f4f3ef 100%);
}

.bg-shadow-pearl > header {
  border-color: rgba(15,15,15,.08);
  background: rgba(248,247,243,.82);
}

.bg-shadow-pearl > section:first-of-type {
  min-height: min(760px, 82vh);
  display: flex;
  align-items: center;
}

.bg-shadow-pearl > section:first-of-type h1 {
  max-width: 1050px;
  letter-spacing: -.055em;
}

.bg-shadow-pearl > section:first-of-type p {
  max-width: 760px;
}

.bg-shadow-pearl article {
  border-radius: var(--tsa-radius);
  border-color: var(--tsa-line);
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 18px 60px rgba(10,10,10,.035);
}

.bg-shadow-pearl article:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 24px 70px rgba(10,10,10,.07);
}

.bg-shadow-pearl a.rounded-full {
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

.bg-shadow-pearl section:nth-of-type(3) {
  background: rgba(255,255,255,.38);
}

.bg-shadow-pearl section:nth-of-type(4) article {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.bg-shadow-pearl footer {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .bg-shadow-pearl > section:first-of-type { min-height: auto; }
  .bg-shadow-pearl article { border-radius: 22px; }
  .bg-shadow-pearl footer { border-top-left-radius: 28px; border-top-right-radius: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .bg-shadow-pearl *, .bg-shadow-pearl *::before, .bg-shadow-pearl *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}