:root{--bg:#fbf7ee;--text:#17253a;--muted:#596979;--surface:#fff;--navy:#0d3d87;--green:#159344;--red:#d44b41;--gold:#d9a11f;--pink:#d8688c;--blue2:#2e63c8;--radius:26px;--shadow:0 18px 48px rgba(21,40,78,.12);--container:min(1180px,92vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fbf7ee;color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:var(--container);margin:0 auto}.section{padding:82px 0}.center{text-align:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900;color:var(--red)}h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.03;margin:12px 0 16px}h2{font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.12;margin:10px 0 14px}h3{font-size:1.25rem;margin:0 0 10px}p{line-height:1.72}.page-transition{position:fixed;inset:0;background:#0d3d87;transform:translateY(100%);z-index:9999;pointer-events:none;will-change:transform}.page-transition .transition-line{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.5);transform:scaleX(0)}.page-transition.enter{animation:revealPage .75s cubic-bezier(.65,0,.35,1) forwards}.page-transition.enter .transition-line{animation:lineSweep .55s ease .05s}.page-transition.leave{animation:coverPage .62s cubic-bezier(.65,0,.35,1) forwards}.page-transition.leave .transition-line{animation:lineSweep .45s ease .1s}@keyframes revealPage{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes coverPage{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes lineSweep{0%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(251,247,238,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,61,135,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.site-nav{display:flex;gap:24px}.site-nav a{font-weight:800;position:relative;padding:5px 0}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--gold),var(--green),var(--blue2));transform:scaleX(0);transition:transform .25s}.site-nav a:hover:after{transform:scaleX(1)}.nav-toggle{display:none;border:0;background:none}.nav-toggle span{display:block;width:25px;height:2px;background:#112;margin:5px}.brand-mark{display:flex;align-items:center;gap:12px}.brand-flag{width:88px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 10px 24px rgba(13,61,135,.12)}.flag-bar{height:14px;border-radius:6px}.flag-bar.red{background:#ef2b2d}.flag-bar.blue{background:#243ce2}.flag-middle{height:16px;margin:6px 0;position:relative;overflow:hidden;border-radius:6px;background:#19a54a}.flag-black{position:absolute;inset:0 auto 0 0;width:40%;background:#000;clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}.flag-gold{position:absolute;left:13%;top:2px;bottom:2px;width:34%;background:#ffcc29;clip-path:polygon(0 0,72% 50%,0 100%,100% 50%)}.brand-copy strong{display:block;line-height:.92;font-size:1.65rem}.brand-copy small{display:block;font-size:.72rem;letter-spacing:.25em;margin-top:6px;color:var(--muted)}
.hero-home{position:relative;overflow:hidden;padding:92px 0 80px;background:linear-gradient(135deg,#fff0eb,#fff9df 40%,#edfff2 70%,#edf3ff)}.hero-home-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center;position:relative;z-index:2}.hero-copy p,.page-hero p,.section-heading p,.story-strip p,.core-area p,.core-area li,.process-node p,.tile-content p,.profile-info p,.product-copy p,.detail-card li{color:var(--muted)}.hero-copy h1 span{color:var(--navy)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(21,40,78,.16)}.btn-primary{background:linear-gradient(135deg,var(--red),var(--gold));color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--green),var(--navy));color:#fff}.hero-brand{display:flex;justify-content:center}.hero-brand-card{background:rgba(255,255,255,.82);backdrop-filter:blur(9px);padding:34px;border-radius:34px;box-shadow:var(--shadow);max-width:430px}.hero-brand-card .brand-mark{justify-content:center;margin-bottom:20px}.hero-brand-card h3{text-align:center;font-size:1.55rem;line-height:1.3}.hero-brand-card p{text-align:center;color:var(--muted)}.mesh-bg{position:absolute;inset:0;overflow:hidden}.mesh-bg span{position:absolute;width:45vw;height:130px;border-radius:100%;filter:blur(1px);opacity:.25;transform:rotate(-18deg);animation:drift 13s ease-in-out infinite}.mesh-bg span:nth-child(1){background:linear-gradient(90deg,var(--red),transparent);left:-15%;top:12%}.mesh-bg span:nth-child(2){background:linear-gradient(90deg,var(--green),transparent);right:-15%;top:42%;animation-delay:-4s}.mesh-bg span:nth-child(3){background:linear-gradient(90deg,var(--blue2),transparent);left:20%;bottom:5%;animation-delay:-8s}@keyframes drift{0%,100%{transform:translateX(0) rotate(-18deg)}50%{transform:translateX(45px) rotate(-14deg)}}
.home-story{background:#132845;color:#fff}.story-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.story-strip .eyebrow{color:#ffd18a}.story-strip p{color:rgba(255,255,255,.8)}.spotlight-section{background:linear-gradient(180deg,#fff7ee,#f4f8ff)}.section-heading{max-width:780px;margin-bottom:28px}.spotlight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}.spotlight-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:24px;box-shadow:var(--shadow);transition:transform .25s}.spotlight-card:hover{transform:translateY(-6px)}.spotlight-card img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:center 38%;background:#fff}.spotlight-card strong,.spotlight-card span{display:block}.spotlight-card span{color:var(--muted);margin-top:5px}.spotlight-card.ayanda{background:#fdeaf1}.spotlight-card.aphiwe{background:#ffeaf2}.spotlight-card.luyanda{background:#ffe9df}
.page-hero{position:relative;overflow:hidden;padding:88px 0 52px}.page-hero .container{position:relative;z-index:2}.about-hero{background:linear-gradient(135deg,#ecfff2,#eef4ff)}.innovators-hero{background:linear-gradient(135deg,#fff0f6,#fff8e7)}.contact-hero{background:linear-gradient(135deg,#fff1ec,#eef4ff)}.shape-field i{position:absolute;width:220px;height:60px;border-radius:50%;opacity:.25;transform:rotate(-25deg);animation:drift 11s ease-in-out infinite}.shape-field i:nth-child(1){background:var(--green);left:-3%;top:20%}.shape-field i:nth-child(2){background:var(--blue2);right:4%;top:26%;animation-delay:-4s}.shape-field i:nth-child(3){background:var(--gold);left:40%;bottom:3%;animation-delay:-7s}.ribbon-bg span{position:absolute;height:90px;width:45vw;border-radius:100px;opacity:.2;transform:rotate(-12deg)}.ribbon-bg span:nth-child(1){background:var(--pink);left:-10%;top:15%}.ribbon-bg span:nth-child(2){background:var(--gold);right:-12%;top:38%}.ribbon-bg span:nth-child(3){background:var(--navy);left:35%;bottom:-10%}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-panel,.detail-card,.contact-card{padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.green-accent{border-top:6px solid var(--green)}.blue-accent{border-top:6px solid var(--blue2)}.core-section{background:linear-gradient(180deg,#fff7ef,#f0f7ff)}.core-area-list{display:grid;gap:22px}.core-area{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:30px;border-radius:30px;box-shadow:var(--shadow)}.core-number{font-size:2.1rem;font-weight:900;width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.72)}.core-area ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;padding-left:20px}.chemical{background:linear-gradient(135deg,#dfefff,#eef7ff)}.agro{background:linear-gradient(135deg,#fff0cb,#fff8e9)}.printing{background:linear-gradient(135deg,#ffe2ec,#fff3f7)}.recycling{background:linear-gradient(135deg,#dff7e8,#effcf4)}.process-section{background:#132845;color:#fff}.process-section .eyebrow{color:#ffd18a}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.process-node{padding:22px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}.process-node b{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:var(--navy);border-radius:50%;margin-bottom:13px}.process-node p{color:rgba(255,255,255,.75)}
.innovators-section{background:linear-gradient(180deg,#fff9f0,#f5f8ff)}.innovators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.innovator-tile{position:relative;padding:26px 22px;text-align:center;border-radius:30px;box-shadow:var(--shadow);transition:transform .3s}.innovator-tile:hover{transform:translateY(-10px) scale(1.01)}.innovator-tile.ayanda{background:linear-gradient(180deg,#f8dbe6,#fff4f8)}.innovator-tile.aphiwe{background:linear-gradient(180deg,#f8cfdd,#fff4f8)}.innovator-tile.luyanda{background:linear-gradient(180deg,#fac9b7,#fff4ec)}.profile-badge{width:178px;height:178px;border-radius:50%;margin:0 auto 18px;padding:8px;background:#fff;box-shadow:0 15px 32px rgba(21,40,78,.14);overflow:hidden}.profile-badge img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.08)}.product-logo{max-height:122px;max-width:92%;width:auto;margin:0 auto 10px}.tile-content h2{font-size:1.7rem;margin:7px 0}.mini-title{font-weight:900;color:var(--navy)}.tile-content span{font-weight:900}
.contact-only-grid{display:grid;grid-template-columns:minmax(280px,680px);justify-content:center}.contact-card{background:linear-gradient(180deg,#fff6ef,#fff)}.contact-card ul,.detail-card ul{padding-left:20px}.contact-card li{margin-bottom:13px}.left{justify-content:flex-start}
.profile-hero{position:relative;overflow:hidden;padding:88px 0 58px}.profile-hero-grid{display:grid;grid-template-columns:340px 1fr;gap:38px;align-items:center;position:relative;z-index:2}.profile-side{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-circle{width:230px;height:230px;border-radius:50%;background:#fff;padding:8px;box-shadow:var(--shadow);overflow:hidden}.profile-circle img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transform:scale(1.08)}.profile-logo{max-width:270px;max-height:190px;width:auto}.profile-info .mini-title{font-size:1.25rem}.theme-ayanda{--brand1:#d36894;--brand2:#f7dce6;--brand3:#7d3653}.theme-aphiwe{--brand1:#c85b7d;--brand2:#f7d3df;--brand3:#814057}.theme-luyanda{--brand1:#d65229;--brand2:#f6c8b5;--brand3:#8b2f16}.theme-ayanda .profile-hero,.theme-ayanda .brand-detail-section{background:linear-gradient(135deg,#f9dce7,#fff4f8)}.theme-aphiwe .profile-hero,.theme-aphiwe .brand-detail-section{background:linear-gradient(135deg,#f8d0dd,#fff5f8)}.theme-luyanda .profile-hero,.theme-luyanda .brand-detail-section{background:linear-gradient(135deg,#f8c7b3,#fff3eb)}.theme-ayanda .eyebrow,.theme-aphiwe .eyebrow,.theme-luyanda .eyebrow{color:var(--brand3)}.theme-ayanda .btn-primary,.theme-aphiwe .btn-primary,.theme-luyanda .btn-primary{background:linear-gradient(135deg,var(--brand3),var(--brand1))}.product-story{background:linear-gradient(180deg,#fff,#fffaf4)}.product-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.product-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.product-copy{padding:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.privacy-note{font-size:.88rem;color:var(--muted);border-top:1px solid rgba(23,37,58,.1);padding-top:14px}.cookie-field i{position:absolute;width:48px;height:48px;border-radius:50%;background:#c8894a;box-shadow:inset -8px -7px 0 rgba(111,61,27,.15)}.cookie-field i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#5c321d;left:10px;top:12px;box-shadow:20px 4px #5c321d,9px 23px #5c321d,27px 25px #5c321d}.cookie-field i:nth-child(1){left:5%;top:18%;animation:float 7s infinite}.cookie-field i:nth-child(2){right:8%;top:12%;transform:scale(.7);animation:float 9s -3s infinite}.cookie-field i:nth-child(3){right:14%;bottom:12%;transform:scale(1.2);animation:float 8s -5s infinite}.cookie-field i:nth-child(4){left:42%;bottom:4%;transform:scale(.65);animation:float 10s -1s infinite}.cookie-field i:nth-child(5){left:21%;bottom:22%;transform:scale(.5);animation:float 6s -2s infinite}.candy-field i{position:absolute;width:68px;height:28px;border-radius:10px;background:linear-gradient(90deg,#ff7ab0,#c84d7b);clip-path:polygon(0 25%,15% 0,25% 25%,75% 25%,85% 0,100% 25%,100% 75%,85% 100%,75% 75%,25% 75%,15% 100%,0 75%)}.candy-field i:nth-child(1){left:5%;top:20%;animation:spinFloat 8s infinite}.candy-field i:nth-child(2){right:8%;top:13%;animation:spinFloat 10s -3s infinite}.candy-field i:nth-child(3){right:14%;bottom:15%;animation:spinFloat 9s -6s infinite}.candy-field i:nth-child(4){left:36%;bottom:4%;animation:spinFloat 7s -1s infinite}.clay-field i{position:absolute;width:42px;height:42px;border-radius:44% 56% 60% 40%;background:linear-gradient(135deg,#c64420,#f08c5f);opacity:.65}.clay-field i:nth-child(1){left:5%;top:20%;animation:float 7s infinite}.clay-field i:nth-child(2){right:8%;top:12%;transform:scale(.7);animation:float 9s -3s infinite}.clay-field i:nth-child(3){right:14%;bottom:14%;transform:scale(1.2);animation:float 8s -5s infinite}.clay-field i:nth-child(4){left:40%;bottom:4%;transform:scale(.65);animation:float 10s -1s infinite}.clay-field i:nth-child(5){left:20%;bottom:20%;transform:scale(.5);animation:float 6s -2s infinite}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes spinFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-15px) rotate(10deg)}}
.site-footer{background:#132845;color:rgba(255,255,255,.88);padding:46px 0 22px}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr .9fr;gap:26px}.footer-grid .brand-mark{margin-bottom:14px}.footer-grid .brand-flag{box-shadow:none}.footer-grid .brand-copy small{color:rgba(255,255,255,.7)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.hero-home-grid,.about-intro,.story-strip,.product-story-grid,.detail-grid,.footer-grid{grid-template-columns:1fr}.innovators-grid,.spotlight-row{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.profile-hero-grid{grid-template-columns:1fr}.profile-info{text-align:center}.profile-info .hero-actions{justify-content:center}}
@media(max-width:760px){.site-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:flex-start;padding:16px 4vw 22px;background:rgba(251,247,238,.98)}.site-nav.open{display:flex}.nav-toggle{display:block}.brand-flag{width:70px}.brand-copy strong{font-size:1.3rem}.innovators-grid,.spotlight-row,.process-line{grid-template-columns:1fr}.core-area{grid-template-columns:1fr}.core-area ul{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}.profile-info .hero-actions{align-items:center}.section{padding:68px 0}.profile-circle{width:200px;height:200px}}

/* Refinements requested for the profile pages */
.cookie-field,.candy-field,.clay-field{display:none!important}
body.theme-ayanda,body.theme-aphiwe,body.theme-luyanda{position:relative;isolation:isolate}
body.theme-ayanda main,body.theme-aphiwe main,body.theme-luyanda main,
body.theme-ayanda .site-header,body.theme-aphiwe .site-header,body.theme-luyanda .site-header,
body.theme-ayanda .site-footer,body.theme-aphiwe .site-footer,body.theme-luyanda .site-footer{position:relative;z-index:2}

/* Properly cut-out, centred profile pictures */
.profile-circle{width:246px;height:246px;padding:0;background:transparent;box-shadow:0 20px 45px rgba(38,25,41,.16);overflow:visible}
.profile-circle img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 12px 18px rgba(40,25,35,.13))}
.profile-badge{padding:0;background:transparent;box-shadow:none}
.profile-badge img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 15px rgba(35,25,40,.13))}

/* Refined product logos with transparent cut-outs and better sizing */
.profile-logo{display:block;max-width:300px;max-height:220px;width:auto;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 16px rgba(44,28,42,.12))}
.theme-ayanda .profile-logo{max-width:245px}
.theme-aphiwe .profile-logo{max-width:315px}
.theme-luyanda .profile-logo{max-width:270px;border-radius:24px}
.product-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 8px 13px rgba(44,28,42,.10))}
.innovator-tile.ayanda .product-logo{max-height:136px}
.innovator-tile.aphiwe .product-logo{max-height:154px}
.innovator-tile.luyanda .product-logo{max-height:142px;border-radius:16px}

/* More natural colour blending across each brand page */
.theme-ayanda{background:linear-gradient(180deg,#f8dbe7 0%,#fff3f7 34%,#f5dde7 68%,#fff8fa 100%)}
.theme-aphiwe{background:linear-gradient(180deg,#f5cedd 0%,#fff4f8 34%,#f8dfdf 69%,#fff9f6 100%)}
.theme-luyanda{background:linear-gradient(180deg,#f4c1ad 0%,#fff0e8 34%,#edc5ad 69%,#fff7f1 100%)}
.theme-ayanda .profile-hero{background:linear-gradient(135deg,rgba(247,210,226,.94),rgba(255,242,247,.90))}
.theme-ayanda .product-story{background:linear-gradient(180deg,rgba(255,244,248,.96),rgba(248,221,231,.88))}
.theme-ayanda .brand-detail-section{background:linear-gradient(180deg,rgba(248,221,231,.88),rgba(255,247,250,.96))}
.theme-aphiwe .profile-hero{background:linear-gradient(135deg,rgba(246,201,218,.96),rgba(255,241,247,.92))}
.theme-aphiwe .product-story{background:linear-gradient(180deg,rgba(255,241,247,.95),rgba(248,222,216,.90))}
.theme-aphiwe .brand-detail-section{background:linear-gradient(180deg,rgba(248,222,216,.90),rgba(255,248,244,.97))}
.theme-luyanda .profile-hero{background:linear-gradient(135deg,rgba(241,183,158,.96),rgba(255,235,225,.93))}
.theme-luyanda .product-story{background:linear-gradient(180deg,rgba(255,237,227,.96),rgba(235,194,168,.88))}
.theme-luyanda .brand-detail-section{background:linear-gradient(180deg,rgba(235,194,168,.88),rgba(255,245,238,.97))}

/* Decorative products that remain visible throughout the profile page */
.brand-scroll-decor{position:fixed;inset:76px 0 0;z-index:1;pointer-events:none;overflow:hidden;opacity:.72}
.brand-scroll-decor i{position:absolute;will-change:transform;transition:transform .12s linear}

/* Cookies */
.brand-scroll-decor.cookies i{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 36% 28%,#e9bb79 0 20%,#c88443 65%,#9b5a2e 100%);box-shadow:inset -7px -7px 0 rgba(92,48,25,.13),0 8px 18px rgba(94,48,25,.13)}
.brand-scroll-decor.cookies i:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#60351f;left:10px;top:11px;box-shadow:20px 3px #60351f,8px 22px #60351f,26px 25px #60351f,27px 10px #60351f}
.brand-scroll-decor.cookies i:nth-child(1){left:3%;top:8%;transform:scale(.8)}
.brand-scroll-decor.cookies i:nth-child(2){right:5%;top:17%;transform:scale(1.15)}
.brand-scroll-decor.cookies i:nth-child(3){left:12%;top:36%;transform:scale(.55)}
.brand-scroll-decor.cookies i:nth-child(4){right:12%;top:42%;transform:scale(.7)}
.brand-scroll-decor.cookies i:nth-child(5){left:4%;top:62%;transform:scale(1.05)}
.brand-scroll-decor.cookies i:nth-child(6){right:3%;top:68%;transform:scale(.6)}
.brand-scroll-decor.cookies i:nth-child(7){left:19%;top:82%;transform:scale(.72)}
.brand-scroll-decor.cookies i:nth-child(8){right:19%;top:88%;transform:scale(.95)}
.brand-scroll-decor.cookies i:nth-child(9){left:46%;top:14%;transform:scale(.42)}
.brand-scroll-decor.cookies i:nth-child(10){right:42%;top:76%;transform:scale(.48)}

/* Wrapped butterscotch sweets — clear candy shape with twisted wrappers */
.brand-scroll-decor.sweets i{width:64px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f8be57 0%,#ca7734 55%,#9f552a 100%);box-shadow:inset 0 4px 0 rgba(255,255,255,.30),0 9px 18px rgba(109,58,36,.13)}
.brand-scroll-decor.sweets i:before,.brand-scroll-decor.sweets i:after{content:"";position:absolute;top:4px;width:26px;height:26px;background:linear-gradient(145deg,#ffcf74,#c7783b);clip-path:polygon(100% 18%,48% 0,66% 30%,0 18%,24% 50%,0 82%,66% 70%,48% 100%,100% 82%)}
.brand-scroll-decor.sweets i:before{left:-21px}
.brand-scroll-decor.sweets i:after{right:-21px;transform:scaleX(-1)}
.brand-scroll-decor.sweets i:nth-child(1){left:3%;top:10%;transform:rotate(-14deg) scale(.78)}
.brand-scroll-decor.sweets i:nth-child(2){right:5%;top:19%;transform:rotate(12deg) scale(1.05)}
.brand-scroll-decor.sweets i:nth-child(3){left:10%;top:38%;transform:rotate(8deg) scale(.58)}
.brand-scroll-decor.sweets i:nth-child(4){right:10%;top:43%;transform:rotate(-10deg) scale(.74)}
.brand-scroll-decor.sweets i:nth-child(5){left:3%;top:64%;transform:rotate(15deg) scale(.95)}
.brand-scroll-decor.sweets i:nth-child(6){right:3%;top:69%;transform:rotate(-8deg) scale(.62)}
.brand-scroll-decor.sweets i:nth-child(7){left:17%;top:84%;transform:rotate(-16deg) scale(.72)}
.brand-scroll-decor.sweets i:nth-child(8){right:18%;top:89%;transform:rotate(9deg) scale(.88)}
.brand-scroll-decor.sweets i:nth-child(9){left:47%;top:13%;transform:rotate(14deg) scale(.45)}
.brand-scroll-decor.sweets i:nth-child(10){right:43%;top:77%;transform:rotate(-12deg) scale(.5)}

/* Ibomvu clay / blush inspired pieces */
.brand-scroll-decor.clay i{width:50px;height:44px;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 32% 28%,#ef986d,#c34a27 62%,#86321e 100%);box-shadow:inset -8px -8px 0 rgba(92,42,26,.13),0 9px 18px rgba(102,49,31,.12)}
.brand-scroll-decor.clay i:nth-child(1){left:3%;top:9%;transform:rotate(-12deg) scale(.8)}
.brand-scroll-decor.clay i:nth-child(2){right:5%;top:18%;transform:rotate(18deg) scale(1.1)}
.brand-scroll-decor.clay i:nth-child(3){left:11%;top:38%;transform:rotate(10deg) scale(.58)}
.brand-scroll-decor.clay i:nth-child(4){right:11%;top:44%;transform:rotate(-20deg) scale(.72)}
.brand-scroll-decor.clay i:nth-child(5){left:4%;top:64%;transform:rotate(14deg) scale(1)}
.brand-scroll-decor.clay i:nth-child(6){right:3%;top:70%;transform:rotate(-8deg) scale(.62)}
.brand-scroll-decor.clay i:nth-child(7){left:18%;top:84%;transform:rotate(-15deg) scale(.72)}
.brand-scroll-decor.clay i:nth-child(8){right:18%;top:89%;transform:rotate(10deg) scale(.9)}
.brand-scroll-decor.clay i:nth-child(9){left:47%;top:14%;transform:rotate(8deg) scale(.45)}
.brand-scroll-decor.clay i:nth-child(10){right:42%;top:77%;transform:rotate(-12deg) scale(.52)}

/* About page: separate the phases from the dark footer */
.process-section{background:linear-gradient(135deg,#e8f6ec 0%,#fff5df 52%,#eaf2ff 100%);color:var(--text);position:relative}
.process-section:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:38px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.58));pointer-events:none}
.process-section .eyebrow{color:var(--green)}
.process-node{background:rgba(255,255,255,.72);border:1px solid rgba(13,61,135,.08);box-shadow:0 13px 30px rgba(21,40,78,.08)}
.process-node p{color:var(--muted)}
.process-node b{background:linear-gradient(135deg,var(--green),var(--blue2));color:#fff}

/* Smoother page transition */
.page-transition{transform:translateY(105%);will-change:transform}
.page-transition.enter{animation:pageInSmooth .82s cubic-bezier(.22,.61,.36,1) forwards}
.page-transition.leave{transform:translateY(105%);animation:pageOutSmooth .68s cubic-bezier(.65,0,.35,1) forwards}
@keyframes pageInSmooth{0%{transform:translateY(0)}100%{transform:translateY(-105%)}}
@keyframes pageOutSmooth{0%{transform:translateY(105%)}100%{transform:translateY(0)}}

@media(max-width:760px){
  .profile-circle{width:218px;height:218px}
  .brand-scroll-decor{opacity:.4}
  .brand-scroll-decor i:nth-child(n+7){display:none}
}


/* v6 targeted refinements */
.profile-stage{position:relative;display:grid;place-items:center}
.profile-stage:before,.profile-stage:after{content:"";position:absolute;border-radius:999px;z-index:2;pointer-events:none;filter:blur(.2px)}
.theme-ayanda .profile-stage:before{width:72px;height:72px;background:linear-gradient(135deg,#f7d7e5,#d36894);left:-6px;bottom:26px}
.theme-ayanda .profile-stage:after{width:34px;height:34px;background:#fff1f7;right:12px;top:12px}
.theme-aphiwe .profile-stage:before{width:72px;height:72px;background:linear-gradient(135deg,#ffd9e7,#c85b7d);left:-8px;bottom:28px}
.theme-aphiwe .profile-stage:after{width:32px;height:32px;background:#fff6fa;right:12px;top:14px}
.theme-luyanda .profile-stage:before{width:78px;height:78px;background:linear-gradient(135deg,#f8d9cb,#d65229);left:-10px;bottom:18px}
.theme-luyanda .profile-stage:after{width:38px;height:38px;background:#fff3ec;right:10px;top:14px}
.profile-circle,.profile-badge{position:relative;z-index:1}
.profile-circle img,.profile-badge img{object-fit:contain !important;object-position:center center !important}
.tile-stage{margin:0 auto 18px}

/* Better blended brand pages */
.theme-ayanda{background:linear-gradient(180deg,#f8dbe7 0%,#fff2f7 23%,#f9e4ec 53%,#fff4f9 76%,#fbeef3 100%)}
.theme-aphiwe{background:linear-gradient(180deg,#f6d3df 0%,#fff3f8 23%,#f8e0e6 53%,#fff7fa 76%,#fbf0f4 100%)}
.theme-luyanda{background:linear-gradient(180deg,#f2c5b2 0%,#fff0e8 23%,#efcfbf 53%,#fff5ef 76%,#faeee7 100%)}
.theme-ayanda .profile-hero,.theme-aphiwe .profile-hero,.theme-luyanda .profile-hero{padding-bottom:64px}
.theme-ayanda .product-story,.theme-aphiwe .product-story,.theme-luyanda .product-story{position:relative;margin-top:-8px;padding-top:86px}
.theme-ayanda .product-story{background:linear-gradient(180deg,rgba(255,244,248,.58) 0%,rgba(249,228,236,.72) 100%)}
.theme-aphiwe .product-story{background:linear-gradient(180deg,rgba(255,245,249,.58) 0%,rgba(248,224,230,.72) 100%)}
.theme-luyanda .product-story{background:linear-gradient(180deg,rgba(255,240,232,.58) 0%,rgba(239,207,191,.72) 100%)}
.theme-ayanda .brand-detail-section{background:linear-gradient(180deg,rgba(249,228,236,.72) 0%,rgba(255,246,249,.9) 100%)}
.theme-aphiwe .brand-detail-section{background:linear-gradient(180deg,rgba(248,224,230,.72) 0%,rgba(255,247,250,.9) 100%)}
.theme-luyanda .brand-detail-section{background:linear-gradient(180deg,rgba(239,207,191,.72) 0%,rgba(255,246,241,.92) 100%)}

/* Contact details moved to the top */
.inline-contact{display:grid;gap:10px;margin-top:18px;margin-bottom:6px}
.inline-contact span{display:block;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);box-shadow:0 10px 22px rgba(21,40,78,.08);color:var(--muted)}
.inline-contact strong{color:var(--text)}
.detail-card ul{margin:0}
.detail-card li{margin-bottom:10px}

/* Stronger branded decor through the whole page */
.brand-scroll-decor{opacity:.92}
.brand-scroll-decor i{filter:drop-shadow(0 8px 14px rgba(0,0,0,.08))}
.theme-ayanda .brand-scroll-decor.cookies i:nth-child(2),.theme-ayanda .brand-scroll-decor.cookies i:nth-child(5),.theme-ayanda .brand-scroll-decor.cookies i:nth-child(8){transform:scale(1.18)}
.theme-aphiwe .brand-scroll-decor.sweets i:nth-child(2),.theme-aphiwe .brand-scroll-decor.sweets i:nth-child(5),.theme-aphiwe .brand-scroll-decor.sweets i:nth-child(8){transform:rotate(10deg) scale(1.12)}
.theme-luyanda .brand-scroll-decor.clay i:nth-child(2),.theme-luyanda .brand-scroll-decor.clay i:nth-child(5),.theme-luyanda .brand-scroll-decor.clay i:nth-child(8){transform:rotate(10deg) scale(1.14)}

/* Cleaner hero logo fitting */
.profile-logo{background:transparent;padding:0;box-shadow:none}
.theme-luyanda .profile-logo{max-width:240px;max-height:190px;border-radius:0}
.theme-luyanda .product-logo{border-radius:0;max-height:150px}

/* Innovator tiles */
.innovator-tile{overflow:hidden}
.innovator-tile .profile-badge{width:178px;height:178px}
.innovator-tile .profile-badge img{transform:none}

/* Remove excess whitespace by making detail cards content-sized */
.detail-grid{align-items:start}
.detail-card{height:auto;min-height:unset}

@media(max-width:760px){
  .inline-contact span{font-size:.95rem}
}


/* v7: seamless innovator profile refinements */
.brand-scroll-decor{display:none!important}
.profile-stage:before,.profile-stage:after{display:none!important}

/* One deliberate sticker flap on the profile image — no random circles */
.profile-stage{position:relative;width:max-content;margin-inline:auto}
.profile-stage::before{
  display:block!important;content:"";position:absolute;z-index:4;left:-10px;bottom:22px;
  width:78px;height:58px;border-radius:18px 18px 24px 8px;
  transform:rotate(-12deg);box-shadow:0 12px 24px rgba(40,25,35,.14);
}
.profile-stage::after{
  display:block!important;content:"";position:absolute;z-index:5;left:38px;bottom:19px;
  width:25px;height:20px;clip-path:polygon(0 0,100% 100%,0 100%);opacity:.72;transform:rotate(-12deg);
}
.sticker-cookies::before{background:linear-gradient(145deg,#f7c7da,#d36894)}
.sticker-cookies::after{background:#a7476d}
.sticker-sweets::before{background:linear-gradient(145deg,#ffd3e2,#c85b7d)}
.sticker-sweets::after{background:#8e3d5b}
.sticker-clay::before{background:linear-gradient(145deg,#f6c7b2,#d65229)}
.sticker-clay::after{background:#9a3419}

/* Cut-out profile treatment */
.profile-circle{width:246px;height:246px;border-radius:50%;padding:0;background:transparent;overflow:visible;box-shadow:none}
.profile-circle img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 18px 24px rgba(39,27,35,.16));transform:none!important}
.profile-badge{padding:0;background:transparent;box-shadow:none;overflow:visible}
.profile-badge img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 13px 18px rgba(39,27,35,.13))}

/* Product images use a smooth organic crop instead of harsh rounded edges */
.product-image{display:grid;place-items:center;padding:16px}
.product-image img{
  width:min(100%,560px);aspect-ratio:4/3;object-fit:cover;
  border-radius:46% 54% 48% 52% / 42% 45% 55% 58%;
  clip-path:inset(0 round 46% 54% 48% 52% / 42% 45% 55% 58%);
  box-shadow:0 24px 48px rgba(43,28,36,.16);border:10px solid rgba(255,255,255,.48);
}
.theme-luyanda .product-image img{object-position:center 58%}
.theme-aphiwe .product-image img{object-position:center 48%}
.theme-ayanda .product-image img{object-position:center 50%}

/* Edge-only animated brand elements. They stay out of all text and cards. */
.edge-decor{position:fixed;inset:78px 0 0;z-index:1;pointer-events:none;overflow:hidden}
.edge-decor i{position:absolute;animation:edgeFloat 8s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(35,25,30,.10));opacity:.72}
.edge-decor i:nth-child(1){left:14px;top:12%}
.edge-decor i:nth-child(2){right:18px;top:20%;animation-delay:-2s}
.edge-decor i:nth-child(3){left:22px;top:46%;animation-delay:-4s}
.edge-decor i:nth-child(4){right:22px;top:55%;animation-delay:-1s}
.edge-decor i:nth-child(5){left:18px;top:78%;animation-delay:-5s}
.edge-decor i:nth-child(6){right:20px;top:84%;animation-delay:-3s}
.edge-decor.cookies i{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eac082 0 23%,#c98748 66%,#92552d 100%)}
.edge-decor.cookies i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#61351f;left:9px;top:10px;box-shadow:17px 3px #61351f,7px 18px #61351f,22px 21px #61351f,23px 9px #61351f}
.edge-decor.sweets i{width:50px;height:25px;border-radius:8px;background:linear-gradient(145deg,#f8be57,#c67634 58%,#9e5228)}
.edge-decor.sweets i:before,.edge-decor.sweets i:after{content:"";position:absolute;top:3px;width:18px;height:19px;background:linear-gradient(145deg,#ffd27c,#c87839);clip-path:polygon(100% 18%,48% 0,66% 30%,0 18%,24% 50%,0 82%,66% 70%,48% 100%,100% 82%)}
.edge-decor.sweets i:before{left:-14px}.edge-decor.sweets i:after{right:-14px;transform:scaleX(-1)}
.edge-decor.clay i{width:42px;height:37px;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 32% 28%,#ef9b70,#c74d29 62%,#87331f 100%)}
@keyframes edgeFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(6deg)}}

/* Ensure profile content always sits above decorative elements */
.theme-ayanda main,.theme-aphiwe main,.theme-luyanda main{position:relative;z-index:2}
.theme-ayanda main>section,.theme-aphiwe main>section,.theme-luyanda main>section{position:relative;z-index:2}

/* Continuous colour blending across all site pages */
body{background:linear-gradient(180deg,#fbf7ee 0%,#f8f0e9 46%,#f2f6fb 100%)}
.theme-ayanda{background:linear-gradient(180deg,#f8dbe7 0%,#fbe8ef 22%,#fff4f8 48%,#f9e4ec 72%,#fff7fa 100%)}
.theme-aphiwe{background:linear-gradient(180deg,#f6d3df 0%,#f9e5ec 22%,#fff5f9 48%,#f8e2e7 72%,#fff8fb 100%)}
.theme-luyanda{background:linear-gradient(180deg,#f2c5b2 0%,#f7dccf 22%,#fff1ea 48%,#f0d3c5 72%,#fff7f2 100%)}
.theme-ayanda .profile-hero,.theme-ayanda .product-story,.theme-ayanda .brand-detail-section,
.theme-aphiwe .profile-hero,.theme-aphiwe .product-story,.theme-aphiwe .brand-detail-section,
.theme-luyanda .profile-hero,.theme-luyanda .product-story,.theme-luyanda .brand-detail-section{background:transparent!important}
.profile-hero{padding-bottom:72px}
.product-story{padding-top:88px;padding-bottom:88px}
.brand-detail-section{padding-top:82px}

@media(max-width:1450px){.edge-decor{display:none}}
@media(max-width:760px){
  .profile-circle{width:216px;height:216px}
  .profile-stage::before{width:66px;height:48px;left:-7px;bottom:18px}
  .product-image img{border-width:7px}
}


/* v8: consistent profiles, background-only brand motifs and seamless page flow */
.profile-stage::before,.profile-stage::after,
.profile-stage:before,.profile-stage:after,
.sticker-cookies::before,.sticker-cookies::after,
.sticker-sweets::before,.sticker-sweets::after,
.sticker-clay::before,.sticker-clay::after{display:none!important;content:none!important}
.edge-decor,.brand-scroll-decor,.cookie-field,.candy-field,.clay-field{display:none!important}

/* The same clean circular profile treatment everywhere */
.profile-circle,.profile-badge,.spotlight-card img{
  overflow:hidden!important;
  border-radius:50%!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:0 18px 38px rgba(42,28,38,.15)!important;
}
.profile-circle{width:246px!important;height:246px!important}
.profile-badge{width:178px!important;height:178px!important}
.profile-circle img,.profile-badge img,.spotlight-card img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  transform:scale(1.18)!important;
  filter:none!important;
}
.profile-stage,.tile-stage{position:relative!important;display:grid!important;place-items:center!important}

/* Brand items become subtle background shadows instead of floating foreground objects */
.theme-ayanda,.theme-aphiwe,.theme-luyanda{position:relative;isolation:isolate}
.theme-ayanda::before,.theme-aphiwe::before,.theme-luyanda::before{
  content:"";position:fixed;inset:72px 0 0;z-index:-1;pointer-events:none;
  opacity:.12;background-repeat:repeat;background-size:230px 230px;
  animation:motifDrift 34s linear infinite;
}
.theme-ayanda::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230' viewBox='0 0 230 230'%3E%3Cg fill='none' stroke='%238b5b3b' stroke-width='5' opacity='.55'%3E%3Ccircle cx='54' cy='55' r='26' fill='%23bd875e'/%3E%3Ccircle cx='45' cy='48' r='3' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='65' cy='51' r='3' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='53' cy='67' r='3' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='78' cy='73' r='3' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='175' cy='168' r='38' fill='%23bd875e'/%3E%3Ccircle cx='160' cy='156' r='4' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='183' cy='151' r='4' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='170' cy='179' r='4' fill='%23633d28' stroke='none'/%3E%3Ccircle cx='193' cy='182' r='4' fill='%23633d28' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}
.theme-aphiwe::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230' viewBox='0 0 230 230'%3E%3Cg fill='%23b7667f' opacity='.58'%3E%3Cpath d='M28 48l23-17 16 14h44l16-14 23 17-16 16 16 16-23 17-16-14H67L51 97 28 80l16-16z'/%3E%3Cpath d='M113 157l18-14 14 12h33l14-12 19 14-13 13 13 14-19 14-14-12h-33l-14 12-18-14 13-14z'/%3E%3C/g%3E%3C/svg%3E")
}
.theme-luyanda::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230' viewBox='0 0 230 230'%3E%3Cg fill='%23a8492e' opacity='.5'%3E%3Cpath d='M24 52c18-31 64-30 78-2 10 21-7 48-36 51-31 4-55-23-42-49z'/%3E%3Cpath d='M127 143c20-32 67-27 78 5 9 28-17 54-49 49-29-5-44-31-29-54z'/%3E%3Cpath d='M52 168c8-14 30-15 39-2 8 12-1 29-18 32-18 2-30-15-21-30z'/%3E%3C/g%3E%3C/svg%3E")
}
@keyframes motifDrift{from{background-position:0 0}to{background-position:230px 230px}}
.theme-ayanda main,.theme-aphiwe main,.theme-luyanda main,
.theme-ayanda .site-header,.theme-aphiwe .site-header,.theme-luyanda .site-header,
.theme-ayanda .site-footer,.theme-aphiwe .site-footer,.theme-luyanda .site-footer{position:relative;z-index:1}

/* Seamless colour blending without visible section breaks */
.theme-ayanda{background:linear-gradient(180deg,#f7d9e5 0%,#fbe7ef 24%,#fff2f7 50%,#fae6ee 76%,#fff6f9 100%)!important}
.theme-aphiwe{background:linear-gradient(180deg,#f5d0dd 0%,#f9e4eb 24%,#fff3f8 50%,#f8e3e8 76%,#fff7fa 100%)!important}
.theme-luyanda{background:linear-gradient(180deg,#f1c3b0 0%,#f7dbce 24%,#fff0e8 50%,#f0d2c4 76%,#fff6f1 100%)!important}
.theme-ayanda .profile-hero,.theme-ayanda .product-story,.theme-ayanda .brand-detail-section,
.theme-aphiwe .profile-hero,.theme-aphiwe .product-story,.theme-aphiwe .brand-detail-section,
.theme-luyanda .profile-hero,.theme-luyanda .product-story,.theme-luyanda .brand-detail-section{
  background:transparent!important;margin:0!important;
}
.profile-hero{padding:88px 0 74px!important}
.product-story{padding:82px 0!important}
.brand-detail-section{padding:78px 0 90px!important}

/* Clean product photographs: no odd organic clipping or sharp edges */
.product-image{padding:0!important}
.product-image img{
  width:100%!important;max-width:570px!important;aspect-ratio:4/3!important;
  object-fit:cover!important;border-radius:28px!important;clip-path:none!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 22px 48px rgba(52,31,42,.16)!important;
}
.theme-ayanda .product-image img{object-position:center 50%!important}
.theme-aphiwe .product-image img{object-position:center 48%!important}
.theme-luyanda .product-image img{object-position:center 58%!important}

/* Upgraded destination transition */
.page-transition{display:grid;place-items:center;overflow:hidden;background:#0d3d87!important}
.page-transition::before,.page-transition::after{
  content:"";position:absolute;width:440px;height:440px;border-radius:50%;
  background:rgba(255,255,255,.08);filter:blur(1px)
}
.page-transition::before{left:-170px;top:-200px}
.page-transition::after{right:-190px;bottom:-210px}
.transition-content{position:relative;z-index:2;text-align:center;color:#fff;opacity:0;transform:translateY(18px) scale(.97)}
.transition-content.show{animation:transitionContentIn .42s ease forwards}
.transition-content img{display:block;max-width:190px;max-height:145px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}
.transition-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;opacity:.76;margin-bottom:8px}
.transition-title{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.05}
@keyframes transitionContentIn{to{opacity:1;transform:translateY(0) scale(1)}}
.page-transition .transition-line{top:auto;bottom:22%;height:3px;max-width:260px;margin:auto;background:rgba(255,255,255,.6)}

@media(max-width:760px){
  .profile-circle{width:216px!important;height:216px!important}
  .profile-badge{width:160px!important;height:160px!important}
  .theme-ayanda::before,.theme-aphiwe::before,.theme-luyanda::before{opacity:.07;background-size:190px 190px}
  .transition-content img{max-width:145px;max-height:110px}
}


/* v9 focused fixes */
/* Home-page innovator cards: keep the portrait contained instead of filling the entire card. */
.spotlight-card{min-height:128px;overflow:hidden}
.spotlight-card img{
  flex:0 0 96px!important;
  width:96px!important;
  height:96px!important;
  object-fit:cover!important;
  object-position:center 38%!important;
  transform:scale(1.22)!important;
  border-radius:50%!important;
  box-shadow:0 10px 24px rgba(31,24,34,.12)!important;
}
.spotlight-card>div{position:relative;z-index:2;min-width:0}

/* Use one consistent crop everywhere and remove the pale crescent/slit around portraits. */
.profile-circle,.profile-badge{background:var(--brand2,transparent)!important}
.profile-circle img,.profile-badge img{
  object-fit:cover!important;
  object-position:center 39%!important;
  transform:scale(1.31)!important;
}
.innovator-tile .profile-badge{overflow:hidden!important}

/* Remove the stray marks above the Sweet Delights logo and fit the clean logo properly. */
.innovator-tile.aphiwe .product-logo,
.theme-aphiwe .profile-logo{
  object-fit:contain!important;
  object-position:center!important;
  max-height:150px!important;
}

/* Product photos: cleaner frame and softer connection to the page background. */
.product-image{
  border-radius:26px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 20px 42px rgba(48,28,38,.12)!important;
}
.product-image img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  aspect-ratio:4/3!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.theme-ayanda .product-image{background:linear-gradient(145deg,rgba(255,238,245,.72),rgba(255,255,255,.28))!important}
.theme-aphiwe .product-image{background:linear-gradient(145deg,rgba(255,232,241,.72),rgba(255,255,255,.28))!important}
.theme-luyanda .product-image{background:linear-gradient(145deg,rgba(255,226,211,.72),rgba(255,255,255,.28))!important}

/* Keep decorative background marks subtle and never visually compete with text. */
.theme-ayanda::before,.theme-aphiwe::before,.theme-luyanda::before{opacity:.07!important}

@media(max-width:760px){
  .spotlight-card img{width:82px!important;height:82px!important;flex-basis:82px!important}
  .profile-circle img,.profile-badge img{transform:scale(1.27)!important}
}


/* v10 refinements */
/* Home-page innovator portraits: compact, consistent and never dominant. */
.spotlight-card{
  display:grid!important;
  grid-template-columns:84px 1fr!important;
  align-items:center!important;
  min-height:120px!important;
  padding:18px 20px!important;
}
.spotlight-card img{
  width:84px!important;
  height:84px!important;
  flex:none!important;
  transform:scale(1.10)!important;
  object-fit:cover!important;
  object-position:center 39%!important;
  border-radius:50%!important;
  box-shadow:0 10px 22px rgba(31,24,34,.10)!important;
}
.spotlight-card strong{font-size:1rem!important;line-height:1.25!important}
.spotlight-card span{font-size:.92rem!important;line-height:1.35!important}

/* About-page additions */
.cie-definition{
  max-width:860px;margin-top:18px!important;padding:16px 18px;border-radius:18px;
  background:rgba(255,255,255,.58);box-shadow:0 12px 28px rgba(21,40,78,.08)
}
.process-node{min-height:250px}
.process-node p{line-height:1.6}
.outcomes-section{background:linear-gradient(180deg,#f9f3ea,#eef6ff)}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.outcome-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);border-top:5px solid var(--green)}
.outcome-card:nth-child(2){border-top-color:var(--gold)}
.outcome-card:nth-child(3){border-top-color:var(--blue2)}
.outcome-card:nth-child(4){border-top-color:var(--pink)}
.outcome-card:nth-child(5){border-top-color:var(--red)}
.outcome-card strong{display:block;font-size:1.08rem;margin-bottom:8px}
.outcome-card p{margin:0;color:var(--muted)}

/* Sweet Delights background: wrapped sweet silhouettes, not blocky shapes. */
.theme-aphiwe::before{
  opacity:.08!important;
  background-size:240px 240px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23a54e70' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' opacity='.7'%3E%3Cpath d='M40 62l23-18 17 16h46l17-16 24 18-20 18 20 18-24 18-17-16H80l-17 16-23-18 20-18z'/%3E%3Crect x='68' y='60' width='70' height='40' rx='15' fill='%23d98bab' fill-opacity='.20'/%3E%3Cpath d='M118 161l18-14 14 12h34l14-12 19 14-15 15 15 15-19 14-14-12h-34l-14 12-18-14 15-15z'/%3E%3Crect x='143' y='159' width='48' height='34' rx='13' fill='%23d98bab' fill-opacity='.20'/%3E%3C/g%3E%3C/svg%3E")!important;
}

/* Removing Brand direction leaves one useful card that spans the section. */
.brand-detail-section .detail-grid{grid-template-columns:1fr!important;max-width:820px;margin:0 auto}
.brand-detail-section .detail-card{width:100%}

@media(max-width:1080px){.outcome-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .spotlight-card{grid-template-columns:72px 1fr!important}
  .spotlight-card img{width:72px!important;height:72px!important}
  .outcome-grid{grid-template-columns:1fr}
  .process-node{min-height:unset}
}


/* v11: consistent home portraits, quote rotator, and cleaner product crops */
.spotlight-card{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:132px!important;
  padding:18px!important;
  overflow:hidden!important;
}
.spotlight-profile{
  width:92px;
  height:92px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:transparent;
  flex:none;
}
.spotlight-profile img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:50%!important;
  background:transparent!important;
  filter:drop-shadow(0 8px 12px rgba(34,26,38,.12));
}
.spotlight-card>div:last-child{min-width:0;position:relative;z-index:2}
.spotlight-card strong,.spotlight-card span{white-space:normal;word-break:normal}

.cie-quote-card{
  position:relative;
  max-width:760px;
  margin-top:26px;
  padding:24px 30px 22px 58px;
  border-radius:24px;
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(10px);
  box-shadow:0 16px 36px rgba(21,40,78,.10);
  border:1px solid rgba(13,61,135,.08);
  overflow:hidden;
}
.cie-quote-card .quote-mark{
  position:absolute;
  left:20px;
  top:8px;
  font-family:Georgia,serif;
  font-size:4.4rem;
  line-height:1;
  color:rgba(21,147,68,.42);
}
.cie-quote-card p{
  margin:0 0 10px!important;
  font-size:1.08rem!important;
  line-height:1.65!important;
  color:var(--text)!important;
  transition:opacity .35s ease,transform .35s ease;
}
.cie-quote-card small{
  color:var(--green);
  font-weight:800;
  letter-spacing:.04em;
  transition:opacity .35s ease,transform .35s ease;
}
.cie-quote-card.changing p,.cie-quote-card.changing small{
  opacity:0;
  transform:translateY(8px);
}

/* Crop product photos inward so awkward side edges are hidden */
.product-image{
  overflow:hidden!important;
  border-radius:30px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:0 18px 42px rgba(21,40,78,.12)!important;
}
.product-image img{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:30px!important;
  transform:scale(1.09)!important;
  transform-origin:center!important;
  box-shadow:none!important;
}
.theme-ayanda .product-image img{object-position:center 50%!important}
.theme-aphiwe .product-image img{object-position:center 52%!important}
.theme-luyanda .product-image img{object-position:center 56%!important}

@media(max-width:760px){
  .spotlight-card{grid-template-columns:78px minmax(0,1fr)!important}
  .spotlight-profile{width:74px;height:74px}
  .cie-quote-card{padding:22px 20px 20px 46px}
  .cie-quote-card .quote-mark{left:14px;font-size:3.4rem}
  .product-image img{min-height:280px!important;transform:scale(1.07)!important}
}


/* v12: quote integrated into background, corrected home portraits, stronger cookie motif */
.cie-quote-card{
  max-width:900px!important;
  margin:34px auto 0!important;
  padding:18px 72px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:visible!important;
}
.cie-quote-card::before,
.cie-quote-card::after{
  content:"";
  position:absolute;
  top:50%;
  width:110px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(21,147,68,.34));
}
.cie-quote-card::before{left:-55px}
.cie-quote-card::after{right:-55px;transform:scaleX(-1)}
.cie-quote-card .quote-mark{
  position:static!important;
  display:block!important;
  margin:0 auto -6px!important;
  font-size:4.2rem!important;
  color:rgba(21,147,68,.28)!important;
}
.cie-quote-card p{
  margin:0 auto 10px!important;
  max-width:780px!important;
  font-size:1.24rem!important;
  line-height:1.65!important;
  text-align:center!important;
  transition:opacity .5s ease,transform .5s ease!important;
}
.cie-quote-card small{
  display:block!important;
  text-align:center!important;
  transition:opacity .5s ease,transform .5s ease!important;
}
.cie-quote-card.changing p,.cie-quote-card.changing small{
  opacity:0!important;
  transform:translateY(12px)!important;
}

/* Home innovator spotlight: same clean crop and alignment as the Innovators page */
.spotlight-card{
  grid-template-columns:104px minmax(0,1fr)!important;
  padding:18px 22px 18px 10px!important;
  gap:14px!important;
}
.spotlight-profile{
  width:104px!important;
  height:104px!important;
  margin-left:-8px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
}
.spotlight-profile img{
  width:118%!important;
  height:118%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:48% 40%!important;
  transform:translate(-4%,-3%) scale(1.04)!important;
  border-radius:50%!important;
  background:transparent!important;
  filter:none!important;
}
.spotlight-card.aphiwe .spotlight-profile img{object-position:50% 39%!important}
.spotlight-card.luyanda .spotlight-profile img{object-position:48% 39%!important}

/* Cookies should read clearly as part of the page background. */
.theme-ayanda::before{
  opacity:.16!important;
  background-size:205px 205px!important;
}

@media(max-width:760px){
  .cie-quote-card{padding:12px 20px 16px!important}
  .cie-quote-card::before,.cie-quote-card::after{display:none}
  .cie-quote-card p{font-size:1.08rem!important}
  .spotlight-card{grid-template-columns:84px minmax(0,1fr)!important;padding-left:8px!important}
  .spotlight-profile{width:84px!important;height:84px!important;margin-left:-4px!important}
}


/* v13: smooth Innovators-page backgrounds and refine spotlight spacing */
body.theme-innovators{
  background:
    radial-gradient(circle at 10% 28%,rgba(216,104,140,.12),transparent 30%),
    radial-gradient(circle at 88% 42%,rgba(217,161,31,.11),transparent 32%),
    linear-gradient(180deg,#fff1f5 0%,#fff7eb 34%,#f9f4ed 62%,#eef4fb 100%)!important;
}
.theme-innovators .innovators-hero{
  background:
    linear-gradient(180deg,rgba(255,240,246,.96) 0%,rgba(255,247,232,.90) 72%,rgba(251,246,237,.78) 100%)!important;
  padding-bottom:88px!important;
}
.theme-innovators .innovators-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:92px;
  background:linear-gradient(180deg,transparent 0%,rgba(251,246,237,.84) 58%,rgba(249,244,237,.98) 100%);
  pointer-events:none;
}
.theme-innovators .innovators-section{
  position:relative;
  margin-top:-1px;
  padding-top:76px!important;
  background:
    radial-gradient(circle at 16% 20%,rgba(216,104,140,.09),transparent 28%),
    radial-gradient(circle at 84% 34%,rgba(214,82,41,.08),transparent 30%),
    linear-gradient(180deg,rgba(249,244,237,.98) 0%,rgba(247,244,242,.96) 42%,rgba(238,244,251,.98) 100%)!important;
}
.theme-innovators .innovators-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.22) 42% 58%,transparent 58% 100%);
  opacity:.45;
}
.theme-innovators .innovators-grid{position:relative;z-index:1}

/* Home spotlight portraits: keep clean crop but add breathing room from the card edge */
.spotlight-card{
  grid-template-columns:96px minmax(0,1fr)!important;
  padding:18px 24px 18px 18px!important;
  gap:16px!important;
}
.spotlight-profile{
  width:92px!important;
  height:92px!important;
  margin-left:0!important;
}
.spotlight-profile img{
  width:116%!important;
  height:116%!important;
  transform:translate(-3%,-3%) scale(1.02)!important;
}

/* About page: blend the CIE process into outcomes without a hard colour break */
.process-section{
  padding-bottom:112px!important;
  background:
    linear-gradient(180deg,#e8f6ec 0%,#fff5df 48%,#eef4fb 86%,#edf4fb 100%)!important;
}
.process-section::after{
  height:110px!important;
  bottom:-1px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(237,244,251,.72) 58%,#edf4fb 100%)!important;
}
.outcomes-section{
  position:relative;
  margin-top:-1px;
  padding-top:76px!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(21,147,68,.06),transparent 30%),
    radial-gradient(circle at 88% 34%,rgba(46,99,200,.07),transparent 34%),
    linear-gradient(180deg,#edf4fb 0%,#f5f6f4 44%,#f9f3ea 100%)!important;
}
.outcomes-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:72px;
  background:linear-gradient(180deg,#edf4fb 0%,transparent 100%);
  pointer-events:none;
}
.outcomes-section .container{position:relative;z-index:1}

@media(max-width:760px){
  .spotlight-card{
    grid-template-columns:78px minmax(0,1fr)!important;
    padding:16px 18px 16px 14px!important;
  }
  .spotlight-profile{width:76px!important;height:76px!important}
  .theme-innovators .innovators-hero{padding-bottom:66px!important}
  .theme-innovators .innovators-section{padding-top:58px!important}
}


/* v14: final Innovators-page flow, card dividers, and contact-button colours */
.theme-innovators{
  background:linear-gradient(180deg,#fff0f5 0%,#fff4ef 28%,#fdf4e6 52%,#f3f1ee 72%,#edf4fb 100%)!important;
}
.theme-innovators .innovators-hero{
  background:
    repeating-linear-gradient(166deg,transparent 0 112px,rgba(216,104,140,.12) 112px 154px,transparent 154px 268px),
    repeating-linear-gradient(166deg,transparent 0 210px,rgba(217,161,31,.13) 210px 250px,transparent 250px 390px),
    linear-gradient(180deg,#fff0f5 0%,#fff5ec 100%)!important;
  padding-bottom:96px!important;
}
.theme-innovators .innovators-hero::after{
  height:100px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(255,246,236,.66) 55%,#fdf4e6 100%)!important;
}
.theme-innovators .innovators-section{
  background:
    repeating-linear-gradient(166deg,transparent 0 170px,rgba(216,104,140,.075) 170px 206px,transparent 206px 340px),
    repeating-linear-gradient(166deg,transparent 0 310px,rgba(217,161,31,.08) 310px 346px,transparent 346px 510px),
    linear-gradient(180deg,#fdf4e6 0%,#f7f0ea 44%,#eef4fb 100%)!important;
  padding-top:72px!important;
}
.theme-innovators .innovators-section::before{
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%,rgba(255,255,255,.11) 72%,transparent)!important;
  opacity:1!important;
}
.innovator-tile .tile-content>span{
  display:block!important;
  position:relative!important;
  margin-top:22px!important;
  padding-top:18px!important;
}
.innovator-tile .tile-content>span::before{
  content:"";
  position:absolute;
  left:10%;right:10%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);
  box-shadow:0 1px 10px rgba(255,255,255,.65);
}
.contact-call{background:linear-gradient(135deg,#e05d48,#f0a217)!important;color:#fff!important}
.contact-whatsapp{background:linear-gradient(135deg,#1f9e63,#087f4d)!important;color:#fff!important}
.contact-email{background:linear-gradient(135deg,#366bd2,#173f8d)!important;color:#fff!important}
.contact-call:hover,.contact-whatsapp:hover,.contact-email:hover{filter:brightness(1.04)}


/* v15 interaction and usability upgrades */
.site-nav a.active{color:var(--red)}
.site-nav a.active::after{transform:scaleX(1)}

/* Innovator card hover feedback */
.innovator-tile{cursor:pointer;will-change:transform}
.innovator-tile .product-logo{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s ease}
.innovator-tile .profile-cta{transition:color .28s ease,letter-spacing .28s ease}
.innovator-tile .profile-cta::before{transition:opacity .28s ease,box-shadow .28s ease}
.innovator-tile .cta-arrow{display:inline-block;margin-left:4px;opacity:0;transform:translateX(-8px);transition:opacity .28s ease,transform .28s ease}
.innovator-tile:hover .product-logo{transform:translateY(-7px) scale(1.025)}
.innovator-tile:hover .profile-cta{letter-spacing:.02em}
.innovator-tile:hover .profile-cta::before{background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 1px 14px rgba(255,255,255,.9)}
.innovator-tile:hover .cta-arrow{opacity:1;transform:translateX(2px)}
.innovator-tile.ayanda:hover{box-shadow:0 26px 58px rgba(211,104,148,.28)}
.innovator-tile.aphiwe:hover{box-shadow:0 26px 58px rgba(200,91,125,.28)}
.innovator-tile.luyanda:hover{box-shadow:0 26px 58px rgba(214,82,41,.27)}
.innovator-tile.ayanda:hover .profile-cta{color:#8d3156}
.innovator-tile.aphiwe:hover .profile-cta{color:#7b294b}
.innovator-tile.luyanda:hover .profile-cta{color:#8c2f16}
.launch-badge,.coming-soon-badge,.spotlight-status{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.launch-badge{margin:0 auto 8px;background:rgba(255,255,255,.62);color:var(--navy);box-shadow:0 8px 18px rgba(21,40,78,.07)}
.spotlight-status{margin-top:8px;background:rgba(255,255,255,.62);color:var(--navy)}
.coming-soon-badge{margin:14px 0 0;background:rgba(255,255,255,.72);color:var(--brand3);box-shadow:0 9px 20px rgba(21,40,78,.07)}

/* Profile utility additions */
.back-link{display:inline-flex;margin-bottom:16px;font-weight:800;color:var(--brand3);transition:transform .25s ease,opacity .25s ease}
.back-link:hover{transform:translateX(-4px);opacity:.78}
.btn-whatsapp{background:linear-gradient(135deg,#23a867,#087f4d);color:#fff}
.why-product-section{padding-top:68px;padding-bottom:68px;background:transparent}
.why-product-card,.gallery-coming-card{padding:32px;border-radius:30px;background:rgba(255,255,255,.58);backdrop-filter:blur(9px);box-shadow:0 18px 44px rgba(21,40,78,.09);border:1px solid rgba(255,255,255,.55)}
.why-product-card{max-width:860px}
.why-product-card p,.gallery-coming-card p{max-width:760px;color:var(--muted);font-size:1.04rem}
.gallery-coming-section{padding-top:20px}
.gallery-coming-card{display:flex;justify-content:space-between;align-items:center;gap:24px}
.gallery-mark{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.7);font-size:2.4rem;font-weight:300;color:var(--brand3);box-shadow:0 12px 26px rgba(21,40,78,.08)}

/* Shared floating controls */
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:900;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:linear-gradient(135deg,#22a665,#087f4d);color:#fff;font-weight:900;box-shadow:0 16px 32px rgba(8,127,77,.28);transition:transform .25s ease,box-shadow .25s ease}
.floating-whatsapp:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(8,127,77,.34)}
.scroll-top{position:fixed;right:26px;bottom:82px;z-index:899;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:1.25rem;font-weight:900;box-shadow:0 12px 28px rgba(21,40,78,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease;cursor:pointer}
.scroll-top.show{opacity:1;visibility:visible;transform:none}
.footer-copy{text-align:center;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:rgba(255,255,255,.7)}

/* About/contact hover refinement */
.core-area,.process-node,.outcome-card,.contact-card{transition:transform .28s ease,box-shadow .28s ease}
.core-area:hover,.process-node:hover,.outcome-card:hover,.contact-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(21,40,78,.13)}
.contact-card a:not(.btn),.inline-contact a{transition:color .22s ease}
.contact-card a:not(.btn):hover,.inline-contact a:hover{color:var(--blue2)}

@media(max-width:760px){
  .floating-whatsapp{right:14px;bottom:14px;padding:11px 15px;font-size:.9rem}
  .scroll-top{right:16px;bottom:68px}
  .gallery-coming-card{align-items:flex-start}
  .gallery-mark{width:58px;height:58px;border-radius:18px}
}


/* v16: Corner coming-soon stamp on innovator cards */
.innovator-tile{position:relative;overflow:hidden}
.corner-coming-badge{
  position:absolute;top:18px;right:18px;z-index:5;
  width:82px;height:82px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-transform:uppercase;line-height:.9;text-align:center;
  color:#a91424;background:rgba(255,255,255,.88);
  border:3px solid currentColor;box-shadow:0 10px 24px rgba(70,24,37,.14);
  transform:rotate(10deg);transition:transform .3s ease,box-shadow .3s ease;
}
.corner-coming-badge:before{content:"";position:absolute;inset:6px;border:1.5px dashed currentColor;border-radius:50%;opacity:.8}
.corner-coming-badge span{font-size:.58rem;font-weight:900;letter-spacing:.12em;position:relative}
.corner-coming-badge strong{font-size:.92rem;letter-spacing:.04em;position:relative;margin-top:4px}
.innovator-tile.ayanda .corner-coming-badge{color:#9e345d;background:#fff3f8}
.innovator-tile.aphiwe .corner-coming-badge{color:#a33d65;background:#fff2f7}
.innovator-tile.luyanda .corner-coming-badge{color:#a92a1c;background:#fff2eb}
.innovator-tile:hover .corner-coming-badge{transform:rotate(3deg) scale(1.04);box-shadow:0 14px 30px rgba(70,24,37,.18)}

/* Profile pages: clean back link and no launch badges */
.launch-badge,.coming-soon-badge{display:none!important}
.profile-back-link{
  display:inline-flex;align-items:center;gap:8px;width:max-content;
  padding:9px 14px;margin-bottom:16px;border-radius:999px;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);
  color:var(--brand3);font-size:.88rem;font-weight:900;
  box-shadow:0 8px 20px rgba(21,40,78,.07);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.profile-back-link:hover{transform:translateX(-4px);background:rgba(255,255,255,.9);box-shadow:0 12px 26px rgba(21,40,78,.11)}
.profile-back-link span{font-size:1.1rem;line-height:1}
.gallery-coming-section,.gallery-coming-card{display:none!important}

/* Contact page: colourful, friendly and still professional */
.theme-contact{background:linear-gradient(145deg,#fff1ea 0%,#fff8e8 30%,#eaf9f0 64%,#edf4ff 100%)}
.contact-hero{background:
  radial-gradient(circle at 12% 22%,rgba(212,75,65,.20),transparent 24%),
  radial-gradient(circle at 86% 28%,rgba(46,99,200,.19),transparent 25%),
  linear-gradient(135deg,#fff0e9,#f8f2ff 48%,#eaf9f1)}
.contact-section{position:relative;background:
  radial-gradient(circle at 10% 72%,rgba(217,161,31,.15),transparent 25%),
  radial-gradient(circle at 90% 25%,rgba(21,147,68,.13),transparent 25%),
  linear-gradient(180deg,rgba(255,250,242,.72),rgba(238,247,255,.9))}
.contact-card{padding:38px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 60px rgba(21,40,78,.13)}
.contact-card-heading{max-width:620px;margin-bottom:24px}
.contact-card-heading p{color:var(--muted);margin-bottom:0}
.contact-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;color:var(--red)}
.contact-detail-grid{display:grid;gap:14px}
.contact-detail{display:flex;align-items:center;gap:15px;padding:16px 18px;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}
.contact-detail:hover{transform:translateX(5px);box-shadow:0 12px 28px rgba(21,40,78,.10)}
.contact-detail small,.contact-detail strong{display:block}
.contact-detail small{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;opacity:.72}
.contact-detail strong{font-size:1rem;line-height:1.35}
.contact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.72);font-size:1.25rem;box-shadow:0 8px 18px rgba(21,40,78,.08)}
.phone-detail{background:linear-gradient(135deg,#ffe4d9,#fff2d4);color:#7c321f}
.email-detail{background:linear-gradient(135deg,#e5ecff,#e4f4ff);color:#173d78}
.address-detail{background:linear-gradient(135deg,#e2f6e9,#f0fae5);color:#185c3a}
.contact-buttons{margin-top:26px}
.contact-call{background:linear-gradient(135deg,#e65f3d,#edae1c);color:#fff}
.contact-whatsapp{background:linear-gradient(135deg,#20a861,#087c4d);color:#fff}
.contact-email{background:linear-gradient(135deg,#316bd1,#173f83);color:#fff}

/* Floating controls */
.floating-whatsapp,.scroll-top{border:0;cursor:pointer}
.scroll-top{position:fixed;right:24px;bottom:24px;z-index:890;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#132845;color:#fff;font-size:1.25rem;box-shadow:0 14px 28px rgba(19,40,69,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}
.scroll-top.show{opacity:1;visibility:visible;transform:none}
body.has-floating-whatsapp .scroll-top{bottom:84px}

@media(max-width:760px){
  .corner-coming-badge{width:68px;height:68px;top:12px;right:12px}
  .corner-coming-badge strong{font-size:.76rem}
  .corner-coming-badge span{font-size:.5rem}
  .contact-card{padding:26px 20px}
  .contact-detail strong{font-size:.9rem;overflow-wrap:anywhere}
}


/* v17 final refinements */
/* Profile header spacing and stamp badge */
.profile-top-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;min-height:86px}
.profile-top-row .profile-back-link{margin:0;flex:0 0 auto}
.profile-info>.eyebrow{display:block;margin-bottom:8px}
.profile-coming-badge{position:relative;flex:0 0 auto;width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;line-height:.9;text-align:center;color:var(--brand3);background:rgba(255,255,255,.74);border:3px solid currentColor;box-shadow:0 10px 24px rgba(70,24,37,.13);transform:rotate(8deg)}
.profile-coming-badge:before{content:"";position:absolute;inset:6px;border:1.5px dashed currentColor;border-radius:50%;opacity:.8}
.profile-coming-badge span,.profile-coming-badge strong{position:relative}
.profile-coming-badge span{font-size:.56rem;font-weight:900;letter-spacing:.11em}
.profile-coming-badge strong{font-size:.9rem;letter-spacing:.04em;margin-top:4px}

/* Profile contact information shown as clear, clickable contact rows */
.innovator-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.innovator-contact-item{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:18px;box-shadow:0 10px 22px rgba(21,40,78,.08);transition:transform .24s ease,box-shadow .24s ease;color:var(--text);min-width:0}
.innovator-contact-item:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(21,40,78,.12)}
.innovator-contact-item small,.innovator-contact-item strong{display:block}
.innovator-contact-item small{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;opacity:.72;margin-bottom:3px}
.innovator-contact-item strong{font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}
.innovator-phone{background:linear-gradient(135deg,rgba(255,226,214,.92),rgba(255,242,211,.92))}
.innovator-whatsapp{background:linear-gradient(135deg,rgba(218,247,228,.94),rgba(231,251,239,.94))}
.innovator-email{background:linear-gradient(135deg,rgba(226,235,255,.94),rgba(230,246,255,.94))}
.innovator-stage{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.46));grid-column:1/-1}

/* Contact page now blends continuously from hero to details */
.theme-contact{background:
  radial-gradient(circle at 8% 14%,rgba(212,75,65,.18),transparent 25%),
  radial-gradient(circle at 90% 18%,rgba(46,99,200,.16),transparent 28%),
  radial-gradient(circle at 88% 78%,rgba(21,147,68,.12),transparent 28%),
  linear-gradient(180deg,#fff0e9 0%,#f8f2ff 26%,#eef7ff 56%,#edf8f1 100%)!important}
.theme-contact .contact-hero{background:transparent!important;padding-bottom:78px}
.theme-contact .contact-section{margin-top:-1px;padding-top:54px;background:
  linear-gradient(180deg,rgba(244,243,251,.22) 0%,rgba(238,247,255,.42) 42%,rgba(237,248,241,.68) 100%)!important}
.theme-contact .contact-section:before{content:"";position:absolute;left:0;right:0;top:-70px;height:140px;background:linear-gradient(180deg,transparent,rgba(244,243,251,.5),transparent);pointer-events:none}
.whatsapp-detail{background:linear-gradient(135deg,#dff7e8,#effbf3);color:#12603a}
.contact-detail.address-detail{order:4}
.contact-buttons{display:none!important}

@media(max-width:760px){
  .profile-top-row{align-items:flex-start;min-height:74px}
  .profile-coming-badge{width:68px;height:68px}
  .profile-coming-badge strong{font-size:.76rem}
  .profile-coming-badge span{font-size:.48rem}
  .innovator-contact-grid{grid-template-columns:1fr}
  .innovator-stage{grid-column:auto}
}

/* v18: clearer innovator contact layout */
.innovator-cell-whatsapp{background:linear-gradient(135deg,rgba(255,226,214,.92),rgba(231,251,239,.94))}
.innovator-cell-whatsapp .contact-icon{background:rgba(255,255,255,.72)}


/* v19: current stage is plain text above the contact buttons */
.current-stage-line{margin:18px 0 14px;color:var(--muted);font-size:1rem;line-height:1.55}
.current-stage-line strong{color:var(--text)}
.innovator-contact-grid{margin-top:0}


/* v20: one continuous top-to-bottom colour flow on the About page */
.theme-about{
  background:
    radial-gradient(circle at 8% 8%,rgba(21,147,68,.14),transparent 27%),
    radial-gradient(circle at 92% 24%,rgba(46,99,200,.13),transparent 30%),
    radial-gradient(circle at 14% 58%,rgba(217,161,31,.12),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(216,104,140,.12),transparent 30%),
    linear-gradient(180deg,
      #eafaf0 0%,
      #eef7ff 22%,
      #fff7e9 44%,
      #f1f7ff 67%,
      #edf8f1 84%,
      #f7f1fb 100%)!important;
}
.theme-about main{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}
.theme-about main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(172deg,transparent 0 18%,rgba(255,255,255,.18) 18% 22%,transparent 22% 48%,rgba(255,255,255,.14) 48% 52%,transparent 52% 100%);
}
.theme-about .about-hero,
.theme-about main>.section,
.theme-about .core-section,
.theme-about .process-section,
.theme-about .outcomes-section{
  background:transparent!important;
}
.theme-about .about-hero{
  padding-bottom:74px;
}
.theme-about .about-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:110px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(238,247,255,.36));
}
.theme-about .core-section{
  position:relative;
}
.theme-about .core-section::before{
  content:"";
  position:absolute;
  inset:-70px 0 -70px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,247,233,.42) 35%,rgba(241,247,255,.38) 75%,transparent);
}
.theme-about .process-section{
  position:relative;
  color:var(--text)!important;
}
.theme-about .process-section::before{
  content:"";
  position:absolute;
  inset:-80px 0 -80px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(241,247,255,.48) 28%,rgba(237,248,241,.52) 72%,transparent);
}
.theme-about .process-section::after{
  display:none!important;
}
.theme-about .outcomes-section{
  position:relative;
}
.theme-about .outcomes-section::before{
  content:"";
  position:absolute;
  inset:-90px 0 0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(237,248,241,.42) 28%,rgba(247,241,251,.58) 100%);
}


/* v21: balanced CIE outcomes and no floating WhatsApp */
.theme-about .outcome-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.theme-about .outcome-card:nth-child(1),
.theme-about .outcome-card:nth-child(2),
.theme-about .outcome-card:nth-child(3){grid-column:span 2}
.theme-about .outcome-card:nth-child(4),
.theme-about .outcome-card:nth-child(5){grid-column:span 3}
.theme-about .outcome-card{height:100%;min-height:165px;display:flex;flex-direction:column;justify-content:flex-start}
body.has-floating-whatsapp .scroll-top{bottom:24px}
.floating-whatsapp{display:none!important}
@media(max-width:1080px){
  .theme-about .outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-about .outcome-card:nth-child(n){grid-column:span 1}
  .theme-about .outcome-card:last-child{grid-column:1 / -1}
}
@media(max-width:760px){
  .theme-about .outcome-grid{grid-template-columns:1fr}
  .theme-about .outcome-card:nth-child(n){grid-column:1}
}

/* v22: animated home spotlight and smoother page-wide background flow */
.spotlight-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,#fff7ee 0%,#fbf4f0 46%,#f1f6fd 100%)!important;
}
.spotlight-section::before{
  content:"";
  position:absolute;
  inset:-20% -12%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 32%,rgba(216,104,140,.16) 0 8%,transparent 28%),
    radial-gradient(circle at 80% 24%,rgba(217,161,31,.15) 0 7%,transparent 26%),
    radial-gradient(circle at 62% 82%,rgba(46,99,200,.12) 0 8%,transparent 30%);
  animation:spotlightGlow 16s ease-in-out infinite alternate;
}
.spotlight-section::after{
  content:"";
  position:absolute;
  left:-18%;
  top:18%;
  width:140%;
  height:72%;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(165deg,transparent 0 29%,rgba(255,255,255,.42) 29% 37%,transparent 37% 100%),
    linear-gradient(165deg,transparent 0 58%,rgba(216,104,140,.07) 58% 64%,transparent 64% 100%);
  animation:spotlightSweep 20s ease-in-out infinite alternate;
}
@keyframes spotlightGlow{
  0%{transform:translate3d(-2%,0,0) scale(1)}
  100%{transform:translate3d(3%,-2%,0) scale(1.08)}
}
@keyframes spotlightSweep{
  0%{transform:translateX(-2%) rotate(-1deg)}
  100%{transform:translateX(5%) rotate(1deg)}
}
.spotlight-section .container{position:relative;z-index:1}

/* About page: one continuous top-to-bottom colour journey */
body.theme-about{
  background:
    linear-gradient(180deg,
      #ecfff2 0%,
      #eef7ff 19%,
      #fff8ea 43%,
      #eef8f1 68%,
      #f4eef9 100%)!important;
}
.theme-about main{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}
.theme-about main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 18%,rgba(21,147,68,.09),transparent 25%),
    radial-gradient(circle at 88% 38%,rgba(217,161,31,.08),transparent 28%),
    radial-gradient(circle at 18% 70%,rgba(46,99,200,.07),transparent 27%),
    radial-gradient(circle at 82% 92%,rgba(216,104,140,.08),transparent 30%);
}
.theme-about main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(170deg,transparent 0 21%,rgba(255,255,255,.16) 21% 25%,transparent 25% 50%,rgba(255,255,255,.13) 50% 54%,transparent 54% 100%);
}
.theme-about .about-hero,
.theme-about main>.section,
.theme-about .core-section,
.theme-about .process-section,
.theme-about .outcomes-section{
  background:transparent!important;
}
.theme-about .about-hero::after,
.theme-about .core-section::before,
.theme-about .process-section::before,
.theme-about .process-section::after,
.theme-about .outcomes-section::before{
  display:none!important;
}

/* Innovators page: continuous directional flow with ribbons across the full page */
body.theme-innovators{
  background:
    linear-gradient(180deg,
      #fff0f5 0%,
      #fff4ed 30%,
      #fdf3e5 56%,
      #f4f1ee 75%,
      #edf4fb 100%)!important;
}
.theme-innovators main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:transparent!important;
}
.theme-innovators main::before{
  content:"";
  position:absolute;
  inset:-80px -12% 0;
  z-index:-2;
  pointer-events:none;
  background:
    repeating-linear-gradient(166deg,
      transparent 0 150px,
      rgba(216,104,140,.10) 150px 190px,
      transparent 190px 335px),
    repeating-linear-gradient(166deg,
      transparent 0 290px,
      rgba(217,161,31,.10) 290px 330px,
      transparent 330px 500px),
    linear-gradient(180deg,transparent,rgba(255,255,255,.10));
}
.theme-innovators main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 25%,rgba(216,104,140,.09),transparent 26%),
    radial-gradient(circle at 88% 55%,rgba(214,82,41,.07),transparent 30%),
    radial-gradient(circle at 42% 86%,rgba(46,99,200,.07),transparent 28%);
}
.theme-innovators .innovators-hero,
.theme-innovators .innovators-section{
  background:transparent!important;
}
.theme-innovators .innovators-hero::after,
.theme-innovators .innovators-section::before{
  display:none!important;
}
.theme-innovators .innovators-hero{padding-bottom:88px!important}
.theme-innovators .innovators-section{padding-top:72px!important}

@media(max-width:760px){
  .spotlight-section::after{width:165%;left:-34%}
  .theme-innovators main::before{inset:-30px -45% 0}
}


/* v23: continuous background ribbons with no clipped ends */
/* Remove the old hero-only ribbons and their grey rounded end. */
.theme-innovators .ribbon-bg{display:none!important}

/* Run the coloured ribbons across the entire Innovators page. */
.theme-innovators main{overflow:hidden!important}
.theme-innovators main::before{
  inset:-220px -35% -160px!important;
  background:
    linear-gradient(166deg,
      transparent 0 10%,
      rgba(216,104,140,.13) 10% 14%,
      transparent 14% 31%,
      rgba(217,161,31,.12) 31% 35%,
      transparent 35% 55%,
      rgba(46,99,200,.10) 55% 59%,
      transparent 59% 76%,
      rgba(216,104,140,.08) 76% 80%,
      transparent 80% 100%),
    linear-gradient(180deg,transparent,rgba(255,255,255,.08))!important;
  background-size:100% 100%!important;
  transform:none!important;
}
.theme-innovators main::after{
  background:
    radial-gradient(circle at 10% 22%,rgba(216,104,140,.08),transparent 28%),
    radial-gradient(circle at 86% 48%,rgba(217,161,31,.07),transparent 30%),
    radial-gradient(circle at 44% 86%,rgba(46,99,200,.065),transparent 30%)!important;
}

/* Home Innovator Spotlight: extend the ribbons beyond the section so they fade naturally. */
.spotlight-section{overflow:hidden!important}
.spotlight-section::after{
  left:-35%!important;
  top:-18%!important;
  width:180%!important;
  height:145%!important;
  border-radius:0!important;
  background:
    linear-gradient(165deg,
      transparent 0 25%,
      rgba(255,255,255,.34) 25% 31%,
      transparent 31% 53%,
      rgba(216,104,140,.075) 53% 59%,
      transparent 59% 75%,
      rgba(46,99,200,.055) 75% 80%,
      transparent 80% 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}

@media(max-width:760px){
  .theme-innovators main::before{inset:-120px -80% -120px!important}
  .spotlight-section::after{left:-70%!important;width:240%!important}
}


/* v24: remove rainbow styling and use calm branded page palettes */
body.theme-home{--page-accent:#0d3d87;--page-soft:#eaf1fb;--page-warm:#f6efe4;background:linear-gradient(180deg,#f7f3eb 0%,#edf3fb 100%)}
body.theme-about{--page-accent:#167044;--page-soft:#e7f3ec;--page-warm:#f8f0df;background:linear-gradient(180deg,#edf7f1 0%,#f8f2e7 52%,#eef4f8 100%)}
body.theme-innovators{--page-accent:#b64f78;--page-soft:#f7dfe9;--page-warm:#f8ead9;background:linear-gradient(180deg,#f9e8ef 0%,#f7eee4 48%,#f2edf4 100%)}
body.theme-contact{--page-accent:#285d9b;--page-soft:#e4eef9;--page-warm:#eaf4ed;background:linear-gradient(180deg,#edf3fb 0%,#eef7f1 100%)}
.site-nav a::after{background:var(--page-accent,#0d3d87)!important}
.site-nav a.active{color:var(--page-accent,#0d3d87)!important}
.hero-home{background:linear-gradient(135deg,#f7efe5 0%,#edf3fb 56%,#eaf3ee 100%)!important}
.hero-home .mesh-bg span:nth-child(1){background:linear-gradient(90deg,rgba(13,61,135,.26),transparent)!important}
.hero-home .mesh-bg span:nth-child(2){background:linear-gradient(90deg,rgba(40,93,155,.18),transparent)!important}
.hero-home .mesh-bg span:nth-child(3){background:linear-gradient(90deg,rgba(22,112,68,.16),transparent)!important}
.about-hero,.innovators-hero,.contact-hero{background:transparent!important}
.theme-about main,.theme-innovators main,.theme-contact main{background:transparent!important}
.theme-innovators .ribbon-bg span:nth-child(1){background:#d89ab3!important}
.theme-innovators .ribbon-bg span:nth-child(2){background:#d8bd8c!important}
.theme-innovators .ribbon-bg span:nth-child(3){background:#9aa9bf!important}
.contact-page-flow,.contact-section,.contact-only-grid{background:transparent!important}

/* Featured innovator bubble */
.hero-brand{position:relative}
.featured-innovator-bubble{position:absolute;left:-42px;top:-34px;width:235px;padding:14px 16px;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 18px 40px rgba(21,40,78,.16);border:1px solid rgba(13,61,135,.08);z-index:4;transition:transform .28s ease,box-shadow .28s ease;backdrop-filter:blur(10px)}
.featured-innovator-bubble:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 24px 50px rgba(21,40,78,.22)}
.featured-label{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#b64f78;margin-bottom:9px}
.featured-content{display:flex;align-items:center;gap:11px}.featured-content img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#f8e9ee}.featured-content strong,.featured-content small{display:block}.featured-content strong{font-size:.96rem}.featured-content small{font-size:.78rem;color:var(--muted);margin-top:2px}.featured-open{display:block;margin-top:10px;font-size:.76rem;font-weight:900;color:#0d3d87}

/* Profile action buttons */
.profile-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.profile-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:18px;border:0;font:inherit;font-weight:900;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.profile-action-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(21,40,78,.15)}
.enquire-btn{background:linear-gradient(135deg,var(--brand3),var(--brand1));color:#fff}
.share-profile-btn{background:rgba(255,255,255,.82);color:var(--brand3);box-shadow:0 10px 22px rgba(21,40,78,.08)}
.share-profile-btn.shared::after{content:' ✓';margin-left:4px}

/* Branded transition overlay */
.page-transition{background:linear-gradient(135deg,var(--transition-a,#0d3d87),var(--transition-b,#285d9b))!important}
.page-transition::before,.page-transition::after{background:rgba(255,255,255,.08)!important}
.transition-content{padding:22px 30px;border-radius:28px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.12)}
.transition-content img{background:rgba(255,255,255,.95);padding:10px;border-radius:20px}

@media(max-width:1080px){.featured-innovator-bubble{left:0;top:-20px}}
@media(max-width:760px){.featured-innovator-bubble{position:relative;left:auto;top:auto;width:100%;margin:18px 0 0}.profile-action-row{flex-direction:column}.profile-action-btn{width:100%}}


/* v25: compact profile actions, clearer feature button, and stronger hover feedback */
.profile-top-row{align-items:flex-start!important}
.profile-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.profile-share-btn{border:1px solid color-mix(in srgb,var(--brand1) 38%,transparent);background:rgba(255,255,255,.76);color:var(--brand3);padding:10px 15px;border-radius:999px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(21,40,78,.08);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.profile-share-btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 13px 25px rgba(21,40,78,.13)}
.profile-share-btn.shared::after{content:' ✓';margin-left:4px}
.innovator-contact-grid{margin-top:16px}
.innovator-contact-item{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.innovator-contact-item:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(21,40,78,.14)}

.hero-brand{position:relative}
.featured-innovator-bubble{left:auto!important;right:-32px!important;top:-54px!important;width:248px!important;padding:13px 15px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(246,249,255,.93))!important;border:1px solid rgba(13,61,135,.12)!important;cursor:pointer}
.featured-innovator-bubble:after{content:'↗';position:absolute;right:14px;top:14px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0d3d87;color:#fff;font-weight:900;transition:transform .22s ease}
.featured-innovator-bubble:hover{transform:translateY(-5px) scale(1.025)!important;box-shadow:0 25px 52px rgba(21,40,78,.22)!important}
.featured-innovator-bubble:hover:after{transform:translate(2px,-2px)}
.featured-open{padding-right:28px}

.spotlight-card{position:relative;cursor:pointer;border:1px solid transparent;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,filter .26s ease!important}
.spotlight-card:after{content:'Open profile →';position:absolute;right:18px;bottom:12px;font-size:.72rem;font-weight:900;opacity:0;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease;color:#17355f}
.spotlight-card:hover{transform:translateY(-7px) scale(1.015)!important;box-shadow:0 24px 46px rgba(21,40,78,.2)!important;border-color:rgba(255,255,255,.8);filter:saturate(1.08)}
.spotlight-card:hover:after{opacity:1;transform:translateY(0)}
.spotlight-card:hover .spotlight-profile img{transform:scale(1.06)!important}
.spotlight-profile img{transition:transform .25s ease}

.theme-luyanda .profile-logo{max-width:300px!important;max-height:210px!important}
.innovator-tile.luyanda .product-logo{max-height:150px!important;max-width:94%!important}

@media(max-width:1080px){.featured-innovator-bubble{right:0!important;top:-36px!important}}
@media(max-width:760px){.featured-innovator-bubble{position:relative!important;right:auto!important;top:auto!important;width:100%!important;margin-top:18px}.profile-top-actions{justify-content:flex-start}.spotlight-card:after{display:none}}


/* v26 requested positioning and action refinements */
.hero-home{padding-top:132px!important}
.featured-innovator-top{
  position:absolute!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  width:min(360px,calc(100% - 32px))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  z-index:8!important;
  border-radius:18px!important;
  padding:11px 16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(21,40,78,.14)!important;
}
.featured-innovator-top:hover{
  transform:translateX(-50%) translateY(-3px)!important;
}
.featured-innovator-top .featured-label{grid-column:1;font-size:.68rem}
.featured-innovator-top .featured-content{grid-column:1;display:flex;align-items:center;gap:10px;margin-top:4px}
.featured-innovator-top .featured-open{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0 0 0 12px;font-size:0;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#0d3d87;color:#fff}
.featured-innovator-top .featured-open::after{content:'↗';font-size:1.05rem}
.featured-innovator-top::after{display:none!important}

/* Home buttons styled as readable contact-style action tiles */
.hero-actions{align-items:stretch!important}
.home-action-link{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:12px;
  min-width:205px;
  padding:12px 17px;
  border-radius:20px;
  box-shadow:0 16px 34px rgba(21,40,78,.12);
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
  border:1px solid rgba(255,255,255,.55);
}
.home-action-link:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(21,40,78,.18);filter:saturate(1.05)}
.home-action-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.8);font-size:1.15rem;font-weight:900}
.home-action-link small,.home-action-link strong{display:block}
.home-action-link small{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:2px}
.home-action-link strong{font-size:1rem}
.action-innovators{background:linear-gradient(135deg,#ffe0eb,#f7c9d8);color:#7d3653}
.action-cie{background:linear-gradient(135deg,#dff6e8,#dcecff);color:#0d4b50}
.action-all-innovators{width:max-content;margin:0 auto;background:linear-gradient(135deg,#ffe2ec,#ffe8c4);color:#7d3653}
.center .action-all-innovators{display:grid!important}

/* Share action lives beneath each product logo */
.profile-share-under-logo{
  margin-top:-4px;
  min-width:180px;
  border-radius:18px!important;
  padding:12px 18px!important;
  background:rgba(255,255,255,.7)!important;
  backdrop-filter:blur(8px);
}
.profile-top-actions{align-items:center}

/* Ibomvu logo should blend naturally without a box */
.theme-luyanda .profile-logo,
.innovator-tile.luyanda .product-logo{
  filter:drop-shadow(0 7px 12px rgba(125,22,15,.22))!important;
}

@media(max-width:1080px){
  .hero-home{padding-top:150px!important}
  .featured-innovator-top{top:20px!important}
}
@media(max-width:760px){
  .hero-home{padding-top:170px!important}
  .featured-innovator-top{top:18px!important;width:calc(100% - 28px)!important}
  .home-action-link{width:100%;min-width:0}
}


/* v27: featured innovator below navigation and sharper Ibomvu presentation */
.hero-home{padding-top:92px!important}
.featured-innovator-dock{
  position:relative;
  z-index:20;
  background:linear-gradient(180deg,rgba(251,247,238,.96),rgba(242,247,253,.93));
  border-bottom:1px solid rgba(13,61,135,.07);
}
.featured-innovator-dock-inner{
  min-height:92px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px 0 14px;
}
.featured-innovator-nav{
  position:relative!important;
  inset:auto!important;
  width:min(430px,calc(100% - 24px))!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 14px 12px 16px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,249,255,.95))!important;
  border:1px solid rgba(13,61,135,.10)!important;
  box-shadow:0 14px 32px rgba(21,40,78,.12)!important;
  cursor:pointer;
}
.featured-innovator-nav:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 20px 42px rgba(21,40,78,.18)!important;
}
.featured-innovator-nav .featured-label{grid-column:1;margin:0 0 5px;font-size:.67rem}
.featured-innovator-nav .featured-content{grid-column:1;margin:0;gap:11px}
.featured-innovator-nav .featured-open{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  width:44px;
  height:44px;
  margin:0;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-size:0;
  color:#fff;
  background:linear-gradient(135deg,#0d3d87,#2e63c8);
  box-shadow:0 9px 20px rgba(13,61,135,.22);
  transition:transform .24s ease,box-shadow .24s ease;
}
.featured-innovator-nav .featured-open::after{
  content:'→';
  font-size:1.25rem;
  line-height:1;
  transform:translateX(0);
  transition:transform .24s ease;
}
.featured-innovator-nav:hover .featured-open{
  transform:translateX(2px);
  box-shadow:0 12px 25px rgba(13,61,135,.28);
}
.featured-innovator-nav:hover .featured-open::after{transform:translateX(3px)}
.featured-innovator-nav::after{display:none!important}

/* Keep the clean Ibomvu logo readable and crisp at every occurrence. */
.theme-luyanda .profile-logo{
  width:min(330px,100%)!important;
  max-width:330px!important;
  max-height:none!important;
  filter:drop-shadow(0 8px 13px rgba(91,35,24,.13))!important;
}
.innovator-tile.luyanda .product-logo{
  width:min(260px,88%)!important;
  max-height:none!important;
  filter:drop-shadow(0 7px 11px rgba(91,35,24,.11))!important;
}
.transition-card img[src*="luyanda-logo-cutout"]{
  width:min(290px,75vw)!important;
  height:auto!important;
}

@media(max-width:760px){
  .featured-innovator-dock-inner{min-height:88px;padding:10px 0 12px}
  .featured-innovator-nav{width:calc(100% - 20px)!important}
  .featured-innovator-nav .featured-open{width:42px;height:42px}
}


/* v28: featured innovator bubble growing from the Innovators nav item */
.featured-innovator-dock{display:none!important}
.site-header{overflow:visible}
.site-nav{align-items:center}
.nav-feature-wrap{position:relative;display:inline-flex;align-items:center}
.nav-feature-wrap>a:first-child{font-weight:800;position:relative;padding:5px 0}
.nav-feature-wrap>a:first-child::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:99px;background:#d8688c;transform:scaleX(0);transition:transform .25s ease}
.nav-feature-wrap>a:first-child:hover::after{transform:scaleX(1)}
.nav-feature-wrap .featured-innovator-nav{
  position:absolute!important;
  top:42px!important;
  left:50%!important;
  right:auto!important;
  width:250px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:13px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,243,247,.97))!important;
  border:1px solid rgba(216,104,140,.20)!important;
  box-shadow:0 18px 42px rgba(52,32,55,.18)!important;
  z-index:1200!important;
  opacity:1!important;
  visibility:visible!important;
}
.nav-feature-wrap .featured-innovator-nav::before{
  content:"";
  position:absolute;
  top:-10px;
  left:50%;
  width:20px;
  height:20px;
  background:rgba(255,255,255,.98);
  border-left:1px solid rgba(216,104,140,.18);
  border-top:1px solid rgba(216,104,140,.18);
  transform:translateX(-50%) rotate(45deg);
  border-radius:4px 0 0 0;
}
.nav-feature-wrap .featured-innovator-nav:hover{
  transform:translateX(-50%) translateY(-4px)!important;
  box-shadow:0 24px 52px rgba(52,32,55,.23)!important;
}
.nav-feature-wrap .featured-label{font-size:.66rem;letter-spacing:.12em;color:#b2476a}
.nav-feature-wrap .featured-content{display:flex;align-items:center;gap:10px}
.nav-feature-wrap .featured-content img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.nav-feature-wrap .featured-content strong,.nav-feature-wrap .featured-content small{display:block}
.nav-feature-wrap .featured-content small{color:var(--muted);margin-top:2px}
.nav-feature-wrap .featured-open{
  width:36px!important;height:36px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#b2476a,#d8688c)!important;
  color:#fff!important;font-size:1.1rem!important;font-weight:900!important;
  box-shadow:0 8px 18px rgba(178,71,106,.22)!important;
}
.hero-home{padding-top:145px!important}
@media(max-width:900px){
  .nav-feature-wrap .featured-innovator-nav{left:auto!important;right:-35px!important;transform:none!important}
  .nav-feature-wrap .featured-innovator-nav:hover{transform:translateY(-4px)!important}
}
@media(max-width:760px){
  .nav-feature-wrap{display:flex;width:100%;flex-direction:column;align-items:flex-start}
  .nav-feature-wrap .featured-innovator-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:12px 0 4px!important;transform:none!important}
  .nav-feature-wrap .featured-innovator-nav::before{left:38px}
  .hero-home{padding-top:92px!important}
}


/* v29: compact Featured badge with interactive dropdown */
.nav-feature-wrap,.featured-innovator-dock,.featured-innovator-top,.featured-innovator-bubble{display:none!important}
.nav-feature-menu{position:relative;display:inline-flex;align-items:center}
.nav-feature-row{display:inline-flex;align-items:center;gap:8px}
.featured-trigger{border:1px solid rgba(182,79,120,.22);background:rgba(255,242,247,.9);color:#a63f68;border-radius:999px;padding:5px 9px;font:inherit;font-size:.68rem;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.featured-trigger:hover,.featured-trigger[aria-expanded="true"]{background:#b64f78;color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(182,79,120,.22)}
.featured-dropdown{position:absolute;top:calc(100% + 16px);left:50%;width:268px;padding:15px 16px;border-radius:22px;background:rgba(255,255,255,.97);border:1px solid rgba(182,79,120,.14);box-shadow:0 22px 55px rgba(21,40,78,.18);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px) scale(.98);transform-origin:top center;transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease;z-index:1200}
.featured-dropdown::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;background:rgba(255,255,255,.97);border-left:1px solid rgba(182,79,120,.14);border-top:1px solid rgba(182,79,120,.14);transform:translateX(-50%) rotate(45deg)}
.nav-feature-menu:hover .featured-dropdown,.nav-feature-menu.is-open .featured-dropdown,.nav-feature-menu:focus-within .featured-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.featured-dropdown:hover{box-shadow:0 27px 64px rgba(21,40,78,.23)}
.featured-dropdown-label{display:block;position:relative;z-index:1;margin-bottom:10px;color:#b64f78;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.featured-dropdown-content{position:relative;z-index:1;display:grid;grid-template-columns:52px 1fr 32px;align-items:center;gap:11px}
.featured-dropdown-content img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center;background:#faedf2}
.featured-dropdown-copy strong,.featured-dropdown-copy small{display:block}
.featured-dropdown-copy strong{font-size:.96rem;line-height:1.2}
.featured-dropdown-copy small{margin-top:4px;color:var(--muted);font-size:.77rem}
.featured-dropdown-arrow{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#b64f78,#d8a76d);color:#fff;font-size:1rem;font-weight:900;transition:transform .2s ease}
.featured-dropdown:hover .featured-dropdown-arrow{transform:translateX(3px)}
@media(max-width:760px){
  .nav-feature-menu,.nav-feature-row{width:100%;align-items:flex-start;flex-wrap:wrap}
  .nav-feature-row{justify-content:space-between}
  .featured-dropdown{position:relative;top:auto;left:auto;width:100%;margin:8px 0 2px;transform:translateY(-5px) scale(.99)}
  .featured-dropdown::before{display:none}
  .nav-feature-menu:hover .featured-dropdown,.nav-feature-menu.is-open .featured-dropdown,.nav-feature-menu:focus-within .featured-dropdown{transform:none}
}


/* v30: remove Featured Innovator completely and improve Ibomvu logo readability */
.nav-feature-menu,.featured-trigger,.featured-dropdown,.featured-innovator-dock,.featured-innovator-top,.featured-innovator-bubble,.featured-innovator-nav{display:none!important}
.theme-luyanda .profile-logo,
.innovator-tile.luyanda .product-logo,
.spotlight-card.luyanda img[src*="luyanda-logo"],
.transition-card img[src*="luyanda-logo-cutout"]{
  filter:drop-shadow(0 8px 14px rgba(74,25,19,.30)) drop-shadow(0 2px 3px rgba(255,244,222,.65))!important;
}
.theme-luyanda .profile-logo{background:rgba(255,246,238,.16);border-radius:22px;padding:5px 8px}


/* v31 launch readiness: accessibility and focus */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #f0b323;outline-offset:4px;border-radius:8px}
.site-nav a:focus-visible{outline-offset:7px}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-transition{display:none!important}.reveal{opacity:1!important;transform:none!important}}
@media (prefers-contrast: more){body{color:#101a2b}.site-nav a,.footer-links a{text-decoration:underline}.home-action-link,.innovator-contact-item{border:2px solid currentColor}}

.error-page{min-height:68vh;display:grid;place-items:center;padding:120px 0 90px}.error-page h1{font-size:clamp(2.4rem,7vw,5.4rem);max-width:900px;margin:12px auto}.error-page p{font-size:1.1rem;color:var(--muted);margin-bottom:30px}

/* Version 32: clearer interactive footer links */
.site-footer .footer-links a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.38rem .58rem;
  margin-left:-.58rem;
  border-radius:10px;
  color:rgba(255,255,255,.9);
  text-decoration:none;
  transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.site-footer .footer-links a::after{
  content:"→";
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .2s ease,transform .2s ease;
  font-size:.9em;
}
.site-footer .footer-links a:hover{
  color:#fff;
  background:rgba(255,255,255,.11);
  box-shadow:0 8px 22px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.12);
  transform:translateX(5px);
}
.site-footer .footer-links a:hover::after{
  opacity:1;
  transform:translateX(0);
}
.site-footer .footer-links a:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.13);
  box-shadow:0 0 0 3px rgba(255,255,255,.28),0 8px 22px rgba(0,0,0,.2);
  outline:none;
}
.site-footer .footer-links li:last-child a{
  align-items:flex-start;
}
@media (prefers-reduced-motion: reduce){
  .site-footer .footer-links a,
  .site-footer .footer-links a::after{transition:none}
  .site-footer .footer-links a:hover{transform:none}
}

/* Version 33: balanced custom 404 page */
.error-page{
  min-height:calc(100vh - 103px);
  display:grid;
  align-items:center;
  padding:72px 0 80px;
  background:
    radial-gradient(circle at 18% 22%,rgba(13,61,135,.07),transparent 28%),
    radial-gradient(circle at 84% 76%,rgba(21,147,68,.06),transparent 30%),
    linear-gradient(180deg,#fbf8f1 0%,#f1f6fa 100%);
}
.error-layout{max-width:980px;text-align:center}
.error-copy{max-width:760px;margin:0 auto}
.error-page h1{
  font-size:clamp(2.8rem,6.3vw,5rem);
  line-height:1.02;
  max-width:760px;
  margin:16px auto 18px;
  text-wrap:balance;
}
.error-page p{font-size:1.08rem;color:var(--muted);margin:0 auto 34px;max-width:590px}
.error-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  max-width:760px;
  margin:0 auto;
}
.error-actions .home-action-link{
  width:100%;
  min-width:0;
  margin:0;
  text-align:left;
}
.error-actions .home-action-link:hover,
.error-actions .home-action-link:focus-visible{
  transform:translateY(-5px);
  box-shadow:0 22px 45px rgba(21,40,78,.2);
}
@media(max-width:760px){
  .error-page{min-height:auto;padding:58px 0 68px}
  .error-page h1{font-size:clamp(2.45rem,13vw,3.8rem)}
  .error-actions{grid-template-columns:1fr;max-width:380px}
}


/* Version 34: premium glass panels behind innovator logos */
.profile-logo-glass{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%, 320px);
  min-height:206px;
  padding:20px 18px 18px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(255,255,255,.40), rgba(255,255,255,.18));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 20px 44px rgba(31,41,55,.13), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  overflow:hidden;
}
.profile-logo-glass::before{
  content:"";
  position:absolute;
  inset:10px 14px auto 14px;
  height:42%;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,0));
  pointer-events:none;
}
.profile-logo-glass::after{
  content:"";
  position:absolute;
  width:118px;
  height:118px;
  right:-26px;
  top:-24px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.42) 0%, rgba(255,255,255,0) 72%);
  pointer-events:none;
}
.theme-ayanda .profile-logo-glass{background:linear-gradient(135deg, rgba(255,255,255,.52), rgba(252,238,244,.28));}
.theme-aphiwe .profile-logo-glass{background:linear-gradient(135deg, rgba(255,255,255,.52), rgba(252,235,242,.28));}
.theme-luyanda .profile-logo-glass{background:linear-gradient(135deg, rgba(255,255,255,.54), rgba(255,243,236,.30));}
.profile-logo-glass .profile-logo{
  position:relative;
  z-index:1;
  margin:0 auto;
}
.theme-ayanda .profile-logo-glass .profile-logo{max-width:235px!important;}
.theme-aphiwe .profile-logo-glass .profile-logo{max-width:270px!important;}
.theme-luyanda .profile-logo-glass .profile-logo{max-width:255px!important; max-height:186px!important; background:transparent!important; padding:0!important; border-radius:0!important;}
@media(max-width:760px){
  .profile-logo-glass{width:min(100%,300px); min-height:186px; padding:18px 14px 16px; border-radius:26px;}
}

/* Version 35: continuous profile motifs and a more original Ibomvu logo */
.theme-ayanda::before,
.theme-aphiwe::before,
.theme-luyanda::before{
  position:absolute!important;
  inset:0!important;
  min-height:100%!important;
  background-repeat:repeat!important;
  background-attachment:scroll!important;
  background-position:0 0!important;
  z-index:0!important;
}
.theme-ayanda,
.theme-aphiwe,
.theme-luyanda{
  min-height:100%;
  overflow-x:hidden;
}
.theme-ayanda main,
.theme-aphiwe main,
.theme-luyanda main,
.theme-ayanda .site-header,
.theme-aphiwe .site-header,
.theme-luyanda .site-header,
.theme-ayanda .site-footer,
.theme-aphiwe .site-footer,
.theme-luyanda .site-footer{
  position:relative;
  z-index:1;
}
.theme-luyanda .profile-logo-glass .profile-logo{
  width:100%!important;
  max-width:255px!important;
  max-height:186px!important;
  filter:drop-shadow(0 7px 11px rgba(91,35,24,.18))!important;
}


/* Version 36: restore moving profile background motifs and slow page transitions slightly */
.theme-ayanda::before,
.theme-aphiwe::before,
.theme-luyanda::before{
  position:fixed!important;
  inset:0!important;
  min-height:0!important;
  background-repeat:repeat!important;
  background-attachment:fixed!important;
  background-position:0 0!important;
  animation:motifDrift 38s linear infinite!important;
  z-index:0!important;
}
.theme-ayanda main,.theme-aphiwe main,.theme-luyanda main,
.theme-ayanda .site-header,.theme-aphiwe .site-header,.theme-luyanda .site-header,
.theme-ayanda .site-footer,.theme-aphiwe .site-footer,.theme-luyanda .site-footer{
  position:relative;
  z-index:1;
}
.page-transition.enter{animation-duration:1.02s!important;}
.page-transition.leave{animation-duration:.82s!important;}
.page-transition.enter .transition-line{animation-duration:.72s!important;}
.page-transition.leave .transition-line{animation-duration:.58s!important;}

/* Version 37: clearly moving backgrounds on Innovators and innovator profiles */
@keyframes innovatorsFlow {
  0% { background-position: 0 0, 0 0, 0 0; }
  50% { background-position: 120px 42px, -90px 70px, 55px -80px; }
  100% { background-position: 240px 84px, -180px 140px, 110px -160px; }
}

body.theme-innovators main::before {
  content:"" !important;
  position:absolute !important;
  inset:-140px -45% -140px !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.42 !important;
  background-image:
    linear-gradient(166deg, transparent 0 28%, rgba(216,154,179,.34) 28.5% 34%, transparent 34.5% 100%),
    linear-gradient(12deg, transparent 0 42%, rgba(216,189,140,.28) 42.5% 48%, transparent 48.5% 100%),
    linear-gradient(170deg, transparent 0 61%, rgba(154,169,191,.22) 61.5% 66%, transparent 66.5% 100%) !important;
  background-size: 520px 330px, 610px 380px, 720px 440px !important;
  background-repeat:repeat !important;
  animation:innovatorsFlow 18s linear infinite !important;
  will-change:background-position;
}
body.theme-innovators main > * { position:relative; z-index:1; }

@keyframes profileMotifMove {
  from { transform:translate3d(0,0,0); background-position:0 0; }
  to { transform:translate3d(-90px,-65px,0); background-position:220px 180px; }
}
.theme-ayanda::before,
.theme-aphiwe::before,
.theme-luyanda::before{
  inset:-110px !important;
  width:calc(100% + 220px) !important;
  height:calc(100% + 220px) !important;
  animation:profileMotifMove 22s linear infinite !important;
  will-change:transform,background-position;
}

@media (prefers-reduced-motion: reduce){
  body.theme-innovators main::before,
  .theme-ayanda::before,
  .theme-aphiwe::before,
  .theme-luyanda::before{animation:none !important;transform:none !important;}
}


/* Version 38: sharper Ibomvu logo and continuous moving profile motifs */
.theme-luyanda .profile-logo-glass .profile-logo{
  max-width:278px !important;
  max-height:184px !important;
  image-rendering:auto;
}
.theme-luyanda .profile-logo-glass{
  backdrop-filter: blur(12px) saturate(1.1);
  -webkit-backdrop-filter: blur(12px) saturate(1.1);
}
.theme-ayanda::before,
.theme-aphiwe::before,
.theme-luyanda::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  background-repeat:repeat !important;
  background-position:0 0 !important;
  background-size:230px 230px !important;
  background-attachment:fixed !important;
  animation:motifDrift 26s linear infinite !important;
  will-change:background-position !important;
  z-index:0 !important;
  pointer-events:none !important;
}
body.theme-innovators main::before{
  inset:-160px -45% -160px !important;
  background-repeat:repeat !important;
  animation:innovatorsFlow 20s linear infinite !important;
}
.theme-ayanda,
.theme-aphiwe,
.theme-luyanda,
body.theme-innovators{
  min-height:100vh;
  overflow-x:hidden;
}


/* Version 40: prevent Ibomvu symbol and wording from overlapping */
.theme-luyanda .profile-logo-glass .profile-logo{
  max-width:270px !important;
  max-height:176px !important;
}


/* Version 43: true transparent Ibomvu logo cutout with no SVG clipping */
.theme-luyanda .profile-logo-glass{
  min-height:220px!important;
  padding:18px 20px!important;
  overflow:visible!important;
}
.theme-luyanda .profile-logo-glass .profile-logo{
  display:block!important;
  width:100%!important;
  max-width:285px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  filter:drop-shadow(0 7px 12px rgba(91,35,24,.18))!important;
}
.innovator-tile.luyanda .product-logo{
  width:min(250px,90%)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.transition-card img[src*="luyanda-logo-cutout"]{
  width:min(300px,76vw)!important;
  height:auto!important;
  max-height:none!important;
}
@media(max-width:760px){
  .theme-luyanda .profile-logo-glass{min-height:205px!important;}
  .theme-luyanda .profile-logo-glass .profile-logo{max-width:265px!important;}
}


/* Version 45: permanent Ibomvu logo fix.
   The symbol stays as an image, while all wording is live text so it cannot blur or be clipped. */
.theme-luyanda .profile-logo-glass{
  min-height:224px !important;
  padding:18px 20px 20px !important;
  overflow:hidden !important;
}

.ibomvu-logo-lockup{
  position:relative;
  z-index:1;
  width:100%;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:7px;
  padding:2px 8px 0;
  text-align:center;
}

.ibomvu-logo-symbol{
  display:block;
  width:118px;
  height:112px;
  object-fit:contain;
  margin:0 auto 2px;
  filter:drop-shadow(0 7px 10px rgba(91,35,24,.18));
}

.ibomvu-logo-name{
  display:block;
  max-width:100%;
  color:#e7bc58;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.58rem,2.1vw,1.92rem);
  font-weight:700;
  line-height:1;
  letter-spacing:.015em;
  white-space:nowrap;
  text-shadow:
    0 1px 0 rgba(255,247,220,.85),
    0 2px 3px rgba(111,38,25,.28);
}

.ibomvu-logo-tagline{
  display:block;
  color:#8e2b20;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.62rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.34em;
  padding-left:.34em;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(255,255,255,.5);
}

.innovator-tile.luyanda .ibomvu-logo-tile{
  margin:0 auto 12px;
  max-width:245px;
  gap:5px;
}

.innovator-tile.luyanda .ibomvu-logo-tile .ibomvu-logo-symbol{
  width:78px;
  height:74px;
  margin-bottom:1px;
}

.innovator-tile.luyanda .ibomvu-logo-tile .ibomvu-logo-name{
  font-size:1.12rem;
}

.innovator-tile.luyanda .ibomvu-logo-tile .ibomvu-logo-tagline{
  font-size:.43rem;
  letter-spacing:.27em;
}

.transition-card img[src*="luyanda-logo-transparent"]{
  width:min(300px,76vw) !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}

@media(max-width:760px){
  .theme-luyanda .profile-logo-glass{
    min-height:214px !important;
    padding:16px 14px 18px !important;
  }
  .ibomvu-logo-symbol{
    width:110px;
    height:104px;
  }
  .ibomvu-logo-name{
    font-size:1.54rem;
  }
  .ibomvu-logo-tagline{
    font-size:.57rem;
    letter-spacing:.29em;
    padding-left:.29em;
  }
}


/* Version 46: rebuilt Ibomvu logo closer to the original and prevented clipping */
.theme-luyanda .profile-logo-glass{
  min-height:250px !important;
  padding:18px 20px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.theme-luyanda .profile-logo-glass .ibomvu-logo-image,
.theme-luyanda .profile-logo-glass .profile-logo.ibomvu-logo-image{
  width:min(100%, 292px) !important;
  max-width:292px !important;
  max-height:none !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
  filter:drop-shadow(0 14px 22px rgba(59, 30, 22, .12)) !important;
}
.innovator-tile.luyanda .luyanda-logo-card{
  max-width:245px !important;
  max-height:146px !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 10px 16px rgba(59,30,22,.12)) !important;
}
.transition-card img[src*="luyanda-logo-v46"]{
  width:min(300px, 76vw) !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}
@media (max-width:760px){
  .theme-luyanda .profile-logo-glass{
    min-height:220px !important;
    padding:14px 14px 14px !important;
  }
  .theme-luyanda .profile-logo-glass .ibomvu-logo-image,
  .theme-luyanda .profile-logo-glass .profile-logo.ibomvu-logo-image{
    max-width:250px !important;
  }
}


/* Version 47: use approved Ibomvu Glow logo image in site */
.theme-luyanda .profile-logo-glass{
  min-height: 255px !important;
  padding: 22px 20px !important;
}
.theme-luyanda .profile-logo-glass .ibomvu-logo-image,
.theme-luyanda .profile-logo-glass .profile-logo.ibomvu-logo-image{
  width: min(100%, 270px) !important;
  max-width: 270px !important;
  max-height: 200px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  image-rendering: auto !important;
  filter: drop-shadow(0 12px 20px rgba(59, 30, 22, .12)) !important;
}
.innovator-tile.luyanda .luyanda-logo-card{
  max-width: 220px !important;
  max-height: 136px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
}

/* Version 48: remove faux transparency grid and fit the approved logo naturally */
.theme-luyanda .profile-logo-glass{
  min-height:250px !important;
  padding:18px 18px !important;
  overflow:hidden !important;
}
.theme-luyanda .profile-logo-glass .ibomvu-logo-image,
.theme-luyanda .profile-logo-glass .profile-logo.ibomvu-logo-image{
  width:min(100%, 300px) !important;
  max-width:300px !important;
  max-height:215px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 12px 18px rgba(76,31,22,.14)) !important;
}
.innovator-tile.luyanda .luyanda-logo-card{
  max-width:235px !important;
  max-height:145px !important;
  background:transparent !important;
}


/* Version 49: clean transparent Ibomvu logo without checkerboard or white halos */
.theme-luyanda .profile-logo-glass{
  min-height:250px !important;
  padding:18px 18px 16px !important;
  overflow:hidden !important;
}
.theme-luyanda .profile-logo-glass .ibomvu-logo-image,
.theme-luyanda .profile-logo-glass .profile-logo.ibomvu-logo-image{
  width:min(100%,285px) !important;
  max-width:285px !important;
  height:auto !important;
  max-height:205px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  filter:drop-shadow(0 12px 20px rgba(78,35,24,.12)) !important;
}
.innovator-tile.luyanda .luyanda-logo-card{
  width:auto !important;
  max-width:230px !important;
  max-height:142px !important;
  object-fit:contain !important;
  border-radius:0 !important;
}
.transition-card img[src*="luyanda-logo-clean-v50"]{
  width:min(300px,76vw) !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* Version 51: restore clearly visible animated backgrounds on innovator profile pages */
@keyframes innovatorProfileBackdropMove {
  0% {
    transform: translate3d(0, 0, 0);
    background-position: 0 0;
  }
  50% {
    transform: translate3d(-80px, -55px, 0);
    background-position: 115px 90px;
  }
  100% {
    transform: translate3d(-160px, -110px, 0);
    background-position: 230px 180px;
  }
}

body.theme-ayanda::before,
body.theme-aphiwe::before,
body.theme-luyanda::before {
  content: "" !important;
  position: fixed !important;
  inset: -180px !important;
  width: calc(100vw + 360px) !important;
  height: calc(100vh + 360px) !important;
  background-repeat: repeat !important;
  background-size: 230px 230px !important;
  opacity: .11 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: innovatorProfileBackdropMove 18s linear infinite !important;
  will-change: transform, background-position !important;
}

body.theme-ayanda main,
body.theme-aphiwe main,
body.theme-luyanda main,
body.theme-ayanda .site-header,
body.theme-aphiwe .site-header,
body.theme-luyanda .site-header,
body.theme-ayanda .site-footer,
body.theme-aphiwe .site-footer,
body.theme-luyanda .site-footer {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 760px) {
  body.theme-ayanda::before,
  body.theme-aphiwe::before,
  body.theme-luyanda::before {
    background-size: 190px 190px !important;
    animation-duration: 22s !important;
  }
}

/* Version 52: full responsive safety pass */
html, body { max-width:100%; overflow-x:hidden; }
img, svg, video { max-width:100%; height:auto; }
.container { width:min(1180px, calc(100% - 40px)); }

@media (max-width: 900px) {
  .hero-grid,
  .profile-hero-grid,
  .product-story-grid,
  .detail-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns:1fr !important;
  }

  .hero-grid,
  .profile-hero-grid,
  .product-story-grid { gap:32px !important; }

  .profile-info { min-width:0; }
  .profile-info h1 { font-size:clamp(2.7rem, 10vw, 4.6rem) !important; overflow-wrap:anywhere; }
  .innovator-contact-grid { grid-template-columns:1fr !important; }
  .innovators-grid { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 28px, 1180px) !important; }

  .site-header { min-height:76px; }
  .nav-wrap { min-height:76px; padding:10px 0; }
  .brand-mark { transform:scale(.86); transform-origin:left center; }
  .nav-toggle { display:flex !important; flex-direction:column; justify-content:center; gap:5px; z-index:30; }
  .site-nav {
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:calc(100% + 8px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:4px !important;
    padding:12px !important;
    border-radius:20px !important;
    background:rgba(255,252,246,.98) !important;
    box-shadow:0 20px 50px rgba(17,32,57,.18) !important;
    transform:translateY(-12px) scale(.98) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:.24s ease !important;
    z-index:25 !important;
  }
  .site-nav.open,
  .site-nav.is-open {
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .site-nav a { width:100%; padding:12px 14px !important; border-radius:12px; }

  .hero,
  .profile-hero,
  .section { padding-top:52px !important; padding-bottom:52px !important; }

  h1 { font-size:clamp(2.4rem, 12vw, 4rem) !important; line-height:.98 !important; }
  h2 { overflow-wrap:anywhere; }
  p, li, a, strong { overflow-wrap:anywhere; }

  .hero-grid,
  .profile-hero-grid,
  .product-story-grid,
  .detail-grid,
  .contact-grid,
  .footer-grid,
  .innovators-grid {
    grid-template-columns:1fr !important;
  }

  .hero-copy,
  .profile-info,
  .product-copy { min-width:0 !important; }

  .hero-actions,
  .profile-action-row { flex-direction:column !important; align-items:stretch !important; }
  .btn,
  .home-action-link,
  .profile-action-btn { width:100% !important; justify-content:center !important; }

  .profile-side { width:100%; gap:18px !important; }
  .profile-circle { width:190px !important; height:190px !important; }
  .profile-logo-glass { width:min(100%, 320px) !important; margin-inline:auto !important; }
  .profile-share-btn,
  .profile-share-under-logo { width:min(100%, 260px) !important; }
  .profile-top-row { flex-direction:column !important; align-items:flex-start !important; gap:18px !important; }
  .profile-info h1 { font-size:clamp(2.65rem, 13vw, 4rem) !important; }

  .innovator-contact-grid { grid-template-columns:1fr !important; gap:12px !important; }
  .innovator-contact-item { width:100% !important; min-width:0 !important; padding:14px !important; }
  .innovator-contact-item span:last-child { min-width:0; }
  .innovator-contact-item strong { display:block; word-break:break-word; }

  .innovator-tile { padding:22px 16px !important; }
  .profile-badge { width:150px !important; height:150px !important; }

  .product-image img { max-width:100% !important; }
  .detail-card { padding:26px 20px !important; border-radius:24px !important; }

  .footer-grid { gap:28px !important; }
  .site-footer { padding:44px 0 30px !important; }
  .footer-links a { display:inline-flex; max-width:100%; }

  .error-actions,
  .not-found-actions { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; }
  .error-actions a,
  .not-found-actions a { width:100% !important; }
}

@media (max-width: 390px) {
  .container { width:calc(100% - 22px) !important; }
  .brand-mark { transform:scale(.78); }
  .profile-circle { width:172px !important; height:172px !important; }
  .profile-info h1 { font-size:2.55rem !important; }
  .profile-logo-glass { border-radius:24px !important; }
  .innovator-contact-item { font-size:.94rem; }
}


/* v53: clean Ibomvu Glow logo during page transitions */
.transition-content img[src*="luyanda-logo-transition-clean"]{
  display:block!important;
  width:min(300px,76vw)!important;
  max-width:300px!important;
  height:auto!important;
  max-height:230px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}

/* v54: use only the clean Ibomvu symbol in the transition.
   This removes the tiny red tagline letters that could look like dots while animating. */
.transition-content img[src*="luyanda-transition-icon-clean"]{
  display:block!important;
  width:min(210px,52vw)!important;
  max-width:210px!important;
  height:auto!important;
  max-height:210px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}

/* v55: make the logo glass truly transparent so the branded background shows through and moves behind it */
.profile-logo-glass{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 18px 38px rgba(31,41,55,.12), inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}
.profile-logo-glass::before{
  content:"";
  position:absolute;
  inset:-22%;
  z-index:0;
  opacity:.18;
  background-repeat:repeat;
  background-size:170px 170px;
  background-position:0 0;
  animation:glassMotifFloat 16s linear infinite;
  pointer-events:none;
}
.profile-logo-glass::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.12) 34%, rgba(255,255,255,.02) 100%),
    radial-gradient(circle at 16% 14%, rgba(255,255,255,.44), rgba(255,255,255,0) 30%),
    radial-gradient(circle at 84% 20%, rgba(255,255,255,.22), rgba(255,255,255,0) 28%);
  pointer-events:none;
}
.profile-logo-glass > *{
  position:relative;
  z-index:2;
}
.theme-ayanda .profile-logo-glass::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cg fill='%238b5b3b' opacity='.82'%3E%3Ccircle cx='46' cy='52' r='17'/%3E%3Ccircle cx='39' cy='46' r='2.8' fill='%23633d28'/%3E%3Ccircle cx='52' cy='47' r='2.8' fill='%23633d28'/%3E%3Ccircle cx='44' cy='58' r='2.8' fill='%23633d28'/%3E%3Ccircle cx='58' cy='61' r='2.8' fill='%23633d28'/%3E%3Ccircle cx='122' cy='120' r='23'/%3E%3Ccircle cx='111' cy='112' r='3.2' fill='%23633d28'/%3E%3Ccircle cx='126' cy='109' r='3.2' fill='%23633d28'/%3E%3Ccircle cx='118' cy='126' r='3.2' fill='%23633d28'/%3E%3Ccircle cx='134' cy='129' r='3.2' fill='%23633d28'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.theme-aphiwe .profile-logo-glass::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cg fill='%23b7667f' opacity='.82'%3E%3Cpath d='M20 38l16-12 11 10h31l11-10 16 12-11 12 11 11-16 12-11-10H47L36 73 20 61l11-11z'/%3E%3Cpath d='M82 104l13-10 10 8h26l10-8 13 10-9 10 9 10-13 10-10-8h-26l-10 8-13-10 9-10z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.theme-luyanda .profile-logo-glass::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cg fill='%23a8492e' opacity='.86'%3E%3Cpath d='M20 40c13-22 45-21 55-1 7 15-5 34-25 37-22 3-39-16-30-36z'/%3E%3Cpath d='M90 101c15-24 47-20 55 4 7 20-12 38-35 35-20-3-31-23-20-39z'/%3E%3Cpath d='M42 123c6-10 21-11 28-1 5 9-1 20-13 23-13 2-22-10-15-22z'/%3E%3C/g%3E%3C/svg%3E") !important;
  opacity:.16;
}
@keyframes glassMotifFloat{
  from{background-position:0 0; transform:translate3d(0,0,0)}
  to{background-position:170px 170px; transform:translate3d(0,0,0)}
}
@media (max-width:760px){
  .profile-logo-glass::before{opacity:.15; background-size:145px 145px; animation-duration:14s;}
}


/* v57: subtle see-through logo glass that blends into each innovator page */
.theme-ayanda .profile-side,
.theme-aphiwe .profile-side,
.theme-luyanda .profile-side{
  position:relative;
  overflow:visible;
}

/* Remove the separate moving layer that made the logo area feel disconnected. */
.theme-ayanda .profile-side::before,
.theme-aphiwe .profile-side::before,
.theme-luyanda .profile-side::before{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
}

.profile-logo-glass{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.38) !important;
  box-shadow:0 14px 30px rgba(31,41,55,.09), inset 0 1px 0 rgba(255,255,255,.48) !important;
  backdrop-filter:blur(11px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(11px) saturate(120%) !important;
}

/* Let the existing page background and its movement show naturally through the glass. */
.profile-logo-glass::before{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
}

.profile-logo-glass::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 48%, rgba(255,255,255,.01) 100%),
    radial-gradient(circle at 16% 13%, rgba(255,255,255,.28), rgba(255,255,255,0) 30%);
  pointer-events:none;
}

.profile-logo-glass > *{
  position:relative;
  z-index:2;
}

.theme-ayanda .profile-logo-glass{
  background:linear-gradient(135deg, rgba(255,244,249,.20), rgba(255,255,255,.07)) !important;
}
.theme-aphiwe .profile-logo-glass{
  background:linear-gradient(135deg, rgba(255,241,247,.20), rgba(255,255,255,.07)) !important;
}
.theme-luyanda .profile-logo-glass{
  background:linear-gradient(135deg, rgba(255,239,230,.18), rgba(255,255,255,.07)) !important;
}

@media (max-width:760px){
  .profile-logo-glass{
    backdrop-filter:blur(9px) saturate(115%) !important;
    -webkit-backdrop-filter:blur(9px) saturate(115%) !important;
  }
}

/* v56: stop the changing quotes from making the About page jump */
.cie-quote-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.cie-quote-card small{
  display:block;
}

/* v58: only make the logo glass fully see-through; leave the rest of the page unchanged */
.profile-logo-glass,
.theme-ayanda .profile-logo-glass,
.theme-aphiwe .profile-logo-glass,
.theme-luyanda .profile-logo-glass{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:0 14px 30px rgba(31,41,55,.08), inset 0 1px 0 rgba(255,255,255,.55) !important;
  backdrop-filter:blur(10px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(118%) !important;
}

.profile-logo-glass::before{
  content:none !important;
  display:none !important;
}

.profile-logo-glass::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%) !important;
  pointer-events:none;
}

/* v59: keep the logo panel permanently crystal clear after load */
.profile-logo-glass,
.theme-ayanda .profile-logo-glass,
.theme-aphiwe .profile-logo-glass,
.theme-luyanda .profile-logo-glass{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:1px solid rgba(255,255,255,.52) !important;
  box-shadow:0 14px 30px rgba(31,41,55,.07), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.profile-logo-glass::before,
.profile-logo-glass::after{
  content:none !important;
  display:none !important;
  background:none !important;
}


/* v60 accessibility and performance refinements */
.skip-link{
  position:fixed;
  left:16px;
  top:12px;
  z-index:10000;
  padding:10px 14px;
  border-radius:10px;
  background:#ffffff;
  color:#0d2747;
  font-weight:800;
  box-shadow:0 8px 24px rgba(13,39,71,.22);
  transform:translateY(-160%);
  transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}

:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid #0d3d87;
  outline-offset:4px;
}

main:focus{outline:none}


/* v63: reliably restore visible motion on the Innovators page only */
@keyframes innovatorsRibbonDriftV63{
  0%{transform:translate3d(-3%, -2%, 0) rotate(0.001deg);background-position:0 0,0 0,0 0}
  50%{transform:translate3d(3%, 2%, 0) rotate(0.001deg);background-position:180px 70px,-145px 110px,95px -125px}
  100%{transform:translate3d(-3%, -2%, 0) rotate(0.001deg);background-position:360px 140px,-290px 220px,190px -250px}
}

body.theme-innovators main::before{
  inset:-220px -55% !important;
  z-index:0 !important;
  opacity:.5 !important;
  background-size:520px 330px,610px 380px,720px 440px !important;
  background-repeat:repeat !important;
  animation:innovatorsRibbonDriftV63 16s linear infinite !important;
  will-change:transform,background-position !important;
  transform:translate3d(-3%,-2%,0);
}

body.theme-innovators main > *{
  position:relative;
  z-index:1;
}

@media (max-width:760px){
  body.theme-innovators main::before{
    inset:-180px -95% !important;
    animation-duration:18s !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.theme-innovators main::before{
    animation:none !important;
    transform:none !important;
  }
}

/* Version 67: Ayanda logo displayed as a true clean cutout */
.theme-ayanda .profile-logo-glass{
  width:min(100%,300px);
  min-height:0;
  padding:0;
  background:transparent!important;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}
.theme-ayanda .profile-logo-glass::before,
.theme-ayanda .profile-logo-glass::after{display:none;}
.theme-ayanda .profile-logo-glass .profile-logo{
  max-width:280px!important;
  max-height:230px!important;
  background:transparent!important;
  filter:drop-shadow(0 10px 16px rgba(44,28,42,.12));
}


/* Slightly tighter nav gap now that Gallery is a 5th link */
.site-nav{gap:20px}
@media(min-width:761px) and (max-width:1040px){.site-nav{gap:15px}.site-nav a{font-size:.92rem}}

/* ============================================================
   Gallery page
   ============================================================ */
body.theme-gallery{--page-accent:#c2790f;--page-soft:#fbeed6;--page-warm:#eef4fb;background:linear-gradient(180deg,#fdf6e9 0%,#f7f1e6 46%,#eef4fb 100%)}
.gallery-hero{background:transparent!important}
.theme-gallery main{background:transparent!important}

.gallery-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:22px 26px;border-radius:26px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:var(--shadow);margin-bottom:30px}
.gallery-filter-group{display:flex;align-items:center;gap:8px}
.gallery-filter-group label{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.gallery-filter-group select{padding:10px 14px;border-radius:14px;border:1px solid rgba(21,40,78,.14);background:#fff;font:inherit;font-weight:700;color:var(--text);cursor:pointer}
.gallery-type-toggle{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.gallery-type-btn{padding:9px 18px;border-radius:999px;border:1px solid rgba(21,40,78,.14);background:#fff;font-weight:800;font-size:.85rem;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.gallery-type-btn.is-active{background:linear-gradient(135deg,var(--gold),var(--red));color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(217,161,31,.28)}
.gallery-count{font-size:.82rem;color:var(--muted);font-weight:700;width:100%}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.gallery-card{display:flex;flex-direction:column;text-align:left;background:#fff;border:0;border-radius:22px;padding:0;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .25s,box-shadow .25s}
.gallery-card:hover,.gallery-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 46px rgba(21,40,78,.18)}
.gallery-card-media{position:relative;display:block;aspect-ratio:4/3;background:#f1ede4;overflow:hidden}
.gallery-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gallery-card:hover .gallery-card-media img{transform:scale(1.06)}
.gallery-play-badge{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;color:#fff;background:rgba(17,25,40,.28)}
.gallery-play-badge::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(17,25,40,.05),rgba(17,25,40,.32) 72%)}
.gallery-card-info{padding:14px 16px 16px}
.gallery-card-info strong{display:block;font-size:.98rem;line-height:1.3;margin-bottom:4px}
.gallery-card-info small{color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}

.gallery-empty{text-align:center;padding:60px 20px;border-radius:26px;background:rgba(255,255,255,.7);color:var(--muted)}
.gallery-empty strong{display:block;font-size:1.1rem;color:var(--text);margin-bottom:6px}

/* Lightbox */
.gallery-lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(10,16,28,.86);opacity:0;transition:opacity .22s ease}
.gallery-lightbox.is-open{opacity:1}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox-inner{position:relative;width:min(920px,94vw);max-height:88vh;display:grid;grid-template-rows:1fr auto;background:#12192b;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:translateY(14px);transition:transform .22s ease}
.gallery-lightbox.is-open .gallery-lightbox-inner{transform:translateY(0)}
.gallery-lightbox-stage{display:grid;place-items:center;background:#000;max-height:66vh;overflow:hidden}
.gallery-lightbox-stage img,.gallery-lightbox-stage video{max-width:100%;max-height:66vh;width:auto;height:auto;display:block;margin:0 auto}
.gallery-lightbox-caption{padding:18px 24px;color:#fff}
.gallery-lightbox-caption h3{margin:0 0 4px;font-size:1.15rem}
.gallery-lightbox-caption p{margin:0 0 6px;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.5}
.gallery-lightbox-caption small{color:rgba(255,255,255,.55);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.gallery-lightbox-close,.gallery-lightbox-nav{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s;z-index:2}
.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover{background:rgba(255,255,255,.3)}
.gallery-lightbox-close{top:14px;right:14px}
.gallery-lightbox-nav.prev{left:14px;top:calc(33vh)}
.gallery-lightbox-nav.next{right:14px;top:calc(33vh)}
body.gallery-lock-scroll{overflow:hidden}

@media(max-width:760px){
  .gallery-filter-bar{padding:16px 18px}
  .gallery-type-toggle{margin-left:0;width:100%}
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
  .gallery-lightbox-nav.prev{left:6px}
  .gallery-lightbox-nav.next{right:6px}
}

/* ============================================================
   Innovators page — a livelier animated background
   ============================================================ */
.innovators-orbit-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.innovators-orbit-bg i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;animation:orbitFloat 16s ease-in-out infinite}
.innovators-orbit-bg i:nth-child(1){width:260px;height:260px;left:-6%;top:8%;background:radial-gradient(circle at 30% 30%,var(--pink),transparent 70%);animation-duration:17s}
.innovators-orbit-bg i:nth-child(2){width:200px;height:200px;right:-4%;top:30%;background:radial-gradient(circle at 30% 30%,var(--gold),transparent 70%);animation-duration:14s;animation-delay:-4s}
.innovators-orbit-bg i:nth-child(3){width:230px;height:230px;left:18%;bottom:-10%;background:radial-gradient(circle at 30% 30%,var(--blue2),transparent 70%);animation-duration:19s;animation-delay:-8s}
.innovators-orbit-bg i:nth-child(4){width:150px;height:150px;right:22%;bottom:4%;background:radial-gradient(circle at 30% 30%,var(--red),transparent 70%);animation-duration:13s;animation-delay:-2s}
.innovators-hero{position:relative}
.innovators-hero .container{position:relative;z-index:2}
@keyframes orbitFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(28px,-24px) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.innovators-orbit-bg i{animation:none!important}}

/* ============================================================
   Contact page — socials + join CTA
   ============================================================ */
.social-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.social-detail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;border-radius:20px;background:rgba(255,255,255,.65);box-shadow:0 10px 24px rgba(21,40,78,.08);transition:transform .25s,box-shadow .25s}
.social-detail:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(21,40,78,.14)}
.social-detail .contact-icon{width:48px;height:48px;border-radius:14px}
.social-detail span small{display:block;font-size:.9rem;font-weight:800;color:var(--text)}
.social-tiktok .contact-icon{background:#0f0f10;color:#fff}
.social-facebook .contact-icon{background:#1877f2;color:#fff}
.social-instagram .contact-icon{background:radial-gradient(circle at 30% 110%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff}

.contact-cta-banner{margin-top:26px;padding:34px 30px;border-radius:28px;background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}
.contact-cta-banner h3{margin:0 0 6px;font-size:1.3rem}
.contact-cta-banner p{margin:0;color:rgba(255,255,255,.85);max-width:480px}
.contact-cta-banner .btn-primary{white-space:nowrap}

@media(max-width:760px){
  .social-detail-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .social-detail{padding:14px 8px}
  .contact-cta-banner{flex-direction:column;align-items:flex-start;text-align:left}
}

/* ============================================================
   Partner logos strip (footer)
   ============================================================ */
.partners-strip{background:#0f2038;border-top:1px solid rgba(255,255,255,.08);padding:30px 0}
.partners-strip .container{display:flex;flex-wrap:wrap;align-items:center;gap:26px 40px;justify-content:center}
.partners-strip-label{color:rgba(255,255,255,.6);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-right:6px}
.partners-strip img{height:44px;width:auto;filter:grayscale(0) brightness(1.05);opacity:.95;transition:opacity .2s,transform .2s}
.partners-strip img:hover{opacity:1;transform:translateY(-2px)}
.partners-strip a{display:inline-flex;align-items:center}

@media(max-width:600px){
  .partners-strip .container{gap:18px 26px}
  .partners-strip img{height:34px}
  .partners-strip-label{width:100%;text-align:center;margin-right:0;margin-bottom:2px}
}


/* vNext: clean official SA Rebuilders logo across the full website */
.site-brand-logo{display:block;width:auto;height:58px;max-width:min(100%,360px);object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 7px rgba(15,31,62,.09))}
.brand-link .site-brand-logo{height:52px;transition:transform .22s ease,filter .22s ease}
.brand-link:hover .site-brand-logo,.brand-link:focus-visible .site-brand-logo{transform:translateY(-1px);filter:drop-shadow(0 6px 12px rgba(15,31,62,.15))}
.hero-brand-card .site-brand-logo{height:auto;width:min(100%,460px);margin-inline:auto;filter:drop-shadow(0 10px 20px rgba(15,31,62,.12))}
.site-footer .site-brand-logo{height:auto;width:min(100%,310px);filter:brightness(0) invert(1);opacity:.96}
@media(max-width:720px){.brand-link .site-brand-logo{height:40px;max-width:240px}.hero-brand-card .site-brand-logo{width:min(100%,330px)}.site-footer .site-brand-logo{width:250px}}

/* Contact ending: one clear message, no duplicated WhatsApp call-to-action */
.contact-cta-message{grid-template-columns:1fr!important;align-items:center;text-align:center;padding:34px clamp(22px,5vw,58px)!important}
.contact-cta-message>div{max-width:780px;margin-inline:auto}
.contact-cta-message p{margin:10px auto 0;max-width:700px}

/* Innovators: cohesive animated background without harsh crossing lines or bubbles */
body.theme-innovators{background:linear-gradient(180deg,#fff8fb 0%,#f8f4fb 48%,#eef5fb 100%);overflow-x:hidden}
.theme-innovators .innovators-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(252,240,247,.78),rgba(239,247,255,.9))!important}
.theme-innovators .ribbon-bg{position:absolute;inset:-25%;z-index:-2;opacity:.7;filter:blur(2px);background:radial-gradient(circle at 20% 34%,rgba(211,104,148,.20),transparent 22%),radial-gradient(circle at 76% 26%,rgba(13,61,135,.14),transparent 25%),radial-gradient(circle at 58% 80%,rgba(21,147,68,.10),transparent 24%);animation:innovatorDrift 18s ease-in-out infinite alternate}
.theme-innovators .ribbon-bg span{display:none!important}
.theme-innovators .innovators-orbit-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.65}
.theme-innovators .innovators-orbit-bg i{position:absolute;display:block;border-radius:50%;border:1px solid rgba(211,104,148,.20);background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.08));box-shadow:inset 0 0 30px rgba(255,255,255,.35);animation:innovatorFloat 14s ease-in-out infinite}
.theme-innovators .innovators-orbit-bg i:nth-child(1){width:180px;height:180px;left:-54px;top:18%;animation-delay:-2s}
.theme-innovators .innovators-orbit-bg i:nth-child(2){width:90px;height:90px;left:22%;top:8%;animation-delay:-7s}
.theme-innovators .innovators-orbit-bg i:nth-child(3){width:230px;height:230px;right:-72px;top:4%;animation-delay:-5s}
.theme-innovators .innovators-orbit-bg i:nth-child(4){width:70px;height:70px;right:25%;bottom:8%;animation-delay:-10s}
.theme-innovators .innovators-section{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.74))!important}
@keyframes innovatorDrift{to{transform:translate3d(3%,-2%,0) scale(1.06)}}
@keyframes innovatorFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-18px,0) rotate(8deg)}}

/* Gallery: animated branded atmosphere behind all cards */
body.theme-gallery{position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fffaf0 0%,#f8f4ea 48%,#edf5fb 100%)!important}
.theme-gallery .gallery-hero{position:relative;isolation:isolate;overflow:hidden;min-height:330px;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,252,244,.92),rgba(244,249,255,.90))!important}
.gallery-ambient-bg{position:absolute;inset:-20%;z-index:-1;animation:galleryDrift 20s ease-in-out infinite alternate}
.gallery-ambient-bg span{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:galleryFloat 13s ease-in-out infinite}
.gallery-ambient-bg span:nth-child(1){width:270px;height:270px;left:4%;top:10%;background:radial-gradient(circle at 35% 30%,rgba(217,161,31,.25),rgba(217,161,31,.03) 68%,transparent 70%)}
.gallery-ambient-bg span:nth-child(2){width:190px;height:190px;right:8%;top:3%;background:radial-gradient(circle at 35% 30%,rgba(13,61,135,.18),rgba(13,61,135,.02) 68%,transparent 70%);animation-delay:-5s}
.gallery-ambient-bg span:nth-child(3){width:130px;height:130px;left:38%;bottom:-10%;background:radial-gradient(circle at 35% 30%,rgba(21,147,68,.16),rgba(21,147,68,.02) 68%,transparent 70%);animation-delay:-8s}
.gallery-ambient-bg span:nth-child(4){width:90px;height:90px;right:28%;bottom:12%;background:radial-gradient(circle at 35% 30%,rgba(212,75,65,.16),rgba(212,75,65,.02) 68%,transparent 70%);animation-delay:-3s}
.gallery-section{position:relative;isolation:isolate;overflow:hidden;background:transparent!important}
.gallery-flow-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72}
.gallery-flow-bg i{position:absolute;width:55vw;height:190px;border:1px solid rgba(194,121,15,.10);border-radius:50%;transform:rotate(-8deg);animation:galleryWave 18s ease-in-out infinite alternate}
.gallery-flow-bg i:nth-child(1){left:-15%;top:8%}.gallery-flow-bg i:nth-child(2){right:-18%;top:38%;animation-delay:-6s;transform:rotate(9deg)}.gallery-flow-bg i:nth-child(3){left:5%;bottom:3%;animation-delay:-11s}
.gallery-filter-bar,.gallery-card{backdrop-filter:blur(12px)}
.gallery-card{background:rgba(255,255,255,.91)!important}
@keyframes galleryDrift{to{transform:translate3d(2%,-2%,0) scale(1.04)}}
@keyframes galleryFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.04)}}
@keyframes galleryWave{to{transform:translate3d(5%,-14px,0) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.gallery-ambient-bg,.gallery-ambient-bg span,.gallery-flow-bg i,.theme-innovators .ribbon-bg,.theme-innovators .innovators-orbit-bg i{animation:none!important}}
/* Refined logo treatment for the supplied white-backed artwork */
.site-brand-logo{background:#fff;border-radius:8px;padding:3px 5px;filter:drop-shadow(0 3px 7px rgba(15,31,62,.08))}
.hero-brand-card .site-brand-logo{padding:7px 10px;border-radius:14px}
.site-footer .site-brand-logo{filter:none;background:#fff;padding:7px 9px;border-radius:10px;opacity:1}

/* Gallery event introduction */
.gallery-event-intro {
  max-width: 760px;
  margin: 0 auto 2rem;
  padding: 1.4rem 1.6rem;
  text-align: center;
  border: 1px solid rgba(194, 121, 15, 0.18);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 18px 50px rgba(35, 37, 43, 0.08);
  backdrop-filter: blur(14px);
}
.gallery-event-intro h2 { margin: .35rem 0 .45rem; }
.gallery-event-intro p { margin: 0; color: var(--muted, #5f6672); }


/* Version 60: cleaned Innovators and Gallery backgrounds plus simplified gallery structure */
.gallery-filters-intro{
  margin-bottom:18px;
}
.gallery-filters-intro h2{
  margin:.4rem 0 0;
  font-size:clamp(1.7rem,3.2vw,2.5rem);
}
.gallery-filter-bar{
  position:relative;
  z-index:1;
  margin-bottom:22px;
  padding:24px 26px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(247,250,255,.72));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 22px 48px rgba(21,40,78,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.gallery-subheading{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin:0 0 22px;
  padding-left:4px;
}
.gallery-subheading-kicker{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7a829a;
}
.gallery-subheading h3{
  margin:0;
  font-size:clamp(1.45rem,2.6vw,2rem);
  color:#0f1f3c;
}

body.theme-gallery{
  --gallery-ink:#10213e;
  background:linear-gradient(180deg,#f7f3eb 0%,#eef4fb 48%,#f6f0f7 100%);
}
.theme-gallery main{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.theme-gallery .gallery-hero,
.theme-gallery .gallery-section{
  position:relative;
  background:transparent!important;
}
.theme-gallery .gallery-hero{
  padding-bottom:78px!important;
}
.theme-gallery .gallery-section{
  padding-top:58px!important;
}
.theme-gallery .gallery-hero::before,
.theme-gallery .gallery-section::before,
.theme-gallery main::before,
.theme-gallery main::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.theme-gallery main::before{
  inset:-140px -12% auto -12%;
  height:380px;
  background:
    radial-gradient(circle at 15% 45%,rgba(194,139,66,.16),transparent 0 24%),
    radial-gradient(circle at 68% 28%,rgba(13,61,135,.13),transparent 0 22%),
    radial-gradient(circle at 84% 72%,rgba(216,104,140,.12),transparent 0 20%);
  filter:blur(8px);
  animation:saFloatSlow 18s ease-in-out infinite alternate;
  z-index:0;
}
.theme-gallery main::after{
  inset:auto -10% -160px -10%;
  height:420px;
  background:
    radial-gradient(circle at 20% 30%,rgba(21,147,68,.12),transparent 0 20%),
    radial-gradient(circle at 64% 50%,rgba(13,61,135,.09),transparent 0 24%),
    radial-gradient(circle at 90% 80%,rgba(194,139,66,.10),transparent 0 16%);
  filter:blur(10px);
  animation:saFloatSlow 22s ease-in-out infinite alternate-reverse;
  z-index:0;
}
.gallery-ambient-bg,
.gallery-flow-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.gallery-ambient-bg span,
.gallery-flow-bg i{
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(4px);
}
.gallery-ambient-bg span:nth-child(1){width:300px;height:300px;left:-80px;top:12px;background:radial-gradient(circle,rgba(13,61,135,.18) 0, rgba(13,61,135,0) 70%);animation:saBlobDrift 19s ease-in-out infinite;}
.gallery-ambient-bg span:nth-child(2){width:240px;height:240px;right:10%;top:10px;background:radial-gradient(circle,rgba(21,147,68,.14) 0, rgba(21,147,68,0) 72%);animation:saBlobDrift 23s ease-in-out infinite reverse;}
.gallery-ambient-bg span:nth-child(3){width:220px;height:220px;left:42%;bottom:-60px;background:radial-gradient(circle,rgba(194,139,66,.15) 0, rgba(194,139,66,0) 72%);animation:saBlobDrift 21s ease-in-out infinite;}
.gallery-ambient-bg span:nth-child(4){width:280px;height:280px;right:-90px;bottom:-24px;background:radial-gradient(circle,rgba(216,104,140,.14) 0, rgba(216,104,140,0) 72%);animation:saBlobDrift 26s ease-in-out infinite reverse;}
.gallery-flow-bg::before{
  content:"";
  position:absolute;
  inset:22px 0 0;
  background-image:linear-gradient(110deg,rgba(255,255,255,.16) 0 8%,rgba(255,255,255,0) 8.8% 100%),linear-gradient(110deg,rgba(13,61,135,.035) 0 12%,rgba(13,61,135,0) 13% 100%);
  background-size:440px 220px,520px 240px;
  opacity:.52;
  animation:saRibbonGlide 28s linear infinite;
}
.gallery-flow-bg i:nth-child(1){width:260px;height:260px;top:36px;left:-50px;background:radial-gradient(circle,rgba(255,255,255,.44),rgba(255,255,255,0) 72%);}
.gallery-flow-bg i:nth-child(2){width:210px;height:210px;right:8%;top:160px;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,0) 70%);}
.gallery-flow-bg i:nth-child(3){width:320px;height:320px;right:-90px;bottom:0;background:radial-gradient(circle,rgba(216,104,140,.12),rgba(216,104,140,0) 72%);}
.gallery-grid,
.gallery-empty{
  position:relative;
  z-index:1;
}

body.theme-innovators{
  background:linear-gradient(180deg,#f9edf1 0%,#f6f2ea 44%,#eef3fb 100%);
}
.theme-innovators main{
  position:relative;
  overflow:hidden!important;
  isolation:isolate;
  background:transparent!important;
}
.theme-innovators .innovators-hero,
.theme-innovators .innovators-section{
  position:relative;
  background:transparent!important;
}
.theme-innovators .innovators-hero{
  padding-bottom:78px!important;
}
.theme-innovators .innovators-section{
  padding-top:54px!important;
}
.theme-innovators .ribbon-bg,
.theme-innovators .innovators-orbit-bg,
.theme-innovators .innovators-section::before,
.theme-innovators .innovators-hero::after{
  display:none!important;
}
.theme-innovators main::before,
.theme-innovators main::after{
  content:""!important;
  position:absolute!important;
  inset:auto;
  pointer-events:none!important;
  z-index:0!important;
}
.theme-innovators main::before{
  top:-120px!important;
  left:-120px!important;
  width:460px!important;
  height:460px!important;
  background:radial-gradient(circle,rgba(216,104,140,.18) 0,rgba(216,104,140,0) 68%)!important;
  filter:blur(8px);
  animation:saBlobDrift 22s ease-in-out infinite alternate!important;
}
.theme-innovators main::after{
  right:-140px!important;
  bottom:-100px!important;
  width:520px!important;
  height:520px!important;
  background:radial-gradient(circle,rgba(13,61,135,.14) 0,rgba(13,61,135,0) 70%),radial-gradient(circle at 40% 40%,rgba(194,139,66,.12) 0,rgba(194,139,66,0) 48%)!important;
  filter:blur(10px);
  animation:saBlobDrift 26s ease-in-out infinite alternate-reverse!important;
}
.theme-innovators .innovators-hero .container,
.theme-gallery .gallery-hero .container,
.theme-gallery .gallery-section .container,
.theme-innovators .innovators-section .container{
  position:relative;
  z-index:1;
}
.theme-innovators .innovators-grid{
  position:relative;
  z-index:1;
}
.theme-innovators .innovators-grid::before{
  content:"";
  position:absolute;
  inset:-18px -16px;
  border-radius:40px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,0) 38%),
    radial-gradient(circle at 12% 14%,rgba(255,255,255,.52),rgba(255,255,255,0) 24%),
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.32);
  opacity:.72;
  pointer-events:none;
}
.theme-innovators .innovators-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(125deg,rgba(13,61,135,.03) 0 12%,rgba(13,61,135,0) 13% 100%);
  background-size:520px 280px;
  opacity:.55;
  mix-blend-mode:multiply;
  pointer-events:none;
  animation:saRibbonGlide 32s linear infinite;
}
.theme-innovators .innovator-tile{
  position:relative;
  z-index:1;
}
@keyframes saBlobDrift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(24px,-18px,0) scale(1.05)}
  100%{transform:translate3d(-18px,22px,0) scale(.98)}
}
@keyframes saFloatSlow{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,22px,0)}
}
@keyframes saRibbonGlide{
  0%{background-position:0 0,0 0}
  100%{background-position:540px 0,620px 0}
}
@media(max-width:760px){
  .gallery-filter-bar{padding:20px 18px;border-radius:24px}
  .gallery-subheading{margin-bottom:18px}
  .theme-innovators main::before{left:-180px!important;top:-90px!important;width:360px!important;height:360px!important}
  .theme-innovators main::after{right:-190px!important;bottom:-140px!important;width:380px!important;height:380px!important}
  .theme-innovators .innovators-grid::before{inset:-10px -8px;border-radius:28px}
}
@media (prefers-reduced-motion: reduce){
  .theme-gallery main::before,
  .theme-gallery main::after,
  .gallery-ambient-bg span,
  .gallery-flow-bg::before,
  .theme-innovators main::before,
  .theme-innovators main::after,
  .theme-innovators .innovators-grid::after{
    animation:none!important;
  }
}


/* Version 61: remove extra gallery text and reuse the contact fade background on Gallery and Innovators */
.gallery-filters-intro{
  margin-bottom:14px;
}
.gallery-filters-intro h2,
.gallery-subheading-kicker{
  display:none!important;
}
.gallery-subheading{
  margin:2px 0 22px;
  padding-left:0;
}
.gallery-subheading h3{
  font-size:clamp(1.55rem,2.8vw,2.05rem);
}

body.theme-gallery{
  --page-accent:#c2790f;
  --page-soft:#f7efdf;
  --page-warm:#edf3fb;
  background:
    radial-gradient(circle at 8% 14%,rgba(194,121,15,.18),transparent 25%),
    radial-gradient(circle at 90% 18%,rgba(40,93,155,.16),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(21,147,68,.11),transparent 28%),
    linear-gradient(180deg,#fff4e8 0%,#f8f2ff 24%,#edf5ff 56%,#eef8f2 100%)!important;
}
.theme-gallery main,
.theme-gallery .gallery-hero,
.theme-gallery .gallery-section{
  background:transparent!important;
}
.theme-gallery .gallery-hero{
  padding-bottom:78px!important;
}
.theme-gallery .gallery-section{
  margin-top:-1px;
  padding-top:54px!important;
  position:relative;
  background:linear-gradient(180deg,rgba(255,247,238,.18) 0%,rgba(244,242,251,.40) 42%,rgba(237,245,255,.52) 74%,rgba(238,248,242,.64) 100%)!important;
}
.theme-gallery .gallery-section::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-70px;
  height:140px;
  background:linear-gradient(180deg,transparent,rgba(246,241,234,.52),transparent);
  pointer-events:none;
}
.theme-gallery main::before,
.theme-gallery main::after,
.theme-gallery .gallery-ambient-bg,
.theme-gallery .gallery-flow-bg{
  display:none!important;
}

body.theme-innovators{
  --page-accent:#b64f78;
  --page-soft:#f7dfe9;
  --page-warm:#f8ead9;
  background:
    radial-gradient(circle at 8% 14%,rgba(182,79,120,.18),transparent 25%),
    radial-gradient(circle at 90% 18%,rgba(216,167,109,.15),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(40,93,155,.12),transparent 28%),
    linear-gradient(180deg,#fdf0f5 0%,#fbf3e9 28%,#f2f4fd 62%,#edf4fb 100%)!important;
}
.theme-innovators main,
.theme-innovators .innovators-hero,
.theme-innovators .innovators-section{
  background:transparent!important;
}
.theme-innovators .innovators-hero{
  padding-bottom:78px!important;
}
.theme-innovators .innovators-section{
  margin-top:-1px;
  padding-top:54px!important;
  position:relative;
  background:linear-gradient(180deg,rgba(251,242,247,.22) 0%,rgba(249,240,229,.40) 42%,rgba(242,244,253,.54) 74%,rgba(237,244,251,.66) 100%)!important;
}
.theme-innovators .innovators-section::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-70px!important;
  height:140px!important;
  background:linear-gradient(180deg,transparent,rgba(248,239,244,.56),transparent)!important;
  pointer-events:none!important;
  border:none!important;
  opacity:1!important;
}
.theme-innovators main::before,
.theme-innovators main::after,
.theme-innovators .ribbon-bg,
.theme-innovators .innovators-orbit-bg,
.theme-innovators .innovators-grid::before,
.theme-innovators .innovators-grid::after{
  display:none!important;
}

/* Version 62: seamless hero-to-content blending on Innovators, Gallery and Contact */
body.theme-innovators,
body.theme-gallery,
body.theme-contact{
  background-attachment:scroll!important;
}

.theme-innovators main,
.theme-gallery main,
.theme-contact main{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}

/* Keep the entire page on one continuous colour field instead of stacking
   separate translucent backgrounds at each section boundary. */
body.theme-innovators{
  background:
    radial-gradient(ellipse at 10% 8%,rgba(214,104,140,.18) 0%,transparent 32%),
    radial-gradient(ellipse at 92% 22%,rgba(225,178,111,.15) 0%,transparent 34%),
    radial-gradient(ellipse at 76% 78%,rgba(63,111,174,.12) 0%,transparent 36%),
    linear-gradient(180deg,#fdf0f5 0%,#fbf3e9 34%,#f4f3f7 58%,#edf4fb 100%)!important;
}
body.theme-gallery{
  background:
    radial-gradient(ellipse at 9% 8%,rgba(194,121,15,.17) 0%,transparent 32%),
    radial-gradient(ellipse at 91% 23%,rgba(40,93,155,.14) 0%,transparent 35%),
    radial-gradient(ellipse at 80% 79%,rgba(21,147,68,.10) 0%,transparent 36%),
    linear-gradient(180deg,#fff4e8 0%,#faf1ee 34%,#f2f3f7 58%,#eef8f2 100%)!important;
}
body.theme-contact{
  background:
    radial-gradient(ellipse at 8% 9%,rgba(212,75,65,.15) 0%,transparent 32%),
    radial-gradient(ellipse at 92% 24%,rgba(40,93,155,.15) 0%,transparent 35%),
    radial-gradient(ellipse at 76% 80%,rgba(21,147,68,.10) 0%,transparent 36%),
    linear-gradient(180deg,#fff1ec 0%,#f7f1f3 35%,#eef3f8 61%,#eef8f2 100%)!important;
}

.theme-innovators .innovators-hero,
.theme-innovators .innovators-section,
.theme-gallery .gallery-hero,
.theme-gallery .gallery-section,
.theme-contact .contact-hero,
.theme-contact .contact-section{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Remove the old boundary overlays that produced the horizontal cut-off. */
.theme-innovators .innovators-section::before,
.theme-gallery .gallery-section::before,
.theme-contact .contact-section::before{
  content:none!important;
  display:none!important;
}

/* Slight overlap prevents a one-pixel browser seam while keeping spacing natural. */
.theme-innovators .innovators-section,
.theme-gallery .gallery-section,
.theme-contact .contact-section{
  margin-top:-2px!important;
  padding-top:56px!important;
}

.theme-innovators .innovators-hero,
.theme-gallery .gallery-hero,
.theme-contact .contact-hero{
  padding-bottom:76px!important;
}

/* Innovator category tabs and PolyGrow profile */
.innovator-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 34px;padding:7px;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(34,45,78,.10);backdrop-filter:blur(10px)}
.innovator-tab{border:0;border-radius:999px;padding:13px 22px;background:transparent;color:var(--navy);font:inherit;font-weight:900;cursor:pointer;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.innovator-tab:hover{transform:translateY(-1px)}
.innovator-tab.active{color:#fff;background:linear-gradient(135deg,#8c4f94,#d8688c);box-shadow:0 9px 22px rgba(117,65,125,.24)}
.innovator-tab-panel{animation:innovatorPanelIn .35s ease}
.innovator-tab-panel[hidden]{display:none!important}
@keyframes innovatorPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.innovators-grid-development{grid-template-columns:minmax(280px,420px);justify-content:center}
.innovator-tile.sphamandla{background:linear-gradient(180deg,#e5ddf7,#f8f5ff);box-shadow:0 18px 44px rgba(82,67,128,.16)}
.innovator-tile.sphamandla:hover{box-shadow:0 26px 58px rgba(89,70,145,.27)}
.innovator-tile.sphamandla .profile-badge img{object-position:center 38%;transform:scale(1.03)}
.development-stage-badge{position:absolute;right:18px;top:18px;z-index:4;padding:8px 11px;border-radius:999px;background:#fff;color:#5b478d;font-size:.72rem;font-weight:900;box-shadow:0 10px 22px rgba(66,49,111,.13)}
.idea-mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;margin:0 auto 8px;padding:14px 30px;border-radius:24px;background:linear-gradient(145deg,#ffffff,#eee9fa);border:1px solid rgba(92,72,146,.16);box-shadow:0 12px 28px rgba(71,54,117,.12);color:#4f3e81;line-height:1}
.idea-mark span{font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.idea-mark strong{font-size:2rem;margin-top:7px}
.idea-mark small{margin-top:9px;font-weight:800;color:#7665a5;letter-spacing:.03em}
.idea-mark-large{min-width:270px;min-height:160px}
.idea-logo-glass{padding:12px 18px!important}
.theme-sphamandla{--brand1:#7563ad;--brand2:#e6def8;--brand3:#4f3d82}
.theme-sphamandla .eyebrow{color:var(--brand3)}
.theme-sphamandla main{background:linear-gradient(180deg,#eee9fb 0%,#f8f6ff 45%,#fffaf4 100%)}
.theme-sphamandla .profile-hero,.theme-sphamandla .product-story,.theme-sphamandla .brand-detail-section{background:transparent!important}
.theme-sphamandla .profile-circle{box-shadow:0 22px 52px rgba(71,54,117,.22)}
.theme-sphamandla .profile-circle img{object-position:center 38%;transform:scale(1.03)}
.development-profile-badge{padding:9px 13px;border-radius:999px;background:#f0ebfb;color:#513d84;font-size:.78rem;font-weight:900;border:1px solid rgba(81,61,132,.14)}
.concept-poster img{aspect-ratio:auto;max-height:720px;object-fit:contain;background:#fff;padding:10px}
.lifecycle-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;line-height:1.5}
.lifecycle-line span{color:#7866aa;font-weight:900}
.development-notice{margin-top:24px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid rgba(82,64,133,.13);color:#5b5271;font-weight:700;box-shadow:0 12px 28px rgba(69,53,113,.08)}
@media(max-width:760px){.innovator-tabs{width:100%;border-radius:24px}.innovator-tab{flex:1 1 100%;padding:12px 14px}.development-stage-badge{position:static;display:inline-block;margin-bottom:16px}.idea-mark-large{min-width:0;width:100%}.lifecycle-line{flex-direction:column;align-items:flex-start}.lifecycle-line span{transform:rotate(90deg);margin-left:10px}}

/* PolyGrow profile: written information only */
.theme-sphamandla .profile-side{align-self:center}
.theme-sphamandla .profile-side .profile-share-under-logo{margin-top:20px}
.polygrow-story-full{display:block!important;max-width:980px;margin:0 auto}
.polygrow-story-full .product-copy{max-width:none;width:100%}
.polygrow-text-only{padding-top:68px}
@media(max-width:760px){.polygrow-text-only{padding-top:48px}}


/* Sphamandla / PolyGrow visual consistency updates */
.theme-sphamandla{--brand1:#7a66b8;--brand2:#eee9fb;--brand3:#55428a;--brand4:#edf5e3;--brand5:#7da15f}
.theme-sphamandla .profile-hero{background:linear-gradient(135deg,rgba(237,232,249,.96),rgba(246,250,240,.94));position:relative}
.theme-sphamandla .product-story{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(244,248,239,.92))}
.theme-sphamandla .brand-detail-section{background:linear-gradient(180deg,rgba(244,242,251,.92),rgba(249,251,245,.96))}
.theme-sphamandla .eyebrow{color:var(--brand3)}
.theme-sphamandla .development-profile-badge{background:linear-gradient(135deg,var(--brand3),var(--brand1));color:#fff;border:none}
.theme-sphamandla .profile-back-link{color:var(--brand3)}
.seed-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.seed-field i{position:absolute;width:76px;height:42px;border-radius:75% 10% 75% 10%;background:linear-gradient(135deg,rgba(125,161,95,.18),rgba(122,102,184,.16));box-shadow:inset 0 0 0 2px rgba(84,66,138,.08);transform:rotate(-18deg)}
.seed-field i:nth-child(1){left:5%;top:16%;transform:rotate(-24deg);animation:float 9s ease-in-out infinite}
.seed-field i:nth-child(2){right:10%;top:18%;transform:rotate(28deg) scale(.86);animation:float 10s ease-in-out -2s infinite}
.seed-field i:nth-child(3){left:14%;bottom:12%;transform:rotate(15deg) scale(.9);animation:float 8s ease-in-out -4s infinite}
.seed-field i:nth-child(4){right:18%;bottom:10%;transform:rotate(-32deg) scale(1.05);animation:float 11s ease-in-out -1s infinite}
.seed-field i:nth-child(5){left:52%;top:10%;transform:rotate(38deg) scale(.72);animation:float 7s ease-in-out -3s infinite}
.seed-field i:nth-child(6){right:42%;bottom:8%;transform:rotate(-8deg) scale(.78);animation:float 9s ease-in-out -5s infinite}
.idea-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.idea-stat-pill{padding:16px 16px 14px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(84,66,138,.10);box-shadow:0 10px 24px rgba(45,52,82,.08);backdrop-filter:blur(8px)}
.idea-stat-pill strong{display:block;font-size:.96rem;color:var(--brand3);margin-bottom:6px;line-height:1.35}
.idea-stat-pill span{display:block;font-size:.92rem;color:var(--muted);line-height:1.55}
.polygrow-story-split{grid-template-columns:1.02fr .98fr;align-items:stretch}
.polygrow-visual-card{padding:28px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(243,247,238,.96));box-shadow:var(--shadow);border:1px solid rgba(84,66,138,.08)}
.polygrow-visual-card h3{margin-bottom:18px}
.polygrow-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.polygrow-mini-card{padding:16px;border-radius:20px;background:rgba(122,102,184,.07);border:1px solid rgba(84,66,138,.08)}
.polygrow-mini-card strong{display:block;color:var(--brand3);margin-bottom:7px}
.polygrow-mini-card p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}
.polygrow-process{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid rgba(84,66,138,.12)}
.polygrow-process span{padding:10px 16px;border-radius:999px;background:rgba(125,161,95,.12);color:var(--brand3);font-weight:700;letter-spacing:.01em}
.polygrow-process i{width:20px;height:2px;background:linear-gradient(90deg,var(--brand1),var(--brand5));border-radius:999px;position:relative}
.polygrow-process i::after{content:"";position:absolute;right:-1px;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--brand1)}
@media (max-width:1080px){.idea-stat-row,.polygrow-mini-grid{grid-template-columns:1fr 1fr}}
@media (max-width:780px){.idea-stat-row,.polygrow-mini-grid{grid-template-columns:1fr}.polygrow-process{justify-content:flex-start}.seed-field i{opacity:.7}.theme-sphamandla .profile-info{text-align:left}}


/* Sphamandla moving leaf elements across the full page */
.theme-sphamandla .product-story,
.theme-sphamandla .brand-detail-section{position:relative;overflow:hidden}
.theme-sphamandla .product-story > .container,
.theme-sphamandla .brand-detail-section > .container,
.theme-sphamandla .profile-hero > .container{position:relative;z-index:2}
.seed-field{opacity:1}
.seed-field i{will-change:transform,opacity}
.seed-field i:nth-child(odd){animation:leafDriftA 10s ease-in-out infinite}
.seed-field i:nth-child(even){animation:leafDriftB 12s ease-in-out infinite}
.seed-field-story i:nth-child(1){left:6%;top:14%;transform:rotate(-20deg) scale(.9)}
.seed-field-story i:nth-child(2){right:8%;top:20%;transform:rotate(26deg) scale(.78)}
.seed-field-story i:nth-child(3){left:18%;bottom:16%;transform:rotate(12deg) scale(.82)}
.seed-field-story i:nth-child(4){right:18%;bottom:10%;transform:rotate(-28deg) scale(1.0)}
.seed-field-story i:nth-child(5){left:56%;top:8%;transform:rotate(34deg) scale(.68)}
.seed-field-story i:nth-child(6){right:42%;bottom:16%;transform:rotate(-10deg) scale(.72)}
.seed-field-detail i:nth-child(1){left:4%;top:12%;transform:rotate(-30deg) scale(.92)}
.seed-field-detail i:nth-child(2){right:12%;top:14%;transform:rotate(18deg) scale(.8)}
.seed-field-detail i:nth-child(3){left:10%;bottom:12%;transform:rotate(20deg) scale(.74)}
.seed-field-detail i:nth-child(4){right:8%;bottom:18%;transform:rotate(-22deg) scale(1.02)}
.seed-field-detail i:nth-child(5){left:46%;top:6%;transform:rotate(38deg) scale(.62)}
.seed-field-detail i:nth-child(6){right:34%;bottom:8%;transform:rotate(-8deg) scale(.84)}
@keyframes leafDriftA{0%,100%{transform:translate3d(0,0,0) rotate(var(--leaf-rot,0deg))}25%{transform:translate3d(8px,-12px,0) rotate(calc(var(--leaf-rot,0deg) + 6deg))}50%{transform:translate3d(-6px,-22px,0) rotate(calc(var(--leaf-rot,0deg) - 5deg))}75%{transform:translate3d(10px,-10px,0) rotate(calc(var(--leaf-rot,0deg) + 4deg))}}
@keyframes leafDriftB{0%,100%{transform:translate3d(0,0,0) rotate(var(--leaf-rot,0deg))}20%{transform:translate3d(-10px,-10px,0) rotate(calc(var(--leaf-rot,0deg) - 7deg))}50%{transform:translate3d(8px,-18px,0) rotate(calc(var(--leaf-rot,0deg) + 5deg))}80%{transform:translate3d(-4px,-8px,0) rotate(calc(var(--leaf-rot,0deg) - 3deg))}}
.seed-field i:nth-child(1){--leaf-rot:-24deg}
.seed-field i:nth-child(2){--leaf-rot:28deg}
.seed-field i:nth-child(3){--leaf-rot:15deg}
.seed-field i:nth-child(4){--leaf-rot:-32deg}
.seed-field i:nth-child(5){--leaf-rot:38deg}
.seed-field i:nth-child(6){--leaf-rot:-8deg}
@media (max-width:780px){.seed-field-story i,.seed-field-detail i{opacity:.75}}


/* Refined PolyGrow profile: distinct content in every section */
.polygrow-pathway{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.polygrow-pathway div{min-width:104px;padding:16px 14px;border-radius:22px;background:rgba(122,102,184,.08);border:1px solid rgba(84,66,138,.10);text-align:center}
.polygrow-pathway b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 9px;border-radius:50%;background:linear-gradient(135deg,var(--brand3),var(--brand1));color:#fff;font-size:.82rem}
.polygrow-pathway span{font-weight:800;color:var(--brand3);font-size:.92rem}
.polygrow-pathway i{width:24px;height:2px;background:linear-gradient(90deg,var(--brand1),var(--brand5));border-radius:999px;position:relative}
.polygrow-pathway i::after{content:"";position:absolute;right:-1px;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--brand1)}
@media(max-width:780px){.polygrow-pathway{justify-content:flex-start}.polygrow-pathway i{width:14px}.polygrow-pathway div{min-width:92px}}


/* Improved PolyGrow development pathway */
.polygrow-pathway{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;padding-top:8px}
.polygrow-pathway::before{content:"";position:absolute;left:10%;right:10%;top:36px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand3),var(--brand1),var(--brand5));opacity:.42}
.polygrow-pathway article{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 8px}
.polygrow-pathway article b{display:grid;place-items:center;width:56px;height:56px;margin:0;border-radius:50%;background:linear-gradient(135deg,var(--brand3),var(--brand1));color:#fff;font-size:.86rem;box-shadow:0 10px 22px rgba(84,66,138,.22);border:5px solid rgba(255,255,255,.94)}
.polygrow-pathway article div{width:100%;min-height:128px;padding:18px 14px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(84,66,138,.10);box-shadow:0 10px 24px rgba(45,52,82,.07)}
.polygrow-pathway strong{display:block;color:var(--brand3);font-size:1rem;margin-bottom:7px}
.polygrow-pathway span{display:block;color:var(--muted);font-size:.88rem;line-height:1.5;font-weight:500}
@media(max-width:900px){.polygrow-pathway{grid-template-columns:1fr 1fr;gap:20px}.polygrow-pathway::before{display:none}.polygrow-pathway article{flex-direction:row;align-items:flex-start;text-align:left;padding:0}.polygrow-pathway article b{flex:0 0 50px;width:50px;height:50px}.polygrow-pathway article div{min-height:118px}}
@media(max-width:560px){.polygrow-pathway{grid-template-columns:1fr}.polygrow-pathway article div{min-height:0}.polygrow-pathway article b{flex-basis:46px;width:46px;height:46px}}


/* Footer support logos moved into the main footer */
.partners-strip{display:none!important}
.footer-support{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);max-width:360px}
.footer-support-label{display:block;margin-bottom:12px;color:rgba(255,255,255,.62);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.footer-support-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer-support-logos a{display:inline-flex;align-items:center}
.footer-support-logos img{height:40px;width:auto;object-fit:contain;opacity:.96;transition:transform .2s ease,opacity .2s ease}
.footer-support-logos img:hover{transform:translateY(-2px);opacity:1}

/* Cleaner full-width development pathway */
.polygrow-story-wide{position:relative;z-index:2}
.polygrow-story-wide .product-copy{max-width:820px;margin:0 auto 34px;text-align:center}
.polygrow-pathway-wrap{padding:30px 32px 34px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,239,.94));border:1px solid rgba(84,66,138,.10);box-shadow:0 18px 44px rgba(45,52,82,.10)}
.pathway-heading{text-align:center;max-width:680px;margin:0 auto 30px}
.pathway-heading h3{font-size:clamp(1.35rem,2vw,1.8rem);margin:4px 0 8px}
.pathway-heading p{margin:0;color:var(--muted)}
.polygrow-pathway{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:18px 0 0}
.polygrow-pathway::before{content:"";position:absolute;left:12%;right:12%;top:45px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand3),var(--brand1),var(--brand5));opacity:.35}
.polygrow-pathway article{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:14px;text-align:center;padding:0}
.polygrow-pathway article b{display:grid;place-items:center;width:58px;height:58px;margin:0;border-radius:50%;background:linear-gradient(135deg,var(--brand3),var(--brand1));color:#fff;font-size:.84rem;border:6px solid rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(84,66,138,.24)}
.polygrow-pathway article div{width:100%;min-height:132px;padding:20px 16px;border-radius:22px;background:#fff;border:1px solid rgba(84,66,138,.09);box-shadow:0 10px 24px rgba(45,52,82,.07)}
.polygrow-pathway strong{display:block;margin-bottom:8px;color:var(--brand3);font-size:1rem}
.polygrow-pathway span{display:block;color:var(--muted);font-size:.9rem;line-height:1.55;font-weight:500}
@media(max-width:900px){.polygrow-pathway{grid-template-columns:1fr 1fr}.polygrow-pathway::before{display:none}.polygrow-pathway article{grid-template-columns:56px 1fr;grid-template-rows:auto;align-items:start;justify-items:stretch;text-align:left}.polygrow-pathway article div{min-height:120px}.polygrow-pathway article b{width:50px;height:50px;border-width:4px}.polygrow-pathway-wrap{padding:26px}}
@media(max-width:560px){.polygrow-pathway{grid-template-columns:1fr;gap:14px}.polygrow-pathway article div{min-height:0}.polygrow-pathway-wrap{padding:22px 18px}.footer-support-logos img{height:34px}}


/* Gallery year and month heading above Innovate Durban */
.gallery-subheading-year{display:block;font-size:.82rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#a1741f;margin-bottom:2px}
.gallery-subheading-month{display:block;font-size:1.05rem;font-weight:800;letter-spacing:.04em;color:#5d6785;margin-bottom:2px}
.gallery-subheading h3{line-height:1.05}
@media(max-width:680px){.gallery-subheading-year{font-size:.76rem}.gallery-subheading-month{font-size:1rem}}


/* Final refinement updates */
.innovator-card-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin:0 auto 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(16,33,62,.10);color:#5c6784;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 22px rgba(21,40,78,.08)}
.profile-stage-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.76);color:var(--brand3,#4e5b7a);font-size:.76rem;font-weight:900;letter-spacing:.04em;border:1px solid rgba(16,33,62,.08);box-shadow:0 10px 22px rgba(21,40,78,.08)}
.theme-ayanda .profile-stage-pill{color:#7d3653}
.theme-aphiwe .profile-stage-pill{color:#814057}
.theme-luyanda .profile-stage-pill{color:#8b2f16}
.gallery-card-info small{display:block;margin-top:6px;font-size:.86rem;color:#68738f}
.contact-card .privacy-note{margin-top:18px}
@media(max-width:900px){.profile-top-row{gap:14px;align-items:flex-start;flex-direction:column}.profile-top-actions{justify-content:flex-start}.profile-stage-pill{font-size:.72rem;padding:9px 12px}}
@media(max-width:680px){.innovator-card-label{font-size:.66rem;padding:7px 12px;letter-spacing:.08em}.gallery-subheading{margin-bottom:18px}.gallery-card-info small{font-size:.82rem}.contact-only-grid{grid-template-columns:1fr}.footer-grid{gap:24px}}


/* Card cleanup: align Sphamandla card with other innovator cards */
.innovator-tile.sphamandla .innovator-card-label{margin-bottom:14px}
.innovator-tile.sphamandla .idea-mark{margin:0 auto 14px}
.innovator-tile.sphamandla .tile-content h2{margin-top:4px}

/* Netlify performance and shorter transitions */
.page-transition.enter{animation-duration:.62s!important}
.page-transition.leave{animation-duration:.48s!important}
.page-transition.enter .transition-line{animation-duration:.42s!important}
.page-transition.leave .transition-line{animation-duration:.36s!important}
.transition-content{max-width:min(88vw,520px);text-align:center}
.transition-title{white-space:normal;overflow-wrap:anywhere}
@media (min-width:761px){main>section{content-visibility:auto;contain-intrinsic-size:700px}}

/* Online application */
.theme-application{background:linear-gradient(180deg,#f4effb 0%,#fbf7ee 40%,#f7f3fb 100%)}
.application-hero{background:radial-gradient(circle at 12% 18%,rgba(123,75,183,.18),transparent 34%),radial-gradient(circle at 86% 26%,rgba(21,147,68,.12),transparent 28%)}
.application-hero .eyebrow{color:#7b4bb7}.application-hero p{max-width:760px}
.nav-apply{padding:9px 14px!important;border-radius:999px;background:rgba(123,75,183,.1);color:#63369b}.nav-apply.active{background:#7b4bb7;color:#fff}
.application-section{padding-top:50px}.application-shell{max-width:980px}.application-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.application-intro h2{margin-bottom:5px}.application-intro p{margin:0;color:var(--muted)}.secure-note{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#eaf7ef;color:#11723a;font-weight:800;font-size:.9rem}
.application-form{display:grid;gap:24px}.form-panel{background:rgba(255,255,255,.9);border:1px solid rgba(13,61,135,.08);border-radius:26px;padding:30px;box-shadow:0 18px 44px rgba(41,30,70,.08)}
.form-panel-heading{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid rgba(13,61,135,.09)}.form-panel-heading>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#7b4bb7,#a579d4);color:#fff;font-weight:900}.form-panel-heading h3{margin:0;font-size:1.45rem}.form-panel-heading p{margin:2px 0 0;color:var(--muted)}
.form-grid{display:grid;gap:18px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field>span,.choice-group legend{font-weight:800;color:#263a52}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8e4;border-radius:14px;padding:14px 15px;font:inherit;color:var(--text);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7b4bb7;box-shadow:0 0 0 4px rgba(123,75,183,.11)}
.choice-group{border:0;padding:0;margin:20px 0 0}.choice-group legend{margin-bottom:10px}.choice-group label{display:inline-flex;align-items:center;margin:0 8px 8px 0;cursor:pointer}.choice-group input{position:absolute;opacity:0}.choice-group label span{padding:10px 16px;border:1px solid #cfd8e4;border-radius:999px;background:#fff;font-weight:700}.choice-group input:checked+span{background:#7b4bb7;border-color:#7b4bb7;color:#fff}.choice-group input:focus-visible+span{outline:3px solid rgba(123,75,183,.28)}
.consent-check{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:15px;border-radius:15px;background:#f7f3fb;color:#435269;line-height:1.55}.consent-check input{margin-top:4px;width:18px;height:18px;accent-color:#7b4bb7;flex:0 0 auto}
.form-submit-area{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#17253a;color:#fff;padding:24px 28px;border-radius:24px;box-shadow:var(--shadow)}.form-submit-area p{margin:4px 0 0;color:rgba(255,255,255,.74)}.submit-application{border:0;cursor:pointer;white-space:nowrap;font-size:1rem}.submit-application[disabled]{opacity:.65;cursor:wait}.form-status{display:none;padding:16px 18px;border-radius:15px;font-weight:750}.form-status.show{display:block}.form-status.success{background:#e8f7ed;color:#116b36}.form-status.error{background:#fff0ef;color:#9e2f27}
.invalid{border-color:#d44b41!important;box-shadow:0 0 0 4px rgba(212,75,65,.1)!important}
@media(max-width:860px){.site-nav{gap:15px}.nav-apply{padding:6px 9px!important}.application-intro,.form-submit-area{align-items:flex-start;flex-direction:column}.form-grid.two-col{grid-template-columns:1fr}.field.full{grid-column:auto}.form-panel{padding:22px}.submit-application{width:100%}}


/* Apply Online corner ribbon */
.apply-corner-ribbon{
  position:fixed;
  top:25px;
  right:-49px;
  z-index:2200;
  width:190px;
  padding:12px 0;
  text-align:center;
  background:linear-gradient(135deg,#6d39a8,#8d57c7);
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(75,38,112,.28);
  transform:rotate(45deg);
  transform-origin:center;
  transition:filter .2s ease,box-shadow .2s ease;
}
.apply-corner-ribbon span{display:block;line-height:1.1}
.apply-corner-ribbon:hover,
.apply-corner-ribbon:focus-visible{
  color:#fff;
  filter:brightness(1.09);
  box-shadow:0 10px 30px rgba(75,38,112,.4);
}
.apply-corner-ribbon:focus-visible{outline:3px solid #fff;outline-offset:3px}
.apply-corner-ribbon[aria-current="page"]{
  background:linear-gradient(135deg,#159344,#28ad5b);
}
@media(max-width:620px){
  .apply-corner-ribbon{
    top:18px;
    right:-47px;
    width:170px;
    padding:10px 0;
    font-size:.72rem;
  }
}
@media(prefers-reduced-motion:reduce){.apply-corner-ribbon{transition:none}}

/* Multi-step online application */
.application-welcome{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,52px);background:rgba(255,255,255,.93);border:1px solid rgba(13,61,135,.12);border-radius:26px;box-shadow:0 22px 60px rgba(13,61,135,.12);text-align:center}
.application-welcome-logo{display:block;width:min(300px,72%);height:auto;margin:0 auto 24px}.application-welcome h2{font-size:clamp(2rem,5vw,3.4rem);margin:.35rem 0 .7rem}.application-welcome>p{max-width:610px;margin:0 auto 22px}.application-welcome ul{max-width:580px;margin:0 auto 28px;text-align:left;display:grid;gap:10px;padding-left:24px}.application-process[hidden]{display:none}.application-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 22px}.application-progress span{padding:11px 8px;border-radius:999px;background:rgba(13,61,135,.07);font-size:.76rem;font-weight:800;text-align:center;color:#536174}.application-progress span.active{background:#0d3d87;color:#fff}.application-progress span.complete{background:#159344;color:#fff}.application-step{display:none}.application-step.active{display:block;animation:applicationStepIn .35s ease}.application-step-controls{display:flex;justify-content:space-between;gap:14px;margin-top:22px}.application-step-controls .btn[hidden]{display:none}.application-review{display:grid;gap:14px}.review-group{border:1px solid rgba(13,61,135,.12);border-radius:16px;overflow:hidden}.review-group h4{margin:0;padding:13px 16px;background:rgba(13,61,135,.07);font-size:.98rem}.review-row{display:grid;grid-template-columns:minmax(130px,35%) 1fr;gap:14px;padding:10px 16px;border-top:1px solid rgba(13,61,135,.08)}.review-row strong{font-size:.82rem;color:#4b5a70}.review-row span{white-space:pre-wrap;overflow-wrap:anywhere}.review-note{margin-top:14px;font-size:.88rem;color:#5b6677}@keyframes applicationStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.application-progress{grid-template-columns:repeat(5,1fr);gap:4px;overflow-x:auto}.application-progress span{font-size:.64rem;padding:9px 4px}.review-row{grid-template-columns:1fr;gap:4px}.application-step-controls{position:sticky;bottom:10px;z-index:4;padding:10px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(0,0,0,.12)}}
.application-success{text-align:center;padding:clamp(30px,6vw,64px);background:#fff;border-radius:24px;box-shadow:0 20px 55px rgba(13,61,135,.12)}.application-success img{width:min(300px,75%);height:auto}.success-check{display:grid;place-items:center;width:64px;height:64px;margin:20px auto;border-radius:50%;background:#159344;color:#fff;font-size:2rem;font-weight:900}.application-success h2{margin:.4rem 0 .6rem}.application-success p{max-width:600px;margin:0 auto 24px}

.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}