{"id":349,"date":"2021-09-15T16:17:41","date_gmt":"2021-09-15T16:17:41","guid":{"rendered":"https:\/\/wingingstones.com\/?page_id=349"},"modified":"2026-10-27T09:56:56","modified_gmt":"2026-10-27T09:56:56","slug":"hom","status":"publish","type":"page","link":"https:\/\/wingingstones.com\/","title":{"rendered":"Wingingstones Animation studio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"349\" class=\"elementor elementor-349\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<header class=\"elementor-section elementor-top-section elementor-element elementor-element-2a407c03 elementor-section-content-top elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a407c03\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b4b6a8\" data-id=\"3b4b6a8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/header>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04de12d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"04de12d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a6bf78f\" data-id=\"a6bf78f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d79ffc5 elementor-widget elementor-widget-html\" data-id=\"d79ffc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\nWINGINGSTONES \u2014 Elementor \"HTML\" widget code (v3, full-bleed + animated)\nONE PASTE. Add a single Elementor \"HTML\" widget to your page and paste\nthis entire file's content into it. The outer wrapper forces full\nbrowser width automatically, so you do NOT need to change any\nElementor section\/column width or padding settings.\n============================================================ -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  html, body { overflow-x: hidden; }\n  .ws-breakout{ position:relative; left:50%; right:50%; width:100vw; margin-left:-50vw; margin-right:-50vw; }\n  .ws-wrap *{box-sizing:border-box;}\n  .ws-wrap{font-family:'Inter',system-ui,sans-serif; color:#f3f2ee; background:#0a0a10;}\n  .ws-wrap a{color:inherit; text-decoration:none;}\n  .ws-wrap h1,.ws-wrap h2,.ws-wrap h3{font-family:'Space Grotesk',system-ui,sans-serif; margin:0;}\n  .ws-inner{width:100%; max-width:1280px; margin:0 auto; padding:0 24px;}\n  .ws-pill{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#ff5a36; font-weight:700;}\n\n  \/* Buttons \u2014 lift, glow, and a soft shine sweep on hover *\/\n  .ws-btn{position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:8px; padding:15px 28px; border-radius:999px; font-weight:700; font-size:14px; letter-spacing:.02em; text-transform:uppercase; transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease; cursor:pointer;}\n  .ws-btn:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(255,90,54,.35);}\n  .ws-btn:active{transform:translateY(-1px) scale(.98);}\n  .ws-btn::after{content:\"\"; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-20deg); transition:left .6s ease;}\n  .ws-btn:hover::after{left:140%;}\n  .ws-btn-primary{background:#ff5a36; color:#0c0c11; border:none;}\n  .ws-btn-outline{background:transparent; color:#f3f2ee; border:1px solid rgba(255,255,255,.22);}\n  .ws-btn-outline:hover{border-color:#ff5a36; color:#ff9a76;}\n\n  \/* Cards \u2014 lift + glow border on hover *\/\n  .ws-card{background:#15151e; border:1px solid rgba(255,255,255,.08); border-radius:20px; transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;}\n  .ws-card:hover{transform:translateY(-6px); border-color:rgba(255,90,54,.45); box-shadow:0 18px 36px rgba(0,0,0,.35);}\n\n  \/* Portfolio grid \u2014 image zoom on hover *\/\n  .ws-grid-img{border-radius:16px; overflow:hidden; position:relative;}\n  .ws-grid-img img{transition:transform .5s ease;}\n  .ws-grid-img:hover img{transform:scale(1.08);}\n\n  \/* Nav links \u2014 animated underline *\/\n  .ws-navlink{position:relative; font-size:14px; font-weight:500; color:#cfcdd8; padding-bottom:2px; transition:color .2s;}\n  .ws-navlink::after{content:\"\"; position:absolute; left:0; bottom:-3px; width:0; height:2px; background:#ff5a36; transition:width .25s ease;}\n  .ws-navlink:hover{color:#f3f2ee;}\n  .ws-navlink:hover::after{width:100%;}\n  .ws-navlink-active{color:#ff5a36; font-weight:700;}\n  .ws-navlink-active::after{width:100%;}\n\n  \/* Announcement bar \u2014 slow shimmer *\/\n  .ws-announce{background:linear-gradient(90deg,#ff5a36,#ff8a3d,#ff5a36); background-size:200% 100%; animation:ws-shimmer 6s linear infinite; color:#0c0c11;}\n  @keyframes ws-shimmer{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}\n\n  \/* Badge pills \u2014 gentle pulse on the AI Video pill *\/\n  .ws-pulse{animation:ws-pulse 2.4s ease-in-out infinite;}\n  @keyframes ws-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,54,.35);}50%{box-shadow:0 0 0 8px rgba(255,90,54,0);}}\n\n  \/* \"New\" ribbon on AI Video service card \u2014 gentle bob *\/\n  .ws-ribbon{animation:ws-bob 2.6s ease-in-out infinite;}\n  @keyframes ws-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}\n\n  \/* Scroll reveal *\/\n  .ws-reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}\n  .ws-reveal.ws-in{opacity:1; transform:translateY(0);}\n\n  .ws-wrap input,.ws-wrap textarea{font-family:'Inter',system-ui,sans-serif; background:#101018; border:1px solid rgba(255,255,255,.14); border-radius:10px; color:#f3f2ee; padding:14px 16px; font-size:15px; width:100%; transition:border-color .2s, box-shadow .2s;}\n  .ws-wrap input::placeholder,.ws-wrap textarea::placeholder{color:#716f7d;}\n  .ws-wrap input:focus,.ws-wrap textarea:focus{outline:none; border-color:#ff5a36; box-shadow:0 0 0 3px rgba(255,90,54,.15);}\n\n  \/* Click-to-zoom triggers (image popup + video popup) *\/\n  .ws-zoomable{cursor:zoom-in; position:relative;}\n  .ws-zoomable::before{content:\"\"; position:absolute; inset:0; background:rgba(0,0,0,0); transition:background .2s;}\n  .ws-zoomable:hover::before{background:rgba(0,0,0,.12);}\n  .ws-play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; background:rgba(12,12,17,.72); border:2px solid rgba(255,255,255,.85); display:flex; align-items:center; justify-content:center; transition:transform .2s, background .2s; pointer-events:none;}\n  .ws-zoomable:hover .ws-play{transform:translate(-50%,-50%) scale(1.1); background:#ff5a36;}\n  .ws-play svg{margin-left:3px;}\n\n  \/* Lightbox overlay (images) *\/\n  .ws-lb-overlay{position:fixed; inset:0; background:rgba(6,6,10,.92); z-index:1000; display:none; align-items:center; justify-content:center; padding:40px 20px; cursor:zoom-out;}\n  .ws-lb-overlay.ws-lb-open{display:flex;}\n  .ws-lb-overlay img{max-width:min(92vw,1100px); max-height:88vh; border-radius:12px; box-shadow:0 30px 80px rgba(0,0,0,.6); cursor:default;}\n  .ws-lb-close{position:absolute; top:22px; right:28px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#f3f2ee; font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer;}\n  .ws-lb-close:hover{background:#ff5a36; border-color:#ff5a36; color:#0c0c11;}\n\n  \/* Video modal overlay *\/\n  .ws-vid-overlay{position:fixed; inset:0; background:rgba(6,6,10,.92); z-index:1000; display:none; align-items:center; justify-content:center; padding:40px 20px;}\n  .ws-vid-overlay.ws-lb-open{display:flex;}\n  .ws-vid-frame{width:min(92vw,980px); aspect-ratio:16\/9; background:#000; border-radius:12px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.6);}\n  .ws-vid-frame iframe{width:100%; height:100%; border:0;}\n<\/style>\n\n<div class=\"ws-breakout ws-wrap\">\n\n  <!-- ANNOUNCEMENT BAR -->\n  <div class=\"ws-announce\">\n    <div class=\"ws-inner\" style=\"padding:11px 24px; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; text-align:center;\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" style=\"flex-shrink:0;\"><rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" stroke=\"#0c0c11\" stroke-width=\"2\"\/><path d=\"M16 10l5-3v10l-5-3\" stroke=\"#0c0c11\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\n      <span style=\"font-size:14px; font-weight:700;\">NEW \u2014 We now create AI-powered video for our clients<\/span>\n      <a href=\"#ai-video\" style=\"font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:2px;\">See how it works \u2192<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- NAV -->\n  <div style=\"border-bottom:1px solid rgba(255,255,255,.08); position:sticky; top:0; background:rgba(10,10,16,.92); backdrop-filter:blur(10px); z-index:20;\">\n    <div class=\"ws-inner\" style=\"padding:18px 24px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;\">\n      <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2022\/02\/Comp-4_00000-2.png\" alt=\"Wingingstones Animation\" style=\"height:92px; width:auto;\">\n      <div style=\"display:flex; align-items:center; gap:26px; flex-wrap:wrap;\">\n        <a href=\"#work\" class=\"ws-navlink\">Work<\/a>\n        <a href=\"#ai-video\" class=\"ws-navlink ws-navlink-active\">AI Video<\/a>\n        <a href=\"#services\" class=\"ws-navlink\">Services<\/a>\n        <a href=\"https:\/\/wingingstones.com\/index.php\/job\/\" class=\"ws-navlink\">Careers<\/a>\n        <a href=\"#contact\" class=\"ws-btn ws-btn-primary\" style=\"padding:11px 22px;\">Contact Us<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <div style=\"background-color:#0a0a10; background-image:radial-gradient(1200px 560px at 50% -10%, rgba(255,90,54,.22), transparent 70%);\">\n    <div class=\"ws-inner\" style=\"padding:80px 24px 70px; display:flex; align-items:center; gap:48px; flex-wrap:wrap;\">\n      <div class=\"ws-reveal\" style=\"flex:1 1 440px; display:flex; flex-direction:column; gap:24px;\">\n        <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n          <div style=\"background:rgba(255,90,54,.14); border:1px solid rgba(255,90,54,.35); color:#ff9a76; font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px;\">2D &amp; 3D Animation<\/div>\n          <div class=\"ws-pulse\" style=\"background:rgba(255,90,54,.14); border:1px solid rgba(255,90,54,.35); color:#ff9a76; font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px;\">\u2728 AI Video<\/div>\n        <\/div>\n        <h1 style=\"font-size:44px; line-height:1.1; font-weight:800;\">Animation &amp; motion design, now supercharged with AI video.<\/h1>\n        <p style=\"font-size:17px; line-height:1.6; max-width:540px; color:#b8b6c3;\">We're a design-driven production studio specialising in 2D and 3D animation, motion graphics \u2014 and AI-assisted video production that gets you to screen faster, without losing our hand-finished craft.<\/p>\n        <div style=\"display:flex; gap:16px; flex-wrap:wrap;\">\n          <a href=\"#ai-video\" class=\"ws-btn ws-btn-primary\">Explore AI Video<\/a>\n          <a href=\"#work\" class=\"ws-btn ws-btn-outline\">See Our Work<\/a>\n        <\/div>\n        <div style=\"display:flex; gap:32px; flex-wrap:wrap; padding-top:8px;\">\n          <div><div style=\"font-size:24px; font-weight:800;\">2018<\/div><div style=\"font-size:13px; color:#8c8a98;\">Founded<\/div><\/div>\n          <div><div style=\"font-size:24px; font-weight:800;\">200+<\/div><div style=\"font-size:13px; color:#8c8a98;\">Projects delivered<\/div><\/div>\n          <div><div style=\"font-size:24px; font-weight:800;\">24h<\/div><div style=\"font-size:13px; color:#8c8a98;\">Avg. response time<\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ws-reveal\" style=\"flex:1 1 380px; display:flex; justify-content:center;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/transparent-min.png\" alt=\"Studio showreel\" style=\"width:100%; max-width:480px; border-radius:22px;\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PORTFOLIO -->\n  <div id=\"work\" style=\"padding:40px 0 20px;\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-direction:column; gap:28px;\">\n      <div class=\"ws-reveal\" style=\"max-width:760px;\">\n        <div class=\"ws-pill\">Our Work<\/div>\n        <h2 style=\"font-size:30px; font-weight:800; margin:6px 0;\">Portfolio<\/h2>\n        <p style=\"font-size:16px; line-height:1.65; color:#b8b6c3;\">We work with different clients to understand their business objectives, and use our skills and creativity to convey their message through visual communication \u2014 logos, icons, graphic boards, illustrations, and animation.<\/p>\n      <\/div>\n      <div class=\"ws-reveal\" style=\"display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px;\">\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/cb09a85f45e41a70813010ac0a9c6ce31.png\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/cb09a85f45e41a70813010ac0a9c6ce31.png\" alt=\"Ambulance car, style frame\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/9d42d74d55127f23faf5c97cb96bd53d1.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/9d42d74d55127f23faf5c97cb96bd53d1.jpg\" alt=\"Character Design\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/245dd2bdfe0159997cccda5f230e4cb21.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/245dd2bdfe0159997cccda5f230e4cb21.jpg\" alt=\"Working time\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/171ec5b8e1da3efa623e19e046caf1d61.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/171ec5b8e1da3efa623e19e046caf1d61.jpg\" alt=\"Autumn girl, character design\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/4c4ecc929ac026bc8e667d21d67e2b081.gif\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/4c4ecc929ac026bc8e667d21d67e2b081.gif\" alt=\"Riding a bike with dog, animation\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/69dd866eb234150be0acffa4ca9451611-scaled.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/69dd866eb234150be0acffa4ca9451611-scaled.jpg\" alt=\"Party time\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/39512ad5cde5d78d87811fc7a98b11851.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/39512ad5cde5d78d87811fc7a98b11851.jpg\" alt=\"Business consultation\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n        <div class=\"ws-grid-img ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/4847b3a3e54c0f240fd2670df03152f71.jpg\"><img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/4847b3a3e54c0f240fd2670df03152f71.jpg\" alt=\"Still Life\" style=\"width:100%; aspect-ratio:1\/1; object-fit:cover;\"><\/div>\n      <\/div>\n      <div style=\"display:flex; justify-content:center; padding-top:8px;\">\n        <a href=\"https:\/\/www.behance.net\/ntab\" class=\"ws-btn ws-btn-outline\">Browse all Works<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- AI VIDEO -->\n  <div id=\"ai-video\" style=\"padding:80px 0; background-color:#0a0a10; background-image:radial-gradient(900px 420px at 85% 10%, rgba(255,90,54,.16), transparent 70%); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-direction:column; gap:40px;\">\n      <div class=\"ws-reveal\" style=\"max-width:720px;\">\n        <div class=\"ws-pill\">New Service<\/div>\n        <h2 style=\"font-size:32px; font-weight:800; margin:8px 0;\">We now create AI video for our clients<\/h2>\n        <p style=\"font-size:16.5px; line-height:1.7; color:#b8b6c3;\">We pair our animation and storytelling craft with AI video tools to turn scripts, stills and product shots into polished video content \u2014 faster, and finished by hand by our own team so it never looks \"AI-generated.\"<\/p>\n      <\/div>\n      <div class=\"ws-reveal\" style=\"display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px;\">\n        <div class=\"ws-card\" style=\"padding:26px;\">\n          <h3 style=\"font-size:16px; font-weight:700; margin-bottom:8px;\">AI Storyboarding<\/h3>\n          <p style=\"font-size:13.5px; line-height:1.55; color:#a9a7b5;\">Fast visual drafts of your script, so we lock the story before a single frame is animated.<\/p>\n        <\/div>\n        <div class=\"ws-card\" style=\"padding:26px;\">\n          <h3 style=\"font-size:16px; font-weight:700; margin-bottom:8px;\">Generative B-roll<\/h3>\n          <p style=\"font-size:13.5px; line-height:1.55; color:#a9a7b5;\">Supporting footage and backgrounds styled to match your brand, on tight timelines.<\/p>\n        <\/div>\n        <div class=\"ws-card\" style=\"padding:26px;\">\n          <h3 style=\"font-size:16px; font-weight:700; margin-bottom:8px;\">Voice &amp; Lip-Sync<\/h3>\n          <p style=\"font-size:13.5px; line-height:1.55; color:#a9a7b5;\">Natural AI voiceover in multiple languages, matched to character animation with accurate lip-sync.<\/p>\n        <\/div>\n        <div class=\"ws-card\" style=\"padding:26px;\">\n          <h3 style=\"font-size:16px; font-weight:700; margin-bottom:8px;\">Rapid Style Exploration<\/h3>\n          <p style=\"font-size:13.5px; line-height:1.55; color:#a9a7b5;\">See five visual directions in a day instead of a week, before full production starts.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"ws-card ws-reveal\" style=\"padding:32px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; background-color:#15151e; background-image:linear-gradient(135deg, rgba(255,90,54,.12), rgba(255,90,54,.02));\">\n        <div>\n          <h3 style=\"font-size:19px; font-weight:800;\">Got a script, product shots, or just an idea?<\/h3>\n          <p style=\"font-size:14px; color:#b0aebb; margin-top:4px;\">Tell us what you need \u2014 we'll tell you whether AI video, traditional animation, or a mix is the fastest route to a great result.<\/p>\n        <\/div>\n        <a href=\"#contact\" class=\"ws-btn ws-btn-primary\" style=\"flex-shrink:0;\">Start a Project<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FEATURED PROJECTS -->\n  <div style=\"padding:64px 0;\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-direction:column; gap:20px;\">\n      <h2 class=\"ws-reveal\" style=\"font-size:26px; font-weight:800; margin-bottom:8px;\">Featured Projects<\/h2>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"https:\/\/www.youtube.com\/watch?v=oau2kNG5ZPY\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Screenshot_4-pdfkaydgaacy7a3wmcs0emwzhaoemdfgse6hrn47u4.png\" alt=\"Algorithmics Saudi\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">Motion Design<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">Algorithmics Saudi<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: Algorithmics Saudi \u2014 ALG.ACADEMY \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"REPLACE_WITH_YOUTUBE_OR_VIMEO_ID_2\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/untitled-design-4_c6at-qojkdl5q4m5x4beoli29jsgsqalz121hyjhj1wzagc.png\" alt=\"Buttler app explainer video\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">3D Cartoon Animation<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">Buttler App Explainer Video<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: Buttler \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"REPLACE_WITH_YOUTUBE_OR_VIMEO_ID_3\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/2-scaled-e1635251036731-pf4svileu0gm6ynkbmfw8rkk4ausdw8kqi3ngihnl8.jpg\" alt=\"Shopping Armenia vendors\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">2D Explainer Video<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">Shopping Armenia Vendors<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: Made In Armenia \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"REPLACE_WITH_YOUTUBE_OR_VIMEO_ID_4\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Aruba-Bank-1-e1636097885240-pflv2rvoob3ucmth3u3spkerc5a20tedr2gqenwomk.png\" alt=\"Aruba Bank web page promo\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">Explainer Video<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">Aruba Bank Web Page Promo<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: Aruba Bank \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"REPLACE_WITH_YOUTUBE_OR_VIMEO_ID_5\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Screenshot-1354-pdfma6l66bv5zin8p569cnug0flpwo77wxv2yhi8bw.png\" alt=\"VSSE International Explainer Video\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">Whiteboard<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">VSSE International Explainer Video<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: VSSE \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ws-card ws-reveal\" style=\"display:flex; flex-wrap:wrap; overflow:hidden;\">\n        <div class=\"ws-zoomable\" data-ws-video=\"REPLACE_WITH_YOUTUBE_OR_VIMEO_ID_6\" style=\"width:340px; flex:1 1 300px; min-height:220px;\">\n          <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Screenshot-1355-e1632214464943-pdfmikbd45c7icgyr9li31pep4ajjih22f9y0b2uuk.png\" alt=\"Chevrolet Ads\" style=\"width:100%; height:100%; min-height:220px; object-fit:cover;\">\n          <div class=\"ws-play\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n        <\/div>\n        <div style=\"flex:2 1 360px; padding:32px; display:flex; flex-direction:column; justify-content:center; gap:8px;\">\n          <div class=\"ws-pill\" style=\"font-size:11px;\">2D Animation<\/div>\n          <h3 style=\"font-size:22px; font-weight:700;\">Chevrolet Ads<\/h3>\n          <div style=\"font-size:14px; color:#9492a0;\">Client: STERN \u00b7 Producer: Wingingstones Animation &amp; Graphic Design Studio<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SERVICES -->\n  <div id=\"services\" style=\"padding:72px 0; background:#111118;\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-direction:column; gap:36px;\">\n      <div class=\"ws-reveal\" style=\"text-align:center;\">\n        <div class=\"ws-pill\">What We Do<\/div>\n        <h2 style=\"font-size:30px; font-weight:800; margin-top:6px;\">Services<\/h2>\n      <\/div>\n      <div class=\"ws-reveal\" style=\"display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px;\">\n\n        <div class=\"ws-card\" style=\"padding:32px;\">\n          <h3 style=\"font-size:18px; font-weight:700; margin-bottom:10px;\">Illustration<\/h3>\n          <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">Bringing your ideas to reality and turning them into characters with our team of illustrators and designers. Illustrations, storyboards, graphic boards, graphic design.<\/p>\n        <\/div>\n\n        <div class=\"ws-card\" style=\"padding:32px;\">\n          <h3 style=\"font-size:18px; font-weight:700; margin-bottom:10px;\">Motion Design<\/h3>\n          <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">Explain or promote your products and services in a catchy, engaging way with motion graphics that keep your audience hooked on your story.<\/p>\n        <\/div>\n\n        <div class=\"ws-card\" style=\"padding:32px;\">\n          <h3 style=\"font-size:18px; font-weight:700; margin-bottom:10px;\">2D &amp; 3D Cartoon<\/h3>\n          <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">Add a realistic touch and colour to your videos using 2D\/3D animation \u2014 a full range of animation services for any business or individual.<\/p>\n        <\/div>\n\n        <a href=\"#ai-video\" class=\"ws-card\" style=\"padding:32px; display:block; border:1px solid rgba(255,90,54,.4); position:relative;\">\n          <div class=\"ws-ribbon\" style=\"position:absolute; top:-12px; right:20px; background:#ff5a36; color:#0c0c11; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:999px;\">New<\/div>\n          <h3 style=\"font-size:18px; font-weight:700; margin-bottom:10px;\">AI Video Production<\/h3>\n          <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">AI-assisted storyboarding, generative b-roll, voice &amp; lip-sync, and rapid style exploration \u2014 finished by hand by our team. \u2192<\/p>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- COMPLETED PROJECTS -->\n  <div style=\"padding:72px 0;\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-direction:column; gap:36px;\">\n      <h2 class=\"ws-reveal\" style=\"font-size:30px; font-weight:800; text-align:center;\">Completed Projects<\/h2>\n      <div class=\"ws-reveal\" style=\"display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px;\">\n\n        <div class=\"ws-card\" style=\"display:flex; overflow:hidden;\">\n          <div class=\"ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2026\/09\/SP_poster_vertical_02_min-768x1086.jpg\" style=\"width:200px; flex:0 0 200px;\">\n            <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2026\/09\/SP_poster_vertical_02_min-768x1086.jpg\" alt=\"Fantasy Patrol poster\" style=\"width:100%; height:100%; object-fit:cover;\">\n          <\/div>\n          <div style=\"padding:26px; display:flex; flex-direction:column; justify-content:center; gap:10px;\">\n            <h3 style=\"font-size:20px; font-weight:700;\">Fantasy Patrol<\/h3>\n            <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">Wingingstones Animation Studio provided 3D animation services, including character animation and shot production, contributing to the development of the series.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ws-card\" style=\"display:flex; overflow:hidden;\">\n          <div class=\"ws-zoomable\" data-ws-lightbox=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2026\/09\/Seven_Kingdoms-768x989.jpg\" style=\"width:200px; flex:0 0 200px;\">\n            <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2026\/09\/Seven_Kingdoms-768x989.jpg\" alt=\"Seven Kingdoms poster\" style=\"width:100%; height:100%; object-fit:cover;\">\n          <\/div>\n          <div style=\"padding:26px; display:flex; flex-direction:column; justify-content:center; gap:10px;\">\n            <h3 style=\"font-size:20px; font-weight:700;\">Seven Kingdoms<\/h3>\n            <p style=\"font-size:14.5px; line-height:1.6; color:#b0aebb;\">The magical world of the Seven Kingdoms is ruled by small wizards \u2014 princes and princesses. Our team provided character animation.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ABOUT US -->\n  <div style=\"padding:72px 0; background:#111118;\">\n    <div class=\"ws-reveal\" style=\"width:100%; max-width:860px; margin:0 auto; padding:0 24px; display:flex; flex-direction:column; gap:18px; text-align:center; align-items:center;\">\n      <div class=\"ws-pill\">About Us<\/div>\n      <h2 style=\"font-size:28px; font-weight:800;\">Founded in 2018<\/h2>\n      <p style=\"font-size:16px; line-height:1.75; color:#b8b6c3;\">Wingingstones is an animation and design studio. Here we create different types of animated videos (2D, 3D), cartoon series, illustrations and graphic boards.<\/p>\n      <p style=\"font-size:16px; line-height:1.75; color:#b8b6c3;\">Our team consists of the most creative and passionate storytellers, illustrators, animators and designers, who make changes in the animation industry with their dedication and high-end visual thinking.<\/p>\n      <p style=\"font-size:16px; line-height:1.75; color:#b8b6c3;\">Every new project is a challenging and exciting task for us, and we do it with a new approach and creativity. We believe that visual content is the core and bone of any business \u2014 like the specialties that give unique, recognizable flavor to your dish.<\/p>\n      <p style=\"font-size:17px; line-height:1.7; color:#f3f2ee; font-weight:700;\">Just give us your idea and we will turn it into a moving and engaging animated story.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- PARTNERS -->\n  <div style=\"padding:56px 0;\">\n    <div class=\"ws-reveal ws-inner\" style=\"display:flex; flex-direction:column; gap:28px; align-items:center;\">\n      <h2 style=\"font-size:20px; font-weight:700; color:#cfcdd8;\">Our Partners<\/h2>\n      <div style=\"display:flex; flex-wrap:wrap; gap:36px; align-items:center; justify-content:center; opacity:.85;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/64e2ce73012805.58f782bdd774e-qojkptzvokev9w992df6cm0dmlfaix4tzsjkirzkv0.png\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2024\/05\/cow.gif\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/images-qojkpuxqhbudeiar4c9dz570qneh2huf9thn2r6spc.png\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Soyuzmultfilm_logo-qojkpuxqhbudeiar4c9dz570qneh2huf9thn2r6spc.png\" alt=\"Soyuzmultfilm\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/elementor\/thumbs\/Vodafone-Logo.wine_-pd1nq0lnplxcnkkl97adc1youxn1fungstsoa62y8s.png\" alt=\"Vodafone\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/1306212037.png\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/download-1.png\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n        <img decoding=\"async\" src=\"https:\/\/wingingstones.com\/wp-content\/uploads\/2021\/09\/pngwing.com_-300x103.png\" alt=\"Partner logo\" style=\"height:38px; width:auto;\">\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CONTACT -->\n  <div id=\"contact\" style=\"padding:72px 0; background:#111118;\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-wrap:wrap; gap:48px; justify-content:space-between;\">\n      <div class=\"ws-reveal\" style=\"flex:1 1 320px; display:flex; flex-direction:column; gap:14px;\">\n        <div class=\"ws-pill\">Get In Touch<\/div>\n        <h2 style=\"font-size:28px; font-weight:800;\">Contact Us<\/h2>\n        <p style=\"font-size:15.5px; line-height:1.6; color:#b0aebb; max-width:420px;\">We are here to help you 7 days a week and respond within 24 hours.<\/p>\n        <div style=\"display:flex; flex-direction:column; gap:14px; margin-top:12px;\">\n          <div><div style=\"font-size:13px; color:#8c8a98;\">Address<\/div><div style=\"font-size:15.5px;\">Gyumri, Armenia 3126<\/div><\/div>\n          <div><div style=\"font-size:13px; color:#8c8a98;\">Phone (Armenia)<\/div><div style=\"font-size:15.5px;\">+374 95 352513<\/div><\/div>\n          <div><div style=\"font-size:13px; color:#8c8a98;\">Email<\/div><div style=\"font-size:15.5px;\">info@wingingstones.com<\/div><\/div>\n        <\/div>\n        <a href=\"https:\/\/wa.me\/+37495352513\" class=\"ws-btn ws-btn-primary\" style=\"width:fit-content; margin-top:8px;\">Contact Us for a Quote<\/a>\n        <div style=\"display:flex; gap:16px; margin-top:16px;\">\n          <a href=\"https:\/\/www.facebook.com\/wingingstonesanimation\" style=\"width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:transform .2s, border-color .2s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.borderColor='#ff5a36'\" onmouseout=\"this.style.transform='';this.style.borderColor='rgba(255,255,255,.2)'\">f<\/a>\n          <a href=\"https:\/\/dribbble.com\/ntab_tv\" style=\"width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:transform .2s, border-color .2s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.borderColor='#ff5a36'\" onmouseout=\"this.style.transform='';this.style.borderColor='rgba(255,255,255,.2)'\">Dr<\/a>\n          <a href=\"https:\/\/www.behance.net\/ntab\" style=\"width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:transform .2s, border-color .2s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.borderColor='#ff5a36'\" onmouseout=\"this.style.transform='';this.style.borderColor='rgba(255,255,255,.2)'\">Be<\/a>\n          <a href=\"https:\/\/www.instagram.com\/ntab_studio\/\" style=\"width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:transform .2s, border-color .2s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.borderColor='#ff5a36'\" onmouseout=\"this.style.transform='';this.style.borderColor='rgba(255,255,255,.2)'\">Ig<\/a>\n          <a href=\"https:\/\/www.linkedin.com\/company\/26192181\/\" style=\"width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:transform .2s, border-color .2s;\" onmouseover=\"this.style.transform='translateY(-3px)';this.style.borderColor='#ff5a36'\" onmouseout=\"this.style.transform='';this.style.borderColor='rgba(255,255,255,.2)'\">in<\/a>\n        <\/div>\n      <\/div>\n      <form action=\"https:\/\/formsubmit.co\/info@wingingstones.com\" method=\"POST\" class=\"ws-card ws-reveal\" style=\"flex:1 1 360px; padding:32px; display:flex; flex-direction:column; gap:16px; max-width:460px;\">\n        <input type=\"hidden\" name=\"_subject\" value=\"New inquiry from wingingstones.com\">\n        <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n        <div class=\"ws-pill\" style=\"font-size:11px;\">Send a Message<\/div>\n        <input type=\"text\" name=\"Name\" placeholder=\"Your name\" required>\n        <input type=\"email\" name=\"Email\" placeholder=\"Your email\" required>\n        <input type=\"tel\" name=\"Phone\" placeholder=\"Phone (optional)\">\n        <textarea name=\"Message\" placeholder=\"Tell us about your project \u2014 animation, motion design, or AI video\" rows=\"4\" required><\/textarea>\n        <button type=\"submit\" class=\"ws-btn ws-btn-primary\" style=\"justify-content:center;\">Submit Message<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <div style=\"padding:26px 0; border-top:1px solid rgba(255,255,255,.08);\">\n    <div class=\"ws-inner\" style=\"display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center;\">\n      <div style=\"font-size:13px; color:#8c8a98;\">\u00a9 2026, Wingingstones Animation Studio. All rights reserved.<\/div>\n      <a href=\"https:\/\/wingingstones.com\/index.php\/job\/\" style=\"font-size:13px; color:#8c8a98;\">Careers<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- IMAGE LIGHTBOX (popup) -->\n  <div class=\"ws-lb-overlay\" id=\"wsImgOverlay\">\n    <div class=\"ws-lb-close\" id=\"wsImgClose\">&times;<\/div>\n    <img decoding=\"async\" id=\"wsImgOverlayImg\" src=\"\" alt=\"\">\n  <\/div>\n\n  <!-- VIDEO MODAL (popup) -->\n  <div class=\"ws-vid-overlay\" id=\"wsVidOverlay\">\n    <div class=\"ws-lb-close\" id=\"wsVidClose\">&times;<\/div>\n    <div class=\"ws-vid-frame\">\n      <iframe id=\"wsVidFrame\" src=\"\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"Project video\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  if (!('IntersectionObserver' in window)) { return; }\n  var els = document.querySelectorAll('.ws-reveal');\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if (e.isIntersecting) { e.target.classList.add('ws-in'); io.unobserve(e.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el){ io.observe(el); });\n})();\n\n(function(){\n  \/\/ ---- Image popup (lightbox) ----\n  var imgOverlay = document.getElementById('wsImgOverlay');\n  var imgOverlayImg = document.getElementById('wsImgOverlayImg');\n  var imgClose = document.getElementById('wsImgClose');\n\n  function openImage(src, alt){\n    imgOverlayImg.src = src;\n    imgOverlayImg.alt = alt || '';\n    imgOverlay.classList.add('ws-lb-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeImage(){\n    imgOverlay.classList.remove('ws-lb-open');\n    imgOverlayImg.src = '';\n    document.body.style.overflow = '';\n  }\n  document.querySelectorAll('[data-ws-lightbox]').forEach(function(el){\n    el.addEventListener('click', function(){\n      var alt = el.querySelector('img') ? el.querySelector('img').alt : '';\n      openImage(el.getAttribute('data-ws-lightbox'), alt);\n    });\n  });\n  imgClose.addEventListener('click', closeImage);\n  imgOverlay.addEventListener('click', function(e){ if (e.target === imgOverlay) closeImage(); });\n\n  \/\/ ---- Video popup (modal) ----\n  var vidOverlay = document.getElementById('wsVidOverlay');\n  var vidFrame = document.getElementById('wsVidFrame');\n  var vidClose = document.getElementById('wsVidClose');\n\n  function toEmbedUrl(id){\n    \/\/ Accepts a bare YouTube ID, a full YouTube\/Vimeo URL, or a Vimeo ID.\n    if (\/^\\d+$\/.test(id)) { return 'https:\/\/player.vimeo.com\/video\/' + id + '?autoplay=1'; }\n    if (id.indexOf('youtube.com') > -1 || id.indexOf('youtu.be') > -1) {\n      var ytId = id.split('\/').pop().split('?')[0].split('v=').pop();\n      return 'https:\/\/www.youtube.com\/embed\/' + ytId + '?autoplay=1';\n    }\n    if (id.indexOf('vimeo.com') > -1) {\n      var vId = id.split('\/').pop().split('?')[0];\n      return 'https:\/\/player.vimeo.com\/video\/' + vId + '?autoplay=1';\n    }\n    return 'https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1';\n  }\n  function openVideo(id){\n    if (!id || id.indexOf('REPLACE_WITH') === 0) {\n      alert('No video link has been added for this project yet.');\n      return;\n    }\n    vidFrame.src = toEmbedUrl(id);\n    vidOverlay.classList.add('ws-lb-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeVideo(){\n    vidOverlay.classList.remove('ws-lb-open');\n    vidFrame.src = '';\n    document.body.style.overflow = '';\n  }\n  document.querySelectorAll('[data-ws-video]').forEach(function(el){\n    el.addEventListener('click', function(){\n      openVideo(el.getAttribute('data-ws-video'));\n    });\n  });\n  vidClose.addEventListener('click', closeVideo);\n  vidOverlay.addEventListener('click', function(e){ if (e.target === vidOverlay) closeVideo(); });\n\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape') { closeImage(); closeVideo(); }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NEW \u2014 We now create AI-powered video for our clients See how it works \u2192 Work AI Video Services Careers Contact Us 2D &amp; 3D Animation \u2728 AI Video Animation &amp; motion design, now supercharged with AI video. We&#8217;re a design-driven production studio specialising in 2D and 3D animation, motion graphics \u2014 and AI-assisted video&hellip; <a class=\"more-link\" href=\"https:\/\/wingingstones.com\/\">Continue reading <span class=\"screen-reader-text\">Wingingstones Animation studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-349","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/pages\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":10,"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/pages\/349\/revisions"}],"predecessor-version":[{"id":1610,"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/pages\/349\/revisions\/1610"}],"wp:attachment":[{"href":"https:\/\/wingingstones.com\/index.php\/wp-json\/wp\/v2\/media?parent=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}