/* Keep the Framer navbar dimensions and replace only its Opus mark. */

/* Decorative full-width XNM signature at the bottom of every footer. */
footer::after {
  content: "";
  display: block;
  flex: none;
  width: 100%;
  aspect-ratio: 1000 / 360;
  background-color: #000;
  background-image: url('/icons/xnm-footer-wordmark.svg');
  background-repeat: no-repeat;
  background-size: calc(100% - clamp(24px, 3.2vw, 64px)) auto;
  background-position: center calc(100% - clamp(8px, .8vw, 16px));
}

[data-framer-name="Logo Wrapper"] > .framer-N9nKc {
  -webkit-mask: none !important;
  mask: none !important;
  background: transparent url('/images/xnm-logo.png') center / contain no-repeat !important;
}

/* Preserve the hero image frame and its existing parallax motion. */
[data-xnm-page="home"] [data-framer-name="Hero Section"] [data-framer-name="Image Wrapper"] [style*="background-image"] {
  background-image: url('/images/xnm-hero-sculpture.jpg') !important;
  background-position: center 35% !important;
}

/* The original rate toggle and unverified social profiles do not describe XNM. */
[data-framer-name="Price Switcher"] {
  visibility: hidden !important;
  pointer-events: none !important;
}
a[href*="behance.net"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Remove the exported template builder badge from XNM's pages. */
.__framer-badge {
  display: none !important;
}

/* Keep the three XNM service rows shown in the brief. */
[data-framer-name="Services Wrapper"] > :nth-child(n + 4) {
  display: none !important;
}

/* The blog routes are no longer part of the XNM site. */
[data-framer-name="Blog"],
a[href="/blog"],
a[href="./blog"],
a[href="../blog"] {
  display: none !important;
}

/* Remove the template testimonial and FAQ sections from the site. */
#testimonials,
#faq {
  display: none !important;
}

/* Keep the founder attribution without the template portrait. */
[data-framer-name="Frame 1707479456"] [data-framer-name="Author Wrapper"] [data-framer-name="Image"] {
  display: none !important;
}

/* Remove the About page's template portrait cards while retaining its CTA. */
[data-framer-name="Team"] > [data-framer-name="Container"]:first-child {
  display: none !important;
}

/* Make the Contact page's WhatsApp number an unmistakable chat link. */
[data-framer-name="Contact Form Wrapper"] form {
  display: none !important;
}

[data-framer-name="Contact Details"] > :nth-child(2) a[href^="https://wa.me/"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  text-decoration: none;
}
[data-framer-name="Contact Details"] > :nth-child(2) a[href^="https://wa.me/"]::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  background: url('/icons/whatsapp.svg') center / contain no-repeat;
}
[data-framer-name="Contact Details"] > :nth-child(2) a[href^="https://wa.me/"]::after {
  content: "↗";
  font-size: .8em;
}

/* Reuse the original moving ticker with XNM's supplied client marks. */
[data-framer-name="Intro Section"] > .framer-15tdsr1 {
  height: 52px !important;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 ul {
  height: 52px !important;
  max-height: none !important;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item {
  width: 190px !important;
  height: 52px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 50px;
  filter: brightness(0) opacity(0.42);
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item > * {
  opacity: 0 !important;
}
/* The downloaded ticker includes two extra slots that repeat the first clients. */
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(n + 9) {
  display: none !important;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 1) {
  background-image: url('/images/clients/classic-builders.png');
  background-size: auto 113px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 2) {
  background-image: url('/images/clients/hnm-trading-contracting.png');
  background-size: auto 48px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 3) {
  background-image: url('/images/clients/halal-wealth-circle.png');
  background-size: auto 48px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 4) {
  background-image: url('/images/clients/figomi.png');
  background-size: auto 86px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 5) {
  background-image: url('/images/clients/cranford-consultancy.png');
  background-size: auto 75px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 6) {
  background-image: url('/images/clients/noo-wo-institute.png');
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n + 7) {
  background-image: url('/images/clients/dzire-design-studio.png');
  background-size: auto 82px;
}
[data-framer-name="Intro Section"] > .framer-15tdsr1 li.ticker-item:nth-child(8n) {
  background-image: url('/images/clients/design-cult-studios.png');
  background-size: auto 56px;
  filter: grayscale(1) opacity(0.42);
  mix-blend-mode: multiply;
}
/* Let each gallery frame follow its screenshot instead of fixed template heights. */
body[data-xnm-project] [data-xnm-screenshot] {
  aspect-ratio: var(--xnm-image-ratio) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: flex-start;
  overflow: hidden;
}
body[data-xnm-project] [data-xnm-screenshot]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid #bfdbfe;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
}
body[data-xnm-project] [data-framer-name="Content"] img[src*="/images/projects/"] {
  object-fit: contain !important;
  object-position: center !important;
}
/* Shorter galleries end after their supplied screenshots. */
body[data-xnm-omit-last-gallery-image] .framer-q3inyl {
  display: none !important;
}

/* Scope cover sizing to cards, including Home, without touching hero frames. */
a[data-xnm-project-card] [data-framer-name="Image Wrapper"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  border: 1px solid #bfdbfe;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
}
a[data-xnm-project-card] [data-framer-name="Image Wrapper"] {
  aspect-ratio: var(--xnm-cover-ratio, 4 / 3) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
a[data-xnm-project-card] [data-framer-name="Featured Image"] {
  transform: none !important;
}
a[data-xnm-project-card] [data-framer-name="Featured Image"] [style*="background-image"] {
  inset: 0 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}