{"id":51,"date":"2026-03-13T17:42:25","date_gmt":"2026-03-13T17:42:25","guid":{"rendered":"https:\/\/vivenzia.invictus-lead-generation.com\/?page_id=51"},"modified":"2026-03-16T15:00:35","modified_gmt":"2026-03-16T15:00:35","slug":"elementor-51","status":"publish","type":"page","link":"https:\/\/vivenzia.invictus-lead-generation.com\/","title":{"rendered":"Elementor #51"},"content":{"rendered":"\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\nVIVENZIA \u2013 Root, Seed & Flower<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --bg: #0a0808;\r\n --surface: #110d0d;\r\n --gold: #c0251c;\r\n --gold-light: #e03a30;\r\n --cream: #f5ecea;\r\n --muted: #6b5252;\r\n --text: #e8d8d6;\r\n --can-pink: #e8c4b8;\r\n --can-lavender: #c4b8d4;\r\n --can-peach: #e8d4b8;\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n \/* \u2500\u2500 Botanical decorative elements \u2500\u2500 *\/\r\n .vz-botanical { position:absolute; pointer-events:none; z-index:1; }\r\n .vz-bot-tl { top:0; left:0; width:clamp(200px,26vw,360px); opacity:0.16; }\r\n .vz-bot-tr { top:0; right:0; width:clamp(200px,26vw,360px); opacity:0.16; transform:scaleX(-1); }\r\n .vz-bot-bl { bottom:0; left:0; width:clamp(160px,20vw,260px); opacity:0.12; transform:scaleY(-1); }\r\n .vz-bot-br { bottom:0; right:0; width:clamp(160px,20vw,260px); opacity:0.12; transform:scale(-1,-1); }\r\n .vz-bot-strip { position:relative; height:100px; background:var(--bg); overflow:hidden; display:flex; align-items:center; justify-content:center; }\r\n .vz-bot-strip svg { width:100%; height:100px; opacity:0.2; }\r\n .m-can-botanical { position:absolute; inset:-55px; pointer-events:none; z-index:0; opacity:0; transition:opacity 1.2s ease; }\r\n .m-can-botanical.visible { opacity:0.3; }\r\n .origin-botanical { position:absolute; bottom:0; right:0; width:42%; max-width:560px; opacity:0.13; pointer-events:none; z-index:1; }\r\n .fb-botanical-left { position:absolute; left:0; top:50%; transform:translateY(-50%); width:clamp(160px,20vw,300px); opacity:0.14; pointer-events:none; z-index:1; }\r\n .fb-botanical-right { position:absolute; right:0; top:50%; transform:translateY(-50%) scaleX(-1); width:clamp(160px,20vw,300px); opacity:0.14; pointer-events:none; z-index:1; }\r\n .vz-section-divider { width:100%; overflow:visible; display:block; margin:-1px 0; opacity:0.18; }\r\n\r\n\r\n body {\r\n background: var(--bg);\r\n color: var(--text);\r\n font-family: 'Jost', sans-serif;\r\n font-weight: 300;\r\n overflow-x: hidden;\r\n cursor: none;\r\n }\r\n\r\n \/* Custom cursor *\/\r\n .cursor {\r\n width: 8px; height: 8px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n position: fixed;\r\n top: 0; left: 0;\r\n pointer-events: none;\r\n z-index: 9999;\r\n transition: transform 0.1s ease;\r\n }\r\n .cursor-ring {\r\n width: 32px; height: 32px;\r\n border: 1px solid rgba(192,37,28,0.4);\r\n border-radius: 50%;\r\n position: fixed;\r\n top: 0; left: 0;\r\n pointer-events: none;\r\n z-index: 9998;\r\n transition: transform 0.15s ease, width 0.3s, height 0.3s, border-color 0.3s;\r\n }\r\n\r\n \/* Noise overlay *\/\r\n body::before {\r\n content: '';\r\n position: fixed; inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\r\n opacity: 0.025;\r\n pointer-events: none;\r\n z-index: 1000;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0;\r\n z-index: 500;\r\n padding: 28px 60px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n background: linear-gradient(to bottom, rgba(12,11,9,0.9), transparent);\r\n }\r\n .nav-logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px;\r\n font-weight: 600;\r\n letter-spacing: 0.25em;\r\n color: var(--cream);\r\n text-decoration: none;\r\n }\r\n .nav-links {\r\n display: flex; gap: 48px;\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n text-decoration: none;\r\n color: var(--muted);\r\n font-size: 11px;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n transition: color 0.3s;\r\n }\r\n .nav-links a:hover { color: var(--gold); }\r\n\r\n\r\n\r\n \/* \u2500\u2500\u2500 MASTER UNIFIED SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .master-section { height: 1000vh; position: relative; }\r\n .master-sticky {\r\n position: sticky; top: 0; height: 100vh; overflow: hidden;\r\n }\r\n .m-spotlight { position: absolute; inset: 0; pointer-events: none; z-index: 0; }\r\n .m-can-wrap {\r\n position: absolute;\r\n left: 50%; top: 50%;\r\n transform: translate(-50%, -50%) rotate(-18deg) scale(0.9);\r\n z-index: 2; width: clamp(500px, 65vw, 900px); will-change: transform;\r\n }\r\n .m-can-svg {\r\n width: 100%;\r\n height: auto;\r\n filter: brightness(0.12) saturate(0);\r\n will-change: filter;\r\n display: block;\r\n position: relative;\r\n z-index: 3;\r\n }\r\n .m-can-glow {\r\n position: absolute; inset: -80px;\r\n background: radial-gradient(ellipse, rgba(192,37,28,0) 0%, transparent 65%);\r\n pointer-events: none; z-index: -1;\r\n }\r\n .m-hero-text {\r\n position: absolute; top: 50%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n text-align: center; z-index: 3; pointer-events: none; white-space: nowrap;\r\n }\r\n .m-eyebrow {\r\n font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase;\r\n color: var(--gold); margin-bottom: 32px;\r\n opacity: 0; animation: fadeUp 1s 0.3s forwards;\r\n }\r\n .m-title {\r\n font-family: 'Cormorant Garamond', serif !important;\r\n font-size: 112px !important;\r\n font-weight: 300 !important;\r\n line-height: 0.88 !important;\r\n letter-spacing: -0.02em !important;\r\n color: #ffffff !important;\r\n opacity: 0;\r\n animation: fadeUp 1.2s 0.5s forwards;\r\n }\r\n .m-title em { font-style: italic !important; color: var(--gold-light) !important; }\r\n .m-sub {\r\n margin-top: 48px; font-size: 15px; letter-spacing: 0.2em;\r\n color: var(--muted); text-transform: uppercase;\r\n opacity: 0; animation: fadeUp 1s 0.9s forwards;\r\n }\r\n .m-scroll-hint {\r\n position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; gap: 12px;\r\n z-index: 10; opacity: 0; animation: fadeUp 1s 1.5s forwards;\r\n }\r\n .m-scroll-hint span { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); }\r\n .scroll-line {\r\n width: 1px; height: 60px;\r\n background: linear-gradient(to bottom, var(--gold), transparent);\r\n animation: scrollPulse 2s infinite;\r\n }\r\n .m-panels {\r\n position: absolute; right: 0; top: 0; width: 50%; height: 100%;\r\n display: flex; align-items: center; padding: 0 80px 0 40px;\r\n opacity: 0; z-index: 3; pointer-events: none;\r\n }\r\n .m-panel {\r\n position: absolute; opacity: 0; transform: translateY(16px);\r\n transition: opacity 0.5s, transform 0.5s; max-width: 480px;\r\n }\r\n .m-panel.active { opacity: 1; transform: translateY(0); }\r\n .panel-number { font-size: 10px; letter-spacing: 0.3em; color: var(--gold); text-transform: uppercase; margin-bottom: 24px; }\r\n .panel-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(42px, 5vw, 72px); font-weight: 300; line-height: 1.05; color: var(--cream); margin-bottom: 32px; }\r\n .panel-title em { font-style: italic; color: var(--gold-light); }\r\n .panel-body { font-size: 18px; line-height: 1.8; color: rgba(232,224,212,0.65); }\r\n .panel-tag { display: inline-block; margin-top: 32px; padding: 8px 20px; border: 1px solid rgba(192,37,28,0.3); font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); }\r\n .progress-dots {\r\n position: absolute; right: 32px; top: 50%; transform: translateY(-50%);\r\n display: flex; flex-direction: column; gap: 12px; z-index: 10; opacity: 0;\r\n }\r\n .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); transition: all 0.3s; cursor: pointer; }\r\n .dot.active { background: var(--gold); transform: scale(1.5); }\r\n .m-progress {\r\n position: absolute; bottom: 0; left: 0; height: 1px;\r\n background: linear-gradient(to right, transparent, var(--gold), transparent);\r\n width: 0%; z-index: 10;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n ORIGIN \u2014 full-bleed mountain section\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .origin-section {\r\n position: relative;\r\n height: 100vh;\r\n min-height: 700px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-end;\r\n }\r\n .origin-image-wrap {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n }\r\n .origin-image {\r\n position: absolute; inset: -10%;\r\n will-change: transform;\r\n transition: transform 0.05s linear;\r\n overflow: hidden;\r\n }\r\n .origin-image svg {\r\n width: 100%; height: 100%;\r\n display: block;\r\n }\r\n .origin-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 .origin-image-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(12,11,9,0.15) 0%,\r\n rgba(12,11,9,0.1) 30%,\r\n rgba(12,11,9,0.55) 65%,\r\n rgba(12,11,9,0.92) 100%\r\n );\r\n }\r\n .origin-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 80px 100px;\r\n max-width: 680px;\r\n }\r\n .origin-kicker {\r\n font-size: 10px;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n }\r\n .origin-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(64px, 8vw, 120px);\r\n font-weight: 300;\r\n line-height: 0.9;\r\n color: var(--cream);\r\n margin-bottom: 32px;\r\n }\r\n .origin-title em { font-style: italic; color: #e03a30; }\r\n .origin-rule {\r\n width: 48px; height: 1px;\r\n background: var(--gold);\r\n margin-bottom: 32px;\r\n }\r\n .origin-body {\r\n font-size: 18px;\r\n line-height: 1.85;\r\n color: rgba(232,224,212,0.88);\r\n max-width: 480px;\r\n margin-bottom: 28px;\r\n }\r\n .origin-caption {\r\n font-size: 10px;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: rgba(232,224,212,0.85);\r\n background: rgba(10,8,8,0.65);\r\n display: inline-block;\r\n padding: 6px 14px;\r\n backdrop-filter: blur(6px);\r\n }\r\n .origin-stat {\r\n position: absolute;\r\n bottom: 100px; right: 80px;\r\n z-index: 2;\r\n text-align: right;\r\n border-right: 2px solid rgba(192,37,28,0.7);\r\n padding-right: 24px;\r\n background: rgba(10,8,8,0.45);\r\n padding: 16px 24px 16px 20px;\r\n backdrop-filter: blur(8px);\r\n }\r\n .stat-num {\r\n display: block;\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 80px;\r\n font-weight: 300;\r\n color: rgba(232,224,212,0.55);\r\n line-height: 1;\r\n }\r\n .stat-unit {\r\n display: block;\r\n font-size: 11px;\r\n letter-spacing: 0.3em;\r\n color: var(--gold-light);\r\n text-transform: uppercase;\r\n margin-top: -8px;\r\n }\r\n .stat-label {\r\n display: block;\r\n font-size: 10px;\r\n letter-spacing: 0.2em;\r\n color: var(--muted);\r\n text-transform: uppercase;\r\n margin-top: 8px;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n EDITORIAL SPLIT \u2014 image left, text right\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .editorial-split {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 100vh;\r\n overflow: hidden;\r\n }\r\n .es-image {\r\n position: relative;\r\n overflow: hidden;\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n transition: opacity 1s, transform 1s;\r\n }\r\n .es-image.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .es-image img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n filter: brightness(0.88) saturate(0.9);\r\n transition: transform 8s ease, filter 0.6s;\r\n }\r\n .es-image:hover img {\r\n transform: scale(1.04);\r\n filter: brightness(0.95) saturate(1);\r\n }\r\n .es-image-caption {\r\n position: absolute;\r\n bottom: 32px; left: 32px;\r\n font-size: 10px;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(232,224,212,0.45);\r\n background: rgba(12,11,9,0.4);\r\n padding: 8px 14px;\r\n backdrop-filter: blur(4px);\r\n }\r\n .es-content {\r\n background: var(--surface);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 100px 80px;\r\n position: relative;\r\n }\r\n .es-content::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: radial-gradient(ellipse 60% 50% at 100% 50%, rgba(192,37,28,0.04), transparent);\r\n }\r\n .es-kicker {\r\n font-size: 10px;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 24px;\r\n }\r\n .es-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(48px, 5vw, 80px);\r\n font-weight: 300;\r\n line-height: 1.0;\r\n color: var(--cream);\r\n margin-bottom: 28px;\r\n }\r\n .es-title em { font-style: italic; color: var(--gold-light); }\r\n .es-body {\r\n font-size: 18px;\r\n line-height: 1.85;\r\n color: rgba(232,224,212,0.6);\r\n max-width: 420px;\r\n margin-bottom: 52px;\r\n }\r\n .relid-features-new {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n .rfn-item {\r\n display: flex;\r\n gap: 28px;\r\n align-items: flex-start;\r\n padding: 24px 0;\r\n border-bottom: 1px solid rgba(107,100,89,0.15);\r\n opacity: 0;\r\n transform: translateY(16px);\r\n transition: opacity 0.7s, transform 0.7s;\r\n }\r\n .rfn-item.visible { opacity: 1; transform: translateY(0); }\r\n .rfn-item:nth-child(2) { transition-delay: 0.1s; }\r\n .rfn-item:nth-child(3) { transition-delay: 0.2s; }\r\n .rfn-line {\r\n width: 1px;\r\n height: 48px;\r\n background: linear-gradient(to bottom, var(--gold), transparent);\r\n flex-shrink: 0;\r\n margin-top: 4px;\r\n }\r\n .rfn-title {\r\n font-size: 12px;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--cream);\r\n font-weight: 400;\r\n margin-bottom: 6px;\r\n }\r\n .rfn-body {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: rgba(232,224,212,0.45);\r\n }\r\n\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PHYTODRINK SECTION\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .phyto-section {\r\n background: var(--surface);\r\n padding: 140px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .phyto-section::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(192,37,28,0.05), transparent);\r\n }\r\n .phyto-inner {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 80px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .phyto-kicker {\r\n font-size: 10px;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 32px;\r\n display: block;\r\n }\r\n .phyto-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(44px, 5.5vw, 80px);\r\n font-weight: 300;\r\n line-height: 1.05;\r\n color: var(--cream);\r\n margin-bottom: 56px;\r\n }\r\n .phyto-title em { font-style: italic; color: var(--gold-light); }\r\n .phyto-body-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n margin-bottom: 48px;\r\n }\r\n .phyto-body {\r\n font-size: 18px;\r\n line-height: 1.85;\r\n color: rgba(232,224,212,0.7);\r\n max-width: 720px;\r\n margin: 0 auto;\r\n }\r\n .phyto-caption {\r\n font-size: 11px;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n opacity: 0.7;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FORMULATIONS\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .formulations {\r\n padding: 0 0 120px;\r\n position: relative;\r\n background: var(--bg);\r\n }\r\n\r\n \/* Image strip at top of formulations *\/\r\n\r\n .formula-header {\r\n text-align: center;\r\n padding: 0 60px 80px;\r\n }\r\n .formula-kicker {\r\n font-size: 10px;\r\n letter-spacing: 0.4em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n margin-bottom: 20px;\r\n }\r\n .formula-big-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(48px, 7vw, 100px);\r\n font-weight: 300;\r\n color: var(--cream);\r\n line-height: 1;\r\n }\r\n .formula-big-title em { font-style: italic; color: var(--gold-light); }\r\n\r\n .formula-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 2px;\r\n padding: 0 2px;\r\n }\r\n .formula-card {\r\n background: var(--surface);\r\n padding: 48px 32px;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: none;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s, transform 0.7s, background 0.4s;\r\n }\r\n .formula-card.visible { opacity: 1; transform: translateY(0); }\r\n .formula-card:nth-child(2) { transition-delay: 0.08s; }\r\n .formula-card:nth-child(3) { transition-delay: 0.16s; }\r\n .formula-card:nth-child(4) { transition-delay: 0.24s; }\r\n .formula-card::before {\r\n content: '';\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: var(--formula-color, var(--gold));\r\n transform: scaleX(0);\r\n transition: transform 0.4s;\r\n transform-origin: left;\r\n }\r\n .formula-card:hover::before { transform: scaleX(1); }\r\n .formula-card:hover { background: #181612; }\r\n .formula-code {\r\n font-size: 10px; letter-spacing: 0.3em;\r\n color: var(--formula-color, var(--gold));\r\n margin-bottom: 16px; text-transform: uppercase;\r\n }\r\n .formula-name {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 32px; font-weight: 300;\r\n color: var(--cream); line-height: 1.1; margin-bottom: 8px;\r\n }\r\n .formula-subtitle {\r\n font-size: 10px; letter-spacing: 0.2em;\r\n text-transform: uppercase; color: var(--muted); margin-bottom: 28px;\r\n }\r\n .formula-desc {\r\n font-size: 16px; line-height: 1.75; color: rgba(232,224,212,0.5);\r\n margin-bottom: 28px;\r\n }\r\n .formula-ingredients { display: flex; flex-direction: column; gap: 8px; }\r\n .ingredient {\r\n display: flex; align-items: center; gap: 10px;\r\n font-size: 11px; color: rgba(232,224,212,0.38);\r\n }\r\n .ingredient::before {\r\n content: ''; width: 16px; height: 1px;\r\n background: var(--formula-color, var(--gold)); flex-shrink: 0;\r\n }\r\n .formula-card[data-formula=\"FLOW\"] { --formula-color: #b8c4d4; }\r\n .formula-card[data-formula=\"CALM\"] { --formula-color: #9eb8a0; }\r\n .formula-card[data-formula=\"CLEAR\"] { --formula-color: var(--gold); }\r\n .formula-card[data-formula=\"ENDURANCE\"] { --formula-color: #c29e7e; }\r\n .formula-card[data-formula=\"RENEW\"] { --formula-color: #a09ec2; }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FULLBLEED CTA\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .fullbleed-cta {\r\n position: relative;\r\n height: 100vh;\r\n min-height: 700px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .fb-image {\r\n position: absolute; inset: -10%;\r\n will-change: transform;\r\n overflow: hidden;\r\n }\r\n .fb-image svg { width: 100%; height: 100%; display: block; }\r\n .fb-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(12,11,9,0.75) 0%,\r\n rgba(12,11,9,0.4) 50%,\r\n rgba(12,11,9,0.65) 100%\r\n );\r\n }\r\n .fb-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n max-width: 700px;\r\n padding: 0 40px;\r\n }\r\n .fb-kicker {\r\n font-size: 10px; letter-spacing: 0.4em;\r\n text-transform: uppercase; color: var(--gold); margin-bottom: 24px;\r\n }\r\n .fb-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: clamp(64px, 9vw, 130px);\r\n font-weight: 300; line-height: 0.9;\r\n color: var(--cream); margin-bottom: 28px;\r\n }\r\n .fb-title em { font-style: italic; color: var(--gold-light); }\r\n .fb-sub {\r\n font-size: 13px; letter-spacing: 0.2em;\r\n text-transform: uppercase; color: rgba(232,224,212,0.5);\r\n margin-bottom: 56px;\r\n }\r\n .fb-buttons {\r\n display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\r\n }\r\n .fb-quote {\r\n position: absolute;\r\n bottom: 48px; left: 50%;\r\n transform: translateX(-50%);\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 15px; font-style: italic;\r\n color: rgba(232,224,212,0.3);\r\n letter-spacing: 0.05em;\r\n white-space: nowrap;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n .footer-new {\r\n background: #080807;\r\n padding: 60px 80px 40px;\r\n border-top: 1px solid rgba(107,100,89,0.15);\r\n }\r\n .fn-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 48px;\r\n padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(107,100,89,0.1);\r\n }\r\n .fn-logo {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 22px; letter-spacing: 0.35em;\r\n color: rgba(232,224,212,0.4);\r\n }\r\n .fn-links {\r\n display: flex; gap: 40px;\r\n }\r\n .fn-links a {\r\n font-size: 10px; letter-spacing: 0.25em;\r\n text-transform: uppercase; color: var(--muted);\r\n text-decoration: none; transition: color 0.3s;\r\n }\r\n .fn-links a:hover { color: var(--gold); }\r\n .fn-tagline {\r\n font-size: 10px; letter-spacing: 0.3em;\r\n text-transform: uppercase; color: rgba(107,100,89,0.5);\r\n }\r\n .fn-bottom {\r\n display: flex; justify-content: space-between;\r\n font-size: 10px; letter-spacing: 0.15em;\r\n color: rgba(107,100,89,0.4); text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(24px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes scrollPulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.3; }\r\n }\r\n @keyframes ringExpand {\r\n 0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.95); }\r\n 50% { opacity: 0.15; transform: translate(-50%, -50%) scale(1); }\r\n 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.95); }\r\n }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(var(--r, 0deg)); }\r\n 50% { transform: translateY(-12px) rotate(var(--r, 0deg)); }\r\n }\r\n @keyframes lidFloat {\r\n 0%, 100% { transform: translate(-50%, -50%) rotate(-2deg); }\r\n 50% { transform: translate(-50%, -50%) rotate(2deg) translateY(-8px); }\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.8s, transform 0.8s;\r\n }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MOBILE OPTIMISATION \u2264 768px\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n @media (max-width: 768px) {\r\n\r\n \/* Hide custom cursor on touch *\/\r\n .cursor-dot, .cursor-ring { display: none !important; }\r\n body { cursor: auto; }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav { padding: 20px 24px; }\r\n .nav-links { display: none; }\r\n\r\n \/* \u2500\u2500 HERO \/ MASTER SECTION \u2500\u2500 *\/\r\n .master-section { height: 550vh; }\r\n\r\n \/* Can: upper screen, medium size *\/\r\n .m-can-wrap {\r\n width: 460px !important;\r\n top: 26% !important;\r\n }\r\n\r\n \/* Hero text: directly below can, reasonable size *\/\r\n .m-hero-text {\r\n white-space: normal !important;\r\n width: 92vw;\r\n padding: 0 20px;\r\n top: 58% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, 0) !important;\r\n text-align: center;\r\n }\r\n .m-title {\r\n font-size: 52px !important;\r\n line-height: 1.0 !important;\r\n }\r\n .m-eyebrow { margin-bottom: 16px; }\r\n .m-sub { font-size: 12px !important; margin-top: 20px; }\r\n\r\n \/* Panels: full-width bottom area, no overflow *\/\r\n .m-panels {\r\n width: 100% !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n top: auto !important;\r\n bottom: 0 !important;\r\n height: 55% !important;\r\n padding: 20px 28px 52px !important;\r\n align-items: flex-start !important;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n background: linear-gradient(to top, rgba(10,8,8,0.97) 60%, rgba(10,8,8,0.7) 85%, transparent 100%);\r\n }\r\n .m-panel {\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n position: absolute !important;\r\n overflow: hidden !important;\r\n box-sizing: border-box !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding-right: 8px;\r\n }\r\n .panel-number { margin-bottom: 12px; }\r\n .panel-title {\r\n font-size: clamp(28px, 7vw, 40px) !important;\r\n margin-bottom: 14px !important;\r\n line-height: 1.1 !important;\r\n max-width: 100% !important;\r\n word-break: break-word;\r\n }\r\n .panel-body {\r\n font-size: 14px !important;\r\n line-height: 1.65 !important;\r\n display: block !important;\r\n overflow: visible !important;\r\n word-break: break-word;\r\n max-width: 100% !important;\r\n }\r\n .panel-tag { margin-top: 16px; font-size: 9px; }\r\n\r\n \/* Progress dots: horizontal, above panel text *\/\r\n .progress-dots {\r\n right: auto !important;\r\n left: 50% !important;\r\n top: auto !important;\r\n bottom: 36px !important;\r\n transform: translateX(-50%) !important;\r\n flex-direction: row !important;\r\n gap: 10px !important;\r\n }\r\n\r\n \/* Scroll hint: hidden on mobile *\/\r\n .m-scroll-hint { display: none !important; }\r\n\r\n \/* \u2500\u2500 ORIGIN SECTION \u2500\u2500 *\/\r\n .origin-section { height: 75vh; min-height: 500px; }\r\n .origin-content { padding: 0 28px 60px; max-width: 100%; }\r\n .origin-title { font-size: clamp(44px, 10vw, 64px); }\r\n .origin-body { font-size: 16px; }\r\n .origin-stat { display: none; }\r\n .origin-botanical { display: none; }\r\n\r\n \/* \u2500\u2500 EDITORIAL SPLIT (ReLid) \u2500\u2500 *\/\r\n .editorial-split { grid-template-columns: 1fr; min-height: auto; }\r\n .es-image {\r\n height: 60vw;\r\n min-height: 240px;\r\n max-height: 360px;\r\n transform: none !important;\r\n opacity: 1 !important;\r\n }\r\n .es-content { padding: 48px 28px 56px; }\r\n .es-title { font-size: clamp(34px, 9vw, 52px); }\r\n .es-body { font-size: 16px; max-width: 100%; margin-bottom: 36px; }\r\n\r\n\r\n \/* \u2500\u2500 PHYTODRINK \u2500\u2500 *\/\r\n .phyto-section { padding: 80px 0; }\r\n .phyto-inner { padding: 0 28px; }\r\n .phyto-title { font-size: clamp(36px, 9vw, 52px); margin-bottom: 36px; }\r\n .phyto-body { font-size: 16px; }\r\n\r\n \/* \u2500\u2500 FORMULATIONS \u2500\u2500 *\/\r\n .formulations { padding: 0 0 80px; }\r\n .formula-header { padding: 60px 28px 48px; }\r\n .formula-big-title { font-size: clamp(40px, 10vw, 60px); }\r\n .formula-grid { grid-template-columns: 1fr 1fr; gap: 2px; padding: 0 2px; }\r\n .formula-card { padding: 32px 20px; }\r\n .formula-name { font-size: 24px; }\r\n\r\n \/* \u2500\u2500 FULLBLEED CTA \u2500\u2500 *\/\r\n .fullbleed-cta { min-height: 80vh; }\r\n .fb-content { padding: 0 28px; }\r\n .fb-title { font-size: clamp(52px, 13vw, 80px); }\r\n .fb-sub { font-size: 12px; letter-spacing: 0.15em; margin-bottom: 0; }\r\n .fb-quote { display: none; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n .footer-new { padding: 48px 28px 32px; }\r\n .fn-top { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 28px; padding-bottom: 28px; }\r\n .fn-links { flex-wrap: wrap; gap: 18px; }\r\n .fn-bottom { flex-direction: column; gap: 8px; }\r\n\r\n \/* \u2500\u2500 BOTANICALS \u2500\u2500 *\/\r\n .vz-bot-tl, .vz-bot-tr { width: clamp(100px, 28vw, 180px); opacity: 0.09; }\r\n .vz-bot-bl, .vz-bot-br { width: clamp(70px, 18vw, 120px); opacity: 0.07; }\r\n .fb-botanical-left, .fb-botanical-right { display: none; }\r\n .vz-bot-strip { height: 60px; }\r\n .vz-bot-strip svg { height: 60px; }\r\n }\r\n\r\n \/* \u2500\u2500 Smaller phones \u2264 480px \u2500\u2500 *\/\r\n @media (max-width: 480px) {\r\n .formula-grid { grid-template-columns: 1fr; }\r\n .formula-card { padding: 28px 20px; }\r\n .m-can-wrap { width: 400px !important; }\r\n .m-title { font-size: 46px !important; }\r\n .origin-title { font-size: clamp(36px, 11vw, 52px); }\r\n .fb-title { font-size: clamp(44px, 14vw, 64px); }\r\n }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <a href=\"#\" class=\"nav-logo\">VIVENZIA<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#origin\">Philosophy<\/a><\/li>\r\n <li><a href=\"#relid\">ReLid<\/a><\/li>\r\n <li><a href=\"#formulations\">Formulations<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<!-- MASTER UNIFIED SCROLL SECTION -->\r\n<section class=\"master-section\" id=\"master\">\r\n <div class=\"master-sticky\" id=\"masterSticky\">\r\n\r\n <!-- Botanical corners in hero -->\r\n <div class=\"vz-botanical vz-bot-tl\"><svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1.3\" fill=\"none\">\r\n <!-- Main branch -->\r\n <path d=\"M10,10 C40,40 80,60 120,65 C160,70 200,55 240,40 C260,32 280,25 295,20\"\/>\r\n <path d=\"M10,10 C20,50 25,90 15,130 C8,160 -2,188 0,215\"\/>\r\n <!-- Sub-branches -->\r\n <path d=\"M40,38 C50,20 65,10 82,8\"\/>\r\n <path d=\"M70,55 C85,35 105,25 125,22\"\/>\r\n <path d=\"M100,62 C118,48 140,42 162,42\"\/>\r\n <path d=\"M18,70 C5,80 -2,95 2,112\"\/>\r\n <path d=\"M14,100 C0,112 -5,130 2,148\"\/>\r\n <!-- Berries cluster -->\r\n <circle cx=\"88\" cy=\"8\" r=\"8\" fill=\"#c0251c\" opacity=\"0.55\"\/>\r\n <circle cx=\"100\" cy=\"4\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"76\" cy=\"4\" r=\"5\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"95\" cy=\"16\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"86\" cy=\"8\" r=\"2\" fill=\"rgba(245,236,234,0.5)\"\/>\r\n <circle cx=\"130\" cy=\"22\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"142\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"120\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"128\" cy=\"22\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"168\" cy=\"42\" r=\"8\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"180\" cy=\"36\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"158\" cy=\"36\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Leaves -->\r\n <path d=\"M40,38 C48,28 58,24 68,28 C58,34 52,42 52,52 C47,48 42,44 40,38Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M75,55 C85,44 98,40 108,44 C97,51 90,62 92,73 C84,68 77,63 75,55Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M18,70 C12,78 10,90 15,98 C18,88 25,80 34,76 C28,74 22,72 18,70Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <path d=\"M14,100 C8,110 7,122 13,130 C16,119 24,110 34,106 C26,104 19,102 14,100Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <!-- Small flower -->\r\n <path d=\"M240,40 C235,28 238,18 246,15 C254,12 260,20 258,30 C256,20 250,17 246,21 C242,25 242,34 246,42Z\" opacity=\"0.8\"\/>\r\n <path d=\"M256,46 C248,40 244,30 248,22 C252,14 262,15 264,24 C260,18 254,18 252,24 C250,30 252,40 258,46Z\" opacity=\"0.7\"\/>\r\n <circle cx=\"252\" cy=\"48\" r=\"6\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <div class=\"vz-botanical vz-bot-tr\"><svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1.3\" fill=\"none\">\r\n <!-- Main branch -->\r\n <path d=\"M10,10 C40,40 80,60 120,65 C160,70 200,55 240,40 C260,32 280,25 295,20\"\/>\r\n <path d=\"M10,10 C20,50 25,90 15,130 C8,160 -2,188 0,215\"\/>\r\n <!-- Sub-branches -->\r\n <path d=\"M40,38 C50,20 65,10 82,8\"\/>\r\n <path d=\"M70,55 C85,35 105,25 125,22\"\/>\r\n <path d=\"M100,62 C118,48 140,42 162,42\"\/>\r\n <path d=\"M18,70 C5,80 -2,95 2,112\"\/>\r\n <path d=\"M14,100 C0,112 -5,130 2,148\"\/>\r\n <!-- Berries cluster -->\r\n <circle cx=\"88\" cy=\"8\" r=\"8\" fill=\"#c0251c\" opacity=\"0.55\"\/>\r\n <circle cx=\"100\" cy=\"4\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"76\" cy=\"4\" r=\"5\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"95\" cy=\"16\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"86\" cy=\"8\" r=\"2\" fill=\"rgba(245,236,234,0.5)\"\/>\r\n <circle cx=\"130\" cy=\"22\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"142\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"120\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"128\" cy=\"22\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"168\" cy=\"42\" r=\"8\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"180\" cy=\"36\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"158\" cy=\"36\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Leaves -->\r\n <path d=\"M40,38 C48,28 58,24 68,28 C58,34 52,42 52,52 C47,48 42,44 40,38Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M75,55 C85,44 98,40 108,44 C97,51 90,62 92,73 C84,68 77,63 75,55Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M18,70 C12,78 10,90 15,98 C18,88 25,80 34,76 C28,74 22,72 18,70Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <path d=\"M14,100 C8,110 7,122 13,130 C16,119 24,110 34,106 C26,104 19,102 14,100Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <!-- Small flower -->\r\n <path d=\"M240,40 C235,28 238,18 246,15 C254,12 260,20 258,30 C256,20 250,17 246,21 C242,25 242,34 246,42Z\" opacity=\"0.8\"\/>\r\n <path d=\"M256,46 C248,40 244,30 248,22 C252,14 262,15 264,24 C260,18 254,18 252,24 C250,30 252,40 258,46Z\" opacity=\"0.7\"\/>\r\n <circle cx=\"252\" cy=\"48\" r=\"6\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <div class=\"vz-botanical vz-bot-bl\"><svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1.3\" fill=\"none\">\r\n <!-- Main branch -->\r\n <path d=\"M10,10 C40,40 80,60 120,65 C160,70 200,55 240,40 C260,32 280,25 295,20\"\/>\r\n <path d=\"M10,10 C20,50 25,90 15,130 C8,160 -2,188 0,215\"\/>\r\n <!-- Sub-branches -->\r\n <path d=\"M40,38 C50,20 65,10 82,8\"\/>\r\n <path d=\"M70,55 C85,35 105,25 125,22\"\/>\r\n <path d=\"M100,62 C118,48 140,42 162,42\"\/>\r\n <path d=\"M18,70 C5,80 -2,95 2,112\"\/>\r\n <path d=\"M14,100 C0,112 -5,130 2,148\"\/>\r\n <!-- Berries cluster -->\r\n <circle cx=\"88\" cy=\"8\" r=\"8\" fill=\"#c0251c\" opacity=\"0.55\"\/>\r\n <circle cx=\"100\" cy=\"4\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"76\" cy=\"4\" r=\"5\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"95\" cy=\"16\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"86\" cy=\"8\" r=\"2\" fill=\"rgba(245,236,234,0.5)\"\/>\r\n <circle cx=\"130\" cy=\"22\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"142\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"120\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"128\" cy=\"22\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"168\" cy=\"42\" r=\"8\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"180\" cy=\"36\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"158\" cy=\"36\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Leaves -->\r\n <path d=\"M40,38 C48,28 58,24 68,28 C58,34 52,42 52,52 C47,48 42,44 40,38Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M75,55 C85,44 98,40 108,44 C97,51 90,62 92,73 C84,68 77,63 75,55Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M18,70 C12,78 10,90 15,98 C18,88 25,80 34,76 C28,74 22,72 18,70Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <path d=\"M14,100 C8,110 7,122 13,130 C16,119 24,110 34,106 C26,104 19,102 14,100Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <!-- Small flower -->\r\n <path d=\"M240,40 C235,28 238,18 246,15 C254,12 260,20 258,30 C256,20 250,17 246,21 C242,25 242,34 246,42Z\" opacity=\"0.8\"\/>\r\n <path d=\"M256,46 C248,40 244,30 248,22 C252,14 262,15 264,24 C260,18 254,18 252,24 C250,30 252,40 258,46Z\" opacity=\"0.7\"\/>\r\n <circle cx=\"252\" cy=\"48\" r=\"6\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <div class=\"vz-botanical vz-bot-br\"><svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1.3\" fill=\"none\">\r\n <!-- Main branch -->\r\n <path d=\"M10,10 C40,40 80,60 120,65 C160,70 200,55 240,40 C260,32 280,25 295,20\"\/>\r\n <path d=\"M10,10 C20,50 25,90 15,130 C8,160 -2,188 0,215\"\/>\r\n <!-- Sub-branches -->\r\n <path d=\"M40,38 C50,20 65,10 82,8\"\/>\r\n <path d=\"M70,55 C85,35 105,25 125,22\"\/>\r\n <path d=\"M100,62 C118,48 140,42 162,42\"\/>\r\n <path d=\"M18,70 C5,80 -2,95 2,112\"\/>\r\n <path d=\"M14,100 C0,112 -5,130 2,148\"\/>\r\n <!-- Berries cluster -->\r\n <circle cx=\"88\" cy=\"8\" r=\"8\" fill=\"#c0251c\" opacity=\"0.55\"\/>\r\n <circle cx=\"100\" cy=\"4\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"76\" cy=\"4\" r=\"5\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"95\" cy=\"16\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"86\" cy=\"8\" r=\"2\" fill=\"rgba(245,236,234,0.5)\"\/>\r\n <circle cx=\"130\" cy=\"22\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"142\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"120\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"128\" cy=\"22\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"168\" cy=\"42\" r=\"8\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"180\" cy=\"36\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"158\" cy=\"36\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Leaves -->\r\n <path d=\"M40,38 C48,28 58,24 68,28 C58,34 52,42 52,52 C47,48 42,44 40,38Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M75,55 C85,44 98,40 108,44 C97,51 90,62 92,73 C84,68 77,63 75,55Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M18,70 C12,78 10,90 15,98 C18,88 25,80 34,76 C28,74 22,72 18,70Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <path d=\"M14,100 C8,110 7,122 13,130 C16,119 24,110 34,106 C26,104 19,102 14,100Z\" fill=\"#c0251c\" opacity=\"0.18\"\/>\r\n <!-- Small flower -->\r\n <path d=\"M240,40 C235,28 238,18 246,15 C254,12 260,20 258,30 C256,20 250,17 246,21 C242,25 242,34 246,42Z\" opacity=\"0.8\"\/>\r\n <path d=\"M256,46 C248,40 244,30 248,22 C252,14 262,15 264,24 C260,18 254,18 252,24 C250,30 252,40 258,46Z\" opacity=\"0.7\"\/>\r\n <circle cx=\"252\" cy=\"48\" r=\"6\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <!-- Spotlight -->\r\n <div class=\"m-spotlight\" id=\"mSpotlight\"><\/div>\r\n\r\n <!-- THE ONE CAN -->\r\n <div class=\"m-can-wrap\" id=\"mCanWrap\">\r\n <div class=\"m-can-glow\" id=\"mCanGlow\"><\/div>\r\n <div class=\"m-can-botanical\" id=\"mCanBotanical\"><svg viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <!-- Large center flower -->\r\n <g stroke=\"#c0251c\" stroke-width=\"1.2\" fill=\"none\">\r\n <!-- Petals -->\r\n <path d=\"M200,200 C190,170 175,145 165,120 C158,100 162,80 175,75 C188,70 198,85 200,100 C202,85 212,70 225,75 C238,80 242,100 235,120 C225,145 210,170 200,200Z\" opacity=\"0.9\"\/>\r\n <path d=\"M200,200 C230,190 255,175 280,165 C300,158 320,162 325,175 C330,188 315,198 300,200 C315,202 330,212 325,225 C320,238 300,242 280,235 C255,225 230,210 200,200Z\" opacity=\"0.9\"\/>\r\n <path d=\"M200,200 C210,230 225,255 235,280 C242,300 238,320 225,325 C212,330 202,315 200,300 C198,315 188,330 175,325 C162,320 158,300 165,280 C175,255 190,230 200,200Z\" opacity=\"0.9\"\/>\r\n <path d=\"M200,200 C170,210 145,225 120,235 C100,242 80,238 75,225 C70,212 85,202 100,200 C85,198 70,188 75,175 C80,162 100,158 120,165 C145,175 170,190 200,200Z\" opacity=\"0.9\"\/>\r\n <!-- Diagonal petals -->\r\n <path d=\"M200,200 C183,176 163,158 148,138 C136,122 135,102 147,95 C159,88 171,100 176,115 C178,98 189,85 202,88 C215,91 218,110 210,125 C203,142 200,170 200,200Z\" opacity=\"0.6\"\/>\r\n <path d=\"M200,200 C224,183 242,163 262,148 C278,136 298,135 305,147 C312,159 300,171 285,176 C302,178 315,189 312,202 C309,215 290,218 275,210 C258,203 230,200 200,200Z\" opacity=\"0.6\"\/>\r\n <path d=\"M200,200 C217,224 235,242 250,262 C262,278 263,298 251,305 C239,312 227,300 222,285 C220,302 209,315 196,312 C183,309 180,290 188,275 C195,258 198,230 200,200Z\" opacity=\"0.6\"\/>\r\n <path d=\"M200,200 C176,217 158,235 138,250 C122,262 102,263 95,251 C88,239 100,227 115,222 C98,220 85,209 88,196 C91,183 110,180 125,188 C142,195 170,198 200,200Z\" opacity=\"0.6\"\/>\r\n <!-- Center circle -->\r\n <circle cx=\"200\" cy=\"200\" r=\"22\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"200\" cy=\"200\" r=\"14\"\/>\r\n <circle cx=\"200\" cy=\"200\" r=\"7\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Stamen dots -->\r\n <circle cx=\"200\" cy=\"185\" r=\"2.5\" fill=\"#c0251c\" opacity=\"0.7\"\/>\r\n <circle cx=\"212\" cy=\"192\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <circle cx=\"215\" cy=\"205\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <circle cx=\"207\" cy=\"215\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <circle cx=\"193\" cy=\"215\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <circle cx=\"185\" cy=\"205\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <circle cx=\"188\" cy=\"192\" r=\"2\" fill=\"#c0251c\" opacity=\"0.6\"\/>\r\n <\/g>\r\n <!-- Berry branch top right -->\r\n <g stroke=\"#c0251c\" stroke-width=\"1.1\" fill=\"none\">\r\n <path d=\"M260,40 C280,55 300,80 310,110 C318,135 312,160 295,170\"\/>\r\n <path d=\"M280,50 C295,42 315,38 330,45\"\/>\r\n <path d=\"M300,75 C318,68 338,70 348,82\"\/>\r\n <path d=\"M305,105 C325,100 345,108 352,122\"\/>\r\n <!-- Berries -->\r\n <circle cx=\"340\" cy=\"46\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"330\" cy=\"38\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"352\" cy=\"55\" r=\"6\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"352\" cy=\"84\" r=\"8\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"362\" cy=\"72\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"365\" cy=\"90\" r=\"6\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"360\" cy=\"125\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"372\" cy=\"115\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"370\" cy=\"138\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <!-- Highlight dots on berries -->\r\n <circle cx=\"338\" cy=\"43\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"350\" cy=\"81\" r=\"2.5\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <circle cx=\"358\" cy=\"122\" r=\"2\" fill=\"rgba(245,236,234,0.4)\"\/>\r\n <\/g>\r\n <!-- Leaves bottom left -->\r\n <g stroke=\"#c0251c\" stroke-width=\"1.1\" fill=\"none\">\r\n <path d=\"M50,300 C65,270 90,250 120,245 C95,265 80,290 80,320 C65,312 55,308 50,300Z\" opacity=\"0.7\"\/>\r\n <path d=\"M70,340 C90,308 118,292 150,290 C122,312 105,340 108,368 C88,360 75,352 70,340Z\" opacity=\"0.7\"\/>\r\n <path d=\"M110,370 C135,345 165,335 195,338 C168,355 152,378 155,402 C135,394 118,383 110,370Z\" opacity=\"0.6\"\/>\r\n <!-- Leaf veins -->\r\n <path d=\"M50,300 C68,278 88,258 120,245\" opacity=\"0.4\"\/>\r\n <path d=\"M60,308 C74,292 90,280 108,276\" opacity=\"0.3\"\/>\r\n <path d=\"M70,340 C92,318 116,304 150,290\" opacity=\"0.4\"\/>\r\n <path d=\"M80,348 C98,330 118,316 145,308\" opacity=\"0.3\"\/>\r\n <\/g>\r\n <!-- Small flower bud top left -->\r\n <g stroke=\"#c0251c\" stroke-width=\"1\" fill=\"none\" opacity=\"0.7\">\r\n <path d=\"M60,80 C55,65 58,50 68,45 C78,40 86,50 84,65 C80,52 72,48 68,52 C64,56 64,68 68,78Z\"\/>\r\n <path d=\"M80,90 C68,82 62,70 66,60 C70,50 82,50 86,62 C82,56 75,54 73,60 C71,66 74,76 82,82Z\"\/>\r\n <path d=\"M68,78 C68,85 66,92 62,96 C58,100 52,99 50,94\"\/>\r\n <circle cx=\"68\" cy=\"96\" r=\"5\" fill=\"#c0251c\" opacity=\"0.3\"\/>\r\n <circle cx=\"55\" cy=\"88\" r=\"4\" fill=\"#c0251c\" opacity=\"0.25\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <img decoding=\"async\" class=\"m-can-svg\" id=\"mCanSvg\" src=\"https:\/\/vivenzia.invictus-lead-generation.com\/wp-content\/uploads\/2026\/03\/vivenzia_bearbeitet.png\" alt=\"VIVENZIA Flow Can\" \/>\r\n <\/div>\r\n\r\n <!-- Hero text \u2013 centered, always on top, fades out during transition -->\r\n <div class=\"m-hero-text\" id=\"mHeroText\">\r\n <p class=\"m-eyebrow\">Root \u00b7 Seed \u00b7 Flower<\/p>\r\n <h1 class=\"m-title\">Longevity<br><em>in a can.<\/em><\/h1>\r\n <p class=\"m-sub\">The first functional phytodrink built for daily life.<\/p>\r\n <\/div>\r\n\r\n <!-- Panel content \u2013 right side, fades in after transition -->\r\n <div class=\"m-panels\" id=\"mPanels\">\r\n <div class=\"m-panel active\" id=\"panel-0\">\r\n <p class=\"panel-number\">01 \/ Philosophy<\/p>\r\n <h2 class=\"panel-title\">From <em>nature's<\/em><br>three realms.<\/h2>\r\n <p class=\"panel-body\">Every VIVENZIA formulation draws from three botanical origins: the root, the seed, and the flower. Turmeric from the rhizome. Black cumin and sesame from the seed. Chamomile, melissa, and passionflower from the bloom. Three realms. Five drinks. One ritual that replaces a shelf of supplements.<\/p>\r\n <span class=\"panel-tag\">Root \u00b7 Seed \u00b7 Flower<\/span>\r\n <\/div>\r\n <div class=\"m-panel\" id=\"panel-1\">\r\n <p class=\"panel-number\">02 \/ Bioavailability<\/p>\r\n <h2 class=\"panel-title\">Science meets<br><em>solubility.<\/em><\/h2>\r\n <p class=\"panel-body\">Most botanical actives are fat-soluble \u2014 compounds like Astaxanthin, CoQ10, and Quercetin pass through you largely unabsorbed in conventional supplements. VIVENZIA solubilizes each active using pharmaceutical-grade arabic gum. Full bioavailability in every sip. No pills required.<\/p>\r\n <span class=\"panel-tag\">Solubilized in arabic gum \u00b7 Fully bioavailable<\/span>\r\n <\/div>\r\n <div class=\"m-panel\" id=\"panel-2\">\r\n <p class=\"panel-number\">03 \/ Water Source<\/p>\r\n <h2 class=\"panel-title\"><em>Anna<\/em> spring<br>water base.<\/h2>\r\n <p class=\"panel-body\">Each formulation begins with Anna Heilquellwasser \u2013 a premium natural mineral spring water chosen for its mineral profile and purity. The best possible foundation for a daily longevity ritual.<\/p>\r\n <span class=\"panel-tag\">Anna Heilquellwasser<\/span>\r\n <\/div>\r\n <div class=\"m-panel\" id=\"panel-3\">\r\n <p class=\"panel-number\">04 \/ Format<\/p>\r\n <h2 class=\"panel-title\">A ritual you<br><em>can carry.<\/em><\/h2>\r\n <p class=\"panel-body\">330ml in a premium Sleek Can. Small enough for your carry-on, powerful enough to matter. Designed for the traveller, the professional, the person who refuses to compromise.<\/p>\r\n <span class=\"panel-tag\">330ml Sleek Can<\/span>\r\n <\/div>\r\n <div class=\"m-panel\" id=\"panel-4\">\r\n <p class=\"panel-number\">05 \/ Innovation<\/p>\r\n <h2 class=\"panel-title\">Reseal it.<br><em>Return to it.<\/em><\/h2>\r\n <p class=\"panel-body\">The patented ReLid closure changes everything. Resealable, spill-proof, premium. Drink half at altitude, seal it, finish it at your destination. Longevity doesn't rush \u2014 and neither should you.<\/p>\r\n <span class=\"panel-tag\">ReLid Technology<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Progress dots -->\r\n <div class=\"progress-dots\" id=\"progressDots\">\r\n <div class=\"dot active\" data-panel=\"0\"><\/div>\r\n <div class=\"dot\" data-panel=\"1\"><\/div>\r\n <div class=\"dot\" data-panel=\"2\"><\/div>\r\n <div class=\"dot\" data-panel=\"3\"><\/div>\r\n <div class=\"dot\" data-panel=\"4\"><\/div>\r\n <\/div>\r\n\r\n <!-- Scroll hint -->\r\n <div class=\"m-scroll-hint\" id=\"mScrollHint\">\r\n <div class=\"scroll-line\"><\/div>\r\n <span>Scroll to reveal<\/span>\r\n <\/div>\r\n\r\n <!-- Progress bar -->\r\n <div class=\"m-progress\" id=\"mProgress\"><\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- Botanical divider -->\r\n<div class=\"vz-bot-strip\"><svg viewBox=\"0 0 1440 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" preserveAspectRatio=\"xMidYMid slice\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1\" fill=\"none\" opacity=\"0.25\">\r\n <!-- Center line -->\r\n <line x1=\"0\" y1=\"40\" x2=\"580\" y2=\"40\" stroke-dasharray=\"4,8\"\/>\r\n <line x1=\"860\" y1=\"40\" x2=\"1440\" y2=\"40\" stroke-dasharray=\"4,8\"\/>\r\n <!-- Center motif -->\r\n <circle cx=\"720\" cy=\"40\" r=\"20\"\/>\r\n <circle cx=\"720\" cy=\"40\" r=\"12\"\/>\r\n <circle cx=\"720\" cy=\"40\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <!-- Petals around center -->\r\n <path d=\"M720,40 C718,30 714,22 710,18 C707,14 703,14 702,18 C701,22 704,28 708,32 C704,28 700,24 698,22 C695,18 696,13 700,12 C704,11 710,16 714,22 C718,28 720,36 720,40Z\"\/>\r\n <path d=\"M720,40 C730,38 738,34 742,30 C746,27 746,23 742,22 C738,21 732,24 728,28 C732,24 736,20 738,18 C742,15 747,16 748,20 C749,24 744,30 738,34 C732,38 724,40 720,40Z\"\/>\r\n <path d=\"M720,40 C722,50 726,58 730,62 C733,66 737,66 738,62 C739,58 736,52 732,48 C736,52 740,56 742,58 C745,62 744,67 740,68 C736,69 730,64 726,58 C722,52 720,44 720,40Z\"\/>\r\n <path d=\"M720,40 C710,42 702,46 698,50 C694,53 694,57 698,58 C702,59 708,56 712,52 C708,56 704,60 702,62 C699,65 694,64 693,60 C692,56 697,50 703,46 C709,42 717,40 720,40Z\"\/>\r\n <!-- Berry clusters left -->\r\n <circle cx=\"600\" cy=\"40\" r=\"7\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"614\" cy=\"35\" r=\"5\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <circle cx=\"614\" cy=\"45\" r=\"5\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <circle cx=\"625\" cy=\"40\" r=\"4\" fill=\"#c0251c\" opacity=\"0.3\"\/>\r\n <!-- Berry clusters right -->\r\n <circle cx=\"840\" cy=\"40\" r=\"7\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <circle cx=\"826\" cy=\"35\" r=\"5\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <circle cx=\"826\" cy=\"45\" r=\"5\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <circle cx=\"815\" cy=\"40\" r=\"4\" fill=\"#c0251c\" opacity=\"0.3\"\/>\r\n <!-- Leaf left -->\r\n <path d=\"M560,40 C550,30 540,28 532,32 C540,36 546,44 544,52 C552,48 558,44 560,40Z\" fill=\"#c0251c\" opacity=\"0.15\"\/>\r\n <path d=\"M542,52 C535,44 524,42 516,47 C524,50 530,58 528,66 C536,62 542,58 542,52Z\" fill=\"#c0251c\" opacity=\"0.12\"\/>\r\n <!-- Leaf right -->\r\n <path d=\"M880,40 C890,30 900,28 908,32 C900,36 894,44 896,52 C888,48 882,44 880,40Z\" fill=\"#c0251c\" opacity=\"0.15\"\/>\r\n <path d=\"M898,52 C905,44 916,42 924,47 C916,50 910,58 912,66 C904,62 898,58 898,52Z\" fill=\"#c0251c\" opacity=\"0.12\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n WATER ORIGIN \u2014 full-bleed mountain image + story\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"origin-section\" id=\"origin\">\r\n\r\n <!-- Full-bleed parallax mountain SVG landscape -->\r\n<div class=\"origin-botanical\"><svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\">\r\n <g stroke=\"#c0251c\" stroke-width=\"1.3\" fill=\"none\">\r\n <path d=\"M10,10 C40,40 80,60 120,65 C160,70 200,55 240,40 C260,32 280,25 295,20\"\/>\r\n <path d=\"M10,10 C20,50 25,90 15,130 C8,160 -2,188 0,215\"\/>\r\n <path d=\"M40,38 C50,20 65,10 82,8\"\/>\r\n <path d=\"M70,55 C85,35 105,25 125,22\"\/>\r\n <circle cx=\"88\" cy=\"8\" r=\"8\" fill=\"#c0251c\" opacity=\"0.55\"\/>\r\n <circle cx=\"100\" cy=\"4\" r=\"6\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"76\" cy=\"4\" r=\"5\" fill=\"#c0251c\" opacity=\"0.45\"\/>\r\n <circle cx=\"86\" cy=\"8\" r=\"2\" fill=\"rgba(245,236,234,0.5)\"\/>\r\n <circle cx=\"130\" cy=\"22\" r=\"7\" fill=\"#c0251c\" opacity=\"0.5\"\/>\r\n <circle cx=\"142\" cy=\"18\" r=\"5\" fill=\"#c0251c\" opacity=\"0.4\"\/>\r\n <path d=\"M40,38 C48,28 58,24 68,28 C58,34 52,42 52,52 C47,48 42,44 40,38Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M75,55 C85,44 98,40 108,44 C97,51 90,62 92,73 C84,68 77,63 75,55Z\" fill=\"#c0251c\" opacity=\"0.2\"\/>\r\n <path d=\"M240,40 C235,28 238,18 246,15 C254,12 260,20 258,30Z\" opacity=\"0.8\"\/>\r\n <circle cx=\"252\" cy=\"48\" r=\"6\" fill=\"#c0251c\" opacity=\"0.35\"\/>\r\n <\/g>\r\n<\/svg><\/div>\r\n <div class=\"origin-image-wrap\">\r\n <video class=\"origin-video\" id=\"originImg\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/vivenzia.invictus-lead-generation.com\/wp-content\/uploads\/2026\/03\/alps-landscape-2025-12-17-20-05-05-utc.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"origin-image-overlay\"><\/div>\r\n <\/div>\r\n\r\n <!-- Floating text block -->\r\n <div class=\"origin-content reveal\">\r\n <p class=\"origin-kicker\">The Source<\/p>\r\n <h2 class=\"origin-title\">Born in the<br><em>Alps.<\/em><\/h2>\r\n <div class=\"origin-rule\"><\/div>\r\n <p class=\"origin-body\">Every VIVENZIA formulation is built on Anna Heilquellwasser \u2014 a natural mineral spring water drawn from deep within the European Alps. Pure, mineral-rich, unchanged by industry. The foundation that everything else rests on.<\/p>\r\n <p class=\"origin-caption\">Anna Heilquellwasser \u00b7 European Alpine Spring<\/p>\r\n <\/div>\r\n\r\n <!-- Corner stat -->\r\n <div class=\"origin-stat reveal\">\r\n <span class=\"stat-num\">330<\/span>\r\n <span class=\"stat-unit\">ml<\/span>\r\n <span class=\"stat-label\">per formulation<\/span>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n EDITORIAL SPLIT \u2014 Alpine water close-up + ReLid\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"editorial-split\" id=\"relid\">\r\n\r\n <!-- Left: alpine water SVG -->\r\n <div class=\"es-image\">\r\n <img decoding=\"async\" src=\"https:\/\/vivenzia.invictus-lead-generation.com\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-16.-Marz-2026-11_19_38.png\" alt=\"ReLid Can\" style=\"width:100%;height:100%;object-fit:cover;object-position:top;display:block;\" \/>\r\n <div class=\"es-image-caption\">ReLid \u2014 resealable aluminium closure<\/div>\r\n <\/div>\r\n\r\n <!-- Right: ReLid content -->\r\n <div class=\"es-content\">\r\n <p class=\"es-kicker reveal\">Packaging Innovation<\/p>\r\n <h2 class=\"es-title reveal\">The only can<br>that <em>closes.<\/em><\/h2>\r\n <p class=\"es-body reveal\">The ReLid is a resealable, spill-proof aluminium closure \u2014 the first of its kind on a sleek can. Drink half at 35,000 feet. Seal it. Return to it. Longevity at your own pace.<\/p>\r\n\r\n <div class=\"relid-features-new\">\r\n <div class=\"rfn-item reveal\">\r\n <div class=\"rfn-line\"><\/div>\r\n <div>\r\n <h4 class=\"rfn-title\">Resealable<\/h4>\r\n <p class=\"rfn-body\">Aluminium lid that closes securely. Unique on the market.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rfn-item reveal\">\r\n <div class=\"rfn-line\"><\/div>\r\n <div>\r\n <h4 class=\"rfn-title\">Spill-Proof<\/h4>\r\n <p class=\"rfn-body\">Engineered for turbulence. Seal it, bag it, continue later.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rfn-item reveal\">\r\n <div class=\"rfn-line\"><\/div>\r\n <div>\r\n <h4 class=\"rfn-title\">All-Aluminium<\/h4>\r\n <p class=\"rfn-body\">No plastics. Fully recyclable. Premium signal at a glance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PHYTODRINK \u2014 What is a phytodrink?\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"phyto-section reveal\" id=\"phyto\">\r\n <div class=\"phyto-inner\">\r\n <p class=\"phyto-kicker\">Phyto \u00b7 From the Greek: phyton \u2014 plant<\/p>\r\n <h2 class=\"phyto-title\">Not extract.<br><em>Plant intelligence.<\/em><\/h2>\r\n <div class=\"phyto-body-wrap\">\r\n <p class=\"phyto-body\">A phytodrink is not a supplement dissolved in water. It is a functional beverage built entirely on botanical actives \u2014 compounds drawn directly from roots, seeds, and flowers that have shaped human health for thousands of years.<\/p>\r\n <p class=\"phyto-body\">Where synthetic supplements deliver isolated molecules, phytodrinks carry the full complexity of the plant: polyphenols, adaptogens, flavonoids \u2014 compounds that interact with the body the way nature intended them to.<\/p>\r\n <p class=\"phyto-body\">VIVENZIA takes this further. Each formulation is engineered for bioavailability \u2014 solving the one problem that defeats most plant-based actives: getting them absorbed.<\/p>\r\n <\/div>\r\n <p class=\"phyto-caption\">Ancient origins. Modern precision.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FORMULATIONS \u2014 dark cards with image strip above\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"formulations\" id=\"formulations\">\r\n\r\n <\/div>\r\n\r\n <div class=\"formula-header reveal\">\r\n <p class=\"formula-kicker\">Five Formulations<\/p>\r\n <h2 class=\"formula-big-title\">Choose your<br><em>protocol.<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"formula-grid\">\r\n\r\n <!-- FLOW -->\r\n <div class=\"formula-card reveal\" data-formula=\"FLOW\">\r\n <p class=\"formula-code\">R05 \u00b7 FLOW<\/p>\r\n <h3 class=\"formula-name\">Flow<\/h3>\r\n <p class=\"formula-subtitle\">Circulation & Travel Recovery<\/p>\r\n <p class=\"formula-desc\">Your circulation slows at altitude. Cabin pressure drops, movement stops, hours accumulate. FLOW is built for exactly this \u2014 keeping blood moving, protecting vessel walls, supporting recovery from the moment you land.<\/p>\r\n <div class=\"formula-ingredients\">\r\n <div class=\"ingredient\">Pycnogenol\u00ae \u00b7 200mg<\/div>\r\n <div class=\"ingredient\">L-Arginine \u00b7 1g<\/div>\r\n <div class=\"ingredient\">OPC \u00b7 200mg<\/div>\r\n <div class=\"ingredient\">Liposomal Vitamin C \u00b7 600mg<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CALM -->\r\n <div class=\"formula-card reveal\" data-formula=\"CALM\">\r\n <p class=\"formula-code\">R02 \u00b7 CALM<\/p>\r\n <h3 class=\"formula-name\">Calm<\/h3>\r\n <p class=\"formula-subtitle\">Stress Balance & Adaptogens<\/p>\r\n <p class=\"formula-desc\">Chronic stress doesn't announce itself \u2014 it accumulates. CALM combines Ashwagandha and Rhodiola at clinically-studied doses, with L-Theanine to smooth the edges without dulling them. Not a relaxant. A recalibration.<\/p>\r\n <div class=\"formula-ingredients\">\r\n <div class=\"ingredient\">Ashwagandha \u00b7 75mg<\/div>\r\n <div class=\"ingredient\">Rhodiola \u00b7 75mg<\/div>\r\n <div class=\"ingredient\">L-Theanine \u00b7 100mg<\/div>\r\n <div class=\"ingredient\">Vitamin B6 \u00b7 1.4mg<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CLEAR \/ BRAIN -->\r\n <div class=\"formula-card reveal\" data-formula=\"CLEAR\">\r\n <p class=\"formula-code\">R01 \u00b7 CLEAR<\/p>\r\n <h3 class=\"formula-name\">Clear \/ Brain<\/h3>\r\n <p class=\"formula-subtitle\">Focus & Cognitive Clarity<\/p>\r\n <p class=\"formula-desc\">Your brain runs on clarity or it doesn't run well at all. CLEAR delivers Astaxanthin, green tea polyphenols, and Vitamin C targeting oxidative stress at the cellular level. The kind of focus that doesn't spike and crash.<\/p>\r\n <div class=\"formula-ingredients\">\r\n <div class=\"ingredient\">Green Tea \u00b7 200mg Polyphenols<\/div>\r\n <div class=\"ingredient\">Astaxanthin \u00b7 4mg<\/div>\r\n <div class=\"ingredient\">Vitamin C \u00b7 80mg<\/div>\r\n <div class=\"ingredient\">Xylitol \u00b7 2g<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RENEW -->\r\n <div class=\"formula-card reveal\" data-formula=\"RENEW\">\r\n <p class=\"formula-code\">R03 \u00b7 RENEW<\/p>\r\n <h3 class=\"formula-name\">Renew<\/h3>\r\n <p class=\"formula-subtitle\">Cellular Renewal & Longevity Support<\/p>\r\n <p class=\"formula-desc\">The most science-forward formulation in the line. RENEW targets senescent cells \u2014 aged, dysfunctional cells that accumulate over time and accelerate ageing. Built around Quercetin, Nicotinamide Riboside, and Spermidine for those playing the longest game.<\/p>\r\n <div class=\"formula-ingredients\">\r\n <div class=\"ingredient\">Quercetin \u00b7 100mg (solubilized)<\/div>\r\n <div class=\"ingredient\">Nicotinamide Riboside \u00b7 25mg<\/div>\r\n <div class=\"ingredient\">Spermidine \u00b7 natural source<\/div>\r\n <div class=\"ingredient\">Benfotiamine \u00b7 600mg<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ENDURANCE -->\r\n <div class=\"formula-card reveal\" data-formula=\"ENDURANCE\">\r\n <p class=\"formula-code\">R04 \u00b7 ENDURANCE<\/p>\r\n <h3 class=\"formula-name\">Endurance<\/h3>\r\n <p class=\"formula-subtitle\">Stamina & Metabolic Support<\/p>\r\n <p class=\"formula-desc\">Energy isn't a feeling \u2014 it's a cellular process. ENDURANCE fuels mitochondrial function with CoQ10 and PQQ, adds Taurine for muscle recovery, and Curcumin to manage the inflammation that follows effort.<\/p>\r\n <div class=\"formula-ingredients\">\r\n <div class=\"ingredient\">CoQ10 \u00b7 60mg<\/div>\r\n <div class=\"ingredient\">PQQ \u00b7 10mg<\/div>\r\n <div class=\"ingredient\">Taurine \u00b7 400mg<\/div>\r\n <div class=\"ingredient\">Curcumin \u00b7 50mg<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FULLBLEED CTA \u2014 second mountain photo\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"fullbleed-cta\">\r\n <div class=\"fb-image\" id=\"fbImage\">\r\n <img decoding=\"async\" src=\"https:\/\/vivenzia.invictus-lead-generation.com\/wp-content\/uploads\/2026\/03\/close-up-cbd-cannabis-plant-and-hemp-inflorescence-2026-01-07-06-12-21-utc-scaled.jpg\" alt=\"VIVENZIA botanical\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;\" \/>\r\n <\/div>\r\n <div class=\"fb-overlay\"><\/div>\r\n <div class=\"fb-content\">\r\n <p class=\"fb-kicker reveal\">Beyond Pills<\/p>\r\n <h2 class=\"fb-title reveal\">Begin<br><em>yours.<\/em><\/h2>\r\n <p class=\"fb-sub reveal\">Five formulations. One ritual. Wherever you are.<\/p>\r\n <div class=\"fb-buttons reveal\">\r\n <\/div>\r\n <\/div>\r\n <!-- Thin quote line bottom -->\r\n <div class=\"fb-quote reveal\">\"Not a supplement. Not a biohack. A daily ritual.\"<\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer class=\"footer-new\">\r\n <div class=\"fn-top\">\r\n <div class=\"fn-logo\">VIVENZIA<\/div>\r\n <div class=\"fn-links\">\r\n <a href=\"#origin\">Philosophy<\/a>\r\n <a href=\"#formulations\">Formulations<\/a>\r\n <a href=\"#relid\">ReLid<\/a>\r\n <a href=\"#phyto\">Phytodrinks<\/a>\r\n <\/div>\r\n <div class=\"fn-tagline\">Root \u00b7 Seed \u00b7 Flower<\/div>\r\n <\/div>\r\n <div class=\"fn-bottom\">\r\n <span>\u00a9 2026 Beyond Pills GmbH<\/span>\r\n <span>Anna Heilquellwasser \u00b7 Germany<\/span>\r\n <span>All formulations EU-compliant<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nconst cursor = document.getElementById('cursor');\r\nconst cursorRing = document.getElementById('cursorRing');\r\nlet mx = 0, my = 0, rx = 0, ry = 0;\r\n\r\ndocument.addEventListener('mousemove', e => {\r\n mx = e.clientX; my = e.clientY;\r\n cursor.style.transform = `translate(${mx - 4}px, ${my - 4}px)`;\r\n});\r\n\r\nfunction animRing() {\r\n rx += (mx - rx) * 0.12;\r\n ry += (my - ry) * 0.12;\r\n cursorRing.style.transform = `translate(${rx - 16}px, ${ry - 16}px)`;\r\n requestAnimationFrame(animRing);\r\n}\r\nanimRing();\r\n\r\ndocument.querySelectorAll('button, a, .dot, .formula-card').forEach(el => {\r\n el.addEventListener('mouseenter', () => {\r\n cursorRing.style.width = '48px';\r\n cursorRing.style.height = '48px';\r\n cursorRing.style.borderColor = 'rgba(192,37,28,0.7)';\r\n cursor.style.transform += ' scale(1.5)';\r\n });\r\n el.addEventListener('mouseleave', () => {\r\n cursorRing.style.width = '32px';\r\n cursorRing.style.height = '32px';\r\n cursorRing.style.borderColor = 'rgba(192,37,28,0.4)';\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 UNIFIED MASTER SCROLL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nconst masterSection = document.getElementById('master');\r\nconst mCanWrap = document.getElementById('mCanWrap');\r\nconst mCanSvg = document.getElementById('mCanSvg');\r\nconst mCanGlow = document.getElementById('mCanGlow');\r\nconst mSpotlight = document.getElementById('mSpotlight');\r\nconst mHeroText = document.getElementById('mHeroText');\r\nconst mPanels = document.getElementById('mPanels');\r\nconst mScrollHint= document.getElementById('mScrollHint');\r\nconst mProgress = document.getElementById('mProgress');\r\nconst progressDots = document.getElementById('progressDots');\r\nconst canLabel = null; \/\/ image can - no label element\r\nconst gradStop1 = null; \/\/ image can - no gradient stops\r\nconst gradStop2 = null;\r\nconst gradStop3 = null;\r\nconst allPanels = document.querySelectorAll('.m-panel');\r\nconst allDots = document.querySelectorAll('.dot');\r\n\r\nconst panelData = [\r\n { colors: ['#8c1a14','#b82018','#7a1210'], label: 'DEFENDER' },\r\n { colors: ['#7a1214','#a01c16','#6a0e10'], label: 'SCAVENGER' },\r\n { colors: ['#921810','#c02018','#7e1410'], label: 'AQUA BASE' },\r\n { colors: ['#6e1010','#961818','#5c0c0c'], label: '330 ML CAN' },\r\n { colors: ['#b01c14','#d42820','#8c1610'], label: 'RELID\u2122' },\r\n];\r\n\r\nlet currentPanel = -1;\r\n\r\nfunction lerp(a, b, t) { return a + (b - a) * t; }\r\nfunction clamp(v, lo, hi) { return Math.max(lo, Math.min(hi, v)); }\r\nfunction ease(t) { return t < 0.5 ? 2*t*t : -1+(4-2*t)*t; }\r\n\/\/ smooth phase extraction: value of p mapped from [start,end] \u2192 [0,1]\r\nfunction phase(p, start, end) { return ease(clamp((p - start) \/ (end - start), 0, 1)); }\r\n\r\nfunction setPanel(idx) {\r\n if (idx === currentPanel) return;\r\n allPanels.forEach((el, i) => el.classList.toggle('active', i === idx));\r\n allDots.forEach((el, i) => el.classList.toggle('active', i === idx));\r\n const d = panelData[idx];\r\n if(gradStop1) gradStop1.style.stopColor = d.colors[0];\r\n if(gradStop2) gradStop2.style.stopColor = d.colors[1];\r\n if(gradStop3) gradStop3.style.stopColor = d.colors[2];\r\n if(canLabel) canLabel.textContent = d.label;\r\n currentPanel = idx;\r\n}\r\n\r\nfunction updateMaster() {\r\n \/\/ \u2500\u2500 MOBILE PATH \u2500\u2500\r\n if (window.innerWidth <= 768) {\r\n const totalH = masterSection.offsetHeight;\r\n const viewH = window.innerHeight;\r\n const scrolled = window.scrollY - masterSection.offsetTop;\r\n const p = clamp(scrolled \/ (totalH - viewH), 0, 1);\r\n mProgress.style.width = (p * 100) + '%';\r\n\r\n \/\/ Phase A: can reveals 0\u21920.28\r\n const pA = phase(p, 0, 0.05);\r\n const brightness = lerp(0.12, 1.0, pA);\r\n const saturation = lerp(0, 1, pA);\r\n const rotA = lerp(-18, 0, pA);\r\n\r\n \/\/ Phase B: hero fades, can moves up + shrinks 0.10\u21920.18\r\n const pB = phase(p, 0.05, 0.12);\r\n\r\n \/\/ Can: top 32% \u2192 18%, scale 1.0 \u2192 0.48\r\n const canTop = lerp(28, 12, pB);\r\n const canScale = lerp(1.0, 0.72, pB);\r\n const finalRot = p < 0.05 ? rotA : 0;\r\n mCanWrap.style.top = canTop + '%';\r\n mCanWrap.style.left = '50%';\r\n mCanWrap.style.transform = `translate(-50%, -50%) rotate(${finalRot}deg) scale(${canScale})`;\r\n mCanSvg.style.filter = `brightness(${brightness}) saturate(${saturation})`;\r\n\r\n \/\/ Glow\r\n const glowOp = lerp(0, 0.18, pA);\r\n mCanGlow.style.background = `radial-gradient(ellipse, rgba(192,37,28,${glowOp}) 0%, transparent 65%)`;\r\n const spotW = lerp(0, 90, pA);\r\n mSpotlight.style.background = `radial-gradient(ellipse ${spotW}% 70% at 50% 50%, rgba(192,37,28,0.12) 0%, transparent 70%)`;\r\n\r\n \/\/ Hero text fades out in phase B\r\n const heroOp = clamp(1 - pB * 1.6, 0, 1);\r\n mHeroText.style.opacity = heroOp;\r\n\r\n \/\/ Panels fade in during phase B, stay for phase C\r\n const pC = phase(p, 0.12, 1.0);\r\n const panelsOp = ease(clamp((pB - 0.1) \/ 0.9, 0, 1));\r\n mPanels.style.opacity = panelsOp;\r\n progressDots.style.opacity = panelsOp;\r\n\r\n \/\/ Panel cycling across phase C\r\n const panelIndex = Math.min(4, Math.floor(pC * 5));\r\n if (p >= 0.12) setPanel(panelIndex);\r\n else if (p < 0.05) setPanel(0);\r\n\r\n mScrollHint.style.opacity = clamp(1 - p * 25, 0, 1);\r\n return;\r\n }\r\n\r\n \/\/ \u2500\u2500 DESKTOP PATH \u2500\u2500\r\n const totalH = masterSection.offsetHeight;\r\n const viewH = window.innerHeight;\r\n const scrolled = window.scrollY - masterSection.offsetTop;\r\n const p = clamp(scrolled \/ (totalH - viewH), 0, 1);\r\n\r\n mProgress.style.width = (p * 100) + '%';\r\n\r\n \/\/ \u2500\u2500 PHASE A: Reveal (p 0 \u2192 0.10) \u2014 fast\r\n \/\/ Can: dark \u2192 fully lit, rotate -18\u00b0 \u2192 0\u00b0, scale 0.9 \u2192 1.0, centered\r\n const pA = phase(p, 0, 0.05);\r\n const brightness = lerp(0.12, 1.0, pA);\r\n const saturation = lerp(0, 1, pA);\r\n const rotationA = lerp(-18, 0, pA);\r\n const scaleA = lerp(0.9, 1.05, pA);\r\n const floatA = Math.sin(pA * Math.PI) * -16;\r\n\r\n \/\/ \u2500\u2500 PHASE B: Transition (p 0.10 \u2192 0.18)\r\n \/\/ Can: center \u2192 left quarter\r\n \/\/ Hero text: fades out\r\n \/\/ Panel area: fades in\r\n const pB = phase(p, 0.05, 0.12);\r\n\r\n \/\/ Can left% : 50% \u2192 27%\r\n const canLeft = lerp(50, 27, pB);\r\n \/\/ Can size: 1.05 \u2192 0.85 (smaller on left)\r\n const scaleB = lerp(scaleA, 0.85, pB);\r\n \/\/ After phase A the rotation stays at 0, then gets a tiny float in panel mode\r\n const rotationFinal = rotationA; \/\/ already 0 by end of A\r\n\r\n \/\/ Panel float in phase C\r\n const pC = phase(p, 0.12, 1.0);\r\n const panelIndex = Math.min(4, Math.floor(pC * 5));\r\n if (p >= 0.12) setPanel(panelIndex);\r\n else if (p < 0.05 && currentPanel !== 0) setPanel(0);\r\n\r\n const panelProgress = (pC * 5) - panelIndex;\r\n const tilt = (panelProgress - 0.5) * 5;\r\n\r\n \/\/ Apply can transform\r\n const finalScale = p < 0.05 ? scaleA : scaleB;\r\n const finalRot = p < 0.12 ? rotationFinal : tilt;\r\n const finalFloat = p < 0.05 ? floatA : Math.sin(pC * Math.PI * 4) * 5;\r\n mCanWrap.style.left = canLeft + '%';\r\n mCanWrap.style.transform =\r\n `translate(-50%, calc(-50% + ${finalFloat}px)) rotate(${finalRot}deg) scale(${finalScale})`;\r\n mCanSvg.style.filter = `brightness(${brightness}) saturate(${saturation})`;\r\n\r\n \/\/ Glow\r\n const glowOp = lerp(0, 0.14, pA);\r\n mCanGlow.style.background =\r\n `radial-gradient(ellipse, rgba(192,37,28,${glowOp}) 0%, transparent 65%)`;\r\n\r\n \/\/ Spotlight\r\n const spotW = lerp(0, 70, pA);\r\n const spotH = lerp(0, 55, pA);\r\n mSpotlight.style.background =\r\n `radial-gradient(ellipse ${spotW}% ${spotH}% at ${canLeft}% 52%, rgba(192,37,28,0.13) 0%, transparent 70%)`;\r\n\r\n \/\/ Hero text fades out during phase B\r\n const heroOp = clamp(1 - pB * 1.6, 0, 1);\r\n mHeroText.style.opacity = heroOp;\r\n mHeroText.style.transform = `translate(-50%, calc(-50% + ${lerp(0, -20, pB)}px))`;\r\n\r\n \/\/ Panels fade in during phase B\r\n const panelsOp = clamp((pB - 0.1) \/ 0.9, 0, 1);\r\n mPanels.style.opacity = ease(panelsOp);\r\n progressDots.style.opacity = ease(panelsOp);\r\n\r\n \/\/ Scroll hint fades out early\r\n mScrollHint.style.opacity = clamp(1 - p * 20, 0, 1);\r\n}\r\n\r\nwindow.addEventListener('scroll', updateMaster, { passive: true });\r\nupdateMaster();\r\n\r\n\/\/ Show can botanical after reveal\r\nvar canBotanical = document.getElementById('mCanBotanical');\r\nfunction checkCanReveal() {\r\n var master = document.getElementById('master');\r\n var scrolled = window.scrollY - master.offsetTop;\r\n var totalH = master.offsetHeight;\r\n var viewH = window.innerHeight;\r\n var p = Math.max(0, Math.min(1, scrolled \/ (totalH - viewH)));\r\n if (canBotanical) {\r\n if (p > 0.15) canBotanical.classList.add('visible');\r\n else canBotanical.classList.remove('visible');\r\n }\r\n}\r\nwindow.addEventListener('scroll', checkCanReveal, { passive: true });\r\n\r\n\/\/ Dot clicks \u2014 jump to panel\r\nallDots.forEach(dot => {\r\n dot.addEventListener('click', () => {\r\n const target = parseInt(dot.dataset.panel);\r\n const totalH = masterSection.offsetHeight;\r\n const viewH = window.innerHeight;\r\n \/\/ panel zone starts at p=0.42, each panel = (1-0.42)\/5\r\n const panelStart = 0.42 + target * ((1 - 0.42) \/ 5);\r\n const scrollTo = masterSection.offsetTop + panelStart * (totalH - viewH);\r\n window.scrollTo({ top: scrollTo, behavior: 'smooth' });\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 INTERSECTION OBSERVER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) entry.target.classList.add('visible');\r\n });\r\n}, { threshold: 0.12 });\r\n\r\ndocument.querySelectorAll('.reveal, .formula-card, .es-image, .rfn-item, [data-reveal]').forEach(el => {\r\n observer.observe(el);\r\n});\r\ndocument.querySelectorAll('.formula-card').forEach((card, i) => {\r\n card.style.transitionDelay = `${i * 0.08}s`;\r\n});\r\ndocument.querySelectorAll('.rfn-item').forEach((el, i) => {\r\n el.style.transitionDelay = `${i * 0.12}s`;\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 PARALLAX \u2014 origin + CTA background images \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nconst originImg = document.getElementById('originImg');\r\nconst fbImage = document.getElementById('fbImage');\r\n\r\nfunction updateParallax() {\r\n if (originImg) {\r\n const rect = originImg.closest('.origin-section').getBoundingClientRect();\r\n const p = clamp(-rect.top \/ window.innerHeight, -0.5, 1.5);\r\n originImg.style.transform = `translateY(${p * 18}%)`;\r\n }\r\n if (fbImage) {\r\n const rect = fbImage.closest('.fullbleed-cta').getBoundingClientRect();\r\n const p = clamp(-rect.top \/ window.innerHeight, -0.5, 1.5);\r\n fbImage.style.transform = `translateY(${p * 16}%)`;\r\n }\r\n}\r\nwindow.addEventListener('scroll', updateParallax, { passive: true });\r\nupdateParallax();\r\n\r\n\/\/ \u2500\u2500\u2500 NAV: show on scroll down \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\nconst nav = document.querySelector('nav');\r\nlet lastScroll = 0;\r\nwindow.addEventListener('scroll', () => {\r\n const s = window.scrollY;\r\n if (s > 80) nav.style.background = 'rgba(12,11,9,0.96)';\r\n else nav.style.background = 'transparent';\r\n lastScroll = s;\r\n}, { passive: true });\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>VIVENZIA \u2013 Root, Seed & Flower VIVENZIA Philosophy ReLid Formulations Root \u00b7 Seed \u00b7 Flower Longevityin a can. The first functional phytodrink built for daily life. 01 \/ Philosophy From nature’sthree realms. Every VIVENZIA formulation draws from three botanical origins: the root, the seed, and the flower. Turmeric from the rhizome. Black cumin and sesame […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":76,"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/vivenzia.invictus-lead-generation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}