/* VARDAAN Inc. — Corporate Theme */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth !important;
background: var(--color-white); }



body { margin: 0; 
overflow-x: hidden; 
color: var(--color-text-primary); 
background: var(--background-page); 
font-family: var(--font-body); 
font-size: var(--font-size-base); 
line-height: var(--line-height-body); 
letter-spacing: var(--letter-spacing-body); 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;  
    
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
	
	}
	
	
main { min-height: 50vh; }
a { color: var(--color-text-primary); text-decoration: none; transition: var(--transition-color); }
a:hover { color: var(--color-text-accent); }
img, video { max-width: 100%; }
button, input, textarea, select { font: inherit; }
small, .small { font-size: var(--font-size-xs) !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; color: var(--color-text-primary); font-family: var(--font-heading); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); letter-spacing: var(--letter-spacing-heading); }
p { color: var(--color-text-secondary); }
::selection { color: var(--color-black); background: var(--color-gold-300); }
::-moz-selection { color: var(--color-black); background: var(--color-gold-300); }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--background-page); }
::-webkit-scrollbar-thumb { background: var(--border-color-gold); border-radius: var(--radius-pill); }
::-webkit-scrollbar-thumb:hover { background: var(--color-gold-500); }

/* Accessibility */
.vardaan-skip-link { position: fixed; top: var(--space-4); left: var(--space-5); z-index: calc(var(--z-loader) + 2); padding: var(--space-3) var(--space-5); border: var(--border-gold); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); box-shadow: var(--shadow-md); font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transform: translateY(-160%); transition: var(--transition-transform); }
.vardaan-skip-link:focus { color: var(--color-text-inverted); transform: translateY(0); outline: var(--border-gold-strong); outline-offset: var(--space-1); }

/* Preloader */
.vardaan-preloader { position: fixed; inset: 0; z-index: var(--z-loader); display: grid; place-items: center; overflow: hidden; background: var(--gradient-loader); opacity: 1; visibility: visible; transition: opacity var(--duration-base) var(--ease-standard), visibility var(--duration-base) var(--ease-standard); }
.vardaan-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.vardaan-loader-card { position: relative; width: 132px; height: 132px; display: grid; place-items: center; border: var(--border-subtle); border-radius: var(--radius-pill); background: var(--background-surface); box-shadow: var(--shadow-lg); isolation: isolate; }
.vardaan-loader-ring { position: absolute; inset: -1px; border-radius: var(--radius-pill); background: var(--gradient-loader-ring); -webkit-mask: radial-gradient(farthest-side, var(--background-transparent) calc(100% - 3px), var(--color-black) 0); mask: radial-gradient(farthest-side, var(--background-transparent) calc(100% - 3px), var(--color-black) 0); animation: vardaanSpin 1.2s linear infinite; will-change: transform; }
.vardaan-loader-monogram { color: var(--color-black); font-family: var(--font-heading); font-size: var(--font-size-4xl); font-weight: var(--font-weight-semibold); line-height: 1; }
.vardaan-loader-caption { position: absolute; bottom: var(--space-4); color: var(--color-text-muted); font-family: var(--font-body); font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); }

/* Header */





.vardaan-nav-shell { padding-inline: var(--container-x); }

.vardaan-brand { display: inline-flex; align-items: center; gap: var(--space-3); min-width: 220px; color: var(--color-black); }
.vardaan-brand:hover { color: var(--color-black); }
.vardaan-brand-mark { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; }
.vardaan-brand-mark svg { width: 32px; height: 36px; overflow: visible; }
.vardaan-brand-copy { display: flex; flex-direction: column; line-height: 1; }
.vardaan-brand-copy strong { color: var(--color-black); font-family: var(--font-body); font-size: var(--font-size-lg); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-nav); }
.vardaan-brand-copy strong em { color: var(--color-gold-600); font-style: normal; font-weight: var(--font-weight-semibold); }
.vardaan-brand-copy small { margin-top: var(--space-2); color: var(--color-text-muted); font-family: var(--font-body); font-size: var(--font-size-2xs) !important; font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }

.vardaan-desktop-nav { align-items: center; gap: var(--space-1); }
.vardaan-desktop-nav > .nav-item > .nav-link { position: relative; padding: var(--space-7) var(--space-3) !important; color: var(--navbar-text) !important; font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-nav); white-space: nowrap; transition: var(--transition-color); }
.vardaan-desktop-nav > .nav-item > .nav-link::before { content: ''; position: absolute; left: var(--space-3); right: var(--space-3); bottom: var(--space-5); height: 2px; background: var(--gradient-card-highlight); transform: scaleX(0); transform-origin: right; transition: var(--transition-transform); }
.vardaan-desktop-nav > .nav-item:hover > .nav-link::before, .vardaan-desktop-nav > .nav-item > .nav-link.active::before { transform: scaleX(1); transform-origin: left; }
.vardaan-desktop-nav > .nav-item:hover > .nav-link, .vardaan-desktop-nav > .nav-item > .nav-link.active { color: var(--color-gold-700) !important; }
.vardaan-nav-cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 44px; margin-left: var(--space-4); padding: var(--space-3) var(--space-5); border: var(--border-strong); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); box-shadow: var(--shadow-xs); font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-shadow), var(--transition-background); }
.vardaan-nav-cta:hover { color: var(--color-text-inverted); background: var(--background-dark-soft); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.vardaan-menu-toggle { width: 44px; height: 44px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: var(--border-medium); border-radius: var(--radius-pill); background: var(--background-surface); }
.vardaan-menu-toggle span { width: 18px; height: 2px; background: var(--background-dark); }

/* Dropdown */
.vardaan-dropdown-item { position: relative; }
.vardaan-dropdown-menu, .vardaan-submenu { min-width: 300px; margin: 0; padding: var(--space-2); border: var(--border-subtle); border-radius: var(--radius-none); background: var(--dropdown-background); box-shadow: var(--shadow-lg); }
.vardaan-dropdown-menu { top: calc(100% - 12px) !important; left: 50% !important; transform: translateX(-50%) !important; }
.vardaan-dropdown-item::after { content: ''; position: absolute; left: 0; right: 0; top: calc(100% - 18px); height: 24px; background: var(--background-transparent); }
.vardaan-dropdown-menu > li, .vardaan-submenu > li { position: relative; }
.vardaan-dropdown-menu .dropdown-item, .vardaan-submenu .dropdown-item { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 44px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-none); color: var(--dropdown-text); background: var(--background-transparent); font-family: var(--font-body); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: 1.45; white-space: normal; transition: var(--transition-background), var(--transition-color), var(--transition-transform); }
.vardaan-dropdown-menu .dropdown-item:hover, .vardaan-dropdown-menu .dropdown-item:focus, .vardaan-dropdown-menu .dropdown-item.active, .vardaan-submenu .dropdown-item:hover, .vardaan-submenu .dropdown-item:focus, .vardaan-submenu .dropdown-item.active { color: var(--color-black); background: var(--dropdown-hover-background); transform: translateX(3px); }
.vardaan-dropdown-menu .dropdown-item i, .vardaan-submenu .dropdown-item i { color: var(--color-gold-600); font-size: var(--font-size-2xs); }
.vardaan-overview-link { margin-bottom: var(--space-2); border-bottom: var(--border-gold) !important; color: var(--color-black) !important; background: var(--background-gold-soft) !important; font-weight: var(--font-weight-bold) !important; }
.vardaan-submenu { position: absolute; top: -8px; left: calc(100% + 4px); z-index: calc(var(--z-dropdown) + 1); display: none; }
.vardaan-submenu-item:hover > .vardaan-submenu, .vardaan-submenu-item:focus-within > .vardaan-submenu, .vardaan-submenu-item.is-open > .vardaan-submenu { display: block; }
.vardaan-submenu-item.submenu-left > .vardaan-submenu { right: calc(100% + 4px); left: auto; }
@media (min-width: 1200px) { .vardaan-dropdown-item:hover > .vardaan-dropdown-menu, .vardaan-dropdown-item.is-open > .vardaan-dropdown-menu { display: block; } }

/* Mobile navigation */
.vardaan-mobile-nav { width: min(430px, 94vw) !important; border-left: var(--border-subtle) !important; background: var(--background-surface) !important; color: var(--color-text-primary); box-shadow: var(--shadow-xl); }
.vardaan-mobile-head { position: relative; min-height: 88px; padding: var(--space-5) 72px var(--space-5) var(--space-6); border-bottom: var(--border-subtle); background: var(--background-surface); }
.vardaan-offcanvas-close { position: absolute; top: var(--space-5); right: var(--space-5); width: 42px; height: 42px; border: var(--border-gold); border-radius: var(--radius-pill); background: var(--background-gold-soft); transition: var(--transition-transform), var(--transition-background); }
.vardaan-offcanvas-close::before, .vardaan-offcanvas-close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: var(--background-dark); }
.vardaan-offcanvas-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.vardaan-offcanvas-close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.vardaan-offcanvas-close:hover { background: var(--background-gold-hover); transform: rotate(5deg); }
.vardaan-mobile-body { padding: var(--space-6); background: var(--background-surface); }
.vardaan-mobile-intro { margin-bottom: var(--space-5); padding: var(--space-5); border: var(--border-gold); border-radius: var(--radius-md); background: var(--gradient-gold-soft); }
.vardaan-mobile-intro span { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-mobile-intro p { margin: var(--space-2) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-md); }
.vardaan-mobile-row { display: flex; align-items: center; gap: var(--space-2); min-height: 50px; border-bottom: var(--border-subtle); background: var(--background-surface); }
.vardaan-mobile-row > a { flex: 1; padding: var(--space-3) var(--space-2); color: var(--color-text-primary); font-size: var(--font-size-base-sm); font-weight: var(--font-weight-medium); }
.vardaan-mobile-row > button { width: 38px; height: 38px; border: var(--border-gold); border-radius: var(--radius-sm); color: var(--color-gold-700); background: var(--background-gold-soft); transition: var(--transition-transform), var(--transition-background); }
.vardaan-mobile-row > button.is-open { background: var(--background-gold-hover); }
.vardaan-mobile-row > button i { transition: var(--transition-transform); }
.vardaan-mobile-row > button.is-open i { transform: rotate(45deg); }
.vardaan-mobile-collapse { margin-left: var(--space-4); padding-left: var(--space-3); border-left: var(--border-gold); }

/* Hero */
.vardaan-hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; isolation: isolate; background: var(--background-dark); }
.vardaan-hero-media, .vardaan-hero-video, .vardaan-hero-image, .vardaan-hero-overlay, .vardaan-hero-vignette, .vardaan-hero-grid, .vardaan-hero-pointer-light { position: absolute; inset: 0; }
.vardaan-hero-video, .vardaan-hero-image { width: 100%; height: 100%; object-fit: cover; }
.vardaan-hero-overlay { z-index: 1; background: var(--gradient-hero-overlay); }
.vardaan-hero-vignette { z-index: 2; background: var(--gradient-hero-vignette); }
.vardaan-hero-grid { z-index: 2; opacity: .35; background-image: linear-gradient(var(--color-white-a08) 1px, var(--background-transparent) 1px), linear-gradient(90deg, var(--color-white-a08) 1px, var(--background-transparent) 1px); background-size: 72px 72px; }
.vardaan-hero-light { position: absolute; z-index: 2; pointer-events: none; border-radius: var(--radius-pill); filter: blur(70px); opacity: .16; }
.vardaan-hero-light--gold { width: 320px; height: 320px; right: 8%; top: 18%; background: var(--color-gold-500); }
.vardaan-hero-light--green { width: 260px; height: 260px; left: 18%; bottom: 6%; background: var(--color-gold-700); }
.vardaan-hero-container { position: relative; z-index: 4; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); align-items: end; gap: var(--space-10); padding-top: calc(var(--header-height) + var(--space-12)); padding-bottom: var(--space-11); }
.vardaan-hero-copy { max-width: 620px;}
.vardaan-hero-eyebrow, .vardaan-contact-eyebrow, .vardaan-insights__eyebrow, .vardaan-gallery-page__eyebrow, .vardaan-home-insights__eyebrow { display: inline-flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); color: var(--color-gold-300); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-hero-eyebrow > span, .vardaan-contact-eyebrow::before, .vardaan-insights__eyebrow > span, .vardaan-gallery-page__eyebrow > span, .vardaan-home-insights__eyebrow > span { width: 36px; height: 1px; background: var(--gradient-card-highlight); }
.vardaan-hero h1 { max-width: 920px; margin-bottom: var(--space-6); color: var(--color-text-inverted); font-size: var(--font-size-h1); font-weight: var(--font-weight-medium); line-height: .95; }
.vardaan-hero h1 em { color: var(--color-gold-300);  }
.vardaan-hero-description { max-width: 700px; margin: 0 0 var(--space-7); color: var(--color-white-a88); font-size: var(--font-size-lg); line-height: var(--line-height-body); }
.vardaan-hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.vardaan-btn { min-height: 50px; display: inline-flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-6); border-radius: var(--radius-pill); font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-shadow), var(--transition-background); }
.vardaan-btn--gold { border: var(--border-gold-strong); color: var(--color-black); background: var(--gradient-gold); box-shadow: var(--shadow-gold); }
.vardaan-btn--outline { border: var(--border-inverted); color: var(--color-text-inverted); background: var(--color-black-a18); }
.vardaan-btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.vardaan-btn--gold:hover { color: var(--color-black); }
.vardaan-btn--outline:hover { color: var(--color-text-inverted); background: var(--color-white-a12); }
.vardaan-hero-panel { max-width: 360px; margin-left: auto; padding: var(--space-7); border: var(--border-inverted); border-radius: var(--radius-lg); color: var(--color-text-inverted); background: var(--color-black-a55); box-shadow: var(--shadow-dark, var(--shadow-xl)); backdrop-filter: blur(18px); }
.vardaan-hero-panel-kicker { color: var(--color-gold-300); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-hero-panel p { margin: var(--space-4) 0 var(--space-6); color: var(--color-text-inverted); font-family: var(--font-heading); font-size: var(--font-size-2xl); line-height: var(--line-height-heading); }
.vardaan-hero-panel-signature { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: var(--color-white-a68); font-size: var(--font-size-xs); }
.vardaan-scroll-indicator { position: absolute; left: var(--container-x); bottom: var(--space-6); z-index: 5; display: inline-flex; align-items: center; gap: var(--space-3); color: var(--color-white-a68); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); }
.vardaan-scroll-line { width: 42px; height: 1px; overflow: hidden; background: var(--color-white-a18); }
.vardaan-scroll-line i { display: block; width: 50%; height: 100%; background: var(--color-gold-400); animation: vardaanLine 1.8s var(--ease-premium) infinite; }
.vardaan-hero-index { position: absolute; right: var(--container-x); bottom: var(--space-6); z-index: 5; display: flex; align-items: center; gap: var(--space-2); color: var(--color-white-a68); font-size: var(--font-size-xs); }
.vardaan-hero-index span { color: var(--color-gold-300); font-family: var(--font-heading); font-size: var(--font-size-2xl); }

/* Shared premium inner-page foundation */
.vardaan-page, .vardaan-insights, .vardaan-article, .vardaan-gallery-page, .vardaan-contact-page { position: relative; overflow: clip; color: var(--color-text-primary); background: var(--background-page); }
.vardaan-page__body, .vardaan-insights__main, .vardaan-article__body, .vardaan-gallery-page__content, .vardaan-contact-form-area { padding-block: var(--space-section-sm); }
.vardaan-page__layout { max-width: var(--content-max); margin-inline: auto; }
.vardaan-page__intro { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-7); margin-bottom: var(--space-8); padding: var(--space-7); border: var(--border-gold); border-radius: var(--radius-lg); background: var(--gradient-warm); box-shadow: var(--shadow-sm); }
.vardaan-page__intro-label, .vardaan-page__eyebrow, .vardaan-page__navigation-label { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-page__intro p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-base); }
.vardaan-page__cms { padding: clamp(28px,5vw,64px); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-md); }
.vardaan-page__cms > :first-child { margin-top: 0; }
.vardaan-page__cms > :last-child { margin-bottom: 0; }
.vardaan-page__cms h1, .vardaan-page__cms h2, .vardaan-page__cms h3, .vardaan-page__cms h4 { margin-top: var(--space-8); margin-bottom: var(--space-4); }
.vardaan-page__cms h2 { font-size: var(--font-size-h3); }
.vardaan-page__cms h3 { font-size: var(--font-size-2xl); }
.vardaan-page__cms p, .vardaan-page__cms li { color: var(--color-text-secondary); font-size: var(--font-size-base); line-height: var(--line-height-relaxed); }
.vardaan-page__cms a { color: var(--color-gold-700); text-decoration: underline; text-decoration-color: var(--color-gold-a34); text-underline-offset: 4px; }
.vardaan-page__cms blockquote { margin: var(--space-7) 0; padding: var(--space-6) var(--space-7); border-left: var(--border-accent-left); color: var(--color-text-primary); background: var(--background-surface-soft); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.vardaan-page__cms table, .vardaan-article__content table { width: 100%; margin-block: var(--space-6); border-collapse: collapse; border: var(--border-subtle); background: var(--background-surface); }
.vardaan-page__cms th, .vardaan-page__cms td, .vardaan-article__content th, .vardaan-article__content td { padding: var(--space-4); border: var(--border-subtle); color: var(--color-text-secondary); font-size: var(--font-size-base-sm); text-align: left; }
.vardaan-page__cms th, .vardaan-article__content th { color: var(--color-text-primary); background: var(--background-gold-soft); font-weight: var(--font-weight-bold); }
.vardaan-page__children, .vardaan-page__navigation { margin-top: var(--space-8); padding-top: var(--space-6); border-top: var(--border-subtle); }
.vardaan-page__navigation-links { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.vardaan-page__button { display: inline-flex; align-items: center; gap: var(--space-2); min-height: 44px; padding: var(--space-3) var(--space-5); border: var(--border-medium); border-radius: var(--radius-pill); color: var(--color-text-primary); background: var(--background-surface); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-background), var(--transition-border); }
.vardaan-page__button:hover { color: var(--color-black); background: var(--background-gold-hover); transform: translateY(-2px); }
.vardaan-page__button--gold { border: var(--border-gold-strong); background: var(--gradient-gold); }
.vardaan-page__404 { min-height: 70vh; display: grid; align-items: center; padding-block: var(--space-section); }
.vardaan-page__404-card { max-width: 760px; padding: var(--space-10); text-align: center; border: var(--border-gold); border-radius: var(--radius-xl); background: var(--background-surface); box-shadow: var(--shadow-lg); }
.vardaan-page__404-code { color: var(--color-gold-200); font-family: var(--font-heading); font-size: var(--font-size-h1); line-height: .8; }

/* Insights listing */
.vardaan-insights__hero, .vardaan-gallery-page__hero, .vardaan-contact-hero { padding: calc(var(--header-height) + var(--space-11)) 0 var(--space-10); border-bottom: var(--border-subtle); background: var(--gradient-warm); }
.vardaan-insights__hero-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: var(--space-10); align-items: end; }
.vardaan-insights__breadcrumb, .vardaan-gallery-page__breadcrumb, .vardaan-article__breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-6); color: var(--color-text-muted); font-size: var(--font-size-xs); }
.vardaan-insights__hero h1, .vardaan-gallery-page__hero h1, .vardaan-contact-hero h1, .vardaan-article__hero h1 { max-width: 900px; margin-bottom: var(--space-5); color: var(--color-text-primary); font-size: var(--font-size-display-sm); font-weight: var(--font-weight-medium); }
.vardaan-insights__hero h1 em, .vardaan-gallery-page__hero h1 span, .vardaan-contact-hero h1 span { color: var(--color-gold-700);  }
.vardaan-insights__hero-copy > p, .vardaan-gallery-page__hero p, .vardaan-contact-hero__lead { max-width: 720px; color: var(--color-text-secondary); font-size: var(--font-size-lg); }
.vardaan-insights__hero-note { padding: var(--space-7); border: var(--border-gold); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-md); }
.vardaan-insights__hero-note-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: var(--space-5); border: var(--border-gold); border-radius: var(--radius-pill); color: var(--color-gold-700); background: var(--background-gold-soft); }
.vardaan-insights__hero-note small { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-insights__hero-note p { margin: var(--space-4) 0; color: var(--color-text-primary); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.vardaan-insights__hero-note > div { display: flex; gap: var(--space-2); color: var(--color-text-muted); font-size: var(--font-size-xs); }
.vardaan-insights__toolbar { display: grid; grid-template-columns: 1fr auto; gap: var(--space-6); align-items: center; margin-bottom: var(--space-7); padding: var(--space-6); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-insights__filter-copy span { display: block; color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-insights__filter-copy strong { color: var(--color-text-primary); font-size: var(--font-size-base); }
.vardaan-insights__filter { display: flex; align-items: center; gap: var(--space-2); }
.vardaan-insights__filter label { color: var(--color-text-muted); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); }
.vardaan-insights__select-wrap { position: relative; }
.vardaan-insights__select-wrap select { min-width: 190px; height: 44px; padding: 0 38px 0 var(--space-4); border: var(--border-medium); border-radius: var(--radius-sm); color: var(--color-text-primary); background: var(--background-surface); font-size: var(--font-size-md); appearance: none; }
.vardaan-insights__select-wrap > i { position: absolute; right: var(--space-4); top: 50%; color: var(--color-gold-700); font-size: var(--font-size-2xs); transform: translateY(-50%); pointer-events: none; }
.vardaan-insights__filter button, .vardaan-contact-form__submit, .vardaan-contact-feedback-modal__button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-3) var(--space-5); border: var(--border-strong); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-shadow); }
.vardaan-insights__filter button:hover, .vardaan-contact-form__submit:hover, .vardaan-contact-feedback-modal__button:hover { color: var(--color-text-inverted); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.vardaan-insights__clear { width: 44px; height: 44px; display: grid; place-items: center; border: var(--border-medium); border-radius: var(--radius-sm); color: var(--color-text-muted); background: var(--background-surface); }
.vardaan-insights__active-filter { display: flex; align-items: center; gap: var(--space-2); margin: calc(var(--space-4) * -1) 0 var(--space-7); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.vardaan-insights__active-filter strong, .vardaan-insights__active-filter i { color: var(--color-gold-700); }
.vardaan-insights__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-6); }
.vardaan-insights__card { position: relative; display: flex; flex-direction: column; overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); transition: var(--transition-transform), var(--transition-shadow), var(--transition-border); }
.vardaan-insights__card:hover { border-color: var(--border-color-gold); box-shadow: var(--shadow-lg); transform: translateY(-6px); }
.vardaan-insights__media { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--background-surface-soft); }
.vardaan-insights__media img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition-transform); }
.vardaan-insights__card:hover .vardaan-insights__media img { transform: scale(1.05); }
.vardaan-insights__media-shade, .vardaan-home-insights__featured-shade, .vardaan-gallery-page__shade, .vardaan-article__featured-shade { position: absolute; inset: 0; background: var(--gradient-media-shade); }
.vardaan-insights__category, .vardaan-insights__date, .vardaan-home-insights__featured-category { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); border: var(--border-inverted); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--color-black-a72); font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); }
.vardaan-insights__category { top: var(--space-4); left: var(--space-4); }
.vardaan-insights__date { right: var(--space-4); bottom: var(--space-4); }
.vardaan-insights__card-body { position: relative; display: flex; flex: 1; flex-direction: column; padding: var(--space-6); }
.vardaan-insights__card-index { position: absolute; top: var(--space-4); right: var(--space-5); color: var(--color-gold-200); font-family: var(--font-heading); font-size: var(--font-size-3xl); }
.vardaan-insights__card h2 { margin: 0 36px var(--space-3) 0; font-size: var(--font-size-2xl); }
.vardaan-insights__card p { margin: 0 0 var(--space-5); color: var(--color-text-secondary); font-size: var(--font-size-base-sm); }
.vardaan-insights__read { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: var(--space-4); border-top: var(--border-subtle); color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-insights__empty { max-width: 720px; margin: var(--space-5) auto; padding: var(--space-10) var(--space-7); text-align: center; border: var(--border-dashed); border-radius: var(--radius-lg); background: var(--background-surface); }
.vardaan-insights__closing, .vardaan-gallery-page__closing { display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-5); align-items: center; margin-top: var(--space-9); padding: var(--space-6) 0; border-top: var(--border-subtle); border-bottom: var(--border-subtle); }
.vardaan-insights__closing-mark, .vardaan-gallery-page__closing-mark { color: var(--color-gold-600); font-family: var(--font-heading); font-size: var(--font-size-4xl); }

/* Gallery */
.vardaan-gallery-page__stats { display: flex; justify-content: flex-end; gap: var(--space-5); padding: var(--space-5); border: var(--border-gold); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-gallery-page__stats div { text-align: center; }
.vardaan-gallery-page__stats strong { display: block; color: var(--color-text-primary); font-family: var(--font-heading); font-size: var(--font-size-3xl); }
.vardaan-gallery-page__stats span { color: var(--color-text-muted); font-size: var(--font-size-xs); text-transform: uppercase; }
.vardaan-gallery-page__intro { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: end; margin-bottom: var(--space-8); }
.vardaan-gallery-page__intro span { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-gallery-page__intro h2 { margin: var(--space-2) 0 0; font-size: var(--font-size-h3); }
.vardaan-gallery-page__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-5); }
.vardaan-gallery-page__item { position: relative; overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); transition: var(--transition-transform), var(--transition-shadow); }
.vardaan-gallery-page__item:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); }
.vardaan-gallery-page__media { position: relative; display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--background-surface-soft); }
.vardaan-gallery-page__media img, .vardaan-gallery-page__media video { width: 100%; height: 100%; object-fit: cover; transition: var(--transition-transform); }
.vardaan-gallery-page__item:hover .vardaan-gallery-page__media img { transform: scale(1.05); }
.vardaan-gallery-page__type, .vardaan-gallery-page__view { position: absolute; z-index: 3; display: grid; place-items: center; border: var(--border-inverted); color: var(--color-text-inverted); background: var(--color-black-a72); }
.vardaan-gallery-page__type { top: var(--space-4); left: var(--space-4); min-height: 32px; padding: 0 var(--space-3); border-radius: var(--radius-pill); font-size: var(--font-size-2xs); }
.vardaan-gallery-page__view { top: 50%; left: 50%; width: 48px; height: 48px; border-radius: var(--radius-pill); transform: translate(-50%,-50%); }
.vardaan-gallery-page__caption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); padding: var(--space-5); }
.vardaan-gallery-page__caption span, .vardaan-gallery-page__caption small { color: var(--color-white-a68); font-size: var(--font-size-2xs); text-transform: uppercase; }
.vardaan-gallery-page__caption h3 { margin: var(--space-1) 0 0; color: var(--color-text-inverted); font-size: var(--font-size-xl); }
.vardaan-gallery-page__empty { padding: var(--space-10); text-align: center; border: var(--border-dashed); border-radius: var(--radius-lg); background: var(--background-surface); }
.vardaan-gallery-page__empty-icon { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto var(--space-4); border: var(--border-gold); border-radius: var(--radius-pill); color: var(--color-gold-700); background: var(--background-gold-soft); }

/* Contact */
.vardaan-contact-hero__inner { position: relative; z-index: 2; }
.vardaan-contact-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.vardaan-contact-hero__button { min-height: 48px; display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-5); border: var(--border-medium); border-radius: var(--radius-pill); color: var(--color-text-primary); background: var(--background-surface); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-background); }
.vardaan-contact-hero__button:hover { color: var(--color-black); background: var(--background-gold-hover); transform: translateY(-2px); }
.vardaan-contact-hero__aside { margin-top: var(--space-7); padding: var(--space-6); border: var(--border-gold); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-contact-form-card { padding: clamp(28px,5vw,52px); border: var(--border-subtle); border-radius: var(--radius-xl); background: var(--background-surface); box-shadow: var(--shadow-lg); }
.vardaan-contact-form-card__head { display: flex; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-7); }
.vardaan-contact-form-card__eyebrow { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-contact-form-card__title { margin: var(--space-2) 0; font-size: var(--font-size-h3); }
.vardaan-contact-form-card__lead { max-width: 720px; margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-base); }
.vardaan-contact-form-card__mark { width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center; border: var(--border-gold); border-radius: var(--radius-pill); color: var(--color-gold-700); background: var(--background-gold-soft); font-size: var(--font-size-xl); }
.vardaan-contact-form .form-label { margin-bottom: var(--space-2); color: var(--color-text-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.vardaan-contact-form .input-group-text, .vardaan-contact-form .form-control { min-height: 48px; border: var(--border-medium); color: var(--color-text-primary); background: var(--background-surface); font-size: var(--font-size-base-sm); transition: var(--transition-border), var(--transition-shadow); }
.vardaan-contact-form .input-group-text { color: var(--color-gold-700); background: var(--background-gold-soft); }
.vardaan-contact-form .form-control:focus { border-color: var(--border-color-gold-strong); box-shadow: var(--shadow-focus-gold); }
.vardaan-contact-form textarea.form-control { min-height: 150px; padding: var(--space-4); }
.vardaan-contact-form__security { display: grid; grid-template-columns: 1fr auto; gap: var(--space-5); align-items: center; padding: var(--space-5); border: var(--border-subtle); border-radius: var(--radius-md); background: var(--background-surface-soft); }
.vardaan-contact-form__security-copy { display: flex; align-items: center; gap: var(--space-3); color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.vardaan-contact-form__security-copy i { color: var(--color-gold-700); }
.vardaan-contact-recaptcha-warning { padding: var(--space-3); border: var(--border-gold); border-radius: var(--radius-sm); color: var(--color-text-secondary); background: var(--background-gold-soft); font-size: var(--font-size-xs); }
.vardaan-contact-form__submit { margin-top: var(--space-6); }
.vardaan-contact-honeypot { position: absolute !important; left: -9999px !important; }
.vardaan-contact-feedback-modal .modal-content { border: var(--border-subtle); border-radius: var(--radius-xl); background: var(--background-surface); box-shadow: var(--shadow-xl); }
.vardaan-contact-feedback-modal__body { padding: var(--space-8); text-align: center; }
.vardaan-contact-feedback-modal__icon { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto var(--space-4); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); }
.vardaan-contact-feedback-modal--success .vardaan-contact-feedback-modal__icon { background: var(--color-success); }
.vardaan-contact-feedback-modal--danger .vardaan-contact-feedback-modal__icon { background: var(--color-danger); }
.vardaan-contact-feedback-modal__eyebrow { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }

/* Article detail */
.vardaan-reading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: calc(var(--z-header) + 2); background: var(--gradient-card-highlight); transform: scaleX(0); transform-origin: left center; }
.vardaan-article__hero { padding: calc(var(--header-height) + var(--space-10)) 0 var(--space-9); background: var(--gradient-warm); border-bottom: var(--border-subtle); }
.vardaan-article__hero-inner { max-width: 980px; margin-inline: auto; }
.vardaan-article__category { display: inline-flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-article__summary { max-width: 780px; color: var(--color-text-secondary); font-size: var(--font-size-lg); line-height: var(--line-height-body); }
.vardaan-article__meta { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-5); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.vardaan-article__featured { position: relative; max-width: 1180px; margin: calc(var(--space-10) * -1) auto var(--space-8); overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-xl); background: var(--background-surface-soft); box-shadow: var(--shadow-lg); }
.vardaan-article__featured img { width: 100%; max-height: 620px; object-fit: cover; }
.vardaan-article__layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: var(--space-8); max-width: var(--content-max); margin-inline: auto; }
.vardaan-article__content { padding: clamp(28px,5vw,58px); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-article__content p, .vardaan-article__content li { color: var(--color-text-secondary); font-size: var(--font-size-base); line-height: var(--line-height-relaxed); }
.vardaan-article__content h2 { margin-top: var(--space-8); font-size: var(--font-size-h3); }
.vardaan-article__content h3 { margin-top: var(--space-7); font-size: var(--font-size-2xl); }
.vardaan-article__content blockquote { margin: var(--space-7) 0; padding: var(--space-6) var(--space-7); border-left: var(--border-accent-left); background: var(--background-surface-soft); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.vardaan-article__content-footer { display: grid; grid-template-columns: 1fr 1fr; margin-top: var(--space-7); border-top: var(--border-subtle); }
.vardaan-article__content-footer > div { padding: var(--space-4) var(--space-6); }
.vardaan-article__rail { display: grid; gap: var(--space-5); align-content: start; }
.vardaan-article__rail-card, .vardaan-article__share-panel { padding: var(--space-6); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-article__rail-card small, .vardaan-article__rail-share { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-article__share-actions { display: flex; gap: var(--space-2); margin-top: var(--space-4); }
.vardaan-article__share-actions a { width: 40px; height: 40px; display: grid; place-items: center; border: var(--border-medium); border-radius: var(--radius-pill); color: var(--color-text-primary); background: var(--background-surface); }
.vardaan-article__related { margin-top: var(--space-10); }
.vardaan-article__related-heading { margin-bottom: var(--space-6); }
.vardaan-related-card { overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); transition: var(--transition-transform), var(--transition-shadow); }
.vardaan-related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.vardaan-related-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--background-surface-soft); }
.vardaan-related-card__media img { width: 100%; height: 100%; object-fit: cover; }
.vardaan-related-card__body { padding: var(--space-5); }
.vardaan-related-card__link { color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); text-transform: uppercase; }
.vardaan-article__navigation { display: flex; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-8); padding-top: var(--space-6); border-top: var(--border-subtle); }
.vardaan-article404 { min-height: 70vh; display: grid; place-items: center; padding: var(--space-section); }
.vardaan-article404__card { max-width: 720px; padding: var(--space-9); text-align: center; border: var(--border-gold); border-radius: var(--radius-xl); background: var(--background-surface); box-shadow: var(--shadow-lg); }
.vardaan-article404__code { color: var(--color-gold-200); font-family: var(--font-heading); font-size: var(--font-size-h1); }

/* Homepage insights */
/*
.vardaan-home-insights { position: relative; padding: var(--space-section) 0; background: var(--background-page); }
.vardaan-home-insights__heading { margin-bottom: var(--space-8); }
.vardaan-home-insights__heading h2 { margin: 0; font-size: var(--font-size-h2); }
.vardaan-home-insights__heading h2 em { color: var(--color-gold-700);  }
.vardaan-home-insights__heading-copy p { margin: 0 0 var(--space-4); color: var(--color-text-secondary); font-size: var(--font-size-base); }
.vardaan-home-insights__heading-copy a { color: var(--color-gold-700); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); }
.vardaan-home-insights__layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); gap: var(--space-6); }
.vardaan-home-insights__featured, .vardaan-home-insights__compact, .vardaan-home-insights__manifesto { overflow: hidden; border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.vardaan-home-insights__featured { display: grid; grid-template-columns: 1fr 1fr; }
.vardaan-home-insights__featured-media { position: relative; min-height: 420px; overflow: hidden; background: var(--background-surface-soft); }
.vardaan-home-insights__featured-media img { width: 100%; height: 100%; object-fit: cover; }
.vardaan-home-insights__featured-copy { padding: var(--space-7); }
.vardaan-home-insights__featured-index { position: absolute; top: var(--space-4); right: var(--space-4); z-index: 2; color: var(--color-white-a68); font-family: var(--font-heading); font-size: var(--font-size-3xl); }
.vardaan-home-insights__featured-category { top: var(--space-4); left: var(--space-4); }
.vardaan-home-insights__meta, .vardaan-home-insights__compact-meta { display: flex; flex-wrap: wrap; gap: var(--space-3); color: var(--color-text-muted); font-size: var(--font-size-xs); }
.vardaan-home-insights__featured-copy h3 { margin: var(--space-4) 0; font-size: var(--font-size-h3); }
.vardaan-home-insights__featured-copy p, .vardaan-home-insights__compact-copy p { color: var(--color-text-secondary); font-size: var(--font-size-base-sm); }
.vardaan-home-insights__read, .vardaan-home-insights__compact-link { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-gold-700); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); text-transform: uppercase; }
.vardaan-home-insights__side { display: grid; gap: var(--space-5); }
.vardaan-home-insights__compact { display: grid; grid-template-columns: 150px 1fr; }
.vardaan-home-insights__compact-media { position: relative; min-height: 170px; overflow: hidden; background: var(--background-surface-soft); }
.vardaan-home-insights__compact-media img { width: 100%; height: 100%; object-fit: cover; }
.vardaan-home-insights__compact-copy { padding: var(--space-5); }
.vardaan-home-insights__compact-copy h3 { margin: var(--space-3) 0; font-size: var(--font-size-xl); }
.vardaan-home-insights__compact-number { position: absolute; right: var(--space-3); bottom: var(--space-2); color: var(--color-white-a68); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.vardaan-home-insights__manifesto { padding: var(--space-6); }
.vardaan-home-insights__manifesto-mark { color: var(--color-gold-300); font-family: var(--font-heading); font-size: var(--font-size-4xl); }
*/
/* Footer */
.vardaan-footer { position: relative; padding: var(--space-10) 0 var(--space-6); border-top: var(--border-subtle); color: var(--color-text-primary); background: var(--background-surface); }
.vardaan-footer-eyebrow, .vardaan-footer-label { color: var(--color-gold-300); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-footer-main { display: grid; grid-template-columns: 1.15fr 1fr .85fr; gap: var(--space-6); }
.vardaan-footer-box { min-width: 0; padding: var(--space-6); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); /* box-shadow: var(--shadow-xs); */ }
.vardaan-footer-box h3 { margin-bottom: var(--space-4); font-size: var(--font-size-2xl); }
.vardaan-footer-copy { max-height: 300px; overflow: auto; padding-right: var(--space-3); scrollbar-width: thin; scrollbar-color: var(--border-color-gold) var(--background-surface-soft); }
.vardaan-footer-copy p, .vardaan-footer-contact-card__intro, .vardaan-footer-app__identity p { color: var(--color-text-secondary); font-size: var(--font-size-xs); line-height: var(--line-height-body); }
.vardaan-footer-app__top { display: flex; align-items: flex-start; gap: var(--space-4); }
.vardaan-footer-app__icon { position: relative; width: 72px; height: 72px; flex: 0 0 72px; display: grid; place-items: center; overflow: hidden; border: var(--border-gold); border-radius: var(--radius-lg); background: var(--background-gold-soft); }
.vardaan-footer-app__icon img { width: 100%; height: 100%; object-fit: cover; }
.vardaan-footer-app__status { position: absolute; right: var(--space-1); bottom: var(--space-1); width: 20px; height: 20px; display: grid; place-items: center; border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); font-size: var(--font-size-2xs); }
.vardaan-footer-app__eyebrow { color: var(--color-gold-700); font-size: var(--font-size-2xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-label); text-transform: uppercase; }
.vardaan-footer-app__identity h3 { margin: var(--space-2) 0; font-size: var(--font-size-2xl); }
.vardaan-footer-app__identity h3 span { font-family: var(--font-devanagari); color: var(--color-gold-700); }
.vardaan-footer-app__offer { display: flex; gap: var(--space-3); align-items: center; margin: var(--space-5) 0; padding: var(--space-4); border: var(--border-gold); border-radius: var(--radius-md); background: var(--gradient-gold-soft); }
.vardaan-footer-app__offer-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); }
.vardaan-footer-app__offer small { display: block; color: var(--color-gold-700); font-size: var(--font-size-2xs); }
.vardaan-footer-app__offer strong { color: var(--color-text-primary); font-size: var(--font-size-xs); }
.vardaan-footer-app__stores { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.vardaan-footer-store { display: grid; grid-template-columns: auto 1fr auto; gap: var(--space-3); align-items: center; padding: var(--space-3); border: var(--border-medium); border-radius: var(--radius-md); color: var(--color-text-primary); background: var(--background-surface); transition: var(--transition-transform), var(--transition-background), var(--transition-border); }
.vardaan-footer-store:hover { color: var(--color-black); border-color: var(--border-color-gold); background: var(--background-gold-soft); transform: translateY(-2px); }
.vardaan-footer-store__icon { color: var(--color-gold-700); font-size: var(--font-size-xl); }
.vardaan-footer-store small { display: block; color: var(--color-text-muted); font-size: var(--font-size-2xs); }
.vardaan-footer-store strong { color: var(--color-text-primary); font-size: var(--font-size-xs); }
.vardaan-footer-contact-premium-item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) 0; border-top: var(--border-subtle); color: var(--color-text-primary); transition: var(--transition-transform); }
.vardaan-footer-contact-premium-item:hover { color: var(--color-text-primary); transform: translateX(3px); }
.vardaan-footer-contact-premium-icon { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: var(--border-gold); border-radius: var(--radius-md); color: var(--color-gold-700); background: var(--background-gold-soft); }
.vardaan-footer-contact-premium-copy { min-width: 0; flex: 1; }
.vardaan-footer-contact-premium-copy small { display: block; color: var(--color-text-muted); font-size: var(--font-size-2xs); text-transform: uppercase; }
.vardaan-footer-contact-premium-copy strong { display: block; color: var(--color-text-primary); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); overflow-wrap: anywhere; }
.vardaan-footer-contact-premium-arrow { width: 28px; height: 28px; display: grid; place-items: center; border: var(--border-subtle); border-radius: var(--radius-pill); color: var(--color-gold-700); }
.vardaan-footer-bottom { display: flex; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-7); padding-top: var(--space-5); border-top: var(--border-subtle); color: var(--color-text-muted); font-size: var(--font-size-xs); }
.vardaan-footer-bottom nav { display: flex; gap: var(--space-4); }

/* Floating actions */
.vardaan-floating-actions { position: fixed; right: var(--space-5); bottom: var(--space-5); z-index: var(--z-floating); display: flex; align-items: flex-end; gap: var(--space-2); }
.vardaan-action-btn { width: 46px; height: 46px; display: grid; place-items: center; border: var(--border-medium); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); box-shadow: var(--shadow-md); transition: var(--transition-transform), var(--transition-background); }
.vardaan-action-btn:hover { color: var(--color-black); background: var(--gradient-gold); transform: translateY(-3px); }
.vardaan-scroll-top { opacity: 0; visibility: hidden; transform: translateY(8px); }
.vardaan-scroll-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.vardaan-social-launcher { position: relative; }
.vardaan-social-popover { position: absolute; right: 0; bottom: calc(100% + var(--space-3)); display: grid; gap: var(--space-2); padding: var(--space-2); border: var(--border-subtle); border-radius: var(--radius-pill); background: var(--background-surface); box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-premium), visibility var(--duration-base) var(--ease-standard); }
.vardaan-social-popover.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.vardaan-social-popover a { width: 38px; height: 38px; display: grid; place-items: center; border: var(--border-subtle); border-radius: var(--radius-pill); color: var(--color-text-primary); background: var(--background-surface); transition: var(--transition-transform), var(--transition-background); }
.vardaan-social-popover a:hover { color: var(--color-black); background: var(--background-gold-hover); transform: translateY(-2px); }
.vardaan-whatsapp { position: fixed; left: var(--space-5); bottom: var(--space-5); z-index: var(--z-floating); display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-4); border: var(--border-strong); border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); box-shadow: var(--shadow-md); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); }
.vardaan-whatsapp:hover { color: var(--color-black); background: var(--gradient-gold); }

/* Generic inner banner compatibility */
[class*='innerpage-banner'], [class*='inner-page-banner'] { color: var(--color-text-primary); background: var(--gradient-warm); }
[class*='innerpage-banner'] h1, [class*='inner-page-banner'] h1 { color: var(--color-text-primary); font-family: var(--font-heading); font-size: var(--font-size-display-sm); }

/* Reveal helpers */
[data-insight-reveal], [data-home-insight-reveal] { opacity: 1; transform: none; transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-premium); }
[data-insight-reveal].is-visible, [data-home-insight-reveal].is-visible { opacity: 1; transform: none; }

/* Responsive */
@media (max-width: 1199.98px) {
    .vardaan-header { padding-inline: var(--space-3); }
    .vardaan-navbar { min-height: var(--header-height-scrolled); }
    .vardaan-hero-container { grid-template-columns: 1fr; }
    .vardaan-hero-panel { max-width: 560px; margin-left: 0; }
}
@media (max-width: 991.98px) {
    .vardaan-hero-container, .vardaan-insights__hero-grid, .vardaan-article__layout, .vardaan-home-insights__layout { grid-template-columns: 1fr; }
    .vardaan-footer-main { grid-template-columns: 1fr 1fr; }
    .vardaan-footer-main > :first-child { grid-column: 1 / -1; }
    .vardaan-newsletter-panel { grid-template-columns: 1fr; }
    .vardaan-insights__grid, .vardaan-gallery-page__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .vardaan-page__intro { grid-template-columns: 1fr; }
    .vardaan-article__featured { margin-top: calc(var(--space-7) * -1); }
}
@media (max-width: 767.98px) {
    .vardaan-header { top: var(--space-3); padding-inline: var(--space-2); }
    .vardaan-header.is-scrolled { top: 0; }
    .vardaan-navbar { border-radius: var(--radius-sm); }
    .vardaan-brand { min-width: 0; }
    .vardaan-brand-copy small { display: none; }
    .vardaan-hero { min-height: 92svh; }
    .vardaan-hero-container { padding-top: calc(var(--header-height) + var(--space-10)); padding-bottom: var(--space-12); }
    .vardaan-hero h1 { font-size: var(--font-size-display-sm); }
    .vardaan-hero-description { font-size: var(--font-size-base); }
    .vardaan-hero-panel, .vardaan-hero-index { display: none; }
    .vardaan-footer-main, .vardaan-footer-app__stores, .vardaan-gallery-page__intro, .vardaan-home-insights__featured, .vardaan-contact-form__security { grid-template-columns: 1fr; }
    .vardaan-footer-main > :first-child { grid-column: auto; }
    .vardaan-footer-bottom { flex-direction: column; }
    .vardaan-insights__grid, .vardaan-gallery-page__grid { grid-template-columns: 1fr; }
    .vardaan-insights__toolbar { grid-template-columns: 1fr; }
    .vardaan-insights__filter { flex-wrap: wrap; }
    .vardaan-home-insights__compact { grid-template-columns: 120px 1fr; }
    .vardaan-article__content-footer { grid-template-columns: 1fr; }
    .vardaan-insights__closing, .vardaan-gallery-page__closing { grid-template-columns: 1fr; }
    .vardaan-gallery-page__stats { justify-content: flex-start; }
}
@media (max-width: 575.98px) {
    .vardaan-nav-shell { padding-inline: var(--space-4); }
    .vardaan-brand-mark { width: 38px; height: 38px; flex-basis: 38px; }
    .vardaan-brand-copy strong { font-size: var(--font-size-base-sm); }
    .vardaan-page__cms, .vardaan-contact-form-card, .vardaan-article__content { padding: var(--space-5); border-radius: var(--radius-md); }
    .vardaan-home-insights__compact { grid-template-columns: 1fr; }
    .vardaan-home-insights__compact-media { min-height: 210px; }
    .vardaan-floating-actions { right: var(--space-3); bottom: var(--space-3); }
    .vardaan-whatsapp { left: var(--space-3); bottom: var(--space-3); }
}

@keyframes vardaanSpin { to { transform: rotate(360deg); } }
@keyframes vardaanLine { 0% { transform: translateX(-100%); } 50%,100% { transform: translateX(200%); } }

/* SVG brand colors sourced from theme variables */
.vardaan-svg-gold-light { stop-color: var(--color-gold-300); }
.vardaan-svg-gold { stop-color: var(--color-gold-500); }
.vardaan-svg-gold-dark { stop-color: var(--color-gold-700); }
.vardaan-svg-fill-gold { fill: var(--color-gold-500); }
.vardaan-svg-fill-gold-dark { fill: var(--color-gold-700); }

/* Ambient details and compatibility helpers */
.vardaan-widget-stage { background: var(--background-page); }
.vardaan-brand--mobile { color: var(--color-black); }
.vardaan-mobile-menu { gap: var(--space-1); }
.vardaan-scroll-text { color: var(--color-white-a68); }
.vardaan-wow-left { will-change: transform, opacity; }
.vardaan-article__ambient, .vardaan-gallery-page__ambient, .vardaan-home-insights__ambient, .vardaan-insights__ambient { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.vardaan-insights__orb, .vardaan-gallery-page__orb { position: absolute; border-radius: var(--radius-pill); background: var(--color-gold-a08); filter: blur(18px); }
.vardaan-insights__orb--one, .vardaan-gallery-page__orb--one { width: 240px; height: 240px; top: 4%; right: 4%; }
.vardaan-insights__orb--two, .vardaan-gallery-page__orb--two { width: 180px; height: 180px; left: 2%; bottom: 12%; background: var(--color-black-a03); }
.vardaan-gallery-page__line { position: absolute; width: 280px; height: 1px; background: var(--gradient-card-highlight); opacity: .22; }
.vardaan-gallery-page__line--one { top: 18%; left: 0; }
.vardaan-gallery-page__line--two { right: 0; bottom: 20%; }
.vardaan-insights__placeholder, .vardaan-home-insights__placeholder, .vardaan-home-insights__compact-placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: var(--color-gold-700); background: var(--gradient-dark); }
.vardaan-home-insights__compact-placeholder { position: relative; width: 100%; height: 100%; }
.vardaan-article__shell { max-width: var(--content-max); margin-inline: auto; }
.vardaan-article__signature { display: flex; align-items: center; gap: var(--space-4); margin-top: var(--space-8); padding: var(--space-5); border: var(--border-gold); border-radius: var(--radius-lg); background: var(--gradient-gold-soft); }
.vardaan-article__signature-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--radius-pill); color: var(--color-text-inverted); background: var(--background-dark); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.vardaan-footer-store__arrow { color: var(--color-gold-700); font-size: var(--font-size-2xs); }

/* Bootstrap/CMS component normalization */
.card { border: var(--border-subtle); border-radius: var(--radius-lg); color: var(--color-text-primary); background: var(--background-surface); box-shadow: var(--shadow-sm); }
.card-header, .card-footer { border-color: var(--border-color-subtle); color: var(--color-text-primary); background: var(--background-surface-soft); }
.card-title { color: var(--color-text-primary); font-family: var(--font-heading); font-size: var(--font-size-2xl); }
.btn { border-radius: var(--radius-pill); font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-background), var(--transition-border), var(--transition-shadow); }
.btn-dark, .btn-primary { border: var(--border-strong); color: var(--color-text-inverted); background: var(--background-dark); }
.btn-dark:hover, .btn-primary:hover { color: var(--color-text-inverted); background: var(--background-dark-soft); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.btn-outline-dark, .btn-outline-primary { border: var(--border-medium); color: var(--color-text-primary); background: var(--background-surface); }
.btn-outline-dark:hover, .btn-outline-primary:hover { border-color: var(--border-color-gold); color: var(--color-black); background: var(--background-gold-hover); }
.form-control, .form-select { border: var(--border-medium); border-radius: var(--radius-sm); color: var(--color-text-primary); background: var(--background-surface); font-family: var(--font-body); font-size: var(--font-size-base-sm); transition: var(--transition-border), var(--transition-shadow), var(--transition-background); }
.form-control:focus, .form-select:focus { border-color: var(--border-color-gold-strong); color: var(--color-text-primary); background: var(--background-surface); box-shadow: var(--shadow-focus-gold); }
.form-label { color: var(--color-text-primary); font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.table { color: var(--color-text-secondary); background: var(--background-surface); font-family: var(--font-body); font-size: var(--font-size-base-sm); }
.table > :not(caption) > * > * { border-color: var(--border-color-subtle); color: var(--color-text-secondary); background: var(--background-surface); }
.table thead th { color: var(--color-text-primary); background: var(--background-gold-soft); font-weight: var(--font-weight-bold); }
.alert { border: var(--border-subtle); border-radius: var(--radius-md); font-family: var(--font-body); font-size: var(--font-size-base-sm); }
.alert-success { color: var(--color-success); background: var(--background-success-soft); }
.alert-danger { color: var(--color-danger); background: var(--background-danger-soft); }


/* Typography and brand mapping */
h1, h2, h3, h4, h5, h6,
.title,
.banner-title,
.section-title,
.vardaan-hero h1,
.vardaan-hero h1 *,
.vardaan-page__title,
.vardaan-insights__hero h1,
.vardaan-gallery-page__hero h1,
.vardaan-contact-hero h1 {
    font-family: var(--font-heading);
    font-style: var(--font-style-normal) !important;
}

body,
p,
li,
input,
textarea,
select,
.form-control,
.form-select,
.vardaan-hero-description,
.vardaan-footer-copy,
.vardaan-footer-contact-card__intro {
    font-family: var(--font-body);
    font-style: var(--font-style-normal);
}

.vardaan-desktop-nav > .nav-item > .nav-link,
.vardaan-mobile-row > a,
.vardaan-mobile-intro span,
.vardaan-footer-eyebrow,
.vardaan-hero-eyebrow,
.vardaan-hero-panel-kicker {
    font-family: var(--font-heading);
    font-style: var(--font-style-normal) !important;
}

.vardaan-btn,
.vardaan-nav-cta,
button,
.btn,
input[type="submit"],
input[type="button"] {
    font-family: var(--font-body);
    font-style: var(--font-style-normal);
}

.vardaan-brand-mark,
.vardaan-brand-copy,
.vardaan-desktop-nav > .nav-item > .nav-link,
.vardaan-nav-cta,
.vardaan-menu-toggle {
    transition:
        transform var(--duration-base) var(--ease-spring),
        color var(--duration-base) var(--ease-standard),
        background var(--duration-base) var(--ease-standard),
        box-shadow var(--duration-base) var(--ease-standard);
}



.vardaan-brand-copy strong,
.vardaan-brand-copy strong em {
    font-style: var(--font-style-normal) !important;
}

.transform-sm {
    transform: scale(1.7) !important;
}

/* Level-2 and Level-3 dropdown stability */
.vardaan-dropdown-menu,
.vardaan-submenu,
.vardaan-dropdown-menu ul,
.vardaan-submenu ul,
.vardaan-dropdown-menu li,
.vardaan-submenu li {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.vardaan-submenu {
    padding: var(--space-2);
}

.vardaan-submenu .vardaan-submenu {
    margin: 0;
    padding: var(--dropdown-level-3-offset);
}

.vardaan-menu-depth-2,
.vardaan-menu-depth-3,
.vardaan-menu-depth-4,
.vardaan-menu-depth-5 {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.vardaan-menu-depth-2 > .dropdown-item,
.vardaan-menu-depth-3 > .dropdown-item,
.vardaan-menu-depth-4 > .dropdown-item,
.vardaan-menu-depth-5 > .dropdown-item {
    padding: var(--dropdown-level-3-padding-y) var(--dropdown-level-3-padding-x);
    color: var(--dropdown-text);
    background: var(--background-transparent);
}

.vardaan-menu-depth-2 > .dropdown-item:hover,
.vardaan-menu-depth-3 > .dropdown-item:hover,
.vardaan-menu-depth-4 > .dropdown-item:hover,
.vardaan-menu-depth-5 > .dropdown-item:hover,
.vardaan-menu-depth-2 > .dropdown-item:focus,
.vardaan-menu-depth-3 > .dropdown-item:focus,
.vardaan-menu-depth-4 > .dropdown-item:focus,
.vardaan-menu-depth-5 > .dropdown-item:focus {
    color: var(--color-black);
    background: var(--dropdown-hover-background);
}

.vardaan-dropdown-item.is-open > .vardaan-dropdown-menu,
.vardaan-submenu-item.is-open > .vardaan-submenu {
    display: block;
}

/* Hero panel hierarchy and glass surface */
.vardaan-hero h1,
.vardaan-hero h1 span,
.vardaan-hero h1 em {
    font-family: var(--font-heading);
    font-style: var(--font-style-normal) !important;
}

.vardaan-hero-description {
    font-family: var(--font-body);
    font-style: var(--font-style-normal);
}

.vardaan-hero-panel {
    max-width: 340px;
    padding: var(--space-5);
    border: var(--hero-panel-border);
    border-radius: var(--radius-lg);
    color: var(--color-text-inverted);
    background: var(--hero-panel-background);
    box-shadow: var(--hero-panel-inset-border), var(--shadow-dark);
    backdrop-filter: var(--hero-panel-blur);
    -webkit-backdrop-filter: var(--hero-panel-blur);
    transition:
        background var(--duration-base) var(--ease-standard),
        transform var(--duration-base) var(--ease-spring),
        box-shadow var(--duration-base) var(--ease-standard);
}

.vardaan-hero-panel:hover {
    background: var(--hero-panel-background-hover);
    transform: translateY(calc(var(--space-1) * -1));
}

.vardaan-hero-panel-kicker {
    font-size: var(--hero-panel-kicker-size);
    line-height: var(--line-height-body);
}

.vardaan-hero-panel p {
    margin: var(--space-3) 0 var(--space-4);
    font-family: var(--font-body);
    font-size: var(--hero-panel-text-size);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-relaxed);
    letter-spacing: var(--letter-spacing-body);
}

.vardaan-hero-panel-signature {
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-body);
}

/* Footer Grihini app card and download boxes */
.vardaan-footer-app__top {
    align-items: center;
}

.vardaan-footer-app__icon {
    width: var(--footer-app-icon-size);
    height: var(--footer-app-icon-size);
    max-height: var(--footer-app-icon-max-height);
    flex-basis: var(--footer-app-icon-size);
    padding: var(--footer-app-icon-padding);
    line-height: var(--line-height-tight);
}

.vardaan-footer-app__icon img {
    width: var(--footer-app-icon-image-size);
    height: var(--footer-app-icon-image-size);
    object-fit: contain;
}

.vardaan-footer-app__status {
    width: var(--space-5);
    height: var(--space-5);
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-tight);
}

.vardaan-footer-app__offer-icon {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-tight);
}

.vardaan-footer-store {
    min-height: var(--app-store-min-height);
    padding: var(--space-2) var(--space-3);
    border: var(--border-strong);
    border-radius: var(--radius-md);
    color: var(--app-store-text-color);
    background: var(--app-store-background);
    line-height: var(--line-height-tight);
}

.vardaan-footer-store:hover {
    color: var(--app-store-text-color);
    background: var(--background-dark-soft);
    transform: translateY(calc(var(--space-1) * -1));
}

.vardaan-footer-store__icon {
    color: var(--app-store-icon-color);
    font-size: var(--app-store-icon-size);
    line-height: var(--line-height-tight);
}

.vardaan-footer-store small {
    color: var(--app-store-muted-color);
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-tight);
}

.vardaan-footer-store strong {
    color: var(--app-store-text-color);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-tight);
}

.vardaan-footer-store__arrow {
    color: var(--app-store-muted-color);
    font-size: var(--font-size-2xs);
}

@media (max-width: 575.98px) {
    .vardaan-footer-app__stores {
        grid-template-columns: 1fr;
    }

    .vardaan-hero-panel {
        max-width: none;
    }
}


/* appointment.php */
.vardaan-appointment-page {
    position: relative;
    overflow: hidden;
    padding: clamp(118px, 11vw, 165px) 0 clamp(72px, 8vw, 115px);
    color: var(--va-text);
    background:
        radial-gradient(circle at 8% 12%, var(--detail-color-01), transparent 27%),
        radial-gradient(circle at 93% 75%, var(--detail-color-02), transparent 34%),
        var(--body-bg, var(--detail-color-03));
    font-family: var(--font-body);
}

.vardaan-appointment-page::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--detail-color-04) 1px, transparent 1px),
        linear-gradient(90deg, var(--detail-color-04) 1px, transparent 1px);
    background-size: 72px 72px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, var(--detail-color-05) 18%, var(--detail-color-05) 82%, transparent);
    mask-image: linear-gradient(to bottom, transparent, var(--detail-color-05) 18%, var(--detail-color-05) 82%, transparent);
}

.vardaan-appointment-shell {
    position: relative;
    z-index: 2;
}

.vardaan-appointment-hero {
    max-width: 820px;
    margin-bottom: clamp(38px, 5vw, 62px);
}

.vardaan-appointment-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: var(--va-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.vardaan-appointment-eyebrow::before {
    content: "";
    width: 38px;
    height: 1px;
    background: linear-gradient(90deg, var(--va-gold), transparent);
}

.vardaan-appointment-hero h1 {
    max-width: 760px;
    margin: 0 0 18px;
    color: var(--va-text);
    font-family: var(--font-body);
    font-size: clamp(2.7rem, 5.4vw, 5rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.045em;
}

.vardaan-appointment-hero h1 span {
    display: block;
    color: var(--va-gold);
}

.vardaan-appointment-hero p {
    max-width: 690px;
    margin: 0;
    color: var(--va-soft);
    font-size: 14px;
    line-height: 1.85;
}

.vardaan-appointment-layout {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    gap: clamp(22px, 3vw, 36px);
    align-items: start;
}

.vardaan-appointment-aside,
.vardaan-appointment-form-card {
    border: 1px solid var(--va-line);
    border-radius: 24px;
    background:
        linear-gradient(145deg, var(--detail-color-06), var(--detail-color-07)),
        var(--va-surface);
    box-shadow: 0 28px 80px var(--detail-color-08);
}

.vardaan-appointment-aside {
    position: sticky;
    top: calc(var(--header-height, 94px) + 24px);
    overflow: hidden;
    padding: clamp(26px, 3vw, 34px);
}

.vardaan-appointment-aside::after {
    content: "";
    position: absolute;
    top: -100px;
    right: -90px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle, var(--detail-color-09), transparent 70%);
}

.vardaan-appointment-aside__mark {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border: 1px solid var(--detail-color-10);
    border-radius: 17px;
    color: var(--va-gold);
    background: var(--detail-color-11);
    font-size: 20px;
}

.vardaan-appointment-aside h2 {
    margin: 0 0 12px;
    color: var(--va-text);
    font-family: var(--font-body);
    font-size: 1.8rem;
    font-weight: 500;
}

.vardaan-appointment-aside > p {
    margin: 0 0 25px;
    color: var(--va-soft);
    font-size: 12px;
    line-height: 1.8;
}

.vardaan-appointment-info {
    display: grid;
    gap: 0;
}

.vardaan-appointment-info__item {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid var(--va-line-soft);
}

.vardaan-appointment-info__item i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid var(--detail-color-12);
    border-radius: 10px;
    color: var(--va-gold);
    background: var(--detail-color-13);
    font-size: 10px;
}

.vardaan-appointment-info__item small {
    display: block;
    margin-bottom: 3px;
    color: var(--va-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vardaan-appointment-info__item strong {
    display: block;
    color: var(--va-text);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
}

.vardaan-appointment-form-card {
    padding: clamp(26px, 4vw, 46px);
}

.vardaan-appointment-form-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid var(--va-line-soft);
}

.vardaan-appointment-form-head__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--detail-color-14);
    border-radius: 15px;
    color: var(--va-gold);
    background: var(--detail-color-15);
    font-size: 15px;
}

.vardaan-appointment-form-head__copy {
    flex: 1;
}

.vardaan-appointment-form-head small {
    display: block;
    margin-bottom: 5px;
    color: var(--va-gold);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.vardaan-appointment-form-head h2 {
    margin: 0 0 6px;
    color: var(--va-text);
    font-family: var(--font-body);
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 600;
    letter-spacing: -.025em;
}

.vardaan-appointment-form-head p {
    margin: 0;
    color: var(--va-soft);
    font-size: 11px;
    line-height: 1.65;
}

.vardaan-appointment-form-card .form-label {
    margin-bottom: 8px;
    color: var(--va-text);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .015em;
}

.vardaan-appointment-form-card .form-label small {
    color: var(--va-muted);
    font-weight: 400;
}

.vardaan-appointment-form-card .form-control,
.vardaan-appointment-form-card .form-select {
    min-height: 50px;
    border: 1px solid var(--va-line-soft);
    border-radius: 12px;
    color: var(--va-text);
    background-color: var(--va-surface-2);
    font-family: var(--font-body);
    font-size: 12px;
    box-shadow: none;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.vardaan-appointment-form-card textarea.form-control {
    min-height: 132px;
    resize: vertical;
    padding-top: 13px;
}

.vardaan-appointment-form-card .form-control::placeholder {
    color: var(--va-muted);
    opacity: .7;
}

.vardaan-appointment-form-card .form-control:focus,
.vardaan-appointment-form-card .form-select:focus {
    color: var(--va-text);
    border-color: var(--detail-color-16);
    background-color: var(--va-surface-2);
    box-shadow: 0 0 0 4px var(--detail-color-17);
}

.vardaan-appointment-form-card .form-select {
    color-scheme: dark;
}

.vardaan-appointment-form-card .form-select option {
    color: var(--va-text);
    background: var(--va-surface);
}

.vardaan-appointment-alert {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 25px;
    padding: 16px 18px;
    border: 1px solid var(--detail-color-18);
    border-radius: 14px;
    color: var(--va-text);
    background: var(--detail-color-15);
}

.vardaan-appointment-alert--error {
    border-color: var(--detail-color-19);
    background: var(--detail-color-20);
}

.vardaan-appointment-alert__icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--va-green-950);
    background: var(--va-gold);
    font-size: 12px;
}

.vardaan-appointment-alert--error .vardaan-appointment-alert__icon {
    color: var(--detail-color-21);
    background: var(--detail-color-22);
}

.vardaan-appointment-alert strong {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
}

.vardaan-appointment-alert p,
.vardaan-appointment-alert ul {
    margin: 0;
    color: var(--va-soft);
    font-size: 10px;
    line-height: 1.65;
}

.vardaan-appointment-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
    padding-top: 23px;
    border-top: 1px solid var(--va-line-soft);
}

.vardaan-appointment-submit-note {
    max-width: 390px;
    margin: 0;
    color: var(--va-muted);
    font-size: 9px;
    line-height: 1.6;
}

.vardaan-appointment-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 48px;
    padding: 11px 20px;
    border: 1px solid var(--va-gold-dark);
    border-radius: 999px;
    color: var(--detail-color-21);
    background: linear-gradient(135deg, var(--detail-color-23), var(--detail-color-24));
    box-shadow: 0 12px 28px var(--detail-color-25);
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .035em;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.vardaan-appointment-submit:hover {
    transform: translateY(-2px);
    color: var(--detail-color-21);
    background: linear-gradient(135deg, var(--detail-color-26), var(--detail-color-27));
    box-shadow: 0 16px 35px var(--detail-color-28);
}

.vardaan-appointment-submit i {
    font-size: 9px;
    transition: transform .3s ease;
}

.vardaan-appointment-submit:hover i {
    transform: translateX(3px);
}

html[data-theme="light"] .vardaan-appointment-page {
    background:
        radial-gradient(circle at 8% 12%, var(--detail-color-29), transparent 27%),
        radial-gradient(circle at 93% 75%, var(--detail-color-30), transparent 34%),
        var(--body-bg, var(--detail-color-21));
}

html[data-theme="light"] .vardaan-appointment-aside,
html[data-theme="light"] .vardaan-appointment-form-card {
    border-color: var(--detail-color-31);
    background:
        linear-gradient(145deg, var(--detail-color-32), transparent 48%),
        var(--detail-color-21);
    box-shadow: 0 24px 65px var(--detail-color-33);
}

html[data-theme="light"] .vardaan-appointment-form-card .form-control,
html[data-theme="light"] .vardaan-appointment-form-card .form-select {
    color: var(--detail-color-34);
    border-color: var(--detail-color-35);
    background-color: var(--detail-color-36);
    color-scheme: light;
}

html[data-theme="light"] .vardaan-appointment-form-card .form-control:focus,
html[data-theme="light"] .vardaan-appointment-form-card .form-select:focus {
    color: var(--detail-color-34);
    border-color: var(--detail-color-37);
    background-color: var(--detail-color-21);
}

html[data-theme="light"] .vardaan-appointment-form-card .form-select option {
    color: var(--detail-color-34);
    background: var(--detail-color-21);
}

@media (max-width: 991.98px) {
    .vardaan-appointment-layout {
        grid-template-columns: 1fr;
    }

    .vardaan-appointment-aside {
        position: relative;
        top: auto;
    }

    .vardaan-appointment-info {
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 12px;
    }

    .vardaan-appointment-info__item {
        grid-template-columns: 34px 1fr;
        border-top: 0;
        padding: 13px;
        border: 1px solid var(--va-line-soft);
        border-radius: 12px;
    }
}

@media (max-width: 767.98px) {
    .vardaan-appointment-page {
        padding: 100px 0 70px;
    }

    .vardaan-appointment-info {
        grid-template-columns: 1fr;
    }

    .vardaan-appointment-form-head {
        flex-direction: column;
    }

    .vardaan-appointment-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .vardaan-appointment-submit {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .vardaan-appointment-aside,
    .vardaan-appointment-form-card {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .vardaan-appointment-hero h1 {
        font-size: 2.65rem;
    }
}


/* public/innerpage-banner.php */
.vardaan_innerbanner {
                position: relative;
                isolation: isolate;
                display: flex;
                align-items: stretch;
                min-height: var(--vardaan_innerbanner_height);
                width: 100%;
                overflow: hidden;
                color: var(--detail-color-21);
                background:
                    radial-gradient(circle at 12% 15%, var(--detail-color-18), transparent 30%),
                    radial-gradient(circle at 92% 18%, var(--detail-color-38), transparent 28%),
                    radial-gradient(circle at 50% 115%, var(--detail-color-39), transparent 42%),
                    linear-gradient(135deg, var(--green-950, var(--detail-color-03)), var(--green-850, var(--detail-color-40)) 54%, var(--green-900, var(--detail-color-41)));
                border-bottom: 1px solid var(--line-soft, var(--detail-color-42));
            }

            .vardaan_innerbanner,
            .vardaan_innerbanner * {
                box-sizing: border-box;
            }

            .vardaan_innerbanner--height-300 { --vardaan_innerbanner_height: var(--banner-height-300); }
            .vardaan_innerbanner--height-450 { --vardaan_innerbanner_height: var(--banner-height-450); }
            .vardaan_innerbanner--height-600 { --vardaan_innerbanner_height: var(--banner-height-600); }

            .vardaan_innerbanner__media,
            .vardaan_innerbanner__media img,
            .vardaan_innerbanner__media video,
            .vardaan_innerbanner__fallback,
            .vardaan_innerbanner__overlay,
            .vardaan_innerbanner__grain,
            .vardaan_innerbanner__grid,
            .vardaan_innerbanner__glow {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
            }

            .vardaan_innerbanner__media {
                z-index: -8;
                background: var(--green-950, var(--detail-color-03));
            }

            .vardaan_innerbanner__media img,
            .vardaan_innerbanner__media video {
                display: block;
                object-fit: cover;
                object-position: center center;
                transform: scale(1.015);
                filter: saturate(.74) contrast(1.08) brightness(.78);
            }

            .vardaan_innerbanner__media video {
                pointer-events: none;
            }

            .vardaan_innerbanner__fallback {
                z-index: -7;
                overflow: hidden;
                background:
                    radial-gradient(circle at 78% 28%, var(--detail-color-18), transparent 28%),
                    radial-gradient(circle at 16% 70%, var(--detail-color-43), transparent 28%),
                    linear-gradient(135deg, var(--green-950, var(--detail-color-03)), var(--green-800, var(--detail-color-44)) 56%, var(--green-900, var(--detail-color-41)));
            }

            .vardaan_innerbanner__fallback::before,
            .vardaan_innerbanner__fallback::after {
                content: "";
                position: absolute;
                border-radius: 999px;
                pointer-events: none;
                filter: blur(8px);
                opacity: .8;
                will-change: transform, opacity;
            }

            .vardaan_innerbanner__fallback::before {
                right: clamp(4rem, 12vw, 12rem);
                top: 18%;
                width: clamp(190px, 26vw, 430px);
                height: clamp(190px, 26vw, 430px);
                background: radial-gradient(circle, var(--detail-color-45), var(--detail-color-46) 42%, transparent 68%);
                animation: vardaanInnerbannerOrbFloat 11s ease-in-out infinite alternate;
            }

            .vardaan_innerbanner__fallback::after {
                left: clamp(-5rem, -7vw, -2rem);
                bottom: -24%;
                width: clamp(240px, 32vw, 520px);
                height: clamp(240px, 32vw, 520px);
                background: radial-gradient(circle, var(--detail-color-47), var(--detail-color-13) 46%, transparent 72%);
                animation: vardaanInnerbannerOrbFloatTwo 13s ease-in-out infinite alternate;
            }

            .vardaan_innerbanner__fallback-svg {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                opacity: .86;
                pointer-events: none;
            }

            .vardaan_innerbanner__svg-pattern {
                fill: var(--detail-color-48);
            }

            .vardaan_innerbanner__svg-line {
                fill: none;
                stroke: url(#vardaanInnerbannerGoldLine);
                stroke-width: 1.15;
                stroke-linecap: round;
                stroke-dasharray: 10 18;
                opacity: .44;
                animation: vardaanInnerbannerDash 15s linear infinite;
            }

            .vardaan_innerbanner__svg-line--two {
                stroke-width: .85;
                opacity: .32;
                animation-duration: 20s;
                animation-direction: reverse;
            }

            .vardaan_innerbanner__svg-arc {
                fill: none;
                stroke: var(--detail-color-49);
                stroke-width: .85;
                stroke-dasharray: 3 13;
                animation: vardaanInnerbannerDash 22s linear infinite;
            }

            .vardaan_innerbanner__svg-dot {
                fill: var(--gold-light, var(--detail-color-50));
                opacity: .34;
                filter: drop-shadow(0 0 10px var(--detail-color-51));
                animation: vardaanInnerbannerDotPulse 3.8s ease-in-out infinite;
            }

            .vardaan_innerbanner__svg-dot--two { animation-delay: .8s; opacity: .26; }
            .vardaan_innerbanner__svg-dot--three { animation-delay: 1.4s; opacity: .22; }

            .vardaan_innerbanner__fallback-mark {
                position: absolute;
                right: clamp(18px, 6vw, 96px);
                top: 50%;
                width: clamp(150px, 20vw, 310px);
                aspect-ratio: 1;
                transform: translateY(-50%);
                border: 1px solid var(--detail-color-38);
                border-radius: 50%;
                display: grid;
                place-items: center;
                color: var(--detail-color-52);
                font-family: var(--font-body);
                font-size: clamp(5.4rem, 12vw, 12rem);
                line-height: 1;
                pointer-events: none;
                box-shadow: inset 0 0 55px var(--detail-color-46), 0 0 80px var(--detail-color-32);
                animation: vardaanInnerbannerMarkBreathe 7s ease-in-out infinite;
            }

            .vardaan_innerbanner__fallback-mark::before {
                content: "";
                position: absolute;
                inset: -10px;
                border: 1px solid transparent;
                border-top-color: var(--detail-color-53);
                border-right-color: var(--detail-color-54);
                border-radius: inherit;
                animation: vardaanInnerbannerMarkSpin 18s linear infinite;
            }

            .vardaan_innerbanner__overlay {
                z-index: -6;
                background:
                    linear-gradient(90deg, var(--detail-color-55) 0%, rgba(3,16,11,var(--vardaan_innerbanner_overlay)) 49%, var(--detail-color-56) 100%),
                    linear-gradient(180deg, var(--detail-color-57), var(--detail-color-58));
            }

            .vardaan_innerbanner--fallback .vardaan_innerbanner__overlay {
                background:
                    linear-gradient(90deg, var(--detail-color-59), var(--detail-color-58)),
                    radial-gradient(circle at 78% 26%, var(--detail-color-60), transparent 30%);
            }

            .vardaan_innerbanner__grid {
                z-index: -5;
                opacity: .2;
                background-image:
                    linear-gradient(var(--detail-color-61) 1px, transparent 1px),
                    linear-gradient(90deg, var(--detail-color-61) 1px, transparent 1px);
                background-size: 74px 74px;
                mask-image: linear-gradient(90deg, var(--detail-color-62), transparent 78%);
            }

            .vardaan_innerbanner__grain {
                z-index: -4;
                opacity: .28;
                background:
                    repeating-linear-gradient(0deg, var(--detail-color-06) 0 1px, transparent 1px 3px);
                mix-blend-mode: overlay;
                pointer-events: none;
            }

            .vardaan_innerbanner__glow {
                z-index: -3;
                pointer-events: none;
                background:
                    radial-gradient(420px circle at 18% 52%, var(--detail-color-63), transparent 70%),
                    radial-gradient(520px circle at 88% 42%, var(--detail-color-64), transparent 72%);
                animation: vardaanInnerbannerAmbient 10s ease-in-out infinite alternate;
            }

            .vardaan_innerbanner__inner {
                position: relative;
                z-index: 2;
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(290px, 480px);
                align-items: center;
                gap: clamp(28px, 5.5vw, 82px);
                width: min(1220px, calc(100% - (var(--container-x, 1.25rem) * 2)));
                margin: 0 auto;
                padding: calc(var(--header-height, 94px) + clamp(28px, 4vw, 58px)) 0 clamp(38px, 5.2vw, 74px);
            }

            .vardaan_innerbanner__inner--single {
                grid-template-columns: minmax(0, 920px);
            }

            .vardaan_innerbanner__content {
                max-width: 900px;
            }

            .vardaan_innerbanner__kicker {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                margin-bottom: clamp(14px, 2vw, 20px);
                color: var(--gold-light, var(--detail-color-50));
                font-size: clamp(.62rem, .72vw, .75rem);
                font-weight: 800;
                letter-spacing: .24em;
                line-height: 1;
                text-transform: uppercase;
            }

            .vardaan_innerbanner__kicker::before,
            .vardaan_innerbanner__kicker::after {
                content: "";
                display: inline-block;
                width: 36px;
                height: 1px;
                background: linear-gradient(90deg, transparent, var(--gold, var(--color-app-icon)));
            }

            .vardaan_innerbanner__kicker::after {
                width: 14px;
                background: var(--gold, var(--color-app-icon));
                opacity: .55;
            }

            .vardaan_innerbanner__title {
                margin: 0;
                max-width: 860px;
                color: var(--detail-color-21);
                font-family: var(--font-body);
                font-size: clamp(2.45rem, 6.4vw, 6.4rem);
                font-weight: 600;
                line-height: .92;
                letter-spacing: 0.3px;
                text-wrap: balance;
                text-shadow: 0 24px 62px var(--detail-color-65);
            }

            .vardaan_innerbanner__breadcrumb {
                margin-top: clamp(20px, 2.7vw, 30px);
            }

            .vardaan_innerbanner__breadcrumb-list {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 9px;
                padding: 0;
                margin: 0;
                list-style: none;
            }

            .vardaan_innerbanner__breadcrumb-list li {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                color: var(--detail-color-66);
                font-size: .78rem;
                font-weight: 600;
            }

            .vardaan_innerbanner__breadcrumb-list li + li::before {
                content: "/";
                color: var(--detail-color-67);
                font-weight: 700;
            }

            .vardaan_innerbanner__breadcrumb-list a {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                color: var(--detail-color-68);
                text-decoration: none;
                transition: color .25s ease, transform .25s ease;
            }

            .vardaan_innerbanner__breadcrumb-list a:hover {
                color: var(--gold-pale, var(--detail-color-69));
                transform: translateY(-1px);
            }

            .vardaan_innerbanner__breadcrumb-list [aria-current="page"] {
                color: var(--detail-color-70);
            }

            .vardaan_innerbanner__subtitle {
                position: relative;
                justify-self: end;
                width: min(100%, 480px);
                padding: clamp(22px, 3vw, 34px);
                overflow: hidden;
                border: 1px solid var(--detail-color-49);
                border-radius: var(--vardaan_innerbanner_radius);
                background:
                    linear-gradient(145deg, var(--detail-color-71), var(--detail-color-06)),
                    var(--detail-color-72);
                box-shadow: 0 30px 84px var(--detail-color-73);
                backdrop-filter: blur(18px) saturate(125%);
                -webkit-backdrop-filter: blur(18px) saturate(125%);
            }

            .vardaan_innerbanner__subtitle::before {
                content: "";
                position: absolute;
                top: 0;
                left: clamp(22px, 3vw, 34px);
                width: 86px;
                height: 1px;
                background: linear-gradient(90deg, var(--gold-light, var(--detail-color-50)), transparent);
                box-shadow: 0 0 18px var(--detail-color-74);
            }

            .vardaan_innerbanner__subtitle-label {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 12px;
                color: var(--gold, var(--color-app-icon));
                font-size: .64rem;
                font-weight: 900;
                letter-spacing: .22em;
                text-transform: uppercase;
            }

            .vardaan_innerbanner__subtitle-label i {
                width: 22px;
                height: 1px;
                background: currentColor;
                opacity: .6;
            }

            .vardaan_innerbanner__subtitle p {
                margin: 0;
                color: var(--detail-color-75);
                font-size: clamp(.94rem, 1.13vw, 1.08rem);
                line-height: 1.86;
            }

            .vardaan_innerbanner__media-caption {
                position: absolute;
                right: clamp(18px, 3vw, 44px);
                bottom: clamp(16px, 2vw, 26px);
                z-index: 3;
                display: inline-flex;
                align-items: center;
                gap: 9px;
                color: var(--detail-color-76);
                font-size: .58rem;
                font-weight: 800;
                letter-spacing: .18em;
                text-transform: uppercase;
                pointer-events: none;
            }

            .vardaan_innerbanner__media-caption::before {
                content: "";
                width: 28px;
                height: 1px;
                background: var(--detail-color-67);
            }

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            @media (max-width: 991.98px) {
                .vardaan_innerbanner {
                    min-height: max(360px, calc(var(--vardaan_innerbanner_height) - 60px));
                }

                .vardaan_innerbanner__inner,
                .vardaan_innerbanner__inner--single {
                    grid-template-columns: 1fr;
                    gap: clamp(18px, 4vw, 30px);
                    padding-top: calc(var(--header-height, 84px) + 36px);
                    padding-bottom: 46px;
                }

                .vardaan_innerbanner__subtitle {
                    justify-self: start;
                    width: min(100%, 680px);
                }
            }

            @media (max-width: 575.98px) {
                .vardaan_innerbanner {
                    min-height: max(330px, calc(var(--vardaan_innerbanner_height) - 115px));
                }

                .vardaan_innerbanner__inner {
                    width: min(100% - 30px, 1220px);
                    padding-top: calc(var(--header-height, 78px) + 26px);
                    padding-bottom: 34px;
                }

                .vardaan_innerbanner__kicker {
                    letter-spacing: .16em;
                }

                .vardaan_innerbanner__kicker::before {
                    width: 24px;
                }

                .vardaan_innerbanner__kicker::after {
                    display: none;
                }

                .vardaan_innerbanner__title {
                    font-size: clamp(2.15rem, 14vw, 3.4rem);
                    letter-spacing: 0.3px;
                }

                .vardaan_innerbanner__breadcrumb-list {
                    gap: 7px;
                }

                .vardaan_innerbanner__breadcrumb-list li {
                    font-size: .72rem;
                }

                .vardaan_innerbanner__subtitle {
                    border-radius: 22px;
                    padding: 20px;
                }

                .vardaan_innerbanner__media-caption {
                    display: none;
                }
            }

         

            @keyframes vardaanInnerbannerAmbient {
                from { transform: translate3d(-10px, -8px, 0) scale(1); opacity: .82; }
                to { transform: translate3d(12px, 10px, 0) scale(1.035); opacity: 1; }
            }


            @keyframes vardaanInnerbannerDash {
                from { stroke-dashoffset: 0; }
                to { stroke-dashoffset: -280; }
            }

            @keyframes vardaanInnerbannerDotPulse {
                0%, 100% { transform: scale(1); opacity: .22; }
                50% { transform: scale(1.6); opacity: .48; }
            }

            @keyframes vardaanInnerbannerOrbFloat {
                from { transform: translate3d(-18px, -10px, 0) scale(.94); opacity: .58; }
                to { transform: translate3d(24px, 18px, 0) scale(1.08); opacity: .88; }
            }

            @keyframes vardaanInnerbannerOrbFloatTwo {
                from { transform: translate3d(10px, 18px, 0) scale(1); opacity: .42; }
                to { transform: translate3d(-22px, -14px, 0) scale(1.08); opacity: .72; }
            }

            @keyframes vardaanInnerbannerMarkBreathe {
                0%, 100% { opacity: .82; transform: translateY(-50%) scale(1); }
                50% { opacity: 1; transform: translateY(-50%) scale(1.035); }
            }

            @keyframes vardaanInnerbannerMarkSpin {
                to { transform: rotate(360deg); }
            }

/* Corporate light surfaces and typography (including CMS widget content). */
html { color-scheme: light; scroll-padding-top: calc(var(--header-height) + var(--space-8)); }
body { background: var(--gradient-page); }
:is(h1,h2,h3,h4,h5,h6), :is(h1,h2,h3,h4,h5,h6) :is(em,span,strong,a),
.title, .banner-title, .section-title {
    font-family: var(--font-heading) !important;
    font-style: var(--font-style-normal) !important;
    color: var(--color-heading-light) !important;
    -webkit-text-fill-color: currentColor;
    text-shadow: none !important;
}
:is(.vardaan-hero, .vardaan_innerbanner) :is(h1,h2,h3),
:is(.vardaan-hero, .vardaan_innerbanner) :is(h1,h2,h3) *,
.vardaan_innerbanner__title, .vardaan_innerbanner__title * {
    color: var(--color-text-inverted) !important;
    -webkit-text-fill-color: var(--color-text-inverted);
    font-family: var(--font-heading) !important;
    font-style: var(--font-style-normal) !important;
}
.vardaan-hero h1 { line-height: var(--line-height-heading); font-size: clamp(2.5rem, 5.5vw, 5.5rem); }
.vardaan_innerbanner__title { line-height: var(--line-height-heading); }
.vardaan_innerbanner { background: var(--gradient-dark); }
:is(.vardaan-page, .vardaan-insights, .vardaan-gallery-page, .vardaan-article, .vardaan-contact-page, .vardaan-appointment-page),
.vardaan-widget-stage > section {
    color: var(--color-text-primary) !important;
    background: var(--gradient-page) !important;
    font-family: var(--font-body);
}
.vardaan-widget-stage > section :is(p,li),
.vardaan-page__cms :is(p,li) { color: var(--color-text-secondary) !important; font-family: var(--font-body) !important; }
:is(.vardaan-page__body,.vardaan-insights__main,.vardaan-article__body,.vardaan-gallery-page__content,.vardaan-contact-form-area,.vardaan-appointment-page) *,
.vardaan-contact-card, .vardaan-contact-map, .vardaan-contact-hero__aside, .vardaan-insights__hero-note {
    box-shadow: none !important;
}
.vardaan-page__cms, .vardaan-page__intro,
.vardaan-article__content, .vardaan-article__rail-card, .vardaan-article__share-panel,
.vardaan-contact-form-card, .vardaan-contact-card, .vardaan-contact-hero__aside,
.vardaan-appointment-aside, .vardaan-appointment-form-card,
.vardaan-insights__hero-note, .vardaan-insights__toolbar, .vardaan-insights__card,
.vardaan-page__404-card, .vardaan-article404__card {
    padding-inline: 0;
    border: 0;
    border-radius: 0;
    background: var(--background-transparent);
    box-shadow: none;
}
.vardaan-page__intro { padding-block: 0 var(--space-7); border-bottom: var(--border-subtle); }
.vardaan-page__cms { padding-block: 0; min-width: 0; }
.vardaan-page__cms img { height: auto; }
.vardaan-page__cms table { display: block; overflow-x: auto; }
.vardaan-insights__card { border-bottom: var(--border-subtle); }
.vardaan-insights__card:hover { transform: none; }
.vardaan-insights__card-body { padding-inline: 0; }
.vardaan-appointment-page::before { display: none; }
.vardaan-appointment-page :is(p, small, label) { color: var(--color-text-secondary); }
.vardaan-appointment-page :is(input,select,textarea) {
    background: var(--background-surface);
    color: var(--color-text-primary);
    border-color: var(--border-color-medium);
    font-family: var(--font-body);
}
.vardaan-appointment-submit { background: var(--background-dark); color: var(--color-text-inverted); }
.vardaan-appointment-aside::before, .vardaan-appointment-form-card::before { display: none; }
:where(a,button,input,select,textarea):focus-visible {
    outline: var(--nav-focus-ring);
    outline-offset: var(--space-1);
}

/* Navigation: stable dimensions, directional slide and a soft spring return. */
.vardaan-header, .vardaan-header.is-scrolled {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: var(--z-header);
    top: var(--header-top-offset);
    padding-inline: var(--space-4);
    transform: translate3d(0,0,0);
    transition: transform var(--duration-nav-reveal) var(--ease-nav-bounce);
    will-change: transform;
}
.vardaan-header.is-hidden {
    transform: translate3d(0,calc(-100% - var(--header-top-offset) - var(--space-6)),0);
    transition: transform var(--duration-nav-hide) var(--ease-standard);
    pointer-events: none;
}
.vardaan-navbar, .vardaan-header.is-scrolled .vardaan-navbar {
    position: relative;
    padding: 0;
    isolation: isolate;
    min-height: var(--header-height);
    border: var(--navbar-border);
    border-radius: var(--navbar-radius);
    background: var(--navbar-background);
    box-shadow: var(--shadow-sm);
    -webkit-backdrop-filter: var(--glass-navbar-blur);
    backdrop-filter: var(--glass-navbar-blur);
    overflow: visible;
}
/* The white tint maintains black-text contrast over both video and pale pages. */
.vardaan-navbar::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: var(--navbar-white-layer);
    pointer-events: none;
}
.vardaan-header.is-scrolled .vardaan-brand-mark { transform: none; }
.vardaan-desktop-nav > .nav-item > .nav-link { padding-block: var(--space-6) !important; }
.vardaan-desktop-nav > .nav-item > .nav-link::before { display: none; }
.vardaan-desktop-nav > .nav-item:hover > .nav-link,
.vardaan-desktop-nav > .nav-item > .nav-link.active { color: var(--navbar-text) !important; }
.vardaan-nav-cta, .vardaan-nav-cta:hover, .vardaan-nav-cta:focus-visible {
    color: var(--color-text-inverted);
    background: var(--background-dark);
    -webkit-backdrop-filter: var(--glass-navbar-blur);
    backdrop-filter: var(--glass-navbar-blur);
}
.vardaan-nav-cta:hover { transform: translateY(-2px); }
.vardaan-dropdown-menu, .vardaan-submenu {
    min-width: min(288px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
    padding: var(--space-2);
    border: var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--dropdown-background);
    box-shadow: var(--shadow-dropdown);
    color: var(--dropdown-text);
}
.vardaan-dropdown-menu { top: calc(100% + 6px) !important; left: auto !important; right: 0; transform: none !important; }
.vardaan-dropdown-item::after { top: 100%; height: var(--space-3); }
.vardaan-dropdown-menu .dropdown-item, .vardaan-submenu .dropdown-item {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-xs);
    color: var(--dropdown-text);
    font-family: var(--font-body);
}
.vardaan-dropdown-menu .dropdown-item:hover, .vardaan-submenu .dropdown-item:hover { transform: none; }
.vardaan-dropdown-menu .dropdown-item i, .vardaan-submenu .dropdown-item i { color: var(--dropdown-text); }
.vardaan-overview-link { background: var(--dropdown-hover-background) !important; border-bottom: var(--border-subtle) !important; }
.vardaan-submenu-item::after { content: ''; position: absolute; top: 0; bottom: 0; left: 100%; width: var(--space-2); }
.vardaan-submenu-item.submenu-left::after { left: auto; right: 100%; }
.vardaan-dropdown-menu.show, .vardaan-dropdown-item.is-open > .vardaan-dropdown-menu,
.vardaan-submenu-item.is-open > .vardaan-submenu { animation: vardaanMenuReveal var(--duration-fast) var(--ease-premium); }
@keyframes vardaanMenuReveal { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .vardaan-navbar, .vardaan-header.is-scrolled .vardaan-navbar { background: var(--background-surface); }
}
@media (max-width: 1199.98px) {
    .vardaan-nav-shell { padding-block: var(--space-3); padding-inline: var(--space-5); }
}
@media (max-width: 575.98px) {
    .vardaan-header, .vardaan-header.is-scrolled { padding-inline: var(--space-2); }
    .vardaan-navbar, .vardaan-header.is-scrolled .vardaan-navbar { min-height: var(--header-height-scrolled); }
    .vardaan-brand { min-width: 0; }
    .vardaan-brand-copy strong { font-size: var(--font-size-base); }
    .vardaan-nav-shell { padding-inline: var(--space-3); }
    .vardaan-page__intro { grid-template-columns: 1fr; gap: var(--space-3); }
    .vardaan-appointment-aside, .vardaan-appointment-form-card { padding-inline: 0; }
}



/* Existing database widget themes: keep the shared page palette authoritative. */
html[data-theme="light"] :is(.vardaan-about-home,.vardaan-about-premium,.vardaan-business,.vardaan-what-we-do,.vardaan-csr-section,.vardaan-location,.vardaan-contact-info-area) {
    background: var(--gradient-page) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-body) !important;
}
html[data-theme="light"] :is(.vardaan-about-home,.vardaan-about-premium,.vardaan-business,.vardaan-what-we-do,.vardaan-csr-section,.vardaan-location) p {
    color: var(--color-text-secondary) !important;
    font-family: var(--font-body) !important;
}
.vardaan-page__cms :is([class*="card"],[class*="panel"],[class*="feature-content"]),
.vardaan-related-card {
    background: var(--background-transparent) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.vardaan-related-card__body { padding-inline: 0; }

/* Page surfaces: explicit foreground/background pairs. */
.vardaan-insights__hero, .vardaan-article__hero, .vardaan-gallery-page__hero,
.vardaan-contact-hero, .vardaan-appointment-hero {
    background: var(--background-intro);
    color: var(--color-heading-light);
}
:is(.vardaan-insights__hero,.vardaan-article__hero,.vardaan-gallery-page__hero,.vardaan-contact-hero,.vardaan-appointment-hero) :is(h1,h2,em, h1 span),
:is(.vardaan-page__cms,.vardaan-article__content) :is(h1,h2,h3,h4,h5,h6) {
    color: var(--color-heading-light) !important;
    -webkit-text-fill-color: currentColor;
}
.vardaan_innerbanner, .vardaan_innerbanner__fallback { background: var(--background-banner); }
.vardaan_innerbanner__overlay, .vardaan_innerbanner--fallback .vardaan_innerbanner__overlay {
    background: var(--gradient-banner-overlay);
}
.vardaan_innerbanner__title, .vardaan_innerbanner__title *, .vardaan_innerbanner__subtitle p,
.vardaan_innerbanner__kicker, .vardaan_innerbanner__breadcrumb-list :is(a,li,span),
.vardaan_innerbanner__subtitle-label, .vardaan_innerbanner__media-caption {
    color: var(--color-white) !important;
    -webkit-text-fill-color: currentColor;
}
.vardaan_innerbanner__subtitle {
    background: var(--background-transparent);
    border: 0;
    border-left: var(--border-inverted);
    border-radius: 0;
    box-shadow: none;
}

/* blog.php — editorial list, category filter and empty states. */
.vardaan-insights__hero-grid { grid-template-columns: minmax(0,1.6fr) minmax(240px,.65fr); }
.vardaan-insights__eyebrow, .vardaan-gallery-page__eyebrow, .vardaan-contact-eyebrow,
.vardaan-home-insights__eyebrow { color: var(--color-text-accent); }
.vardaan-insights__hero h1 { font-size: clamp(2.35rem,4.8vw,4.75rem); line-height: 1.15; }
.vardaan-insights__hero-note { border-left: var(--border-medium); padding-left: var(--space-7); }
.vardaan-insights__toolbar { padding-block: 0 var(--space-6); border-bottom: var(--border-medium); }
.vardaan-insights__filter { gap: var(--space-3); }
.vardaan-insights__filter select {
    width: 100%; min-height: 48px; color: var(--color-text-primary);
    background-color: var(--background-surface); border: var(--border-medium); border-radius: var(--radius-xs);
}
.vardaan-insights__card { border-radius: 0; overflow: visible; }
.vardaan-insights__media { border-radius: var(--radius-sm); overflow: hidden; }
.vardaan-insights__card-body { padding: var(--space-6) 0; }
.vardaan-insights__card h2 a { color: var(--color-heading-light); }
.vardaan-insights__card-index { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.vardaan-insights__empty, .vardaan-gallery-page__empty { background: var(--background-transparent); border: 0; border-radius: 0; }

/* blog-single.php — the markup places the narrow reading rail BEFORE the article. */
.vardaan-article__hero { padding-bottom: var(--space-9); }
.vardaan-article__hero h1 { font-size: clamp(2.2rem,4.4vw,4.4rem); line-height: 1.18; overflow-wrap: anywhere; }
.vardaan-article__meta { margin: 0 0 var(--space-5); align-items: center; }
.vardaan-article__category { margin-bottom: 0; }
.vardaan-article__featured { margin: var(--space-8) auto; border: 0; box-shadow: none; border-radius: var(--radius-sm); }
.vardaan-article__featured img { display: block; width: 100%; }
.vardaan-article__featured-shade { display: none; }
.vardaan-article__featured figcaption { position: static; padding: var(--space-3) 0; background: var(--background-page); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.vardaan-article__layout { grid-template-columns: 170px minmax(0,1fr); gap: clamp(32px,5vw,80px); padding-block: var(--space-6); }
.vardaan-article__rail { position: sticky; top: calc(var(--header-height) + var(--space-9)); align-self: start; }
.vardaan-article__rail-card { padding: 0 0 var(--space-5); border-bottom: var(--border-subtle); }
.vardaan-article__rail-card strong { display: block; margin-block: var(--space-2); font-family: var(--font-heading); font-size: var(--font-size-2xl); color: var(--color-text-primary); }
.vardaan-article__rail-card > span { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.vardaan-article__rail-share { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.vardaan-article__rail-share small { flex-basis: 100%; }
.vardaan-article__rail-share a { display: grid; place-items: center; width: 40px; height: 40px; border: var(--border-medium); border-radius: var(--radius-pill); color: var(--color-text-primary); }
.vardaan-article__body { min-width: 0; padding: 0; }
.vardaan-article__content { padding: 0; max-width: var(--content-reading); overflow-wrap: anywhere; }
.vardaan-article__content > :first-child { margin-top: 0; }
.vardaan-article__content :is(img,video,iframe) { max-width: 100%; }
.vardaan-article__content img { height: auto; }
.vardaan-article__content :is(pre,table) { overflow-x: auto; }
.vardaan-article__content table { display: block; }
.vardaan-article__content a { color: var(--color-text-primary); text-decoration: underline; text-underline-offset: 4px; }
.vardaan-article__content blockquote { padding: var(--space-3) var(--space-6); background: var(--background-transparent); }
.vardaan-article__share-panel { margin-top: var(--space-7); padding-top: var(--space-6); border-top: var(--border-subtle); }
.vardaan-reading-progress { display: none; }

/* Gallery and inquiry pages share the open, shadow-free content treatment. */
.vardaan-gallery-page__stats { padding-inline: 0; background: var(--background-transparent); border: 0; border-radius: 0; box-shadow: none; }
.vardaan-gallery-page__caption h3, .vardaan-gallery-page__caption h3 * { color: var(--color-white) !important; -webkit-text-fill-color: currentColor; }
.vardaan-gallery-page__shade { position: absolute; inset: 0; background: var(--gradient-media-shade); pointer-events: none; }
.vardaan-contact-form :is(.form-control,.form-select), .vardaan-contact-form .input-group-text {
    min-height: var(--form-control-height); color: var(--color-text-primary);
    background: var(--background-surface); border-color: var(--border-color-medium); font-family: var(--font-body);
}
.vardaan-contact-form textarea.form-control { min-height: 160px; }
.vardaan-contact-form .form-label { color: var(--color-text-primary); font-weight: var(--font-weight-medium); }
.vardaan-contact-form :is(input,textarea)::placeholder { color: var(--color-text-muted); opacity: 1; }

/* newsletter-subscribe.php — actual newsletter_guru markup, including feedback. */
.vardaan-newsletter-panel {
    display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr);
    align-items: center; gap: var(--space-9); margin-bottom: var(--space-9);
    padding: var(--space-9) 0; border: 0; border-block: var(--border-medium);
    border-radius: 0; box-shadow: none; background: var(--background-newsletter);
    color: var(--color-newsletter-text);
}
.vardaan-newsletter-copy h2 { max-width: 650px; margin: var(--space-3) 0; font-size: clamp(1.7rem,2.8vw,2.6rem); color: var(--color-newsletter-text) !important; }
.vardaan-newsletter-copy p { margin: 0; color: var(--color-text-secondary); font-size: var(--font-size-base-sm); }
.vardaan-newsletter-form-wrap, .newsletter_guru, .newsletter_guru__form { min-width: 0; width: 100%; }
.newsletter_guru__honeypot { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.newsletter_guru__input-wrap { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: var(--space-3); padding: var(--space-2); border: var(--border-medium); border-radius: var(--radius-sm); background: var(--background-surface); }
.newsletter_guru__input-wrap:focus-within { border-color: var(--color-black); outline: var(--nav-focus-ring); outline-offset: var(--space-1); }
.newsletter_guru__input-icon { padding-left: var(--space-3); color: var(--color-text-muted); pointer-events: none; }
.newsletter_guru__input { width: 100%; min-width: 0; min-height: var(--form-control-height); padding: var(--space-3) 0; border: 0; border-radius: 0; color: var(--color-text-primary); background: var(--background-transparent); font: inherit; }
.newsletter_guru__input:focus { outline: none; box-shadow: none; }
.newsletter_guru__input::placeholder { color: var(--color-text-muted); opacity: 1; }
.newsletter_guru__button, .newsletter_guru__modal-button {
    display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3);
    min-height: var(--form-control-height); padding: var(--space-3) var(--space-5);
    border: var(--border-strong); border-radius: var(--radius-xs);
    background: var(--background-dark); color: var(--color-white);
    font-family: var(--font-body); font-size: var(--font-size-base-sm); font-weight: var(--font-weight-semibold);
    cursor: pointer; transition: var(--transition-background), var(--transition-transform);
}
.newsletter_guru__button:hover, .newsletter_guru__modal-button:hover { background: var(--background-dark-soft); transform: translateY(-1px); }
.newsletter_guru__button:disabled { opacity: .6; cursor: wait; transform: none; }
.newsletter_guru__privacy { display: flex; align-items: flex-start; gap: var(--space-2); margin-top: var(--space-4); color: var(--color-text-secondary); font-size: var(--font-size-sm); line-height: var(--line-height-body); }
.newsletter_guru__privacy i { margin-top: var(--space-1); }
.newsletter_guru__modal .modal-content { padding: clamp(24px,5vw,44px); border: var(--border-subtle); border-radius: var(--radius-lg); background: var(--background-surface); color: var(--color-text-primary); text-align: center; box-shadow: var(--shadow-lg); }
.newsletter_guru__modal h3 { margin-block: var(--space-5) var(--space-3); font-size: var(--font-size-2xl); color: var(--color-heading-light) !important; }
.newsletter_guru__modal p { margin-bottom: var(--space-6); color: var(--color-text-secondary); }
.newsletter_guru__modal-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-inline: auto; border-radius: var(--radius-pill); background: var(--background-info-soft); color: var(--color-info); font-size: var(--font-size-2xl); }
.newsletter_guru__modal-icon.success { color: var(--color-success); background: var(--background-success-soft); }
.newsletter_guru__modal-icon.warning { color: var(--color-warning); background: var(--background-warning-soft); }
.newsletter_guru__modal-icon.danger { color: var(--color-danger); background: var(--background-danger-soft); }
@media (max-width: 991.98px) {
    .vardaan-insights__hero-grid, .vardaan-newsletter-panel { grid-template-columns: 1fr; gap: var(--space-6); }
    .vardaan-insights__hero-note { border-left: 0; border-top: var(--border-subtle); padding: var(--space-5) 0 0; }
    .vardaan-article__layout { grid-template-columns: 1fr; gap: var(--space-6); }
    .vardaan-article__rail { position: static; display: flex; justify-content: space-between; gap: var(--space-5); flex-wrap: wrap; }
    .vardaan-article__rail-card { border: 0; }
}
@media (max-width: 575.98px) {
    .newsletter_guru__input-wrap { grid-template-columns: auto minmax(0,1fr); }
    .newsletter_guru__button { grid-column: 1 / -1; width: 100%; }
    .vardaan-insights__select-wrap { min-width: 0; flex: 1; }
    .vardaan-article__navigation { flex-wrap: wrap; }
    .vardaan_innerbanner__subtitle { border-left: 0; border-top: var(--border-inverted); padding-inline: 0; }
}

/* =========================================================
   VARDAAN CONTACT HERO 
   ========================================================= */

.vardaan-contact-hero {
    --contact-black: #111311;
    --contact-charcoal: #252925;
    --contact-text: #171a17;
    --contact-muted: #687068;
    --contact-soft: #949b94;
    --contact-ivory: #f5f5f0;
    --contact-white: #ffffff;
    --contact-border: rgba(17, 19, 17, 0.11);
    --contact-border-light: rgba(17, 19, 17, 0.07);

    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: min(760px, 82vh);
    display: flex;
    align-items: center;

    padding: clamp(90px, 10vw, 150px) 0 clamp(70px, 8vw, 110px);

    color: var(--contact-text);
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(255, 255, 255, 0.96) 48%,
            rgba(245, 245, 240, 1) 100%
        );
}

/* ---------------------------------------------------------
   Subtle editorial grid
   --------------------------------------------------------- */

.vardaan-contact-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;

    background-image:
        linear-gradient(
            to right,
            rgba(17, 19, 17, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            to bottom,
            rgba(17, 19, 17, 0.035) 1px,
            transparent 1px
        );

    background-size: 72px 72px;

    mask-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.75),
        transparent 92%
    );

    -webkit-mask-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.75),
        transparent 92%
    );
}

/* Soft atmospheric glow */

.vardaan-contact-hero::after {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    right: -260px;
    top: -260px;
    z-index: -1;

    border-radius: 50%;
    pointer-events: none;

    background: rgba(255, 255, 255, 0.75);
    filter: blur(4px);
}

/* ---------------------------------------------------------
   Inner container
   --------------------------------------------------------- */

.vardaan-contact-hero__inner {
    position: relative;
    z-index: 2;
}

/* ---------------------------------------------------------
   Eyebrow
   --------------------------------------------------------- */

.vardaan-contact-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: clamp(22px, 3vw, 30px);

    color: var(--contact-charcoal);

    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.vardaan-contact-eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;

    background: var(--contact-black);
}

.vardaan-contact-eyebrow i {
    font-size: 14px;
}

/* ---------------------------------------------------------
   Main heading
   --------------------------------------------------------- */

.vardaan-contact-hero h1 {
    max-width: 950px;
    margin: 0;

    color: var(--contact-black);

    font-family: 'Inter', sans-serif;
    font-size: clamp(52px, 7vw, 104px);
    font-weight: 800;
    line-height: 0.94;
    letter-spacing: -0.065em;
}

.vardaan-contact-hero h1 span {
    display: block;

    color: var(--contact-muted);
    font-weight: 500;
}

/* ---------------------------------------------------------
   Lead copy
   --------------------------------------------------------- */

.vardaan-contact-hero__lead {
    max-width: 690px;

    margin: clamp(28px, 4vw, 42px) 0 0;

    color: var(--contact-muted);

    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}

/* ---------------------------------------------------------
   CTA actions
   --------------------------------------------------------- */

.vardaan-contact-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;

    margin-top: clamp(30px, 4vw, 42px);
}

.vardaan-contact-hero__button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 54px;
    padding: 0 22px;

    border: 1px solid var(--contact-black);
    border-radius: 999px;

    color: var(--contact-white);
    background: var(--contact-black);

    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    text-decoration: none;

    transition:
        transform 260ms cubic-bezier(.22, 1, .36, 1),
        background-color 260ms ease,
        color 260ms ease,
        box-shadow 260ms ease;
}

.vardaan-contact-hero__button i {
    font-size: 14px;

    transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
}

.vardaan-contact-hero__button:hover {
    color: var(--contact-black);
    background: var(--contact-white);

    transform: translateY(-3px);

    box-shadow:
        0 14px 35px rgba(17, 19, 17, 0.10);
}

.vardaan-contact-hero__button:hover i {
    transform: translateX(3px);
}

/* Second button */

.vardaan-contact-hero__button + .vardaan-contact-hero__button {
    color: var(--contact-black);
    background: transparent;
}

.vardaan-contact-hero__button + .vardaan-contact-hero__button:hover {
    color: var(--contact-white);
    background: var(--contact-black);
}

/* ---------------------------------------------------------
   Right editorial panel
   --------------------------------------------------------- */

.vardaan-contact-hero__aside {
    position: relative;

    min-height: 330px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 34px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;

    color: #ffffff;
    background:
        linear-gradient(
            145deg,
            #eeeeee 0%,
            #171a17 58%,
            #0d0f0d 100%
        );

    box-shadow:
        0 30px 80px rgba(17, 19, 17, 0.16);
}

/* Large decorative number/mark */

.vardaan-contact-hero__aside::before {
    content: "01";

    position: absolute;
    top: -30px;
    right: 18px;

    color: rgba(255, 255, 255, 0.055);

    font-family: 'Inter', sans-serif;
    font-size: 180px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.08em;

    pointer-events: none;
}

/* Corner detail */

.vardaan-contact-hero__aside::after {
    content: "";

    position: absolute;
    top: 28px;
    left: 28px;

    width: 42px;
    height: 42px;

    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.25);

    pointer-events: none;
}

/* Aside label */

.vardaan-contact-hero__aside small {
    position: relative;
    z-index: 2;

    display: block;

    margin-bottom: 18px;

    color: rgba(255, 255, 255, 0.72);

    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* Aside heading */

.vardaan-contact-hero__aside h2 {
    position: relative;
    z-index: 2;

    max-width: 320px;

    margin: 0;

    color: #ffffff;

    font-family: 'Inter', sans-serif;
    font-size: clamp(27px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -0.045em;
}

/* Aside paragraph */

.vardaan-contact-hero__aside p {
    position: relative;
    z-index: 2;

    max-width: 360px;

    margin: 22px 0 0;

    color: rgba(255, 255, 255, 0.72);

    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

/* ---------------------------------------------------------
   Small bottom rule
   --------------------------------------------------------- */

.vardaan-contact-hero__aside h2::after {
    content: "";

    display: block;

    width: 42px;
    height: 1px;

    margin-top: 28px;

    background: rgba(255, 255, 255, 0.45);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1199.98px) {

    .vardaan-contact-hero h1 {
        font-size: clamp(50px, 7vw, 82px);
    }

    .vardaan-contact-hero__aside {
        min-height: 300px;
    }
}

@media (max-width: 991.98px) {

    .vardaan-contact-hero {
        min-height: auto;
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .vardaan-contact-hero__aside {
        min-height: 270px;
    }
}

@media (max-width: 767.98px) {

    .vardaan-contact-hero {
        padding-top: 82px;
        padding-bottom: 64px;
    }

    .vardaan-contact-hero::before {
        background-size: 48px 48px;
    }

    .vardaan-contact-hero h1 {
        font-size: clamp(44px, 13vw, 68px);
        line-height: 0.96;
        letter-spacing: -0.06em;
    }

    .vardaan-contact-hero__lead {
        margin-top: 24px;
        font-size: 15px;
        line-height: 1.7;
    }

    .vardaan-contact-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .vardaan-contact-hero__button {
        width: 100%;
    }

    .vardaan-contact-hero__aside {
        min-height: 270px;
        padding: 28px;
    }

    .vardaan-contact-hero__aside::before {
        font-size: 130px;
    }
}

@media (max-width: 575.98px) {

    .vardaan-contact-hero {
        padding-top: 70px;
        padding-bottom: 52px;
    }

    .vardaan-contact-eyebrow {
        margin-bottom: 20px;
        font-size: 11px;
    }

    .vardaan-contact-hero h1 {
        font-size: clamp(42px, 14vw, 60px);
    }

    .vardaan-contact-hero__lead {
        font-size: 14px;
    }

    .vardaan-contact-hero__aside {
        min-height: 250px;
        padding: 25px;
    }

    .vardaan-contact-hero__aside h2 {
        font-size: 30px;
    }

    .vardaan-contact-hero__aside p {
        font-size: 13px;
    }
}