/* Studio pass: restraint, hierarchy, consistent craft */

:root {
  --radius: 16px;
  --line: #efe7f4;
  --shadow: 0 1px 2px rgba(36, 33, 42, .04), 0 10px 28px rgba(75, 23, 109, .07);
  --shadow-hover: 0 8px 24px rgba(75, 23, 109, .12);
}

::selection {
  background: #F3E8FA;
  color: #4B176D;
}

.bg-decor,
.reel-showcase-deco,
.about-deco { display: none !important; }

.preloader {
  background: #fff;
}
.preloader-logo { animation-duration: 1.6s; }

body {
  letter-spacing: -.011em;
}

h1, h2, h3, .section-title, .serif, .reel-heading, .brand-word strong {
  letter-spacing: -.028em;
}

.section { padding: 4.4rem 0; }
.kicker, .eyebrow, .reel-kicker {
  letter-spacing: .12em;
  font-weight: 700;
}

.btn-mayom, .btn-glow, .btn-primary, .nav-cta {
  box-shadow: none !important;
}
.btn-mayom:hover, .btn-glow:hover, .btn-primary:hover {
  transform: none;
  background: #3d1259;
}

.quick-card,
.service-tile,
.doc-pro,
.blog-card,
.vm-link,
.t-card,
.mini-stat,
.gallery-card,
.partner-card,
.promise-card,
.people-card,
.vision-card,
.faq-item {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  border-color: var(--line) !important;
}

.quick-card:hover,
.service-tile:hover,
.doc-pro:hover,
.blog-card:hover,
.vm-link:hover,
.gallery-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover) !important;
}

.quick-card .mi,
.service-ico,
.mini-stat-ico,
.reel-trust-ico {
  border-radius: 12px !important;
}

.quick-card {
  padding: 1.15rem .65rem 1.05rem;
}
.quick-card strong {
  font-size: .78rem;
  font-weight: 650;
}

.service-tile {
  background: #fff;
  border: 1px solid var(--line);
}

.stat-grid,
.loc-split,
.about-photo,
.doc-portrait-frame,
.brand-mark {
  border-radius: var(--radius) !important;
}

.reel-showcase {
  padding: 4rem 0 3.2rem;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(251,248,252,.28) 55%, rgba(255,255,255,.5)),
    url("../images/reel-show-bg.jpg");
}
.reel-showcase .reel-card,
.reel-showcase .reel-card.reveal {
  opacity: 1 !important;
  visibility: visible !important;
  border-radius: 18px;
  box-shadow: var(--shadow);
  outline: 1px solid rgba(255,255,255,.4);
}
.reel-showcase .reel-card:hover {
  transform: translateY(-4px);
}
.reel-showcase .reel-play {
  animation: none;
  box-shadow: 0 8px 18px rgba(181, 26, 130, .28);
}
.reel-ig-btn {
  box-shadow: none;
}
.reel-trust {
  backdrop-filter: none;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}

.navbar-sbh {
  box-shadow: 0 1px 0 var(--line) !important;
}

.hero-copy h1 { text-shadow: 0 2px 16px rgba(0,0,0,.22); }
.hero-caption {
  background: linear-gradient(100deg, rgba(26, 10, 36, .58) 0%, rgba(26, 10, 36, .22) 42%, transparent 72%);
}

.sharp-img, .doc-half, .gallery-tile img, .gallery-card img, .about-photo img {
  filter: none;
}
.blog-feature {
  min-height: 400px;
}
.blog-feature-copy .badge-soft {
  border: 0;
}

:focus-visible {
  outline: 2px solid #D81B86;
  outline-offset: 3px;
}

.accordion-button {
  font-weight: 650;
}

.about-checks li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 600;
  color: var(--ink);
}
.about-checks li::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: 8px;
  border-radius: 50%;
  background: #D81B86;
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  .section { padding: 2.6rem 0; }
}