About us - One goal. One vision. One team.

<!doctype html> <html lang="en"> <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d89a6908-1027-4c20-9c86-09de760f128b" type="text/javascript" async ></script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MJ58669'); </script>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="canonical" href="https://askphill.com/pages/about"> <title> About us - One goal. One vision. One team. - Ask Phill </title> <meta name="description" content="Not your average Shopify agency. We're taking the lead to establish ecommerce industry standards. Meet the team making it all happen!"> <meta property="og:site_name" content="Ask Phill"> <meta property="og:url" content="https://askphill.com/pages/about"> <meta property="og:title" content="About us - One goal. One vision. One team. - Ask Phill"> <meta property="og:type" content="website"> <meta property="og:description" content="Not your average Shopify agency. We're taking the lead to establish ecommerce industry standards. Meet the team making it all happen!"><meta property="og:image" content="http://askphill.com/cdn/shop/files/ask-phill-website-preview-image-social-sharing.jpg?v=1710755656"> <meta property="og:image:secure_url" content="https://askphill.com/cdn/shop/files/ask-phill-website-preview-image-social-sharing.jpg?v=1710755656"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="About us - One goal. One vision. One team. - Ask Phill"> <meta name="twitter:description" content="Not your average Shopify agency. We're taking the lead to establish ecommerce industry standards. Meet the team making it all happen!"> <script src="//askphill.com/cdn/shop/t/9/assets/ap.global.js?v=60564146656344980001711889835" defer="defer"></script> <script src="//askphill.com/cdn/shop/t/9/assets/ap.main.js?v=90090385355292192021737471270" type="module" defer="defer"></script> <link href="//askphill.com/cdn/shop/t/9/assets/ap.main.css?v=142412136252270356171737470333" rel="stylesheet" type="text/css" media="all" /> <link href="//askphill.com/cdn/shop/t/9/assets/Inter-Bold.woff2?v=102667737688127191951711444701" as="font" type="font/woff2" crossorigin="true" rel="preload"><link href="//askphill.com/cdn/shop/t/9/assets/Inter-Regular.woff2?v=30652627277740177171711444702" as="font" type="font/woff2" crossorigin="true" rel="preload"><link href="//askphill.com/cdn/shop/t/9/assets/Inter-SemiBold.woff2?v=61742917743582202761711444703" as="font" type="font/woff2" crossorigin="true" rel="preload"><style type="text/css"> @font-face { font-family: Inter; font-display: swap; font-weight: 400; src: url('//askphill.com/cdn/shop/t/9/assets/Inter-Regular.woff2?v=30652627277740177171711444702') format('woff2'), url('//askphill.com/cdn/shop/t/9/assets/Inter-Regular.woff?v=64202035935211139211711444701') format('woff'); } @font-face { font-family: Inter; font-display: swap; font-weight: 600; src: url('//askphill.com/cdn/shop/t/9/assets/Inter-SemiBold.woff2?v=61742917743582202761711444703') format('woff2'), url('//askphill.com/cdn/shop/t/9/assets/Inter-SemiBold.woff?v=160797850476591031261711444702') format('woff'); } @font-face { font-family: Inter; font-display: swap; font-weight: 700; src: url('//askphill.com/cdn/shop/t/9/assets/Inter-Bold.woff2?v=102667737688127191951711444701') format('woff2'), url('//askphill.com/cdn/shop/t/9/assets/Inter-Bold.woff?v=565683673019827771711444700') format('woff'); } </style><link rel="icon" type="image/png" href="//askphill.com/cdn/shop/t/9/assets/favicon_small.png?v=105089571951087567841710754142" > <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81789813010/digital_wallets/dialog"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-NL"></script> <script id="shopify-features" type="application/json">{"accessToken":"afdeb31457654a815b2d7f31239cc4b3","betas":["rich-media-storefront-analytics"],"domain":"askphill.com","predictiveSearch":true,"shopId":81789813010,"smart_payment_buttons_url":"https:\/\/askphill.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/askphill.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "ask-phill-website.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"EUR","rate":"1.0"}; Shopify.country = "NL"; Shopify.theme = {"name":"ask-phill-website\/main","id":161528414482,"schema_name":"Starter","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "askphill.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script id="__st">var __st={"a":81789813010,"offset":3600,"reqid":"6c5a7dc3-2e5c-422f-89a2-38730f4e626e-1739783013","pageurl":"askphill.com\/pages\/about","s":"pages-126667063570","u":"be1695278db9","p":"page","rtyp":"page","rid":126667063570};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//askphill.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//askphill.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>  <script> (function(l,e,a,d,i,n,f,o){if(!l[i]){l.GlobalLeadinfoNamespace=l.GlobalLeadinfoNamespace||[]; l.GlobalLeadinfoNamespace.push(i);l[i]=function(){(l[i].q=l[i].q||[]).push(arguments)};l[i].t=l[i].t||n; l[i].q=l[i].q||[];o=e.createElement(a);f=e.getElementsByTagName(a)[0];o.async=1;o.src=d;f.parentNode.insertBefore(o,f);} }(window,document,'script','https://cdn.leadinfo.net/ping.js','leadinfo','LI-679CF73AA8BE9')); </script>  <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments); }; h._hjSettings = { hjid: 300990, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8387340.js"></script>  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 81789813010,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 81789813010,storefrontBaseUrl: "https://askphill.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"768934162","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-9ELQ2XCR8D\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-9ELQ2XCR8D\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Ask Phill","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"ask-phill-website.myshopify.com","countryCode":"NL","storefrontUrl":"https:\/\/askphill.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://askphill.com/cdn","96d7db11b5d836789812e500283123b0e57df9f7","8fa806few5358ccf9p85054907m3e22f137",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'EUR'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":126667063570}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 81789813010, theme_id: 161528414482, app_name: "storefront", context_url: window.location.href, source_url: "//askphill.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//askphill.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//askphill.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81789813010,"isMerchantRequest":null,"themeId":161528414482,"themeCityHash":"18032848294732384690","contentLanguage":"en","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":126667063570,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//askphill.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://askphill.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.3.0.min.js" data-application="storefront-renderer" data-shop-id="81789813010" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="161528414482" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="group/body pointer-events-auto relative w-full has-[bouncy-popup[data-active]]:w-[calc(100vw-var(--scrollbar-width))] has-[bouncy-popup[data-active]]:overflow-hidden data-[intro-playing]:w-[calc(100vw-var(--scrollbar-width))] data-[intro-playing]:overflow-hidden" >  <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ58669" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript>  <a class="visually-hidden skip-to-content-link" href="#MainContent"> Skip to content </a> <page-transition class="group/page isolate block [--transition-color:var(--tw-color-red)] data-[intro]:bg-red" >  <div id="shopify-section-sections--21309433905426__ae87584a-196c-4a26-8249-24e7c4e0797f" class="shopify-section shopify-section-group-header-group"><header-logo data-target="page-transition.logo" class="pointer-events-none absolute left-0 right-0 top-10 z-30 flex justify-center text-[--color] transition-colors duration-300 group-data-[active]/page:fixed group-data-[intro-loading]/body:opacity-0 group-data-[intro-playing]/body:opacity-0" style="--color: var(--tw-color-black) " > <bouncy-link class="block"> <a href="/" class="pointer-events-auto block" > <svg class="w-20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 77 21" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0_2046_2633)"> <path d="M5.77975 10.7605V3.77386C5.77975 2.95229 5.38683 2.54485 4.60099 2.54485H3.86584C3.08 2.54485 2.68708 2.95229 2.68708 3.77386V10.7605H5.77975ZM2.69342 21H0V3.60019C0 1.20229 1.07103 0 3.21942 0H5.24741C7.3958 0 8.46683 1.20229 8.46683 3.60019V21H5.77975V13.3053H2.69342V21Z" fill="currentColor"/> <path d="M16.0217 5.64408V3.80057C16.0217 2.96565 15.6288 2.54485 14.8429 2.54485H14.4246C13.6578 2.54485 13.2776 2.96565 13.2776 3.80057V7.28053C13.2776 7.67462 13.3536 7.93511 13.4994 8.0687C13.7275 8.2624 13.9747 8.43607 14.2282 8.59637L16.7822 10.0324C17.1941 10.2595 17.587 10.5267 17.9609 10.8206C18.2018 10.9943 18.3919 11.2214 18.5186 11.4952C18.6517 11.749 18.7151 12.25 18.7151 12.9847V17.4532C18.7151 19.8111 17.6314 20.9933 15.464 20.9933H13.8036C11.6552 20.9933 10.5841 19.7042 10.5841 17.1326V16.084H13.2712V17.2261C13.2712 18.0477 13.6705 18.4552 14.4753 18.4552H14.957C15.6668 18.4552 16.0217 18.0477 16.0217 17.2261V13.6594C16.0217 13.2719 15.9456 13.0048 15.7935 12.8712C15.5654 12.6775 15.3182 12.4971 15.0647 12.3435L12.5044 10.854C12.0734 10.6269 11.6615 10.3664 11.2686 10.0658C11.0214 9.84542 10.844 9.57156 10.7362 9.24427C10.6158 8.80343 10.5588 8.35592 10.5778 7.90172V3.60019C10.5778 1.20229 11.6488 0 13.7972 0H15.483C17.6314 0 18.7024 1.20229 18.7024 3.60019V5.65076H16.0153L16.0217 5.64408Z" fill="currentColor"/> <path d="M29.8685 21H27.1751L23.8099 10.7338V10.5668L26.611 0H29.0826L26.2498 10.4399L29.8685 21ZM23.6641 21H20.9707V0H23.6641V21Z" fill="currentColor"/> <path d="M38.6016 10.8473H40.3127C41.0225 10.8473 41.3774 10.4399 41.3774 9.61832V3.77386C41.3774 2.95229 40.9782 2.54485 40.1733 2.54485H38.6016V10.8473ZM35.9082 0H40.8197C42.9871 0 44.0772 1.20229 44.0772 3.60019V9.82538C44.0772 12.2032 43.0061 13.3922 40.8578 13.3922H38.608V21H35.9145V0H35.9082Z" fill="currentColor"/> <path d="M52.2145 21V11.4618H48.9063V21H46.2129V0H48.9063V8.91699H52.2145V0H54.9079V21H52.2145Z" fill="currentColor"/> <path d="M60.1426 0H57.4492V21H60.1426V0Z" fill="currentColor"/> <path d="M69.0532 21H62.6523V0H65.3458V18.4618H69.0532V21Z" fill="currentColor"/> <path d="M77.0004 21H70.5996V0H73.293V18.4618H77.0004V21Z" fill="currentColor"/> </g> </svg> <span class="visually-hidden visually-hidden--inline">Ask Phill</span> </a></bouncy-link > </header-logo> <header-menu class="pointer-events-none fixed bottom-0 isolate z-30 flex w-full items-end justify-center pb-6 text-[--accent] transition-transform duration-300 ease-in-out [--active-circle-x-add:45px] [--button-height:52px] [--button-width:134px] [--circle-size:43px] [--menu-width:170px] [transform:translate3d(0,0,0)] data-[footer-menu-visible]:translate-y-full group-data-[intro-hide-menu]/body:translate-y-full group-data-[intro-loading]/body:pr-[--scrollbar-width] group-data-[intro-playing]/body:pr-[--scrollbar-width] lg:pb-12 lg:[--active-circle-x-add:75px] lg:[--button-height:83px] lg:[--button-width:226px] lg:[--circle-size:72px] lg:[--menu-width:245px]" style=" --accent: var(--tw-color-white); --color: var(--tw-color-red); " > <button data-target="header-menu.button" type="button" class="pointer-events-auto relative z-10 flex h-[--button-height] w-[--button-width] items-center rounded-full bg-[--color] p-[4px] transition-colors duration-300 lg:p-[5px]" > <span data-target="header-menu.button-shadow" class="absolute inset-0 block rounded-[inherit] shadow-[0px_0px_0px_0px_rgba(0,_0,_0,_0.10),_4px_2px_9px_0px_rgba(0,_0,_0,_0.10),_14px_10px_17px_0px_rgba(0,_0,_0,_0.09)]" ></span> <div data-target="header-menu.circle" aria-hidden class="relative grid aspect-square size-[--circle-size] shrink-0 grid-cols-[auto,auto,auto] rounded-full bg-[--accent] transition-colors duration-300" > <svg class="absolute size-[18px] place-self-center text-[--color] transition-colors duration-300 lg:size-[25px]" aspectRatio="xMidYMid meet" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M0 8H24M0 17H24" stroke="currentColor" stroke-width="3.5"/> </svg> </div> <div class="w-full pr-[6px] text-[19px] font-bold leading-none tracking-[-0.01em] lg:pr-[12px] lg:text-[35px]"> <span data-target="header-menu.label" class="block">Menu</span> </div> </button> <nav data-target="header-menu.menu" class="pointer-events-none absolute h-[--button-height] w-[--menu-width] overflow-hidden rounded-[24px] bg-[--color] text-[24px] font-bold leading-none tracking-[-0.04em] text-[--accent] opacity-0 shadow-[0px_0px_0px_0px_rgba(0,_0,_0,_0.10),_4px_2px_9px_0px_rgba(0,_0,_0,_0.10),_14px_10px_17px_0px_rgba(0,_0,_0,_0.09)] lg:rounded-[42px] lg:text-[34px]" > <div data-target="header-menu.nav" class="flex flex-col-reverse items-center py-[14px] text-center lg:py-[17px]" ><a href="/" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" > Home</a><a href="/blogs/cases" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" > Our Work</a><a href="/pages/services" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" > Expertise</a><a href="/pages/about" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" data-active > About</a><a href="/blogs/blog" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" > Blog</a><a href="/pages/contact" class="group/link z-10 flex w-full items-center justify-center py-[13px] transition-colors duration-200 data-[active]:text-[--color] lg:py-[16px]" data-target="header-menu.link" > Contact</a><span data-target="header-menu.link-cursor" aria-hidden class="absolute bottom-[14px] block w-[calc(100%-20px)] rounded-full bg-[--accent] py-[13px] lg:bottom-[17px] lg:w-[calc(100%-32px)] lg:py-[16px]" > </span > </div> </nav> </header-menu> </div>  <div data-taxi data-target="page-transition.intro-content" class="origin-top group-data-[intro-loading]/body:opacity-0" > <div data-taxi-view class="group/view relative max-w-full origin-center data-[active]/view:fixed data-[active]/view:inset-0 data-[active]/view:z-10" data-primary-color="var(--tw-color-white)" data-secondary-color="var(--tw-color-red)" data-header-color="var(--tw-color-black) " > <div class="relative bg-white group-data-[active]/view:absolute group-data-[active]/view:size-[calc(100vmax-var(--scrollbar-width))] group-data-[active]/view:overflow-clip group-data-[active]/view:[clip-path:url(#page-transition-clip-path)]"> <div> <main id="MainContent" class=" shadow-none focus:outline-none " role="main" tabindex="-1" > <div id="shopify-section-template--22319430304018__86161d9c-3ded-4ac7-8aa2-7dc1461f39ef" class="shopify-section"> <moving-portraits class="group/section relative flex max-h-[100lvh] flex-col items-center justify-center overflow-hidden"> <div data-target="moving-portraits.scene" class="flex w-[190%] shrink-0 flex-col justify-center group-data-[active]/section:opacity-0 md:w-[110%]" > <div data-target="moving-portraits.row" class="-mr-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] " > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=352 352w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=832 832w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Mandy Yip</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=352 352w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=832 832w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Antonia Marx</p> <p class="text-h5 text-black/40 opacity-0">Marketing Specialist</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=352 352w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=832 832w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Justin Resok</p> <p class="text-h5 text-black/40 opacity-0">Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=352 352w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=832 832w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Gordon So</p> <p class="text-h5 text-black/40 opacity-0">Head of Tech</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=352 352w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=832 832w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Yasmin van Nieuwland </p> <p class="text-h5 text-black/40 opacity-0">Shopify Consultant</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=352 352w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=832 832w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Mandy Yip</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=352 352w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=832 832w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Antonia Marx</p> <p class="text-h5 text-black/40 opacity-0">Marketing Specialist</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=352 352w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=832 832w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Justin Resok</p> <p class="text-h5 text-black/40 opacity-0">Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=352 352w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=832 832w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Gordon So</p> <p class="text-h5 text-black/40 opacity-0">Head of Tech</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=352 352w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=832 832w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Yasmin van Nieuwland </p> <p class="text-h5 text-black/40 opacity-0">Shopify Consultant</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-ml-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] " > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=352 352w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=832 832w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Kelly Kulk</p> <p class="text-h5 text-black/40 opacity-0">Partnership and Event Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=352 352w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=832 832w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Tijs Luitse</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=352 352w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=832 832w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ren茅e Haen</p> <p class="text-h5 text-black/40 opacity-0">Project Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=352 352w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=832 832w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Bas Fijneman</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=352 352w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=832 832w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Olesia Sukhobaevskaia</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=352 352w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=832 832w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Kelly Kulk</p> <p class="text-h5 text-black/40 opacity-0">Partnership and Event Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=352 352w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=832 832w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Tijs Luitse</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=352 352w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=832 832w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ren茅e Haen</p> <p class="text-h5 text-black/40 opacity-0">Project Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=352 352w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=832 832w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Bas Fijneman</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=352 352w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=832 832w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Olesia Sukhobaevskaia</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-mr-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] " > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=352 352w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=832 832w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Onofre Catal谩 Castellar</p> <p class="text-h5 text-black/40 opacity-0">Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=352 352w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=832 832w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nichita Calmic</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=352 352w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=832 832w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Oliver Claxton</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=352 352w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=832 832w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Sara Quejido Garriga</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=352 352w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=832 832w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nick Lloyd</p> <p class="text-h5 text-black/40 opacity-0">Head of Design</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=352 352w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=832 832w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Onofre Catal谩 Castellar</p> <p class="text-h5 text-black/40 opacity-0">Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=352 352w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=832 832w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nichita Calmic</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=352 352w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=832 832w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Oliver Claxton</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=352 352w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=832 832w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Sara Quejido Garriga</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=352 352w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=832 832w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nick Lloyd</p> <p class="text-h5 text-black/40 opacity-0">Head of Design</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-ml-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] " > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=352 352w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=832 832w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Diana Kucherbaeva</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=352 352w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=832 832w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Domiziana Luzii</p> <p class="text-h5 text-black/40 opacity-0">Digital Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=352 352w, //askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=832 832w, //askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=1024 1024w" width="1024" height="827" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ginevra Zigliotto</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=352 352w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=832 832w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Mandy Yip</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=352 352w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=832 832w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Antonia Marx</p> <p class="text-h5 text-black/40 opacity-0">Marketing Specialist</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=352 352w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=832 832w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Diana Kucherbaeva</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=352 352w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=832 832w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Domiziana Luzii</p> <p class="text-h5 text-black/40 opacity-0">Digital Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=352 352w, //askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=832 832w, //askphill.com/cdn/shop/files/ginevra-zigliotto-team-member-ask-phill-product-owner.png?v=1710447302&width=1024 1024w" width="1024" height="827" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ginevra Zigliotto</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=352 352w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=832 832w, //askphill.com/cdn/shop/files/mandy-yip-team-member-ask-phill-product-owner.png?v=1710464590&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Mandy Yip</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=352 352w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=832 832w, //askphill.com/cdn/shop/files/antonia-marx-team-member-ask-phill-marketing.png?v=1710433516&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Antonia Marx</p> <p class="text-h5 text-black/40 opacity-0">Marketing Specialist</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-mr-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] " > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=352 352w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=832 832w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Justin Resok</p> <p class="text-h5 text-black/40 opacity-0">Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=352 352w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=832 832w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Gordon So</p> <p class="text-h5 text-black/40 opacity-0">Head of Tech</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=352 352w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=832 832w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Yasmin van Nieuwland </p> <p class="text-h5 text-black/40 opacity-0">Shopify Consultant</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=352 352w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=832 832w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Kelly Kulk</p> <p class="text-h5 text-black/40 opacity-0">Partnership and Event Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=352 352w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=832 832w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Tijs Luitse</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=352 352w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=832 832w, //askphill.com/cdn/shop/files/justin-resok-team-member-ask-phill-digital-designer.png?v=1710457923&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Justin Resok</p> <p class="text-h5 text-black/40 opacity-0">Designer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=352 352w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=832 832w, //askphill.com/cdn/shop/files/gordon-so-team-member-ask-phill-head-of-tech_9f4c71f6-f829-4ccf-a39e-17897bdff5e7.png?v=1710456926&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Gordon So</p> <p class="text-h5 text-black/40 opacity-0">Head of Tech</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=352 352w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=832 832w, //askphill.com/cdn/shop/files/yasmin-van-nieuwland-team-member-ask-phill-shopify-consultant_bf71abb6-f586-4adc-9c44-e81b8805be16.png?v=1710455760&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Yasmin van Nieuwland </p> <p class="text-h5 text-black/40 opacity-0">Shopify Consultant</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=352 352w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=832 832w, //askphill.com/cdn/shop/files/kelly-kulk-team-member-ask-phill-event-partnerships-manager_f9385a9d-ee9c-404c-a679-21f14bedd687.png?v=1710513739&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Kelly Kulk</p> <p class="text-h5 text-black/40 opacity-0">Partnership and Event Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=352 352w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=832 832w, //askphill.com/cdn/shop/files/tijs-ap.png?v=1711101882&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Tijs Luitse</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-ml-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] md:hidden" > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=352 352w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=832 832w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ren茅e Haen</p> <p class="text-h5 text-black/40 opacity-0">Project Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=352 352w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=832 832w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Bas Fijneman</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=352 352w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=832 832w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Olesia Sukhobaevskaia</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=352 352w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=832 832w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Onofre Catal谩 Castellar</p> <p class="text-h5 text-black/40 opacity-0">Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=352 352w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=832 832w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nichita Calmic</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=352 352w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=832 832w, //askphill.com/cdn/shop/files/renee-haen-team-member-ask-phill-project-manager_894a2fe1-3b28-4b96-b6a8-fdc7ca73fe50.png?v=1710440479&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Ren茅e Haen</p> <p class="text-h5 text-black/40 opacity-0">Project Manager</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=352 352w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=832 832w, //askphill.com/cdn/shop/files/bas-fijneman-team-member-ask-phill-front-end-developer.png?v=1710465632&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Bas Fijneman</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=352 352w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=832 832w, //askphill.com/cdn/shop/files/olesia-sukhobaevskaia-team-member-ask-phill-digital-designer.png?v=1710443111&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Olesia Sukhobaevskaia</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=352 352w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=832 832w, //askphill.com/cdn/shop/files/onofre-catala-castellar-team-member-ask-phill-front-end-developer.png?v=1710462237&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Onofre Catal谩 Castellar</p> <p class="text-h5 text-black/40 opacity-0">Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=352 352w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=832 832w, //askphill.com/cdn/shop/files/nichita.png?v=1711443438&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nichita Calmic</p> <p class="text-h5 text-black/40 opacity-0">Lead Developer</p> </div> </button> </bouncy-link> </div> </div> <div data-target="moving-portraits.row" class="-mr-[100%] grid w-[300%] shrink-0 grid-cols-[repeat(3,1fr)] md:hidden" > <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=352 352w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=832 832w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Oliver Claxton</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=352 352w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=832 832w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Sara Quejido Garriga</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=352 352w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=832 832w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nick Lloyd</p> <p class="text-h5 text-black/40 opacity-0">Head of Design</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=352 352w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=832 832w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Diana Kucherbaeva</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=352 352w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=832 832w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Domiziana Luzii</p> <p class="text-h5 text-black/40 opacity-0">Digital Designer</p> </div> </button> </bouncy-link> </div> <div class="grid h-fit grid-cols-[repeat(3,1fr)] md:grid-cols-[repeat(5,1fr)]"> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=352 352w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=832 832w, //askphill.com/cdn/shop/files/oliver-claxton-team-member-ask-phill-front-end-developer.png?v=1710456229&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Oliver Claxton</p> <p class="text-h5 text-black/40 opacity-0"> Front-end Developer</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=352 352w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=832 832w, //askphill.com/cdn/shop/files/sara-quejido-garriga-team-member-ask-phill-product-owner.png?v=1710454067&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Sara Quejido Garriga</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=352 352w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=832 832w, //askphill.com/cdn/shop/files/nick-lloyd-team-member-ask-phill-head-of-design.png?v=1710454567&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Nick Lloyd</p> <p class="text-h5 text-black/40 opacity-0">Head of Design</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=352 352w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=832 832w, //askphill.com/cdn/shop/files/diana-kucherbaeva-team-member-ask-phill-product-owner.png?v=1710451728&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Diana Kucherbaeva</p> <p class="text-h5 text-black/40 opacity-0">Product Owner</p> </div> </button> </bouncy-link> <bouncy-link class="h-fit w-full px-[2.75vw] py-[3.5vw] md:px-[.8625vw] md:py-[1.125vw] hidden md:block"> <button type="button" data-target="moving-portraits.portrait" class="relative aspect-[2/1] size-full rounded-16 bg-beige data-[active]:z-10 group-data-[active]/active-scene:pointer-events-none group-data-[active]/active-scene:hidden group-data-[active]/active-scene:data-[active]:block md:rounded-24" > <responsive-media data-fade class="size-full rounded-[inherit] object-cover before:bg-transparent"><img src="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=352 352w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=832 832w, //askphill.com/cdn/shop/files/domiziana-luzii-team-member-ask-phill-digital-designer.png?v=1710442315&width=1024 1024w" width="1024" height="681" class="object-contain h-[115%] mt-[-5%]"> </responsive-media> <div class="absolute mt-2 text-left" data-target="moving-portraits.caption"> <p class="text-h4 opacity-0">Domiziana Luzii</p> <p class="text-h5 text-black/40 opacity-0">Digital Designer</p> </div> </button> </bouncy-link> </div> </div> </div> <div data-target="moving-portraits.active-scene" role="button" class="group/active-scene absolute hidden size-full cursor-pointer group-data-[active]/section:block" ></div> </moving-portraits> </div><div id="shopify-section-template--22319430304018__polaroid_cards_edHNkb" class="shopify-section"><section class="bg-red pt-12 [contain:paint] lg:pt-64 [@media(min-height:800px)]:pt-0 [@media(min-height:800px)]:lg:pt-64"> <text-reveal class="container hidden lg:block lg:max-w-[45%]"> <h2 class="text-h1 text-center text-white">Started from the bottom</h2> </text-reveal> <polaroid-cards class="relative block h-[max(calc(100svh*var(--count)),_100svh)] w-full max-w-full px-content" style="--count: 6;" > <div class="sticky top-0 flex min-h-[max(100lvh,700px)] w-full max-w-full flex-col pt-14 lg:grid lg:place-items-center lg:p-0 [@media(min-height:800px)]:justify-center"> <text-reveal class="container mb-[8lvh] block lg:hidden"> <p class="text-h1 text-center text-white">Started from the bottom</p> </text-reveal> <div class="relative grid w-full place-items-center" data-target="polaroid-cards.cards"><article style="--index: 0;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/paul-martijn-guangzhou-fair.jpg?v=1710098870&width=1024" alt="Paul and Martijn Guangzhou fair in China" srcset="//askphill.com/cdn/shop/files/paul-martijn-guangzhou-fair.jpg?v=1710098870&width=352 352w, //askphill.com/cdn/shop/files/paul-martijn-guangzhou-fair.jpg?v=1710098870&width=832 832w, //askphill.com/cdn/shop/files/paul-martijn-guangzhou-fair.jpg?v=1710098870&width=1024 1024w" width="1024" height="1510"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">How it all started</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>In 2016, Martijn and Paul set off to the Canton Fair in Gangzhou, China. With a cheap boarding pass in hand and entrepreneurial ambitions in their heads.</p></div> </div> </article><article style="--index: 1;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 absolute " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/who-is-phill-ask-phill.jpg?v=1710098964&width=1024" alt="Who is Phill? Ask Phill" srcset="//askphill.com/cdn/shop/files/who-is-phill-ask-phill.jpg?v=1710098964&width=352 352w, //askphill.com/cdn/shop/files/who-is-phill-ask-phill.jpg?v=1710098964&width=832 832w, //askphill.com/cdn/shop/files/who-is-phill-ask-phill.jpg?v=1710098964&width=1024 1024w" width="1024" height="1510"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">Who is Phill?</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>Limited English made navigating the city tough. Behind China's firewall, Google couldn't guide them. Luckily, hotel manager Phill came to the rescue. They knew they could Ask Phill. An idea was born.</p></div> </div> </article><article style="--index: 2;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 absolute " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/return-to-amsterdam-ask-phill.jpg?v=1710099644&width=1024" alt="Return to Amsterdam - About Us Ask Phill" srcset="//askphill.com/cdn/shop/files/return-to-amsterdam-ask-phill.jpg?v=1710099644&width=352 352w, //askphill.com/cdn/shop/files/return-to-amsterdam-ask-phill.jpg?v=1710099644&width=832 832w, //askphill.com/cdn/shop/files/return-to-amsterdam-ask-phill.jpg?v=1710099644&width=1024 1024w" width="1024" height="1510"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">Return to Amsterdam</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>Inspired by Phill, the pair knew they could help D2C brands find their way and achieve their goals. Shopify was an emerging platform in Europe, and exactly the right tool for the job.</p></div> </div> </article><article style="--index: 3;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 absolute " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill.jpg?v=1710100949&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill.jpg?v=1710100949&width=352 352w, //askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill.jpg?v=1710100949&width=832 832w, //askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill.jpg?v=1710100949&width=1024 1024w" width="1024" height="1510"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">Building expertise</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>Fast forward a few years to 2018, we stepped up as Europe's first ecommerce agency to master headless builds on Shopify Plus and to join the ranks as a Shopify Plus partner.</p></div> </div> </article><article style="--index: 4;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 absolute " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill-2_1.jpg?v=1710104468&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill-2_1.jpg?v=1710104468&width=352 352w, //askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill-2_1.jpg?v=1710104468&width=832 832w, //askphill.com/cdn/shop/files/building-expertise-about-us-ask-phill-2_1.jpg?v=1710104468&width=1024 1024w" width="1024" height="1536"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">Embrace change</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>As Shopify has evolved, so have we. We've expanded our expertise to embrace a versatile approach. Not only do we excel in both headless and Shopify Native builds, but we've also launched a new Shopify consultancy department. </p></div> </div> </article><article style="--index: 5;" data-target="polaroid-cards.card" class=" z-[calc(var(--count)-var(--index))] block w-full max-w-full origin-bottom rounded-10 bg-white p-3 pb-6 shadow-[10px_13px_36px_24px_rgba(0,0,0,0.1)] lg:w-[37.5vw] lg:rounded-20 lg:p-6 lg:pb-8 3xl:p-8 3xl:pb-12 absolute " > <responsive-media data-visible class="aspect-[1.5/1] w-full overflow-hidden rounded-10 lg:aspect-[1.25/1] lg:rounded-20 [@media(min-height:800px)]:aspect-[1.25/1]" ><img src="//askphill.com/cdn/shop/files/we-are-aiming-high-ask-phill-about-us.jpg?v=1710100771&width=1024" alt="" srcset="//askphill.com/cdn/shop/files/we-are-aiming-high-ask-phill-about-us.jpg?v=1710100771&width=352 352w, //askphill.com/cdn/shop/files/we-are-aiming-high-ask-phill-about-us.jpg?v=1710100771&width=832 832w, //askphill.com/cdn/shop/files/we-are-aiming-high-ask-phill-about-us.jpg?v=1710100771&width=1024 1024w" width="1024" height="1024"></responsive-media> <div class="pt-6 lg:pt-9"> <p class="mb-3 text-[2.5vw] lg:text-label lg:mb-5">We build the next</p> <div class="line-clamp-4 h-[4lh] text-pretty text-[3vw] font-bold leading-normal !tracking-tighter lg:text-[max(1.15vw,.85rem)]"><p>Since 2016, our team has expanded from 2 to 60+ digital natives, and we have guided 150+ commerce brands to Shopify. Our ambition is global, and we collaborate with the most inspiring brands on their commerce journey to success.</p></div> </div> </article></div> </div> </polaroid-cards> </section> </div><div id="shopify-section-template--22319430304018__57f69a10-4fa9-43bb-a167-f8b5d30731fc" class="shopify-section"><zoom-image class="block bg-red lg:h-[250svh]"> <div class="sticky top-0 items-end overflow-hidden p-content lg:h-svh" > <responsive-media data-visible data-target="image" class="block size-full overflow-hidden rounded-10 lg:rounded-20" > <img src="//askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=1024" alt="Ask Phill team members" srcset="//askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=832 832w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=1024 1024w" width="1024" height="683"> <img src="//askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=2560" alt="Ask Phill team members" srcset="//askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=832 832w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=1200 1200w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=1920 1920w, //askphill.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=2560 2560w" width="2560" height="1707" loading="lazy"> </responsive-media> </div> </zoom-image> </div><div id="shopify-section-template--22319430304018__facb7e13-6e2b-44f2-8dcc-317aa07500bb" class="shopify-section"><horizontal-scroll class="relative block w-full bg-black"> <div class="container hidden w-full pb-24 pt-8 text-white lg:pb-12 lg:pt-14 [@media((max-height:900px)_and_(min-width:1024px))]:block"> <text-reveal class="block"> <h4 class="text-large "> Culture </h4> </text-reveal> </div> <div data-target="horizontal-scroll.wrapper" style="--count: 12;" class="relative lg:h-[calc(100svh*var(--count))]" > <div class="top-0 flex w-full flex-col overflow-hidden pb-28 lg:sticky lg:min-h-svh lg:pb-40" > <div class="container w-full pb-24 pt-8 text-white lg:pb-12 lg:pt-14 [@media((max-height:900px)_and_(min-width:1024px))]:hidden"> <text-reveal class="block"> <h4 class="text-large "> Culture </h4> </text-reveal> </div> <ul data-target="horizontal-scroll.list" class="no-flicker flex w-full origin-bottom-left gap-x-6 overflow-x-auto px-4 lg:w-max lg:grow lg:gap-x-7 lg:overflow-x-clip lg:px-8 " > <li class="group/pill-switch relative flex shrink-0 items-end lg:translate-x-[0.5rem]" > <pill-switch-icon class="w-full overflow-hidden"> <div data-target="horizontal-scroll.list-item" class="relative lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <svg data-target="pill-switch-icon.icon" class="h-[17.5rem] text-red lg:h-[28rem]" viewBox="0 0 629 670" fill="none" aspectRatio="xMidYMid meet" > <path d="M69.1952 622.972C-13.5655 552.444 -23.4942 428.166 47.0188 345.388L282.278 69.2093C352.791 -13.5683 477.044 -23.499 559.805 47.0285C642.565 117.556 652.494 241.834 581.981 324.612L346.722 600.791C276.209 683.568 151.956 693.499 69.1952 622.972Z" fill="currentColor"/> </svg> <div data-target="pill-switch-icon.circle" class="pointer-events-none absolute right-[5.75%] top-[5.75%] aspect-square w-[50%] rounded-full bg-white [--x-active:-76.5%] [--x:0%] [--y-active:88.5%] [--y:0%]" ></div> </div> </pill-switch-icon> </li> <li class=" flex shrink-0 flex-col justify-end overflow-y-clip" > <div data-target="horizontal-scroll.list-item" class="flex shrink-0 flex-col justify-end lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div class=" [--text-color:--tw-color-black] [--background-color:--tw-color-white] [--number-color:--tw-color-white] [--number-bg-color:--tw-color-red] w-[90vw] rounded-14 bg-[--background-color] p-4 lg:max-w-[36rem] lg:p-10 " > <div class="mb-8 flex items-start gap-x-5 lg:mb-10 lg:gap-x-10"> <span class="text-h3 flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[--number-bg-color] pr-0.5 text-[--number-color] lg:text-h4 lg:h-16 lg:w-16">1</span> <h6 class="text-h2 block text-[--text-color] lg:text-h3 lg:mt-2"> From day one </h6> </div> <div class="text-body text-[--text-color]"><p>Since 2016, Ask Phill has held on to core beliefs that shape our culture, keeping us fresh, future-focused, and always propelling the agency forward.</p></div> </div> </div> </li> <li class="flex shrink-0 items-end " > <div class="w-full overflow-hidden"> <div data-target="horizontal-scroll.list-item" class="h-full w-full lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <responsive-media data-visible class="block aspect-square size-[90vw] overflow-hidden rounded-xl before:bg-beige lg:size-[25rem] lg:rounded-3xl" ><img src="//askphill.com/cdn/shop/files/ask-phill-about-us-6.jpg?v=1710757956&width=800" alt="" srcset="//askphill.com/cdn/shop/files/ask-phill-about-us-6.jpg?v=1710757956&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-about-us-6.jpg?v=1710757956&width=800 800w" width="800" height="800" loading="lazy"> </responsive-media> </div> </div> </li> <li class="relative flex shrink-0 items-end overflow-y-clip " > <arrow-icon> <div data-target="horizontal-scroll.list-item" class="lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div data-target="arrow-icon.container" class="group/arrow relative flex h-[17.5rem] w-[17.5rem] shrink-0 items-center justify-center overflow-hidden rounded-full bg-red text-white lg:h-[25rem] lg:w-[25rem]" ><svg class="shrink h-[60%] rotate-[-135deg] text-[--color] absolute flex items-center justify-center overflow-hidden" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aspectRatio="xMidYMid meet" data-target="arrow-icon.arrow-in" > <path d="M24.6287 48L19.1908 42.4936L33.3109 28.0728L0.0430466 27.8872L0 19.8396L33.2679 20.0252L18.9927 5.46982L24.372 0L48 24.1311L24.6287 48Z" fill="currentColor"/> </svg> <svg class="shrink h-[60%] rotate-[-135deg] text-[--color] absolute flex items-center justify-center overflow-hidden" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aspectRatio="xMidYMid meet" data-target="arrow-icon.arrow-out" > <path d="M24.6287 48L19.1908 42.4936L33.3109 28.0728L0.0430466 27.8872L0 19.8396L33.2679 20.0252L18.9927 5.46982L24.372 0L48 24.1311L24.6287 48Z" fill="currentColor"/> </svg> </div> </div> </arrow-icon> </li> <li class=" flex shrink-0 flex-col justify-end overflow-y-clip" > <div data-target="horizontal-scroll.list-item" class="flex shrink-0 flex-col justify-end lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div class=" [--text-color:--tw-color-black] [--background-color:--tw-color-beige] [--number-color:--tw-color-beige] [--number-bg-color:--tw-color-black] w-[90vw] rounded-14 bg-[--background-color] p-4 lg:max-w-[36rem] lg:p-10 " > <div class="mb-8 flex items-start gap-x-5 lg:mb-10 lg:gap-x-10"> <span class="text-h3 flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[--number-bg-color] pr-0.5 text-[--number-color] lg:text-h4 lg:h-16 lg:w-16">2</span> <h6 class="text-h2 block text-[--text-color] lg:text-h3 lg:mt-2"> Digital natives </h6> </div> <div class="text-body text-[--text-color]"><p>We work with tech natives鈥攖hose who know their way around an API, who know their SaaS from their CMS, and who understand the limitations of software, yet are bold enough to push beyond them.</p></div> </div> </div> </li> <li class="flex shrink-0 items-end " > <div class="w-full overflow-hidden"> <div data-target="horizontal-scroll.list-item" class="h-full w-full lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <responsive-media data-visible class="block aspect-square size-[90vw] overflow-hidden rounded-xl before:bg-white lg:size-[25rem] lg:rounded-3xl" ><img src="//askphill.com/cdn/shop/files/ask-phill-about-us-9.jpg?v=1710758768&width=800" alt="" srcset="//askphill.com/cdn/shop/files/ask-phill-about-us-9.jpg?v=1710758768&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-about-us-9.jpg?v=1710758768&width=800 800w" width="800" height="800" loading="lazy"> </responsive-media> </div> </div> </li> <li class=" flex shrink-0 flex-col justify-end overflow-y-clip" > <div data-target="horizontal-scroll.list-item" class="flex shrink-0 flex-col justify-end lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div class=" [--text-color:--tw-color-black] [--background-color:--tw-color-white] [--number-color:--tw-color-white] [--number-bg-color:--tw-color-red] w-[90vw] rounded-14 bg-[--background-color] p-4 lg:max-w-[36rem] lg:p-10 " > <div class="mb-8 flex items-start gap-x-5 lg:mb-10 lg:gap-x-10"> <span class="text-h3 flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[--number-bg-color] pr-0.5 text-[--number-color] lg:text-h4 lg:h-16 lg:w-16">3</span> <h6 class="text-h2 block text-[--text-color] lg:text-h3 lg:mt-2"> We're a global team </h6> </div> <div class="text-body text-[--text-color]"><p>Our team spans nations and embraces cultures, growing in diversity with every new direction we explore. Celebrating a wide spectrum of ideas and interests isn't just what we do鈥攊t's a core value that propels us on our mission to become the world鈥檚 leading ecommerce agency.</p></div> </div> </div> </li> <li class="flex shrink-0 items-end " > <div class="w-full overflow-hidden"> <div data-target="horizontal-scroll.list-item" class="h-full w-full lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <responsive-media data-visible class="block aspect-square size-[90vw] overflow-hidden rounded-xl before:bg-beige lg:size-[25rem] lg:rounded-3xl" ><img src="//askphill.com/cdn/shop/files/ask-phill-about-us-photo-4.jpg?v=1710757655&width=800" alt="" srcset="//askphill.com/cdn/shop/files/ask-phill-about-us-photo-4.jpg?v=1710757655&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-about-us-photo-4.jpg?v=1710757655&width=800 800w" width="800" height="800" loading="lazy"> </responsive-media> </div> </div> </li> <li class="-mr-[11.5rem] flex min-w-[30rem] shrink-0 -translate-x-[1.5rem] items-end overflow-hidden lg:-mr-[3.5rem] lg:-translate-x-[2.5rem]" > <tag-icon class="block"> <div data-target="horizontal-scroll.list-item" class="flex w-[30rem] items-end lg:w-[25rem] lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div data-target="tag-icon.tag-icon" class="shrink-0 origin-bottom-left -translate-y-[8.85rem] rotate-45 lg:-translate-y-[12rem]" > <div class="flex w-[14rem] shrink-0 items-center justify-center text-white duration-[.8s] [backface-visibility:visible] data-[active]:[transform:rotateY(360deg)] lg:h-[30rem] lg:w-[20rem] lg:duration-[2s] lg:data-[active]:[transform:rotateY(720deg)]" > <svg class="size-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 441.34 615.5"> <path d="M351.58 615.49c49.58 0 89.77-40.2 89.77-89.78l-.02-312.76a89.75 89.75 0 0 0-28.25-65.37L282.18 24.4c-34.57-32.53-88.49-32.53-123.05 0L28.24 147.6A89.8 89.8 0 0 0 0 212.98l.02 312.76c0 49.58 40.2 89.77 89.78 89.77l261.78-.02Z" style="stroke-width:0;fill:#de0015"/><path d="m308.81 339.99-25.73-25.73-62.94 62.95-62.96-62.94L131.45 340l62.96 62.94-62.95 62.96 25.73 25.73 62.95-62.96 62.95 62.95 25.73-25.73-62.95-62.95 62.94-62.95z" style="fill:#faf8f7;stroke-width:0"/> </svg> </div> </div> </div> </tag-icon> </li> <li class="flex shrink-0 items-end " > <div class="w-full overflow-hidden"> <div data-target="horizontal-scroll.list-item" class="h-full w-full lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <responsive-media data-visible class="block aspect-square size-[90vw] overflow-hidden rounded-xl before:bg-white lg:size-[25rem] lg:rounded-3xl" ><img src="//askphill.com/cdn/shop/files/ask-phill-about-us-3.jpg?v=1710757133&width=800" alt="" srcset="//askphill.com/cdn/shop/files/ask-phill-about-us-3.jpg?v=1710757133&width=352 352w, //askphill.com/cdn/shop/files/ask-phill-about-us-3.jpg?v=1710757133&width=800 800w" width="800" height="800" loading="lazy"> </responsive-media> </div> </div> </li> <li class=" flex shrink-0 flex-col justify-end overflow-y-clip" > <div data-target="horizontal-scroll.list-item" class="flex shrink-0 flex-col justify-end lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div class=" [--text-color:--tw-color-black] [--background-color:--tw-color-white] [--number-color:--tw-color-white] [--number-bg-color:--tw-color-red] w-[90vw] rounded-14 bg-[--background-color] p-4 lg:max-w-[36rem] lg:p-10 " > <div class="mb-8 flex items-start gap-x-5 lg:mb-10 lg:gap-x-10"> <span class="text-h3 flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-[--number-bg-color] pr-0.5 text-[--number-color] lg:text-h4 lg:h-16 lg:w-16">4</span> <h6 class="text-h2 block text-[--text-color] lg:text-h3 lg:mt-2"> We thrive on learning </h6> </div> <div class="text-body text-[--text-color]"><p>We're constantly evolving with the industry. Encouraging skill development and innovation, our journey is one of bold experimentation and learning from failure.</p></div> </div> </div> </li> <li class="flex shrink-0 items-end overflow-y-clip " > <plus-icon> <div data-target="horizontal-scroll.list-item" class="lg:translate-y-[120%] lg:opacity-0 lg:data-[active]:opacity-100" > <div data-target="plus-icon.plusIcon" class="flex h-[17.5rem] w-[17.5rem] shrink-0 items-center justify-center rounded-full bg-red text-white lg:h-[25rem] lg:w-[25rem]" ><svg class="shrink h-[60%]" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aspectRatio="xMidYMid meet" > <path d="M19.2071 48V0H28.7574V48H19.2071ZM0 28.7574V19.2071H48V28.7574H0Z" fill="currentColor"/> </svg> </div> </div> </plus-icon> </li> </ul> </div> </div> </horizontal-scroll> </div><div id="shopify-section-template--22319430304018__5cdf26b1-315c-4d1f-97b2-1dddabad146a" class="shopify-section bg-red text-white"><section class="container overflow-hidden px-0 pb-28 pt-8 lg:pb-40 lg:pt-14"> <header class="relative mb-12 px-content lg:mb-24 lg:flex lg:items-baseline"> <div> <h2 class="text-large -ml-[0.0625em] inline-block h-fit">Hiring</h2> <svg class="ml-0.5 inline w-4 lg:ml-4 lg:w-12" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="26" cy="26" r="23.65" stroke="currentColor" stroke-width="4.7"/> <path d="M18.4827 16.5958L18.4648 20.7273L29.3568 20.7273L16.5958 33.4882L19.6184 36.5107L32.3793 23.7498L32.3704 34.6328L36.5107 34.6239L36.5107 16.5958L18.4827 16.5958Z" fill="currentColor"/> </svg> </div> <bouncy-background class="mt-2 block w-fit lg:ml-auto lg:mt-0"> <a href="https://jobs.askphill.com/" class="button py-1 text-black lg:py-2"> <div class="bouncy-background rounded-[inherit] bg-white"></div> <span>Discover all</span> </a> </bouncy-background> </header> <shifting-rows class="flex w-full flex-col gap-5 whitespace-nowrap lg:gap-8"> <bouncy-background class="block self-end"> <a data-targets="shifting-rows.rows" href="https://jobs.askphill.com/" class=" [--x-start:10vw] [--x-end:0vw] lg:[--x-start:7vw] lg:[--x-end:-2vw] text-h2 block w-max translate-x-[--x-start] rounded-full px-8 py-2 leading-none text-black lg:text-h1 lg:px-20 lg:py-8 " > <div class="bouncy-background rounded-[inherit] bg-white"></div> <span>Shopify Developer</span> </a> </bouncy-background> <bouncy-background class="block "> <a data-targets="shifting-rows.rows" href="https://jobs.askphill.com/" class=" [--x-start:-10vw] [--x-end:0vw] lg:[--x-start:-6vw] lg:[--x-end:3vw] text-h2 block w-max translate-x-[--x-start] rounded-full px-8 py-2 leading-none text-black lg:text-h1 lg:px-20 lg:py-8 " > <div class="bouncy-background rounded-[inherit] bg-white"></div> <span>Front-End Developer</span> </a> </bouncy-background> <bouncy-background class="block self-end"> <a data-targets="shifting-rows.rows" href="https://jobs.askphill.com/" class=" [--x-start:5vw] [--x-end:-5vw] lg:[--x-start:7vw] lg:[--x-end:-2vw] text-h2 block w-max translate-x-[--x-start] rounded-full px-8 py-2 leading-none text-black lg:text-h1 lg:px-20 lg:py-8 " > <div class="bouncy-background rounded-[inherit] bg-white"></div> <span>Entry-Level Lead Engineer</span> </a> </bouncy-background> </shifting-rows> </section> </div> </main>  <div id="shopify-section-sections--21309434003730__switch_GddK3Q" class="shopify-section shopify-section-group-footer-group"> <section style="--background-color: var(--tw-color-black); --text-color: var(--tw-color-white); --text-highlight-color: #a1a1a1;" class="bg-[--background-color] text-[--text-color]" > <div class="container flex flex-col items-center text-[--text-color] gap-y-12 lg:gap-y-24 pt-24 lg:pt-44 pb-24 lg:pb-44 "><div class="text-center [&_strong]:text-[--text-highlight-color] [&_strong]:[font-weight:unset] text-big"><p>Are you ready to<br/><strong>work with us?</strong></p> </div><pill-switch style=" --switch-color: #faf8f7; --background-color: #de0015; --background-color-active: #0bc148;--font-size: 4.75rem; --font-size-desktop: min(8.75vw, 14rem); --width: 17.5rem; --width-desktop: 35%; --padding-y: 3.5%;" class="relative flex aspect-[1/0.425] h-full w-[--width] cursor-pointer items-center justify-center overflow-hidden rounded-full bg-[--background-color] px-[5%] py-[--padding-y] text-[length:--font-size] tracking-[-0.06em] transition-colors lg:w-[--width-desktop] lg:text-[length:--font-size-desktop]" > <span data-target="pill-switch.circle" class="absolute left-[5%] aspect-square w-[35%] rounded-full bg-[--switch-color] [--x-active:157.5%] [--x:0%]" ></span> <p data-target="pill-switch.text" class="absolute block translate-x-[--x] text-[--switch-color] opacity-[--opacity] [--opacity-active:1] [--opacity:.3] [--x-active:-0.6em] [--x:0.6em]" > Yes </p> <a class="absolute inset-0" href="/pages/contact"></a> </pill-switch> </div> </section> </div><footer id="shopify-section-sections--21309434003730__a604d039-0a84-4588-a7c4-3f4f1476e3b0" class="shopify-section shopify-section-group-footer-group bg-black text-white"><div id="footer" class="container flex flex-col gap-8 py-8 pt-12 lg:py-12 lg:pt-24"> <div class="grid grid-cols-2 gap-8 [--links-gap:.5rem] lg:grid lg:grid-cols-4 lg:grid-rows-1 lg:gap-12 2xl:gap-24" style="--links: 6;" ><nav class="flex flex-col gap-[inherit] lg:col-span-2 lg:row-span-1 lg:grid lg:grid-cols-subgrid lg:grid-rows-1"> <ul class="text-h5 h-[calc(var(--links)*(1lh+var(--links-gap)))] space-y-[--links-gap] lg:block lg:h-fit"> <li> <bouncy-link> <a href="/blogs/cases" title="">Our work</a> </bouncy-link> </li><li> <bouncy-link> <a href="/pages/services" title="">Expertise</a> </bouncy-link> </li><li> <bouncy-link> <a href="/pages/about" title="">About</a> </bouncy-link> </li><li> <bouncy-link> <a href="/blogs/blog" title="">Blog</a> </bouncy-link> </li><li> <bouncy-link> <a href="/pages/contact" title="">Contact</a> </bouncy-link> </li><li> <bouncy-link> <a href="https://jobs.askphill.com/" title="">Careers</a> </bouncy-link> </li> </ul> <ul class="text-body flex-1 space-y-1.5 text-white/60 lg:space-y-2"> <li> <bouncy-link> <a href="/pages/ecommerce-strategy" title="">Strategy</a> </bouncy-link> </li><li> <bouncy-link> <a href="/pages/branding-and-design" title="">Creative</a> </bouncy-link> </li><li> <bouncy-link> <a href="/pages/shopify-development" title="">Technology</a> </bouncy-link> </li> </ul> </nav> <div class="flex flex-col gap-[inherit] lg:col-start-4"><div class="text-h5 flex h-[calc(var(--links)*(1lh+var(--links-gap)))] flex-col gap-y-4 lg:h-fit lg:gap-y-10"> <div class="flex space-x-2.5"> <p>Amsterdam</p><local-time data-time-zone="Europe/Amsterdam" class="hidden text-white/60 lg:flex"> <span data-hours>00</span> <span class="animate-blink">:</span> <span data-minutes>00</span> </local-time></div> <p class="text-body block pt-0.5 text-white/60"> <a href="https://maps.app.goo.gl/WvnXixz2uUUXBwhf6"> 's-Gravenhekje 1a<br /> 1011 TG Amsterdam<br /> The Netherlands </a> <a class="block w-fit" href="tel:+31 20 261 5080">+31 20 261 5080</a> </p> </div><nav class="flex flex-col gap-4 lg:hidden"> <ul class="flex gap-x-5"> <li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://www.linkedin.com/company/ask-phill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="currentColor" > <path d="M17.8911 18.3955H14.7814V13.5226C14.7814 12.3606 14.7577 10.8652 13.1609 10.8652C11.5395 10.8652 11.2919 12.1296 11.2919 13.4369V18.3955H8.18213V8.375H11.1694V9.74087H11.2096C11.627 8.95337 12.642 8.12213 14.1584 8.12213C17.3092 8.12213 17.892 10.1959 17.892 12.8952L17.8911 18.3955ZM4.66988 7.00387C3.66887 7.00387 2.86475 6.19362 2.86475 5.197C2.86475 4.20125 3.66975 3.39187 4.66988 3.39187C5.66738 3.39187 6.47587 4.20125 6.47587 5.197C6.47587 6.19362 5.6665 7.00387 4.66988 7.00387ZM6.22913 18.3955H3.11063V8.375H6.22913V18.3955ZM19.4469 0.5H1.54963C0.693 0.5 0 1.17725 0 2.01287V19.9871C0 20.8236 0.693 21.5 1.54963 21.5H19.4443C20.3 21.5 21 20.8236 21 19.9871V2.01287C21 1.17725 20.3 0.5 19.4443 0.5H19.4469Z" fill="currentColor" /> </svg></a> </bouncy-link> </li><li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://www.instagram.com/askphill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none" > <path d="M20.9466 6.17408C20.8974 5.05826 20.7169 4.29115 20.4584 3.62644C20.1917 2.92086 19.7814 2.28916 19.2438 1.76402C18.7186 1.23071 18.0826 0.816309 17.3851 0.553821C16.7164 0.295339 15.9531 0.114899 14.8371 0.0657021C13.7127 0.0123392 13.3558 0 10.5041 0C7.65239 0 7.29545 0.0123392 6.17525 0.0615356C5.05923 0.110732 4.29197 0.291333 3.62729 0.549654C2.92142 0.816309 2.28959 1.22655 1.76436 1.76402C1.23095 2.28916 0.816625 2.92503 0.553926 3.62243C0.295395 4.29115 0.114921 5.0541 0.0657146 6.16991C0.0123415 7.29406 0 7.65093 0 10.5021C0 13.3532 0.0123415 13.7101 0.0615474 14.8301C0.110753 15.9459 0.291388 16.713 0.549919 17.3777C0.816625 18.0833 1.23095 18.715 1.76436 19.2401C2.28959 19.7735 2.92558 20.1879 3.62312 20.4503C4.29197 20.7088 5.05506 20.8893 6.17125 20.9385C7.29128 20.9878 7.64839 21 10.5001 21C13.3518 21 13.7087 20.9878 14.8289 20.9385C15.9449 20.8893 16.7122 20.7088 17.3769 20.4503C18.7885 19.9047 19.9045 18.7889 20.4502 17.3777C20.7086 16.709 20.8892 15.9459 20.9385 14.8301C20.9877 13.7101 21 13.3532 21 10.5021C21 7.65093 20.9958 7.29406 20.9466 6.17408ZM19.0552 14.748C19.01 15.7736 18.8377 16.3275 18.6941 16.6967C18.3411 17.6115 17.6149 18.3376 16.6999 18.6905C16.3306 18.8341 15.7726 19.0063 14.7509 19.0514C13.643 19.1007 13.3107 19.1129 10.5083 19.1129C7.70576 19.1129 7.36934 19.1007 6.26549 19.0514C5.2397 19.0063 4.68578 18.8341 4.31649 18.6905C3.86114 18.5222 3.44665 18.2556 3.11023 17.9069C2.76146 17.5663 2.49475 17.1561 2.32646 16.7008C2.18285 16.3316 2.01055 15.7736 1.96551 14.7522C1.91614 13.6446 1.90396 13.3122 1.90396 10.5103C1.90396 7.7083 1.91614 7.37194 1.96551 6.26846C2.01055 5.24287 2.18285 4.68905 2.32646 4.31983C2.49475 3.86441 2.76146 3.45016 3.11439 3.11364C3.45483 2.76494 3.86514 2.49828 4.32066 2.33018C4.68994 2.1866 5.24804 2.01433 6.26966 1.96914C7.37751 1.91994 7.70993 1.9076 10.5123 1.9076C13.3189 1.9076 13.6512 1.91994 14.755 1.96914C15.7808 2.01433 16.3347 2.1866 16.704 2.33018C17.1594 2.49828 17.5739 2.76494 17.9103 3.11364C18.2591 3.45417 18.5258 3.86441 18.6941 4.31983C18.8377 4.68905 19.01 5.24687 19.0552 6.26846C19.1044 7.3761 19.1167 7.7083 19.1167 10.5103C19.1167 13.3122 19.1044 13.6404 19.0552 14.748Z" fill="currentColor" /> <path d="M10.5012 5.10742C7.52234 5.10742 5.10547 7.52383 5.10547 10.5024C5.10547 13.481 7.52234 15.8974 10.5012 15.8974C13.4801 15.8974 15.8968 13.481 15.8968 10.5024C15.8968 7.52383 13.4801 5.10742 10.5012 5.10742ZM10.5012 14.002C8.56865 14.002 7.00111 12.4349 7.00111 10.5024C7.00111 8.57001 8.56865 7.00282 10.5012 7.00282C12.4338 7.00282 14.0012 8.57001 14.0012 10.5024C14.0012 12.4349 12.4338 14.002 10.5012 14.002Z" fill="currentColor" /> <path d="M17.373 4.89236C17.373 5.58792 16.809 6.1519 16.1132 6.1519C15.4175 6.1519 14.8535 5.58792 14.8535 4.89236C14.8535 4.19663 15.4175 3.63281 16.1132 3.63281C16.809 3.63281 17.373 4.19663 17.373 4.89236Z" fill="currentColor" /> </svg></a> </bouncy-link> </li><li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://github.com/askphill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="currentColor" > <path d="M10.5 0.5C4.69875 0.5 0 5.32074 0 11.2666C0 16.0245 3.00825 20.0593 7.17937 21.4814C7.70437 21.5828 7.89687 21.2499 7.89687 20.9637C7.89687 20.708 7.88813 20.0306 7.88375 19.1334C4.963 19.783 4.347 17.6889 4.347 17.6889C3.86925 16.4462 3.17887 16.1143 3.17887 16.1143C2.22775 15.4467 3.25238 15.4602 3.25238 15.4602C4.30675 15.5355 4.86062 16.5691 4.86062 16.5691C5.79688 18.2155 7.3185 17.74 7.91875 17.4646C8.01325 16.7683 8.28363 16.2937 8.58375 16.0245C6.25188 15.7554 3.801 14.8294 3.801 10.704C3.801 9.52869 4.20788 8.56866 4.88163 7.815C4.7635 7.54315 4.40912 6.44854 4.9735 4.96544C4.9735 4.96544 5.85288 4.67654 7.861 6.06902C8.701 5.82946 9.5935 5.71103 10.486 5.70565C11.3785 5.71103 12.271 5.82946 13.111 6.06902C15.106 4.67654 15.9854 4.96544 15.9854 4.96544C16.5497 6.44854 16.1954 7.54315 16.0904 7.815C16.7598 8.56866 17.1666 9.52869 17.1666 10.704C17.1666 14.8402 14.7122 15.7509 12.376 16.0156C12.7435 16.3386 13.0848 16.9989 13.0848 18.0074C13.0848 19.4483 13.0716 20.6057 13.0716 20.9556C13.0716 21.2383 13.2554 21.5747 13.7935 21.467C17.9944 20.0548 21 16.0174 21 11.2666C21 5.32074 16.2986 0.5 10.5 0.5Z" fill="currentColor" /> </svg></a> </bouncy-link> </li> </ul> <ul class="text-small space-y-0.5 text-white/60"><li> <bouncy-link><a href="/pages/privacy-policy" title="">Privacy Policy</a></bouncy-link> </li><li> <bouncy-link><a href="/pages/cookie-policy" title="">Cookie Policy</a></bouncy-link> </li><li> <bouncy-link><a href="/pages/terms-and-conditions" title="">Terms & Conditions</a></bouncy-link> </li></ul> <p class="text-small text-white/40">漏 2024 Ask Phill. All rights reserved.</p> </nav> </div> </div><nav class="hidden w-full items-center justify-between lg:mt-16 lg:flex"> <ul class="text-small flex gap-x-12 text-white/60"><li> <bouncy-link><a href="/pages/privacy-policy" title="">Privacy Policy</a></bouncy-link> </li><li> <bouncy-link><a href="/pages/cookie-policy" title="">Cookie Policy</a></bouncy-link> </li><li> <bouncy-link><a href="/pages/terms-and-conditions" title="">Terms & Conditions</a></bouncy-link> </li><li>漏 2024 Ask Phill. All rights reserved.</li> </ul> <ul class="flex items-baseline gap-x-10"> <li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://www.linkedin.com/company/ask-phill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="currentColor" > <path d="M17.8911 18.3955H14.7814V13.5226C14.7814 12.3606 14.7577 10.8652 13.1609 10.8652C11.5395 10.8652 11.2919 12.1296 11.2919 13.4369V18.3955H8.18213V8.375H11.1694V9.74087H11.2096C11.627 8.95337 12.642 8.12213 14.1584 8.12213C17.3092 8.12213 17.892 10.1959 17.892 12.8952L17.8911 18.3955ZM4.66988 7.00387C3.66887 7.00387 2.86475 6.19362 2.86475 5.197C2.86475 4.20125 3.66975 3.39187 4.66988 3.39187C5.66738 3.39187 6.47587 4.20125 6.47587 5.197C6.47587 6.19362 5.6665 7.00387 4.66988 7.00387ZM6.22913 18.3955H3.11063V8.375H6.22913V18.3955ZM19.4469 0.5H1.54963C0.693 0.5 0 1.17725 0 2.01287V19.9871C0 20.8236 0.693 21.5 1.54963 21.5H19.4443C20.3 21.5 21 20.8236 21 19.9871V2.01287C21 1.17725 20.3 0.5 19.4443 0.5H19.4469Z" fill="currentColor" /> </svg></a> </bouncy-link> </li><li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://www.instagram.com/askphill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none" > <path d="M20.9466 6.17408C20.8974 5.05826 20.7169 4.29115 20.4584 3.62644C20.1917 2.92086 19.7814 2.28916 19.2438 1.76402C18.7186 1.23071 18.0826 0.816309 17.3851 0.553821C16.7164 0.295339 15.9531 0.114899 14.8371 0.0657021C13.7127 0.0123392 13.3558 0 10.5041 0C7.65239 0 7.29545 0.0123392 6.17525 0.0615356C5.05923 0.110732 4.29197 0.291333 3.62729 0.549654C2.92142 0.816309 2.28959 1.22655 1.76436 1.76402C1.23095 2.28916 0.816625 2.92503 0.553926 3.62243C0.295395 4.29115 0.114921 5.0541 0.0657146 6.16991C0.0123415 7.29406 0 7.65093 0 10.5021C0 13.3532 0.0123415 13.7101 0.0615474 14.8301C0.110753 15.9459 0.291388 16.713 0.549919 17.3777C0.816625 18.0833 1.23095 18.715 1.76436 19.2401C2.28959 19.7735 2.92558 20.1879 3.62312 20.4503C4.29197 20.7088 5.05506 20.8893 6.17125 20.9385C7.29128 20.9878 7.64839 21 10.5001 21C13.3518 21 13.7087 20.9878 14.8289 20.9385C15.9449 20.8893 16.7122 20.7088 17.3769 20.4503C18.7885 19.9047 19.9045 18.7889 20.4502 17.3777C20.7086 16.709 20.8892 15.9459 20.9385 14.8301C20.9877 13.7101 21 13.3532 21 10.5021C21 7.65093 20.9958 7.29406 20.9466 6.17408ZM19.0552 14.748C19.01 15.7736 18.8377 16.3275 18.6941 16.6967C18.3411 17.6115 17.6149 18.3376 16.6999 18.6905C16.3306 18.8341 15.7726 19.0063 14.7509 19.0514C13.643 19.1007 13.3107 19.1129 10.5083 19.1129C7.70576 19.1129 7.36934 19.1007 6.26549 19.0514C5.2397 19.0063 4.68578 18.8341 4.31649 18.6905C3.86114 18.5222 3.44665 18.2556 3.11023 17.9069C2.76146 17.5663 2.49475 17.1561 2.32646 16.7008C2.18285 16.3316 2.01055 15.7736 1.96551 14.7522C1.91614 13.6446 1.90396 13.3122 1.90396 10.5103C1.90396 7.7083 1.91614 7.37194 1.96551 6.26846C2.01055 5.24287 2.18285 4.68905 2.32646 4.31983C2.49475 3.86441 2.76146 3.45016 3.11439 3.11364C3.45483 2.76494 3.86514 2.49828 4.32066 2.33018C4.68994 2.1866 5.24804 2.01433 6.26966 1.96914C7.37751 1.91994 7.70993 1.9076 10.5123 1.9076C13.3189 1.9076 13.6512 1.91994 14.755 1.96914C15.7808 2.01433 16.3347 2.1866 16.704 2.33018C17.1594 2.49828 17.5739 2.76494 17.9103 3.11364C18.2591 3.45417 18.5258 3.86441 18.6941 4.31983C18.8377 4.68905 19.01 5.24687 19.0552 6.26846C19.1044 7.3761 19.1167 7.7083 19.1167 10.5103C19.1167 13.3122 19.1044 13.6404 19.0552 14.748Z" fill="currentColor" /> <path d="M10.5012 5.10742C7.52234 5.10742 5.10547 7.52383 5.10547 10.5024C5.10547 13.481 7.52234 15.8974 10.5012 15.8974C13.4801 15.8974 15.8968 13.481 15.8968 10.5024C15.8968 7.52383 13.4801 5.10742 10.5012 5.10742ZM10.5012 14.002C8.56865 14.002 7.00111 12.4349 7.00111 10.5024C7.00111 8.57001 8.56865 7.00282 10.5012 7.00282C12.4338 7.00282 14.0012 8.57001 14.0012 10.5024C14.0012 12.4349 12.4338 14.002 10.5012 14.002Z" fill="currentColor" /> <path d="M17.373 4.89236C17.373 5.58792 16.809 6.1519 16.1132 6.1519C15.4175 6.1519 14.8535 5.58792 14.8535 4.89236C14.8535 4.19663 15.4175 3.63281 16.1132 3.63281C16.809 3.63281 17.373 4.19663 17.373 4.89236Z" fill="currentColor" /> </svg></a> </bouncy-link> </li><li> <bouncy-link> <a target="_blank" class="[&>svg]:w-3 [&>svg]:lg:w-5" href="https://github.com/askphill"><svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="currentColor" > <path d="M10.5 0.5C4.69875 0.5 0 5.32074 0 11.2666C0 16.0245 3.00825 20.0593 7.17937 21.4814C7.70437 21.5828 7.89687 21.2499 7.89687 20.9637C7.89687 20.708 7.88813 20.0306 7.88375 19.1334C4.963 19.783 4.347 17.6889 4.347 17.6889C3.86925 16.4462 3.17887 16.1143 3.17887 16.1143C2.22775 15.4467 3.25238 15.4602 3.25238 15.4602C4.30675 15.5355 4.86062 16.5691 4.86062 16.5691C5.79688 18.2155 7.3185 17.74 7.91875 17.4646C8.01325 16.7683 8.28363 16.2937 8.58375 16.0245C6.25188 15.7554 3.801 14.8294 3.801 10.704C3.801 9.52869 4.20788 8.56866 4.88163 7.815C4.7635 7.54315 4.40912 6.44854 4.9735 4.96544C4.9735 4.96544 5.85288 4.67654 7.861 6.06902C8.701 5.82946 9.5935 5.71103 10.486 5.70565C11.3785 5.71103 12.271 5.82946 13.111 6.06902C15.106 4.67654 15.9854 4.96544 15.9854 4.96544C16.5497 6.44854 16.1954 7.54315 16.0904 7.815C16.7598 8.56866 17.1666 9.52869 17.1666 10.704C17.1666 14.8402 14.7122 15.7509 12.376 16.0156C12.7435 16.3386 13.0848 16.9989 13.0848 18.0074C13.0848 19.4483 13.0716 20.6057 13.0716 20.9556C13.0716 21.2383 13.2554 21.5747 13.7935 21.467C17.9944 20.0548 21 16.0174 21 11.2666C21 5.32074 16.2986 0.5 10.5 0.5Z" fill="currentColor" /> </svg></a> </bouncy-link> </li> </ul> </nav> </div> </footer>  </div> <div aria-hidden data-target="page-transition.overlay" class="absolute inset-0 hidden bg-[--transition-color] group-data-[active]/view:block" ></div> </div> </div> </div><svg aria-hidden height="0" width="0" viewBox="0 0 1 1"> <clipPath clipPathUnits="objectBoundingBox" id="page-transition-clip-path"> <path data-target='page-transition.path' class='origin-center [--x:0px] [--y:0px] translate-x-[--x] translate-y-[--y] [--scale:1] scale-[--scale]' fill-rule="evenodd" clip-rule="evenodd" fill="black"/> </clipPath> </svg><div aria-hidden class="pointer-events-none fixed inset-0 z-40 hidden origin-center items-center justify-center text-[--transition-color] opacity-0 data-[active]/view:flex" data-target="page-transition.icon" > <svg class="size-[calc(100vmax-var(--scrollbar-width))] shrink-0 origin-center scale-[.1]" aria-hidden viewBox="0 0 1 1" > <path fill-rule="evenodd" fill="currentColor" clip-rule="evenodd" /> </svg> </div> </page-transition> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["LocalBusiness", "Organization"], "@id": "https://askphill.com#organization", "name": "Ask Phill" , "sameAs": [ "https:\/\/www.linkedin.com\/company\/ask-phill", "https:\/\/www.instagram.com\/askphill", "https:\/\/github.com\/askphill" ], "url": "https:\/\/askphill.com\/pages\/about", "email": "phill@askphill.com", "openingHours": ["Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday 24/7"], "location": { "@type": "Place", "address": { "@type": "PostalAddress", "streetAddress": "'s-Gravenhekje 1a", "addressLocality": "Amsterdam", "addressRegion": "Noord-Holland", "postalCode": "1011 TG", "addressCountry": "The Netherlands" } }, "telephone": "+31202615080", "address": { "@type": "PostalAddress", "streetAddress": "'s-Gravenhekje 1a", "addressLocality": "Amsterdam", "addressRegion": "Noord-Holland", "postalCode": "1011 TG", "addressCountry": "The Netherlands" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "@id": "https://askphill.com#website", "url": "https://askphill.com", "name": "Ask Phill", "publisher": { "@id": "https://askphill.com#organization" }, "inLanguage": "en-US" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "AboutPage", "@id": "/pages/about#webpage", "url": "https://askphill.com/pages/about", "name": "About", "datePublished": "2023-09-04", "dateModified": "", "isPartOf": { "@id": "https://askphill.com#website" }, "primaryImageOfPage": { "@type": "ImageObject", "url": "https://ask-phill-website.myshopify.com/cdn/shop/files/ask-phill-team-members.jpg?v=1710097926&width=2560" }, "inLanguage": "en-US" } </script> </body> </html>

CINXE.COM

About us - One goal. One vision. One team. - Ask Phill