{"id":702,"date":"2026-05-14T12:31:23","date_gmt":"2026-05-14T10:31:23","guid":{"rendered":"https:\/\/vortexmedia.mindyourgap.es\/?page_id=702"},"modified":"2026-05-14T12:32:31","modified_gmt":"2026-05-14T10:32:31","slug":"servicios-ingles","status":"publish","type":"page","link":"https:\/\/vortexmedia.agency\/es\/servicios-ingles\/","title":{"rendered":"servicios – ingles"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\r\n\r\n\r\n\r\n\r\nServices \u2014 Vortex Media | Communications Agency<\/title>\r\n<meta name=\"description\" content=\"Strategic consultancy, branding, sports PR and content management. Discover how Vortex Media can transform your brand's communications.\">\r\n<link rel=\"canonical\" href=\"https:\/\/vortexmedia.agency\/en\/services\/\">\r\n<link rel=\"alternate\" hreflang=\"es\" href=\"https:\/\/vortexmedia.agency\/servicios\/\">\r\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/vortexmedia.agency\/en\/services\/\">\r\n<meta property=\"og:title\" content=\"Services \u2014 Vortex Media | Communications Agency\">\r\n<meta property=\"og:description\" content=\"Strategic consultancy, branding, sports PR and content management. Discover how Vortex Media can transform your brand's communications.\">\r\n<meta property=\"og:type\" content=\"website\">\r\n<meta property=\"og:url\" content=\"https:\/\/vortexmedia.agency\/en\/services\/\">\r\n<meta property=\"og:locale\" content=\"en_GB\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.13.0\/ScrollToPlugin.min.js\"><\/script>\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"ItemList\",\"name\":\"Vortex Media Services\",\"itemListElement\":[\r\n{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"Service\",\"name\":\"Consultancy & Strategy\",\"url\":\"https:\/\/vortexmedia.agency\/en\/consultancy\",\"provider\":{\"@type\":\"Organization\",\"name\":\"Vortex Media\"}}},\r\n{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"Service\",\"name\":\"Branding & Identity\",\"url\":\"https:\/\/vortexmedia.agency\/en\/branding\"}},\r\n{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"Service\",\"name\":\"Sports PR\",\"url\":\"https:\/\/vortexmedia.agency\/en\/sports-pr\"}},\r\n{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"Service\",\"name\":\"Content & Social Media\",\"url\":\"https:\/\/vortexmedia.agency\/en\/content\"}}\r\n]}\r\n<\/script>\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --white:#ffffff;--off-white:#f8f8fa;--light-gray:#eeeff2;--mid-gray:#dcdde2;\r\n --text-primary:#0a0a0f;--text-secondary:#3a3a4a;--text-muted:#8a8a9a;\r\n --accent:#0055ff;--accent-rgb:0,85,255;--accent-light:#eef3ff;--accent-hover:#003ecc;\r\n --surface-alt:#f4f5f8;\r\n --font-heading:'Space Grotesk',-apple-system,sans-serif;\r\n --font-body:'Inter',-apple-system,sans-serif;\r\n}\r\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\r\nbody{font-family:var(--font-body);background:var(--white);color:var(--text-primary);overflow-x:hidden;line-height:1.6}\r\na{text-decoration:none;color:inherit}\r\n::-webkit-scrollbar{width:5px}\r\n::-webkit-scrollbar-track{background:var(--light-gray)}\r\n::-webkit-scrollbar-thumb{background:var(--mid-gray);border-radius:3px}\r\n\/*\u2550\u2550\u2550 HERO \u2550\u2550\u2550*\/\r\n.hero{\r\n min-height:85vh;display:flex;align-items:center;justify-content:center;\r\n padding:8rem 6% 5rem;position:relative;overflow:hidden;text-align:center;\r\n}\r\n.hero::before{\r\n content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);\r\n width:800px;height:800px;border-radius:50%;\r\n background:radial-gradient(circle,rgba(var(--accent-rgb),.04) 0%,transparent 70%);\r\n pointer-events:none;\r\n}\r\n.hero-content{position:relative;z-index:2;max-width:800px}\r\n.hero-tag{font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.hero h1{\r\n font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);\r\n font-weight:700;line-height:1.08;margin-bottom:1.5rem;color:var(--text-primary)!important;\r\n}\r\n.hero-lead{font-size:1.15rem;color:var(--text-secondary)!important;line-height:1.8;max-width:620px;margin:0 auto 2.5rem}\r\n.hero-scroll{\r\n display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;\r\n font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)!important;\r\n}\r\n.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s infinite}\r\n@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}\r\n.hero-shape{position:absolute;border-radius:50%;opacity:0;animation:floatIn 1.5s ease-out forwards,floatContinuous 8s ease-in-out infinite 1.5s}\r\n.hero-shape-1{width:300px;height:300px;border:1px solid rgba(var(--accent-rgb),.06);top:10%;left:5%;animation-delay:.2s}\r\n.hero-shape-2{width:200px;height:200px;border:1px solid rgba(var(--accent-rgb),.04);top:20%;right:8%;animation-delay:.4s}\r\n.hero-shape-3{width:150px;height:150px;background:rgba(var(--accent-rgb),.02);bottom:15%;left:15%;animation-delay:.6s}\r\n.hero-shape-4{width:100px;height:100px;border:1px solid rgba(100,0,255,.04);bottom:25%;right:20%;animation-delay:.8s}\r\n@keyframes floatIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}\r\n@keyframes floatContinuous{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}\r\n\/*\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550*\/\r\n.marquee-section{\r\n padding:1.5rem 0;overflow:hidden;\r\n border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);\r\n background:var(--surface-alt)!important;\r\n}\r\n.marquee-track{\r\n display:flex;gap:0;white-space:nowrap;\r\n animation:marqueeScroll 30s linear infinite;\r\n}\r\n.marquee-item{\r\n font-family:var(--font-heading);font-size:.85rem;font-weight:500;\r\n color:var(--text-muted)!important;letter-spacing:.05em;padding-right:0;\r\n}\r\n.marquee-item .dot{\r\n display:inline-block;width:4px;height:4px;border-radius:50%;\r\n background:var(--accent)!important;vertical-align:middle;margin:0 1.5rem;\r\n}\r\n@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\r\n\/*\u2550\u2550\u2550 SECTION COMMON \u2550\u2550\u2550*\/\r\n.section{padding:7rem 6%}\r\n.section-inner{max-width:1300px;margin:0 auto}\r\n.section-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1rem;display:block}\r\n.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.1;margin-bottom:1.2rem;max-width:700px}\r\n.section-desc{font-size:1.05rem;color:var(--text-secondary)!important;line-height:1.85;max-width:680px;margin-bottom:2rem}\r\n\/*\u2550\u2550\u2550 SERVICE BLOCKS \u2550\u2550\u2550*\/\r\n.service-block{padding:7rem 6%;position:relative;overflow:hidden}\r\n.service-block:nth-child(even){background:var(--surface-alt)!important}\r\n.service-block:nth-child(odd){background:var(--white)!important}\r\n.service-block-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}\r\n.service-block:nth-child(even) .service-block-inner{direction:rtl}\r\n.service-block:nth-child(even) .service-block-inner>*{direction:ltr}\r\n.service-block-text{display:flex;flex-direction:column;justify-content:center}\r\n.service-block-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.service-block h2{\r\n font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);\r\n font-weight:700;line-height:1.1;margin-bottom:1.2rem;\r\n}\r\n.service-block-lead{font-size:1.05rem;color:var(--text-secondary)!important;line-height:1.85;margin-bottom:1.5rem}\r\n.service-block-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}\r\n.service-block-list li{\r\n padding:.8rem 1rem;border-radius:10px;\r\n font-size:.88rem;color:var(--text-secondary)!important;line-height:1.6;\r\n display:flex;align-items:flex-start;gap:.7rem;transition:all .3s;\r\n}\r\n.service-block-list li:hover{background:rgba(var(--accent-rgb),.03);transform:translateX(4px)}\r\n.sbl-dot{flex-shrink:0;width:5px;height:5px;margin-top:.5rem;background:var(--accent)!important;border-radius:50%}\r\n\/* \u2500\u2500\u2500 CTA GROUP: two buttons side by side \u2500\u2500\u2500 *\/\r\n.service-cta-group{\r\n display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;\r\n}\r\n.service-block-cta{\r\n display:inline-flex;align-items:center;gap:.6rem;\r\n background:var(--accent)!important;color:var(--white)!important;padding:.85rem 1.8rem;\r\n border-radius:12px;font-weight:600;font-size:.9rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n white-space:nowrap;\r\n}\r\n.service-block-cta::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\r\n transform:translateX(-100%);transition:transform .6s;\r\n}\r\n.service-block-cta:hover::before{transform:translateX(100%)}\r\n.service-block-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(var(--accent-rgb),.25);color:var(--white)!important;background:var(--accent-hover)!important}\r\n.service-block-cta:visited{color:var(--white)!important}\r\n.service-block-cta:active{color:var(--white)!important}\r\n.service-block-cta svg{width:16px;height:16px;transition:transform .3s;stroke:var(--white)!important}\r\n.service-block-cta:hover svg{transform:translateX(3px);stroke:var(--white)!important}\r\n\/* Secondary CTA \u2014 outline style *\/\r\n.service-block-cta-secondary{\r\n display:inline-flex;align-items:center;gap:.6rem;\r\n background:transparent!important;\r\n color:var(--accent)!important;\r\n border:1.5px solid var(--accent)!important;\r\n padding:.75rem 1.8rem;\r\n border-radius:12px;font-weight:600;font-size:.9rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n white-space:nowrap;\r\n}\r\n.service-block-cta-secondary::before{\r\n content:'';position:absolute;inset:0;\r\n background:var(--accent);\r\n transform:scaleX(0);transform-origin:left;\r\n transition:transform .4s cubic-bezier(.23,1,.32,1);\r\n z-index:0;\r\n}\r\n.service-block-cta-secondary span,\r\n.service-block-cta-secondary svg{position:relative;z-index:1}\r\n.service-block-cta-secondary:hover::before{transform:scaleX(1)}\r\n.service-block-cta-secondary:hover{\r\n color:var(--white)!important;\r\n border-color:var(--accent)!important;\r\n transform:translateY(-2px);\r\n box-shadow:0 12px 40px rgba(var(--accent-rgb),.2);\r\n}\r\n.service-block-cta-secondary:visited{color:var(--accent)!important}\r\n.service-block-cta-secondary:visited:hover{color:var(--white)!important}\r\n.service-block-cta-secondary:active{color:var(--white)!important}\r\n.service-block-cta-secondary svg{width:16px;height:16px;transition:transform .3s;stroke:var(--accent)!important}\r\n.service-block-cta-secondary:hover svg{transform:translateX(3px);stroke:var(--white)!important}\r\n\/* Service visual *\/\r\n.service-visual{\r\n position:relative;border-radius:24px;overflow:hidden;\r\n display:flex;align-items:stretch;\r\n}\r\n.service-visual svg{width:100%;height:100%;min-height:100%}\r\n.service-visual .animated-line{\r\n stroke-dasharray:200;stroke-dashoffset:200;\r\n animation:drawLine 2s ease-out forwards;\r\n}\r\n@keyframes drawLine{to{stroke-dashoffset:0}}\r\n\/*\u2550\u2550\u2550 HORIZONTAL SHOWCASE \u2550\u2550\u2550*\/\r\n.showcase-section{padding:7rem 6%;background:var(--surface-alt)!important;overflow:hidden}\r\n.showcase-header{max-width:1300px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:flex-end}\r\n.showcase-header-text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1;margin-bottom:.6rem}\r\n.showcase-header-text p{font-size:1rem;color:var(--text-secondary)!important}\r\n.showcase-hint{\r\n display:flex;align-items:center;gap:.5rem;\r\n font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)!important;\r\n flex-shrink:0;\r\n}\r\n.showcase-hint svg{width:20px;height:20px;animation:hintSlide 1.5s ease-in-out infinite}\r\n@keyframes hintSlide{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}\r\n.showcase-track-outer{\r\n overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;\r\n scrollbar-width:none;padding-bottom:1rem;\r\n}\r\n.showcase-track-outer::-webkit-scrollbar{display:none}\r\n.showcase-track-outer:active{cursor:grabbing}\r\n.showcase-track{\r\n display:flex;gap:1.5rem;\r\n padding:0 max(calc((100vw - 1300px)\/2),5%) 1rem;\r\n width:max-content;\r\n}\r\n.showcase-card{\r\n min-width:340px;max-width:340px;border-radius:20px;\r\n background:var(--white)!important;border:1px solid var(--light-gray);\r\n overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);\r\n flex-shrink:0;\r\n}\r\n.showcase-card:hover{border-color:rgba(var(--accent-rgb),.15);transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.06)}\r\n.showcase-card-img{\r\n height:200px;position:relative;overflow:hidden;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.showcase-card-img svg{width:100%;height:100%}\r\n.showcase-card-body{padding:1.5rem 1.8rem 1.8rem}\r\n.showcase-card-number{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:.6rem}\r\n.showcase-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}\r\n.showcase-card p{font-size:.88rem;color:var(--text-secondary)!important;line-height:1.7;margin-bottom:0}\r\n.showcase-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}\r\n.showcase-dot{width:8px;height:8px;border-radius:50%;background:var(--mid-gray)!important;cursor:pointer;transition:all .3s}\r\n.showcase-dot.active{background:var(--accent)!important;width:24px;border-radius:4px}\r\n\/*\u2550\u2550\u2550 APPROACH \u2550\u2550\u2550*\/\r\n.approach-section{padding:7rem 6%;background:var(--white)!important}\r\n.approach-inner{max-width:1300px;margin:0 auto}\r\n.approach-header{text-align:center;margin-bottom:4rem}\r\n.approach-timeline{position:relative;padding:2rem 0}\r\n.approach-line{\r\n position:absolute;left:50%;top:0;bottom:0;width:1px;\r\n background:linear-gradient(to bottom,transparent,var(--light-gray) 10%,var(--light-gray) 90%,transparent);\r\n}\r\n.approach-line-fill{\r\n position:absolute;left:0;top:0;width:100%;height:0;\r\n background:var(--accent)!important;transition:height 1.5s ease-out;\r\n}\r\n.approach-item{\r\n display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:center;\r\n margin-bottom:4rem;position:relative;\r\n}\r\n.approach-item:last-child{margin-bottom:0}\r\n.approach-item-content{padding:2rem 2.5rem;border-radius:16px;background:var(--surface-alt)!important;border:1px solid var(--light-gray);transition:all .4s}\r\n.approach-item-content:hover{border-color:rgba(var(--accent-rgb),.12);box-shadow:0 8px 30px rgba(0,0,0,.03)}\r\n.approach-item:nth-child(odd) .approach-item-content{grid-column:1}\r\n.approach-item:nth-child(even) .approach-item-content{grid-column:3}\r\n.approach-item:nth-child(odd) .approach-item-spacer{grid-column:3}\r\n.approach-item:nth-child(even) .approach-item-spacer{grid-column:1}\r\n.approach-dot{\r\n grid-column:2;justify-self:center;\r\n width:14px;height:14px;border-radius:50%;\r\n background:var(--white)!important;border:2px solid var(--light-gray);\r\n transition:all .5s;position:relative;z-index:2;\r\n}\r\n.approach-dot.active{border-color:var(--accent)!important;background:var(--accent)!important;box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}\r\n.approach-item-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}\r\n.approach-item-content p{font-size:.88rem;color:var(--text-secondary)!important;line-height:1.75}\r\n.approach-number{\r\n font-family:var(--font-heading);font-size:2.5rem;font-weight:700;\r\n color:var(--light-gray)!important;margin-bottom:.5rem;transition:all .5s;\r\n}\r\n.approach-item-content:hover .approach-number{\r\n color:var(--accent)!important;\r\n text-shadow:0 0 20px rgba(var(--accent-rgb),.3),0 0 40px rgba(var(--accent-rgb),.15);\r\n}\r\n\/*\u2550\u2550\u2550 STATS \u2550\u2550\u2550*\/\r\n.stats-section{padding:5rem 6%;background:var(--text-primary)!important;color:var(--white)!important;overflow:hidden}\r\n.stats-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;text-align:center}\r\n.stat-item{position:relative}\r\n.stat-number{\r\n font-family:var(--font-heading);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;\r\n color:var(--accent)!important;margin-bottom:.5rem;\r\n}\r\n.stat-label{font-size:.82rem;color:rgba(255,255,255,.5)!important;letter-spacing:.05em}\r\n\/*\u2550\u2550\u2550 PHILOSOPHY \u2550\u2550\u2550*\/\r\n.philosophy-section{padding:7rem 6%;background:var(--white)!important;overflow:hidden}\r\n.philosophy-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}\r\n.philosophy-visual{position:relative;border-radius:24px;overflow:hidden;display:flex;align-items:stretch}\r\n.philosophy-visual svg{width:100%;height:100%;min-height:100%}\r\n.philosophy-text{display:flex;flex-direction:column;justify-content:center}\r\n.philosophy-text h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1;margin-bottom:1.2rem}\r\n.philosophy-text p{font-size:.95rem;color:var(--text-secondary)!important;line-height:1.85;margin-bottom:1rem}\r\n.philosophy-items{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}\r\n.philosophy-item{display:flex;gap:1rem;align-items:flex-start}\r\n.philosophy-item-icon{\r\n flex-shrink:0;width:36px;height:36px;border-radius:10px;\r\n background:var(--accent-light)!important;display:flex;align-items:center;justify-content:center;\r\n}\r\n.philosophy-item-icon svg{width:18px;height:18px;stroke:var(--accent)!important;fill:none;stroke-width:1.8}\r\n.philosophy-item h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;margin-bottom:.2rem}\r\n.philosophy-item p{font-size:.85rem;color:var(--text-secondary)!important;line-height:1.7}\r\n\/*\u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550*\/\r\n.cta-section{\r\n min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n text-align:center;padding:7rem 6%;background:var(--surface-alt)!important;position:relative;overflow:hidden;\r\n}\r\n.cta-section::before{\r\n content:'';position:absolute;width:600px;height:600px;border-radius:50%;\r\n background:rgba(var(--accent-rgb),.04);filter:blur(100px);\r\n bottom:-150px;left:50%;transform:translateX(-50%);pointer-events:none;\r\n}\r\n.cta-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)!important;margin-bottom:1.5rem}\r\n.cta-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08;max-width:600px;margin-bottom:1.2rem}\r\n.cta-desc{font-size:1.05rem;color:var(--text-secondary)!important;max-width:520px;line-height:1.7;margin-bottom:2.5rem}\r\n.cta-btn{\r\n display:inline-flex;align-items:center;gap:.7rem;\r\n background:var(--accent)!important;color:var(--white)!important;padding:1.1rem 2.5rem;\r\n border-radius:14px;font-weight:700;font-size:1.02rem;\r\n transition:all .4s;position:relative;overflow:hidden;\r\n}\r\n.cta-btn::before{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);\r\n transform:translateX(-100%);transition:transform .6s;\r\n}\r\n.cta-btn:hover::before{transform:translateX(100%)}\r\n.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(var(--accent-rgb),.25);color:var(--white)!important;background:var(--accent-hover)!important}\r\n.cta-btn:visited{color:var(--white)!important}\r\n.cta-btn svg{width:18px;height:18px;transition:transform .3s;stroke:var(--white)!important}\r\n.cta-btn:hover svg{transform:translateX(4px);stroke:var(--white)!important}\r\n.cta-sub{margin-top:1rem;font-size:.78rem;color:var(--text-muted)!important}\r\n\/*\u2550\u2550\u2550 BREADCRUMB \u2550\u2550\u2550*\/\r\n.breadcrumb{font-size:.75rem;color:var(--text-muted)!important;margin-bottom:2rem}\r\n.breadcrumb a{color:var(--accent)!important;transition:opacity .3s}\r\n.breadcrumb a:hover{opacity:.7}\r\n.breadcrumb span{margin:0 .4rem}\r\n\/*\u2550\u2550\u2550 REVEAL \u2550\u2550\u2550*\/\r\n.reveal-up{opacity:0;transform:translateY(50px)}\r\n.reveal-right{opacity:0;transform:translateX(50px)}\r\n.reveal-scale{opacity:0;transform:scale(.92)}\r\n.reveal-left{opacity:0;transform:translateX(-50px)}\r\n\/*\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550*\/\r\n@media(max-width:1024px){\r\n .service-block-inner{grid-template-columns:1fr;gap:2.5rem}\r\n .service-block:nth-child(even) .service-block-inner{direction:ltr}\r\n .service-visual{max-height:320px;min-height:220px}\r\n .stats-inner{grid-template-columns:repeat(2,1fr);gap:2rem}\r\n .approach-item{grid-template-columns:1fr;gap:.5rem}\r\n .approach-line{display:none}\r\n .approach-dot{grid-column:1;justify-self:start;margin-bottom:.5rem}\r\n .approach-item-content{grid-column:1!important}\r\n .approach-item-spacer{display:none}\r\n .philosophy-inner{grid-template-columns:1fr;gap:2.5rem}\r\n .philosophy-visual{max-height:360px;min-height:260px}\r\n .showcase-header{flex-direction:column;align-items:flex-start;gap:1rem}\r\n .service-block{padding:5rem 5%}\r\n .section{padding:5rem 5%}\r\n .showcase-section{padding:5rem 5%}\r\n .approach-section{padding:5rem 5%}\r\n .philosophy-section{padding:5rem 5%}\r\n .cta-section{padding:5rem 5%}\r\n}\r\n@media(max-width:768px){\r\n .hero{min-height:auto;padding:6rem 5% 3.5rem}\r\n .hero h1{font-size:clamp(1.8rem,7vw,2.5rem)}\r\n .hero-lead{font-size:1rem;margin-bottom:2rem}\r\n .hero-shape-1,.hero-shape-2{display:none}\r\n .hero-shape-3,.hero-shape-4{width:80px;height:80px}\r\n .marquee-item{font-size:.75rem}\r\n .marquee-item .dot{margin:0 1rem}\r\n .service-block{padding:4rem 5%}\r\n .service-block-inner{gap:2rem}\r\n .service-block h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .service-block-lead{font-size:.95rem}\r\n .service-block-list li{padding:.6rem .8rem;font-size:.85rem}\r\n .service-cta-group{flex-direction:column;align-items:stretch}\r\n .service-block-cta,\r\n .service-block-cta-secondary{width:100%;justify-content:center;text-align:center}\r\n .service-visual{max-height:260px;min-height:180px;border-radius:16px}\r\n .showcase-section{padding:4rem 0}\r\n .showcase-header{padding:0 5%;margin-bottom:2rem}\r\n .showcase-header-text h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .showcase-hint{display:none}\r\n .showcase-card{min-width:280px;max-width:280px}\r\n .showcase-card-img{height:160px}\r\n .showcase-card-body{padding:1.2rem 1.4rem 1.5rem}\r\n .approach-section{padding:4rem 5%}\r\n .approach-header{margin-bottom:2.5rem}\r\n .approach-item{margin-bottom:2.5rem}\r\n .approach-item-content{padding:1.5rem}\r\n .approach-number{font-size:2rem}\r\n .stats-section{padding:3.5rem 5%}\r\n .stats-inner{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}\r\n .stat-number{font-size:clamp(2rem,8vw,2.8rem)}\r\n .stat-label{font-size:.75rem}\r\n .philosophy-section{padding:4rem 5%}\r\n .philosophy-inner{gap:2rem}\r\n .philosophy-visual{max-height:280px;min-height:200px;border-radius:16px}\r\n .philosophy-text h2{font-size:clamp(1.5rem,6vw,2rem)}\r\n .philosophy-text p{font-size:.9rem}\r\n .philosophy-items{gap:1rem;margin-top:1.5rem}\r\n .cta-section{min-height:auto;padding:4rem 5%}\r\n .cta-title{font-size:clamp(1.6rem,5.5vw,2.2rem)}\r\n .cta-desc{font-size:.95rem}\r\n .cta-btn{padding:.95rem 2rem;font-size:.95rem;border-radius:12px}\r\n .footer{flex-direction:column;gap:.8rem;text-align:center;padding:2rem 5%}\r\n}\r\n@media(max-width:480px){\r\n .hero{padding:5.5rem 4% 3rem}\r\n .hero h1{font-size:1.7rem}\r\n .service-block{padding:3.5rem 4%}\r\n .service-visual{max-height:200px;min-height:150px}\r\n .showcase-card{min-width:250px;max-width:250px}\r\n .showcase-card-img{height:130px}\r\n .approach-item-content{padding:1.2rem}\r\n .approach-number{font-size:1.8rem}\r\n .philosophy-visual{max-height:220px;min-height:160px}\r\n .cta-title{font-size:1.5rem}\r\n .cta-btn{width:100%;justify-content:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-shape hero-shape-1\"><\/div>\r\n <div class=\"hero-shape hero-shape-2\"><\/div>\r\n <div class=\"hero-shape hero-shape-3\"><\/div>\r\n <div class=\"hero-shape hero-shape-4\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"breadcrumb reveal-up\"><a href=\"\/en\/\">Home<\/a><span>\u203a<\/span>Services<\/div>\r\n <div class=\"hero-tag reveal-up\">Our services<\/div>\r\n <h1 class=\"reveal-up\">Brand Communication<br>built for Growth<\/h1>\r\n <p class=\"hero-lead reveal-up\">We offer tailored services. Each area of work is designed to complement the others, creating a communications ecosystem that runs like a well-oiled machine.<\/p>\r\n <div class=\"hero-scroll reveal-up\">\r\n <span>Explore<\/span>\r\n <div class=\"hero-scroll-line\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550 -->\r\n<div class=\"marquee-section\">\r\n <div class=\"marquee-track\">\r\n <span class=\"marquee-item\">Consultancy <span class=\"dot\"><\/span> Branding <span class=\"dot\"><\/span> Sports PR <span class=\"dot\"><\/span> Content <span class=\"dot\"><\/span> Strategy <span class=\"dot\"><\/span> Visual Identity <span class=\"dot\"><\/span> Social Media <span class=\"dot\"><\/span> Personal Branding <span class=\"dot\"><\/span> Crisis Management <span class=\"dot\"><\/span> <\/span>\r\n <span class=\"marquee-item\">Consultancy <span class=\"dot\"><\/span> Branding <span class=\"dot\"><\/span> Sports PR <span class=\"dot\"><\/span> Content <span class=\"dot\"><\/span> Strategy <span class=\"dot\"><\/span> Visual Identity <span class=\"dot\"><\/span> Social Media <span class=\"dot\"><\/span> Personal Branding <span class=\"dot\"><\/span> Crisis Management <span class=\"dot\"><\/span> <\/span>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 1 \u2014 CONSULTANCY \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"consultancy\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">01 \u2014 Consultancy & Strategy<\/div>\r\n <h2 class=\"reveal-up\">Before you communicate, you need to know what to say.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Communications audit, positioning diagnosis and bespoke strategy design. We ask the questions others avoid.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Full communications audit<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Competitive positioning analysis<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Key messaging and channel strategy<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Communications plan with measurable KPIs<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Hands-on implementation support<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"\/en\/contact\" class=\"service-block-cta\">\r\n <span>Arrange meeting<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/vortexmedia.agency\/consultancy-eng\/\" class=\"service-block-cta-secondary\">\r\n <span>View more<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-visual reveal-right\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#eef3ff 0%,#f0e8ff 50%,#e8f8ff 100%);border-radius:24px\">\r\n <circle cx=\"240\" cy=\"260\" r=\"150\" fill=\"none\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"100\" fill=\"none\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"50\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"110\" r=\"7\" fill=\"rgba(0,85,255,.08)\" stroke=\"rgba(0,85,255,.15)\" stroke-width=\"1\"\/>\r\n <circle cx=\"380\" cy=\"210\" r=\"6\" fill=\"rgba(0,85,255,.06)\" stroke=\"rgba(0,85,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"360\" cy=\"380\" r=\"6\" fill=\"rgba(100,0,255,.06)\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"120\" cy=\"380\" r=\"7\" fill=\"rgba(0,85,255,.06)\" stroke=\"rgba(0,85,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"100\" cy=\"210\" r=\"6\" fill=\"rgba(100,0,255,.06)\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"10\" fill=\"rgba(0,85,255,.1)\" stroke=\"rgba(0,85,255,.2)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"240\" y1=\"110\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"380\" y1=\"210\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"360\" y1=\"380\" x2=\"240\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"120\" y1=\"380\" x2=\"240\" y2=\"260\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <line x1=\"100\" y1=\"210\" x2=\"240\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" class=\"animated-line\"\/>\r\n <text x=\"240\" y=\"92\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">AUDIENCE<\/text>\r\n <text x=\"405\" y=\"208\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">BRAND<\/text>\r\n <text x=\"370\" y=\"405\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">CHANNELS<\/text>\r\n <text x=\"110\" y=\"405\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">DATA<\/text>\r\n <text x=\"60\" y=\"208\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">OBJECTIVES<\/text>\r\n <text x=\"240\" y=\"265\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"10\" font-weight=\"700\" fill=\"rgba(0,85,255,.1)\">STRATEGY<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 2 \u2014 BRANDING \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"branding\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">02 \u2014 Branding & Identity<\/div>\r\n <h2 class=\"reveal-up\">Your brand speaks before you do. Make sure it's saying the right thing.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">We build brands from the ground up \u2014 brand platform, verbal identity, visual identity and a cohesive system that works across every medium.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Naming and brand architecture<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Complete visual identity<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Tone of voice and verbal personality<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Comprehensive brand guidelines<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Applications and digital ecosystem<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"\/en\/contact\" class=\"service-block-cta\">\r\n <span>Arrange meeting<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/vortexmedia.agency\/branding-eng\/\" class=\"service-block-cta-secondary\">\r\n <span>View more<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#f0e8ff 0%,#ffe8f0 40%,#e8f0ff 100%);border-radius:24px\">\r\n <rect x=\"160\" y=\"170\" width=\"160\" height=\"160\" rx=\"12\" fill=\"none\" stroke=\"rgba(100,0,255,.08)\" stroke-width=\"1.5\" transform=\"rotate(15,240,250)\"\/>\r\n <rect x=\"170\" y=\"180\" width=\"140\" height=\"140\" rx=\"8\" fill=\"none\" stroke=\"rgba(100,0,255,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"70\" fill=\"none\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"45\" fill=\"rgba(100,0,255,.03)\"\/>\r\n <circle cx=\"240\" cy=\"260\" r=\"25\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <text x=\"240\" y=\"268\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"22\" font-weight=\"700\" fill=\"rgba(100,0,255,.12)\">B<\/text>\r\n <line x1=\"80\" y1=\"260\" x2=\"170\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"310\" y1=\"260\" x2=\"400\" y2=\"260\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"240\" y1=\"120\" x2=\"240\" y2=\"190\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <line x1=\"240\" y1=\"330\" x2=\"240\" y2=\"400\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <text x=\"60\" y=\"255\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">VALUES<\/text>\r\n <text x=\"420\" y=\"255\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(100,0,255,.14)\" letter-spacing=\"2\">VISUAL<\/text>\r\n <text x=\"240\" y=\"110\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">VOICE<\/text>\r\n <text x=\"240\" y=\"420\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.18)\" letter-spacing=\"2\">EXPERIENCE<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 3 \u2014 SPORTS PR \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"sports-pr\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">03 \u2014 Sports PR<\/div>\r\n <h2 class=\"reveal-up\">Sport is lived with passion. Your sports brand should communicate with the same intensity.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Athlete image management, club and event communications, specialist media relations and real-time digital strategy.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Athlete image and personal branding<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Club and event communications<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Sports media relations<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Sponsorship management<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Crisis and reputation management<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"\/en\/contact\" class=\"service-block-cta\">\r\n <span>Arrange meeting<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/vortexmedia.agency\/sports-pr\/\" class=\"service-block-cta-secondary\">\r\n <span>View more<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-visual reveal-right\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#e8ffe8 0%,#e8f8ff 40%,#eef3ff 100%);border-radius:24px\">\r\n <path d=\"M60,400 Q180,140 440,240\" fill=\"none\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1.5\"\/>\r\n <path d=\"M80,440 Q230,190 460,270\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <path d=\"M40,350 Q160,100 410,210\" fill=\"none\" stroke=\"rgba(0,180,100,.04)\" stroke-width=\"1\" stroke-dasharray=\"6,8\"\/>\r\n <line x1=\"130\" y1=\"240\" x2=\"330\" y2=\"200\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"150\" y1=\"265\" x2=\"310\" y2=\"235\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"170\" y1=\"290\" x2=\"350\" y2=\"250\" stroke=\"rgba(0,180,100,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"60\" fill=\"none\" stroke=\"rgba(0,180,100,.06)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"35\" fill=\"none\" stroke=\"rgba(0,180,100,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"8\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <circle cx=\"250\" cy=\"240\" r=\"3\" fill=\"rgba(0,180,100,.3)\"\/>\r\n <circle cx=\"110\" cy=\"330\" r=\"3\" fill=\"rgba(0,85,255,.12)\"\/>\r\n <circle cx=\"180\" cy=\"255\" r=\"3\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <circle cx=\"330\" cy=\"220\" r=\"3\" fill=\"rgba(0,180,100,.12)\"\/>\r\n <circle cx=\"400\" cy=\"255\" r=\"3\" fill=\"rgba(0,85,255,.1)\"\/>\r\n <text x=\"250\" y=\"160\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,180,100,.15)\" letter-spacing=\"2\">SPEED<\/text>\r\n <text x=\"400\" y=\"310\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.15)\" letter-spacing=\"2\">IMPACT<\/text>\r\n <text x=\"80\" y=\"310\" text-anchor=\"end\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,180,100,.15)\" letter-spacing=\"2\">EMOTION<\/text>\r\n <text x=\"250\" y=\"370\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.15)\" letter-spacing=\"2\">AUDIENCE<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 SERVICE 4 \u2014 CONTENT \u2550\u2550\u2550 -->\r\n<div class=\"service-block\" id=\"content\">\r\n <div class=\"service-block-inner\">\r\n <div class=\"service-block-text\">\r\n <div class=\"service-block-tag reveal-up\">04 \u2014 Content & Social Media<\/div>\r\n <h2 class=\"reveal-up\">Content that connects. Communities that grow.<\/h2>\r\n <p class=\"service-block-lead reveal-up\">Editorial strategy, audiovisual production, full social media management and paid social. Every piece has a clear objective; every post has a purpose.<\/p>\r\n <ul class=\"service-block-list\">\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Multi-channel content strategy<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Full social media management<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Audiovisual production and photography<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Copywriting and storytelling<\/li>\r\n <li class=\"reveal-up\"><span class=\"sbl-dot\"><\/span>Paid social advertising<\/li>\r\n <\/ul>\r\n <div class=\"service-cta-group reveal-up\">\r\n <a href=\"\/en\/contact\" class=\"service-block-cta\">\r\n <span>Arrange meeting<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/vortexmedia.agency\/social-media-eng\/\" class=\"service-block-cta-secondary\">\r\n <span>View more<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#fff5e8 0%,#ffe8e8 40%,#f8e8ff 100%);border-radius:24px\">\r\n <circle cx=\"240\" cy=\"250\" r=\"30\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"120\" cy=\"170\" r=\"22\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"360\" cy=\"170\" r=\"18\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"100\" cy=\"340\" r=\"20\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"380\" cy=\"340\" r=\"22\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"400\" r=\"16\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.07)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"120\" y2=\"170\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"360\" y2=\"170\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"100\" y2=\"340\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"380\" y2=\"340\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"240\" y1=\"250\" x2=\"240\" y2=\"400\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <path d=\"M120,170 Q60,250 100,340\" fill=\"none\" stroke=\"rgba(255,120,0,.04)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <path d=\"M360,170 Q420,250 380,340\" fill=\"none\" stroke=\"rgba(255,120,0,.04)\" stroke-width=\"1\" stroke-dasharray=\"4,6\"\/>\r\n <circle cx=\"180\" cy=\"210\" r=\"2.5\" fill=\"rgba(255,120,0,.15)\"\/>\r\n <circle cx=\"300\" cy=\"210\" r=\"2.5\" fill=\"rgba(255,120,0,.12)\"\/>\r\n <circle cx=\"170\" cy=\"295\" r=\"2.5\" fill=\"rgba(255,120,0,.12)\"\/>\r\n <circle cx=\"310\" cy=\"295\" r=\"2.5\" fill=\"rgba(255,120,0,.15)\"\/>\r\n <circle cx=\"240\" cy=\"250\" r=\"5\" fill=\"rgba(255,120,0,.2)\"\/>\r\n <text x=\"120\" y=\"148\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">CREATE<\/text>\r\n <text x=\"360\" y=\"148\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">DISTRIBUTE<\/text>\r\n <text x=\"80\" y=\"375\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">MEASURE<\/text>\r\n <text x=\"400\" y=\"375\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(255,120,0,.14)\" letter-spacing=\"2\">OPTIMISE<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<!-- \u2550\u2550\u2550 HORIZONTAL SHOWCASE \u2550\u2550\u2550 -->\r\n<section class=\"showcase-section\" id=\"showcase\">\r\n <div class=\"showcase-header\">\r\n <div class=\"showcase-header-text\">\r\n <span class=\"section-tag reveal-up\">Approach<\/span>\r\n <h2 class=\"reveal-up\">What you get when you work with us<\/h2>\r\n <p class=\"reveal-up\">Every service translates into tangible, actionable deliverables.<\/p>\r\n <\/div>\r\n <div class=\"showcase-hint reveal-up\">\r\n Swipe to explore\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-track-outer\" id=\"showcase-scroller\">\r\n <div class=\"showcase-track\" id=\"showcase-track\">\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#eef3ff,#f0e8ff,#e8f8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"100\" y=\"40\" width=\"140\" height=\"120\" rx=\"8\" fill=\"none\" stroke=\"rgba(0,85,255,.1)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"120\" y1=\"70\" x2=\"220\" y2=\"70\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"85\" x2=\"200\" y2=\"85\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"100\" x2=\"210\" y2=\"100\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"115\" x2=\"190\" y2=\"115\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"120\" y1=\"130\" x2=\"180\" y2=\"130\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\"\/>\r\n <circle cx=\"170\" cy=\"100\" r=\"35\" fill=\"none\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\" stroke-dasharray=\"4,4\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,85,255,.12)\" letter-spacing=\"3\">STRATEGIC PLAN<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Consultancy<\/div>\r\n <h3>Strategic communications plan<\/h3>\r\n <p>An actionable document with diagnosis, key messages, channels, calendar and KPIs. Not a PDF you file away \u2014 a roadmap you can actually execute.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#f0e8ff,#ffe8f0,#e8f0ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"90\" r=\"40\" fill=\"none\" stroke=\"rgba(100,0,255,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"22\" fill=\"rgba(100,0,255,.04)\"\/>\r\n <text x=\"170\" y=\"98\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"20\" font-weight=\"700\" fill=\"rgba(100,0,255,.12)\">V<\/text>\r\n <rect x=\"80\" y=\"140\" width=\"180\" height=\"4\" rx=\"2\" fill=\"rgba(100,0,255,.05)\"\/>\r\n <rect x=\"110\" y=\"150\" width=\"120\" height=\"3\" rx=\"1\" fill=\"rgba(100,0,255,.04)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(100,0,255,.12)\" letter-spacing=\"3\">VISUAL IDENTITY<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Branding<\/div>\r\n <h3>Complete identity branding<\/h3>\r\n <p>Logo, colour palette, typography, tone of voice, brand guidelines and applications across all formats \u2014 digital and physical.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#e8ffe8,#e8f8ff,#eef3ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M60,150 Q120,60 170,90 Q220,120 280,50\" fill=\"none\" stroke=\"rgba(0,180,100,.1)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"25\" fill=\"none\" stroke=\"rgba(0,180,100,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"170\" cy=\"90\" r=\"6\" fill=\"rgba(0,180,100,.15)\"\/>\r\n <polygon points=\"160,75 180,75 170,60\" fill=\"rgba(0,180,100,.08)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,180,100,.12)\" letter-spacing=\"3\">MEDIA KIT<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Sports PR<\/div>\r\n <h3>Media kit and image strategy<\/h3>\r\n <p>Full public image management: professional media kit, media protocol, social strategy and reputational crisis plan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#fff5e8,#ffe8e8,#f8e8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"80\" y=\"50\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <rect x=\"145\" y=\"65\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.03)\" stroke=\"rgba(255,120,0,.06)\" stroke-width=\"1\"\/>\r\n <rect x=\"210\" y=\"50\" width=\"55\" height=\"55\" rx=\"6\" fill=\"rgba(255,120,0,.04)\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"135\" y1=\"77\" x2=\"145\" y2=\"92\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <line x1=\"200\" y1=\"92\" x2=\"210\" y2=\"77\" stroke=\"rgba(255,120,0,.08)\" stroke-width=\"1\"\/>\r\n <rect x=\"90\" y=\"60\" width=\"35\" height=\"4\" rx=\"2\" fill=\"rgba(255,120,0,.06)\"\/>\r\n <rect x=\"90\" y=\"68\" width=\"25\" height=\"3\" rx=\"1\" fill=\"rgba(255,120,0,.04)\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(255,120,0,.12)\" letter-spacing=\"3\">EDITORIAL CALENDAR<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Content<\/div>\r\n <h3>Editorial calendar and reporting<\/h3>\r\n <p>Monthly editorial strategy, content production, publishing and reporting with metrics that matter. Everything executed, not just planned.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#eef3ff,#e8f8ff,#f0e8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"70\" y=\"50\" width=\"200\" height=\"110\" rx=\"10\" fill=\"none\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1.5\"\/>\r\n <line x1=\"70\" y1=\"80\" x2=\"270\" y2=\"80\" stroke=\"rgba(0,85,255,.05)\" stroke-width=\"1\"\/>\r\n <circle cx=\"90\" cy=\"65\" r=\"4\" fill=\"rgba(255,80,80,.08)\"\/>\r\n <circle cx=\"104\" cy=\"65\" r=\"4\" fill=\"rgba(255,200,0,.08)\"\/>\r\n <circle cx=\"118\" cy=\"65\" r=\"4\" fill=\"rgba(0,180,100,.08)\"\/>\r\n <rect x=\"85\" y=\"92\" width=\"60\" height=\"50\" rx=\"4\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <rect x=\"155\" y=\"92\" width=\"100\" height=\"8\" rx=\"2\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <rect x=\"155\" y=\"106\" width=\"80\" height=\"6\" rx=\"2\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <rect x=\"155\" y=\"118\" width=\"90\" height=\"6\" rx=\"2\" fill=\"rgba(0,85,255,.03)\"\/>\r\n <text x=\"170\" y=\"185\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(0,85,255,.12)\" letter-spacing=\"3\">DIGITAL ECOSYSTEM<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">Integration<\/div>\r\n <h3>Integrated digital ecosystem<\/h3>\r\n <p>Web, social, email, advertising \u2014 all connected under one strategy. Nothing goes rogue; everything pushes towards the same goal.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-card reveal-up\">\r\n <div class=\"showcase-card-img\" style=\"background:linear-gradient(135deg,#f8e8ff,#eef3ff,#e8f8ff)\">\r\n <svg viewBox=\"0 0 340 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"170\" cy=\"95\" r=\"55\" fill=\"none\" stroke=\"rgba(100,0,255,.06)\" stroke-width=\"1\"\/>\r\n <path d=\"M120,120 L150,80 L180,100 L210,60 L240,90\" fill=\"none\" stroke=\"rgba(100,0,255,.12)\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"150\" cy=\"80\" r=\"3\" fill=\"rgba(100,0,255,.15)\"\/>\r\n <circle cx=\"180\" cy=\"100\" r=\"3\" fill=\"rgba(100,0,255,.12)\"\/>\r\n <circle cx=\"210\" cy=\"60\" r=\"3\" fill=\"rgba(100,0,255,.15)\"\/>\r\n <line x1=\"100\" y1=\"130\" x2=\"240\" y2=\"130\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\"\/>\r\n <text x=\"170\" y=\"180\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" fill=\"rgba(100,0,255,.12)\" letter-spacing=\"3\">MONTHLY REPORTING<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"showcase-card-body\">\r\n <div class=\"showcase-card-number\">All areas<\/div>\r\n <h3>Reporting and performance analysis<\/h3>\r\n <p>Monthly reports with real data, KPI tracking, analysis of what's working and what needs adjusting. Full transparency on performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"showcase-dots\" id=\"showcase-dots\"><\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 APPROACH \u2550\u2550\u2550 -->\r\n<section class=\"approach-section\" id=\"approach\">\r\n <div class=\"approach-inner\">\r\n <div class=\"approach-header\">\r\n <span class=\"section-tag reveal-up\">Our approach<\/span>\r\n <h2 class=\"section-title reveal-up\" style=\"margin:0 auto 1rem;text-align:center\">How we tackle every project<\/h2>\r\n <p class=\"section-desc reveal-up\" style=\"margin:0 auto;text-align:center\">Regardless of the service, every project follows a methodology that has proven to deliver results.<\/p>\r\n <\/div>\r\n <div class=\"approach-timeline\">\r\n <div class=\"approach-line\"><div class=\"approach-line-fill\" id=\"timeline-fill\"><\/div><\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">01<\/div>\r\n <h3>Listen & Understand<\/h3>\r\n <p>We have a meeting you. We get to know your business, culture, objectives and frustrations with your current communications. We won't start until we fully understand your reality.<\/p>\r\n <\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">02<\/div>\r\n <h3>Data Diagnose<\/h3>\r\n <p>Full audit: we gather data, analyse competitors, map perception and cross-reference everything to identify where you truly stand.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">03<\/div>\r\n <h3>Design the strategy<\/h3>\r\n <p>Key messages, priority channels, action calendar and success metrics. Everything aligned with your business objectives, not passing trends.<\/p>\r\n <\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <\/div>\r\n <div class=\"approach-item reveal-up\">\r\n <div class=\"approach-item-spacer\"><\/div>\r\n <div class=\"approach-dot\"><\/div>\r\n <div class=\"approach-item-content\">\r\n <div class=\"approach-number\">04<\/div>\r\n <h3>Execute and support<\/h3>\r\n <p>We don't hand you a document and disappear. We support the rollout with reviews, real-time adjustments and regular reporting.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 PHILOSOPHY \u2550\u2550\u2550 -->\r\n<section class=\"philosophy-section\">\r\n <div class=\"philosophy-inner\">\r\n <div class=\"philosophy-visual reveal-left\">\r\n <svg viewBox=\"0 0 480 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid meet\" style=\"background:linear-gradient(135deg,#eef3ff 0%,#f0e8ff 50%,#e8f8ff 100%);border-radius:24px\" id=\"philosophy-svg\">\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(0,85,255,.06)\" stroke-width=\"1\" transform=\"rotate(-20,240,280)\"\/>\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(100,0,255,.05)\" stroke-width=\"1\" transform=\"rotate(40,240,280)\"\/>\r\n <ellipse cx=\"240\" cy=\"280\" rx=\"180\" ry=\"60\" fill=\"none\" stroke=\"rgba(0,85,255,.04)\" stroke-width=\"1\" transform=\"rotate(100,240,280)\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"60\" fill=\"rgba(0,85,255,.03)\" stroke=\"rgba(0,85,255,.08)\" stroke-width=\"1\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"35\" fill=\"rgba(0,85,255,.04)\"\/>\r\n <circle cx=\"240\" cy=\"280\" r=\"12\" fill=\"rgba(0,85,255,.08)\"\/>\r\n <circle cx=\"420\" cy=\"260\" r=\"5\" fill=\"rgba(0,85,255,.12)\" class=\"orbit-dot\" id=\"od1\"\/>\r\n <circle cx=\"140\" cy=\"380\" r=\"4\" fill=\"rgba(100,0,255,.1)\" class=\"orbit-dot\" id=\"od2\"\/>\r\n <circle cx=\"290\" cy=\"150\" r=\"4\" fill=\"rgba(0,85,255,.1)\" class=\"orbit-dot\" id=\"od3\"\/>\r\n <circle cx=\"90\" cy=\"230\" r=\"3\" fill=\"rgba(100,0,255,.08)\" class=\"orbit-dot\" id=\"od4\"\/>\r\n <text x=\"240\" y=\"285\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"11\" font-weight=\"700\" fill=\"rgba(0,85,255,.1)\">VORTEX<\/text>\r\n <text x=\"240\" y=\"490\" text-anchor=\"middle\" font-family=\"Space Grotesk,sans-serif\" font-size=\"8\" font-weight=\"600\" fill=\"rgba(0,85,255,.1)\" letter-spacing=\"3\">STRATEGIC COMMUNICATIONS<\/text>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"philosophy-text\">\r\n <span class=\"section-tag reveal-up\">Philosophy<\/span>\r\n <h2 class=\"reveal-up\">We don't believe in superficial communications.<\/h2>\r\n <p class=\"reveal-up\">Vortex Media will not be just be posting beautiful content. We build a coherent narrative that connects what you are with what your audience needs to hear. Every action has a purpose; every message has a direction.<\/p>\r\n <p class=\"reveal-up\">We only work with businesses and professionals who understand that communications is an investment, not an expense. The results are measured in perception, positioning and business impact \u2014 not likes.<\/p>\r\n <div class=\"philosophy-items\">\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Data-driven<\/h4>\r\n <p>Every decision is backed by real data, not assumptions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Holistic vision<\/h4>\r\n <p>Communications doesn't work in a vacuum \u2014 we connect it to sales, product and culture.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"philosophy-item reveal-up\">\r\n <div class=\"philosophy-item-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg><\/div>\r\n <div>\r\n <h4>Team<\/h4>\r\n <p>Consultants with hands-on experience in communications leadership.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 CTA \u2550\u2550\u2550 -->\r\n<section class=\"cta-section\" id=\"contact\">\r\n <span class=\"cta-tag reveal-up\">Shall we begin?<\/span>\r\n <h2 class=\"cta-title reveal-up\">Tell us what you need.<\/h2>\r\n <p class=\"cta-desc reveal-up\">A 30-minute conversation can change the direction of your business. No obligation, no empty slide decks \u2014 just an honest conversation.<\/p>\r\n <a href=\"\/en\/contact\/\" class=\"cta-btn reveal-scale\">\r\n Get a quote\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <p class=\"cta-sub reveal-up\">Response within 48 hours<\/p>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550 JS \u2550\u2550\u2550 -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded',()=>{\r\n gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);\r\n gsap.utils.toArray('.reveal-up').forEach((el,i)=>{\r\n gsap.to(el,{opacity:1,y:0,duration:.9,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 87%'},delay:(i%5)*.06});\r\n });\r\n gsap.utils.toArray('.reveal-right').forEach(el=>{\r\n gsap.to(el,{opacity:1,x:0,duration:1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});\r\n });\r\n gsap.utils.toArray('.reveal-left').forEach(el=>{\r\n gsap.to(el,{opacity:1,x:0,duration:1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});\r\n });\r\n gsap.utils.toArray('.reveal-scale').forEach(el=>{\r\n gsap.to(el,{opacity:1,scale:1,duration:.8,ease:'back.out(1.5)',scrollTrigger:{trigger:el,start:'top 87%'}});\r\n });\r\n gsap.utils.toArray('.service-visual').forEach(sv=>{\r\n gsap.fromTo(sv,{y:30},{y:-30,ease:'none',scrollTrigger:{trigger:sv,start:'top bottom',end:'bottom top',scrub:1}});\r\n });\r\n const scroller=document.getElementById('showcase-scroller');\r\n const track=document.getElementById('showcase-track');\r\n if(scroller&&track){\r\n let isDragging=false,startX=0,scrollLeft=0;\r\n scroller.addEventListener('mousedown',e=>{isDragging=true;startX=e.pageX-scroller.offsetLeft;scrollLeft=scroller.scrollLeft;scroller.style.cursor='grabbing'});\r\n document.addEventListener('mouseup',()=>{isDragging=false;if(scroller)scroller.style.cursor='grab'});\r\n scroller.addEventListener('mousemove',e=>{if(!isDragging)return;e.preventDefault();const x=e.pageX-scroller.offsetLeft;scroller.scrollLeft=scrollLeft-(x-startX)*1.2});\r\n scroller.addEventListener('touchstart',e=>{startX=e.touches[0].pageX-scroller.offsetLeft;scrollLeft=scroller.scrollLeft},{passive:true});\r\n scroller.addEventListener('touchmove',e=>{const x=e.touches[0].pageX-scroller.offsetLeft;scroller.scrollLeft=scrollLeft-(x-startX)},{passive:true});\r\n const dotsContainer=document.getElementById('showcase-dots');\r\n const cards=track.querySelectorAll('.showcase-card');\r\n cards.forEach((_,i)=>{\r\n const dot=document.createElement('div');\r\n dot.className='showcase-dot'+(i===0?' active':'');\r\n dot.addEventListener('click',()=>{\r\n const cardW=cards[0].offsetWidth+24;\r\n scroller.scrollTo({left:cardW*i,behavior:'smooth'});\r\n });\r\n dotsContainer.appendChild(dot);\r\n });\r\n const allDots=dotsContainer.querySelectorAll('.showcase-dot');\r\n scroller.addEventListener('scroll',()=>{\r\n const cardW=cards[0].offsetWidth+24;\r\n const idx=Math.round(scroller.scrollLeft\/cardW);\r\n allDots.forEach((d,i)=>d.classList.toggle('active',i===idx));\r\n });\r\n }\r\n const timelineFill=document.getElementById('timeline-fill');\r\n const approachDots=document.querySelectorAll('.approach-dot');\r\n if(timelineFill){\r\n ScrollTrigger.create({\r\n trigger:'.approach-timeline',\r\n start:'top 70%',\r\n end:'bottom 40%',\r\n scrub:1,\r\n onUpdate:self=>{\r\n timelineFill.style.height=(self.progress*100)+'%';\r\n approachDots.forEach((dot,i)=>{\r\n const threshold=(i+1)\/(approachDots.length+1);\r\n dot.classList.toggle('active',self.progress>=threshold);\r\n });\r\n }\r\n });\r\n }\r\n const statNumbers=document.querySelectorAll('.stat-number[data-target]');\r\n statNumbers.forEach(el=>{\r\n const target=parseInt(el.dataset.target);\r\n const suffix=el.dataset.suffix||'';\r\n ScrollTrigger.create({\r\n trigger:el,\r\n start:'top 85%',\r\n once:true,\r\n onEnter:()=>{\r\n gsap.to({val:0},{val:target,duration:2,ease:'power2.out',\r\n onUpdate:function(){el.textContent=Math.round(this.targets()[0].val)+suffix}\r\n });\r\n }\r\n });\r\n });\r\n const phSvg=document.getElementById('philosophy-svg');\r\n if(phSvg){\r\n const dots=[\r\n {el:document.getElementById('od1'),angle:0,rx:180,ry:60,rot:-20,speed:.008,cY:280},\r\n {el:document.getElementById('od2'),angle:2,rx:180,ry:60,rot:40,speed:.006,cY:280},\r\n {el:document.getElementById('od3'),angle:4,rx:180,ry:60,rot:100,speed:.01,cY:280},\r\n {el:document.getElementById('od4'),angle:1,rx:140,ry:45,rot:-20,speed:.012,cY:280}\r\n ];\r\n function animateOrbits(){\r\n dots.forEach(d=>{\r\n d.angle+=d.speed;\r\n const cosR=Math.cos(d.rot*Math.PI\/180),sinR=Math.sin(d.rot*Math.PI\/180);\r\n const lx=d.rx*Math.cos(d.angle),ly=d.ry*Math.sin(d.angle);\r\n const x=240+lx*cosR-ly*sinR;\r\n const y=d.cY+lx*sinR+ly*cosR;\r\n d.el.setAttribute('cx',x);\r\n d.el.setAttribute('cy',y);\r\n });\r\n requestAnimationFrame(animateOrbits);\r\n }\r\n animateOrbits();\r\n }\r\n gsap.utils.toArray('.hero-shape').forEach((s,i)=>{\r\n gsap.to(s,{y:-15+Math.random()*10,x:Math.random()*10-5,duration:4+i,ease:'sine.inOut',yoyo:true,repeat:-1});\r\n });\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-702","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":9,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/702\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/pages\/702\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/vortexmedia.agency\/es\/wp-json\/wp\/v2\/media?parent=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}