/* Theme Name: Valfinery Fashion World Theme Theme URI: https://valfineryfashionworld.com Author: VALFINERY FASHION WORLD Author URI: https://valfineryfashionworld.com Description: Official website theme for Valfinery Fashion World — a fashion brand. Full multi-page website with luxury neumorphic design, dark/light mode, blue brand color, and deep integration with the Valfinery Fashion World Manager Plugin. Version: 1.6.0 Requires at least: 6.0 Tested up to: 6.5 Requires PHP: 7.4 License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: valfinery-fashion-world-theme Tags: portfolio, agency, dark-mode, neumorphic, blue, multi-page, luxury */:root{--blue:#0000ff;--blue-mid:#0033cc;--blue-dim:rgba(0,0,255,0.12);--blue-glow:rgba(0,0,255,0.22);--platinum:#b8bcc8;--platinum-dim:rgba(184,188,200,0.15);--gold-hint:rgba(200,180,120,0.08);--bg:#0c0c18;--surface:#111122;--neu-light:#1c1c32;--neu-dark:#060610;--text:#ffffff;--text-sub:#ffffff;--text-muted:#ffffff;--neu-in:inset 3px 3px 8px var(--neu-dark),inset -3px -3px 8px var(--neu-light);--neu-out:5px 5px 12px var(--neu-dark),-5px -5px 12px var(--neu-light);--neu-flat:2px 2px 6px var(--neu-dark),-2px -2px 6px var(--neu-light);--neu-deep:inset 5px 5px 14px var(--neu-dark),inset -5px -5px 14px var(--neu-light);--glass-border:1px solid rgba(184,188,200,0.08);--blue-border:1px solid rgba(0,0,255,0.18);--glass-bg:rgba(255,255,255,0.025);--font-display:'Cormorant Garamond',serif;--font-body:'Inter',sans-serif;--font-label:'Syne',sans-serif;--sz-hero:clamp(44px,7vw,80px);--sz-h2:clamp(28px,4vw,46px);--sz-h3:19px;--sz-body:15px;--sz-small:13px;--sz-label:10px;--radius:14px;--radius-sm:8px;--max-width:1080px;--tracking-wide:0.14em;--tracking-wider:0.22em}[data-theme="light"]{--bg:#eeeef6;--surface:#f5f5fa;--neu-light:#ffffff;--neu-dark:#d0d0de;--text:#000000;--text-sub:#000000;--text-muted:#000000;--neu-in:inset 3px 3px 8px var(--neu-dark),inset -3px -3px 8px var(--neu-light);--neu-out:5px 5px 12px var(--neu-dark),-5px -5px 12px var(--neu-light);--neu-flat:2px 2px 6px var(--neu-dark),-2px -2px 6px var(--neu-light);--neu-deep:inset 5px 5px 14px var(--neu-dark),inset -5px -5px 14px var(--neu-light);--glass-border:1px solid rgba(0,0,0,0.07);--blue-border:1px solid rgba(0,0,255,0.15);--glass-bg:rgba(255,255,255,0.55);--platinum:#66668a;--platinum-dim:rgba(102,102,138,0.12)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--sz-body);line-height:1.7;overflow-x:hidden;max-width:100%;transition:background .35s,color .35s}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none;transition:color .2s}a:hover{color:var(--text)}.vfw-container{max-width:var(--max-width);margin:0 auto;padding:0 28px}.site-header{position:sticky;top:0;z-index:1100;background:var(--surface);box-shadow:var(--neu-flat);transition:background .35s,box-shadow .35s}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--max-width);margin:0 auto;padding:0 28px}.site-branding{display:inline-flex;align-items:center}.site-branding a,.site-brand-link{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:0.06em;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:0;background:none;box-shadow:none;transition:opacity .25s}.site-branding a:hover,.site-brand-link:hover{opacity:.85}.site-logo-img{height:34px;width:auto;object-fit:contain;border-radius:50%}.site-logo-neu{padding:4px;background:var(--bg);box-shadow:var(--neu-in);border-radius:50%}.custom-logo-link{display:inline-flex;align-items:center}.custom-logo{height:34px;width:auto;max-width:180px;object-fit:contain}.site-brand-name{font-family:var(--font-display);font-size:var(--brand-name-size,22px);font-weight:600;letter-spacing:0.12em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,0.08),0 0 20px rgba(0,0,255,0.15)}.site-brand-name.vfw-shine-text{text-shadow:0 1px 0 rgba(255,255,255,0.1),0 0 24px rgba(0,0,255,0.25),0 0 48px rgba(0,0,255,0.1)}.footer-social{flex-direction:row;flex-wrap:wrap;gap:14px;margin-top:10px}.main-navigation ul{display:flex;align-items:center;gap:2px;list-style:none}.main-navigation a{display:block;color:var(--text-sub);font-family:var(--font-display,'Cormorant Garamond',serif);font-size:18px;font-weight:400;letter-spacing:0.04em;text-transform:none;padding:8px 18px;border-radius:var(--radius-sm);text-decoration:none;transition:color .2s}.main-navigation a:hover,.main-navigation .current-menu-item>a,.main-navigation .current_page_item>a{color:var(--text-sub);background:transparent}.header-right{display:flex;align-items:center;gap:12px}.nav-cta{background:transparent !important;color:var(--blue) !important;padding:8px 22px !important;border-radius:var(--radius-sm) !important;font-family:var(--font-label) !important;font-weight:600 !important;font-size:var(--sz-label) !important;letter-spacing:var(--tracking-wide) !important;text-transform:uppercase !important;border:var(--blue-border) !important;box-shadow:var(--neu-out),0 0 12px var(--blue-glow);transition:box-shadow .3s,transform .2s !important}.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--neu-out),0 0 22px var(--blue-glow) !important;background:var(--blue-dim) !important;color:var(--blue) !important}.theme-toggle{position:relative;width:52px;height:26px;cursor:pointer;flex-shrink:0}.theme-toggle input{display:none}.toggle-track{position:absolute;inset:0;border-radius:13px;background:var(--neu-bg);box-shadow:var(--neu-inner);border:var(--neu-border-blue);transition:var(--transition);display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:11px}.toggle-track .sun,.toggle-track .moon{font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Symbols",sans-serif;font-variant-emoji:text;-webkit-font-variant-emoji:text;font-style:normal}.toggle-track .sun{color:#0000ff}.toggle-track .moon{color:#1a1a2e}.toggle-thumb{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--blue,#0000ff);top:3px;left:3px;transition:var(--transition)}[data-theme="light"] .toggle-thumb{left:29px}.toggle-ball{left:5px;top:3px;background:var(--blue,#0000ff)}[data-theme="light"] .toggle-ball{left:29px;transform:none}.hamburger,.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:var(--bg);border:1px solid var(--blue-border,rgba(0,0,255,0.25));border-radius:8px;padding:8px 9px;box-shadow:var(--neu-in);transition:box-shadow .25s}.hamburger:active,.menu-toggle:active{box-shadow:var(--neu-out)}.hamburger span,.menu-toggle span{display:block;width:22px;height:2px;background:var(--blue,#0000ff);transition:all .3s ease;border-radius:1px;box-shadow:0 0 6px var(--blue-glow,rgba(0,0,255,0.4))}.hamburger.open span:nth-child(1),.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2),.menu-toggle.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3),.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:68px;right:-100%;width:min(320px,85vw);height:calc(100vh - 68px);background:rgba(12,12,24,0.55);border-left:var(--glass-border,1px solid rgba(184,188,200,0.08));box-shadow:-8px 0 40px rgba(0,0,0,0.35);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:1000;padding:36px 40px 40px;transition:right 0.45s cubic-bezier(0.25,0.46,0.45,0.94);overflow-y:auto}[data-theme="light"] .mobile-menu{background:rgba(238,238,246,0.55);box-shadow:-8px 0 40px rgba(0,0,0,0.12)}.mobile-menu.open{right:0}.mobile-menu-close{display:none}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:28px}.mobile-menu a{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:18px;font-weight:400;color:var(--text);text-decoration:none;letter-spacing:0.05em;display:block;transition:color 0.25s;position:relative}.mobile-menu a::after{display:none}.mobile-menu a:hover,.mobile-menu .current-menu-item>a{color:var(--text);padding-left:0}.mobile-menu a:hover::after,.mobile-menu .current-menu-item>a::after{display:none}.mobile-menu .mobile-nav-cta{display:inline-block;color:#fff;background:#0000ff;padding:12px 28px;border-radius:8px;font-size:14px;font-family:var(--font-label,'Syne',sans-serif);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;box-shadow:0 0 18px rgba(0,0,255,0.4);transition:box-shadow 0.25s,transform 0.2s}.mobile-menu .mobile-nav-cta:hover{box-shadow:0 0 30px rgba(0,0,255,0.65);transform:translateY(-1px);padding-left:28px;color:#fff}.mobile-menu .mobile-nav-cta::after{display:none}.site-overlay{position:fixed;top:68px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:999;opacity:0;pointer-events:none;transition:opacity 0.3s}.site-overlay.show{opacity:1;pointer-events:all}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:var(--radius-sm);font-family:var(--font-label);font-weight:600;font-size:var(--sz-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;transition:transform .25s,box-shadow .25s}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--neu-out),0 0 20px rgba(0,0,255,0.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--neu-out),0 0 36px rgba(0,0,255,0.45);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:var(--neu-out);border:var(--glass-border)}.btn-secondary:hover{box-shadow:var(--neu-in);transform:scale(.98);color:var(--text)}.vfw-section{padding:90px 0}.vfw-section-sm{padding:60px 0}.sec-eyebrow{font-family:var(--font-label);font-size:var(--sz-label);font-weight:800;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#0000ff;display:flex;align-items:center;gap:12px;margin-bottom:14px}[data-theme="light"] .sec-eyebrow{color:#0000ff}.sec-eyebrow::before,.sec-eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#0000ff);box-shadow:0 0 8px rgba(0,0,255,0.4)}.sec-eyebrow::before{background:linear-gradient(90deg,#0000ff,transparent)}.sec-title{font-family:var(--font-display);font-size:var(--sz-h2);font-weight:400;letter-spacing:0.01em;line-height:1.15;margin-bottom:18px}.sec-desc{color:var(--text-sub);font-size:var(--sz-body);line-height:1.9;max-width:560px;margin-bottom:40px}.vfw-divider{border:none;border-top:1px solid #0000ff;box-shadow:0 0 8px rgba(0,0,255,0.35);margin:0}.neu-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--neu-out);border:var(--glass-border);transition:box-shadow .3s,transform .3s,background .35s}.neu-card:hover{box-shadow:var(--neu-out),0 0 24px var(--blue-dim);transform:translateY(-3px)}.neu-inset{background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--neu-deep);border:var(--glass-border);transition:background .35s,box-shadow .35s}.home-hero{min-height:var(--hero-min-height,100svh);max-width:var(--hero-max-width,100%);display:flex;align-items:center;position:relative;overflow:hidden;padding:var(--hero-padding-top,80px) 0 var(--hero-padding-bottom,80px)}.home-hero::before{content:'';position:absolute;top:-100px;left:-100px;width:700px;height:700px;background:radial-gradient(circle,rgba(0,0,255,.12) 0%,transparent 65%);pointer-events:none}.home-hero::after{content:'';position:absolute;bottom:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,255,.08) 0%,transparent 65%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:10px;background:var(--blue-dim);border-radius:var(--radius-sm);border:var(--blue-border);padding:7px 18px;font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--blue);margin-bottom:24px}.hero-tag::before{content:'●';font-size:7px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero-heading{font-family:var(--font-display);font-size:var(--sz-hero);font-weight:400;line-height:1.08;letter-spacing:0.01em;margin-bottom:18px}.hero-heading .blue{color:var(--blue);font-style:italic;text-shadow:0 0 60px var(--blue-glow)}.hero-sub{font-size:var(--sz-h3);font-family:var(--font-label);font-weight:400;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-sub);margin-bottom:26px}.hero-bio{color:var(--text-sub);font-size:var(--sz-body);line-height:1.8;margin-bottom:40px;max-width:540px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-visual{display:flex;flex-direction:column;gap:16px;position:relative}.hero-avatar-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--neu-out),0 0 60px var(--blue-dim);border:var(--glass-border);overflow:hidden;aspect-ratio:1;position:relative}.hero-avatar-card img{width:100%;height:100%;object-fit:cover}.hero-avatar-placeholder{width:100%;height:100%;background:var(--bg);box-shadow:var(--neu-deep);display:flex;align-items:center;justify-content:center;font-size:80px}.services-strip{padding:70px 0}.services-strip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:48px}.service-card{padding:32px 24px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--neu-out);border:var(--glass-border);transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-3px);box-shadow:var(--neu-out),0 0 28px var(--blue-dim)}.service-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--neu-deep);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;overflow:hidden}.service-icon img{width:100%;height:100%;object-fit:cover}.service-thumb{width:100%;height:160px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:20px;background:var(--bg);box-shadow:var(--neu-deep);display:flex;align-items:center;justify-content:center}.service-thumb img{width:100%;height:100%;object-fit:cover;display:block}.service-thumb-placeholder{font-size:36px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.service-name{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:0.02em;margin-bottom:10px}.service-desc{font-size:var(--sz-small);color:var(--text-muted);line-height:1.7;flex:1}.vfw-msg-btn{display:inline-block;margin-top:18px;padding:11px 24px;border-radius:var(--radius-sm);border:var(--blue-border);background:var(--blue-dim);color:var(--blue);font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;text-align:center;position:relative;animation:vfw-msg-pulse 2.5s ease-in-out infinite;transition:transform .2s,box-shadow .2s}.vfw-msg-btn:hover{transform:scale(1.04);color:var(--blue)}@keyframes vfw-msg-pulse{0%{box-shadow:0 0 0 0 var(--blue-glow)}60%{box-shadow:0 0 0 10px rgba(0,0,255,0)}100%{box-shadow:0 0 0 0 rgba(0,0,255,0)}}.about-strip{padding:70px 0;background:var(--surface);box-shadow:var(--neu-in)}.about-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-img-wrap{border-radius:var(--radius);box-shadow:var(--neu-out),0 0 40px var(--blue-dim);overflow:hidden;aspect-ratio:4/3;background:var(--bg)}.about-img-wrap img{width:100%;height:100%;object-fit:cover}.about-img-placeholder{border:var(--glass-border);width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;background:var(--bg);box-shadow:var(--neu-in)}.cta-banner{padding:80px 0}.cta-inner{background:var(--surface);border-radius:var(--radius);box-shadow:var(--neu-out);padding:60px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}.cta-inner::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,0,255,.12) 0%,transparent 70%);pointer-events:none}.cta-text h2{font-family:var(--font-display);font-size:clamp(22px,3vw,34px);font-weight:400;margin-bottom:8px}.cta-text p{color:var(--text-sub);font-size:var(--sz-body)}.portfolio-wrap{padding:60px 0 100px}.portfolio-wrap>.vfw-container{background:var(--surface);box-shadow:inset 4px 4px 10px var(--neu-dark),inset -4px -4px 10px var(--neu-light);border-radius:var(--radius);border:1px solid rgba(0,0,255,0.12);padding:36px 32px 48px}.port-hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:90px;padding-top:8px}.port-avatar{width:190px;height:190px;flex-shrink:0;background:var(--glass-bg);position:relative}.port-avatar--circle,.port-avatar--square{overflow:hidden}.port-avatar img{width:100%;height:100%;object-fit:cover;display:block}.port-avatar-ph{width:100%;height:100%;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;font-size:70px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.skill-card{border-radius:var(--radius);background:var(--bg);box-shadow:inset 6px 6px 14px var(--neu-dark),inset -6px -6px 14px var(--neu-light);overflow:hidden;transition:box-shadow .3s}.skill-card:hover{box-shadow:inset 9px 9px 20px var(--neu-dark),inset -9px -9px 20px var(--neu-light)}.skill-img-wrap{width:100%;height:170px;overflow:hidden;flex-shrink:0}.skill-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.skill-card:hover .skill-img-wrap img{transform:scale(1.04)}.skill-body{padding:16px 18px 18px}.skill-name{font-family:var(--font-display);font-size:var(--sz-h3);font-weight:400;letter-spacing:0.02em;margin-bottom:6px;color:var(--text)}.skill-desc{font-size:var(--sz-small);color:var(--text-muted);line-height:1.6}.exp-list{display:flex;flex-direction:column;gap:20px}.exp-card{padding:28px;background:transparent;border:none;border-radius:var(--radius);box-shadow:var(--neu-deep);display:grid;grid-template-columns:auto 1fr;gap:22px;transition:box-shadow .25s}.exp-card:hover{box-shadow:inset 7px 7px 18px var(--neu-dark),inset -7px -7px 18px var(--neu-light)}.exp-logo{width:54px;height:54px;border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--neu-deep);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--blue);flex-shrink:0;overflow:hidden}.exp-logo img{width:100%;height:100%;object-fit:cover}.exp-role{font-family:var(--font-display);font-size:var(--sz-h3);font-weight:400;letter-spacing:0.02em;margin-bottom:2px}.exp-company{color:var(--blue);font-size:var(--sz-small);font-weight:500;font-family:var(--font-label);font-size:var(--sz-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:2px}.exp-date{color:var(--text-muted);font-size:var(--sz-label);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-label);margin-bottom:10px}.exp-desc{color:var(--text-sub);font-size:var(--sz-small);line-height:1.7}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.proj-card{background:transparent;border:none;border-radius:var(--radius);box-shadow:var(--neu-deep);overflow:hidden;transition:box-shadow .25s}.proj-card:hover{box-shadow:inset 7px 7px 18px var(--neu-dark),inset -7px -7px 18px var(--neu-light)}.proj-thumb{width:100%;height:165px;background:var(--bg);box-shadow:inset 0 -4px 12px var(--neu-dark);display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;overflow:hidden}.proj-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.proj-body{padding:22px}.proj-name{font-family:var(--font-display);font-size:var(--sz-h3);font-weight:400;letter-spacing:0.02em;margin-bottom:8px}.proj-desc{color:var(--text-sub);font-size:var(--sz-small);line-height:1.65;margin-bottom:14px}.proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.proj-tag{font-size:11px;font-weight:500;font-family:var(--font-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-sm);color:var(--blue);background:var(--bg);box-shadow:var(--neu-deep)}.proj-links{display:flex;gap:10px;flex-wrap:wrap}.proj-link{color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--neu-deep);border:none;transition:box-shadow .2s,color .2s}.proj-link:hover{color:var(--blue);box-shadow:inset 3px 3px 8px var(--neu-dark),inset -3px -3px 8px var(--neu-light)}.proj-link--primary{background:#0000ff;color:#fff !important;box-shadow:inset 2px 2px 6px rgba(0,0,0,0.3),inset -2px -2px 6px rgba(255,255,255,0.08);font-weight:700;padding:8px 18px;border-radius:var(--radius-sm);border:none}.proj-link--primary:hover{background:#0000cc;box-shadow:inset 4px 4px 10px rgba(0,0,0,0.4),inset -2px -2px 6px rgba(255,255,255,0.06)}.contact-wrap{padding:80px 0 100px}.contact-outer{background:var(--surface);border-radius:var(--radius);box-shadow:var(--neu-out);padding:60px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-form-box{background:var(--bg);border-radius:var(--radius);box-shadow:var(--neu-in);padding:36px}.contact-form-box .cf-field{margin-bottom:16px}.contact-form-box label{display:block;font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:6px}.contact-form-box input,.contact-form-box textarea{width:100%;background:var(--surface);border:none;outline:none;border-radius:var(--radius-sm);box-shadow:var(--neu-flat);padding:11px 16px;color:var(--text);font-family:var(--font-body);font-size:var(--sz-body);resize:vertical;transition:box-shadow .2s}.contact-form-box input:focus,.contact-form-box textarea:focus{box-shadow:var(--neu-in),0 0 0 2px var(--blue-dim)}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-info-item{background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--neu-in);padding:20px 24px;display:flex;gap:16px;align-items:center}.contact-info-icon{font-size:24px;flex-shrink:0}.contact-info-label{font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:3px}.contact-info-val{font-size:var(--sz-body);font-weight:400;color:var(--text)}.contact-info-val a{color:var(--blue)}.contact-section{padding:80px 0 100px}.vfw-map-wrap{margin-top:28px;border-radius:12px;overflow:hidden;border:1px solid var(--blue-border,rgba(0,0,255,0.2));box-shadow:0 8px 40px rgba(0,0,0,0.18)}.vfw-map-wrap iframe{display:block;width:100%;min-height:240px;border:none}.vfw-map-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--neu-bg,#0c0c18);border-top:1px solid var(--blue-border,rgba(0,0,255,0.2));color:var(--blue);font-family:var(--font-label);font-size:var(--sz-label);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;transition:background .2s}.vfw-map-btn svg{flex-shrink:0;stroke:var(--blue)}.vfw-map-btn:hover{background:var(--blue-dim,rgba(0,0,255,0.08))}.blog-wrap{padding:80px 0 100px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.post-card{background:var(--surface);border-radius:var(--radius);border:var(--glass-border);box-shadow:var(--neu-out);overflow:hidden;transition:transform .25s,box-shadow .25s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--neu-out),0 0 22px var(--blue-dim)}.post-thumb{width:100%;height:200px;background:var(--bg);box-shadow:var(--neu-in);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:40px}.post-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-body{padding:24px}.post-meta{font-family:var(--font-label);font-size:var(--sz-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:8px}.post-title{font-family:var(--font-display);font-size:var(--sz-h3);font-weight:400;letter-spacing:0.02em;margin-bottom:10px;line-height:1.3}.post-title a{color:var(--text)}.post-title a:hover{color:var(--blue)}.post-excerpt{color:var(--text-sub);font-size:var(--sz-small);line-height:1.65;margin-bottom:18px}.post-readmore{font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--blue)}.post-readmore:hover{color:var(--text)}.page-hero{padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(circle,rgba(0,0,255,.1) 0%,transparent 70%);pointer-events:none}.page-hero .sec-eyebrow{justify-content:center}.page-hero .sec-title{max-width:600px;margin-left:auto;margin-right:auto}.page-hero .sec-desc{margin-left:auto;margin-right:auto;text-align:center}.site-footer{background:var(--surface);box-shadow:var(--neu-flat);padding:60px 0 30px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand-name{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:0.1em;color:var(--blue);margin-bottom:12px;text-shadow:0 0 20px var(--blue-glow)}.footer-brand-desc{color:var(--text-muted);font-size:var(--sz-small);line-height:1.7;max-width:300px}.footer-col-title{font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text);margin-bottom:14px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--text-muted);font-size:var(--sz-small);transition:color .2s}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:var(--glass-border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy{font-family:var(--font-label);color:var(--text-muted);font-size:var(--sz-label);letter-spacing:var(--tracking-wide)}.footer-made{font-family:var(--font-label);color:var(--text-muted);font-size:var(--sz-label)}.footer-made span{color:var(--blue)}.footer-social-col{}.footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.footer-social-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-sub);transition:color .2s,transform .2s}.footer-social-icon svg{width:18px;height:18px}.footer-social-icon:hover{color:var(--blue);transform:translateY(-2px)}.footer-social-custom-img{width:28px;height:28px;object-fit:contain;border-radius:6px;transition:transform .2s,opacity .2s}.footer-social-icon:hover .footer-social-custom-img{transform:translateY(-2px);opacity:.85}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{max-width:400px;margin:0 auto}.about-strip-inner{grid-template-columns:1fr}.port-hero{gap:36px}.port-avatar{margin:0}.contact-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.footer-social-col{grid-column:1 / -1}.main-navigation{display:none}.menu-toggle,.hamburger{display:flex}}@media (max-width:640px){.vfw-container{padding:0 28px}.site-header-inner{padding:0 18px}.portfolio-wrap{padding:40px 0 80px}.port-hero{gap:32px;margin-bottom:60px}.port-hero-left{padding:0}.footer-inner{grid-template-columns:1fr 1fr;gap:28px 32px}.footer-brand{grid-column:1 / -1}.footer-social-col{grid-column:1 / -1}.cta-inner{flex-direction:column;text-align:center;padding:36px 24px}.contact-outer{padding:28px 20px}}.vfw-shine-text,.vfw-shine-text[data-shine-style="sweep"]{position:relative;display:inline-block;background:linear-gradient( 90deg,#0000ff 0%,#0000ff 30%,#ffffff 48%,#80aaff 52%,#0000ff 70%,#0000ff 100% );background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vfw-shine-sweep 3s linear infinite}@keyframes vfw-shine-sweep{0%{background-position:200% center}100%{background-position:-50% center}}.site-brand-name.vfw-shine-text,.site-brand-name.vfw-shine-text[data-shine-style="sweep"]{background:linear-gradient( 90deg,#0000ff 0%,#0000ff 28%,#ffffff 46%,#8ab4ff 54%,#0000ff 72%,#0000ff 100% );background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vfw-shine-sweep 3s linear infinite}.vfw-shine-text[data-shine-style="pulse"]{background:none !important;-webkit-text-fill-color:#0000ff;color:#0000ff;animation:vfw-shine-pulse 2s ease-in-out infinite}@keyframes vfw-shine-pulse{0%,100%{text-shadow:0 0 6px rgba(0,0,255,.5),0 0 14px rgba(0,0,255,.3)}50%{text-shadow:0 0 18px #fff,0 0 36px #0000ff,0 0 60px rgba(0,0,255,.6)}}.vfw-shine-text[data-shine-style="flicker"]{background:none !important;-webkit-text-fill-color:#0044ff;color:#0044ff;animation:vfw-shine-flicker 4s linear infinite}@keyframes vfw-shine-flicker{0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:0 0 4px #fff,0 0 12px #0000ff,0 0 24px #0000ff}20%,24%,55%{text-shadow:none}}.vfw-shine-text[data-shine-style="glitter"]{background:linear-gradient( 90deg,#0000ff 0%,#4466ff 15%,#ffffff 25%,#0000ff 35%,#aaccff 50%,#0000ff 65%,#ffffff 75%,#4466ff 85%,#0000ff 100% );background-size:400% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vfw-shine-glitter 1.8s linear infinite}@keyframes vfw-shine-glitter{0%{background-position:300% center}100%{background-position:-100% center}}.vfw-shine-text[data-shine-style="neon"]{background:none !important;-webkit-text-fill-color:#0000ff;color:#0000ff;animation:vfw-shine-neon 3s ease-in-out infinite}@keyframes vfw-shine-neon{0%,100%{text-shadow:0 0 4px #fff,0 0 10px #0000ff,0 0 20px #0000ff,0 0 40px #0000ff}50%{text-shadow:0 0 2px #fff,0 0 6px #0044ff,0 0 12px #0044ff,0 0 22px #0044ff}}.vfw-hero-title.vfw-shine-text[data-shine-style="sweep"],.vfw-hero-title:not([data-shine-style]){background:linear-gradient( 90deg,#e0eeff 0%,#e0eeff 30%,#ffffff 48%,#60a5fa 52%,#e0eeff 70%,#e0eeff 100% );background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:vfw-shine-sweep 3s linear infinite}.vfw-hero-section{position:relative;width:100%;min-height:var(--hero-min-height,100svh);max-width:var(--hero-max-width,100%);margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:auto}.vfw-hero-slides{position:absolute;inset:0;z-index:0}.vfw-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}.vfw-hero-slide.active{opacity:1}.vfw-hero-slide.zoom-in{animation:vfw-zoom-in 8s ease forwards}.vfw-hero-slide.zoom-out{animation:vfw-zoom-out 8s ease forwards}@keyframes vfw-zoom-in{from{transform:scale(1.0)}to{transform:scale(1.1)}}@keyframes vfw-zoom-out{from{transform:scale(1.1)}to{transform:scale(1.0)}}.vfw-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( to bottom,rgba(10,10,20,.45) 0%,rgba(10,10,20,.62) 60%,rgba(10,10,20,.85) 100% )}.vfw-stars-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}.vfw-hero-content{position:relative;z-index:3;text-align:center;padding:var(--hero-padding-top,80px) 24px var(--hero-padding-bottom,120px);max-width:860px;width:100%}.vfw-hero-est{font-family:var(--font-display);font-size:var(--sz-label);letter-spacing:.25em;color:#0000ff;margin-bottom:16px;text-shadow:0 0 12px rgba(0,0,255,.5)}.vfw-hero-greeting{font-family:var(--font-hero-greeting);font-size:clamp(18px,3vw,26px);color:rgba(255,255,255,.85);margin:0 0 6px;font-weight:300}.vfw-hero-title{font-family:var(--font-hero-title);font-size:clamp(32px,8vw,72px);font-weight:700;line-height:1.1;margin:0 0 20px}.vfw-hero-message{font-family:var(--font-hero-message);font-size:clamp(15px,2.5vw,20px);color:rgba(255,255,255,.80);max-width:580px;margin:0 auto 36px;line-height:1.6}.vfw-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.vfw-hero-btn{display:inline-block;padding:14px 34px;border-radius:6px;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .25s ease;background:var(--blue,#3B82F6);color:#fff;border:2px solid transparent}.vfw-hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.4)}.vfw-hero-btn--ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}.vfw-hero-btn--ghost:hover{border-color:var(--blue,#3B82F6);background:rgba(59,130,246,.12);box-shadow:0 8px 24px rgba(59,130,246,.2)}.vfw-hero-explore{display:flex;flex-direction:column;align-items:center;gap:6px}.vfw-explore-label{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;color:var(--blue,#3B82F6)}.vfw-explore-line{width:2px;height:52px;background:linear-gradient(to bottom,var(--blue,#3B82F6),transparent);animation:vfw-line-drop 1.6s ease-in-out infinite;transform-origin:top center}@keyframes vfw-line-drop{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}.vfw-hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:8px}.vfw-hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:none;padding:0;cursor:pointer;transition:all .3s ease}.vfw-hero-dot.active{background:var(--blue,#3B82F6);transform:scale(1.3)}.vfw-hero-section.no-images{background:linear-gradient(135deg,#0a0a18 0%,#0f172a 60%,#0a0a18 100%)}@media (max-width:640px){.vfw-hero-content{padding:80px 20px 100px}.vfw-hero-actions{flex-direction:column;align-items:center}.vfw-hero-btn{width:100%;max-width:280px;text-align:center}}:root{--hero-min-height:100svh;--hero-max-width:100%}.vfw-marquee-bar{width:100%;overflow:hidden;padding:14px 0;background:var(--bg);box-shadow:var(--neu-in);display:flex;align-items:center;position:relative;z-index:10}.vfw-marquee-bar.hidden{display:none}.vfw-marquee-track{display:flex;white-space:nowrap;will-change:transform}.vfw-marquee-track.paused{animation-play-state:paused !important}.vfw-marquee-inner{display:flex;align-items:center;gap:0}.vfw-marquee-text{display:inline-block;padding:0 40px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-weight:700;white-space:nowrap}[data-theme="dark"] .vfw-marquee-text{color:var(--marquee-color-dark,var(--blue))}[data-theme="light"] .vfw-marquee-text{color:var(--marquee-color-light,var(--blue))}@keyframes vfw-marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.vfw-stats-strip{padding:48px 0;background:var(--bg)}.vfw-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vfw-stat-card{background:var(--surface);box-shadow:var(--neu-in);border-radius:var(--radius);padding:18px 14px;text-align:center;position:relative;transition:box-shadow .3s}.vfw-stat-card:hover{box-shadow:var(--neu-deep)}.vfw-stat-num{font-family:var(--font-display);font-size:clamp(20px,3vw,32px);font-weight:400;line-height:1;margin-bottom:6px}.vfw-stat-label{font-family:var(--font-label);font-size:var(--sz-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media (max-width:640px){.vfw-stats-grid{grid-template-columns:1fr 1fr}}.vfw-partnership{padding:80px 0 100px;overflow-x:hidden}.vfw-pp-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:flex-start;margin-top:40px}.vfw-pp-visual{position:relative}.vfw-pp-photo-wrap{position:relative;border-radius:var(--radius);overflow:visible;display:inline-block;width:100%}.vfw-pp-photo{width:100%;border-radius:var(--radius);display:block;box-shadow:0 0 0 1px rgba(0,0,255,0.6),0 8px 32px rgba(0,0,255,.35),0 0 50px rgba(0,0,255,0.12)}.vfw-pp-photo-placeholder{width:100%;aspect-ratio:3/4;border-radius:var(--radius);background:var(--bg);box-shadow:var(--neu-in);display:flex;align-items:center;justify-content:center;font-size:80px}.vfw-pp-badge{position:absolute;display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.4);animation:vfw-pp-float 3s ease-in-out infinite;cursor:default;transition:transform .2s}.vfw-pp-badge:hover{transform:scale(1.08)}.vfw-pp-badge-icon{width:18px;height:18px;object-fit:contain}.vfw-pp-tiktok{width:22px;height:22px}.vfw-pp-badge--like{top:12%;right:-14px;background:rgba(239,68,68,.85);color:#fff;animation:vfw-pp-float 4s ease-in-out infinite;animation-delay:0s}.vfw-pp-badge--comment{top:38%;right:-18px;background:rgba(128,0,255,.75);color:#fff;animation:vfw-pp-float 4s ease-in-out infinite;animation-delay:1.3s}.vfw-pp-badge--follow{top:62%;right:-14px;background:rgba(0,180,180,.8);color:#fff;animation:vfw-pp-float 4s ease-in-out infinite;animation-delay:2.6s}.vfw-pp-live-badge{position:absolute;top:12%;left:-14px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:rgba(239,68,68,.9);color:#fff;font-size:12px;font-weight:600;box-shadow:0 0 12px rgba(239,68,68,.6);animation:vfw-pp-float 4s ease-in-out infinite;animation-delay:0.65s}.vfw-pp-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s ease-in-out infinite}.vfw-pp-success-badge{position:absolute;bottom:10%;right:-20px;background:linear-gradient(135deg,rgba(0,0,180,.85),rgba(80,0,180,.85));border:2px solid rgba(0,100,255,.5);border-radius:14px;padding:12px 16px;color:#fff;font-size:11px;font-weight:600;text-align:center;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 24px rgba(0,0,255,.3),0 0 40px rgba(128,0,255,.2);animation:vfw-pp-float 4s ease-in-out infinite;animation-delay:1.95s}@keyframes vfw-pp-float{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0px)}75%{opacity:1;transform:translateY(-4px)}88%{opacity:0;transform:translateY(-8px)}100%{opacity:0;transform:translateY(6px)}}.vfw-pp-card{background:var(--bg);box-shadow:inset 6px 6px 16px var(--neu-dark),inset -6px -6px 16px var(--neu-light),0 0 0 2px rgba(0,0,255,.55),0 8px 32px rgba(0,0,255,.08),0 0 40px rgba(0,0,255,.1),0 0 0 rgba(0,0,0,0);border-radius:var(--radius);padding:36px 32px;position:relative;transition:box-shadow .4s,transform .3s}.vfw-pp-card:hover{box-shadow:inset 4px 4px 12px var(--neu-dark),inset -4px -4px 12px var(--neu-light),0 0 0 3px rgba(0,0,255,.8),0 12px 48px rgba(0,0,255,.12),0 0 60px rgba(0,0,255,.18),0 0 0 rgba(0,0,0,0);transform:translateY(-4px)}.vfw-pp-card:active{transform:scale(.98) translateY(0);box-shadow:inset 8px 8px 20px var(--neu-dark),inset -8px -8px 20px var(--neu-light),0 0 0 2px #0000ff,0 4px 16px rgba(255,0,0,.2),0 0 40px rgba(128,0,255,.2)}@keyframes vfw-pp-enter{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vfw-pp-greeting{font-size:var(--sz-body);color:var(--blue);font-weight:600;font-family:var(--font-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--sz-label);margin-bottom:8px}.vfw-pp-intro{font-size:var(--sz-body);color:var(--text-sub);margin-bottom:18px;line-height:1.7}.vfw-pp-block{padding:8px 18px;border-radius:8px;margin:20px 0 12px;display:inline-block;font-size:var(--sz-small);font-weight:600;letter-spacing:.06em;color:#fff}.vfw-pp-block--blue{background:linear-gradient(90deg,#0000ff,#0044cc)}.vfw-pp-block--purple{background:linear-gradient(90deg,#7c00ff,#c000a0)}.vfw-pp-service-title{display:flex;align-items:center;gap:8px;font-size:var(--sz-h3);font-weight:600;font-family:var(--font-display);color:var(--text);margin-bottom:10px}.vfw-pp-inline-icon{width:20px;height:20px;object-fit:contain}.vfw-pp-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.vfw-pp-list li{font-size:var(--sz-small);color:var(--text-sub);padding-left:16px;position:relative;line-height:1.6}.vfw-pp-list li::before{content:'●';position:absolute;left:0;color:var(--blue);font-size:8px;top:6px}.vfw-pp-services{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.vfw-pp-services li{display:flex;gap:10px;align-items:flex-start;font-size:var(--sz-small);color:var(--text-sub);line-height:1.6}.vfw-pp-svc-icon{font-size:16px;flex-shrink:0;margin-top:2px}.vfw-pp-gain-intro{font-size:var(--sz-small);color:var(--text-sub);margin-bottom:8px}.vfw-pp-gain-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.vfw-pp-gain-list li{font-size:var(--sz-small);color:var(--text-sub);line-height:1.6}.vfw-pp-goal-box{background:var(--bg);box-shadow:var(--neu-in);border-radius:14px;padding:16px 20px;font-size:var(--sz-small);color:var(--text-sub);line-height:1.7;margin-bottom:18px;border-left:3px solid #0000ff;border-right:3px solid #ff0000}.vfw-pp-closing{font-size:var(--sz-small);color:var(--text-sub);margin-bottom:6px;font-style:italic}.vfw-pp-regards{font-size:var(--sz-small);color:var(--text-sub);margin-bottom:20px}.vfw-pp-sig{font-family:var(--font-display);font-size:16px;font-weight:600}.vfw-pp-contact{background:var(--bg);box-shadow:var(--neu-in);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:24px;border-left:3px solid #ff0000;border-right:3px solid #0000ff}.vfw-pp-contact-title{font-size:var(--sz-small);font-weight:600;color:var(--blue);letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase;background:linear-gradient(90deg,#0000ff,#7c00ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vfw-pp-contact-row{font-size:var(--sz-small);color:var(--text-sub);margin-bottom:6px;display:flex;gap:8px}.vfw-pp-cta{width:100%;text-align:center;display:block}[data-theme="light"] .vfw-pp-intro,[data-theme="light"] .vfw-pp-list li,[data-theme="light"] .vfw-pp-services li,[data-theme="light"] .vfw-pp-gain-intro,[data-theme="light"] .vfw-pp-gain-list li,[data-theme="light"] .vfw-pp-goal-box,[data-theme="light"] .vfw-pp-closing,[data-theme="light"] .vfw-pp-regards,[data-theme="light"] .vfw-pp-contact-row{color:var(--text-sub)}@media (max-width:860px){.vfw-pp-layout{grid-template-columns:1fr}.vfw-pp-visual{max-width:340px;margin:0 auto 40px}.vfw-pp-badge--like,.vfw-pp-badge--comment,.vfw-pp-badge--follow{right:-8px}.vfw-pp-live-badge{left:-8px}.vfw-pp-success-badge{right:-8px}}@media (max-width:480px){.vfw-pp-card{padding:24px 18px}.vfw-pp-badge{font-size:11px;padding:5px 10px}}body.loader-active{overflow:hidden}.loader-backdrop{position:fixed;inset:0;background:rgba(0,0,10,0.72);z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.loader-dialog{position:relative;width:clamp(260px,88vw,340px);padding:36px 28px 32px;background:var(--surface,#111122);border:1px solid rgba(0,0,255,0.28);border-radius:12px;box-shadow:var(--neu-in,inset 3px 3px 8px rgba(0,0,0,0.5),inset -3px -3px 8px rgba(28,28,50,0.4));display:flex;flex-direction:column;align-items:center;gap:16px;overflow:hidden;box-sizing:border-box}.loader-dialog::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,255,0.12) 0%,transparent 70%);animation:loaderGlowPulse 2.5s ease-in-out infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-dialog::after{content:'';position:absolute;inset:10px;border:1px solid rgba(0,0,255,0.07);border-radius:8px;pointer-events:none}.loader-cancel-btn{position:absolute;top:10px;right:12px;background:none;border:none;color:rgba(0,0,255,0.5);font-size:20px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:4px;transition:color 0.2s,background 0.2s;z-index:2}.loader-cancel-btn:hover{color:#0000ff;background:rgba(0,0,255,0.08)}.loader-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;border:none;box-shadow:var(--neu-in,inset 3px 3px 8px rgba(0,0,0,0.5),inset -3px -3px 8px rgba(28,28,50,0.4));position:relative;z-index:1;animation:loaderLogoPulse 1.2s cubic-bezier(0.22,1,0.36,1) forwards;opacity:0}.loader-site-name{font-size:clamp(15px,4vw,20px);font-weight:800;letter-spacing:0.32em;color:#0000ff;text-transform:uppercase;opacity:0;position:relative;z-index:1;animation:loaderTextReveal 1s 0.7s cubic-bezier(0.22,1,0.36,1) forwards;text-align:center;padding:0 8px}.loader-subtitle{font-size:9px;letter-spacing:0.25em;color:rgba(0,0,255,0.65);text-transform:uppercase;opacity:0;position:relative;z-index:1;animation:loaderTextReveal 1s 1.3s ease forwards;text-align:center}.loader-bar{width:140px;height:1px;background:rgba(0,0,255,0.15);position:relative;overflow:hidden;opacity:0;z-index:1;animation:loaderTextReveal 0.5s 1.7s ease forwards}.loader-bar::after{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#0000ff,transparent);animation:loaderBarSlide 1.5s 1.9s ease forwards}@keyframes loaderGlowPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@keyframes loaderLogoPulse{0%{opacity:0;transform:scale(0.6) translateY(14px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes loaderTextReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderBarSlide{from{left:-100%}to{left:200%}}.loader-fade{animation:loaderFadeOut 0.9s 4.2s ease forwards}@keyframes loaderFadeOut{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}.vfw-scroll-track-wrap{overflow-x:auto;overflow-y:visible;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;cursor:grab;user-select:none}.vfw-scroll-track-wrap::-webkit-scrollbar{display:none}.vfw-scroll-track-wrap.is-dragging{cursor:grabbing}.vfw-scroll-track{display:flex;gap:24px;padding:12px 4px 4px;width:max-content}.vfw-brand-card,.vfw-partner-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--glass,rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:24px 20px 20px;width:180px;flex-shrink:0;text-align:center;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 20px rgba(0,0,0,.18)}.vfw-brand-card:hover,.vfw-partner-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,255,.14)}.vfw-brand-img-wrap{width:80px;height:80px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08);border:2px solid rgba(0,0,255,.20);flex-shrink:0;display:flex;align-items:center;justify-content:center}.vfw-brand-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.vfw-brand-img--placeholder{font-size:32px;display:flex;align-items:center;justify-content:center}.vfw-brand-name{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:15px;font-weight:700;color:var(--text);line-height:1.25}.vfw-brand-desc{font-family:var(--font-body,'Inter',sans-serif);font-size:12px;color:var(--text-muted,#888aaa);line-height:1.4}.vfw-connect-btn{display:inline-block;margin-top:4px;padding:7px 18px;border-radius:50px;background:var(--blue,#0000ff);color:#fff;font-family:var(--font-body,'Inter',sans-serif);font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 14px rgba(0,0,255,.30)}.vfw-connect-btn:hover{opacity:.85;transform:translateY(-1px);color:#fff}.vfw-partners-cta{text-align:center;margin-top:40px}.vfw-partner-with-us-btn{font-size:16px;padding:14px 36px}.vfw-brands-section,.vfw-partners-section{padding:64px 0}.vfw-portfolio-section{padding:64px 0}.vfw-portfolio-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0 32px}@media (max-width:640px){.vfw-portfolio-info{grid-template-columns:1fr}}.vfw-portfolio-card{background:var(--bg);box-shadow:var(--neu-in);border:1px solid rgba(0,0,255,0.10);border-radius:20px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.vfw-portfolio-card-label{font-family:var(--font-label,'Syne',sans-serif);font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue,#0000ff);margin-bottom:4px}.vfw-portfolio-card-name{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:20px;font-weight:700;color:var(--text)}.vfw-portfolio-card-desc{font-size:13px;color:var(--blue,#0000ff);font-weight:600}.vfw-portfolio-card-about{font-size:13px;color:var(--text-muted);line-height:1.6;margin-top:4px;text-align:left}.vfw-portfolio-projects{margin:32px 0 0}.vfw-portfolio-projects-title{font-family:var(--font-display,'Cormorant Garamond',serif);font-size:20px;font-weight:600;color:var(--text);margin-bottom:16px}.about-strip .sec-eyebrow,.vfw-brands-section .sec-eyebrow,.vfw-partners-section .sec-eyebrow,.vfw-portfolio-section .sec-eyebrow{color:#0000ff}.about-strip .sec-eyebrow::before,.about-strip .sec-eyebrow::after,.vfw-brands-section .sec-eyebrow::before,.vfw-brands-section .sec-eyebrow::after,.vfw-partners-section .sec-eyebrow::before,.vfw-partners-section .sec-eyebrow::after,.vfw-portfolio-section .sec-eyebrow::before,.vfw-portfolio-section .sec-eyebrow::after{background:linear-gradient(90deg,transparent,#0000ff);box-shadow:0 0 8px rgba(0,0,255,0.4)}.about-strip .sec-eyebrow::before,.vfw-brands-section .sec-eyebrow::before,.vfw-partners-section .sec-eyebrow::before,.vfw-portfolio-section .sec-eyebrow::before{background:linear-gradient(90deg,#0000ff,transparent)}[data-theme="light"] .about-strip .sec-eyebrow,[data-theme="light"] .vfw-brands-section .sec-eyebrow,[data-theme="light"] .vfw-partners-section .sec-eyebrow,[data-theme="light"] .vfw-portfolio-section .sec-eyebrow{color:#0000ff}..vfw-anim-section,.vfw-anim-card{transition:none !important;opacity:1 !important;transform:none !important}[data-anim="fade-up"]{opacity:0;transform:translateY(40px)}[data-anim="fade-up"].vfw-in{opacity:1;transform:translateY(0)}[data-anim="fade-down"]{opacity:0;transform:translateY(-40px)}[data-anim="fade-down"].vfw-in{opacity:1;transform:translateY(0)}[data-anim="fade-left"]{opacity:0;transform:translateX(-50px)}[data-anim="fade-left"].vfw-in{opacity:1;transform:translateX(0)}[data-anim="fade-right"]{opacity:0;transform:translateX(50px)}[data-anim="fade-right"].vfw-in{opacity:1;transform:translateX(0)}[data-anim="fade-in"]{opacity:0;transform:none}[data-anim="fade-in"].vfw-in{opacity:1;transform:none}[data-anim="zoom-in"]{opacity:0;transform:scale(0.85)}[data-anim="zoom-in"].vfw-in{opacity:1;transform:scale(1)}[data-anim="zoom-out"]{opacity:0;transform:scale(1.12)}[data-anim="zoom-out"].vfw-in{opacity:1;transform:scale(1)}[data-anim="slide-up"]{opacity:0;transform:translateY(60px)}[data-anim="slide-up"].vfw-in{opacity:1;transform:translateY(0)}[data-anim="slide-left"]{opacity:0;transform:translateX(-70px)}[data-anim="slide-left"].vfw-in{opacity:1;transform:translateX(0)}[data-anim="slide-right"]{opacity:0;transform:translateX(70px)}[data-anim="slide-right"].vfw-in{opacity:1;transform:translateX(0)}[data-anim="none"]{opacity:1;transform:none;transition:none}@media (prefers-reduced-motion:reduce){.vfw-anim-section,.vfw-anim-card{transition:none !important;opacity:1 !important;transform:none !important}}:root{--glass-g-blur:14px;--glass-g-op:0.06;--glass-g-bop:0.12;--glass-g-rad:20px;--glass-g-shadow:#3b82f6;--glass-g-sop:0.20;--glass-g-cols:3}.vfw-glass-card{background:rgba(255,255,255,var(--glass-g-op)) !important;backdrop-filter:blur(var(--glass-g-blur)) !important;-webkit-backdrop-filter:blur(var(--glass-g-blur)) !important;border:1px solid rgba(255,255,255,var(--glass-g-bop)) !important;border-radius:var(--glass-g-rad) !important;box-shadow:0 8px 32px rgba(0,0,0,0.30),0 0 24px color-mix(in srgb,var(--glass-g-shadow) calc(var(--glass-g-sop) * 100%),transparent) !important;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease !important}@supports not (color:color-mix(in srgb,red,blue)){.vfw-glass-card{box-shadow:0 8px 32px rgba(0,0,0,0.30),0 0 24px rgba(59,130,246,var(--glass-g-sop)) !important}}.vfw-glass-card:hover{transform:translateY(-5px) !important;box-shadow:0 16px 48px rgba(0,0,0,0.40),0 0 36px color-mix(in srgb,var(--glass-g-shadow) calc(var(--glass-g-sop) * 160%),transparent) !important;border-color:rgba(255,255,255,calc(var(--glass-g-bop) * 1.8)) !important}[data-theme="light"] .vfw-glass-card{background:rgba(255,255,255,0.55) !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 0 24px rgba(59,130,246,0.12) !important}.vfw-glass-grid{display:grid;grid-template-columns:repeat(var(--glass-g-cols,3),1fr);gap:20px;padding:8px 0 16px}@media (max-width:1024px){.vfw-glass-grid{grid-template-columns:repeat( min(var(--glass-g-cols,3),2),1fr )}}@media (max-width:640px){.vfw-glass-grid{grid-template-columns:1fr}}.vfw-glass-grid .vfw-brand-card,.vfw-glass-grid .vfw-partner-card{width:auto !important;flex-shrink:unset}.vfw-edu-glass-card{position:relative;overflow:hidden}.vfw-edu-glass-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.35) 40%,rgba(255,255,255,0.60) 60%,transparent 100% );pointer-events:none}.vfw-edu-inset:hover{background:rgba(255,255,255,calc(var(--glass-g-op) * 0.7)) !important;box-shadow:inset 0 4px 18px rgba(0,0,0,0.55),inset 0 -2px 10px rgba(255,255,255,0.04),inset 6px 0 14px rgba(0,0,0,0.35),inset -6px 0 14px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.20) !important;transform:none !important}.vfw-glass-logo{background:rgba(255,255,255,0.10) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(255,255,255,0.18) !important;box-shadow:0 4px 12px rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.20) !important;color:var(--blue) !important}.proj-link--live-glass{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:9px 20px !important;border-radius:var(--glass-g-rad,20px) !important;background:linear-gradient( 135deg,rgba(37,99,235,0.85) 0%,rgba(59,130,246,0.70) 40%,rgba(96,165,250,0.55) 100% ) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(147,197,253,0.40) !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;font-family:var(--font-label) !important;letter-spacing:var(--tracking-wide) !important;text-transform:uppercase !important;text-decoration:none !important;box-shadow:0 4px 16px rgba(37,99,235,0.45),0 1px 4px rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.20) !important;transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease,background 0.22s ease !important}.proj-link--live-glass:hover{transform:translateY(-2px) scale(1.03) !important;color:#fff !important;background:linear-gradient( 135deg,rgba(29,78,216,0.95) 0%,rgba(37,99,235,0.85) 45%,rgba(59,130,246,0.75) 100% ) !important;border-color:rgba(147,197,253,0.70) !important;box-shadow:0 8px 28px rgba(37,99,235,0.65),0 2px 8px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.30) !important}.proj-link--live-glass:active{transform:translateY(0) scale(0.98) !important;box-shadow:inset 0 2px 8px rgba(0,0,0,0.40),0 2px 6px rgba(37,99,235,0.30) !important}[data-theme="light"] .proj-link--live-glass{background:linear-gradient( 135deg,rgba(37,99,235,0.90) 0%,rgba(59,130,246,0.80) 100% ) !important;border-color:rgba(37,99,235,0.30) !important;box-shadow:0 4px 16px rgba(37,99,235,0.35),inset 0 1px 0 rgba(255,255,255,0.35) !important}.vfw-live-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:7px 16px;border-radius:var(--glass-g-rad,20px);background:linear-gradient(135deg,rgba(37,99,235,0.85),rgba(96,165,250,0.60));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(147,197,253,0.40);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-label,sans-serif);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 14px rgba(37,99,235,0.40),inset 0 1px 0 rgba(255,255,255,0.20);transition:transform .2s,box-shadow .2s}.vfw-live-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,0.60),inset 0 1px 0 rgba(255,255,255,0.30)}@media (prefers-reduced-motion:reduce){.vfw-glass-card,.vfw-glass-card:hover,.vfw-edu-inset:hover,.proj-link--live-glass,.proj-link--live-glass:hover{transition:none !important;transform:none !important}} /* ── OVERFLOW FIX: contain badge overflow on small screens ── */ @media (max-width:480px){ .vfw-pp-photo-wrap{overflow:visible} .vfw-pp-badge{font-size:10px;padding:4px 8px;gap:4px} .vfw-pp-badge-icon{width:14px;height:14px} .vfw-pp-tiktok{width:16px;height:16px} .vfw-pp-live-badge{font-size:10px;padding:4px 8px;gap:4px} .vfw-pp-success-badge{font-size:9px;padding:8px 10px} } /* ── OVERFLOW FIX: prevent any element from causing horizontal scroll ── */ .vfw-section,.vfw-container,.services-strip,.about-strip, .vfw-brands-section,.vfw-partners-section,.vfw-portfolio-section, .vfw-stats-strip,.vfw-partnership,.contact-section,.cta-banner, .site-footer{max-width:100%;box-sizing:border-box} /* ═══════════════════════════════════════════════════════════════ BOLD NEUMORPHIC OVERRIDES High intensity · Small distance · Small blur · No background ═══════════════════════════════════════════════════════════════ */ /* ── Shared bold inset token ─────────────────────────────────── */ :root { --neu-bold-in: inset 4px 4px 6px var(--neu-dark), inset -4px -4px 6px var(--neu-light); } [data-theme="light"] { --neu-bold-in: inset 4px 4px 6px #c4c4d2, inset -4px -4px 6px #ffffff; } /* ── Contact form box ────────────────────────────────────────── */ .contact-form-box { background: transparent !important; box-shadow: var(--neu-bold-in) !important; } /* input / textarea fields inside also get bold inset */ .contact-form-box input, .contact-form-box textarea { background: var(--bg) !important; box-shadow: inset 3px 3px 5px var(--neu-dark), inset -3px -3px 5px var(--neu-light) !important; } .contact-form-box input:focus, .contact-form-box textarea:focus { box-shadow: inset 4px 4px 6px var(--neu-dark), inset -4px -4px 6px var(--neu-light), 0 0 0 2px var(--blue-dim) !important; } /* ── Contact info items ──────────────────────────────────────── */ .contact-info-item { background: transparent !important; box-shadow: var(--neu-bold-in) !important; } /* ── "Let's Partner" CTA — gradient + light sweep + outer pulse glow ── */ .vfw-pp-cta { position: relative; overflow: hidden; background: linear-gradient(90deg, #e91e8c, #9b27af, #00bcd4) !important; background-size: 200% auto !important; animation: vfw-partner-grad 3s linear infinite, vfw-partner-pulse 2s ease-in-out infinite; box-shadow: 0 0 18px rgba(233,30,140,0.5), 0 0 36px rgba(0,188,212,0.25) !important; } .vfw-pp-cta::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient( 105deg, transparent 20%, rgba(255,255,255,0.35) 50%, transparent 80% ); animation: vfw-partner-sweep 2.5s ease-in-out infinite; pointer-events: none; } .vfw-pp-cta:hover { transform: scale(1.04) translateY(-2px) !important; color: #fff !important; } @keyframes vfw-partner-grad { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } @keyframes vfw-partner-pulse { 0%, 100% { box-shadow: 0 0 10px rgba(233,30,140,0.4), 0 0 20px rgba(0,188,212,0.2); } 50% { box-shadow: 0 0 28px rgba(233,30,140,0.85), 0 0 55px rgba(0,188,212,0.5), 0 0 80px rgba(155,39,175,0.35); } } @keyframes vfw-partner-sweep { 0% { left: -100%; } 60% { left: 150%; } 100% { left: 150%; } } @media (prefers-reduced-motion: reduce) { .vfw-pp-cta { animation: none !important; } .vfw-pp-cta::after { animation: none !important; } } /* ── Map wrap ────────────────────────────────────────────────── */ .vfw-map-wrap { background: transparent !important; border: none !important; box-shadow: var(--neu-bold-in) !important; border-radius: var(--radius) !important; padding: 12px !important; } .vfw-map-wrap iframe { border-radius: calc(var(--radius) - 6px) !important; } .vfw-map-wrap .vfw-map-btn { margin-top: 10px !important; border-radius: calc(var(--radius) - 8px) !important; border-top: none !important; background: var(--surface) !important; box-shadow: inset 2px 2px 5px var(--neu-dark), inset -2px -2px 5px var(--neu-light) !important; position: relative; overflow: hidden; } .vfw-map-wrap .vfw-map-btn:hover { background: var(--blue-dim) !important; } /* moving light pulse sweep */ .vfw-map-wrap .vfw-map-btn::before { content: ''; position: absolute; top: 0; left: -60%; width: 50%; height: 100%; background: linear-gradient( 100deg, rgba(255,255,255,0) 0%, rgba(120,170,255,.55) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-20deg); animation: vfw-map-btn-sweep 2.8s ease-in-out infinite; pointer-events: none; } [data-theme="light"] .vfw-map-wrap .vfw-map-btn::before { background: linear-gradient( 100deg, rgba(0,0,255,0) 0%, rgba(0,0,255,.30) 50%, rgba(0,0,255,0) 100% ); } @keyframes vfw-map-btn-sweep { 0% { left: -60%; } 55% { left: 130%; } 100% { left: 130%; } } /* ── About / Brand section ───────────────────────────────────── */ .about-strip { background: transparent !important; box-shadow: var(--neu-bold-in) !important; } /* ── Brand (about) image wrap ────────────────────────────────── */ .about-img-wrap { box-sizing: border-box; max-width: var(--brand-img-size, 480px); margin: 0 auto; padding: var(--brand-img-padding, 12px); box-shadow: inset 3px 3px 8px var(--neu-dark), inset -3px -3px 8px var(--neu-light), 0 0 0 1px rgba(0,0,255,.25), 0 0 14px rgba(0,0,255,.18) !important; border: 1px solid rgba(0,0,255,.2); } .about-img-wrap img{border-radius:calc(var(--radius) - 8px);} .about-img-placeholder{border-radius:calc(var(--radius) - 8px);} /* ── Partnership card (vfw-pp-card) ─────────────────────────── */ .vfw-pp-card { background: transparent !important; box-shadow: inset 5px 5px 7px var(--neu-dark), inset -5px -5px 7px var(--neu-light), 0 0 0 2px rgba(0,0,255,.45) !important; } .vfw-pp-card:hover { box-shadow: inset 5px 5px 7px var(--neu-dark), inset -5px -5px 7px var(--neu-light), 0 0 0 3px rgba(0,0,255,.75), 0 0 40px rgba(0,0,255,.12) !important; } /* ═══════════════════════════════════════════════════════════════ EMBOSS TEXT TOGGLE (General Settings) Applies an engraved/embossed shadow to all site text. The website name (.site-brand-name) is always excluded. ═══════════════════════════════════════════════════════════════ */ body.vfw-emboss-text :is( h1,h2,h3,h4,h5,h6,p,span,a,li,label, .sec-title,.sec-desc,.sec-eyebrow, .hero-heading,.hero-sub,.hero-bio, .service-name,.service-desc, .about-strip *, .contact-info-label,.contact-info-val, .contact-form-box label, .footer-col-title,.footer-links a,.footer-copy,.footer-made,.footer-brand-desc, .post-title,.post-excerpt,.post-meta,.post-readmore, .skill-name,.skill-desc, .exp-role,.exp-company,.exp-date,.exp-desc, .proj-name,.proj-desc,.proj-tag,.proj-link, .vfw-stat-num,.vfw-stat-label, .vfw-pp-intro,.vfw-pp-list li,.vfw-pp-services li,.vfw-pp-service-title, .main-navigation a ):not(.site-brand-name):not(.site-brand-name *) { text-shadow: 0 1px 0 rgba(255,255,255,0.10), 0 -1px 1px rgba(0,0,0,0.55) !important; } [data-theme="light"] body.vfw-emboss-text :is( h1,h2,h3,h4,h5,h6,p,span,a,li,label, .sec-title,.sec-desc,.sec-eyebrow, .hero-heading,.hero-sub,.hero-bio, .service-name,.service-desc, .about-strip *, .contact-info-label,.contact-info-val, .contact-form-box label, .footer-col-title,.footer-links a,.footer-copy,.footer-made,.footer-brand-desc, .post-title,.post-excerpt,.post-meta,.post-readmore, .skill-name,.skill-desc, .exp-role,.exp-company,.exp-date,.exp-desc, .proj-name,.proj-desc,.proj-tag,.proj-link, .vfw-stat-num,.vfw-stat-label, .vfw-pp-intro,.vfw-pp-list li,.vfw-pp-services li,.vfw-pp-service-title, .main-navigation a ):not(.site-brand-name):not(.site-brand-name *) { text-shadow: 0 1px 0 rgba(255,255,255,0.65), 0 -1px 1px rgba(0,0,0,0.18) !important; } /* ═══════════════════════════════════════════════════════════════ FULL DETAIL / PROFILE BUTTONS + MODAL ═══════════════════════════════════════════════════════════════ */ .vfw-detail-btn{display:inline-block;margin-top:10px;padding:8px 20px;border-radius:50px;background:transparent;color:var(--blue);border:1.5px solid var(--blue);font-family:var(--font-body,'Inter',sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s;} .vfw-detail-btn:hover{background:var(--blue);color:#fff;transform:translateY(-1px);} .vfw-detail-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:24px;} .vfw-detail-modal.open{display:flex;} .vfw-detail-modal-overlay{position:absolute;inset:0;background:rgba(0,0,10,0.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);} .vfw-detail-modal-box{position:relative;z-index:1;width:min(420px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid rgba(0,0,255,0.25);border-radius:var(--radius);box-shadow:var(--neu-out),0 20px 60px rgba(0,0,0,0.5);padding:36px 30px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:vfwDetailModalIn .25s ease;} @keyframes vfwDetailModalIn{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:translateY(0) scale(1);}} .vfw-detail-modal-x{position:absolute;top:10px;right:12px;background:none;border:none;font-size:26px;line-height:1;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s;} .vfw-detail-modal-x:hover{color:#fff;background:rgba(0,0,255,0.12);} .vfw-detail-modal-img-wrap{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--bg);box-shadow:var(--neu-in);border:2px solid rgba(0,0,255,0.30);margin-bottom:18px;flex-shrink:0;} .vfw-detail-modal-img{width:100%;height:100%;object-fit:cover;display:block;} .vfw-detail-modal-name{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);margin-bottom:12px;} .vfw-detail-modal-desc{font-size:var(--sz-body);color:var(--text-sub);line-height:1.7;margin-bottom:26px;} .vfw-detail-modal-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;} .vfw-detail-modal-cta,.vfw-detail-modal-cancel{flex:1;min-width:120px;justify-content:center;} @media (max-width:480px){ .vfw-detail-modal-box{padding:30px 20px 24px;} .vfw-detail-modal-actions{flex-direction:column;} .vfw-detail-modal-cta,.vfw-detail-modal-cancel{width:100%;} } /* ═══════════════════════════════════════════════════════════════ VFW CEO — standalone founder section Inset neumorphic · obeys --text(#000/#fff) / --blue(#0000ff) ═══════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════ CEO SECTION — two-column: info left, phone-frame right Used in: homepage (#vfw-ceo) and /portfolio page hero ═══════════════════════════════════════════════════════════════ */ .vfw-ceo-section{padding:80px 0;} /* shared two-col layout */ .vfw-ceo-layout{ display:grid; grid-template-columns:1fr 340px; gap:60px; align-items:center; margin-top:40px; } /* ── LEFT: info column ── */ .vfw-ceo-info{display:flex;flex-direction:column;align-items:flex-start;} .vfw-ceo-name{ font-family:var(--ceo-name-font,var(--font-display)); font-size:var(--ceo-name-size,clamp(32px,4.5vw,56px)); font-weight:600; color:var(--ceo-name-color,var(--text)); margin-bottom:10px; line-height:1.08; letter-spacing:0.01em; } .vfw-ceo-name .vfw-ceo-name-accent{color:inherit;text-shadow:none;} .vfw-ceo-role{ font-family:var(--ceo-role-font,var(--font-display)); font-size:var(--ceo-role-size,var(--sz-h3)); font-weight:600; color:var(--ceo-role-color,var(--blue)); margin-bottom:18px; line-height:1.35; } .vfw-ceo-bio{ font-family:var(--ceo-bio-font,var(--font-body)); font-size:var(--ceo-bio-size,var(--sz-body)); color:var(--ceo-bio-color,var(--text-sub)); line-height:1.8; margin-bottom:28px; max-width:520px; } /* social icon pills */ .vfw-ceo-social{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;} .vfw-ceo-social-icon{ display:flex;align-items:center;justify-content:center; width:48px;height:48px;border-radius:50%; background:var(--bg); box-shadow:var(--neu-out); color:var(--text); transition:color .2s,box-shadow .25s,transform .2s; } .vfw-ceo-social-icon:hover{ color:var(--blue); transform:translateY(-2px); box-shadow:var(--neu-out),0 0 16px var(--blue-glow); } /* Blue radius glow toggle */ .vfw-ceo-social-icon.ceo-social-glow{ box-shadow:var(--neu-out),0 0 0 2px rgba(0,0,255,.25),0 0 14px rgba(0,0,255,.18); } .vfw-ceo-social-icon.ceo-social-glow:hover{ box-shadow:var(--neu-out),0 0 0 3px rgba(0,0,255,.5),0 0 28px rgba(0,0,255,.38); } .vfw-ceo-social-icon svg{width:18px;height:18px;} .vfw-ceo-social-icon img{width:22px;height:22px;object-fit:contain;border-radius:4px;} /* CTA buttons row */ .vfw-ceo-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;} .vfw-ceo-cta{ display:inline-flex;align-items:center;gap:8px; padding:14px 28px; border-radius:var(--radius-sm); background:var(--blue); color:#fff; font-family:var(--font-label); font-weight:700; font-size:var(--sz-label); letter-spacing:var(--tracking-wide); text-transform:uppercase; text-decoration:none; box-shadow:var(--neu-out),0 0 20px rgba(0,0,255,.28); transition:transform .25s,box-shadow .25s; } .vfw-ceo-cta:hover{transform:translateY(-2px);box-shadow:var(--neu-out),0 0 36px rgba(0,0,255,.45);color:#fff;} /* Pulse animation on CTA */ .vfw-cta-pulse{animation:vfw-cta-pulse-ring 2.4s ease-in-out infinite;} @keyframes vfw-cta-pulse-ring{ 0%{box-shadow:var(--neu-out),0 0 0 0 rgba(0,0,255,.5),0 0 20px rgba(0,0,255,.28);} 60%{box-shadow:var(--neu-out),0 0 0 14px rgba(0,0,255,0),0 0 32px rgba(0,0,255,.18);} 100%{box-shadow:var(--neu-out),0 0 0 0 rgba(0,0,255,0),0 0 20px rgba(0,0,255,.28);} } .vfw-ceo-cv{ display:inline-flex;align-items:center;justify-content:center; width:48px;height:48px; border-radius:50%; background:var(--bg); box-shadow:var(--neu-out); color:var(--text); text-decoration:none; transition:color .2s,box-shadow .25s,transform .2s; } .vfw-ceo-cv:hover{color:var(--blue);transform:translateY(-2px);box-shadow:var(--neu-out),0 0 16px var(--blue-glow);} .vfw-ceo-cv svg{width:20px;height:20px;} /* ── RIGHT: phone-frame photo ── */ .vfw-ceo-photo-frame{ position:relative; width:100%; max-width:var(--ceo-photo-size,340px); margin:0 auto; } .vfw-ceo-phone-shell{ position:relative; width:100%; box-sizing:border-box; border-radius:36px; background:var(--surface); padding:var(--ceo-photo-padding,12px); box-shadow: var(--neu-in), 0 0 0 1px rgba(0,0,255,.25), 0 0 14px rgba(0,0,255,.18); border:1px solid rgba(0,0,255,.2); overflow:hidden; aspect-ratio:9/16; } .vfw-ceo-phone-shell::before{ display:none; } .vfw-ceo-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px;} .vfw-ceo-photo-placeholder{ width:100%;height:100%; background:var(--bg); box-shadow:var(--neu-deep); display:flex;align-items:center;justify-content:center; font-size:80px; border-radius:22px; } /* floating experience badge — crisp, no blurred glow; size/position set inline per-instance */ .vfw-ceo-exp-badge{ position:absolute; bottom:-18px; right:-18px; background:var(--surface); border-radius:var(--radius); box-shadow:2px 2px 0 rgba(0,0,0,.12),0 0 0 1px rgba(0,0,255,.30); padding:16px 20px; display:flex;align-items:center;gap:12px; z-index:3; min-width:140px; } .vfw-ceo-exp-icon{ width:44px;height:44px; border-radius:50%; background:var(--bg); box-shadow:var(--neu-deep); display:flex;align-items:center;justify-content:center; flex-shrink:0; color:var(--blue); } .vfw-ceo-exp-icon svg{width:22px;height:22px;} .vfw-ceo-exp-num{ font-family:var(--font-display); font-size:26px; font-weight:600; color:var(--text); line-height:1; margin-bottom:2px; } .vfw-ceo-exp-label{ font-family:var(--font-label); font-size:var(--sz-label); font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--text-sub); line-height:1.3; } /* ── Details card (info column) — same inset neumorphic + blue glow treatment as the photo ── */ .vfw-ceo-info{ background:var(--surface); border-radius:var(--radius); padding:var(--ceo-info-padding,32px); box-shadow: var(--neu-in), 0 0 0 1px rgba(0,0,255,.18), 0 0 14px rgba(0,0,255,.15); } @media (max-width:860px){ .vfw-ceo-layout{grid-template-columns:1fr;gap:40px;} .vfw-ceo-photo-frame{order:-1;} .vfw-ceo-info{order:1;} } @media (max-width:640px){ .vfw-ceo-info{align-items:center;text-align:center;} .vfw-ceo-social{justify-content:center;} .vfw-ceo-actions{justify-content:center;} .vfw-ceo-bio{text-align:left;} .vfw-ceo-layout{grid-template-columns:1fr;} } /* ── Portfolio page hero — fully centered, always stacked, photo above name ── */ .vfw-ceo-layout--center{ grid-template-columns:1fr !important; max-width:560px; margin-left:auto; margin-right:auto; } .vfw-ceo-layout--center .vfw-ceo-photo-frame{margin:0 auto;order:-1;} .vfw-ceo-layout--center .vfw-ceo-info{order:1;align-items:center;text-align:center;} .vfw-ceo-layout--center .vfw-ceo-social{justify-content:center;} .vfw-ceo-layout--center .vfw-ceo-actions{justify-content:center;} .vfw-ceo-layout--center .vfw-ceo-bio{text-align:center;margin-left:auto;margin-right:auto;} /* ═══════════════════════════════════════════════════════════════ SERVICES STRIP — centre eyebrow / title / desc ═══════════════════════════════════════════════════════════════ */ .services-strip .sec-eyebrow{justify-content:center} .services-strip .sec-title{text-align:center} .services-strip .sec-desc{text-align:center;margin-left:auto;margin-right:auto} /* ═══════════════════════════════════════════════════════════════ THEME TOGGLE — animation off ═══════════════════════════════════════════════════════════════ */ .theme-toggle.no-anim .toggle-thumb, .theme-toggle.no-anim .toggle-track{transition:none !important} /* ═══════════════════════════════════════════════════════════════ TOGGLE + HAMBURGER — intense inset neumorphic, less blur/shadow ═══════════════════════════════════════════════════════════════ */ .toggle-track{ background:var(--bg) !important; box-shadow: inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light) !important; border:none !important; } .toggle-thumb{ box-shadow: 2px 2px 4px var(--neu-dark), -1px -1px 3px var(--neu-light) !important; } .hamburger,.menu-toggle{ box-shadow: inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light) !important; border:none !important; } .hamburger:active,.menu-toggle:active{ box-shadow: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light) !important; } .vfw-bs-social{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 4px}.vfw-bs-social-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface);box-shadow:var(--neu-out);color:var(--blue);transition:transform .2s,box-shadow .2s}.vfw-bs-social-icon svg{width:18px;height:18px}.vfw-bs-social-icon img{width:20px;height:20px;object-fit:contain;border-radius:4px}.vfw-bs-social-icon:hover{transform:translateY(-2px);box-shadow:var(--neu-out),0 0 14px var(--blue-glow)}.vfw-bs-url-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 26px;border-radius:var(--radius-sm);background:var(--blue);color:#fff;font-family:var(--font-label);font-size:var(--sz-label);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;box-shadow:var(--neu-out),0 0 16px rgba(0,0,255,.28);transition:transform .2s,box-shadow .2s}.vfw-bs-url-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:var(--neu-out),0 0 26px rgba(0,0,255,.45)} /* ══ Contact Choice Dialog ══ */ .vfw-contact-choice-box{padding:34px 28px 28px;text-align:left;align-items:stretch} .vfw-contact-choice-box .vfw-detail-modal-name{font-size:19px;text-align:center;margin-bottom:22px;width:100%} .vfw-contact-choice-options{display:flex;flex-direction:column;gap:12px;width:100%} .vfw-cc-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--neu-in);border:none;text-align:left;cursor:pointer;font-family:var(--font-body);transition:box-shadow .2s,transform .15s;color:var(--text);text-decoration:none} .vfw-cc-option:hover{box-shadow:var(--neu-deep);transform:translateY(-1px);color:var(--text)} .vfw-cc-option:active{transform:scale(.98)} .vfw-cc-option-icon{font-size:22px;flex-shrink:0;width:34px;text-align:center} .vfw-cc-option-text{display:flex;flex-direction:column;gap:2px} .vfw-cc-option-title{font-weight:600;font-size:var(--sz-body)} .vfw-cc-option-sub{font-size:12px;color:var(--text-muted)} .vfw-cc-option--disabled{opacity:.5;cursor:not-allowed} .vfw-cc-option--disabled:hover{transform:none;box-shadow:var(--neu-in)} /* ================================================================ CENTERED SECTION HEADINGS — requested sections ================================================================ */ .vfw-partnership .sec-eyebrow, .vfw-brands-section .sec-eyebrow, .vfw-partners-section .sec-eyebrow, .vfw-portfolio-section .sec-eyebrow, .vfw-ceo-section .sec-eyebrow, .contact-section .sec-eyebrow, #skills .sec-eyebrow, #qualifications .sec-eyebrow, #experience .sec-eyebrow, #projects .sec-eyebrow, .port-gallery-section .sec-eyebrow { justify-content: center; } .vfw-partnership .sec-title, .vfw-brands-section .sec-title, .vfw-partners-section .sec-title, .vfw-portfolio-section .sec-title, .vfw-ceo-section .sec-title, .contact-section .sec-title, #skills .sec-title, #qualifications .sec-title, #experience .sec-title, #projects .sec-title, .port-gallery-section .sec-title { text-align: center; } .vfw-partnership .sec-desc, .vfw-brands-section .sec-desc, .vfw-partners-section .sec-desc, .vfw-portfolio-section .sec-desc, .vfw-ceo-section .sec-desc, .contact-section .sec-desc, #skills .sec-desc, #qualifications .sec-desc, #experience .sec-desc, #projects .sec-desc, .port-gallery-section .sec-desc { text-align: center; margin-left: auto; margin-right: auto; } .contact-section .vfw-map-title { text-align: center; } /* ================================================================ FLOATING THEME TOGGLE — top left, shows after scrolling 200px JS-injected