@font-face {
  font-family: "PP Neue Montreal Medium";
  src: url("https://framerusercontent.com/assets/6uIfYl8bnz9kOy3KOuV7PxhFPhA.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "PP Neue Montreal Book";
  src: url("https://framerusercontent.com/assets/yUScEiZtXZCqdRimefTfBx1Q4.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

/* Remove the "Made in Framer" badge */
#__framer-badge-container,
.__framer-badge,
a.__framer-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide Fuel's original header so APEXX nav sits in the same transparent slot */
header.framer-tU76Z,
.framer-wz3pqn-container header {
  display: none !important;
}

/* Keep water canvas hidden until texture is ready to prevent flash */
.framer-2z1nd7-container:not(.apexx-water-ready) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.framer-2z1nd7-container.apexx-water-ready {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

section[data-framer-name="Hero"] .framer-1emrrf1 {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove the brand logo slider under Our Capabilities */
.framer-9dydm5-container,
section.framer-9weVr {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide About section header meta */
section[data-framer-name="About"] [data-framer-name="Roll No"],
section[data-framer-name="About"] [data-framer-name="Year Details"],
section[data-framer-name="About"] [data-framer-name="Year"],
section[data-framer-name="About"] [data-framer-name="Label"],
section[data-framer-name="About"] [data-framer-name="Tag"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide FAQ section */
.framer-yasw1o-container {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide Article section */
section[data-framer-name="Article"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide Stats section */
section[data-framer-name="Stats"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide Testimonial section */
section[data-framer-name="Testimonial"],
section.framer-mvoegw[data-framer-name="Testimonial"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Show all Services blocks, including cloned 04–06 (Framer leaves clones at opacity:0) */
section[data-framer-name="Services"] [data-framer-name="Bottom"] > [class*="-container"] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Remove scroll-padding filler above the Services list */
section[data-framer-name="Services"] > section[data-framer-name="Overlap Detailing"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Services section: white background, black text */
section[data-framer-name="Services"] {
  background-color: #fff !important;
  background: #fff !important;
  padding-bottom: 0 !important;
}

section[data-framer-name="Services"] [data-framer-name="Laptop"],
section[data-framer-name="Services"] [data-framer-name="Tab"],
section[data-framer-name="Services"] [data-framer-name="Bottom"] {
  background-color: #fff !important;
  background: #fff !important;
}

section[data-framer-name="Services"] h1,
section[data-framer-name="Services"] h2,
section[data-framer-name="Services"] h4,
section[data-framer-name="Services"] [data-framer-name="Title"] .framer-text,
section[data-framer-name="Services"] [data-framer-name="Heading"] .framer-text {
  color: #111 !important;
  --framer-text-color: #111 !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Text"] .framer-text {
  color: rgba(0, 0, 0, 0.55) !important;
  --framer-text-color: rgba(0, 0, 0, 0.55) !important;
}

section[data-framer-name="Services"] [data-framer-name="Laptop"] [data-framer-name="Line"],
section[data-framer-name="Services"] [data-framer-name="Tab"] [data-framer-name="Line"] {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

/* Tighten Services item copy spacing */
section[data-framer-name="Services"] [data-framer-name="Content"] > [data-framer-name="Right"] [data-framer-name="Content"] {
  gap: 10px !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] {
  gap: 8px !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Text"] {
  margin-bottom: 0 !important;
}

section[data-framer-name="Services"] [data-framer-name="Laptop"] [data-framer-name="Line"],
section[data-framer-name="Services"] [data-framer-name="Tab"] [data-framer-name="Line"] {
  margin-top: 28px !important;
}

/* Hide Services section header row */
section[data-framer-name="Services"] > [data-framer-name="Top"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Services list copy — keep Framer layout; style subtitle only */
section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Heading"] .framer-text,
section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Heading"] p {
  color: rgba(0, 0, 0, 0.45) !important;
  --framer-text-color: rgba(0, 0, 0, 0.45) !important;
  background: transparent !important;
}

/* Services list — hide large 01 / 02 / … column; balanced image + copy row */
section[data-framer-name="Services"] [data-framer-name="Laptop"] > [data-framer-name="Content"] > [data-framer-name="Left"],
section[data-framer-name="Services"] [data-framer-name="Tab"] > [data-framer-name="Content"] > [data-framer-name="Left"],
section[data-framer-name="Services"] [data-framer-name="Mobile"] > [data-framer-name="Content"] > [data-framer-name="Left"],
section[data-framer-name="Services"] [data-framer-name="Laptop"] [data-framer-name="Left"],
section[data-framer-name="Services"] [data-framer-name="Tab"] [data-framer-name="Left"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep Framer’s full row width (same as live); only hide the number column */
section[data-framer-name="Services"] [data-framer-name="Laptop"] > [data-framer-name="Content"] > [data-framer-name="Right"],
section[data-framer-name="Services"] [data-framer-name="Tab"] > [data-framer-name="Content"] > [data-framer-name="Right"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: clamp(32px, 4vw, 56px) !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

section[data-framer-name="Services"] [data-framer-name="Right"] > [data-framer-name="Content"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-self: center !important;
  flex: 1 1 0 !important;
  min-width: min(100%, 280px) !important;
  max-width: 480px !important;
  gap: 12px !important;
}

section[data-framer-name="Services"] [data-framer-name="Title"] {
  width: 100% !important;
  min-height: 3.25em !important;
}

section[data-framer-name="Services"] [data-framer-name="Title"] h4 {
  line-height: 1.15 !important;
  margin: 0 !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Heading"] {
  display: none !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Text"] {
  width: 100% !important;
}

section[data-framer-name="Services"] [data-framer-name="Description"] [data-framer-name="Text"] p {
  margin: 0 !important;
  text-align: left !important;
}

@media (max-width: 809.98px) {
  section[data-framer-name="Hero"] {
    height: 68vh !important;
    min-height: 480px !important;
    max-height: 620px !important;
    overflow: hidden !important;
  }

  section[data-framer-name="Hero"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 38% !important;
  }

  section[data-framer-name="Hero"] .apexx-hero-wordmark {
    bottom: 36px !important;
  }

  section[data-framer-name="Services"] [data-framer-name="Laptop"] > [data-framer-name="Content"] > [data-framer-name="Right"],
  section[data-framer-name="Services"] [data-framer-name="Tab"] > [data-framer-name="Content"] > [data-framer-name="Right"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
  }

  section[data-framer-name="Services"] [data-framer-name="Right"] > [data-framer-name="Image"],
  section[data-framer-name="Services"] [data-framer-name="Right"] > [data-framer-name="Content"] {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  section[data-framer-name="Services"] h4,
  section[data-framer-name="Services"] h4.framer-text,
  section[data-framer-name="Services"] [data-framer-name="Title"] h4 {
    font-size: clamp(22px, 6vw, 28px) !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
    --framer-letter-spacing: 0.01em !important;
    font-weight: 500 !important;
    --framer-font-weight: 500 !important;
    white-space: normal !important;
    word-spacing: normal !important;
  }

  section[data-framer-name="Services"] h4 span {
    display: inline !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    letter-spacing: inherit !important;
  }
}

/* Services list — one image + copy */
section[data-framer-name="Services"] .apexx-services-image-2 {
  display: none !important;
}

/* Hide Portfolio section header row */
section[data-framer-name="Portfolio"] > [data-framer-name="Top"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Portfolio scrolling cards gallery: keep images centered, hide side text */
section[data-framer-name="Portfolio"] #cards {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
}

section[data-framer-name="Portfolio"] #cards [data-framer-name="Left"],
section[data-framer-name="Portfolio"] #cards [data-framer-name="Right"],
section[data-framer-name="Portfolio"] #cards [data-framer-name="Project"] [data-framer-name="Bottom"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

section[data-framer-name="Portfolio"] #cards [data-framer-name="Middle"] {
  flex: none !important;
  width: min(100%, 892px) !important;
  max-width: 892px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 0 !important;
}

/* Hide About section image + pre/post/results block */
section[data-framer-name="About"] [data-framer-name="Bottom"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide hero copy block */
section[data-framer-name="Hero"] [data-framer-name="Line 1"],
section[data-framer-name="Hero"] [data-framer-name="Line 2"],
section[data-framer-name="Hero"] [data-framer-name="Line 3"],
section[data-framer-name="Hero"] [data-framer-name="Services"],
section[data-framer-name="Hero"] a[data-framer-name="Light"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide decorative plus markers in hero */
section[data-framer-name="Hero"] [data-framer-name="Plus"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide bottom-left © 2025, lines, and 19' in hero (keep Our Services wordmark) */
section[data-framer-name="Hero"] [data-framer-name="Year Details"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

section[data-framer-name="Hero"] [data-framer-name="Place Your Logo Here"],
section[data-framer-name="Hero"] .apexx-hero-wordmark {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

section[data-framer-name="Hero"] {
  position: relative !important;
}

/* Flatten the skewed hero-to-about transition (Framer scroll skew on Overlap Detailing) */
section[data-framer-name="About"] > section[data-framer-name="Overlap Detailing"],
section[data-framer-name="About"] > section[data-framer-name="Overlap Detailing"] [data-framer-name="Filler"] {
  transform: none !important;
}

section[data-framer-name="Hero"] [data-framer-name="Details+Logo"] {
  width: 100% !important;
  justify-content: center !important;
}

/* Replace the Fuel "FUEL X" hero wordmark image with custom text */
section[data-framer-name="Hero"] [data-framer-name="Place Your Logo Here"] {
  position: static !important;
  width: 100% !important;
  max-width: none !important;
}

section[data-framer-name="Hero"] [data-framer-name="Place Your Logo Here"] img {
  opacity: 0 !important;
  visibility: hidden !important;
}

section[data-framer-name="Hero"] .apexx-hero-wordmark {
  position: absolute;
  left: 50%;
  right: auto;
  top: auto;
  bottom: clamp(110px, 14vw, 190px);
  transform: translateX(-50%);
  width: max-content;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  font-family: "PP Neue Montreal Book", "PP Neue Montreal Book Placeholder", Arial, sans-serif;
  font-size: clamp(64px, 9vw, 120px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.1px;
  text-transform: none;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

section[data-framer-name="Portfolio"] .apexx-portfolio-desc {
  display: none !important;
}

/* Hide Fuel archive section header row: (06), (Archive), © 2025 */
section[data-framer-name="Archive"] .framer-rmlqiv-container,
section[data-framer-name="Archive"] [data-framer-name="Black"],
section[data-framer-name="Archive"] [data-framer-name="Mobile Black"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide Fuel archive project list */
section[data-framer-name="Archive"] [data-framer-name="List"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Collapse empty Archive label block above the hero */
section[data-framer-name="Archive"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide archive scrolling hero section */
section.framer-LkKYy.apexx-archive-hero,
section.framer-LkKYy,
.framer-120a5te-container,
.apexx-archive-shell,
section.framer-LkKYy [data-framer-name="Container"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.apexx-archive-shell {
  position: relative;
  width: 100%;
  min-height: clamp(520px, 72vh, 860px);
  overflow: hidden;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.apexx-archive-shell-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: block;
}

.apexx-archive-shell-inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 0;
}

.apexx-archive-shell-marquee {
  width: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}

.apexx-archive-shell-marquee-track {
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  min-height: clamp(48px, 7vw, 70px);
  animation: apexx-archive-shell-marquee 22s linear infinite;
  will-change: transform;
}

.apexx-archive-shell-headline {
  mix-blend-mode: difference;
  white-space: nowrap;
  color: #fff;
  font-family: "BDO Grotesk Variable", "Inter", sans-serif;
  font-size: clamp(48px, 7vw, 70px);
  font-weight: 1000;
  line-height: 1;
  letter-spacing: -0.05em;
}

.apexx-archive-shell-portrait {
  display: none !important;
}

.apexx-archive-shell-cta {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  z-index: 6;
  flex: 0 0 auto;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-family: "BDO Grotesk Variable", "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  pointer-events: auto;
}

.apexx-archive-shell-cta:hover {
  opacity: 0.85;
}

@keyframes apexx-archive-shell-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Hide Fuel pricing tiers section */
section[data-framer-name="Pricing"] {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Remove Fuel's red portrait video from the Services section header */
section[data-framer-name="Services"] [data-framer-name="Video"],
section[data-framer-name="Services"] .framer-7kt99e-container {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

section[data-framer-name="Services"] [data-framer-name="Video"] video {
  display: none !important;
}

/* Full-bleed portfolio images — drop black frame and blurred duplicate layer */
section[data-framer-name="Portfolio"] [data-framer-name="Primary"],
section[data-framer-name="Portfolio"] [data-framer-name="Secondary"],
section[data-framer-name="Portfolio"] [data-framer-name="Project"] {
  background: transparent !important;
  background-color: transparent !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Top"] {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  min-height: 420px !important;
  aspect-ratio: 16 / 9 !important;
  background: transparent !important;
  background-color: transparent !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="BG Image"] {
  display: none !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Content"],
section[data-framer-name="Portfolio"] [data-framer-name="Inner Image"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Content"] {
  display: block !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Inner Image"] img,
section[data-framer-name="Portfolio"] [data-framer-name="Content"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 5px !important;
}

/* Six-item sticky stack: same 24px gap as the first two cards */
section[data-framer-name="Portfolio"] [data-framer-name="Middle"] {
  padding-bottom: 0 !important;
  gap: 24px !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="1"] {
  z-index: 1 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="2"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="3"],
section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="3"] [data-framer-name="Project"] {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  z-index: 3 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="4"] {
  position: sticky !important;
  top: 170px !important;
  z-index: 4 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] .apexx-portfolio-spacer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="5"] {
  position: sticky !important;
  top: 210px !important;
  z-index: 5 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="6"] {
  position: relative !important;
  top: auto !important;
  z-index: 6 !important;
}

section[data-framer-name="Portfolio"] [data-framer-name="1"] [data-framer-name="Category"],
section[data-framer-name="Portfolio"] [data-framer-name="1"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="2"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="3"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="4"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="5"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="6"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="6"] [data-framer-name="Category"],
section[data-framer-name="Portfolio"] [data-framer-name="5"] [data-framer-name="Roll No"],
section[data-framer-name="Portfolio"] [data-framer-name="6"] [data-framer-name="Roll No"] {
  display: none !important;
}


.apexx-site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
  padding: 16px 60px;
  background: #ffffff;
  border-bottom: 1px solid rgba(26, 26, 26, 0.1);
  box-shadow: none;
  box-sizing: border-box;
  pointer-events: auto;
}

.apexx-logo {
  display: block;
  flex: 0 0 auto;
  width: 180px;
  height: 48px;
  background: none;
}

.apexx-logo img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: contain;
  object-position: left center;
}

.apexx-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 22px;
  margin-left: auto;
}

.apexx-nav a,
.apexx-nav span {
  position: relative;
  display: inline-block;
  color: #1a1a1a;
  font-family: "PP Neue Montreal Medium", "PP Neue Montreal Medium Placeholder", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.apexx-nav span {
  cursor: default;
  opacity: 0.92;
}

.apexx-nav a::after,
.apexx-nav span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background: #1a1a1a;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.apexx-nav a:hover::after,
.apexx-nav a.is-current::after {
  transform: scaleX(1);
  transform-origin: left;
}

.apexx-menu-btn {
  display: none;
  width: 40px;
  height: 40px;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.apexx-menu-btn span,
.apexx-menu-btn span::before,
.apexx-menu-btn span::after {
  display: block;
  width: 18px;
  height: 1.5px;
  background: #1a1a1a;
  position: relative;
}

.apexx-menu-btn span::before,
.apexx-menu-btn span::after {
  content: "";
  position: absolute;
  left: 0;
}

.apexx-menu-btn span::before { top: -6px; }
.apexx-menu-btn span::after { top: 6px; }

.apexx-mobile-panel {
  display: none;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483001;
  background: rgba(0, 0, 0, 0.72);
  padding: 28px 28px 40px;
  flex-direction: column;
  gap: 22px;
}

.apexx-mobile-panel.is-open { display: flex; }

.apexx-mobile-panel a,
.apexx-mobile-panel span {
  color: #fff;
  font-family: "PP Neue Montreal Medium", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
}

/* Services landing — same overlay header as About */
.apexx-site-header.apexx-header-hero {
  padding: 36px 60px 24px;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(26, 26, 26, 0.1);
  transition: background 0.25s ease, border-color 0.25s ease, padding 0.25s ease;
}

.apexx-site-header.apexx-header-hero .apexx-logo {
  width: 242px;
  height: 81px;
}

.apexx-site-header.apexx-header-hero.is-overlay {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  padding: 16px 60px;
}

.apexx-site-header.apexx-header-hero.is-overlay .apexx-logo {
  width: 242px;
  height: 99px;
}

.apexx-site-header.apexx-header-hero.is-overlay .apexx-logo img {
  filter: brightness(0) invert(1);
}

.apexx-site-header.apexx-header-hero.is-overlay .apexx-nav a,
.apexx-site-header.apexx-header-hero.is-overlay .apexx-nav span {
  color: #ffffff !important;
}

.apexx-site-header.apexx-header-hero.is-overlay .apexx-nav a::after,
.apexx-site-header.apexx-header-hero.is-overlay .apexx-nav span::after {
  background: #ffffff;
}

.apexx-site-header.apexx-header-hero.is-overlay .apexx-menu-btn span,
.apexx-site-header.apexx-header-hero.is-overlay .apexx-menu-btn span::before,
.apexx-site-header.apexx-header-hero.is-overlay .apexx-menu-btn span::after {
  background: #ffffff;
}

@media (max-width: 1199.98px) {
  .apexx-site-header {
    padding: 16px 32px;
  }
  .apexx-site-header.apexx-header-hero,
  .apexx-site-header.apexx-header-hero.is-overlay {
    padding: 16px 32px;
  }
}

@media (max-width: 1099px) {
  .apexx-nav { display: none; }
  .apexx-menu-btn { display: flex; align-items: center; justify-content: center; }
  .apexx-site-header { padding: 16px 20px; }
  .apexx-site-header.apexx-header-hero,
  .apexx-site-header.apexx-header-hero.is-overlay {
    padding: 16px 20px;
  }
}

@media (max-width: 809.98px) {
  .apexx-site-header {
    padding: 16px 16px;
  }
  .apexx-site-header.apexx-header-hero,
  .apexx-site-header.apexx-header-hero.is-overlay {
    padding: 16px 16px;
  }
  .apexx-site-header.apexx-header-hero .apexx-logo,
  .apexx-site-header.apexx-header-hero.is-overlay .apexx-logo {
    width: 160px;
    height: 52px;
  }
}

/* Portfolio scroll gallery — hide Fuel red placeholder card only */
section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="2"],
section[data-framer-name="Portfolio"] #cards [data-framer-name="Middle"] > [data-framer-name="2"],
section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="2"] a[href*="noara-willis"],
section[data-framer-name="Portfolio"] [data-framer-name="Middle"] > [data-framer-name="2"] a[href*="dunwill-lar"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

section[data-framer-name="Portfolio"] img[src*="scroll-02-epoxy"],
section[data-framer-name="Portfolio"] img[srcset*="scroll-02-epoxy"],
section[data-framer-name="Portfolio"] img[src*="scroll-03-cocktail"],
section[data-framer-name="Portfolio"] img[srcset*="scroll-03-cocktail"],
#about img[src*="scroll-03-cocktail"],
#about img[src*="scroll-02-epoxy"] {
  display: none !important;
}