/* =========================================================================
       MATTE JAIPURI KALEEN & HARYANVI DARI PATCHWORK TAPESTRY ENGINE
       + SOFT BACKDROP SHADOW & DEPTH-OF-FIELD BLUR VEIL
       ========================================================================= */
    :root {
      --rani: #E63946;
      --sarson: #FFB703;
      --marigold: #FB5607;
      --meenakari: #2EC4B6;
      --cobalt: #234675;
      --bg-deep: #17111A;
      --text-main: #FFFBF4;
      --text-muted: #E2D5C1;
      --card-bg: rgba(19, 13, 27, 0.94);
      --card-inner: rgba(255, 255, 255, 0.035);
      --card-inner-hover: rgba(255, 255, 255, 0.065);
      --card-bg-1: #1C1422;
      --card-bg-2: #140E18;
      --card-border: rgba(255, 183, 3, 0.18);
      --card-border-hover: rgba(255, 183, 3, 0.45);
      --card-inner-border: transparent;
      --surface-subtle: #261D2E;
      --header-bg: rgba(7, 9, 19, 0.94);
      --footer-bg: #110C15;
      --bg-veil-top: rgba(20, 14, 24, 0.74);
      --bg-veil-bottom: rgba(20, 14, 24, 0.84);
      --backdrop-blur-px: 6px;
      --container-max-w: 1810px;
    }

    /* WIDESCREEN FLUID HAVELI CONTAINER (Fixes excessive desktop side margins) */
    .haveli-container {
      width: 94%;
      max-width: var(--container-max-w, 1810px);
      margin-left: auto;
      margin-right: auto;
    }

    /* DAYLIGHT RUG MODE (Full-Vibrancy Tapestry) */
    body.theme-sandstone,
    body.light-mode {
      --bg-deep: #2B1D1A;
      --text-main: #18111A;
      --text-muted: #3D2B24;
      --card-bg: rgba(255, 251, 245, 0.95);
      --card-inner: rgba(24, 15, 34, 0.04);
      --card-inner-hover: rgba(24, 15, 34, 0.08);
      --card-bg-1: #FAF0E1;
      --card-bg-2: #F2E3CE;
      --card-border: rgba(158, 59, 36, 0.16);
      --card-border-hover: rgba(158, 59, 36, 0.42);
      --card-inner-border: transparent;
      --surface-subtle: #E8D5BC;
      --header-bg: rgba(250, 242, 230, 0.98);
      --footer-bg: #FAF2E6;
      --bg-veil-top: rgba(38, 24, 20, 0.06);
      --bg-veil-bottom: rgba(38, 24, 20, 0.14);
    }

    body {
      background-color: var(--bg-deep);
      color: var(--text-main);
      overflow-x: hidden;
      transition: background-color 0.45s ease, color 0.45s ease;
    }

    /* =========================================================================
       1. MAIN PAGE BACKGROUND: HAND-KNOTTED JAIPURI KALEEN TAPESTRY
       ========================================================================= */
    .cultural-texture {
      background-color: var(--bg-deep);
      background-image:
        linear-gradient(180deg, var(--bg-veil-top) 0%, var(--bg-veil-bottom) 100%),
        var(--custom-tapestry-url, none);
      background-repeat: repeat, repeat;
      background-size: 100% 100%, var(--tapestry-tile-size, 540px 540px);
      background-attachment: fixed;
    }

    /* ENTRY GATE / SPLASH SCREEN: HAND-KNOTTED JAIPURI KALEEN BACKGROUND */
    #splash-screen {
      background-color: var(--bg-deep);
      background-image:
        linear-gradient(180deg, var(--bg-veil-top) 0%, var(--bg-veil-bottom) 100%),
        var(--custom-tapestry-url, none);
      background-repeat: repeat, repeat;
      background-size: 100% 100%, var(--tapestry-tile-size, 540px 540px);
      background-attachment: fixed;
    }

    /* SOFT BACKDROP SHADOW & BLUR VEIL OVERLAY (Blueprint Part 3B) */
    #backdrop-depth-veil {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      backdrop-filter: blur(var(--backdrop-blur-px));
      -webkit-backdrop-filter: blur(var(--backdrop-blur-px));
      background: radial-gradient(circle at 50% 35%, transparent 35%, rgba(10, 6, 14, 0.42) 100%);
      transition: backdrop-filter 0.3s ease, background 0.3s ease;
    }
    body.theme-sandstone #backdrop-depth-veil {
      background: radial-gradient(circle at 50% 35%, transparent 45%, rgba(28, 16, 12, 0.24) 100%);
    }

    /* Adapt utility text colors in Daylight Rug Mode for crisp readability */
    body.theme-sandstone .text-white {
      color: #160D1F !important;
    }
    body.theme-sandstone .text-sandstone,
    body.theme-sandstone .text-sandstone\/95,
    body.theme-sandstone .text-sandstone\/90,
    body.theme-sandstone .text-sandstone\/85,
    body.theme-sandstone .text-sandstone\/80,
    body.theme-sandstone .text-sandstone\/75,
    body.theme-sandstone .text-sandstone\/70,
    body.theme-sandstone .text-sandstone\/65,
    body.theme-sandstone .text-sandstone\/60 {
      color: var(--text-muted) !important;
    }
    body.theme-sandstone .text-sarson {
      color: #9A3412 !important;
    }
    body.theme-sandstone .text-meenakari {
      color: #0F5249 !important;
    }
    body.theme-sandstone .bg-indigoNight,
    body.theme-sandstone .bg-indigoNight\/90,
    body.theme-sandstone .bg-indigoNight\/80 {
      background-color: #EFE4D4 !important;
    }
    body.theme-sandstone .bg-white\/5,
    body.theme-sandstone .bg-white\/10 {
      background-color: #F2E7D8 !important;
    }
    body.theme-sandstone .bg-black\/40,
    body.theme-sandstone .bg-black\/50 {
      background-color: #EADBC8 !important;
    }
    body.theme-sandstone dialog input,
    body.theme-sandstone dialog textarea,
    body.theme-sandstone dialog select,
    body.theme-sandstone dialog .bg-black\/40,
    body.light-mode dialog input,
    body.light-mode dialog textarea,
    body.light-mode dialog select,
    body.light-mode dialog .bg-black\/40 {
      background-color: #FFFFFF !important;
      color: #110B13 !important;
    }
    body.theme-sandstone .cta-white-keep {
      color: #FFFFFF !important;
    }

    /* FOOTER HIGH CONTRAST & SEAMLESS DAYLIGHT RUG PALETTE */
    body.theme-sandstone footer,
    body.light-mode footer {
      background-color: var(--footer-bg, #FAF2E6) !important;
      border-top: 1px solid rgba(158, 59, 36, 0.22) !important;
      color: #18111A !important;
      box-shadow: 0 -4px 20px rgba(60, 42, 33, 0.05);
    }
    body.theme-sandstone footer .font-display,
    body.light-mode footer .font-display {
      color: #8A2E0E !important;
    }
    body.theme-sandstone footer p,
    body.light-mode footer p {
      color: #3D2B24 !important;
    }
    body.theme-sandstone footer .text-sandstone\/60,
    body.theme-sandstone footer .text-sandstone\/70,
    body.theme-sandstone footer .text-sandstone\/75,
    body.light-mode footer .text-sandstone\/60,
    body.light-mode footer .text-sandstone\/70,
    body.light-mode footer .text-sandstone\/75 {
      color: #594136 !important;
    }
    body.theme-sandstone footer a,
    body.light-mode footer a {
      color: #3D2B24 !important;
    }
    body.theme-sandstone footer a:hover,
    body.light-mode footer a:hover {
      color: #8A2E0E !important;
    }
    body.theme-sandstone footer a.rounded-xl,
    body.theme-sandstone footer div.rounded-xl,
    body.light-mode footer a.rounded-xl,
    body.light-mode footer div.rounded-xl {
      background-color: #FFFFFF !important;
      border-color: rgba(158, 59, 36, 0.25) !important;
      color: #3D2B24 !important;
      box-shadow: 0 1px 4px rgba(60, 42, 33, 0.08) !important;
    }
    body.theme-sandstone footer a.rounded-xl:hover,
    body.light-mode footer a.rounded-xl:hover {
      background-color: #FDF5EA !important;
      border-color: #8A2E0E !important;
      color: #8A2E0E !important;
    }
    body.theme-sandstone footer a[href="vanshavali.html"],
    body.light-mode footer a[href="vanshavali.html"] {
      background: linear-gradient(135deg, rgba(255, 183, 3, 0.25), rgba(244, 140, 6, 0.18)) !important;
      border-color: rgba(154, 52, 18, 0.45) !important;
      color: #8A2E0E !important;
    }
    body.theme-sandstone footer a[href="blogs.html"],
    body.light-mode footer a[href="blogs.html"] {
      background: linear-gradient(135deg, rgba(46, 196, 182, 0.2), rgba(255, 255, 255, 0.8)) !important;
      border-color: rgba(15, 82, 73, 0.4) !important;
      color: #0F5249 !important;
    }

    /* =========================================================================
       GRAPH & TELEMETRY SVG HIGH-CONTRAST IN LIGHT/SANDSTONE MODE
       ========================================================================= */
    .exp-svg-label,
    .effigy-svg-label-cg,
    .effigy-svg-label-anchor {
      transition: fill 0.3s ease, stroke 0.3s ease;
    }

    .exp-graph-container,
    .effigy-graph-container {
      background-color: #0E0914 !important;
      border: 1px solid rgba(255, 183, 3, 0.4) !important;
      box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6) !important;
    }

    body.theme-sandstone .exp-graph-container,
    body.light-mode .exp-graph-container,
    body.theme-sandstone .effigy-graph-container,
    body.light-mode .effigy-graph-container {
      background-color: #FAF2E6 !important;
      border-color: rgba(158, 59, 36, 0.3) !important;
      box-shadow: inset 0 2px 8px rgba(60, 42, 33, 0.05);
    }

    body.theme-sandstone .exp-elevation-line,
    body.light-mode .exp-elevation-line {
      stroke: #B45309 !important; /* Deep amber-terracotta line */
      stroke-width: 3.5 !important;
    }

    /* Halo & Contrast for all graph SVG text in light mode */
    body.theme-sandstone svg text,
    body.light-mode svg text {
      font-weight: 700 !important;
      paint-order: stroke fill !important;
      stroke: #FAF2E6 !important;
      stroke-width: 3.5px !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }

    body.theme-sandstone .exp-svg-kurukshetra,
    body.light-mode .exp-svg-kurukshetra {
      fill: #991B1B !important; /* Deep bold crimson */
    }

    body.theme-sandstone .exp-svg-dwarahat,
    body.light-mode .exp-svg-dwarahat {
      fill: #8A2E0E !important; /* Rich royal burnt-amber */
    }

    body.theme-sandstone .exp-svg-nainital,
    body.light-mode .exp-svg-nainital {
      fill: #18111A !important; /* Deep obsidian charcoal */
    }

    body.theme-sandstone .exp-svg-manali,
    body.light-mode .exp-svg-manali {
      fill: #0F5249 !important; /* Deep pine meenakari */
    }

    body.theme-sandstone .exp-svg-spiti,
    body.light-mode .exp-svg-spiti {
      fill: #8A2E0E !important; /* Rich royal burnt-amber */
    }

    body.theme-sandstone .effigy-svg-label-cg,
    body.light-mode .effigy-svg-label-cg {
      fill: #18111A !important;
    }

    body.theme-sandstone .effigy-svg-label-anchor,
    body.light-mode .effigy-svg-label-anchor {
      fill: #0F5249 !important;
    }

    /* SOLID REFINED PILLS & SECTION PLAQUES */
    .matte-pill {
      background-color: rgba(255, 255, 255, 0.04);
      border: 1px solid var(--card-border);
      color: var(--text-main);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition: all 0.25s ease;
    }
    .matte-pill:hover {
      border-color: var(--card-border-hover);
      background-color: rgba(255, 255, 255, 0.07);
    }
    body.theme-sandstone .matte-pill {
      background-color: rgba(0, 0, 0, 0.03);
      border-color: var(--card-border);
      color: #18111A;
      box-shadow: 0 2px 8px rgba(60, 35, 20, 0.06);
    }
    body.theme-sandstone .matte-pill:hover {
      border-color: var(--card-border-hover);
      background-color: rgba(0, 0, 0, 0.06);
    }

    /* Top fixed navbar backdrop shielding curtain */
    #smart-navbar {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }
    body.theme-sandstone #smart-navbar {
      background: linear-gradient(180deg, rgba(246, 237, 222, 0.95) 0%, rgba(246, 237, 222, 0.8) 70%, transparent 100%) !important;
    }

    /* TOP CENTER WELCOME HAVELI BADGE (100% High-Contrast in Dark & Light Modes) */
    .welcome-haveli-capsule {
      display: inline-flex;
      align-items: center;
      background: rgba(22, 14, 28, 0.65);
      border: 1px solid rgba(255, 183, 3, 0.35);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
      transition: opacity 0.3s ease, transform 0.3s ease;
    }
    body.theme-sandstone .welcome-haveli-capsule,
    body.light-mode .welcome-haveli-capsule {
      background: rgba(252, 245, 235, 0.94);
      border: 1.5px solid rgba(158, 59, 36, 0.32);
      box-shadow: 0 4px 16px rgba(60, 35, 20, 0.18);
    }
    .welcome-haveli-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.45rem 1.25rem;
      border-radius: 9999px;
      background: linear-gradient(135deg, #D93829 0%, #E63946 50%, #C82333 100%) !important;
      border: 1px solid rgba(255, 183, 3, 0.65);
      color: #FFFFFF !important;
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.8125rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      box-shadow: 0 2px 10px rgba(217, 56, 41, 0.35), 0 0 10px rgba(255, 183, 3, 0.2);
      transition: all 0.25s ease;
    }
    .welcome-haveli-badge * {
      color: #FFFFFF !important;
    }
    .welcome-haveli-capsule:hover {
      transform: translateY(-2px);
    }
    body.theme-sandstone .welcome-haveli-badge,
    body.light-mode .welcome-haveli-badge {
      background: linear-gradient(135deg, #D93829 0%, #E63946 50%, #C82333 100%) !important;
      border: 1px solid rgba(255, 183, 3, 0.85);
      color: #FFFFFF !important;
    }
    body.theme-sandstone .welcome-haveli-badge *,
    body.light-mode .welcome-haveli-badge * {
      color: #FFFFFF !important;
    }

    /* =========================================================================
       2. REFINED MODERN MINIMALIST CARDS (CLEAN 1PX BORDER & SUBTLE GLASS DEPTH)
       ========================================================================= */
    .shisha-card,
    .matte-plaque {
      position: relative;
      background-color: #140D1B !important;
      background: linear-gradient(168deg, #1C1324 0%, #110A16 100%) !important;
      border: 1px solid var(--card-border) !important;
      box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.07),
        0 12px 32px -10px rgba(0, 0, 0, 0.65);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      overflow: hidden;
      transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
                  border-color 0.28s ease,
                  box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1),
                  background 0.35s ease;
    }

    body.theme-sandstone .shisha-card,
    body.theme-sandstone .matte-plaque,
    body.light-mode .shisha-card,
    body.light-mode .matte-plaque,
    [data-theme="light"] .shisha-card,
    [data-theme="light"] .matte-plaque {
      background-color: #FAF0E1 !important;
      background: linear-gradient(168deg, #FAF0E1 0%, #F2E3CE 100%) !important;
      border: 1px solid var(--card-border) !important;
      box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.6),
        0 10px 24px -8px rgba(60, 35, 20, 0.12);
    }

    .shisha-card:hover {
      border-color: var(--card-border-hover) !important;
      box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.14),
        0 18px 40px -10px rgba(0, 0, 0, 0.75),
        0 0 24px -4px rgba(255, 183, 3, 0.12);
      transform: translateY(-3px);
    }

    body.theme-sandstone .shisha-card:hover {
      border-color: var(--card-border-hover) !important;
      box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.8),
        0 14px 30px -8px rgba(60, 35, 20, 0.2),
        0 0 20px -4px rgba(158, 59, 36, 0.12);
      transform: translateY(-3px);
    }

    /* SUBTLE NESTED SUB-CARD CHAMBER (Prevents background tapestry bleed) */
    .inner-chamber {
      background: var(--card-inner);
      border: 1px solid rgba(255, 183, 3, 0.16);
      transition: all 0.25s ease;
    }
    .inner-chamber:hover {
      background: var(--card-inner-hover);
      border-color: rgba(255, 183, 3, 0.42);
      transform: translateY(-2px);
    }
    body.theme-sandstone .inner-chamber,
    body.light-mode .inner-chamber {
      border-color: rgba(158, 59, 36, 0.16);
    }

    /* =========================================================================
       MULTI-COLOR MATTE SURFACE SYSTEM (Projects & Event Showcases)
       100% OPAQUE MATTE BASES - ZERO BACKGROUND BLEED-THROUGH
       ========================================================================= */
    .matte-card-rani {
      background-color: #1A0912 !important;
      background: linear-gradient(135deg, #321020 0%, #1A0912 100%) !important;
      border: 1px solid rgba(255, 30, 110, 0.55) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 30, 110, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-rani:hover {
      border-color: rgba(255, 30, 110, 0.85) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(255, 30, 110, 0.28);
    }
    body.theme-sandstone .matte-card-rani,
    body.light-mode .matte-card-rani,
    [data-theme="light"] .matte-card-rani {
      background-color: #FFE4EF !important;
      background: linear-gradient(135deg, #FFE4EF 0%, #FFF0F6 100%) !important;
      border: 1.5px solid rgba(200, 62, 116, 0.6) !important;
      box-shadow: 0 8px 24px rgba(200, 62, 116, 0.14) !important;
    }
    body.theme-sandstone .matte-card-rani:hover,
    body.light-mode .matte-card-rani:hover,
    [data-theme="light"] .matte-card-rani:hover {
      border-color: rgba(200, 62, 116, 0.9) !important;
      box-shadow: 0 14px 30px rgba(200, 62, 116, 0.22) !important;
    }

    .matte-card-meenakari {
      background-color: #071917 !important;
      background: linear-gradient(135deg, #0D332E 0%, #071917 100%) !important;
      border: 1px solid rgba(0, 229, 195, 0.5) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(0, 229, 195, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-meenakari:hover {
      border-color: rgba(0, 229, 195, 0.85) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(0, 229, 195, 0.28);
    }
    body.theme-sandstone .matte-card-meenakari,
    body.light-mode .matte-card-meenakari,
    [data-theme="light"] .matte-card-meenakari {
      background-color: #E0F7F4 !important;
      background: linear-gradient(135deg, #E0F7F4 0%, #EFFBF9 100%) !important;
      border: 1.5px solid rgba(0, 168, 150, 0.6) !important;
      box-shadow: 0 8px 24px rgba(0, 168, 150, 0.14) !important;
    }
    body.theme-sandstone .matte-card-meenakari:hover,
    body.light-mode .matte-card-meenakari:hover,
    [data-theme="light"] .matte-card-meenakari:hover {
      border-color: rgba(0, 168, 150, 0.9) !important;
      box-shadow: 0 14px 30px rgba(0, 168, 150, 0.22) !important;
    }

    .matte-card-sarson {
      background-color: #1A1305 !important;
      background: linear-gradient(135deg, #382808 0%, #1A1305 100%) !important;
      border: 1px solid rgba(255, 183, 3, 0.55) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 183, 3, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-sarson:hover {
      border-color: rgba(255, 183, 3, 0.9) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(255, 183, 3, 0.28);
    }
    body.theme-sandstone .matte-card-sarson,
    body.light-mode .matte-card-sarson,
    [data-theme="light"] .matte-card-sarson {
      background-color: #FFF6D8 !important;
      background: linear-gradient(135deg, #FFF6D8 0%, #FFFDF5 100%) !important;
      border: 1.5px solid rgba(217, 140, 0, 0.6) !important;
      box-shadow: 0 8px 24px rgba(217, 140, 0, 0.14) !important;
    }
    body.theme-sandstone .matte-card-sarson:hover,
    body.light-mode .matte-card-sarson:hover,
    [data-theme="light"] .matte-card-sarson:hover {
      border-color: rgba(217, 140, 0, 0.9) !important;
      box-shadow: 0 14px 30px rgba(217, 140, 0, 0.22) !important;
    }

    .matte-card-cobalt {
      background-color: #0A1428 !important;
      background: linear-gradient(135deg, #102244 0%, #0A1428 100%) !important;
      border: 1px solid rgba(96, 165, 250, 0.5) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(96, 165, 250, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-cobalt:hover {
      border-color: rgba(96, 165, 250, 0.88) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(96, 165, 250, 0.28);
    }
    body.theme-sandstone .matte-card-cobalt,
    body.light-mode .matte-card-cobalt,
    [data-theme="light"] .matte-card-cobalt {
      background-color: #E3EEFF !important;
      background: linear-gradient(135deg, #E3EEFF 0%, #F0F6FF 100%) !important;
      border: 1.5px solid rgba(59, 130, 246, 0.6) !important;
      box-shadow: 0 8px 24px rgba(59, 130, 246, 0.14) !important;
    }
    body.theme-sandstone .matte-card-cobalt:hover,
    body.light-mode .matte-card-cobalt:hover,
    [data-theme="light"] .matte-card-cobalt:hover {
      border-color: rgba(59, 130, 246, 0.9) !important;
      box-shadow: 0 14px 30px rgba(59, 130, 246, 0.22) !important;
    }

    .matte-card-amber {
      background-color: #1E0E06 !important;
      background: linear-gradient(135deg, #3C1C0D 0%, #1E0E06 100%) !important;
      border: 1px solid rgba(245, 158, 11, 0.5) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(245, 158, 11, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-amber:hover {
      border-color: rgba(245, 158, 11, 0.9) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(245, 158, 11, 0.28);
    }
    body.theme-sandstone .matte-card-amber,
    body.light-mode .matte-card-amber,
    [data-theme="light"] .matte-card-amber {
      background-color: #FFEBD9 !important;
      background: linear-gradient(135deg, #FFEBD9 0%, #FFF6EE 100%) !important;
      border: 1.5px solid rgba(217, 119, 6, 0.6) !important;
      box-shadow: 0 8px 24px rgba(217, 119, 6, 0.14) !important;
    }
    body.theme-sandstone .matte-card-amber:hover,
    body.light-mode .matte-card-amber:hover,
    [data-theme="light"] .matte-card-amber:hover {
      border-color: rgba(217, 119, 6, 0.9) !important;
      box-shadow: 0 14px 30px rgba(217, 119, 6, 0.22) !important;
    }

    /* 6. ROYAL MATTE AMETHYST / JAMUNI (Regal Purple / Violet) */
    .matte-card-amethyst {
      background-color: #150821 !important;
      background: linear-gradient(135deg, #2D1045 0%, #150821 100%) !important;
      border: 1px solid rgba(192, 132, 252, 0.55) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(168, 85, 247, 0.12), inset 0 1px 0 rgba(192, 132, 252, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-amethyst:hover {
      border-color: rgba(192, 132, 252, 0.95) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(168, 85, 247, 0.32);
    }
    body.theme-sandstone .matte-card-amethyst,
    body.light-mode .matte-card-amethyst,
    [data-theme="light"] .matte-card-amethyst {
      background-color: #F3E8FF !important;
      background: linear-gradient(135deg, #F3E8FF 0%, #FAF5FF 100%) !important;
      border: 1.5px solid rgba(168, 85, 247, 0.6) !important;
      box-shadow: 0 8px 24px rgba(168, 85, 247, 0.14) !important;
    }
    body.theme-sandstone .matte-card-amethyst:hover,
    body.light-mode .matte-card-amethyst:hover,
    [data-theme="light"] .matte-card-amethyst:hover {
      border-color: rgba(168, 85, 247, 0.9) !important;
      box-shadow: 0 14px 30px rgba(168, 85, 247, 0.22) !important;
    }

    /* 7. LUSH MATTE EMERALD / PANNA (Fresh Mint / Emerald Green) */
    .matte-card-emerald {
      background-color: #061A10 !important;
      background: linear-gradient(135deg, #0C341F 0%, #061A10 100%) !important;
      border: 1px solid rgba(52, 211, 153, 0.55) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(168, 85, 247, 0.12), inset 0 1px 0 rgba(52, 211, 153, 0.25);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-emerald:hover {
      border-color: rgba(52, 211, 153, 0.95) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(16, 185, 129, 0.32);
    }
    body.theme-sandstone .matte-card-emerald,
    body.light-mode .matte-card-emerald,
    [data-theme="light"] .matte-card-emerald {
      background-color: #DCFCE7 !important;
      background: linear-gradient(135deg, #DCFCE7 0%, #F0FDF4 100%) !important;
      border: 1.5px solid rgba(16, 185, 129, 0.6) !important;
      box-shadow: 0 8px 24px rgba(16, 185, 129, 0.14) !important;
    }
    body.theme-sandstone .matte-card-emerald:hover,
    body.light-mode .matte-card-emerald:hover,
    [data-theme="light"] .matte-card-emerald:hover {
      border-color: rgba(16, 185, 129, 0.9) !important;
      box-shadow: 0 14px 30px rgba(16, 185, 129, 0.22) !important;
    }

    /* 8. RADIANT MATTE GOLD / PUKHRAJ (Pure Brilliant 24K Solar Gold — Zero Brown) */
    .matte-card-gold {
      background-color: #1A1404 !important;
      background: linear-gradient(135deg, #3A2B07 0%, #191403 100%) !important;
      border: 1.5px solid rgba(250, 204, 21, 0.65) !important;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(250, 204, 21, 0.2), inset 0 1px 0 rgba(250, 204, 21, 0.3);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .matte-card-gold:hover {
      border-color: rgba(250, 204, 21, 0.98) !important;
      transform: translateY(-3px);
      box-shadow: 0 16px 36px rgba(250, 204, 21, 0.35);
    }
    body.theme-sandstone .matte-card-gold,
    body.light-mode .matte-card-gold,
    [data-theme="light"] .matte-card-gold {
      background-color: #FEF9C3 !important;
      background: linear-gradient(135deg, #FEF9C3 0%, #FEFCE8 100%) !important;
      border: 1.5px solid rgba(234, 179, 8, 0.7) !important;
      box-shadow: 0 8px 24px rgba(234, 179, 8, 0.15) !important;
    }
    body.theme-sandstone .matte-card-gold:hover,
    body.light-mode .matte-card-gold:hover,
    [data-theme="light"] .matte-card-gold:hover {
      border-color: rgba(234, 179, 8, 0.95) !important;
      box-shadow: 0 14px 30px rgba(234, 179, 8, 0.25) !important;
    }

    /* Courtyard & Matte Card Sub-Element Adaptations for High Contrast in Light Mode */
    body.theme-sandstone .matte-card-rani h3,
    body.theme-sandstone .matte-card-meenakari h3,
    body.theme-sandstone .matte-card-sarson h3,
    body.theme-sandstone .matte-card-cobalt h3,
    body.theme-sandstone .matte-card-amber h3,
    body.theme-sandstone .matte-card-amethyst h3,
    body.theme-sandstone .matte-card-emerald h3,
    body.theme-sandstone .matte-card-gold h3,
    body.light-mode .matte-card-rani h3,
    body.light-mode .matte-card-meenakari h3,
    body.light-mode .matte-card-sarson h3,
    body.light-mode .matte-card-cobalt h3,
    body.light-mode .matte-card-amber h3,
    body.light-mode .matte-card-amethyst h3,
    body.light-mode .matte-card-emerald h3,
    body.light-mode .matte-card-gold h3,
    [data-theme="light"] .matte-card-rani h3,
    [data-theme="light"] .matte-card-meenakari h3,
    [data-theme="light"] .matte-card-sarson h3,
    [data-theme="light"] .matte-card-cobalt h3,
    [data-theme="light"] .matte-card-amber h3,
    [data-theme="light"] .matte-card-amethyst h3,
    [data-theme="light"] .matte-card-emerald h3,
    [data-theme="light"] .matte-card-gold h3 {
      color: #18181B !important;
    }

    body.theme-sandstone .matte-card-rani p,
    body.theme-sandstone .matte-card-meenakari p,
    body.theme-sandstone .matte-card-sarson p,
    body.theme-sandstone .matte-card-cobalt p,
    body.theme-sandstone .matte-card-amber p,
    body.theme-sandstone .matte-card-amethyst p,
    body.theme-sandstone .matte-card-emerald p,
    body.theme-sandstone .matte-card-gold p,
    body.light-mode .matte-card-rani p,
    body.light-mode .matte-card-meenakari p,
    body.light-mode .matte-card-sarson p,
    body.light-mode .matte-card-cobalt p,
    body.light-mode .matte-card-amber p,
    body.light-mode .matte-card-amethyst p,
    body.light-mode .matte-card-emerald p,
    body.light-mode .matte-card-gold p,
    [data-theme="light"] .matte-card-rani p,
    [data-theme="light"] .matte-card-meenakari p,
    [data-theme="light"] .matte-card-sarson p,
    [data-theme="light"] .matte-card-cobalt p,
    [data-theme="light"] .matte-card-amber p,
    [data-theme="light"] .matte-card-amethyst p,
    [data-theme="light"] .matte-card-emerald p,
    [data-theme="light"] .matte-card-gold p {
      color: #3F3F46 !important;
    }

    body.theme-sandstone .matte-card-amethyst .text-purple-300,
    body.theme-sandstone .matte-card-amethyst .text-purple-400,
    body.light-mode .matte-card-amethyst .text-purple-300,
    body.light-mode .matte-card-amethyst .text-purple-400,
    [data-theme="light"] .matte-card-amethyst .text-purple-300,
    [data-theme="light"] .matte-card-amethyst .text-purple-400 {
      color: #7E22CE !important;
    }
    body.theme-sandstone .matte-card-amethyst .border-purple-400\/40,
    body.theme-sandstone .matte-card-amethyst .border-purple-400\/30,
    body.theme-sandstone .matte-card-amethyst .border-purple-400\/20,
    body.light-mode .matte-card-amethyst .border-purple-400\/40,
    body.light-mode .matte-card-amethyst .border-purple-400\/30,
    body.light-mode .matte-card-amethyst .border-purple-400\/20 {
      border-color: rgba(126, 34, 206, 0.35) !important;
    }

    body.theme-sandstone .matte-card-emerald .text-emerald-300,
    body.theme-sandstone .matte-card-emerald .text-emerald-400,
    body.light-mode .matte-card-emerald .text-emerald-300,
    body.light-mode .matte-card-emerald .text-emerald-400,
    [data-theme="light"] .matte-card-emerald .text-emerald-300,
    [data-theme="light"] .matte-card-emerald .text-emerald-400 {
      color: #047857 !important;
    }
    body.theme-sandstone .matte-card-emerald .border-emerald-400\/40,
    body.theme-sandstone .matte-card-emerald .border-emerald-400\/30,
    body.theme-sandstone .matte-card-emerald .border-emerald-400\/20,
    body.theme-sandstone .matte-card-emerald .border-emerald-500\/40,
    body.light-mode .matte-card-emerald .border-emerald-400\/40,
    body.light-mode .matte-card-emerald .border-emerald-400\/30,
    body.light-mode .matte-card-emerald .border-emerald-400\/20,
    body.light-mode .matte-card-emerald .border-emerald-500\/40 {
      border-color: rgba(4, 120, 87, 0.35) !important;
    }

    body.theme-sandstone .matte-card-gold .text-yellow-300,
    body.theme-sandstone .matte-card-gold .text-yellow-400,
    body.theme-sandstone .matte-card-gold .text-amber-300,
    body.light-mode .matte-card-gold .text-yellow-300,
    body.light-mode .matte-card-gold .text-yellow-400,
    body.light-mode .matte-card-gold .text-amber-300,
    [data-theme="light"] .matte-card-gold .text-yellow-300,
    [data-theme="light"] .matte-card-gold .text-yellow-400,
    [data-theme="light"] .matte-card-gold .text-amber-300 {
      color: #92400E !important;
    }
    body.theme-sandstone .matte-card-gold .border-yellow-400\/50,
    body.theme-sandstone .matte-card-gold .border-yellow-400\/40,
    body.theme-sandstone .matte-card-gold .border-yellow-400\/30,
    body.theme-sandstone .matte-card-gold .border-amber-400\/40,
    body.light-mode .matte-card-gold .border-yellow-400\/50,
    body.light-mode .matte-card-gold .border-yellow-400\/40,
    body.light-mode .matte-card-gold .border-yellow-400\/30,
    body.light-mode .matte-card-gold .border-amber-400\/40 {
      border-color: rgba(180, 83, 9, 0.4) !important;
    }
    body.theme-sandstone .matte-card-rani .text-rani,
    body.light-mode .matte-card-rani .text-rani,
    [data-theme="light"] .matte-card-rani .text-rani {
      color: #9D174D !important;
    }
    body.theme-sandstone .matte-card-rani .border-rani\/30,
    body.theme-sandstone .matte-card-rani .border-rani\/20,
    body.light-mode .matte-card-rani .border-rani\/30,
    body.light-mode .matte-card-rani .border-rani\/20 {
      border-color: rgba(157, 23, 77, 0.3) !important;
    }

    body.theme-sandstone .matte-card-meenakari .text-meenakari,
    body.light-mode .matte-card-meenakari .text-meenakari,
    [data-theme="light"] .matte-card-meenakari .text-meenakari {
      color: #0F5249 !important;
    }
    body.theme-sandstone .matte-card-meenakari .border-meenakari\/30,
    body.theme-sandstone .matte-card-meenakari .border-meenakari\/20,
    body.light-mode .matte-card-meenakari .border-meenakari\/30,
    body.light-mode .matte-card-meenakari .border-meenakari\/20 {
      border-color: rgba(15, 82, 73, 0.3) !important;
    }

    body.theme-sandstone .matte-card-cobalt .text-blue-300,
    body.theme-sandstone .matte-card-cobalt .text-blue-400,
    body.light-mode .matte-card-cobalt .text-blue-300,
    body.light-mode .matte-card-cobalt .text-blue-400,
    [data-theme="light"] .matte-card-cobalt .text-blue-300,
    [data-theme="light"] .matte-card-cobalt .text-blue-400 {
      color: #1E40AF !important;
    }
    body.theme-sandstone .matte-card-cobalt .border-blue-400\/30,
    body.theme-sandstone .matte-card-cobalt .border-blue-400\/20,
    body.light-mode .matte-card-cobalt .border-blue-400\/30,
    body.light-mode .matte-card-cobalt .border-blue-400\/20 {
      border-color: rgba(30, 64, 175, 0.3) !important;
    }

    body.theme-sandstone .matte-card-sarson .text-sarson,
    body.light-mode .matte-card-sarson .text-sarson,
    [data-theme="light"] .matte-card-sarson .text-sarson {
      color: #9A3412 !important;
    }
    body.theme-sandstone .matte-card-sarson .border-sarson\/30,
    body.theme-sandstone .matte-card-sarson .border-sarson\/20,
    body.light-mode .matte-card-sarson .border-sarson\/30,
    body.light-mode .matte-card-sarson .border-sarson\/20 {
      border-color: rgba(154, 52, 18, 0.3) !important;
    }

    body.theme-sandstone .matte-card-amber .text-amber-300,
    body.theme-sandstone .matte-card-amber .text-amber-400,
    body.light-mode .matte-card-amber .text-amber-300,
    body.light-mode .matte-card-amber .text-amber-400,
    [data-theme="light"] .matte-card-amber .text-amber-300,
    [data-theme="light"] .matte-card-amber .text-amber-400 {
      color: #92400E !important;
    }
    body.theme-sandstone .matte-card-amber .border-amber-400\/30,
    body.theme-sandstone .matte-card-amber .border-amber-400\/20,
    body.light-mode .matte-card-amber .border-amber-400\/30,
    body.light-mode .matte-card-amber .border-amber-400\/20 {
      border-color: rgba(146, 64, 14, 0.3) !important;
    }

    /* Journey Timeline Light Mode Adaptations */
    body.theme-sandstone #jpanel-timeline,
    body.light-mode #jpanel-timeline,
    [data-theme="light"] #jpanel-timeline {
      border-left-color: rgba(154, 52, 18, 0.45) !important;
    }
    body.theme-sandstone .journey-item > span.rounded-full,
    body.light-mode .journey-item > span.rounded-full,
    [data-theme="light"] .journey-item > span.rounded-full {
      border-color: #FAF0E1 !important;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.15) !important;
    }

    /* =========================================================================
       GITHUB PULSE CONTAINER & CARDS (GitHub Emerald Palette)
       ========================================================================= */
    .github-pulse-container {
      background: #0A1410 !important;
      border: 1px solid rgba(46, 160, 67, 0.45) !important;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(63, 185, 80, 0.15) !important;
    }
    body.theme-sandstone .github-pulse-container,
    body.light-mode .github-pulse-container,
    [data-theme="light"] .github-pulse-container {
      background: #EFF8F2 !important;
      border: 1px solid rgba(26, 127, 55, 0.4) !important;
      box-shadow: 0 14px 32px rgba(26, 127, 55, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    }

    .github-repo-card {
      background: #11211A !important;
      border: 1px solid rgba(63, 185, 80, 0.3) !important;
      color: #E2E8F0 !important;
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .github-repo-card:hover {
      background: #162B22 !important;
      border-color: #3FB950 !important;
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(63, 185, 80, 0.14);
    }
    body.theme-sandstone .github-repo-card,
    body.light-mode .github-repo-card,
    [data-theme="light"] .github-repo-card {
      background: #E2F2E7 !important;
      border: 1px solid rgba(26, 127, 55, 0.35) !important;
      color: #0F291E !important;
    }
    body.theme-sandstone .github-repo-card:hover,
    body.light-mode .github-repo-card:hover,
    [data-theme="light"] .github-repo-card:hover {
      background: #D5EBDD !important;
      border-color: #1A7F37 !important;
      box-shadow: 0 10px 24px rgba(26, 127, 55, 0.12);
    }
    body.theme-sandstone .inner-chamber:hover,
    body.light-mode .inner-chamber:hover {
      border-color: rgba(158, 59, 36, 0.42);
    }

    /* ACTIVE PILL NAVBAR */
    .nav-pill {
      background: rgba(14, 10, 18, 0.65);
      border: 1px solid rgba(255, 183, 3, 0.22);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    body.theme-sandstone .nav-pill,
    body.light-mode .nav-pill {
      background: rgba(250, 240, 225, 0.88);
      border-color: rgba(158, 59, 36, 0.22);
    }
    .nav-link-item {
      transition: all 0.2s ease;
    }
    .nav-link-item.active {
      background: var(--sarson);
      color: #110C15 !important;
      font-weight: 700;
      box-shadow: 0 0 14px rgba(255, 183, 3, 0.35);
    }
    body.theme-sandstone .nav-link-item.active,
    body.light-mode .nav-link-item.active {
      background: #9E2B22;
      color: #FFFFFF !important;
      box-shadow: 0 0 12px rgba(158, 59, 36, 0.3);
    }

    /* Crisp Typography Elevation inside Cards so Text is ALWAYS #1 Focus */
    .shisha-card h1,
    .shisha-card h2,
    .shisha-card h3,
    .shisha-card h4,
    .matte-plaque h2,
    .matte-plaque h3 {
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
      letter-spacing: -0.01em;
    }
    body.theme-sandstone .shisha-card h1,
    body.theme-sandstone .shisha-card h2,
    body.theme-sandstone .shisha-card h3,
    body.theme-sandstone .shisha-card h4,
    body.theme-sandstone .matte-plaque h2,
    body.theme-sandstone .matte-plaque h3 {
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    /* Prevent white text-shadow from washing out gradient or transparent text */
    body.theme-sandstone [class*="bg-clip-text"],
    body.theme-sandstone .text-transparent,
    body.light-mode [class*="bg-clip-text"],
    body.light-mode .text-transparent {
      text-shadow: none !important;
    }

    /* =========================================================================
       FESTIVAL (DUSSEHRA) HEADING & ACTIONS (Flawless in Dark & Light Modes)
       ========================================================================= */
    .festival-title-gradient {
      background: linear-gradient(135deg, #FFB703 0%, #E63946 50%, #2EC4B6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: none !important;
      letter-spacing: -0.01em;
    }
    body.theme-sandstone .festival-title-gradient,
    body.light-mode .festival-title-gradient {
      background: linear-gradient(135deg, #7C1D1D 0%, #991B1B 45%, #B45309 100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      color: #7C1D1D !important;
      text-shadow: none !important;
      filter: none !important;
    }

    .dussehra-btn-yt {
      background: rgba(255, 0, 0, 0.15);
      color: #FFFFFF;
      border: 1px solid rgba(255, 0, 0, 0.45);
    }
    .dussehra-btn-yt:hover {
      background: rgba(255, 0, 0, 0.3);
      border-color: #FF0000;
    }
    .dussehra-btn-insta {
      background: rgba(168, 85, 247, 0.18);
      color: var(--sarson, #FFB703);
      border: 1px solid rgba(255, 183, 3, 0.4);
    }
    .dussehra-btn-insta:hover {
      background: rgba(168, 85, 247, 0.3);
      border-color: var(--sarson, #FFB703);
    }

    body.theme-sandstone .dussehra-btn-yt,
    body.light-mode .dussehra-btn-yt {
      background: #FFFFFF !important;
      color: #991B1B !important;
      border: 1.5px solid rgba(220, 38, 38, 0.35) !important;
      box-shadow: 0 2px 8px rgba(185, 28, 28, 0.08) !important;
    }
    body.theme-sandstone .dussehra-btn-yt:hover,
    body.light-mode .dussehra-btn-yt:hover {
      background: #FEF2F2 !important;
      border-color: #DC2626 !important;
    }
    body.theme-sandstone .dussehra-btn-insta,
    body.light-mode .dussehra-btn-insta {
      background: #FFFFFF !important;
      color: #6B21A8 !important;
      border: 1.5px solid rgba(126, 34, 206, 0.35) !important;
      box-shadow: 0 2px 8px rgba(126, 34, 206, 0.08) !important;
    }
    body.theme-sandstone .dussehra-btn-insta:hover,
    body.light-mode .dussehra-btn-insta:hover {
      background: #FAF5FF !important;
      border-color: #9333EA !important;
    }
    body.theme-sandstone .festival-date-pill,
    body.light-mode .festival-date-pill {
      background: rgba(158, 59, 36, 0.1) !important;
      color: #8B2500 !important;
      border-color: rgba(158, 59, 36, 0.3) !important;
    }
    body.theme-sandstone .festival-attendees-pill,
    body.light-mode .festival-attendees-pill {
      background: rgba(15, 82, 73, 0.1) !important;
      color: #0F5249 !important;
      border-color: rgba(15, 82, 73, 0.3) !important;
    }

    /* Refined subtle micro-accent hairline at the top of each card */
    .shisha-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(
        90deg,
        rgba(230, 57, 70, 0.45) 0%,
        rgba(255, 183, 3, 0.55) 50%,
        rgba(46, 196, 182, 0.45) 100%
      );
      opacity: 0.65;
      pointer-events: none;
      z-index: 2;
    }
    .shisha-card > * {
      position: relative;
      z-index: 1;
    }

    /* HIGH-CONTRAST TYPEWRITER TEXT */
    .hero-typewriter-glow {
      background: linear-gradient(90deg, #FFE885 0%, #FFB703 50%, #FF6B5B 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.85));
    }
    body.theme-sandstone .hero-typewriter-glow {
      background: linear-gradient(90deg, #8B1E16 0%, #B84A14 52%, #1D3861 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.7));
    }

    /* HARYANVI DARI & JAIPURI KALEEN WOVEN BORDER RIBBON (MATTE PIGMENTS) */
    .folk-ribbon {
      height: 7px;
      background: repeating-linear-gradient(
        90deg,
        #9E2B22 0px,
        #9E2B22 16px,
        #D99B26 16px,
        #D99B26 24px,
        #1D3861 24px,
        #1D3861 40px,
        #2D5A4C 40px,
        #2D5A4C 52px,
        #F4E6D2 52px,
        #F4E6D2 56px
      );
      border-bottom: 2px solid #B37D28;
    }

    .jharokha-corners::after {
      content: "❖";
      position: absolute;
      top: 14px;
      right: 16px;
      font-size: 11px;
      color: var(--sarson);
      opacity: 0.22;
      pointer-events: none;
      transition: opacity 0.25s ease;
    }
    .shisha-card:hover.jharokha-corners::after {
      opacity: 0.5;
    }

    /* SPA VIEWS */
    .spa-view {
      display: none;
      opacity: 0;
      transform: scale(0.97) translateY(12px);
      transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .spa-view.active {
      display: block;
      opacity: 1;
      transform: scale(1) translateY(0);
    }

    /* HERO PORTRAIT & SACRED MANDALA HALO */
    #animated-photo-container {
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .cutout-fade-mask {
      -webkit-mask-image: linear-gradient(to bottom, black 86%, transparent 100%);
      mask-image: linear-gradient(to bottom, black 86%, transparent 100%);
      transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
    }

    /* Light Mode Sandstone Portrait Background & Accents */
    body.theme-sandstone .cutout-fade-mask {
      background: radial-gradient(circle at 47% 33%, rgba(255, 183, 3, 0.22) 0%, rgba(255, 238, 218, 0.55) 45%, rgba(247, 238, 222, 0.98) 100%) !important;
      border-color: rgba(217, 140, 0, 0.4) !important;
      box-shadow: 0 16px 36px rgba(160, 100, 0, 0.12) !important;
    }

    body.theme-sandstone .hero-name-pill {
      background: rgba(255, 252, 246, 0.92) !important;
      color: #8C4D00 !important;
      border-color: rgba(217, 140, 0, 0.45) !important;
      box-shadow: 0 8px 24px rgba(140, 80, 0, 0.12) !important;
    }

    body.theme-sandstone .floating-badge {
      background-color: #F8F3EA !important;
      box-shadow: 0 8px 20px rgba(140, 80, 0, 0.1) !important;
    }

    /* Sacred Mandala Dual Counter-Rotating Spin Animations (Precise Geometric Center in SVG Space) */
    @keyframes spinMandalaCW {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    @keyframes spinMandalaCCW {
      from { transform: rotate(0deg); }
      to { transform: rotate(-360deg); }
    }

    .spin-mandala-cw {
      animation: spinMandalaCW 38s linear infinite;
      transform-box: view-box;
      transform-origin: 100px 100px;
    }

    .spin-mandala-ccw {
      animation: spinMandalaCCW 24s linear infinite;
      transform-box: view-box;
      transform-origin: 100px 100px;
    }

    /* Glow Bloom Base */
    .mandala-glow {
      background: radial-gradient(circle, rgba(255, 183, 3, 0.45) 0%, rgba(255, 30, 110, 0.35) 45%, rgba(0, 229, 195, 0.22) 70%, transparent 100%);
    }

    /* Dark Mode Mandala Stroke Neon Vibrancy */
    .mandala-stroke-gold { stroke: #FFB703; }
    .mandala-stroke-rani { stroke: #FF1E6E; }
    .mandala-stroke-teal { stroke: #00E5C3; }
    .mandala-fill-gold { fill: #FFB703; }
    .mandala-fill-rani { fill: #FF1E6E; }

    .mandala-outer {
      filter: drop-shadow(0 0 7px rgba(255, 183, 3, 0.55));
    }
    .mandala-inner {
      filter: drop-shadow(0 0 6px rgba(0, 229, 195, 0.45));
    }

    /* Light Mode Enhanced Jewel Mandala Styling */
    body.theme-sandstone .mandala-glow {
      background: radial-gradient(circle, rgba(217, 140, 0, 0.35) 0%, rgba(217, 3, 71, 0.22) 45%, rgba(0, 156, 134, 0.18) 70%, transparent 100%) !important;
    }

    body.theme-sandstone .mandala-stroke-gold {
      stroke: #B86200 !important;
      stroke-width: 1.8;
    }
    body.theme-sandstone .mandala-stroke-rani {
      stroke: #C2185B !important;
      stroke-width: 1.6;
    }
    body.theme-sandstone .mandala-stroke-teal {
      stroke: #00796B !important;
      stroke-width: 1.5;
    }
    body.theme-sandstone .mandala-fill-gold {
      fill: #B86200 !important;
    }
    body.theme-sandstone .mandala-fill-rani {
      fill: #C2185B !important;
    }

    body.theme-sandstone .mandala-outer {
      filter: drop-shadow(0 0 3px rgba(184, 98, 0, 0.45)) !important;
      opacity: 0.95 !important;
    }
    body.theme-sandstone .mandala-inner {
      filter: drop-shadow(0 0 3px rgba(0, 121, 107, 0.4)) !important;
      opacity: 0.95 !important;
    }

    /* DWARPAL AI CONCIERGE CHATBOT DRAWER */
    #concierge-drawer {
      backdrop-filter: blur(20px);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 183, 3, 0.25);
    }

    #concierge-messages {
      scrollbar-width: thin;
      scrollbar-color: rgba(255, 183, 3, 0.35) rgba(0, 0, 0, 0.2);
    }
    #concierge-messages::-webkit-scrollbar {
      width: 5px;
    }
    #concierge-messages::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 4px;
    }
    #concierge-messages::-webkit-scrollbar-thumb {
      background: rgba(255, 183, 3, 0.4);
      border-radius: 4px;
    }

    /* Light Mode Overhauls for Dwarpal AI Drawer */
    body.theme-sandstone #concierge-drawer {
      background: #FFFDF9 !important;
      border-color: rgba(217, 140, 0, 0.45) !important;
      box-shadow: 0 24px 60px rgba(140, 80, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    }

    body.theme-sandstone #concierge-drawer h4 {
      color: #2D1E18 !important;
    }

    body.theme-sandstone #concierge-messages .bot-message {
      background: #F8F3EA !important;
      border-color: rgba(217, 140, 0, 0.25) !important;
      color: #2D1E18 !important;
    }

    body.theme-sandstone #concierge-messages .bot-message strong {
      color: #A05200 !important;
    }

    body.theme-sandstone #concierge-messages .user-message {
      background: linear-gradient(135deg, #D90347, #FF3366) !important;
      border-color: rgba(217, 3, 71, 0.4) !important;
      color: #FFFFFF !important;
    }

    body.theme-sandstone #concierge-input {
      background: #FFFFFF !important;
      color: #2D1E18 !important;
      border-color: rgba(217, 140, 0, 0.35) !important;
    }

    body.theme-sandstone #concierge-input::placeholder {
      color: #9C8274 !important;
    }

    body.theme-sandstone #concierge-messages::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.05);
    }
    body.theme-sandstone #concierge-messages::-webkit-scrollbar-thumb {
      background: rgba(217, 140, 0, 0.35);
    }

    /* PRINT-READY A4 ROYAL EXECUTIVE DOSSIER (CV) */
    @media print {
      body.printing-dossier *,
      body:has(#executive-dossier-modal[open]) * {
        visibility: hidden !important;
      }
      body.printing-dossier #executive-dossier-modal,
      body.printing-dossier #executive-dossier-modal *,
      #executive-dossier-modal[open],
      #executive-dossier-modal[open] * {
        visibility: visible !important;
      }
      body.printing-dossier #executive-dossier-modal,
      #executive-dossier-modal[open] {
        position: absolute !important;
        inset: 0 !important;
        background: #FFFFFF !important;
        color: #111111 !important;
        padding: 0 !important;
        display: block !important;
      }
      #dossier-print-sheet {
        box-shadow: none !important;
        border: 2px solid #9E3B24 !important;
        background: #FFFFFF !important;
        color: #111111 !important;
        max-width: 100% !important;
        width: 100% !important;
      }
      .no-print {
        display: none !important;
      }
    }