/* ============================================================
   FUTURA PARTNER — Luxury Design System
   Deep Obsidian Architecture (#0A0A0A) + Liquid Glass Layer
   ============================================================ */

/* SECTION 1: Tailwind Missing Utility Classes */

/* Grid Columns */
@media (min-width: 1024px) {
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Sizing */
.h-72 { height: 18rem; }
.h-80 { height: 20rem; }
.h-\[450px\] { height: 450px; }
.w-52 { width: 13rem; }
.max-w-xs { max-width: 20rem; }
@media (min-width: 768px) { .md\:w-52 { width: 13rem; } }

/* Spacing */
.p-7 { padding: 1.75rem; }
.gap-10 { gap: 2.5rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pt-36 { padding-top: 9rem; }

/* Typography */
.text-\[9px\] { font-size: 9px; line-height: 1.2; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.leading-tight { line-height: 1.25; }
.tracking-wider { letter-spacing: 0.05em; }
.text-zinc-300 { color: rgb(212 212 216); }
.text-light { font-weight: 300; }

/* Borders */
.border-l-2 { border-left-width: 2px; }
.border-l-brand { border-left-color: #ffffff; }
.border-brand\/20 { border-color: rgba(255, 255, 255, 0.15); }
.border-brand\/30 { border-color: rgba(255, 255, 255, 0.25); }
.border-white\/\[0\.07\] { border-color: rgba(255, 255, 255, 0.07); }
.border-white\/\[0\.08\] { border-color: rgba(255, 255, 255, 0.08); }

/* Border Radius */
.rounded-sm { border-radius: 0.125rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }

/* Layout */
.items-baseline { align-items: baseline; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Backgrounds */
.bg-\[\#0B0B0B\] { background-color: #0B0B0B; }
.bg-\[\#0C0C0C\] { background-color: #0C0C0C; }
.bg-\[\#0E0E0E\] { background-color: #0E0E0E; }

/* Backdrop Blur */
.backdrop-blur-md { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.backdrop-blur-sm { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.backdrop-blur-2xl { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); }

/* Position & Z-index */
.z-\[10\] { z-index: 10; }
.-bottom-6 { bottom: -1.5rem; }
.-left-6 { left: -1.5rem; }

/* Animation Delays */
.animation-delay-800 { animation-delay: 0.8s; }

/* Brand backgrounds */
.bg-brand\/\[0\.04\] { background-color: rgba(255, 255, 255, 0.04); }
.bg-brand\/\[0\.05\] { background-color: rgba(255, 255, 255, 0.05); }
.bg-brand\/\[0\.08\] { background-color: rgba(255, 255, 255, 0.08); }
.hover\:bg-brand\/\[0\.08\]:hover { background-color: rgba(255, 255, 255, 0.08); }


/* SECTION 2: Global Luxury Polish */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background-color: #0A0A0A;
  color: #FFFFFF;
}

/* Ambient Top Light */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1200px;
  height: 600px;
  background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Gradient Text - Pure Platinum Chrome Sheen */
.gradient-text {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDEDED 45%, #9A9AA2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
@supports not (-webkit-background-clip: text) {
  .gradient-text {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: none !important;
  }
}
.gradient-text[class*="opacity-0"] {
  opacity: 1 !important;
}

/* Universal Monochromatic Brand Overrides */
.text-brand {
  color: rgba(255, 255, 255, 0.75) !important;
}
.hover\:text-brand:hover,
.group:hover .group-hover\:text-brand {
  color: #FFFFFF !important;
}
.border-brand {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.border-brand\/20 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.bg-brand\/10 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.bg-brand\/20 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Universal Monochromatic Liquid Glass Capsule Pill Buttons */
a.bg-brand, button.bg-brand,
.fp-hero-btn-primary, .fp-btn-primary,
.fp-btn-capsule {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 40px !important;
  background: rgba(14, 14, 16, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  text-decoration: none !important;
  box-shadow: 0 14px 36px -8px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

a.bg-brand:hover, button.bg-brand:hover,
.fp-hero-btn-primary:hover, .fp-btn-primary:hover,
.fp-btn-capsule:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  border-top-color: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.95), 
              inset 0 1px 1px rgba(255, 255, 255, 0.7), 
              inset 0 -1px 1px rgba(255, 255, 255, 0.1),
              0 0 24px rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

a.bg-brand:active, button.bg-brand:active,
.fp-btn-capsule:active {
  transform: scale(0.98) translateY(0) !important;
}

/* White Pill Capsule Variant */
.fp-btn-capsule-light,
a[class*="bg-white"][class*="text-black"],
button[class*="bg-white"][class*="text-black"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 40px !important;
  background: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 9999px !important;
  color: #0A0A0A !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  text-decoration: none !important;
  box-shadow: 0 14px 36px -8px rgba(0, 0, 0, 0.75) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.fp-btn-capsule-light:hover,
a[class*="bg-white"][class*="text-black"]:hover,
button[class*="bg-white"][class*="text-black"]:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: #FFFFFF !important;
  color: #0A0A0A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.85), 0 0 24px rgba(255, 255, 255, 0.2) !important;
}

/* Neutralize blue hover states globally */
.hover\:bg-blue-700:hover, .hover\:bg-brand:hover {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

/* Secondary Outline Buttons */
a[class*="border-white"], button[class*="border-white"] {
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* Focus Visible */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.4);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Minimalist Marquee */
.animate-infinite-scroll:hover,
[class*="animate-infinite-scroll"]:hover {
  animation-play-state: paused !important;
}
[class*="overflow-hidden"]:hover .animate-infinite-scroll {
  animation-play-state: paused;
}

/* Navigation Glass on Scroll */
#_fp_nav[class*="bg-black"] {
  background: rgba(10, 10, 10, 0.88) !important;
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Dropdown Panels */
#_fp_nav [style*="display: block"][class*="absolute"],
#_fp_nav .absolute[class*="bg-"] {
  border-radius: 8px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Entrance Animations */
.fp-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.fp-reveal.fp-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .fp-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* SECTION 3: Exact 4x5 Portrait Team Cards with Authentic Liquid Glass Overlay */

.fp-team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .fp-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .fp-team-grid {
    gap: 2rem;
  }
}

.lp-team-card {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  width: 100%;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.7);
  background: #0E0E0E;
  display: block;
}

.lp-team-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.lp-team-card:hover img {
  transform: scale(1.04);
}

/* NO BLUE SHADOW OR BLUE BORDER ON HOVER */
.lp-team-card:hover {
  border-color: rgba(255, 255, 255, 0.22);
  border-top-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.9);
  transform: translateY(-3px);
}

/* Liquid Glass Overlay Panel (Exact Beloved Style) */
.lp-team-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 1.25rem;
  background: linear-gradient(
    to top,
    rgba(10, 10, 10, 0.98) 0%,
    rgba(10, 10, 10, 0.84) 65%,
    transparent 100%
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}

/* NO BLUE ON OVERLAY HOVER */
.lp-team-card:hover .lp-team-overlay {
  border-top-color: rgba(255, 255, 255, 0.25);
  background: linear-gradient(
    to top,
    rgba(10, 10, 10, 0.99) 0%,
    rgba(10, 10, 10, 0.9) 75%,
    transparent 100%
  );
}

/* Footer Styling */
footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}
footer a {
  transition: color 0.2s ease;
}
footer a:hover {
  color: #FFFFFF !important;
}

/* SECTION 4: Refined Liquid Glass Cards for Practices & Roadmap */
.fp-glass-card {
  position: relative;
  background: rgba(18, 18, 20, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: none !important;
  box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.65);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 8px;
}
.fp-glass-card:hover {
  border: none !important;
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.85);
  transform: translateY(-3px);
}

/* SECTION 5: 3D Cylindrical Client Orbit Carousel */
.fp-clients-orbit-container {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  outline: none;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}
.fp-clients-orbit-container:active {
  cursor: grabbing;
}

/* Platinum-Silver Central Halo behind active center logo */
.fp-orbit-center-halo {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  height: 180px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 50%, transparent 75%);
  filter: blur(28px);
  pointer-events: none;
  z-index: 1;
}

/* Faint Ground Shadow / Orbit Floor */
.fp-orbit-ground-shadow {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  max-width: 750px;
  height: 32px;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.06) 0%, rgba(0, 0, 0, 0.8) 50%, transparent 80%);
  filter: blur(14px);
  pointer-events: none;
  z-index: 1;
}

/* Accessibility screen-reader only utility */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

/* Orbit Viewport & 3D Track */
.fp-orbit-viewport {
  position: relative;
  width: 100%;
  height: 190px;
  perspective: 1200px;
  -webkit-perspective: 1200px;
  perspective-origin: 50% 50%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0%, black 14%, black 86%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 14%, black 86%, transparent 100%);
  z-index: 3;
}
@media (min-width: 768px) {
  .fp-orbit-viewport {
    height: 220px;
  }
}

.fp-orbit-track {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

/* Individual Brand Logos Suspended in Space (No cards around each logo) */
.fp-orbit-item {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
  will-change: transform, opacity, filter;
  transition: color 0.3s ease;
}

.fp-orbit-brand {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: 300;
  font-size: 1.25rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #E4E4E7;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9);
  transition: color 0.35s ease, text-shadow 0.35s ease;
}

@media (min-width: 640px) {
  .fp-orbit-brand {
    font-size: 1.6rem;
    letter-spacing: 0.2em;
  }
}
@media (min-width: 1024px) {
  .fp-orbit-brand {
    font-size: 1.95rem;
    letter-spacing: 0.22em;
  }
}

/* Active Center Item: Dominant, fully sharp, high contrast, warm-white */
.fp-orbit-item.is-active .fp-orbit-brand {
  color: #FFFFFF;
  font-weight: 400;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.45), 0 0 35px rgba(255, 255, 255, 0.2), 0 4px 14px rgba(0, 0, 0, 0.95);
}

.fp-orbit-item::after {
  display: none !important;
}

/* Editorial subtle navigation arrows */
.fp-orbit-arrow {
  background: rgba(255, 255, 255, 0.04);
  border: none !important;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}
.fp-orbit-arrow:hover {
  background: rgba(255, 255, 255, 0.12);
  border: none !important;
}

/* Reduced Motion Alternative */
@media (prefers-reduced-motion: reduce) {
  .fp-orbit-viewport {
    height: auto !important;
    perspective: none !important;
    overflow-x: auto !important;
  }
  .fp-orbit-track {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    position: static !important;
    transform: none !important;
  }
  .fp-orbit-item {
    position: static !important;
    transform: none !important;
    opacity: 0.8 !important;
    filter: none !important;
  }
  .fp-orbit-center-halo, .fp-orbit-ground-shadow, .fp-orbit-controls {
    display: none !important;
  }
}

/* SECTION 6: Ultra-Luxury Full-Bleed Penthouse Hero */
.fp-hero-bg-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.fp-hero-bg-img {
  position: absolute;
  inset: -5% 0;
  width: 100%;
  height: 110%;
  object-fit: cover;
  object-position: 68% center; /* Mobile: skyline & curved glass architecture */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transition: transform 0.1s linear;
}

@media (min-width: 1024px) {
  .fp-hero-bg-img {
    object-position: center right; /* Desktop: city/water view right, dark interior left */
  }
}

/* Layer 1: Refined subtle scrim preserving penthouse architecture & skyline */
.fp-hero-overlay-horizontal {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(6, 8, 14, 0.82) 0%,
    rgba(6, 8, 14, 0.65) 28%,
    rgba(7, 10, 18, 0.32) 50%,
    rgba(8, 12, 22, 0.05) 75%,
    transparent 100%
  );
  z-index: 2;
}

@media (max-width: 1023px) {
  .fp-hero-overlay-horizontal {
    background: linear-gradient(
      to bottom,
      rgba(6, 8, 14, 0.45) 0%,
      rgba(6, 8, 14, 0.72) 35%,
      rgba(7, 10, 18, 0.88) 70%,
      rgba(10, 10, 10, 0.98) 100%
    );
  }
}

/* Layer 2: Subtle vertical dark gradient at bottom */
.fp-hero-overlay-bottom {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to top,
    #0A0A0A 0%,
    rgba(10, 10, 10, 0.75) 8%,
    rgba(10, 10, 10, 0.2) 22%,
    transparent 40%
  );
  z-index: 3;
}

.fp-hero-overlay-ambient {
  display: none !important;
}

/* Centered Luxury Editorial Ambient Scrim */
.fp-hero-overlay-center {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 95% 75% at 50% 48%, rgba(10, 10, 10, 0.42) 0%, rgba(10, 10, 10, 0.88) 100%),
              linear-gradient(to bottom, rgba(10, 10, 10, 0.6) 0%, transparent 30%, rgba(10, 10, 10, 0.96) 100%);
  z-index: 2;
}

/* Maisonfav-inspired Capsule Pill Button - Monochromatic Liquid Glass */
.fp-btn-capsule {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 15px 38px !important;
  background: rgba(12, 12, 14, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  text-decoration: none !important;
  box-shadow: 0 14px 36px -8px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}
.fp-btn-capsule:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  border-top-color: rgba(255, 255, 255, 0.8) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.95), 
              inset 0 1px 1px rgba(255, 255, 255, 0.6), 
              inset 0 -1px 1px rgba(255, 255, 255, 0.1),
              0 0 20px rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}

/* Editorial High-Fashion Fonts */
.font-editorial-serif {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', Times, serif !important;
}
.font-editorial-sans {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Maisonfav Monumental Hero Typography */
.fp-hero-h1-sans {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.75rem, 6.8vw, 6.2rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.04em !important;
  color: #FFFFFF !important;
  display: block !important;
}
.fp-hero-h1-serif {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(3.2rem, 7.8vw, 7.0rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: #FFFFFF !important;
  display: block !important;
  margin-top: 0.08em !important;
}
.fp-hero-eyebrow {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.32em !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
.fp-hero-subtext {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
  line-height: 1.68 !important;
  font-weight: 300 !important;
  color: #C8C2BA !important;
  max-width: 640px !important;
}

/* Subpage Left-Aligned Hero Subtext Alignment Fix */
.subpage-hero-container .fp-hero-subtext,
.subpage-hero-container p.fp-hero-subtext,
.fp-hero-subtext.text-left,
p.fp-hero-subtext.text-left {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  max-width: 640px !important;
}

/* Centered Heroes explicitly centered */
#hero-section .fp-hero-subtext,
#our-clients-section .fp-hero-subtext,
.fp-hero-subtext.text-center,
.text-center .fp-hero-subtext,
.fp-legal-header .fp-hero-subtext {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 760px !important;
}
.fp-hero-secondary-link {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25em !important;
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  display: inline-block !important;
  text-align: center !important;
  transition: color 0.3s ease !important;
}
.fp-hero-secondary-link:hover {
  color: #FFFFFF !important;
}

/* Luxury Action Controls: Bespoke proportions, specular chrome, high-fashion tracking */
.fp-hero-btn-primary, .fp-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  padding: 0 34px !important;
  background: #2554e8 !important;
  color: #FFFFFF !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25em !important;
  white-space: nowrap !important;
  border-radius: 2px !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 10px 28px -6px rgba(37, 84, 232, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.fp-hero-btn-primary:hover, .fp-btn-primary:hover {
  background: #1c44c8 !important;
  box-shadow: 0 14px 34px -4px rgba(37, 84, 232, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

.fp-hero-btn-secondary, .fp-btn-liquid-glass {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  padding: 0 34px !important;
  background: rgba(12, 18, 32, 0.45) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #F5F7FA !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25em !important;
  white-space: nowrap !important;
  border-radius: 2px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 10px 24px -6px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.fp-hero-btn-secondary:hover, .fp-btn-liquid-glass:hover {
  background: rgba(18, 28, 50, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  border-top-color: rgba(255, 255, 255, 0.6) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 14px 32px -4px rgba(0, 0, 0, 0.75) !important;
  transform: translateY(-2px) !important;
}

/* Restrained Editorial Reveal Motion */
@keyframes fpHeroReveal {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fp-hero-reveal {
  opacity: 0;
  animation: fpHeroReveal 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.fp-delay-1 { animation-delay: 0.12s; }
.fp-delay-2 { animation-delay: 0.24s; }
.fp-delay-3 { animation-delay: 0.38s; }
.fp-delay-4 { animation-delay: 0.52s; }

@media (prefers-reduced-motion: reduce) {
  .fp-hero-reveal {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
  .fp-hero-bg-img {
    transform: none !important;
    transition: none !important;
  }
}

/* Navigation Refractive Liquid-Glass on Scroll */
#_fp_nav {
  transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              padding 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              backdrop-filter 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              -webkit-backdrop-filter 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#_fp_nav.is-scrolled {
  background: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 36px -10px rgba(0, 0, 0, 0.9) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* SECTION 7: Kinetic Brand Entry Loader */
#fp-site-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background-color: #0A0A0A;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  will-change: transform;
  transition: transform 0.85s cubic-bezier(0.85, 0, 0.15, 1);
}
@media (min-width: 640px) {
  #fp-site-loader {
    padding: 3rem;
  }
}

#fp-site-loader.is-loaded {
  transform: translateY(-100%);
  pointer-events: none;
}

.fp-loader-mask {
  overflow: hidden;
  display: block;
}

.fp-loader-title {
  transform: translateY(115%);
  transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

#fp-site-loader.animate-in .fp-loader-title {
  transform: translateY(0%);
}

.fp-loader-subtitle {
  transform: translateY(130%);
  transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
  will-change: transform;
}

#fp-site-loader.animate-in .fp-loader-subtitle {
  transform: translateY(0%);
}

#fp-loader-bar {
  transition: width 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

/* SECTION 8: 3D Cylindrical Orbit Carousel Client Logo Images */
.fp-orbit-logo-img {
  height: 57px;
  max-width: 255px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.85)) brightness(0.92);
  transition: filter 0.35s ease, transform 0.35s ease;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

@media (min-width: 640px) {
  .fp-orbit-logo-img {
    height: 69px;
    max-width: 300px;
  }
}

@media (min-width: 1024px) {
  .fp-orbit-logo-img {
    height: 81px;
    max-width: 345px;
  }
}

.fp-orbit-item.is-active .fp-orbit-logo-img {
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.35)) drop-shadow(0 2px 10px rgba(255, 255, 255, 0.25)) brightness(1.15);
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Scoped Our Clients section: headline -25%, subtext -10%, sharp logos */
#our-clients-section .fp-hero-h1-sans {
  font-size: clamp(2.06rem, 5.1vw, 4.65rem) !important;
}
#our-clients-section .fp-hero-h1-serif {
  font-size: clamp(2.4rem, 5.85vw, 5.25rem) !important;
}
#our-clients-section .fp-hero-subtext {
  font-size: clamp(0.9rem, 1.17vw, 1.035rem) !important;
}
.fp-orbit-logo-img {
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}


/* ==========================================================================
   SECTION 9: SITE-WIDE LUXURY POLISH & EDITORIAL DESIGN SYSTEM
   Propagated from approved Homepage Hero to all 18 Subpages
   ========================================================================== */

/* 9a. Refined Quiet Luxury Weights (eliminate heavy 700 bold) */
.font-bold, [class*="font-bold"], [class*="font-semibold"], b, strong {
  font-weight: 500 !important;
}

/* 9b. Global Editorial Headline Typography (DM Sans + Cormorant Garamond Italic) */
h1 {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  overflow: visible !important;
}

/* Futuristic Liquid Chrome Specular Typography */
@keyframes fp-chrome-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.fp-chrome-text,
.fp-hero-h1-serif,
.fp-subpage-h1-serif,
h1 span.italic, h1 .italic, h1 em,
h2 span.italic, h2 .italic, h2 em {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
  background: linear-gradient(
    115deg,
    #FFFFFF 0%,
    #E4E8EE 14%,
    #7B818F 28%,
    #F0F4F8 40%,
    #FFFFFF 47%,
    #3B3E48 49%,
    #18191E 51%,
    #6B7280 54%,
    #DCE2EC 66%,
    #FFFFFF 76%,
    #8E95A2 88%,
    #FFFFFF 100%
  ) !important;
  background-size: 250% 100% !important;
  animation: fp-chrome-flow 8s ease-in-out infinite !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: none !important;
  display: inline-block !important;
  padding-bottom: 0.14em !important;
  overflow: visible !important;
  will-change: background-position !important;
}

.fp-subpage-h1-sans {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
  display: inline-block !important;
}

/* 9c. Eyebrows & Subtexts */
.fp-hero-eyebrow,
p[class*="tracking-[0.4em]"],
p[class*="tracking-[0.3em]"].text-xs,
span[class*="tracking-[0.3em]"].text-xs {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.32em !important;
  color: rgba(255, 255, 255, 0.7) !important;
  display: inline-block !important;
}

.fp-hero-subtext {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  line-height: 1.72 !important;
  font-weight: 300 !important;
  color: #C8C2BA !important;
  max-width: 640px;
}

#hero-section .fp-hero-subtext,
#our-clients-section .fp-hero-subtext,
.fp-hero-subtext.text-center,
.text-center .fp-hero-subtext,
.fp-legal-header .fp-hero-subtext {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fp-hero-btn-container {
  margin-top: 48px !important;
}

/* 9d. Border Removal & Cleanup */
.luxury-line {
  display: none !important;
}

section.border-t, section.border-b, section.border-y,
section[class*="border-t"], section[class*="border-b"], section[class*="border-y"] {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-color: transparent !important;
}

/* Soften card borders */
.border-white\/5, .border-white\/\[0\.05\], .border-white\/\[0\.06\], .border-white\/10 {
  border-color: rgba(255, 255, 255, 0.04) !important;
}
.border-brand\/20, .border-brand\/30, .border-brand\/40 {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Remove colored borders on badges */
.inline-flex.rounded-full[class*="border-brand"] {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

/* 9e. Subpage Hero & Content Spacing */
.subpage-hero-container {
  padding-top: clamp(10rem, 18vh, 14rem) !important;
  padding-bottom: clamp(6rem, 12vh, 9rem) !important;
  min-height: 75vh !important;
}

/* 9f. Nav Scroll Pure Black */
#_fp_nav.is-scrolled,
#_fp_nav[class*="bg-black/95"],
#_fp_nav[class*="bg-black/90"] {
  background: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 36px -10px rgba(0, 0, 0, 0.9) !important;
}

/* ==========================================================================
   SECTION 9: SITE-WIDE LUXURY POLISH & EDITORIAL DESIGN SYSTEM
   Propagated from approved Homepage Hero to all 18 Subpages
   ========================================================================== */

/* 9a. Refined Quiet Luxury Weights (eliminate heavy 700 bold) */
.font-bold, [class*="font-bold"], [class*="font-semibold"], b, strong {
  font-weight: 500 !important;
}

/* 9b. Global Editorial Headline Typography (DM Sans + Cormorant Garamond Italic) */
h1, h1.font-serif, h1[class*="font-serif"],
h2, h2.font-serif, h2[class*="font-serif"] {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  overflow: visible !important;
}

h1 span.italic, h1 .italic, h1 em,
h1.font-serif span.italic, h1[class*="font-serif"] span.italic,
h2 span.italic, h2 .italic, h2 em,
h2.font-serif span.italic, h2[class*="font-serif"] span.italic {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  overflow: visible !important;
  display: inline-block !important;
  padding-bottom: 0.08em !important;
}

.fp-subpage-h1-sans {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
  display: inline-block !important;
}

.fp-subpage-h1-serif {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #E8E8ED 15%, #9E9EA6 38%, #FFFFFF 50%, #6E6E78 52%, #D2D2D8 72%, #FFFFFF 86%, #9C9CA4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.25)) !important;
  display: inline-block !important;
  padding-bottom: 0.14em !important;
  overflow: visible !important;
}

/* Subtle Fixed Bottom Scroll Teaser Blur */
.fp-bottom-scroll-blur {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  pointer-events: none;
  z-index: 35;
  background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.35) 45%, rgba(10, 10, 10, 0.8) 100%);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 30%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 30%, black 100%);
}

/* 9c. Eyebrows & Subtexts */
.fp-hero-eyebrow,
p[class*="tracking-[0.4em]"],
p[class*="tracking-[0.3em]"].text-xs,
span[class*="tracking-[0.3em]"].text-xs {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.32em !important;
  color: rgba(255, 255, 255, 0.7) !important;
  display: inline-block !important;
}

.fp-hero-subtext {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  line-height: 1.72 !important;
  font-weight: 300 !important;
  color: #C8C2BA !important;
  max-width: 640px;
}
.fp-hero-subtext.text-center,
.text-center .fp-hero-subtext,
.fp-legal-header .fp-hero-subtext {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 760px !important;
}

/* 9d. Border Removal & Cleanup */
.luxury-line {
  display: none !important;
}

section.border-t, section.border-b, section.border-y,
section[class*="border-t"], section[class*="border-b"], section[class*="border-y"] {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-color: transparent !important;
}

/* Soften card borders */
.border-white\/5, .border-white\/\[0\.05\], .border-white\/\[0\.06\], .border-white\/10 {
  border-color: rgba(255, 255, 255, 0.04) !important;
}
.border-brand\/20, .border-brand\/30, .border-brand\/40 {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Remove colored borders on badges */
.inline-flex.rounded-full[class*="border-brand"] {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

/* 9e. Subpage Hero & Content Spacing */
.subpage-hero-container {
  padding-top: clamp(10rem, 18vh, 14rem) !important;
  padding-bottom: clamp(6rem, 12vh, 9rem) !important;
  min-height: 75vh !important;
}

/* 9f. Nav Scroll Pure Black */
#_fp_nav.is-scrolled,
#_fp_nav[class*="bg-black/95"],
#_fp_nav[class*="bg-black/90"] {
  background: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 36px -10px rgba(0, 0, 0, 0.9) !important;
}


/* Generous Luxury Breathing Room for Closing CTAs */
.fp-closing-cta-section {
  padding-top: clamp(140px, 14vw, 210px) !important;
  padding-bottom: clamp(140px, 14vw, 210px) !important;
  position: relative !important;
  overflow: hidden !important;
}
.fp-closing-cta-section h2 {
  margin-bottom: 2.25rem !important;
}
.fp-closing-cta-section p {
  margin-bottom: 3.25rem !important;
}
.fp-closing-cta-section .fp-btn-wrapper {
  margin-top: 2.5rem !important;
  margin-bottom: 1.5rem !important;
}


/* 9g. Hero 2-Column Split: Headline Left + Profile Card Right */
.fp-hero-split {
  display: block;
  width: 100%;
}
.fp-hero-split-left {
  width: 100%;
}
.fp-hero-split-right {
  display: none !important;
}

@media (min-width: 1024px) {
  .fp-hero-split {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3.5rem !important;
    width: 100% !important;
  }
  .fp-hero-split-left {
    flex: 1 1 0% !important;
    max-width: 660px !important;
    width: auto !important;
  }
  .fp-hero-split-right {
    display: flex !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
}


/* ==========================================================================
   FUTURA PARTNER — MASTER EDITORIAL LUXURY TYPOGRAPHY & DESIGN SYSTEM
   Propagated from approved Homepage to all Subpages & Mobile
   ========================================================================== */

/* 1. Global Font Smoothing & Anti-Aliasing */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 2. Headline & Title Typography (Architectural DM Sans 500) */
h1, h1.font-serif, h1[class*="font-serif"],
h2, h2.font-serif, h2[class*="font-serif"] {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.22 !important;
  color: #FFFFFF !important;
  overflow: visible !important;
}

/* Card Headings & Section Subtitles: Clean Modern Luxury DM Sans */
h3, h3.font-serif, h3[class*="font-serif"],
h4, h4.font-serif, h4[class*="font-serif"],
h5, h5.font-serif, h5[class*="font-serif"],
h6, h6.font-serif, h6[class*="font-serif"] {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.35 !important;
  color: #FFFFFF !important;
  overflow: visible !important;
}

/* Links & Buttons: Always clean modern sans */
a.font-serif, button.font-serif,
a[class*="font-serif"], button[class*="font-serif"] {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 3. Liquid Chrome Specular Typography (Cormorant Garamond Italic) */
@keyframes fp-chrome-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.fp-chrome-text,
.fp-hero-h1-serif,
.fp-subpage-h1-serif,
h1 span.italic, h1 .italic, h1 em,
h1.font-serif span.italic, h1[class*="font-serif"] span.italic,
h2 span.italic, h2 .italic, h2 em,
h2.font-serif span.italic, h2[class*="font-serif"] span.italic,
h3 span.italic, h3 .italic, h3 em {
  font-family: 'Cormorant Garamond', Georgia, Cambria, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
  background: linear-gradient(
    115deg,
    #FFFFFF 0%,
    #E4E8EE 14%,
    #7B818F 28%,
    #F0F4F8 40%,
    #FFFFFF 47%,
    #3B3E48 49%,
    #18191E 51%,
    #6B7280 54%,
    #DCE2EC 66%,
    #FFFFFF 76%,
    #8E95A2 88%,
    #FFFFFF 100%
  ) !important;
  background-size: 250% 100% !important;
  animation: fp-chrome-flow 8s ease-in-out infinite !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: none !important;
  display: inline-block !important;
  margin-top: 0.08em !important;
  padding-bottom: 0.14em !important;
  overflow: visible !important;
  will-change: background-position !important;
}

.fp-subpage-h1-sans {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
  display: inline-block !important;
}

/* 4. Stat & Metric Numbers */
.gradient-text,
p.font-serif.gradient-text,
span.font-serif.gradient-text {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #EDEDED 45%, #9A9AA2 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* 5. Eyebrows & Monospace Technical Metadata */
.fp-hero-eyebrow,
p[class*="tracking-[0.4em]"],
p[class*="tracking-[0.3em]"].text-xs,
p[class*="tracking-[0.3em]"],
span[class*="tracking-[0.3em]"].text-xs,
span[class*="tracking-[0.3em]"],
span[class*="tracking-[0.25em]"] {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3em !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

/* 6. Body Text & High-Contrast Typography */
.fp-hero-subtext {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: clamp(1rem, 1.25vw, 1.15rem) !important;
  line-height: 1.72 !important;
  font-weight: 300 !important;
  color: #C8C2BA !important;
}

p, .text-zinc-400, .text-zinc-500 {
  color: rgba(255, 255, 255, 0.72) !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.68 !important;
}

/* Fix low-contrast dark grays */
.text-zinc-600, [class*="text-zinc-600"] {
  color: rgba(255, 255, 255, 0.6) !important;
}
.text-zinc-700, [class*="text-zinc-700"] {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Card titles inside dark containers */
.bg-\[\#111\] h3, .bg-dark-card h3, [class*="bg-\[\#111\]"] h3,
.bg-\[\#111\] h4, .bg-dark-card h4, [class*="bg-\[\#111\]"] h4,
.fp-glass-card h3, .fp-glass-card h4 {
  color: #FFFFFF !important;
}

/* 7. Subpage Hero Heights & Balanced Spacing */
.fp-subpage-hero {
  min-height: 100vh;
  min-height: 100svh;
}
@media (min-width: 1024px) {
  .fp-subpage-hero {
    min-height: clamp(560px, 78vh, 720px) !important;
  }
  .fp-subpage-hero .fp-hero-content-wrap {
    padding-top: clamp(96px, 12vh, 128px) !important;
    padding-bottom: 20px !important;
  }
  .fp-subpage-hero .fp-hero-bottom-bar {
    padding-bottom: 16px !important;
  }
}

/* Soften card borders */
.border-white\/5, .border-white\/\[0\.05\], .border-white\/\[0\.06\], .border-white\/10 {
  border-color: rgba(255, 255, 255, 0.04) !important;
}
.border-brand\/20, .border-brand\/30, .border-brand\/40 {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Universal Monochromatic Liquid Glass Capsule Pill Buttons */
a.bg-brand, button.bg-brand,
.fp-hero-btn-primary, .fp-btn-primary,
.fp-btn-capsule {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 40px !important;
  background: rgba(14, 14, 16, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  text-decoration: none !important;
  box-shadow: 0 14px 36px -8px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

a.bg-brand:hover, button.bg-brand:hover,
.fp-hero-btn-primary:hover, .fp-btn-primary:hover,
.fp-btn-capsule:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  border-top-color: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.95), 
              inset 0 1px 1px rgba(255, 255, 255, 0.7), 
              inset 0 -1px 1px rgba(255, 255, 255, 0.1),
              0 0 24px rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

a.bg-brand:active, button.bg-brand:active,
.fp-btn-capsule:active {
  transform: scale(0.98) translateY(0) !important;
}