{"id":3216,"date":"2026-03-10T06:31:23","date_gmt":"2026-03-10T06:31:23","guid":{"rendered":"https:\/\/botanixresidences.com\/?page_id=3216"},"modified":"2026-08-29T07:23:26","modified_gmt":"2026-08-29T07:23:26","slug":"new-page","status":"publish","type":"page","link":"https:\/\/botanixresidences.com\/","title":{"rendered":"New Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBotanix Residences \u2014 Header + Hero<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<style>\r\n :root{\r\n --ink:#0d2f3a;\r\n --paper:#f4f1ea;\r\n --gold:#C9A66B;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n body{font-family:'Proxima Nova','Manrope',sans-serif;overflow-x:hidden;}\r\n a{color:inherit;text-decoration:none !important;}\r\n img{display:block;max-width:100%;}\r\n\r\n \/* ================= GLOBAL HEADER ================= *\/\r\n #site-header{\r\n position:fixed;\r\n top:0;left:0;right:0;\r\n z-index:50;\r\n width:100%;\r\n transition:background .35s ease;\r\n }\r\n\r\n #site-header::before{\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.18) 60%, rgba(0,0,0,0) 100%);\r\n pointer-events:none;\r\n z-index:0;\r\n transition:opacity .35s ease;\r\n }\r\n\r\n #site-header.scrolled::before{\r\n background:rgba(13,47,58,.92);\r\n backdrop-filter:blur(8px);\r\n }\r\n\r\n .header-inner{\r\n position:relative;\r\n z-index:1;\r\n max-width:1280px;\r\n margin:0 auto;\r\n padding:30px 32px 18px;\r\n }\r\n\r\n .header-row-full{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:24px;\r\n }\r\n\r\n .header-left{\r\n flex:1;\r\n display:flex;\r\n align-items:center;\r\n gap:30px;\r\n }\r\n .header-left a{\r\n font-family:'Manrope',sans-serif;\r\n font-size:13px;\r\n font-weight:500;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n color:var(--paper);\r\n text-shadow:0 2px 10px rgba(0,0,0,.3);\r\n text-decoration:none !important;\r\n border-bottom:none !important;\r\n }\r\n\r\n .header-center{\r\n display:flex;\r\n justify-content:center;\r\n }\r\n .header-center img{ height:44px; width:auto; display:block; }\r\n\r\n .header-right{\r\n flex:1;\r\n display:flex;\r\n align-items:center;\r\n justify-content:flex-end;\r\n gap:30px;\r\n }\r\n .header-right a{\r\n font-family:'Manrope',sans-serif;\r\n font-size:13px;\r\n font-weight:500;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n color:var(--paper);\r\n text-shadow:0 2px 10px rgba(0,0,0,.3);\r\n text-decoration:none !important;\r\n border-bottom:none !important;\r\n }\r\n .header-right .btn-quote{\r\n border:1px solid var(--paper);\r\n background:var(--paper);\r\n color:var(--ink);\r\n padding:10px 22px;\r\n border-radius:2px;\r\n text-shadow:none;\r\n transition:background .3s ease, color .3s ease, border-color .3s ease;\r\n }\r\n .header-right .btn-quote:hover{\r\n background:transparent;\r\n color:var(--paper);\r\n border-color:var(--paper);\r\n }\r\n\r\n .header-row-compact{\r\n display:none;\r\n align-items:center;\r\n justify-content:space-between;\r\n width:100%;\r\n }\r\n .hamburger-btn{\r\n background:none;border:none;cursor:pointer;\r\n width:34px;height:34px;\r\n display:flex;flex-direction:column;justify-content:center;gap:5px;\r\n padding:0;\r\n }\r\n .hamburger-btn span{\r\n display:block;width:100%;height:2px;\r\n background:var(--paper);\r\n transition:all .3s ease;\r\n }\r\n .hamburger-btn.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }\r\n .hamburger-btn.open span:nth-child(2){ opacity:0; }\r\n .hamburger-btn.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }\r\n\r\n .compact-logo img{ height:30px; width:auto; display:block; }\r\n\r\n .header-compact-spacer{ width:34px; }\r\n\r\n #site-header.scrolled .header-row-full{ display:none; }\r\n #site-header.scrolled .header-row-compact{ display:flex; }\r\n\r\n .mobile-nav-panel{\r\n display:flex;\r\n flex-direction:column;\r\n width:100%;\r\n max-width:1280px;\r\n margin:18px auto 0;\r\n background:rgba(13,47,58,.92);\r\n backdrop-filter:blur(6px);\r\n border-radius:8px;\r\n overflow:hidden;\r\n max-height:0;\r\n transition:max-height .35s ease;\r\n }\r\n .mobile-nav-panel.open{ max-height:320px; }\r\n .mobile-nav-panel a{\r\n padding:16px 22px;\r\n font-family:'Manrope',sans-serif;\r\n font-size:14px;\r\n font-weight:500;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n color:var(--paper);\r\n }\r\n\r\n @media(max-width:820px){\r\n .header-inner{ padding:26px 20px 16px; }\r\n .header-row-full{ display:none !important; }\r\n .header-row-compact{ display:flex !important; }\r\n #site-header::before{ background:rgba(13,47,58,.85); }\r\n }\r\n\r\n \/* ================= VIDEO INTRO SECTION ================= *\/\r\n #video-intro{\r\n position:relative;\r\n width:100vw;\r\n height:100vh;\r\n min-height:560px;\r\n overflow:hidden;\r\n background:var(--ink);\r\n }\r\n #video-intro video{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n }\r\n #video-intro::after{\r\n content:'';\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 46%, rgba(0,0,0,.45) 72%, rgba(0,0,0,.75) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n #video-intro.fade-out{\r\n opacity:0;\r\n transition:opacity .8s ease;\r\n pointer-events:none;\r\n }\r\n\r\n \/* ================= MUSIC TOGGLE (persists across video + slideshow) ================= *\/\r\n .music-toggle{\r\n all:unset;\r\n position:fixed !important;\r\n right:28px !important;\r\n bottom:32px !important;\r\n z-index:9999 !important;\r\n width:44px !important;height:44px !important;\r\n box-sizing:border-box !important;\r\n border-radius:50% !important;\r\n border:1px solid #ffffff !important;\r\n background:rgba(13,47,58,.55) !important;\r\n backdrop-filter:blur(4px);\r\n color:#ffffff !important;\r\n display:flex !important;\r\n align-items:center !important;\r\n justify-content:center !important;\r\n cursor:pointer !important;\r\n transition:background .3s ease, border-color .3s ease, opacity .3s ease, visibility .3s ease;\r\n }\r\n .music-toggle.hide-toggle{\r\n opacity:0 !important;\r\n visibility:hidden !important;\r\n pointer-events:none !important;\r\n }\r\n .music-toggle:hover{\r\n border-color:var(--gold) !important;\r\n }\r\n .music-toggle svg{ width:20px !important; height:20px !important; display:block !important; stroke:#ffffff !important; fill:none !important; }\r\n .music-toggle .icon-off{ display:none !important; }\r\n .music-toggle.muted .icon-on{ display:none !important; }\r\n .music-toggle.muted .icon-off{ display:flex !important; }\r\n\r\n @media(max-width:640px){\r\n .music-toggle{ right:18px !important; bottom:20px !important; width:38px !important; height:38px !important; }\r\n }\r\n\r\n \/* ================= FULL-SCREEN HERO SLIDESHOW ================= *\/\r\n #hero{\r\n position:relative;\r\n width:100vw;\r\n height:100vh;\r\n min-height:560px;\r\n overflow:hidden;\r\n background:var(--ink);\r\n display:none;\r\n }\r\n #hero.visible{\r\n display:block;\r\n }\r\n\r\n .slide{\r\n position:absolute;inset:0;\r\n opacity:0;\r\n transition:opacity 1.4s ease;\r\n }\r\n .slide.active{opacity:1;}\r\n .slide img{\r\n width:100%;height:100%;object-fit:cover;\r\n filter:saturate(0.96);\r\n }\r\n .slide::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 46%, rgba(0,0,0,.45) 72%, rgba(0,0,0,.75) 100%);\r\n }\r\n\r\n .hero-copy{\r\n position:absolute;\r\n left:0;right:0;\r\n bottom:9%;\r\n z-index:5;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n text-align:center;\r\n padding:0 6vw;\r\n }\r\n\r\n h1.headline{\r\n font-family:'Lora',serif;\r\n font-weight:300;\r\n font-style:normal;\r\n font-size:clamp(24px, 3.6vw, 48px);\r\n line-height:1.15;\r\n color:var(--paper);\r\n letter-spacing:0;\r\n white-space:nowrap;\r\n opacity:0;\r\n transform:translateY(24px);\r\n text-shadow:0 2px 18px rgba(0,0,0,.35);\r\n }\r\n\r\n .hero-desc{\r\n margin-top:8px;\r\n max-width:640px;\r\n font-family:'Proxima Nova','Manrope',sans-serif;\r\n font-size:clamp(13px, 1vw, 16px);\r\n line-height:1.6;\r\n color:rgba(244,241,234,.9);\r\n font-weight:400;\r\n letter-spacing:0;\r\n opacity:0;\r\n transform:translateY(18px);\r\n text-shadow:0 2px 14px rgba(0,0,0,.3);\r\n }\r\n\r\n @media(max-width:640px){\r\n h1.headline{ white-space:normal; font-size:clamp(24px,7vw,34px); }\r\n .hero-copy{ bottom:14%; }\r\n }\r\n\r\n .slide-dots{\r\n position:absolute;\r\n left:50%;\r\n bottom:32px;\r\n transform:translateX(-50%);\r\n z-index:6;\r\n display:flex;gap:9px;\r\n }\r\n .slide-dots .dot-btn{\r\n width:6px;height:6px;border-radius:50%;\r\n background:rgba(244,241,234,.4);\r\n cursor:pointer;\r\n transition:all .3s ease;\r\n }\r\n .slide-dots .dot-btn.active{\r\n background:var(--gold);\r\n width:22px;border-radius:3px;\r\n }\r\n @media(max-width:640px){\r\n .slide-dots{ bottom:20px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============ GLOBAL HEADER ============ -->\r\n<header id=\"site-header\">\r\n <div class=\"header-inner\">\r\n\r\n <div class=\"header-row-full\">\r\n <div class=\"header-left\">\r\n <a href=\"#our-story\">Our Story<\/a>\r\n <a href=\"#our-team\">Our Team<\/a>\r\n <\/div>\r\n <div class=\"header-center\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp\" alt=\"Botanix Residences\">\r\n <\/div>\r\n <div class=\"header-right\">\r\n <a href=\"#our-projects\">Our Projects<\/a>\r\n <a href=\"#get-quote\" class=\"btn-quote\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"header-row-compact\">\r\n <button class=\"hamburger-btn\" id=\"hamburgerBtn\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <div class=\"compact-logo\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp\" alt=\"Botanix Residences\"><\/div>\r\n <div class=\"header-compact-spacer\"><\/div>\r\n <\/div>\r\n\r\n <nav class=\"mobile-nav-panel\" id=\"mobileNavPanel\">\r\n <a href=\"#our-story\">Our Story<\/a>\r\n <a href=\"#our-team\">Our Team<\/a>\r\n <a href=\"#our-projects\">Our Projects<\/a>\r\n <a href=\"#get-quote\">Get Quote<\/a>\r\n <\/nav>\r\n\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- ============ VIDEO INTRO ============ -->\r\n<section id=\"video-intro\">\r\n <video id=\"introVideo\" autoplay muted playsinline>\r\n <source src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/0822.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"hero-copy\">\r\n <h1 class=\"headline\">Rooted in landscape. Elevated by design.<\/h1>\r\n <p class=\"hero-desc\">Botanix Residences designs signature estates across acres of open green space.<\/p>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ============ HERO SLIDESHOW ============ -->\r\n<section id=\"hero\">\r\n\r\n <div class=\"slide active\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/a68cc541-0737-4e86-9afa-5ed65b0f425f.png\" alt=\"Botanix Residences view 1\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/a96eb733-e8a9-4922-9a6c-576904bf1c17.png\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/755ef269-6074-411f-b831-68139cb35d67.png\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/6cc531de-60fd-4337-95df-dc4de857128c.png\" alt=\"Botanix Residences view 4\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/51be7fd6-2c88-4275-91a2-325b77c44781.png\" alt=\"Botanix Residences view 5\"><\/div>\r\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/0e70fee8-dbfc-49c1-8796-9c3f72657e2f.png\" alt=\"Botanix Residences view 6\"><\/div>\r\n\r\n <div class=\"hero-copy\">\r\n <h1 class=\"headline\">Rooted in landscape. Elevated by design.<\/h1>\r\n <p class=\"hero-desc\">Botanix Residences designs signature estates across acres of open green space.<\/p>\r\n <\/div>\r\n\r\n <div class=\"slide-dots\">\r\n <span class=\"dot-btn active\" data-index=\"0\"><\/span>\r\n <span class=\"dot-btn\" data-index=\"1\"><\/span>\r\n <span class=\"dot-btn\" data-index=\"2\"><\/span>\r\n <span class=\"dot-btn\" data-index=\"3\"><\/span>\r\n <span class=\"dot-btn\" data-index=\"4\"><\/span>\r\n <span class=\"dot-btn\" data-index=\"5\"><\/span>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<audio id=\"bgMusic\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/atlasaudio-calm-nature-510279.mp3\" loop preload=\"auto\"><\/audio>\r\n\r\n<div class=\"music-toggle\" id=\"musicToggle\" role=\"button\" tabindex=\"0\" aria-label=\"Mute music\">\r\n <svg class=\"icon-on\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\r\n <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\r\n <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"><\/path>\r\n <\/svg>\r\n <svg class=\"icon-off\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\r\n <line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"><\/line>\r\n <line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"><\/line>\r\n <\/svg>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const videoSection = document.getElementById('video-intro');\r\n const video = document.getElementById('introVideo');\r\n const hero = document.getElementById('hero');\r\n const bgMusic = document.getElementById('bgMusic');\r\n const musicToggle = document.getElementById('musicToggle');\r\n let handedOff = false;\r\n let userMuted = false;\r\n\r\n function setToggleState(isPlaying){\r\n musicToggle.classList.toggle('muted', !isPlaying);\r\n musicToggle.setAttribute('aria-label', isPlaying ? 'Mute music' : 'Unmute music');\r\n }\r\n\r\n \/\/ try to autoplay music; most browsers block audio-with-sound autoplay,\r\n \/\/ so fall back to starting it on the first user interaction anywhere on the page\r\n function tryPlayMusic(){\r\n const p = bgMusic.play();\r\n if(p !== undefined){\r\n p.then(()=>{\r\n setToggleState(true);\r\n }).catch(()=>{\r\n setToggleState(false);\r\n const startOnInteract = () => {\r\n bgMusic.play().then(()=>setToggleState(true)).catch(()=>{});\r\n document.removeEventListener('click', startOnInteract);\r\n document.removeEventListener('scroll', startOnInteract);\r\n document.removeEventListener('touchstart', startOnInteract);\r\n };\r\n document.addEventListener('click', startOnInteract, { once:true });\r\n document.addEventListener('scroll', startOnInteract, { once:true });\r\n document.addEventListener('touchstart', startOnInteract, { once:true });\r\n });\r\n }\r\n }\r\n tryPlayMusic();\r\n\r\n \/\/ manual mute\/unmute toggle button \u2014 works during video AND slideshow\r\n function toggleMusic(){\r\n if(bgMusic.paused){\r\n bgMusic.play().then(()=>setToggleState(true)).catch(()=>{});\r\n userMuted = false;\r\n } else {\r\n bgMusic.pause();\r\n setToggleState(false);\r\n userMuted = true;\r\n }\r\n }\r\n musicToggle.addEventListener('click', toggleMusic);\r\n musicToggle.addEventListener('keydown', function(e){\r\n if(e.key === 'Enter' || e.key === ' '){\r\n e.preventDefault();\r\n toggleMusic();\r\n }\r\n });\r\n\r\n function startHero(){\r\n if(handedOff) return;\r\n handedOff = true;\r\n\r\n videoSection.classList.add('fade-out');\r\n\r\n setTimeout(()=>{\r\n videoSection.style.display = 'none';\r\n hero.classList.add('visible');\r\n initHeroAnimations();\r\n initSlideshow();\r\n }, 800);\r\n \/\/ bgMusic keeps playing uninterrupted through the slideshow\r\n }\r\n\r\n video.addEventListener('ended', startHero);\r\n\r\n window.__botanixMusic = {\r\n audio: bgMusic,\r\n isUserMuted: () => userMuted,\r\n setToggleState: setToggleState\r\n };\r\n})();\r\n\r\nfunction initHeroAnimations(){\r\n gsap.to('#hero .headline',{opacity:1,y:0,duration:1.1,delay:.2,ease:'power3.out'});\r\n gsap.to('#hero .hero-desc',{opacity:1,y:0,duration:1,delay:.5,ease:'power3.out'});\r\n}\r\n\r\nfunction initVideoIntroAnimations(){\r\n gsap.to('#video-intro .headline',{opacity:1,y:0,duration:1.1,delay:.4,ease:'power3.out'});\r\n gsap.to('#video-intro .hero-desc',{opacity:1,y:0,duration:1,delay:.7,ease:'power3.out'});\r\n}\r\ninitVideoIntroAnimations();\r\n\r\nfunction initSlideshow(){\r\n const slides = document.querySelectorAll('#hero .slide');\r\n const dots = document.querySelectorAll('#hero .dot-btn');\r\n let current = 0;\r\n const total = slides.length;\r\n\r\n function goTo(index){\r\n slides[current].classList.remove('active');\r\n dots[current].classList.remove('active');\r\n current = index;\r\n slides[current].classList.add('active');\r\n dots[current].classList.add('active');\r\n }\r\n\r\n let timer = setInterval(()=>{ goTo((current+1) % total); }, 3800);\r\n\r\n dots.forEach((d,i)=>{\r\n d.addEventListener('click', ()=>{\r\n clearInterval(timer);\r\n goTo(i);\r\n timer = setInterval(()=>{ goTo((current+1) % total); }, 3800);\r\n });\r\n });\r\n}\r\n\r\n(function(){\r\n const btn = document.getElementById('hamburgerBtn');\r\n const panel = document.getElementById('mobileNavPanel');\r\n\r\n btn.addEventListener('click', function(){\r\n const isOpen = panel.classList.toggle('open');\r\n btn.classList.toggle('open', isOpen);\r\n btn.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n panel.querySelectorAll('a').forEach(link=>{\r\n link.addEventListener('click', ()=>{\r\n panel.classList.remove('open');\r\n btn.classList.remove('open');\r\n btn.setAttribute('aria-expanded','false');\r\n });\r\n });\r\n})();\r\n\r\n(function(){\r\n const header = document.getElementById('site-header');\r\n\r\n function checkScroll(){\r\n const threshold = window.innerHeight * 0.85;\r\n if(window.scrollY > threshold){\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', checkScroll);\r\n checkScroll();\r\n})();\r\n\r\n\/\/ music: auto-play while within the hero\/video section, auto-pause once scrolled past it;\r\n\/\/ toggle button also hides once scrolled past the hero\r\n(function(){\r\n const m = window.__botanixMusic;\r\n const musicToggle = document.getElementById('musicToggle');\r\n if(!m || !m.audio) return;\r\n\r\n function checkMusicScroll(){\r\n const inHero = window.scrollY <= window.innerHeight;\r\n\r\n musicToggle.classList.toggle('hide-toggle', !inHero);\r\n\r\n if(inHero){\r\n if(m.audio.paused && !m.isUserMuted()){\r\n m.audio.play().then(()=>m.setToggleState(true)).catch(()=>{});\r\n }\r\n } else {\r\n if(!m.audio.paused){\r\n m.audio.pause();\r\n m.setToggleState(false);\r\n }\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', checkMusicScroll);\r\n window.addEventListener('resize', checkMusicScroll);\r\n checkMusicScroll();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77e963c e-con-full e-flex e-con e-parent\" data-id=\"77e963c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a682881 elementor-widget elementor-widget-html\" data-id=\"a682881\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"our-story\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Our Story \u2014 Botanix Residences<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<style>\r\n :root{\r\n --forest:#16241C;\r\n --canopy:#2F4A38;\r\n --sand:#EDE6D6;\r\n --sand-2:#E2D9C4;\r\n --clay:#B2593B;\r\n --gold:#C9A66B;\r\n --ink:#1B1A15;\r\n --paper:#F7F4EC;\r\n --line:#d9d0bb;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'Manrope',sans-serif;\r\n overflow-x:hidden;\r\n }\r\n ::selection{background:var(--gold);color:var(--forest);}\r\n h1,h2,h3,.display{\r\n font-family:'Fraunces',serif;\r\n font-weight:400;\r\n letter-spacing:-0.01em;\r\n line-height:1.04;\r\n }\r\n .eyebrow{\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:12px;\r\n line-height:1.5;\r\n letter-spacing:0.18em;\r\n text-transform:uppercase;\r\n color:var(--clay);\r\n }\r\n a{color:inherit;text-decoration:none;}\r\n img{display:block;max-width:100%;}\r\n .reveal{opacity:0;transform:translateY(46px);}\r\n\r\n \/* ================= STORY SECTION ================= *\/\r\n #story{\r\n background:var(--paper);\r\n position:relative;\r\n padding:130px 4vw 150px;\r\n overflow:hidden;\r\n isolation:isolate;\r\n }\r\n \/* grainy paper texture overlay, matched to the brand's bg color *\/\r\n #story::before{\r\n content:'';\r\n position:absolute; inset:0;\r\n z-index:0;\r\n pointer-events:none;\r\n background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/><feColorMatrix type='saturate' values='0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n opacity:0.5;\r\n mix-blend-mode:multiply;\r\n }\r\n #story::after{\r\n content:'';\r\n position:absolute; inset:0;\r\n z-index:0;\r\n pointer-events:none;\r\n background:radial-gradient(120% 90% at 15% 0%, rgba(255,255,255,.25), rgba(255,255,255,0) 55%);\r\n }\r\n\r\n \/* faint vertical watermark word for editorial texture *\/\r\n .story-watermark{\r\n position:absolute;\r\n left:1.5vw; top:0;\r\n height:100%;\r\n writing-mode:vertical-rl;\r\n font-family:'Fraunces',serif;\r\n font-style:italic;\r\n font-weight:300;\r\n font-size:clamp(60px,11vw,160px);\r\n color:var(--forest);\r\n opacity:0.045;\r\n letter-spacing:0.02em;\r\n pointer-events:none;\r\n white-space:nowrap;\r\n z-index:1;\r\n }\r\n\r\n .story-inner{max-width:none;width:100%;margin:0 auto;position:relative;z-index:2;}\r\n\r\n \/* ---------------------------------------------------------------\r\n NEW: founder intro \u2014 left content \/ right video\r\n (replaces the old story-head + story-split image\/narrative block)\r\n ---------------------------------------------------------------- *\/\r\n .founder-split{\r\n display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start;\r\n margin-bottom:150px;\r\n }\r\n @media(max-width:900px){ .founder-split{grid-template-columns:1fr;gap:56px;} }\r\n\r\n .founder-content .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px;}\r\n .founder-content .eyebrow::before{\r\n content:'';width:34px;height:1px;background:var(--clay);display:inline-block;\r\n }\r\n .founder-content h2{\r\n font-family:'Fraunces',serif;\r\n font-optical-sizing:auto;\r\n font-size:clamp(36px,4.6vw,58px);\r\n font-weight:300;\r\n letter-spacing:-0.015em;\r\n line-height:1.1;\r\n color:var(--forest);\r\n }\r\n .founder-content h2 em{\r\n font-family:'Fraunces',serif;\r\n font-style:italic;\r\n color:var(--gold);\r\n font-weight:500;\r\n }\r\n .founder-content .lede{\r\n margin-top:22px;font-size:18px;line-height:1.85;\r\n font-weight:300;\r\n color:var(--forest);\r\n opacity:.85;\r\n max-width:720px;\r\n }\r\n .founder-content p.body{\r\n margin-top:20px;font-size:16.5px;line-height:1.85;color:#3a382f;max-width:720px;\r\n }\r\n .founder-content .story-quote{\r\n margin-top:36px;padding:26px 0;position:relative;\r\n font-family:'Fraunces',serif;font-style:italic;font-size:23px;line-height:1.4;color:var(--canopy);\r\n max-width:none;width:100%;text-align:center;margin-left:auto;margin-right:auto;\r\n }\r\n .founder-content .story-quote span{\r\n display:block;margin-top:12px;font-family:'IBM Plex Mono',monospace;font-style:normal;\r\n font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);\r\n }\r\n .founder-name{\r\n margin-top:36px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;\r\n max-width:none;margin-left:auto;margin-right:auto;\r\n }\r\n .founder-name .line{width:30px;height:1px;background:var(--gold);flex-shrink:0;}\r\n .founder-name .who{\r\n font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);\r\n display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;\r\n }\r\n .founder-name .who b{\r\n display:inline;font-family:'Fraunces',serif;font-style:italic;font-size:17px;color:var(--canopy);\r\n letter-spacing:0;text-transform:none;font-weight:500;\r\n }\r\n .founder-name .who .sep{color:var(--gold);}\r\n\r\n \/* ---- video panel ---- *\/\r\n .founder-video{\r\n position:relative;\r\n border-radius:3px;\r\n overflow:hidden;\r\n aspect-ratio:4\/3.4;\r\n background:var(--forest);\r\n box-shadow:0 30px 60px -20px rgba(22,36,28,.4);\r\n }\r\n .founder-video video{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n }\r\n .founder-video .video-frame-tag{\r\n position:absolute;top:20px;left:20px;z-index:3;\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;\r\n text-transform:uppercase;color:var(--sand);\r\n display:flex;align-items:center;gap:8px;\r\n }\r\n .founder-video .video-frame-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);}\r\n .founder-video .play-btn{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:78px;height:78px;border-radius:50%;\r\n background:rgba(247,244,236,.92);\r\n display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;z-index:4;\r\n transition:transform .35s ease, background .35s ease;\r\n }\r\n .founder-video .play-btn:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--sand);}\r\n .founder-video .play-btn svg{margin-left:4px;}\r\n .founder-video .play-btn::after{\r\n content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(247,244,236,.5);\r\n }\r\n .founder-video.playing .play-btn,\r\n .founder-video.playing .video-frame-tag{opacity:0;pointer-events:none;transition:opacity .35s ease;}\r\n .founder-video::after{\r\n content:'';position:absolute;inset:0;z-index:2;pointer-events:none;\r\n background:linear-gradient(180deg, rgba(22,36,28,.35) 0%, rgba(22,36,28,0) 30%, rgba(22,36,28,0) 60%, rgba(22,36,28,.4) 100%);\r\n transition:opacity .35s ease;\r\n }\r\n .founder-video.playing::after{opacity:0;}\r\n .founder-video .video-caption{\r\n position:absolute;left:20px;bottom:18px;z-index:3;\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;\r\n text-transform:uppercase;color:var(--sand);\r\n transition:opacity .35s ease;\r\n }\r\n .founder-video.playing .video-caption{opacity:0;pointer-events:none;}\r\n\r\n .founder-video .mute-btn{\r\n position:absolute;right:16px;bottom:16px;z-index:5;\r\n width:38px;height:38px;border-radius:50%;\r\n background:rgba(22,36,28,.55);\r\n backdrop-filter:blur(4px);\r\n display:flex;align-items:center;justify-content:center;\r\n cursor:pointer;\r\n opacity:0;pointer-events:none;\r\n transition:opacity .35s ease, background .3s ease;\r\n }\r\n .founder-video .mute-btn:hover{background:rgba(22,36,28,.8);}\r\n .founder-video.playing .mute-btn{opacity:1;pointer-events:auto;}\r\n .founder-video .mute-btn svg{color:var(--sand);}\r\n\r\n @media(max-width:600px){\r\n .founder-video{aspect-ratio:4\/5;}\r\n }\r\n\r\n \/* ---- growing-root timeline ---- *\/\r\n .timeline-head{max-width:none;margin:0 auto 64px;text-align:center;}\r\n .timeline-head .eyebrow{margin-bottom:20px;justify-content:center;font-size:18px;}\r\n .timeline-head .eyebrow::before{display:none;}\r\n .timeline-head h3{font-size:clamp(28px,3.4vw,42px);font-weight:300;line-height:1.25;color:var(--ink);}\r\n .timeline-head p{margin:16px auto 0;font-size:16px;line-height:1.55;color:#5c5947;max-width:780px;}\r\n\r\n .timeline{position:relative;margin-bottom:150px;}\r\n .timeline-line{\r\n position:absolute;left:50%;top:6px;bottom:6px;width:2px;\r\n background:linear-gradient(180deg, var(--gold), var(--canopy) 60%, var(--clay));\r\n transform-origin:top;transform:translateX(-50%) scaleY(0);\r\n border-radius:2px;\r\n }\r\n .timeline-item{\r\n position:relative;\r\n display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;\r\n padding:42px 0;\r\n }\r\n .timeline-item:first-child{padding-top:0;}\r\n .timeline-item:last-child{padding-bottom:0;}\r\n .timeline-node{\r\n position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;\r\n background:var(--paper);border:2px solid var(--gold);\r\n transform:translate(-50%,-50%) scale(0);\r\n z-index:2;\r\n }\r\n .timeline-node::after{\r\n content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--gold);opacity:.35;\r\n }\r\n .timeline-year{\r\n font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:400;letter-spacing:.1em;color:var(--clay);\r\n margin-bottom:8px;display:block;\r\n }\r\n .timeline-item h4{\r\n font-family:'Fraunces',serif;font-weight:400;font-size:26px;line-height:1.25;color:var(--canopy);margin-bottom:10px;\r\n }\r\n .timeline-item p{font-size:16px;line-height:1.75;color:#4a4739;max-width:none;}\r\n\r\n .timeline-item .t-media{\r\n border-radius:4px;overflow:hidden;aspect-ratio:4\/3.1;\r\n box-shadow:0 26px 54px -20px rgba(22,36,28,.35);\r\n }\r\n .timeline-item .t-media img{width:100%;height:100%;object-fit:cover;display:block;}\r\n .timeline-item.media-left .t-media{order:1;}\r\n .timeline-item.media-left .t-content{order:2;padding-left:8px;}\r\n .timeline-item.media-right .t-media{order:2;}\r\n .timeline-item.media-right .t-content{order:1;text-align:right;padding-right:8px;}\r\n .timeline-item.media-right .t-content p{margin-left:auto;}\r\n\r\n @media(max-width:800px){\r\n .timeline-line{left:20px;}\r\n .timeline-item{grid-template-columns:1fr;gap:22px;padding:34px 0;padding-left:44px;}\r\n .timeline-node{left:20px;}\r\n .timeline-item.media-left .t-media,\r\n .timeline-item.media-left .t-content,\r\n .timeline-item.media-right .t-media,\r\n .timeline-item.media-right .t-content{order:initial;text-align:left;padding:0;}\r\n .timeline-item.media-right .t-content p{margin-left:0;}\r\n }\r\n\r\n \/* ---- values row ---- *\/\r\n .values-head{max-width:640px;margin-bottom:56px;}\r\n .values-head .eyebrow{margin-bottom:20px;font-size:18px;}\r\n .values-head h3{font-size:clamp(28px,3.4vw,42px);font-weight:300;line-height:1.25;color:var(--ink);}\r\n .values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:120px;}\r\n @media(max-width:800px){ .values-row{grid-template-columns:1fr;} }\r\n .value-card{\r\n background:var(--paper);padding:44px 36px;transition:background .4s ease;\r\n }\r\n .value-card:hover{background:#f1ecdf;}\r\n .value-card .v-icon{\r\n width:60px;height:60px;margin-bottom:28px;color:var(--canopy);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:transform .45s cubic-bezier(.2,.8,.2,1);\r\n }\r\n .value-card .v-icon svg{width:34px;height:34px;}\r\n .value-card:hover .v-icon{\r\n transform:translateY(-5px);\r\n }\r\n .value-card .v-icon svg path, .value-card .v-icon svg circle{\r\n stroke-dasharray:120;stroke-dashoffset:120;\r\n }\r\n .value-card h4{font-family:'Fraunces',serif;font-weight:400;font-size:22px;color:var(--ink);margin-bottom:12px;}\r\n .value-card p{font-size:15px;line-height:1.75;color:#5c5947;}\r\n .value-card .v-index{\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--clay);letter-spacing:.1em;\r\n margin-bottom:18px;display:block;\r\n }\r\n\r\n \/* ---- closing line ---- *\/\r\n .story-close{\r\n max-width:780px;padding-top:70px;border-top:1px solid var(--line);\r\n }\r\n .story-close p{\r\n font-family:'Fraunces',serif;font-weight:300;font-style:italic;\r\n font-size:clamp(24px,3vw,34px);line-height:1.5;color:var(--forest);\r\n }\r\n .story-close .sign{\r\n margin-top:26px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;\r\n text-transform:uppercase;color:var(--clay);\r\n }\r\n\r\n @media(max-width:600px){\r\n #story{padding:90px 6vw 100px;}\r\n .timeline{padding-left:40px;}\r\n .timeline-node{left:-40px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"story\">\r\n <span class=\"story-watermark\">   \u00b7     \u00b7   <\/span>\r\n\r\n <div class=\"story-inner\">\r\n\r\n <!-- ================= NEW: founder intro, left content \/ right video ================= -->\r\n <div class=\"founder-split\">\r\n\r\n <div class=\"founder-content\">\r\n <span class=\"eyebrow reveal\">Since 2014 \u00b7 A Family Story<\/span>\r\n <h2 class=\"reveal\">It began with a simple belief: The landscape comes first. <em>Always.<\/em><\/h2>\r\n <p class=\"lede reveal\">Botanix began with a love for land, nature and the simple pleasure of being outdoors.\r\n\r\nOver the years, that belief has evolved into a distinctive approach to creating spaces where people can slow down, reconnect and live closer to nature..<\/p>\r\n\r\n <p class=\"lede reveal\">From hospitality to private residences, our philosophy has remained constant: respect the land, design thoughtfully, and create places that feel timeless. We don't believe luxury needs to announce itself sometimes, it is simply a view that never gets old, a flowering garden outside your window, the sound of rain on the trees, space to breathe, and a place that feels as though it was built into the terrain itself.<\/p>\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"founder-video reveal\" id=\"founderVideo\">\r\n <span class=\"video-frame-tag\">Founder's Note<\/span>\r\n <video id=\"founderVideoEl\" playsinline poster=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/EVENTS-CREATIVES-1.png\">\r\n <source src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/Video-3-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"play-btn\" id=\"founderPlayBtn\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 4L20 12L6 20V4Z\" fill=\"#16241C\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mute-btn\" id=\"founderMuteBtn\">\r\n <svg id=\"muteIconOn\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polygon points=\"4,9 8,9 12,5 12,19 8,15 4,15\" fill=\"currentColor\" stroke=\"none\"\/>\r\n <path d=\"M16 8a5 5 0 010 8\"\/>\r\n <path d=\"M18.5 5.5a9 9 0 010 13\"\/>\r\n <\/svg>\r\n <svg id=\"muteIconOff\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:none;\">\r\n <polygon points=\"4,9 8,9 12,5 12,19 8,15 4,15\" fill=\"currentColor\" stroke=\"none\"\/>\r\n <line x1=\"16\" y1=\"9\" x2=\"22\" y2=\"15\"\/>\r\n <line x1=\"22\" y1=\"9\" x2=\"16\" y2=\"15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-caption\">Hear it from the founder<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <!-- ================= END founder intro ================= -->\r\n\r\n <div class=\"timeline-head\">\r\n <span class=\"eyebrow reveal\">A Legacy in the Making <\/span>\r\n <h3 class=\"reveal\">From hospitality to homes, the journey continues.<\/h3>\r\n <p class=\"reveal\">Since 2014, Botanix has grown from a nature-led hospitality vision into a portfolio of destinations and residences, all shaped by the same belief: everything starts with our relationship to nature.<\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline\">\r\n <div class=\"timeline-line\"><\/div>\r\n\r\n <div class=\"timeline-item media-left reveal\">\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"t-media\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/Untitled-design-83.webp\">\r\n <\/div>\r\n <div class=\"t-content\">\r\n <span class=\"timeline-year\">2014 \u2014 The Beginning<\/span>\r\n <h4>Where the Botanix philosophy took root.<\/h4>\r\n <p> Botanix began with a vision of creating spaces where people could experience nature not as a backdrop, but as part of everyday life. This was mirrored through Botanix Nature Resort, our flagship property. <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item media-right reveal\">\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"t-content\">\r\n <span class=\"timeline-year\">The Journey<\/span>\r\n <h4>From spaces to experiences, from experiences to homes.<\/h4>\r\n <p>Over the years, our understanding of nature-led hospitality evolved into something more The idea took root: create homes with the same sense of belonging, tranquility, and connection to the landscape. That became our core vision.<\/p>\r\n <\/div>\r\n <div class=\"t-media\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/6cc531de-60fd-4337-95df-dc4de857128c.png\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item media-left reveal\">\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"t-media\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/a96eb733-e8a9-4922-9a6c-576904bf1c17.png\">\r\n <\/div>\r\n <div class=\"t-content\">\r\n <span class=\"timeline-year\">Today \u2014 Residences by Botanix<\/span>\r\n <h4>Creating places to return to.<\/h4>\r\n <p>Botanix Residences brings together our experience in hospitality, landscape and spatial activation to create private residences in some of India's most beautiful natural settings.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-head\">\r\n <span class=\"eyebrow reveal\">What We Believe<\/span>\r\n <h3 class=\"reveal\">Three principles guide everything we create.<\/h3>\r\n <\/div>\r\n\r\n <div class=\"values-row\">\r\n <div class=\"value-card reveal\">\r\n <span class=\"v-index\">01<\/span>\r\n <div class=\"v-icon\">\r\n <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"29\" cy=\"9.5\" r=\"2.4\" fill=\"var(--gold)\" stroke=\"none\"\/>\r\n <path d=\"M3 32L11.5 19.5L16.5 25L23.5 11.5L35 32\"\/>\r\n <path d=\"M16.5 25L19.5 20.5L23.5 11.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4> Respect the Land<\/h4>\r\n <p>We begin by understanding the landscape. Natural contours, existing vegetation, climate patterns and surrounding communitiess influence how we plan and design our spaces.\r\n<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal\">\r\n <span class=\"v-index\">02<\/span>\r\n <div class=\"v-icon\">\r\n <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"5\" y=\"9\" width=\"30\" height=\"18.5\"\/>\r\n <path d=\"M23.7 9V27.5\"\/>\r\n <rect x=\"23.7\" y=\"9\" width=\"11.3\" height=\"11.3\"\/>\r\n <path d=\"M28.8 9V20.3\"\/>\r\n <rect x=\"28.8\" y=\"9\" width=\"6.2\" height=\"6.2\" fill=\"var(--gold)\" stroke=\"none\" opacity=\".18\"\/>\r\n <rect x=\"28.8\" y=\"9\" width=\"6.2\" height=\"6.2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4>Design with Intention<\/h4>\r\n <p> Every residence is designed according to its location. Materials, architecture, landscape and light come together to create homes that feel like they are curated with care, not just built. \r\n<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal\">\r\n <span class=\"v-index\">03<\/span>\r\n <div class=\"v-icon\">\r\n <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"20\" cy=\"7.5\" r=\"1.4\" fill=\"var(--gold)\" stroke=\"none\"\/>\r\n <path d=\"M20 30V16\"\/>\r\n <path d=\"M20 20C20 20 11.5 18 9.5 9.5C9.5 9.5 18 9.8 20 20Z\"\/>\r\n <path d=\"M20 20C20 20 28.5 18 30.5 9.5C30.5 9.5 22 9.8 20 20Z\"\/>\r\n <path d=\"M20 16.5C20 16.5 14.5 12.7 14.8 5.5C14.8 5.5 20 6.7 20 16.5Z\"\/>\r\n <path d=\"M20 16.5C20 16.5 25.5 12.7 25.2 5.5C25.2 5.5 20 6.7 20 16.5Z\"\/>\r\n <path d=\"M10.5 30C10.5 30 13.5 25.3 20 25.3C26.5 25.3 29.5 30 29.5 30\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h4> Live More Mindfully<\/h4>\r\n <p>Our communities are designed to make space for the things that matter\u2014nature, family, wellness, community and time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-close reveal\">\r\n <p>Because the finest luxury is not having more. It is about making room for what matters.<\/p>\r\n <div class=\"sign\">\u2014 The Botanix Family<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\n\/\/ generic reveal on scroll\r\ndocument.querySelectorAll('.reveal').forEach((el)=>{\r\n gsap.to(el,{\r\n opacity:1, y:0, duration:1, ease:'power3.out',\r\n scrollTrigger:{trigger:el,start:'top 88%'}\r\n });\r\n});\r\n\r\n\/\/ founder video play\/pause on click\r\n(function(){\r\n const wrap = document.getElementById('founderVideo');\r\n const video = document.getElementById('founderVideoEl');\r\n const btn = document.getElementById('founderPlayBtn');\r\n const muteBtn = document.getElementById('founderMuteBtn');\r\n const iconOn = document.getElementById('muteIconOn');\r\n const iconOff = document.getElementById('muteIconOff');\r\n\r\n btn.addEventListener('click', ()=>{\r\n if(video.paused){\r\n video.play();\r\n wrap.classList.add('playing');\r\n } else {\r\n video.pause();\r\n wrap.classList.remove('playing');\r\n }\r\n });\r\n video.addEventListener('click', ()=> btn.click());\r\n video.addEventListener('ended', ()=> wrap.classList.remove('playing'));\r\n\r\n muteBtn.addEventListener('click', (e)=>{\r\n e.stopPropagation();\r\n video.muted = !video.muted;\r\n iconOn.style.display = video.muted ? 'none' : 'block';\r\n iconOff.style.display = video.muted ? 'block' : 'none';\r\n });\r\n})();\r\n\r\n\/\/ growing root timeline line\r\ngsap.to('.timeline-line',{\r\n scaleY:1, ease:'none',\r\n scrollTrigger:{trigger:'.timeline', start:'top 75%', end:'bottom 85%', scrub:true}\r\n});\r\n\r\n\/\/ timeline nodes pop in as their item reveals\r\ndocument.querySelectorAll('.timeline-item').forEach(item=>{\r\n gsap.to(item.querySelector('.timeline-node'),{\r\n scale:1, duration:.6, ease:'back.out(3)',\r\n scrollTrigger:{trigger:item, start:'top 80%'}\r\n });\r\n});\r\n\r\n\/\/ value icon hand-drawn effect\r\ndocument.querySelectorAll('.value-card svg path, .value-card svg circle').forEach(shape=>{\r\n const len = shape.getTotalLength ? shape.getTotalLength() : 120;\r\n shape.style.strokeDasharray = len;\r\n shape.style.strokeDashoffset = len;\r\n ScrollTrigger.create({\r\n trigger: shape.closest('.value-card'), start:'top 85%', once:true,\r\n onEnter: ()=> gsap.to(shape,{strokeDashoffset:0,duration:1.1,ease:'power2.out'})\r\n });\r\n});\r\n\r\n\/\/ mini stat + timeline counters\r\ndocument.querySelectorAll('.stat-num').forEach(el=>{\r\n const target = parseInt(el.dataset.count,10);\r\n const suffix = el.dataset.suffix || '';\r\n ScrollTrigger.create({\r\n trigger: el, start:'top 90%', once:true,\r\n onEnter: ()=>{\r\n const obj = {val:0};\r\n gsap.to(obj,{val:target, duration:1.6, ease:'power2.out',\r\n onUpdate:()=>{ el.textContent = Math.round(obj.val)+suffix; }});\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c58502a e-con-full e-flex e-con e-parent\" data-id=\"c58502a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8115da elementor-widget elementor-widget-html\" data-id=\"c8115da\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"our-projects\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Our Projects \u2014 Botanix Residences<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<style>\r\n :root{\r\n --forest:#16241C;\r\n --canopy:#2F4A38;\r\n --sand:#EDE6D6;\r\n --sand-2:#E2D9C4;\r\n --clay:#B2593B;\r\n --gold:#C9A66B;\r\n --ink:#1B1A15;\r\n --paper:#F7F4EC;\r\n --line:#3c4f42;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--forest);\r\n color:var(--sand);\r\n font-family:'Manrope',sans-serif;\r\n overflow-x:hidden;\r\n }\r\n ::selection{background:var(--gold);color:var(--forest);}\r\n h1,h2,h3,.display{\r\n font-family:'Playfair Display',serif;\r\n font-weight:400;\r\n letter-spacing:-0.01em;\r\n line-height:1.04;\r\n }\r\n .eyebrow{\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:12px;\r\n letter-spacing:0.18em;\r\n text-transform:uppercase;\r\n color:var(--gold);\r\n }\r\n a{color:inherit;text-decoration:none;}\r\n img{display:block;max-width:100%;}\r\n .reveal{opacity:0;transform:translateY(46px);}\r\n\r\n \/* ================= PROJECTS SECTION ================= *\/\r\n #projects{\r\n background:var(--forest);\r\n position:relative;\r\n padding:130px 6vw 150px;\r\n overflow:hidden;\r\n isolation:isolate;\r\n }\r\n \/* grain texture, matched to forest bg \u2014 same paper-grain as rest of site *\/\r\n #projects::before{\r\n content:'';\r\n position:absolute; inset:0; z-index:0; pointer-events:none;\r\n background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/><feColorMatrix type='saturate' values='0'\/><feComponentTransfer><feFuncA type='linear' slope='1.6' intercept='-0.15'\/><\/feComponentTransfer><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\");\r\n background-size:220px 220px;\r\n opacity:0.22;\r\n mix-blend-mode:soft-light;\r\n }\r\n #projects::after{\r\n content:'';\r\n position:absolute; inset:0; z-index:0; pointer-events:none;\r\n background:radial-gradient(120% 70% at 85% 0%, rgba(201,166,107,.10), rgba(201,166,107,0) 55%);\r\n }\r\n .proj-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2;}\r\n\r\n \/* ---- intro ---- *\/\r\n .proj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:70px;}\r\n .proj-head .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;}\r\n .proj-head .eyebrow::before{content:'';width:34px;height:1px;background:var(--gold);display:inline-block;}\r\n .proj-head h2{font-size:35px;font-weight:300;color:var(--sand);}\r\n .proj-head h2 em{font-style:italic;color:var(--gold);font-weight:500;}\r\n .proj-head p{max-width:520px;font-size:15.5px;line-height:1.55;color:var(--sand-2);}\r\n\r\n \/* ---- mini stat strip ---- *\/\r\n .proj-stats{\r\n display:grid;grid-template-columns:repeat(4,1fr);gap:2px;\r\n background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:90px;\r\n }\r\n @media(max-width:800px){ .proj-stats{grid-template-columns:repeat(2,1fr);} }\r\n .proj-stats .p-stat{background:var(--forest);padding:30px 26px;}\r\n .proj-stats .p-stat .num{\r\n font-family:'Playfair Display',serif;font-weight:400;font-size:38px;color:var(--gold);\r\n }\r\n .proj-stats .p-stat .lbl{\r\n margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;\r\n text-transform:uppercase;color:var(--sand-2);\r\n }\r\n\r\n \/* ---- featured flagship project ---- *\/\r\n .proj-feature{\r\n display:grid;grid-template-columns:1.15fr 0.85fr;gap:0;\r\n border-radius:4px;overflow:hidden;margin-bottom:110px;\r\n box-shadow:0 40px 90px -30px rgba(0,0,0,.55);\r\n }\r\n @media(max-width:900px){ .proj-feature{grid-template-columns:1fr;} }\r\n .proj-feature .f-img{position:relative;aspect-ratio:4\/3;overflow:hidden;background:var(--canopy);}\r\n .proj-feature .f-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.02);transition:transform 1s ease;}\r\n .proj-feature:hover .f-img img{transform:scale(1.05);}\r\n .proj-feature .f-badge{\r\n position:absolute;top:22px;left:22px;z-index:2;\r\n background:var(--gold);color:var(--forest);padding:8px 14px;border-radius:2px;\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;\r\n }\r\n .proj-feature .f-content{\r\n background:var(--canopy);padding:52px 46px;display:flex;flex-direction:column;justify-content:center;\r\n }\r\n .proj-feature .f-content .tag{\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;\r\n color:var(--gold);margin-bottom:14px;display:block;\r\n }\r\n .proj-feature .f-content h3{font-size:clamp(30px,3.4vw,42px);color:var(--sand);font-weight:400;margin-bottom:16px;}\r\n .proj-feature .f-content p{font-size:15.5px;line-height:1.8;color:var(--sand-2);max-width:420px;}\r\n .proj-feature .f-meta{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap;}\r\n .proj-feature .f-meta div{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--sand-2);}\r\n .proj-feature .f-meta div b{display:block;font-family:'Playfair Display',serif;font-size:20px;color:var(--sand);font-weight:400;margin-top:2px;}\r\n .proj-feature .f-link{\r\n margin-top:32px;display:inline-flex;align-items:center;gap:10px;\r\n font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;\r\n color:var(--gold);width:fit-content;padding-bottom:4px;border-bottom:1px solid var(--gold);\r\n }\r\n .proj-feature .f-link svg{transition:transform .3s ease;}\r\n .proj-feature:hover .f-link svg{transform:translateX(6px);}\r\n\r\n \/* ---- project grid (secondary cards) ---- *\/\r\n .proj-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:0;margin-bottom:26px;}\r\n @media(max-width:900px){ .proj-grid{grid-template-columns:1fr;} }\r\n .project-card{\r\n position:relative;border-radius:3px;overflow:hidden;\r\n aspect-ratio:3\/4;background:var(--canopy);cursor:pointer;perspective:900px;\r\n }\r\n .project-card .inner{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;}\r\n .project-card img{\r\n position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\r\n filter:brightness(1) saturate(1);transition:transform .8s ease, filter .5s ease;\r\n }\r\n .project-card:hover img{transform:scale(1.08);filter:brightness(.55) saturate(1);}\r\n .project-card .card-content{\r\n position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;\r\n padding:30px;text-align:center;\r\n background:rgba(0,0,0,.55);\r\n opacity:0;transition:opacity .4s ease;\r\n }\r\n .project-card:hover .card-content{opacity:1;}\r\n .project-card .tag{\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.15em;\r\n text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block;\r\n }\r\n .project-card h4{font-size:26px;color:var(--sand);font-weight:400;font-family:'Playfair Display',serif;}\r\n .project-card .loc{\r\n margin-top:6px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--sand-2);\r\n letter-spacing:.04em;\r\n }\r\n .project-card .arrow{\r\n display:inline-flex;align-items:center;gap:8px;margin-top:14px;\r\n font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--sand-2);\r\n letter-spacing:.05em;text-transform:uppercase;\r\n }\r\n .project-card .arrow svg{transition:transform .3s ease;}\r\n .project-card:hover .arrow svg{transform:translateX(6px);}\r\n\r\n \/* ---- selection process ---- *\/\r\n .proj-process{border-top:1px solid var(--line);padding-top:80px;}\r\n .proj-process-head{margin-bottom:56px;}\r\n .proj-process-head .eyebrow{margin-bottom:18px;}\r\n .proj-process-head h3{font-size:35px;font-weight:300;color:var(--sand);}\r\n .proj-process-head p{margin-top:16px;font-size:15.5px;line-height:1.75;color:var(--sand-2);max-width:520px;}\r\n\r\n .process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border-radius:3px;overflow:hidden;}\r\n @media(max-width:800px){ .process-row{grid-template-columns:1fr 1fr;} }\r\n .process-step{background:var(--forest);padding:38px 30px;}\r\n .process-step .p-num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:.1em;margin-bottom:20px;display:block;}\r\n .process-step h4{font-family:'Playfair Display',serif;font-weight:400;font-size:20px;color:var(--sand);margin-bottom:10px;}\r\n .process-step p{font-size:14px;line-height:1.7;color:var(--sand-2);}\r\n\r\n @media(max-width:600px){\r\n #projects{padding:90px 6vw 100px;}\r\n .proj-feature .f-content{padding:36px 28px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"projects\">\r\n <div class=\"proj-inner\">\r\n\r\n <div class=\"proj-head\">\r\n <div>\r\n <span class=\"eyebrow reveal\"> Our Residences<\/span>\r\n <h2 class=\"reveal\">Locations are chosen for how they feel, not just how they look. <em><\/em> <\/h2>\r\n <\/div>\r\n <p class=\"reveal\">Every Botanix residence begins with a location that offers something difficult to recreate: natural beauty, character and a sense of escape. Our portfolio brings together distinctive residential destinations across the hills and landscapes of India, each with its own personality, architecture and relationship with nature.<\/p>\r\n <\/div>\r\n\r\n <div class=\"proj-stats\">\r\n <div class=\"p-stat reveal\">\r\n <div class=\"num\"><span class=\"stat-num\" data-count=\"6\" data-suffix=\"\">0<\/span><\/div>\r\n <div class=\"lbl\">Live Destinations<\/div>\r\n <\/div>\r\n <div class=\"p-stat reveal\">\r\n <div class=\"num\"><span class=\"stat-num\" data-count=\"140\" data-suffix=\"+\">0<\/span><\/div>\r\n <div class=\"lbl\">Acres Under Development<\/div>\r\n <\/div>\r\n <div class=\"p-stat reveal\">\r\n <div class=\"num\"><span class=\"stat-num\" data-count=\"480\" data-suffix=\"+\">0<\/span><\/div>\r\n <div class=\"lbl\">Homes Delivered Or In Progress<\/div>\r\n <\/div>\r\n <div class=\"p-stat reveal\">\r\n <div class=\"num\"><span class=\"stat-num\" data-count=\"12\" data-suffix=\"\">0<\/span><\/div>\r\n <div class=\"lbl\">Years Building This Way<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Three project categories -->\r\n <div class=\"proj-grid\">\r\n <a class=\"project-card reveal\" href=\"https:\/\/clemoraestate.in\/\" target=\"_blank\" rel=\"noopener\" data-project=\"Clemora Estate\" data-url=\"https:\/\/clemoraestate.in\/\">\r\n <div class=\"inner\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/1f880726-1c03-4379-9478-2d62db43d0ae.png\" alt=\"Clemora Estate residences\">\r\n <div class=\"card-content\">\r\n <span class=\"tag\">New Tehri, Uttarakhand<\/span>\r\n <h4>Clemora Estate<\/h4>\r\n <div class=\"loc\">\r\n A private Himalayan estate surrounded by mountain landscapes,that blends the interior and exterior spaces through biophilic design.\r\n<\/div>\r\n <span class=\"arrow\">Explore Clemora Estate \r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19L19 5M19 5H8M19 5V16\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"project-card reveal\" href=\"https:\/\/olivevilla.in\/\" target=\"_blank\" rel=\"noopener\" data-project=\"O.live\" data-url=\"https:\/\/olivevilla.in\/\">\r\n <div class=\"inner\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/9db01c79-1f8c-43ee-bc30-42550cb4f38b.png\">\r\n <div class=\"card-content\">\r\n <span class=\"tag\">Chamba, Uttarakhand<\/span>\r\n <h4>O.live<\/h4>\r\n <div class=\"loc\">A private retreat shaped by the quiet beauty of the mountains, designed for slower days and closer connections with nature.<\/div>\r\n <span class=\"arrow\">Explore O.live \r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19L19 5M19 5H8M19 5V16\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a class=\"project-card reveal\" href=\"https:\/\/samaklandscape.in\/\" target=\"_blank\" rel=\"noopener\" data-project=\"Samak Landscape\" data-url=\"https:\/\/samaklandscape.in\/\">\r\n <div class=\"inner\">\r\n <img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/5f94b716-226e-482a-8f40-873d73105099.png\">\r\n <div class=\"card-content\">\r\n <span class=\"tag\">New Tehri, Uttarakhand<\/span>\r\n <h4>Wisteria Villa<\/h4>\r\n <div class=\"loc\">A private sanctuary of 25 villas that is inspired by the enduring spirit of the Olive tree.<\/div>\r\n <span class=\"arrow\">Explore Wisteria Villa \r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 19L19 5M19 5H8M19 5V16\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"proj-process\">\r\n <div class=\"proj-process-head\">\r\n <span class=\"eyebrow reveal\">How We Choose a Place<\/span>\r\n <h3 class=\"reveal\">We hand-select every property, guided by a proprietary set of standards \r\n <br>refined over the years.<\/h3>\r\n <p class=\"reveal\">A location must offer something more than a view. It must have character, a sense of belonging, natural beauty worth preserving, and the potential to become something people genuinely want to return to.\r\n<\/p>\r\n <\/div>\r\n <div class=\"process-row\">\r\n <div class=\"process-step reveal\">\r\n <span class=\"p-num\">01<\/span>\r\n <h4>Understand the Landscape<\/h4>\r\n <p> We spend time understanding the land, its natural contours, vegetation, climate patterns and surroundings before shaping a vision for the property.\r\n<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal\">\r\n <span class=\"p-num\">02<\/span>\r\n <h4> Respect What Exists<\/h4>\r\n <p>Existing trees, natural features and the character of the landscape become part of the design rather than obstacles to it.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal\">\r\n <span class=\"p-num\">03<\/span>\r\n <h4> Design Around the Place<\/h4>\r\n <p>Architecture is shaped by the setting. We consider orientation, light, views, sustainable materials and the existing landscape to create residences that feel naturally connected to their surroundings.\r\n<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal\">\r\n <span class=\"p-num\">04<\/span>\r\n <h4>Create for the Long Term<\/h4>\r\n <p>We think beyond construction. Our aim is to create places that mature beautifully with time and become part of the landscape they inhabit.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger);\r\n\r\n\/\/ generic reveal on scroll\r\ndocument.querySelectorAll('.reveal').forEach((el)=>{\r\n gsap.to(el,{\r\n opacity:1, y:0, duration:1, ease:'power3.out',\r\n scrollTrigger:{trigger:el,start:'top 90%'}\r\n });\r\n});\r\n\r\n\/\/ stat counters\r\ndocument.querySelectorAll('.stat-num').forEach(el=>{\r\n const target = parseInt(el.dataset.count,10);\r\n const suffix = el.dataset.suffix || '';\r\n ScrollTrigger.create({\r\n trigger: el, start:'top 92%', once:true,\r\n onEnter: ()=>{\r\n const obj = {val:0};\r\n gsap.to(obj,{val:target, duration:1.6, ease:'power2.out',\r\n onUpdate:()=>{ el.textContent = Math.round(obj.val)+suffix; }});\r\n }\r\n });\r\n});\r\n\r\n\/\/ stagger secondary project cards\r\ngsap.utils.toArray('.project-card').forEach((c,i)=>{\r\n gsap.to(c,{opacity:1,y:0,duration:1,delay:i*0.1,ease:'power3.out',\r\n scrollTrigger:{trigger:c,start:'top 92%'}});\r\n});\r\n\r\n\/\/ 3D tilt on project cards\r\ndocument.querySelectorAll('.project-card').forEach(card=>{\r\n const inner = card.querySelector('.inner');\r\n card.addEventListener('mousemove', e=>{\r\n const r = card.getBoundingClientRect();\r\n const x = (e.clientX - r.left)\/r.width - 0.5;\r\n const y = (e.clientY - r.top)\/r.height - 0.5;\r\n gsap.to(inner,{rotateY:x*10, rotateX:-y*10, duration:.4, ease:'power2.out'});\r\n });\r\n card.addEventListener('mouseleave', ()=>{\r\n gsap.to(inner,{rotateY:0, rotateX:0, duration:.6, ease:'power3.out'});\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b396acb e-con-full e-flex e-con e-parent\" data-id=\"b396acb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9271e5b elementor-widget elementor-widget-html\" data-id=\"9271e5b\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"our-team\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Botanix Residences \u2014 Our Team<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,500&family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<style>\r\n :root{\r\n --forest:#16241C;\r\n --canopy:#2F4A38;\r\n --sand:#EDE6D6;\r\n --sand-2:#E2D9C4;\r\n --clay:#B2593B;\r\n --gold:#C9A66B;\r\n --moss:#7C8B54;\r\n --ink:#1B1A15;\r\n --paper:#F7F4EC;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--paper);\r\n color:var(--ink);\r\n font-family:'Manrope',sans-serif;\r\n overflow-x:hidden;\r\n position:relative;\r\n }\r\n body::before{\r\n content:'';position:fixed;inset:0;pointer-events:none;z-index:0;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n opacity:.045;mix-blend-mode:multiply;\r\n }\r\n ::selection{background:var(--gold);color:var(--forest);}\r\n h1,h2,h3,.display{\r\n font-family:'Fraunces',serif;\r\n font-weight:400;\r\n letter-spacing:-0.01em;\r\n line-height:1.05;\r\n }\r\n .eyebrow{\r\n font-family:'IBM Plex Mono',monospace;\r\n font-size:12px;\r\n letter-spacing:0.18em;\r\n text-transform:uppercase;\r\n color:var(--clay);\r\n }\r\n a{color:inherit;text-decoration:none;}\r\n img{display:block;max-width:100%;}\r\n section{position:relative;width:100%;z-index:1;}\r\n .wrap{padding:110px 6vw 130px calc(6vw + 60px);max-width:1360px;margin:0 auto;}\r\n @media(max-width:900px){ .wrap{padding:80px 7vw;} }\r\n .reveal{opacity:0;transform:translateY(46px);}\r\n\r\n \/* ---------- team section head ---------- *\/\r\n #team{background:var(--sand);}\r\n #team .wrap{position:relative;z-index:1;}\r\n .sec-head{max-width:720px;margin-bottom:20px;}\r\n .sec-head .num{\r\n font-family:'IBM Plex Mono',monospace;color:var(--clay);font-size:12.5px;\r\n letter-spacing:.22em;display:flex;align-items:center;gap:12px;margin-bottom:22px;\r\n }\r\n .sec-head .num::before{content:'';width:34px;height:1px;background:var(--clay);display:inline-block;}\r\n .sec-head h2{font-size:28px;margin-bottom:22px;}\r\n .sec-head h2 em{font-style:italic;color:var(--gold);font-weight:400;}\r\n .sec-head p{font-size:17px;line-height:1.8;color:#3a382f;max-width:600px;}\r\n\r\n \/* ---------- filter pills ---------- *\/\r\n .team-filters{\r\n display:flex;flex-wrap:wrap;gap:10px;margin:44px 0 8px;\r\n }\r\n .filter-pill{\r\n font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;\r\n text-transform:uppercase;padding:10px 20px;border:1px solid rgba(27,26,21,.18);\r\n border-radius:30px;background:transparent;color:var(--ink);cursor:pointer;\r\n transition:all .35s cubic-bezier(.2,.8,.2,1);\r\n }\r\n .filter-pill .count{opacity:.55;margin-left:6px;}\r\n .filter-pill:hover{border-color:var(--gold);}\r\n .filter-pill.active{background:var(--forest);border-color:var(--forest);color:var(--sand);}\r\n .filter-pill.active .count{opacity:.7;}\r\n\r\n \/* ---------- founders spotlight ---------- *\/\r\n .founders-row{\r\n display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:50px;\r\n }\r\n @media(max-width:900px){ .founders-row{grid-template-columns:1fr;} }\r\n .founder-card{\r\n background:var(--paper);border:1px solid rgba(0,0,0,.06);border-radius:4px;\r\n padding:36px;display:flex;gap:26px;align-items:flex-start;\r\n position:relative;overflow:hidden;\r\n transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease;\r\n }\r\n .founder-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 30px 60px -28px rgba(22,36,28,.35);\r\n }\r\n .founder-card::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);\r\n transition:width .45s ease;\r\n }\r\n .founder-card:hover::before{width:3px;}\r\n .founder-avatar{\r\n width:120px;height:120px;border-radius:50%;flex-shrink:0;overflow:hidden;\r\n border:1px solid rgba(201,166,107,.4);position:relative;\r\n }\r\n .founder-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;\r\n filter:grayscale(85%);transition:filter .5s ease, transform .6s ease;}\r\n .founder-card:hover .founder-avatar img{filter:grayscale(0%);transform:scale(1.05);}\r\n .founder-copy h3{font-size:26px;margin-top:4px;}\r\n .founder-quote{\r\n font-family:'Fraunces',serif;font-style:italic;font-size:19px;color:var(--canopy);\r\n margin-top:14px;padding-left:16px;border-left:2px solid var(--gold);line-height:1.5;\r\n }\r\n .founder-bio{margin-top:14px;font-size:14.5px;line-height:1.75;color:#4a473c;}\r\n\r\n \/* ---------- team grid ---------- *\/\r\n .team-grid{\r\n display:grid;grid-template-columns:repeat(4,1fr);gap:20px;\r\n margin-top:56px;\r\n }\r\n @media(max-width:1100px){ .team-grid{grid-template-columns:repeat(3,1fr);} }\r\n @media(max-width:760px){ .team-grid{grid-template-columns:repeat(2,1fr);} }\r\n @media(max-width:480px){ .team-grid{grid-template-columns:1fr;} }\r\n\r\n .team-card{\r\n background:var(--paper);padding:28px 24px 26px;\r\n position:relative;overflow:hidden;border-radius:3px;\r\n border:1px solid rgba(0,0,0,.06);\r\n display:flex;flex-direction:column;gap:14px;\r\n transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease, opacity .4s ease;\r\n }\r\n .team-card:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 26px 50px -22px rgba(22,36,28,.35);\r\n border-color:rgba(201,166,107,.4);\r\n }\r\n .team-card.hidden-dept{display:none;}\r\n .tc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}\r\n .team-card .avatar{\r\n width:72px;height:72px;border-radius:50%;flex-shrink:0;\r\n display:flex;align-items:center;justify-content:center;\r\n background:linear-gradient(150deg, var(--canopy) 0%, var(--forest) 100%);\r\n border:1px solid rgba(201,166,107,.4);\r\n position:relative;overflow:hidden;\r\n }\r\n .team-card .avatar img{\r\n width:100%;height:100%;object-fit:cover;object-position:center top;\r\n filter:grayscale(100%);\r\n transition:filter .4s ease, transform .5s ease;\r\n }\r\n .team-card:hover .avatar img{filter:grayscale(0%);transform:scale(1.05);}\r\n .team-card::before{\r\n content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);\r\n transition:width .4s ease;\r\n }\r\n .team-card:hover::before{width:3px;}\r\n\r\n .dept-pill{\r\n font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.09em;\r\n text-transform:uppercase;padding:5px 10px;border-radius:20px;white-space:nowrap;\r\n border:1px solid transparent;\r\n }\r\n .dept-leadership{color:var(--gold);border-color:rgba(201,166,107,.4);}\r\n .dept-design{color:var(--clay);border-color:rgba(178,89,59,.35);}\r\n .dept-project{color:var(--canopy);border-color:rgba(47,74,56,.3);}\r\n .dept-business{color:var(--moss);border-color:rgba(124,139,84,.35);}\r\n\r\n .team-card .role{font-size:11px;}\r\n .team-card h3{font-size:21px;font-weight:400;transition:transform .35s ease;}\r\n .team-card:hover h3{transform:translateX(3px);}\r\n\r\n .tc-bio-wrap{\r\n max-height:0;opacity:0;overflow:hidden;\r\n transition:max-height .5s cubic-bezier(.2,.8,.2,1), opacity .4s ease .05s;\r\n }\r\n .team-card:hover .tc-bio-wrap,\r\n .team-card.tapped .tc-bio-wrap{\r\n max-height:160px;opacity:1;\r\n }\r\n .tc-vein{width:26px;height:8px;margin-bottom:10px;position:relative;}\r\n .tc-vein::before{\r\n content:'';position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold);\r\n transition:width .5s ease .1s;\r\n }\r\n .team-card:hover .tc-vein::before,\r\n .team-card.tapped .tc-vein::before{width:26px;}\r\n .tc-bio{font-size:13.5px;line-height:1.65;color:#4a473c;}\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n .reveal{opacity:1 !important;transform:none !important;}\r\n *{transition-duration:.01ms !important; animation-duration:.01ms !important;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"team\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <span class=\"num reveal\">THE PEOPLE BEHIND BOTANIX ·<\/span>\r\n <h2 class=\"reveal\"> We are a family-led vision, <em>that has been brought to life by a multidisciplinary team.<\/h2>\r\n <p class=\"reveal\">Botanix is built by people who share a common belief in creating thoughtful, everlasting spaces. From choosing the land, designing the landscape and architecture, executing the projects,\r\n\r\n — to curating the experiences, our team works closely across every stage of building a residence. \u2014 We are involved from the initial idea to finishing the final detail of every project we launch.<\/p>\r\n <\/div>\r\n\r\n <div class=\"founders-row\">\r\n\r\n <div class=\"founder-card reveal\" data-align=\"left\">\r\n <div class=\"founder-avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/atul-vashisth.webp\" alt=\"Atul Vashisth\" loading=\"lazy\"><\/div>\r\n <div class=\"founder-copy\">\r\n <span class=\"role eyebrow\">Managing Director<\/span>\r\n <h3>Atul Vashisth<\/h3>\r\n <p class=\"founder-quote\">“We don't build residences. We build roots people return to.”<\/p>\r\n <p class=\"founder-bio\"> Leads Botanix's long-term vision and land strategy, guiding every major decision from acquisition through to handover.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"founder-card reveal\" data-align=\"right\">\r\n <div class=\"founder-avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/shama-vashisth.webp\" alt=\"Shama Vashisth\" loading=\"lazy\"><\/div>\r\n <div class=\"founder-copy\">\r\n <span class=\"role eyebrow\">Creative Director<\/span>\r\n <h3>Shama Vashisth<\/h3>\r\n <p class=\"founder-quote\">“Good design should disappear into how a family actually lives.”<\/p>\r\n <p class=\"founder-bio\">She shapes the aesthetic language of every Botanix Residence address, from choosing the right material, colour palettes to the furniture design. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"team-filters reveal\">\r\n <button class=\"filter-pill active\" data-filter=\"all\">All <span class=\"count\">10<\/span><\/button>\r\n <button class=\"filter-pill\" data-filter=\"leadership\">Leadership <span class=\"count\">2<\/span><\/button>\r\n <button class=\"filter-pill\" data-filter=\"design\">Design <span class=\"count\">3<\/span><\/button>\r\n <button class=\"filter-pill\" data-filter=\"project\">Project Management <span class=\"count\">3<\/span><\/button>\r\n <button class=\"filter-pill\" data-filter=\"business\">Business <span class=\"count\">2<\/span><\/button>\r\n <\/div>\r\n\r\n <div class=\"team-grid\" id=\"teamGrid\">\r\n\r\n <div class=\"team-card reveal\" data-dept=\"project\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/priyanka-vashisth.webp\" alt=\"Priyanka Vashisth\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-project\">Project Management<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Project Director<\/span>\r\n <h3>Priyanka Vashisth<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Owns the end-to-end project delivery, aligning timelines, managing vendors and on-site execution across active developments.\r\n<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"project\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/sonam-vashisth.webp\" alt=\"Sonam Vashisth\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-project\">Project Management<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Project Director<\/span>\r\n <h3>Sonam Vashisth<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Coordinates cross-site schedules and keeps every stakeholder aligned from groundbreaking to key handover.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"project\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/ankush-singh.webp\" alt=\"Ankush Singh\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-project\">Project Management<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Civil Project Manager<\/span>\r\n <h3>Ankush Singh<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Manages structural execution on-site, from foundation to finish, with a sharp eye on build quality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"design\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/shweta-anand.webp\" alt=\"Shweta Anand\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-design\">Design<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Project Architect<\/span>\r\n <h3>Shweta Anand<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Translates concept into construction-ready drawings, balancing form, function and buildability.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"design\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/roopali-parsad.webp\" alt=\"Roopali Parsad\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-design\">Design<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Architect<\/span>\r\n <h3>Roopali Parsad<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Designs spatial layouts that maximise light, ventilation and green frontage in every unit.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"design\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/chetan-suri.webp\" alt=\"Chetan Suri\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-design\">Design<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Architect<\/span>\r\n <h3>Chetan Suri<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Works across facades and common areas to keep every Botanix project visually cohesive.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"business\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/oindrila-laha.webp\" alt=\"Oindrila Laha\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-business\">Business<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Marketing Head<\/span>\r\n <h3>Oindrila Laha<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Builds the Botanix brand story and leads campaigns that bring each project to the right audience.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card reveal\" data-dept=\"business\">\r\n <div class=\"tc-top\">\r\n <div class=\"avatar\"><img decoding=\"async\" src=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/08\/preeti-mishra.webp\" alt=\"Preeti Mishra\" loading=\"lazy\"><\/div>\r\n <span class=\"dept-pill dept-business\">Business<\/span>\r\n <\/div>\r\n <span class=\"role eyebrow\">Business Developer<\/span>\r\n <h3>Preeti Mishra<\/h3>\r\n <div class=\"tc-bio-wrap\">\r\n <div class=\"tc-vein\"><\/div>\r\n <p class=\"tc-bio\">Scouts new sales and channel partnerships that shape how we grow and where Botanix Residences goes next.\r\n<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ entrance reveal\r\ngsap.utils.toArray('.reveal').forEach((el,i)=>{\r\n gsap.to(el,{\r\n opacity:1, y:0, duration:1, ease:'power3.out', delay: i*0.03,\r\n scrollTrigger:{trigger:el,start:'top 90%'}\r\n });\r\n});\r\ngsap.utils.toArray('.founder-card').forEach((c,i)=>{\r\n gsap.to(c,{opacity:1,y:0,duration:.9,delay:i*0.1,ease:'power3.out',\r\n scrollTrigger:{trigger:c,start:'top 88%'}});\r\n});\r\ngsap.utils.toArray('.team-card').forEach((c,i)=>{\r\n gsap.to(c,{opacity:1,y:0,duration:.7,delay:(i%4)*0.06,ease:'power3.out',\r\n scrollTrigger:{trigger:c,start:'top 92%'}});\r\n});\r\n\r\n\/\/ department filter\r\nconst pills = document.querySelectorAll('.filter-pill');\r\nconst cards = document.querySelectorAll('#teamGrid .team-card');\r\npills.forEach(p=>{\r\n p.addEventListener('click', ()=>{\r\n pills.forEach(x=>x.classList.remove('active'));\r\n p.classList.add('active');\r\n const f = p.dataset.filter;\r\n cards.forEach(c=>{\r\n const show = (f === 'all' || c.dataset.dept === f);\r\n if(show){\r\n c.classList.remove('hidden-dept');\r\n gsap.fromTo(c, {opacity:0, y:14}, {opacity:1, y:0, duration:.45, ease:'power2.out'});\r\n } else {\r\n gsap.to(c, {opacity:0, y:14, duration:.25, ease:'power2.in', onComplete:()=> c.classList.add('hidden-dept')});\r\n }\r\n });\r\n });\r\n});\r\n\r\n\/\/ tap-to-expand bio on touch devices\r\ncards.forEach(c=>{\r\n c.addEventListener('click', ()=>{\r\n if(window.matchMedia('(hover: none)').matches){\r\n c.classList.toggle('tapped');\r\n }\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Botanix Residences \u2014 Header + Hero Our Story Our Team Our Projects Get Quote Our Story Our Team Our Projects […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-3216","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.2 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>New Page -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/botanixresidences.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Page\" \/>\n<meta property=\"og:description\" content=\"Botanix Residences \u2014 Header + Hero Our Story Our Team Our Projects Get Quote Our Story Our Team Our Projects […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/botanixresidences.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-29T07:23:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/\",\"url\":\"https:\\\/\\\/botanixresidences.com\\\/\",\"name\":\"New Page -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/botanixresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/BOTANIX-RESIDENCE-LOGO-white.webp\",\"datePublished\":\"2026-03-10T06:31:23+00:00\",\"dateModified\":\"2026-08-29T07:23:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/botanixresidences.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/botanixresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/BOTANIX-RESIDENCE-LOGO-white.webp\",\"contentUrl\":\"https:\\\/\\\/botanixresidences.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/BOTANIX-RESIDENCE-LOGO-white.webp\",\"width\":1600,\"height\":484},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/botanixresidences.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/botanixresidences.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#website\",\"url\":\"https:\\\/\\\/www.botanixresidences.com\\\/\",\"name\":\"botanixresidences\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.botanixresidences.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#organization\",\"name\":\"Botanix Residences\",\"url\":\"https:\\\/\\\/www.botanixresidences.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/botanixresidences.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-BOTANIX-RESIDENCE-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/botanixresidences.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/cropped-BOTANIX-RESIDENCE-LOGO-2.png\",\"width\":1733,\"height\":548,\"caption\":\"Botanix Residences\"},\"image\":{\"@id\":\"https:\\\/\\\/www.botanixresidences.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"New Page -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/botanixresidences.com\/","og_locale":"en_US","og_type":"article","og_title":"New Page","og_description":"Botanix Residences \u2014 Header + Hero Our Story Our Team Our Projects Get Quote Our Story Our Team Our Projects […]","og_url":"https:\/\/botanixresidences.com\/","article_modified_time":"2026-08-29T07:23:26+00:00","og_image":[{"url":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/botanixresidences.com\/","url":"https:\/\/botanixresidences.com\/","name":"New Page -","isPartOf":{"@id":"https:\/\/www.botanixresidences.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/botanixresidences.com\/#primaryimage"},"image":{"@id":"https:\/\/botanixresidences.com\/#primaryimage"},"thumbnailUrl":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp","datePublished":"2026-03-10T06:31:23+00:00","dateModified":"2026-08-29T07:23:26+00:00","breadcrumb":{"@id":"https:\/\/botanixresidences.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/botanixresidences.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/botanixresidences.com\/#primaryimage","url":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp","contentUrl":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2026\/02\/BOTANIX-RESIDENCE-LOGO-white.webp","width":1600,"height":484},{"@type":"BreadcrumbList","@id":"https:\/\/botanixresidences.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/botanixresidences.com\/"},{"@type":"ListItem","position":2,"name":"New Page"}]},{"@type":"WebSite","@id":"https:\/\/www.botanixresidences.com\/#website","url":"https:\/\/www.botanixresidences.com\/","name":"botanixresidences","description":"","publisher":{"@id":"https:\/\/www.botanixresidences.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.botanixresidences.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.botanixresidences.com\/#organization","name":"Botanix Residences","url":"https:\/\/www.botanixresidences.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.botanixresidences.com\/#\/schema\/logo\/image\/","url":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2024\/10\/cropped-BOTANIX-RESIDENCE-LOGO-2.png","contentUrl":"https:\/\/botanixresidences.com\/wp-content\/uploads\/2024\/10\/cropped-BOTANIX-RESIDENCE-LOGO-2.png","width":1733,"height":548,"caption":"Botanix Residences"},"image":{"@id":"https:\/\/www.botanixresidences.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/pages\/3216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/botanixresidences.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3216"}],"version-history":[{"count":517,"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/pages\/3216\/revisions"}],"predecessor-version":[{"id":3896,"href":"https:\/\/botanixresidences.com\/index.php?rest_route=\/wp\/v2\/pages\/3216\/revisions\/3896"}],"wp:attachment":[{"href":"https:\/\/botanixresidences.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}