{"id":485,"date":"2025-12-01T09:47:31","date_gmt":"2025-12-01T09:47:31","guid":{"rendered":"https:\/\/vayra.pk\/about-us\/"},"modified":"2026-04-27T09:01:45","modified_gmt":"2026-04-27T09:01:45","slug":"about-us","status":"publish","type":"page","link":"https:\/\/vayra.pk\/home\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"485\" class=\"elementor elementor-485\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc5kcbb e-flex e-con-boxed e-con e-parent\" data-id=\"dc5kcbb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cd1af8 elementor-widget elementor-widget-html\" data-id=\"4cd1af8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n  \u2551  VAYRA \u2014 SECTION: ABOUT \/ OUR STORY                 \u2551\n  \u2551  FULLY RESPONSIVE \u2014 Mobile, Tablet, Desktop         \u2551\n  \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n-->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --ink:#0C0B09; --deep:#141210; --surface:#1E1B16;\n  --gold:#C4A265; --champagne:#E8D5B0; --cream:#F5EEE3; --white:#FDFAF5;\n  --serif:'Playfair Display',Georgia,serif; --sans:'Jost',sans-serif;\n  --ease:cubic-bezier(0.4,0,0.2,1);\n}\n\n\/* \u2500\u2500 Reveal animation \u2500\u2500 *\/\n.vr { opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease), transform .9s var(--ease); }\n.vr.on { opacity:1; transform:translateY(0); }\n.vr.d1 { transition-delay:.12s; }\n.vr.d2 { transition-delay:.24s; }\n.vr.d3 { transition-delay:.36s; }\n.vr.d4 { transition-delay:.48s; }\n.vr.fade { opacity:0; transition:opacity 1.2s var(--ease); transform:none; }\n.vr.fade.on { opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION WRAPPER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.vayra-about {\n  background: var(--deep);\n  font-family: var(--sans);\n  box-sizing: border-box;\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* \u2500\u2500 Subtle grain texture overlay \u2500\u2500 *\/\n.vayra-about::before {\n  content:'';\n  position:absolute;\n  inset:0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n  pointer-events:none;\n  z-index:0;\n  opacity:.4;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PART 1 \u2014 HERO MANIFESTO\n   Full-width cinematic opener\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.va-hero {\n  position: relative;\n  padding: 120px 64px 100px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  z-index: 1;\n}\n\n\/* Gold vertical rule between columns *\/\n.va-hero::after {\n  content:'';\n  position:absolute;\n  top:15%;\n  bottom:15%;\n  left:50%;\n  width:1px;\n  background: linear-gradient(to bottom, transparent, var(--gold) 30%, var(--gold) 70%, transparent);\n  opacity:.25;\n}\n\n\/* \u2500\u2500 Left: Heading block \u2500\u2500 *\/\n.va-hero-left {}\n\n.va-label {\n  font-size: 9px;\n  letter-spacing: .42em;\n  text-transform: uppercase;\n  color: var(--gold);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 20px;\n}\n.va-label::before {\n  content:'';\n  width:28px;\n  height:1px;\n  background:var(--gold);\n  flex-shrink:0;\n}\n\n.va-hero-heading {\n  font-family: var(--serif);\n  font-size: clamp(42px, 5.5vw, 86px);\n  font-weight: 400;\n  line-height: .93;\n  color: var(--white);\n  margin-bottom: 0;\n}\n.va-hero-heading em {\n  font-style: italic;\n  color: var(--gold);\n  display: block;\n}\n\n\/* Large decorative number *\/\n.va-hero-number {\n  font-family: var(--serif);\n  font-size: clamp(100px, 16vw, 240px);\n  font-weight: 400;\n  font-style: italic;\n  color: transparent;\n  -webkit-text-stroke: 1px rgba(196,162,101,.15);\n  line-height: 1;\n  margin-top: -20px;\n  user-select: none;\n  pointer-events: none;\n}\n\n\/* \u2500\u2500 Right: Manifesto text \u2500\u2500 *\/\n.va-hero-right {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.va-manifesto {\n  font-family: var(--serif);\n  font-size: clamp(18px, 2.2vw, 28px);\n  font-weight: 400;\n  font-style: italic;\n  color: var(--champagne);\n  line-height: 1.55;\n  border-left: 1px solid rgba(196,162,101,.35);\n  padding-left: 28px;\n}\n\n.va-body {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.9;\n  color: rgba(232, 213, 176, 0.55);\n  letter-spacing: .015em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PART 2 \u2014 STATS STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.va-stats {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid rgba(196,162,101,.12);\n  border-bottom: 1px solid rgba(196,162,101,.12);\n}\n\n.va-stat {\n  padding: 52px 40px;\n  text-align: center;\n  position: relative;\n}\n.va-stat::after {\n  content:'';\n  position:absolute;\n  right:0; top:25%; bottom:25%;\n  width:1px;\n  background: rgba(196,162,101,.12);\n}\n.va-stat:last-child::after { display:none; }\n\n.va-stat-number {\n  font-family: var(--serif);\n  font-size: clamp(36px, 4.5vw, 64px);\n  font-weight: 400;\n  color: var(--gold);\n  line-height: 1;\n  margin-bottom: 10px;\n  display: block;\n}\n.va-stat-number sup {\n  font-size: .45em;\n  vertical-align: super;\n  opacity: .7;\n}\n.va-stat-label {\n  font-size: 9px;\n  letter-spacing: .32em;\n  text-transform: uppercase;\n  color: rgba(232, 213, 176, 0.4);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PART 3 \u2014 THE STORY \/ IMAGE SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.va-story {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  min-height: 600px;\n}\n\n\/* \u2500\u2500 Image side \u2500\u2500 *\/\n.va-story-visual {\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(ellipse at 40% 50%, rgba(196,162,101,.15) 0%, transparent 60%),\n    linear-gradient(135deg, #1e160c 0%, #0e0b08 100%);\n}\n.va-story-visual img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: .7;\n  transition: opacity .6s var(--ease), transform 8s ease;\n  display: block;\n}\n.va-story-visual:hover img {\n  opacity: .85;\n  transform: scale(1.04);\n}\n\/* Overlay gradient on image *\/\n.va-story-visual::after {\n  content:'';\n  position:absolute;\n  inset:0;\n  background: linear-gradient(to right, transparent 60%, var(--deep) 100%);\n  pointer-events:none;\n}\n\n\/* Vertical text watermark on image *\/\n.va-story-watermark {\n  position: absolute;\n  left: 24px;\n  bottom: 48px;\n  font-family: var(--serif);\n  font-size: 10px;\n  letter-spacing: .5em;\n  text-transform: uppercase;\n  color: rgba(196,162,101,.4);\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  z-index: 2;\n  user-select: none;\n}\n\n\/* \u2500\u2500 Text side \u2500\u2500 *\/\n.va-story-text {\n  padding: 80px 64px 80px 72px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 28px;\n}\n\n.va-story-heading {\n  font-family: var(--serif);\n  font-size: clamp(28px, 3.5vw, 52px);\n  font-weight: 400;\n  color: var(--white);\n  line-height: 1.1;\n}\n.va-story-heading em { font-style:italic; color:var(--gold); }\n\n.va-story-body {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.95;\n  color: rgba(232, 213, 176, 0.5);\n}\n\n.va-story-body p + p {\n  margin-top: 16px;\n}\n\n\/* \u2500\u2500 Scent notes pill list \u2500\u2500 *\/\n.va-notes {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 4px;\n}\n.va-note {\n  font-size: 9px;\n  letter-spacing: .3em;\n  text-transform: uppercase;\n  color: var(--gold);\n  border: 1px solid rgba(196,162,101,.3);\n  padding: 7px 16px;\n  background: rgba(196,162,101,.04);\n  transition: background .3s, border-color .3s;\n}\n.va-note:hover {\n  background: rgba(196,162,101,.1);\n  border-color: rgba(196,162,101,.6);\n}\n\n\/* \u2500\u2500 CTA button \u2500\u2500 *\/\n.va-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  margin-top: 8px;\n  font-size: 10px;\n  letter-spacing: .35em;\n  text-transform: uppercase;\n  color: var(--gold);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(196,162,101,.3);\n  padding-bottom: 10px;\n  width: fit-content;\n  transition: border-color .3s, gap .3s;\n}\n.va-cta:hover {\n  border-color: var(--gold);\n  gap: 20px;\n}\n.va-cta-arrow {\n  font-size: 14px;\n  transition: transform .3s;\n}\n.va-cta:hover .va-cta-arrow { transform: translateX(4px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PART 4 \u2014 VALUES GRID\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.va-values {\n  position: relative;\n  z-index: 1;\n  padding: 100px 64px;\n  border-top: 1px solid rgba(196,162,101,.1);\n}\n\n.va-values-header {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: end;\n  margin-bottom: 64px;\n}\n\n.va-values-heading {\n  font-family: var(--serif);\n  font-size: clamp(32px, 4vw, 60px);\n  font-weight: 400;\n  color: var(--white);\n  line-height: 1.0;\n}\n.va-values-heading em { font-style:italic; color:var(--gold); }\n\n.va-values-intro {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.85;\n  color: rgba(232,213,176,.45);\n}\n\n.va-values-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 3px;\n}\n\n.va-value-card {\n  background: var(--surface);\n  padding: 48px 36px;\n  position: relative;\n  overflow: hidden;\n  transition: background .4s;\n}\n.va-value-card:hover {\n  background: #252118;\n}\n\/* Hover glow *\/\n.va-value-card::before {\n  content:'';\n  position:absolute;\n  inset:0;\n  background: radial-gradient(ellipse at 50% 0%, rgba(196,162,101,.08) 0%, transparent 70%);\n  opacity:0;\n  transition: opacity .4s;\n}\n.va-value-card:hover::before { opacity:1; }\n\n.va-value-icon {\n  font-size: 22px;\n  margin-bottom: 24px;\n  display: block;\n  color: var(--gold);\n  opacity: .7;\n}\n.va-value-title {\n  font-family: var(--serif);\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--white);\n  margin-bottom: 14px;\n  line-height: 1.2;\n}\n.va-value-title em { font-style:italic; color:var(--gold); }\n.va-value-desc {\n  font-size: 13px;\n  font-weight: 300;\n  line-height: 1.85;\n  color: rgba(232,213,176,.45);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PART 5 \u2014 PAKISTAN PRIDE BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.va-pride {\n  position: relative;\n  z-index: 1;\n  padding: 80px 64px;\n  background:\n    radial-gradient(ellipse at 30% 50%, rgba(196,162,101,.06) 0%, transparent 55%),\n    radial-gradient(ellipse at 70% 50%, rgba(196,162,101,.04) 0%, transparent 55%),\n    linear-gradient(135deg, #181510 0%, #0e0b08 100%);\n  border-top: 1px solid rgba(196,162,101,.12);\n  display: flex;\n  align-items: center;\n  gap: 80px;\n}\n\n.va-pride-flag {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background:\n    linear-gradient(to right, #fff 40%, #01411C 40%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  box-shadow: 0 0 0 1px rgba(196,162,101,.2), 0 0 40px rgba(196,162,101,.08);\n  overflow: hidden;\n}\n\n.va-pride-text {\n  flex: 1;\n}\n.va-pride-quote {\n  font-family: var(--serif);\n  font-size: clamp(20px, 2.8vw, 38px);\n  font-style: italic;\n  font-weight: 400;\n  color: var(--champagne);\n  line-height: 1.4;\n  margin-bottom: 16px;\n}\n.va-pride-sub {\n  font-size: 10px;\n  letter-spacing: .4em;\n  text-transform: uppercase;\n  color: rgba(196,162,101,.5);\n}\n\n.va-pride-badge {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  border: 1px solid rgba(196,162,101,.2);\n  padding: 24px 32px;\n  text-align: center;\n}\n.va-pride-badge-num {\n  font-family: var(--serif);\n  font-size: 36px;\n  color: var(--gold);\n  line-height: 1;\n}\n.va-pride-badge-txt {\n  font-size: 8px;\n  letter-spacing: .3em;\n  text-transform: uppercase;\n  color: rgba(232,213,176,.4);\n  line-height: 1.5;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TABLET  (600px \u2013 1023px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1023px) {\n  .va-hero {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    padding: 80px 32px;\n  }\n  .va-hero::after { display:none; }\n  .va-hero-number {\n    font-size: clamp(80px, 18vw, 160px);\n    margin-top: -10px;\n  }\n  .va-stats {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .va-story {\n    grid-template-columns: 1fr;\n  }\n  .va-story-visual {\n    height: 400px;\n  }\n  .va-story-visual::after {\n    background: linear-gradient(to bottom, transparent 60%, var(--deep) 100%);\n  }\n  .va-story-text {\n    padding: 60px 32px;\n  }\n  .va-values {\n    padding: 80px 32px;\n  }\n  .va-values-header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  .va-values-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n  .va-pride {\n    flex-direction: column;\n    gap: 40px;\n    padding: 60px 32px;\n    text-align: center;\n  }\n  .va-pride-flag { display:none; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE  (\u2264 599px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 599px) {\n  .va-hero {\n    padding: 60px 16px;\n    gap: 32px;\n  }\n  .va-stats {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .va-stat {\n    padding: 36px 20px;\n  }\n  .va-stat::after {\n    top: 20%; bottom: 20%;\n  }\n  \/* Remove right-divider on even stats (2nd column) on mobile *\/\n  .va-stat:nth-child(2)::after,\n  .va-stat:nth-child(4)::after { display:none; }\n  .va-story-visual { height: 300px; }\n  .va-story-text { padding: 48px 16px; }\n  .va-values { padding: 60px 16px; }\n  .va-values-grid { grid-template-columns: 1fr; }\n  .va-pride { padding: 48px 16px; }\n  .va-manifesto { font-size: clamp(16px, 4.5vw, 22px); }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ABOUT SECTION HTML\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"vayra-about\">\n\n  <!-- \u2500\u2500 PART 1: Hero Manifesto \u2500\u2500 -->\n  <div class=\"va-hero\">\n    <div class=\"va-hero-left\">\n      <div class=\"va-label vr\">Our Story<\/div>\n      <h2 class=\"va-hero-heading vr d1\">\n        Scent is not<br>\n        <em>a luxury.<\/em>\n      <\/h2>\n      <div class=\"va-hero-number vr d2 fade\">01<\/div>\n    <\/div>\n\n    <div class=\"va-hero-right\">\n      <p class=\"va-manifesto vr d1\">\n        \"We built VAYRA because we believed every person in Pakistan \n        deserves to smell extraordinary \u2014 without paying an extraordinary price.\"\n      <\/p>\n      <p class=\"va-body vr d2\">\n        There was a time when wearing a great fragrance in Pakistan meant either \n        settling for a cheap imitation or spending a month's salary on an imported bottle. \n        We refused that choice. VAYRA was born from that refusal \u2014 a quiet act of \n        rebellion dressed in amber and oud.\n      <\/p>\n      <p class=\"va-body vr d3\">\n        We are not a brand that simply sells bottles. We craft experiences \u2014 \n        moments that linger in a room long after you've left, memories that attach \n        themselves to a scent, confidence that walks in before you do.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 PART 2: Stats \u2500\u2500 -->\n  <div class=\"va-stats\">\n    <div class=\"va-stat vr\">\n      <span class=\"va-stat-number\">50<sup>K+<\/sup><\/span>\n      <div class=\"va-stat-label\">Fragrance Lovers<\/div>\n    <\/div>\n    <div class=\"va-stat vr d1\">\n      <span class=\"va-stat-number\">20<sup>+<\/sup><\/span>\n      <div class=\"va-stat-label\">Unique Scents<\/div>\n    <\/div>\n    <div class=\"va-stat vr d2\">\n      <span class=\"va-stat-number\">100<sup>%<\/sup><\/span>\n      <div class=\"va-stat-label\">Premium Ingredients<\/div>\n    <\/div>\n    <div class=\"va-stat vr d3\">\n      <span class=\"va-stat-number\">\u221e<\/span>\n      <div class=\"va-stat-label\">Moments Created<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 PART 3: Story \/ Image Split \u2500\u2500 -->\n  <div class=\"va-story\">\n    <div class=\"va-story-visual vr fade\">\n      <img decoding=\"async\"\n        src=\"https:\/\/vayra.pk\/wp-content\/uploads\/2026\/04\/RICHOUD-BY-VAYRAPK-Best-fragrance-in-pakistan.jpg\"\n        alt=\"VAYRA Fragrance \u2014 Rich Oud\"\n        loading=\"lazy\">\n      <span class=\"va-story-watermark\">Made in Pakistan \u00b7 Est. VAYRA<\/span>\n    <\/div>\n\n    <div class=\"va-story-text\">\n      <div class=\"va-label vr\">The Craft<\/div>\n      <h3 class=\"va-story-heading vr d1\">\n        Every note has a<br>\n        <em>reason to exist.<\/em>\n      <\/h3>\n      <div class=\"va-story-body vr d2\">\n        <p>\n          Our perfumers don't follow trends. They study emotion. Each VAYRA \n          fragrance begins not with a formula, but with a feeling \u2014 the heaviness \n          of old wood in a Lahore courtyard, the crisp bite of mountain air, \n          the warmth of a leather bag on a summer afternoon.\n        <\/p>\n        <p>\n          We source only premium ingredients and blend them with the kind of \n          patience that mass production never allows. The result is scent that \n          doesn't just smell good \u2014 it feels like it was made for you.\n        <\/p>\n      <\/div>\n\n      <div class=\"va-notes vr d3\">\n        <span class=\"va-note\">Oud<\/span>\n        <span class=\"va-note\">Amber<\/span>\n        <span class=\"va-note\">Saffron<\/span>\n        <span class=\"va-note\">Musk<\/span>\n        <span class=\"va-note\">Rose<\/span>\n        <span class=\"va-note\">Vetiver<\/span>\n        <span class=\"va-note\">Sandalwood<\/span>\n      <\/div>\n\n      <a href=\"https:\/\/vayra.pk\/home\/shop-2\/\" class=\"va-cta vr d4\">\n        Explore Our Collection\n        <span class=\"va-cta-arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 PART 4: Values \u2500\u2500 -->\n  <div class=\"va-values\">\n    <div class=\"va-values-header\">\n      <h3 class=\"va-values-heading vr\">\n        What we<br>stand <em>for.<\/em>\n      <\/h3>\n      <p class=\"va-values-intro vr d1\">\n        Three principles guide every decision we make \u2014 from how we source \n        our ingredients to how we package your order. They're not marketing \n        language. They're the reason VAYRA exists.\n      <\/p>\n    <\/div>\n\n    <div class=\"va-values-grid\">\n      <div class=\"va-value-card vr\">\n        <span class=\"va-value-icon\">\u25c8<\/span>\n        <h4 class=\"va-value-title\">Honest <em>Luxury<\/em><\/h4>\n        <p class=\"va-value-desc\">\n          Luxury should never be gatekept. We believe the finest ingredients, \n          the most beautiful bottles, and the most memorable scents should \n          belong to everyone \u2014 not just the few who can afford imported prices.\n          VAYRA makes that real.\n        <\/p>\n      <\/div>\n\n      <div class=\"va-value-card vr d1\">\n        <span class=\"va-value-icon\">\u25ce<\/span>\n        <h4 class=\"va-value-title\">Made in <em>Pakistan<\/em><\/h4>\n        <p class=\"va-value-desc\">\n          We are proudly Pakistani \u2014 not as a disclaimer, but as a declaration. \n          Every VAYRA fragrance is crafted here, by people who understand the \n          soil, the seasons, and the soul of this country. That depth cannot \n          be imported.\n        <\/p>\n      <\/div>\n\n      <div class=\"va-value-card vr d2\">\n        <span class=\"va-value-icon\">\u25c9<\/span>\n        <h4 class=\"va-value-title\">No <em>Compromises<\/em><\/h4>\n        <p class=\"va-value-desc\">\n          Affordable never means average at VAYRA. We absorb the hard work \n          so you don't feel it \u2014 tighter margins, better sourcing, smarter \n          operations. What reaches you is simply the best version of what \n          we know how to make.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 PART 5: Pakistan Pride Banner \u2500\u2500 -->\n  <div class=\"va-pride\">\n    <div class=\"va-pride-flag\" aria-hidden=\"true\">\ud83c\uddf5\ud83c\uddf0<\/div>\n\n    <div class=\"va-pride-text vr\">\n      <p class=\"va-pride-quote\">\n        \"Pakistan has always had the finest culture of scent. \n        We're just giving it the stage it deserves.\"\n      <\/p>\n      <div class=\"va-pride-sub\">\u2014 VAYRA, Made with love in Pakistan<\/div>\n    <\/div>\n\n    <div class=\"va-pride-badge vr d2\">\n      <span class=\"va-pride-badge-num\">PKR<\/span>\n      <span class=\"va-pride-badge-txt\">Priced for<br>Pakistan<\/span>\n    <\/div>\n\n    <div class=\"va-pride-badge vr d3\">\n      <span class=\"va-pride-badge-num\">\ud83c\uddf5\ud83c\uddf0<\/span>\n      <span class=\"va-pride-badge-txt\">Crafted<br>Here<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  document.querySelectorAll('.vr').forEach(function(el){\n    new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting) e.target.classList.add('on');\n      });\n    }, { threshold: 0.08 }).observe(el);\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Story Scent is not a luxury. 01 &#8220;We built VAYRA because we believed every person in Pakistan deserves to [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-485","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"","author_link":"https:\/\/vayra.pk\/home\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Our Story Scent is not a luxury. 01 &#8220;We built VAYRA because we believed every person in Pakistan deserves to [&hellip;]","_links":{"self":[{"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/pages\/485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":17,"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/pages\/485\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/pages\/485\/revisions\/916"}],"wp:attachment":[{"href":"https:\/\/vayra.pk\/home\/wp-json\/wp\/v2\/media?parent=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}