{"id":23,"date":"2026-03-30T12:10:04","date_gmt":"2026-03-30T12:10:04","guid":{"rendered":"https:\/\/lussavel.co.za\/?page_id=23"},"modified":"2026-03-30T12:11:18","modified_gmt":"2026-03-30T12:11:18","slug":"elementor-23","status":"publish","type":"page","link":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/","title":{"rendered":"Elementor #23"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6eba6d e-flex e-con-boxed e-con e-parent\" data-id=\"d6eba6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bab7d21 elementor-widget elementor-widget-html\" data-id=\"bab7d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u2500\u2500 RESET ELEMENTOR BOX \u2500\u2500 *\/\r\nhtml, body {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  background: #050507 !important;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n}\r\n\r\n\/* Kill every Elementor wrapper that adds spacing *\/\r\n.elementor-section-wrap,\r\n.elementor-section,\r\n.elementor-container,\r\n.elementor-row,\r\n.elementor-col-100,\r\n.elementor-widget-wrap,\r\n.elementor-widget-container,\r\n.e-container,\r\n.e-con,\r\n.e-con-inner,\r\n.elementor-widget,\r\n.elementor-widget-html {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  max-width: 100% !important;\r\n  width: 100% !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Ensure our wrapper fills the screen edge to edge *\/\r\n#lussavel-site {\r\n  position: relative;\r\n  width: 100vw;\r\n  min-height: 100vh;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  overflow-x: hidden;\r\n}\r\n\r\n:root {\r\n  --black:   #050507;\r\n  --panel:   #0d0c12;\r\n  --white:   #f0eeff;\r\n  --offwhite:#a8a4c0;\r\n  --gold:    #e8c46a;\r\n  --gold-lt: #f5d98a;\r\n  --teal:    #4dffd2;\r\n  --silver:  #7a7a9a;\r\n  --line:    rgba(232,196,106,0.2);\r\n  --line-t:  rgba(77,255,210,0.12);\r\n}\r\n\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody { cursor: none; font-family: 'Montserrat', sans-serif; font-weight: 200; color: var(--white); }\r\n\r\n\/* \u2500\u2500 CANVAS \u2500\u2500 *\/\r\n#cosmos {\r\n  position: fixed;\r\n  inset: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 CURSOR \u2500\u2500 *\/\r\n#ls-cursor {\r\n  position: fixed; width: 7px; height: 7px;\r\n  border-radius: 50%; background: var(--teal);\r\n  pointer-events: none; z-index: 9999;\r\n  transform: translate(-50%,-50%);\r\n  transition: width .22s, height .22s, background .22s;\r\n  box-shadow: 0 0 12px var(--teal), 0 0 30px rgba(77,255,210,0.3);\r\n}\r\n#ls-ring {\r\n  position: fixed; width: 34px; height: 34px;\r\n  border-radius: 50%; border: 1px solid rgba(77,255,210,0.45);\r\n  pointer-events: none; z-index: 9998;\r\n  transform: translate(-50%,-50%);\r\n  transition: width .4s, height .4s, border-color .4s;\r\n}\r\nbody.ls-hovered #ls-cursor { width:11px; height:11px; background:var(--gold-lt); box-shadow:0 0 18px var(--gold); }\r\nbody.ls-hovered #ls-ring { width:54px; height:54px; border-color:rgba(232,196,106,0.6); }\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n#ls-nav {\r\n  position: fixed; inset: 0 0 auto 0; z-index: 200;\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  padding: 2rem 3.5rem;\r\n  transition: background .5s, padding .5s;\r\n}\r\n#ls-nav.scrolled {\r\n  background: rgba(5,5,7,.92); backdrop-filter: blur(18px);\r\n  padding: 1.2rem 3.5rem; border-bottom: 1px solid var(--line);\r\n}\r\n.ls-logo {\r\n  font-family: 'Cormorant Garamond', serif; font-weight: 300;\r\n  font-size: 1.55rem; letter-spacing: 0.45em; text-transform: uppercase;\r\n  text-shadow: 0 0 30px rgba(77,255,210,0.25); color: var(--white);\r\n}\r\n.ls-nav-right { display: flex; align-items: center; gap: 3rem; }\r\n.ls-nav-links { display: flex; gap: 2.8rem; list-style: none; }\r\n.ls-nav-links a {\r\n  color: var(--offwhite); text-decoration: none;\r\n  font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase;\r\n  font-weight: 300; transition: color .3s;\r\n}\r\n.ls-nav-links a:hover { color: var(--teal); }\r\n.ls-nav-cta {\r\n  font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase;\r\n  color: var(--gold); border: 1px solid rgba(232,196,106,0.5);\r\n  padding: .55rem 1.4rem; text-decoration: none;\r\n  transition: background .3s, color .3s, box-shadow .3s;\r\n}\r\n.ls-nav-cta:hover { background:var(--gold); color:var(--black); box-shadow:0 0 22px rgba(232,196,106,0.4); }\r\n\r\n\/* \u2500\u2500 SECTIONS \u2014 transparent, full width, no box \u2500\u2500 *\/\r\n.ls-section {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 GLASS \u2014 subtle backdrop only, NO border-radius, NO box-shadow \u2500\u2500 *\/\r\n.ls-glass {\r\n  background: rgba(5,5,7,0.68);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.ls-hero {\r\n  position: relative;\r\n  height: 100vh;\r\n  display: flex; align-items: flex-end;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n.ls-hero-vignette {\r\n  position: absolute; inset: 0; z-index: 1;\r\n  background:\r\n    linear-gradient(to top, rgba(5,5,7,.98) 0%, rgba(5,5,7,.55) 32%, rgba(5,5,7,.03) 65%, transparent 100%),\r\n    linear-gradient(to right, rgba(5,5,7,.85) 0%, rgba(5,5,7,.2) 55%, transparent 100%);\r\n}\r\n.ls-hero-scan {\r\n  position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n  background: repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,0.006) 3px,rgba(255,255,255,0.006) 4px);\r\n}\r\n.ls-hero-line {\r\n  position: absolute; top:0; right:28%;\r\n  width:1px; height:100%;\r\n  background: linear-gradient(to bottom,transparent,rgba(77,255,210,0.35) 45%,rgba(232,196,106,0.35) 70%,transparent);\r\n  opacity:.18; z-index:1;\r\n}\r\n.ls-hero-content {\r\n  position: relative; z-index: 10;\r\n  padding: 0 3.5rem 5rem; max-width: 720px;\r\n}\r\n.ls-hero-label {\r\n  font-size: 0.58rem; letter-spacing: 0.35em; text-transform: uppercase;\r\n  color: var(--teal); margin-bottom: 2rem;\r\n  opacity: 0; animation: lsRise .9s .4s forwards;\r\n  display: flex; align-items: center; gap: 1rem;\r\n}\r\n.ls-hero-label::before { content:''; display:block; width:40px; height:1px; background:var(--teal); }\r\n.ls-headline {\r\n  font-family: 'Cormorant Garamond', serif; font-weight: 300;\r\n  font-size: clamp(3.2rem,6vw,6rem); line-height: 1.08; letter-spacing: 0.02em;\r\n  opacity: 0; animation: lsRise 1s .65s forwards;\r\n}\r\n.ls-headline em { font-style: italic; color: var(--gold-lt); text-shadow: 0 0 40px rgba(232,196,106,0.35); }\r\n.ls-hero-sub {\r\n  font-size: 0.68rem; letter-spacing: 0.18em; line-height: 2;\r\n  color: var(--offwhite); margin-top: 2rem; max-width: 400px;\r\n  opacity: 0; animation: lsRise .9s .9s forwards;\r\n}\r\n.ls-hero-actions {\r\n  display: flex; align-items: center; gap: 2.5rem;\r\n  margin-top: 3rem; opacity: 0; animation: lsRise .9s 1.15s forwards;\r\n}\r\n.ls-btn-primary {\r\n  font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase;\r\n  color: var(--black); background: var(--gold); padding: .85rem 2.4rem;\r\n  text-decoration: none; display: inline-block;\r\n  transition: background .3s, transform .3s, box-shadow .3s;\r\n}\r\n.ls-btn-primary:hover { background:var(--gold-lt); transform:translateY(-2px); box-shadow:0 8px 30px rgba(232,196,106,0.35); }\r\n.ls-btn-ghost {\r\n  font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase;\r\n  color: var(--offwhite); text-decoration: none;\r\n  display: flex; align-items: center; gap: .7rem; transition: color .3s;\r\n}\r\n.ls-btn-ghost::after { content:'\u2192'; transition:transform .3s; }\r\n.ls-btn-ghost:hover { color:var(--teal); }\r\n.ls-btn-ghost:hover::after { transform:translateX(4px); }\r\n\r\n.ls-scroll-hint {\r\n  position: absolute; bottom:2.5rem; right:3.5rem;\r\n  display: flex; flex-direction: column; align-items: center; gap:.6rem;\r\n  opacity:0; animation:lsRise 1s 1.6s forwards; z-index:10;\r\n}\r\n.ls-scroll-hint span { font-size:0.5rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--teal); writing-mode:vertical-rl; }\r\n.ls-scroll-bar { width:1px; height:50px; background:linear-gradient(to bottom,var(--teal),transparent); animation:lsPulse 2s ease-in-out infinite; }\r\n@keyframes lsPulse { 0%,100%{opacity:.35} 50%{opacity:1} }\r\n\r\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n.ls-divider {\r\n  display: flex; align-items: center; gap:1.5rem;\r\n  padding: 3.5rem 3.5rem; width:100%;\r\n}\r\n.ls-divider-line { flex:1; height:1px; background:var(--line); }\r\n.ls-divider-mark {\r\n  font-family: 'Cormorant Garamond', serif; font-style:italic;\r\n  font-size: 0.78rem; color:var(--teal); letter-spacing:0.12em; white-space:nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 MANIFESTO \u2500\u2500 *\/\r\n.ls-manifesto {\r\n  padding: 7rem 3.5rem;\r\n  display: grid; grid-template-columns:1fr 2fr; gap:4rem; align-items:start;\r\n  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\r\n  width: 100%;\r\n}\r\n.ls-manifesto-label { font-size:0.55rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--teal); margin-top:.3rem; }\r\n.ls-manifesto-body {\r\n  font-family: 'Cormorant Garamond', serif; font-weight:300;\r\n  font-size: clamp(1.5rem,2.4vw,2.2rem); line-height:1.55; letter-spacing:0.01em;\r\n}\r\n.ls-manifesto-body em { font-style:italic; color:var(--gold-lt); }\r\n\r\n\/* \u2500\u2500 NUMBERS \u2500\u2500 *\/\r\n.ls-numbers {\r\n  display:grid; grid-template-columns:repeat(3,1fr);\r\n  border-bottom:1px solid var(--line); width:100%;\r\n}\r\n.ls-number-cell { padding:4.5rem 3.5rem; border-right:1px solid var(--line); }\r\n.ls-number-cell:last-child { border-right:none; }\r\n.ls-number-val { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:3.8rem; line-height:1; letter-spacing:-0.02em; }\r\n.ls-number-val sup { font-size:1.5rem; color:var(--gold); vertical-align:super; }\r\n.ls-number-desc { font-size:0.55rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--silver); margin-top:1rem; line-height:2; }\r\n.ls-number-rule { width:24px; height:1px; background:var(--teal); margin-top:1.5rem; box-shadow:0 0 8px var(--teal); }\r\n\r\n\/* \u2500\u2500 WORK \u2500\u2500 *\/\r\n.ls-work { padding:7rem 0; width:100%; }\r\n.ls-work-header { display:flex; justify-content:space-between; align-items:flex-end; padding:0 3.5rem; margin-bottom:4rem; }\r\n.ls-eyebrow { font-size:0.55rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--teal); margin-bottom:.75rem; }\r\n.ls-section-title { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(2rem,3.5vw,3rem); letter-spacing:0.04em; }\r\n.ls-section-link {\r\n  font-size:0.55rem; letter-spacing:0.22em; text-transform:uppercase;\r\n  color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(232,196,106,0.3);\r\n  padding-bottom:3px; transition:border-color .3s,color .3s;\r\n}\r\n.ls-section-link:hover { color:var(--gold-lt); border-color:var(--gold); }\r\n\r\n.ls-work-grid { display:grid; grid-template-columns:1.4fr 1fr; grid-template-rows:auto auto; gap:2px; width:100%; }\r\n.ls-wi { position:relative; overflow:hidden; background:var(--panel); cursor:none; min-height:360px; }\r\n.ls-wi.tall { grid-row:span 2; min-height:720px; }\r\n.ls-wi-art { position:absolute; inset:0; transition:transform .8s ease; }\r\n.ls-wi:hover .ls-wi-art { transform:scale(1.04); }\r\n\r\n.ls-wi-art-1 { background:radial-gradient(ellipse 80% 60% at 65% 45%,#1a1814 0%,#07080a 100%); }\r\n.ls-wi-art-1::before { content:''; position:absolute; top:8%; right:5%; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle at 38% 35%,#2e2c26 0%,#12110d 60%,transparent 100%); box-shadow:inset -20px -20px 40px rgba(0,0,0,0.8); }\r\n.ls-wi-art-1::after { content:''; position:absolute; top:8%; right:5%; width:300px; height:300px; border-radius:50%; border:1px solid rgba(77,255,210,0.08); }\r\n.ls-wi-art-2 { background:radial-gradient(ellipse at 30% 50%,#111009 0%,#060608 100%); }\r\n.ls-wi-art-2::before { content:''; position:absolute; bottom:20%; left:50%; transform:translateX(-50%); width:260px; height:1px; background:linear-gradient(to right,transparent,rgba(232,196,106,0.25),transparent); }\r\n.ls-wi-art-3 { background:radial-gradient(ellipse at 70% 60%,#141210 0%,#06060a 100%); }\r\n.ls-wi-art-3::before { content:''; position:absolute; top:15%; right:15%; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle at 40% 35%,#2a2820 0%,#0e0d0a 65%,transparent 100%); }\r\n\r\n.ls-wi-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(5,5,7,.97) 0%,rgba(5,5,7,.28) 50%,transparent 100%); }\r\n.ls-wi-info { position:absolute; bottom:0; left:0; right:0; padding:2.5rem; transform:translateY(8px); transition:transform .4s; }\r\n.ls-wi:hover .ls-wi-info { transform:translateY(0); }\r\n.ls-wi-cat { font-size:0.52rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--teal); margin-bottom:.6rem; }\r\n.ls-wi-title { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:1.5rem; line-height:1.2; }\r\n.ls-wi.tall .ls-wi-title { font-size:2rem; }\r\n.ls-wi-year { font-size:0.5rem; letter-spacing:0.2em; color:var(--silver); margin-top:.5rem; }\r\n.ls-wi-arrow { position:absolute; top:2rem; right:2rem; width:36px; height:36px; border:1px solid rgba(77,255,210,0.3); display:flex; align-items:center; justify-content:center; font-size:.8rem; color:var(--teal); opacity:0; transform:translateY(-6px); transition:opacity .3s,transform .3s; }\r\n.ls-wi:hover .ls-wi-arrow { opacity:1; transform:none; }\r\n\r\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n.ls-services { padding:7rem 3.5rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); width:100%; }\r\n.ls-services-head { margin-bottom:4rem; }\r\n.ls-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }\r\n.ls-svc { padding:3rem 2rem; background:rgba(13,12,18,0.8); border:1px solid transparent; transition:border-color .4s,background .4s; }\r\n.ls-svc:hover { border-color:var(--line-t); background:rgba(18,16,26,0.95); }\r\n.ls-svc-num { font-family:'Cormorant Garamond',serif; font-size:0.75rem; color:var(--teal); margin-bottom:2rem; font-style:italic; }\r\n.ls-svc-name { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:1.3rem; margin-bottom:1rem; }\r\n.ls-svc-desc { font-size:0.6rem; line-height:2; letter-spacing:0.05em; color:var(--silver); }\r\n.ls-svc-line { width:20px; height:1px; background:var(--gold); margin-top:2rem; box-shadow:0 0 6px rgba(232,196,106,0.5); }\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.ls-cta { padding:9rem 3.5rem; display:flex; flex-direction:column; align-items:center; text-align:center; width:100%; }\r\n.ls-cta-eye { font-size:0.55rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--teal); margin-bottom:2rem; display:flex; align-items:center; gap:1rem; }\r\n.ls-cta-eye::before,.ls-cta-eye::after { content:''; display:block; width:30px; height:1px; background:var(--teal); }\r\n.ls-cta-headline { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.15; letter-spacing:0.03em; max-width:700px; margin-bottom:3rem; }\r\n.ls-cta-headline em { font-style:italic; color:var(--gold-lt); text-shadow:0 0 30px rgba(232,196,106,0.3); }\r\n.ls-cta-actions { display:flex; gap:2rem; }\r\n.ls-btn-outline { font-size:0.58rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--offwhite); border:1px solid rgba(77,255,210,0.22); padding:.85rem 2.4rem; text-decoration:none; transition:border-color .3s,color .3s; }\r\n.ls-btn-outline:hover { border-color:var(--teal); color:var(--teal); }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.ls-footer {\r\n  border-top:1px solid var(--line); padding:3rem 3.5rem;\r\n  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem;\r\n  position:relative; overflow:hidden; width:100%;\r\n  background: rgba(5,5,7,0.88);\r\n}\r\n.ls-footer-logo { font-family:'Cormorant Garamond',serif; font-weight:300; font-size:1.4rem; letter-spacing:0.4em; text-transform:uppercase; }\r\n.ls-footer-copy { font-size:0.5rem; letter-spacing:0.18em; color:var(--silver); text-align:center; }\r\n.ls-footer-links { display:flex; gap:2rem; justify-content:flex-end; list-style:none; }\r\n.ls-footer-links a { font-size:0.5rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--silver); text-decoration:none; transition:color .3s; }\r\n.ls-footer-links a:hover { color:var(--teal); }\r\n\r\n\/* LUSSAVEL *\/\r\n.ls-lussavel-wrap { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; z-index:10; overflow:hidden; }\r\n.ls-lussavel {\r\n  font-family:'Cormorant Garamond',serif; font-weight:300;\r\n  font-size:clamp(5rem,12vw,11rem); letter-spacing:0.18em; text-transform:uppercase;\r\n  color:transparent; -webkit-text-stroke:1px rgba(232,196,106,0); white-space:nowrap; user-select:none;\r\n  opacity:0; transform:scale(0.94) translateY(16px);\r\n  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1), -webkit-text-stroke 0.6s, text-shadow 0.6s;\r\n}\r\n.ls-footer:hover .ls-lussavel { opacity:1; transform:scale(1) translateY(0); -webkit-text-stroke:1px rgba(232,196,106,0.55); text-shadow:0 0 80px rgba(232,196,106,0.15); }\r\n.ls-footer:hover .ls-footer-logo,\r\n.ls-footer:hover .ls-footer-copy,\r\n.ls-footer:hover .ls-footer-links { opacity:0.2; }\r\n.ls-footer-logo,.ls-footer-copy,.ls-footer-links { transition:opacity 0.5s; }\r\n\r\n\/* \u2500\u2500 FADE-IN SCROLL \u2500\u2500 *\/\r\n.ls-fade {\r\n  opacity: 0;\r\n  transform: translateY(36px);\r\n  transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);\r\n}\r\n.ls-fade.in { opacity:1; transform:none; }\r\n.ls-stagger > * {\r\n  opacity:0; transform:translateY(28px);\r\n  transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n}\r\n.ls-stagger.in > *:nth-child(1){opacity:1;transform:none;transition-delay:0s}\r\n.ls-stagger.in > *:nth-child(2){opacity:1;transform:none;transition-delay:.12s}\r\n.ls-stagger.in > *:nth-child(3){opacity:1;transform:none;transition-delay:.24s}\r\n.ls-stagger.in > *:nth-child(4){opacity:1;transform:none;transition-delay:.36s}\r\n\r\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\r\n@keyframes lsRise { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:900px){\r\n  #ls-nav{padding:1.5rem 1.8rem}\r\n  #ls-nav.scrolled{padding:1rem 1.8rem}\r\n  .ls-nav-links,.ls-nav-cta{display:none}\r\n  .ls-hero-content{padding:0 1.8rem 4rem}\r\n  .ls-scroll-hint{display:none}\r\n  .ls-divider{padding:3.5rem 1.8rem}\r\n  .ls-manifesto{grid-template-columns:1fr;gap:2rem;padding:4rem 1.8rem}\r\n  .ls-numbers{grid-template-columns:1fr}\r\n  .ls-number-cell{border-right:none;border-bottom:1px solid var(--line);padding:3rem 1.8rem}\r\n  .ls-work-header{padding:0 1.8rem}\r\n  .ls-work-grid{grid-template-columns:1fr}\r\n  .ls-wi.tall{grid-row:span 1;min-height:360px}\r\n  .ls-services{padding:4rem 1.8rem}\r\n  .ls-services-grid{grid-template-columns:1fr 1fr;gap:8px}\r\n  .ls-cta{padding:5rem 1.8rem}\r\n  .ls-footer{grid-template-columns:1fr;text-align:center;padding:2.5rem 1.8rem}\r\n  .ls-footer-links{justify-content:center}\r\n  .ls-lussavel{font-size:clamp(3rem,16vw,6rem)}\r\n}\r\n<\/style>\r\n\r\n<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Montserrat:wght@100;200;300;400&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- COSMOS CANVAS -->\r\n<canvas id=\"cosmos\"><\/canvas>\r\n\r\n<!-- CURSOR -->\r\n<div id=\"ls-cursor\"><\/div>\r\n<div id=\"ls-ring\"><\/div>\r\n\r\n<!-- SITE WRAPPER -->\r\n<div id=\"lussavel-site\">\r\n\r\n  <!-- NAV -->\r\n  <nav id=\"ls-nav\">\r\n    <div class=\"ls-logo\">Form<\/div>\r\n    <div class=\"ls-nav-right\">\r\n      <ul class=\"ls-nav-links\">\r\n        <li><a href=\"#\">Studio<\/a><\/li>\r\n        <li><a href=\"#\">Work<\/a><\/li>\r\n        <li><a href=\"#\">Services<\/a><\/li>\r\n        <li><a href=\"#\">Journal<\/a><\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"ls-nav-cta\">Inquire<\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"ls-hero ls-section\">\r\n    <div class=\"ls-hero-vignette\"><\/div>\r\n    <div class=\"ls-hero-scan\"><\/div>\r\n    <div class=\"ls-hero-line\"><\/div>\r\n    <div class=\"ls-hero-content\">\r\n      <p class=\"ls-hero-label\">Creative Studio \u2014 Est. 2019<\/p>\r\n      <h1 class=\"ls-headline\">Where <em>craft<\/em><br>becomes<br>legacy.<\/h1>\r\n      <p class=\"ls-hero-sub\">A hyper-creative studio building brands, identities, and digital experiences with uncompromising precision and singular vision.<\/p>\r\n      <div class=\"ls-hero-actions\">\r\n        <a href=\"#\" class=\"ls-btn-primary\">Discover Our Work<\/a>\r\n        <a href=\"#\" class=\"ls-btn-ghost\">Our Philosophy<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ls-scroll-hint\"><span>Scroll<\/span><div class=\"ls-scroll-bar\"><\/div><\/div>\r\n  <\/section>\r\n\r\n  <!-- DIVIDER -->\r\n  <div class=\"ls-divider ls-glass ls-section ls-fade\">\r\n    <div class=\"ls-divider-line\"><\/div>\r\n    <span class=\"ls-divider-mark\">Forme Follows Performance<\/span>\r\n    <div class=\"ls-divider-line\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- MANIFESTO -->\r\n  <section class=\"ls-manifesto ls-glass ls-section ls-fade\">\r\n    <div><p class=\"ls-manifesto-label\">Our Ethos<\/p><\/div>\r\n    <p class=\"ls-manifesto-body\">Every project is a <em>singular act of creation<\/em>. We reject the ordinary, the efficient, the adequate \u2014 and pursue only the extraordinary. Beauty is not decoration; it is the evidence of mastery.<\/p>\r\n  <\/section>\r\n\r\n  <!-- NUMBERS -->\r\n  <div class=\"ls-numbers ls-glass ls-section ls-stagger\">\r\n    <div class=\"ls-number-cell\">\r\n      <div class=\"ls-number-val\">120<sup>+<\/sup><\/div>\r\n      <div class=\"ls-number-rule\"><\/div>\r\n      <div class=\"ls-number-desc\">Bespoke Projects<br>Delivered<\/div>\r\n    <\/div>\r\n    <div class=\"ls-number-cell\">\r\n      <div class=\"ls-number-val\">40<sup>+<\/sup><\/div>\r\n      <div class=\"ls-number-rule\"><\/div>\r\n      <div class=\"ls-number-desc\">Global Clients<br>Across 18 Countries<\/div>\r\n    <\/div>\r\n    <div class=\"ls-number-cell\">\r\n      <div class=\"ls-number-val\">7<sup>\u00d7<\/sup><\/div>\r\n      <div class=\"ls-number-rule\"><\/div>\r\n      <div class=\"ls-number-desc\">Industry Awards<br>for Excellence<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- WORK -->\r\n  <section class=\"ls-work ls-glass ls-section\">\r\n    <div class=\"ls-work-header ls-fade\">\r\n      <div>\r\n        <p class=\"ls-eyebrow\">Selected Works<\/p>\r\n        <h2 class=\"ls-section-title\">Creations<\/h2>\r\n      <\/div>\r\n      <a href=\"#\" class=\"ls-section-link\">View All Projects<\/a>\r\n    <\/div>\r\n    <div class=\"ls-work-grid ls-fade\" style=\"transition-delay:.15s\">\r\n      <div class=\"ls-wi tall\">\r\n        <div class=\"ls-wi-art ls-wi-art-1\"><\/div>\r\n        <div class=\"ls-wi-overlay\"><\/div>\r\n        <div class=\"ls-wi-arrow\">\u2197<\/div>\r\n        <div class=\"ls-wi-info\">\r\n          <div class=\"ls-wi-cat\">Brand Identity \u00b7 Digital<\/div>\r\n          <div class=\"ls-wi-title\">Meridian \u2014 Global Identity Overhaul<\/div>\r\n          <div class=\"ls-wi-year\">2025<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ls-wi\">\r\n        <div class=\"ls-wi-art ls-wi-art-2\"><\/div>\r\n        <div class=\"ls-wi-overlay\"><\/div>\r\n        <div class=\"ls-wi-arrow\">\u2197<\/div>\r\n        <div class=\"ls-wi-info\">\r\n          <div class=\"ls-wi-cat\">Campaign \u00b7 Art Direction<\/div>\r\n          <div class=\"ls-wi-title\">Void \u2014 Launch Campaign<\/div>\r\n          <div class=\"ls-wi-year\">2024<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ls-wi\">\r\n        <div class=\"ls-wi-art ls-wi-art-3\"><\/div>\r\n        <div class=\"ls-wi-overlay\"><\/div>\r\n        <div class=\"ls-wi-arrow\">\u2197<\/div>\r\n        <div class=\"ls-wi-info\">\r\n          <div class=\"ls-wi-cat\">Web \u00b7 Motion Design<\/div>\r\n          <div class=\"ls-wi-title\">Fauna Studio \u2014 Digital Experience<\/div>\r\n          <div class=\"ls-wi-year\">2024<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SERVICES -->\r\n  <section class=\"ls-services ls-glass ls-section\">\r\n    <div class=\"ls-services-head ls-fade\">\r\n      <p class=\"ls-eyebrow\">Our Disciplines<\/p>\r\n      <h2 class=\"ls-section-title\">Services<\/h2>\r\n    <\/div>\r\n    <div class=\"ls-services-grid ls-stagger\">\r\n      <div class=\"ls-svc\"><div class=\"ls-svc-num\">01<\/div><div class=\"ls-svc-name\">Brand Identity<\/div><div class=\"ls-svc-desc\">Visual systems and brand languages crafted for permanence \u2014 logos, typography, colour, and the full expression of your singular vision.<\/div><div class=\"ls-svc-line\"><\/div><\/div>\r\n      <div class=\"ls-svc\"><div class=\"ls-svc-num\">02<\/div><div class=\"ls-svc-name\">Digital Experience<\/div><div class=\"ls-svc-desc\">Websites and interactive platforms engineered for beauty and precision, where every micro-interaction is considered and intentional.<\/div><div class=\"ls-svc-line\"><\/div><\/div>\r\n      <div class=\"ls-svc\"><div class=\"ls-svc-num\">03<\/div><div class=\"ls-svc-name\">Art Direction<\/div><div class=\"ls-svc-desc\">Campaign and editorial direction that arrests attention, commands memory, and elevates every touchpoint to the level of craft.<\/div><div class=\"ls-svc-line\"><\/div><\/div>\r\n      <div class=\"ls-svc\"><div class=\"ls-svc-num\">04<\/div><div class=\"ls-svc-name\">Motion & Film<\/div><div class=\"ls-svc-desc\">Moving image that captures the essence of a brand in time \u2014 from title sequences to full production campaigns.<\/div><div class=\"ls-svc-line\"><\/div><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA -->\r\n  <section class=\"ls-cta ls-glass ls-section ls-fade\">\r\n    <p class=\"ls-cta-eye\">Begin Your Commission<\/p>\r\n    <h2 class=\"ls-cta-headline\">Every great work begins<br>with a single <em>conversation.<\/em><\/h2>\r\n    <div class=\"ls-cta-actions\">\r\n      <a href=\"mailto:hello@form.studio\" class=\"ls-btn-primary\">Start a Project<\/a>\r\n      <a href=\"#\" class=\"ls-btn-outline\">Download Credentials<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"ls-footer\">\r\n    <div class=\"ls-lussavel-wrap\"><span class=\"ls-lussavel\">LUSSAVEL<\/span><\/div>\r\n    <div class=\"ls-footer-logo\">Form<\/div>\r\n    <div class=\"ls-footer-copy\">\u00a9 2026 Form Creative Studio. All rights reserved.<\/div>\r\n    <ul class=\"ls-footer-links\">\r\n      <li><a href=\"#\">Instagram<\/a><\/li>\r\n      <li><a href=\"#\">LinkedIn<\/a><\/li>\r\n      <li><a href=\"#\">Privacy<\/a><\/li>\r\n    <\/ul>\r\n  <\/footer>\r\n\r\n<\/div><!-- \/lussavel-site -->\r\n\r\n<script>\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\/\/  CINEMATIC ASTEROID SPACE + 14 SHOOTING STARS  (WebGL)\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(function(){\r\n  const canvas = document.getElementById('cosmos');\r\n  if (!canvas) return;\r\n  const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');\r\n  if (!gl) return;\r\n\r\n  function resize(){ canvas.width=innerWidth; canvas.height=innerHeight; gl.viewport(0,0,canvas.width,canvas.height); }\r\n  resize(); window.addEventListener('resize', resize);\r\n\r\n  const VS = `attribute vec2 p; void main(){gl_Position=vec4(p,0,1);}`;\r\n  const FS = `\r\n  precision highp float;\r\n  uniform float T; uniform vec2 R;\r\n  float h21(vec2 p){p=fract(p*vec2(127.1,311.7));p+=dot(p,p+45.3);return fract(p.x*p.y);}\r\n  float n21(vec2 p){vec2 i=floor(p),f=fract(p);f=f*f*(3.-2.*f);return mix(mix(h21(i),h21(i+vec2(1,0)),f.x),mix(h21(i+vec2(0,1)),h21(i+vec2(1,1)),f.x),f.y);}\r\n  float fbm(vec2 p){float v=0.,a=.5;for(int i=0;i<7;i++){v+=n21(p)*a;p*=2.05;a*=.5;}return v;}\r\n  float star(vec2 uv,float d,float s){vec2 g=floor(uv*d),f=fract(uv*d)-.5;float hv=h21(g+s);if(hv<.78)return 0.;float sz=.003+hv*.006;float b=pow(max(0.,1.-length(f)\/sz),4.);return b*(.6+.4*sin(T*(1.5+hv*5.)+hv*30.));}\r\n  float rockyBody(vec2 uv,vec2 c,float r,vec3 s3){vec2 d=uv-c;float rr=length(d);if(rr>r*1.02)return 0.;float zz=sqrt(max(0.,r*r-rr*rr));vec3 N=normalize(vec3(d,zz));vec3 L=normalize(vec3(-.55,.45,.7));float diff=max(0.,dot(N,L));vec2 tx=vec2(atan(N.y,N.x)*.16,asin(N.z)*.5)+s3.xy;float surf=(fbm(tx*6.+T*.003)*.5+fbm(tx*14.+s3.z)*.3+pow(max(0.,fbm(tx*9.+2.3)-.48),2.)*1.8*.2)*diff;surf+=pow(diff,3.)*.15;return surf*(1.-smoothstep(r*.7,r,rr));}\r\n  float belt(vec2 uv,vec2 c,float ang,float s){vec2 d=uv-c;float co=cos(ang),si=sin(ang);vec2 dr=vec2(d.x*co+d.y*si,-d.x*si+d.y*co);if(abs(dr.y)>.06)return 0.;if(dr.x<-.05||dr.x>.85)return 0.;float g=floor(dr.x*120.);float hv=h21(vec2(g,s));float lx=fract(dr.x*120.)-.5,ly=dr.y\/.06;float sz=.002+hv*.012;return step(.3,hv)*pow(max(0.,1.-length(vec2(lx*.5,ly))\/sz),2.)*(.3+hv*.7);}\r\n  float shootingStar(vec2 uv,float seed,float off){float period=6.+seed*4.;float phase=mod(T+off,period)\/period;if(phase>.28)return 0.;float p2=phase\/.28;vec2 start=vec2(.1+h21(vec2(seed,.1))*.85,.05+h21(vec2(seed,.3))*.55)*vec2(R.x\/R.y,1.);vec2 dir=normalize(vec2(cos(-.2-h21(vec2(seed,.5))*.6),sin(-.2-h21(vec2(seed,.5))*.6)));vec2 pos=start+dir*p2*(.4+h21(vec2(seed,.7))*.4);float alo=dot(uv-pos,dir);float acr=dot(uv-pos,vec2(-dir.y,dir.x));float tail=exp(-abs(acr)*800.)*smoothstep(0.,-.06,alo)*smoothstep(-.18,-.02,alo);float head=exp(-length(uv-pos)*220.);return(tail*.65+head*2.8)*(1.-p2*.6);}\r\n  void main(){\r\n    vec2 uv=gl_FragCoord.xy\/R,asp=vec2(R.x\/R.y,1.),uvA=uv*asp;\r\n    float t=T*.018;\r\n    vec3 col=vec3(.012,.012,.018);\r\n    col+=star(uv,180.,0.)*vec3(.7,.75,1.)*.8;col+=star(uv,80.,17.)*vec3(.9,.92,1.);col+=star(uv,35.,44.)*vec3(1.,.98,.9)*1.4;col+=star(uv,20.,81.)*vec3(1.,.85,.4)*2.;col+=star(uv,24.,63.)*vec3(.3,1.,.82)*1.6;\r\n    vec2 pc1=vec2(asp.x*.08+sin(t*.3)*.01,.15+cos(t*.2)*.01);col+=rockyBody(uvA,pc1,.55,vec3(1.2,.9,3.1))*vec3(.32,.27,.18)*2.2;\r\n    vec2 pc2=vec2(asp.x*.82+cos(t*.25)*.01,.72+sin(t*.18)*.01);col+=rockyBody(uvA,pc2,.32,vec3(4.1,2.3,7.8))*vec3(.28,.28,.3)*2.8;\r\n    vec2 pc3=vec2(asp.x*.18+sin(t*.4)*.008,.68+cos(t*.35)*.008);col+=rockyBody(uvA,pc3,.08,vec3(9.5,6.1,2.2))*vec3(.3,.3,.32)*2.4;\r\n    col+=belt(uvA,pc1+vec2(.55,0.),-.35,1.)*vec3(.5,.48,.44)*1.5;col+=belt(uvA,pc1+vec2(.45,-.05),-.3,5.)*vec3(.38,.36,.34);col+=belt(uvA,pc2-vec2(.55,0.),-.12,8.)*vec3(.45,.44,.42)*1.2;col+=belt(uvA,pc2-vec2(.6,.02),-.08,12.)*vec3(.35,.34,.32)*.8;\r\n    for(int i=0;i<8;i++){float fi=float(i);col+=rockyBody(uvA,vec2(h21(vec2(fi,1.))*asp.x,h21(vec2(fi,3.))),.012+h21(vec2(fi,7.))*.022,vec3(fi*.7+1.,fi*.4+2.,fi*.3+5.))*vec3(.4,.38,.35)*1.8;}\r\n    col+=exp(-length((uvA-pc1)*vec2(1.,1.6))\/.65)*.12*vec3(.18,.14,.08);\r\n    float bright=0.;\r\n    bright+=shootingStar(uvA,1.,0.);bright+=shootingStar(uvA,2.,1.3);bright+=shootingStar(uvA,3.,2.7);bright+=shootingStar(uvA,4.,4.1);bright+=shootingStar(uvA,5.,5.5);bright+=shootingStar(uvA,6.,.8);bright+=shootingStar(uvA,7.,3.4);bright+=shootingStar(uvA,8.,6.2);bright+=shootingStar(uvA,9.,1.9);bright+=shootingStar(uvA,10.,7.7);bright+=shootingStar(uvA,11.,2.2);bright+=shootingStar(uvA,12.,8.9);bright+=shootingStar(uvA,13.,4.6);bright+=shootingStar(uvA,14.,9.5);\r\n    col+=clamp(bright,0.,3.)*vec3(.92,.95,1.);\r\n    col*=(1.-smoothstep(.3,1.1,length((uv-.5)*vec2(1.3,.9))))*.9+.1;\r\n    col=col\/(col+.6);col=pow(max(col,0.),vec3(.85));\r\n    gl_FragColor=vec4(col,1.);\r\n  }`;\r\n\r\n  function mkS(type,src){const s=gl.createShader(type);gl.shaderSource(s,src);gl.compileShader(s);return s;}\r\n  const prog=gl.createProgram();\r\n  gl.attachShader(prog,mkS(gl.VERTEX_SHADER,VS));\r\n  gl.attachShader(prog,mkS(gl.FRAGMENT_SHADER,FS));\r\n  gl.linkProgram(prog); gl.useProgram(prog);\r\n\r\n  const buf=gl.createBuffer();\r\n  gl.bindBuffer(gl.ARRAY_BUFFER,buf);\r\n  gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),gl.STATIC_DRAW);\r\n  const ap=gl.getAttribLocation(prog,'p');\r\n  gl.enableVertexAttribArray(ap); gl.vertexAttribPointer(ap,2,gl.FLOAT,false,0,0);\r\n\r\n  const uT=gl.getUniformLocation(prog,'T'), uR=gl.getUniformLocation(prog,'R');\r\n  let t0=null;\r\n  (function frame(ts){\r\n    if(!t0)t0=ts;\r\n    gl.uniform1f(uT,(ts-t0)*.001);\r\n    gl.uniform2f(uR,canvas.width,canvas.height);\r\n    gl.drawArrays(gl.TRIANGLE_STRIP,0,4);\r\n    requestAnimationFrame(frame);\r\n  })();\r\n})();\r\n\r\n\/\/ \u2500\u2500 CURSOR \u2500\u2500\r\n(function(){\r\n  const cur=document.getElementById('ls-cursor'), ring=document.getElementById('ls-ring');\r\n  if(!cur||!ring) return;\r\n  let mx=-100,my=-100,rx=0,ry=0;\r\n  document.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY;});\r\n  (function loop(){cur.style.left=mx+'px';cur.style.top=my+'px';rx+=(mx-rx)*.12;ry+=(my-ry)*.12;ring.style.left=rx+'px';ring.style.top=ry+'px';requestAnimationFrame(loop);})();\r\n  document.querySelectorAll('a,button,.ls-wi,.ls-svc').forEach(el=>{\r\n    el.addEventListener('mouseenter',()=>document.body.classList.add('ls-hovered'));\r\n    el.addEventListener('mouseleave',()=>document.body.classList.remove('ls-hovered'));\r\n  });\r\n})();\r\n\r\n\/\/ \u2500\u2500 NAV SCROLL \u2500\u2500\r\n(function(){\r\n  const nav=document.getElementById('ls-nav');\r\n  if(!nav) return;\r\n  window.addEventListener('scroll',()=>nav.classList.toggle('scrolled',scrollY>60));\r\n})();\r\n\r\n\/\/ \u2500\u2500 FADE-IN ON SCROLL \u2500\u2500\r\n(function(){\r\n  const io=new IntersectionObserver(entries=>{\r\n    entries.forEach(e=>{\r\n      if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\r\n    });\r\n  },{threshold:.1,rootMargin:'0px 0px -40px 0px'});\r\n  document.querySelectorAll('.ls-fade,.ls-stagger').forEach(el=>io.observe(el));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Form Studio Work Services Journal Inquire Creative Studio \u2014 Est. 2019 Where craftbecomeslegacy. A hyper-creative studio building brands, identities, and digital experiences with uncompromising precision and singular vision. Discover Our Work Our Philosophy Scroll Forme Follows Performance Our Ethos Every project is a singular act of creation. We reject the ordinary, the efficient, the adequate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor #23 - E-Commerce Revolution<\/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:\/\/lussavel.co.za\/index.php\/elementor-23\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #23 - E-Commerce Revolution\" \/>\n<meta property=\"og:description\" content=\"Form Studio Work Services Journal Inquire Creative Studio \u2014 Est. 2019 Where craftbecomeslegacy. A hyper-creative studio building brands, identities, and digital experiences with uncompromising precision and singular vision. Discover Our Work Our Philosophy Scroll Forme Follows Performance Our Ethos Every project is a singular act of creation. We reject the ordinary, the efficient, the adequate [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/\" \/>\n<meta property=\"og:site_name\" content=\"E-Commerce Revolution\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T12:11:18+00:00\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/\",\"url\":\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/\",\"name\":\"Elementor #23 - E-Commerce Revolution\",\"isPartOf\":{\"@id\":\"https:\/\/lussavel.co.za\/#website\"},\"datePublished\":\"2026-03-30T12:10:04+00:00\",\"dateModified\":\"2026-03-30T12:11:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lussavel.co.za\/index.php\/elementor-23\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/lussavel.co.za\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #23\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lussavel.co.za\/#website\",\"url\":\"https:\/\/lussavel.co.za\/\",\"name\":\"Lussavel\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/lussavel.co.za\/#\/schema\/person\/0c264f66065058176cf00498d63d406a\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lussavel.co.za\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/lussavel.co.za\/#\/schema\/person\/0c264f66065058176cf00498d63d406a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png\",\"url\":\"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png\",\"contentUrl\":\"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png\",\"width\":417,\"height\":248,\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png\"},\"sameAs\":[\"https:\/\/lussavel.co.za\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #23 - E-Commerce Revolution","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:\/\/lussavel.co.za\/index.php\/elementor-23\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #23 - E-Commerce Revolution","og_description":"Form Studio Work Services Journal Inquire Creative Studio \u2014 Est. 2019 Where craftbecomeslegacy. A hyper-creative studio building brands, identities, and digital experiences with uncompromising precision and singular vision. Discover Our Work Our Philosophy Scroll Forme Follows Performance Our Ethos Every project is a singular act of creation. We reject the ordinary, the efficient, the adequate [&hellip;]","og_url":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/","og_site_name":"E-Commerce Revolution","article_modified_time":"2026-03-30T12:11:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/","url":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/","name":"Elementor #23 - E-Commerce Revolution","isPartOf":{"@id":"https:\/\/lussavel.co.za\/#website"},"datePublished":"2026-03-30T12:10:04+00:00","dateModified":"2026-03-30T12:11:18+00:00","breadcrumb":{"@id":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lussavel.co.za\/index.php\/elementor-23\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lussavel.co.za\/index.php\/elementor-23\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lussavel.co.za\/"},{"@type":"ListItem","position":2,"name":"Elementor #23"}]},{"@type":"WebSite","@id":"https:\/\/lussavel.co.za\/#website","url":"https:\/\/lussavel.co.za\/","name":"Lussavel","description":"","publisher":{"@id":"https:\/\/lussavel.co.za\/#\/schema\/person\/0c264f66065058176cf00498d63d406a"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lussavel.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/lussavel.co.za\/#\/schema\/person\/0c264f66065058176cf00498d63d406a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png","url":"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png","contentUrl":"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png","width":417,"height":248,"caption":"admin"},"logo":{"@id":"https:\/\/lussavel.co.za\/wp-content\/uploads\/2026\/03\/mine.png"},"sameAs":["https:\/\/lussavel.co.za"]}]}},"_links":{"self":[{"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":5,"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/lussavel.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}