1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"> 2<meta name="viewport" content="width=device-width, initial-scale=1"> 3<title>Data visualization: design, training and consulting</title>
vendor: 58 bytes, lines 3-4
3 4<script src="https://www.googletagmanager.com/gtag/js?id=
4G-QKK9GMGKK3
vendor: 18 bytes, line 4
4" async></script>
5<script>
vendor: 127 bytes, line 5
5window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
5G-QKK9GMGKK3
vendor: 3 bytes, line 5
5');
5</script>
5 6<meta name="description" content="We are experts in data visualization. We help your organization communicate better with data."> 7<meta property="og:title" content="Data visualization: design, training and consulting"> 8<meta property="og:description" content="We are experts in data visualization. We help your organization communicate better with data."> 9<style>:root{--vc-clr-primary:#000;--vc-clr-secondary:#090f207f;--vc-clr-white:#fff;--vc-icn-width:1.2em;--vc-nav-width:30px;--vc-nav-height:30px;--vc-nav-border-radius:0;--vc-nav-color:var(--vc-clr-primary);--vc-nav-color-hover:var(--vc-clr-secondary);--vc-nav-background:transparent;--vc-pgn-width:12px;--vc-pgn-height:4px;--vc-pgn-margin:4px;--vc-pgn-border-radius:0;--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-active-color:var(--vc-clr-primary)}.carousel{box-sizing:border-box;overscroll-behavior:none;position:relative;text-align:center;touch-action:pan-y}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.carousel__icon{height:var(--vc-icn-width);width:var(--vc-icn-width);fill:currentColor}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);box-sizing:content-box;color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);justify-content:center;margin:0 10px;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{left:0;right:auto}@media (hover:hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;line-height:0;list-style:none;margin:10px 0 0;padding:0}.carousel__pagination-button{background:transparent;border:0;cursor:pointer;display:block;margin:0;padding:var(--vc-pgn-margin)}.carousel__pagination-button:after{background-color:var(--vc-pgn-background-color);border-radius:var(--vc-pgn-border-radius);content:"";display:block;height:var(--vc-pgn-height);width:var(--vc-pgn-width)}.carousel__pagination-button--active:after{background-color:var(--vc-pgn-active-color)}@media(hover:hover){.carousel__pagination-button:hover:after{background-color:var(--vc-pgn-active-color)}}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;position:relative;scroll-snap-stop:auto;transform:translateZ(0)}</style> 10<style>/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Larsseit,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}
10button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}@font-face{font-family:Larsseit-Bold;src:url(/_nuxt/366DA6_0_0.BWCY8Vfg.eot);src:url(/_nuxt/366DA6_0_0.BWCY8Vfg.eot?#iefix) format("embedded-opentype"),url(/_nuxt/366DA6_0_0.UV4G3wEY.woff2) format("woff2"),url(/_nuxt/366DA6_0_0.CwKU5vwP.woff) format("woff"),url(/_nuxt/366DA6_0_0.eeIK_A3q.ttf) format("truetype")}@font-face{font-family:Larsseit;src:url(/_nuxt/366DA6_1_0.Bt9ekXlV.eot);src:url(/_nuxt/366DA6_1_0.Bt9ekXlV.eot?#iefix) format("embedded-opentype"),url(/_nuxt/366DA6_1_0.CcmtJ-fS.woff2) format("woff2"),url(/_nuxt/366DA6_1_0.B5Q7eWjz.woff) format("woff"),url(/_nuxt/366DA6_1_0.DE8D2LLn.ttf) format("truetype")}@font-face{font-family:Larsseit-RegularItalic;src:url(/_nuxt/3AA3C9_0_0.CzxKDhnY.eot);src:url(/_nuxt/3AA3C9_0_0.CzxKDhnY.eot?#iefix) format("embedded-opentype"),url(/_nuxt/3AA3C9_0_0.CYkfFVQd.woff2) format("woff2"),url(/_nuxt/3AA3C9_0_0.Ccp7NRTK.woff) format("woff"),url(/_nuxt/3AA3C9_0_0.CCbo3f5s.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:2rem;padding-right:2rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-left:4rem;padding-right:4rem}}@media (min-width:1280px){.container{max-width:1280px;padding-left:8rem;padding-right:8rem}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}
10.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:start;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;
10padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}
10.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.nav-link{font-size:1rem;letter-spacing:.8px;line-height:1.5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}.nav-link:hover{--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}@media (min-width:1024px){.nav-link{font-size:11px}}.title-1{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}@media (min-width:640px){.title-1{font-size:2.25rem;line-height:2.5rem}}.content h2,.title-2{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}@media (min-width:640px){.content h2,.title-2{font-size:1.5rem;line-height:2rem}}.content h3,.title-3{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(56 96 152/var(--tw-text-opacity))}@media (min-width:640px){.content h3,.title-3{font-size:1.25rem;line-height:1.75rem}}.title-4{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}@media (min-width:640px){.title-4{font-size:1rem;line-height:1.5rem}}.separator{height:6px;margin:1rem auto;width:2.5rem}.highlight,.highlight-blue{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}.btn{align-items:center;border-width:1px;display:inline-flex;justify-content:center;--tw-border-opacity:1;border-color:rgb(53 99 200/var(--tw-border-opacity));font-size:.875rem;letter-spacing:.8px;line-height:1.25rem;padding:.75rem 1.25rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}.btn:hover{--tw-bg-opacity:1;background-color:rgb(53 99 200/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.paragraph,p{font-size:1rem;line-height:1.75rem;margin:1.5rem auto;max-width:48rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}@media (min-width:640px){.paragraph,p{font-size:1.125rem;line-height:1.75rem}}.content ul{list-style-position:inside;margin-bottom:1.5rem;margin-top:1.5rem}.content ul>li{font-size:1rem;line-height:1.75rem;margin-bottom:1.25rem;margin-top:1.25rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}@media (min-width:640px){.content ul>li{font-size:1.125rem;line-height:1.75rem}}.content li>p{display:inline}.list-style-arrow ul{list-style-type:disc}.list-style-arrow li::marker{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23194178' d='M9.36 0 7.874 1.465l3.343 3.263H.553v2.055h10.664l-3.343 3.262 1.486 1.466 5.897-5.756z'/%3E%3C/svg%3E")}.content li>span:after{content:""}.content li:before{content:" "}#blue-banner p{max-width:36rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.content a{text-decoration-line:none}.btn-primary{align-items:center;border-radius:.125rem;display:inline-flex;justify-content:center;--tw-bg-opacity:1;background-color:rgb(53 99 200/var(--tw-bg-opacity));font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;letter-spacing:.8px;line-height:1.5rem;padding:.75rem 2rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-primary:hover{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-secondary{align-items:center;border-radius:.125rem;border-width:1px;display:inline-flex;justify-content:center;margin-bottom:1.5rem;margin-top:1.5rem;--tw-border-opacity:1;border-color:rgb(53 99 200/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;letter-spacing:.8px;line-height:1.5rem;padding:.75rem 2rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.content>#project-image,.content>.btn-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.content>#project-image,.content>.btn-container{max-width:640px;padding-left:2rem;padding-right:2rem}}@media (min-width:768px){.content>#project-image,.content>.btn-container{max-width:768px}}@media (min-width:1024px){.content>#project-image,.content>.btn-container{max-width:1024px;padding-left:4rem;padding-right:4rem}}@media (min-width:1280px){.content>#project-image,.content>.btn-container{max-width:1280px;padding-left:8rem;padding-right:8rem}}@media (min-width:1536px){.content>#project-image,.content>.btn-container{max-width:1536px}}.content>#project-image{margin-bottom:2rem;margin-top:2rem}#legal>ol,#legal>p,#legal>ul{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}#legal>h2{font-size:1.25rem;margin-bottom:.75rem}#legal>h2,#legal>h3{line-height:1.75rem;text-align:left;--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}#legal>h3{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.\!project ul,.project ul{list-style-position:inside;list-style-type:disc;margin-bottom:1.5rem;margin-top:1.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.\!project ul>li{font-size:1rem;line-height:1.5rem;margin-left:.5rem}@media (min-width:640px){.\!project ul>li{font-size:1.125rem;line-height:1.75rem}}.project ul>li{font-size:1rem;line-height:1.5rem;margin-left:.5rem}@media (min-width:640px){.project ul>li{font-size:1.125rem;line-height:1.75rem}}.\!project h1{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.25rem;line-height:1.75rem;text-align:left;--tw-text-opacity:1;
10color:rgb(56 85 126/var(--tw-text-opacity))}@media (min-width:640px){.\!project h1{font-size:1.5rem;line-height:2rem}}.project h1{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.25rem;line-height:1.75rem;text-align:left;--tw-text-opacity:1;color:rgb(56 85 126/var(--tw-text-opacity))}@media (min-width:640px){.project h1{font-size:1.5rem;line-height:2rem}}.\!project h2{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;line-height:1.75rem;margin-top:3rem;text-align:left;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}@media (min-width:640px){.\!project h2{font-size:1.125rem;line-height:1.75rem}}.project h2{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;line-height:1.75rem;margin-top:3rem;text-align:left;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}@media (min-width:640px){.project h2{font-size:1.125rem;line-height:1.75rem}}.\!project h3{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;line-height:1.75rem;text-align:left;--tw-text-opacity:1;color:rgb(56 96 152/var(--tw-text-opacity))}@media (min-width:640px){.\!project h3{font-size:1.25rem;line-height:1.75rem}}.project h3{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;line-height:1.75rem;text-align:left;--tw-text-opacity:1;color:rgb(56 96 152/var(--tw-text-opacity))}@media (min-width:640px){.project h3{font-size:1.25rem;line-height:1.75rem}}.\!project p,.project p{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-32{bottom:-8rem}.-right-3{right:-.75rem}.-right-4{right:-1rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-5{left:1.25rem}.left-\[129px\]{left:129px}.left-\[130px\]{left:130px}.left-\[131px\]{left:131px}.right-0{right:0}.top-0{top:0}.top-16{top:4rem}.top-\[35px\]{top:35px}.top-\[38px\]{top:38px}.top-\[48px\]{top:48px}.top-\[49px\]{top:49px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mb-1{margin-bottom:-.25rem}.-mb-20{margin-bottom:-5rem}.-mb-24{margin-bottom:-6rem}.-ml-1{margin-left:-.25rem}.-mr-1{margin-right:-.25rem}.-mr-5{margin-right:-1.25rem}.-mt-16{margin-top:-4rem}.-mt-20{margin-top:-5rem}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[2px\]{margin-bottom:2px}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}
10.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[1\.125\]{aspect-ratio:1.125}.aspect-auto{aspect-ratio:auto}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[180px\]{height:180px}.h-\[30\%\]{height:30%}.h-\[300px\]{height:300px}.h-\[328px\]{height:328px}.h-\[350px\]{height:350px}.h-\[5px\]{height:5px}.h-\[900px\]{height:900px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-16{max-height:4rem}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[60px\]{max-height:60px}.min-h-\[400px\]{min-height:400px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[25\%\]{width:25%}.w-\[250px\]{width:250px}.w-\[300px\]{width:300px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-\[60px\]{min-width:60px}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[240px\]{max-width:240px}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.origin-top-left{transform-origin:top left}.-translate-x-1\/3{--tw-translate-x:-33.333333%}.-translate-x-1\/3,.-translate-x-\[0\.5px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[0\.5px\]{--tw-translate-x:-0.5px}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-0\.5{--tw-translate-x:0.125rem}.translate-x-0\.5,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.scale-150,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.scale-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-end{align-items:flex-end}.items-center{align-items:center}
10.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-0{row-gap:0}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-2{row-gap:.5rem}.gap-y-6{row-gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.5rem*var(--tw-space-y-reverse));margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-wrap{text-wrap:wrap}.text-balance{text-wrap:balance}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}
10.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-projectBorder{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-secondary{--tw-border-opacity:1;border-color:rgb(53 99 200/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-\[\#063582\]{--tw-bg-opacity:1;background-color:rgb(6 53 130/var(--tw-bg-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(255 237 110/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-dark{--tw-bg-opacity:1;background-color:rgb(20 41 73/var(--tw-bg-opacity))}.bg-blue-deep{background-color:rgba(11,29,73,.97)}.bg-blue-light{--tw-bg-opacity:1;background-color:rgb(246 249 254/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(55 85 126/var(--tw-bg-opacity))}.bg-project-blue{--tw-bg-opacity:1;background-color:rgb(56 97 213/var(--tw-bg-opacity))}.bg-project-gray{--tw-bg-opacity:1;background-color:rgb(89 100 114/var(--tw-bg-opacity))}.bg-project-light-blue{--tw-bg-opacity:1;background-color:rgb(126 206 249/var(--tw-bg-opacity))}.bg-project-turquoise{--tw-bg-opacity:1;background-color:rgb(103 226 226/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(53 99 200/var(--tw-bg-opacity))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-soft{--tw-bg-opacity:1;background-color:rgb(243 246 252/var(--tw-bg-opacity))}.bg-tags-blue{--tw-bg-opacity:1;background-color:rgb(140 163 200/var(--tw-bg-opacity))}.bg-tags-blueBg\/50{background-color:rgba(206,218,238,.5)}.bg-tags-yellow{--tw-bg-opacity:1;background-color:rgb(202 189 111/var(--tw-bg-opacity))}.bg-tags-yellowBg\/50{background-color:hsla(51,33%,89%,.5)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-soft{--tw-gradient-from:#f3f6fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,246,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}
10.object-top{-o-object-position:top;object-position:top}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-px{padding:1px}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-custom-bold{font-family:Larsseit-Bold,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-custom-italic{font-family:Larsseit-RegularItalic,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-sans{font-family:Larsseit,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[17px\]{font-size:17px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.tracking-\[0\.8px\]{letter-spacing:.8px}.tracking-\[1px\]{letter-spacing:1px}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-\[\#5C79A0\]{--tw-text-opacity:1;color:rgb(92 121 160/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(55 85 126/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}.text-tags-blue{--tw-text-opacity:1;color:rgb(140 163 200/var(--tw-text-opacity))}.text-tags-yellow{--tw-text-opacity:1;
10color:rgb(202 189 111/var(--tw-text-opacity))}.text-turquoise{--tw-text-opacity:1;color:rgb(102 228 228/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
10--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-saturate-200{--tw-backdrop-saturate:saturate(2);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-500{transition-delay:.5s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.dropdown-fade-enter{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0}
10.dropdown-fade-enter,.dropdown-fade-enter-to{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dropdown-fade-enter-to{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dropdown-fade-enter-active{transition-duration:.1s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.dropdown-fade-leave{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dropdown-fade-leave,.dropdown-fade-leave-to{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dropdown-fade-leave-to{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0}
10.dropdown-fade-leave-active{transition-duration:75ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.background-image{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1027' height='4892' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F5F8FF' fill-opacity='.8' d='M192.698 38.378 177.597 0H0v560L192.752 52.728a20 20 0 0 0-.054-14.35M1027 3800 578.338 4893H0V3015.18c0-.78.152-1.55.449-2.27L1027 511z'/%3E%3Cpath fill='%23EBF0FD' fill-opacity='.3' d='M0 4894h1027.6v-230L0 2157z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h1027v4892H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;min-height:100vh}.last\:border-none:last-child{border-style:none}.hover\:rotate-1:hover{--tw-rotate:1deg}.hover\:rotate-1:hover,.hover\:scale-\[1\.05\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.05\]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(53 99 200/var(--tw-bg-opacity))}.hover\:bg-tags-blue:hover{--tw-bg-opacity:1;background-color:rgb(140 163 200/var(--tw-bg-opacity))}.hover\:bg-tags-yellow:hover{--tw-bg-opacity:1;background-color:rgb(202 189 111/var(--tw-bg-opacity))}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
10--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:font-medium:focus{font-weight:500}.focus\:text-gray-700:focus{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 85 126/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
10dow,0 0 #0000)}.focus-visible\:ring-primary:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(55 85 126/var(--tw-ring-opacity))}.focus-visible\:ring-opacity-75:focus-visible{--tw-ring-opacity:0.75}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.prose-headings\:text-gray-800 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.prose-p\:text-gray-800 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.prose-a\:text-secondary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(53 99 200/var(--tw-text-opacity))}@media (min-width:640px){.sm\:left-\[223px\]{left:223px}.sm\:left-\[225px\]{left:225px}.sm\:left-\[226px\]{left:226px}.sm\:top-\[68px\]{top:68px}.sm\:top-\[70px\]{top:70px}.sm\:top-\[89px\]{top:89px}.sm\:top-\[92px\]{top:92px}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-16{margin-bottom:4rem;margin-top:4rem}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:h-10{height:2.5rem}.sm\:h-\[280px\]{height:280px}.sm\:h-\[40\%\]{height:40%}.sm\:min-h-\[100px\]{min-height:100px}.sm\:w-10{width:2.5rem}.sm\:w-24{width:6rem}.sm\:w-\[500px\]{width:500px}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-xl{max-width:36rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-10{gap:2.5rem}.sm\:gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.sm\:overflow-visible{overflow:visible}.sm\:p-0{padding:0}.sm\:p-10{padding:2.5rem}.sm\:p-6{padding:1.5rem}.sm\:py-40{padding-bottom:10rem;padding-top:10rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.sm\:hover\:-translate-y-2:hover,.sm\:hover\:scale-\[1\.02\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}}@media (min-width:768px){.md\:-top-4{top:-1rem}.md\:left-\[316px\]{left:316px}.md\:left-\[318px\]{left:318px}.md\:top-\[125px\]{top:125px}.md\:top-\[127px\]{top:127px}.md\:top-\[97px\]{top:97px}.md\:top-\[99px\]{top:99px}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.md\:my-20{margin-bottom:5rem;margin-top:5rem}.md\:my-32{margin-bottom:8rem;margin-top:8rem}.md\:my-8{margin-bottom:2rem;margin-top:2rem}.md\:-mb-64{margin-bottom:-16rem}.md\:mb-0{margin-bottom:0}.md\:mb-12{margin-bottom:3rem}.md\:mb-28{margin-bottom:7rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-64{margin-bottom:16rem}.md\:mt-0{margin-top:0}.md\:mt-16{margin-top:4rem}.md\:mt-20{margin-top:5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-60{height:15rem}.md\:h-\[380px\]{height:380px}.md\:h-\[500px\]{height:500px}.md\:h-\[560px\]{height:560px}.md\:max-h-\[80px\]{max-height:80px}.md\:min-h-\[300px\]{min-height:300px}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-12{width:3rem}.md\:w-2\/3{width:66.666667%}.md\:w-64{width:16rem}.md\:w-\[380px\]{width:380px}.md\:w-\[700px\]{width:700px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-3xl{max-width:48rem}
10.md\:max-w-\[200px\]{max-width:200px}.md\:max-w-\[90\%\]{max-width:90%}.md\:-translate-x-11{--tw-translate-x:-2.75rem}.md\:-translate-x-11,.md\:rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:rotate-180{--tw-rotate:180deg}.md\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.md\:scale-100,.md\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:columns-2{-moz-columns:2;column-count:2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:justify-center{justify-content:center}.md\:gap-20{gap:5rem}.md\:gap-3{gap:.75rem}.md\:gap-8{gap:2rem}.md\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.md\:gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-0{row-gap:0}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.md\:px-0{padding-left:0;padding-right:0}.md\:px-1{padding-left:.25rem;padding-right:.25rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:py-3{padding-bottom:.75rem;padding-top:.75rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:pb-12{padding-bottom:3rem}.md\:pb-36{padding-bottom:9rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pl-0{padding-left:0}.md\:pl-8{padding-left:2rem}.md\:pr-10{padding-right:2.5rem}.md\:pr-3{padding-right:.75rem}.md\:pt-28{padding-top:7rem}.md\:pt-40{padding-top:10rem}.md\:\!text-left{text-align:left!important}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:left-0{left:0}.lg\:left-\[362px\]{left:362px}.lg\:left-\[364px\]{left:364px}.lg\:left-\[367px\]{left:367px}.lg\:left-\[369px\]{left:369px}.lg\:top-\[112px\]{top:112px}.lg\:top-\[114px\]{top:114px}.lg\:top-\[140px\]{top:140px}.lg\:top-\[142px\]{top:142px}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.lg\:my-60{margin-bottom:15rem;margin-top:15rem}.lg\:-mt-\[230px\]{margin-top:-230px}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-96{height:24rem}.lg\:h-\[350px\]{height:350px}.lg\:h-\[426px\]{height:426px}.lg\:h-\[800px\]{height:800px}.lg\:h-auto{height:auto}.lg\:min-h-\[420px\]{min-height:420px}.lg\:w-1\/5{width:20%}.lg\:w-44{width:11rem}.lg\:w-96{width:24rem}.lg\:w-\[190px\]{width:190px}.lg\:w-\[200px\]{width:200px}.lg\:w-\[500px\]{width:500px}.lg\:w-\[800px\]{width:800px}.lg\:max-w-5xl{max-width:64rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-x-0{-moz-column-gap:0;column-gap:0}.lg\:gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.lg\:gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:gap-y-8{row-gap:2rem}.lg\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.lg\:overflow-x-visible{overflow-x:visible}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-40{padding-left:10rem;padding-right:10rem}.lg\:py-0{padding-bottom:0;padding-top:0}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:py-16{padding-bottom:4rem;padding-top:4rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}.lg\:pl-10{padding-left:2.5rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pr-8{padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:h-\[450px\]{height:450px}.xl\:w-\[210px\]{width:210px}.xl\:w-\[230px\]{width:230px}.xl\:w-\[650px\]{width:650px}.xl\:max-w-\[70\%\]{max-width:70%}.xl\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.xl\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.xl\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(4rem*var(--tw-space-x-reverse))}.xl\:px-32{padding-left:8rem;padding-right:8rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media print{.print\:hidden{display:none}.print\:h-full{height:100%}.print\:w-full{width:100%}}</style> 11<style>.hamburger .line[data-v-9f17711c]{background-color:#386098;display:block;height:2px;margin:5px auto;transition:all .3s ease-in-out;width:26px}#hamburger-button.is-active .line[data-v-9f17711c]:nth-child(2){opacity:0}
11#hamburger-button.is-active .line[data-v-9f17711c]:first-child{transform:translateY(7px) rotate(45deg)}#hamburger-button.is-active .line[data-v-9f17711c]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.slide-enter-from[data-v-9f17711c],.slide-leave-to[data-v-9f17711c]{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.slide-enter-active[data-v-9f17711c]{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.slide-leave-active[data-v-9f17711c]{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.slide-enter-to[data-v-9f17711c],.slide-leave-from[data-v-9f17711c]{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}</style> 12<style>.carousel{text-align:left}.carousel__slide{align-items:stretch;margin-bottom:2rem;margin-top:1.5rem;padding-left:.75rem;padding-right:.75rem}.carousel__slide[aria-hidden=true] a{pointer-events:none}body{--text:#194178;--header:#386098;--main-color:#132a49;--main-color-90:#254672;--main-color-80:#37557e;--pale-grey:#f7f9ff;--pale-grey-110:#f9fbfe;--pale-grey-120:#f3f6fe;--accent-color-turquoise:#38e6a7;--accent-color-turquoise-alt:#00e4e4;--accent-color-turquoise-alt-80:#66e4e4;--accent-color-yellow:#ffed6e;--accent-color-deep-yellow:#fde33a;--accent-color-light-blue:#81dbf7;--electric-blue:#2762de;--blue-alt:#2a6fd3;--blue-alt-10:#dbe9ff;--blue-alt-2:#1b6fe8;--green:#33c691;--playful-blue:#2eb1fb;--deep-electric-blue-alpha-97:rgba(11,29,73,.97);--dark-gray:#5c79a0;--color-pale-blue:#c2e7ff;--pale-beige:#f7f7f3;--white:#fff;--pivot-analysis-titles:#ae3034;--project-color-1:#414e7e;--project-color-2:#36467d;--project-color-3:#2f62e4;--project-color-4:#5678f0;--barcelo-group-titles:#c2b870;--barcelo-group-bckg:#2f62e4;--bufete-de-marketing-titles:#ed1c24;--bufete-de-marketing-bckg:#f0565c;--soc-titles:#44aaa5;--soc-bckg:#36467d;--light-shadow:0px 0.898438px 3.59375px rgba(0,0,0,.11);--light-shadow-clicked:0px 0.898438px 3.59375px transparent;--intense-shadow:0px 1px 10px rgba(0,0,0,.09)}.home-project{margin-top:5%}.home-project-container{box-shadow:0 2.19375px 4.3875px rgba(0,0,0,.14);margin:-10px auto 0;position:relative;width:90%}.home-project-container:active{box-shadow:0 2.19375px 16px transparent;transform:scale(.995)}.home-projects-img{display:block;width:100%}.home-projects-info h1{font-size:16px;line-height:1.4}.home-projects-info .date,.home-projects-info h1{color:var(--white);font-weight:400}@media (min-width:576px){.home-project{margin-top:4%}.home-project-container{margin-top:6px}.home-project-container:hover{box-shadow:0 2.19375px 16px rgba(0,0,0,.24)}.home-project-container:active{box-shadow:0 2.19375px 16px transparent}.home-projects-info{height:100%;left:0;opacity:0;padding-left:0;padding-top:0;position:absolute;top:0;width:100%}.home-project-container:hover .home-projects-info{opacity:1;transition:opacity .3s ease-out}.home-projects-info h1{font-size:18px}}@media (min-width:768px){.home-project{margin-top:3%}.home-projects-info h1{font-size:20px;line-height:1.5}}@media (min-width:992px){.home-projects-info h1{font-size:22px;line-height:1.55}}@media (min-width:1200px){.home-projects-info h1{font-size:21px;line-height:1.55}}@keyframes summon{to{opacity:1}}@keyframes vanish{to{opacity:0}}@keyframes offset{to{stroke-dashoffset:0}}.main-animation{left:-205px;position:absolute;top:-143px;width:520px;z-index:10}#init-lines{animation:vanish 1s linear forwards;animation-delay:3.8s;transform:scale(1);transform-origin:0 0}#line-1{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:1208;stroke-dashoffset:1208;animation:offset 1.4s linear forwards;animation-delay:.3s}#line-2{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:1208;stroke-dashoffset:-1208}#line-2,#line-3{animation:offset 1.4s linear forwards;animation-delay:.2s}#line-3{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:1208;stroke-dashoffset:1208}#line-4{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:1208;stroke-dashoffset:-1208;animation:offset 1.4s linear forwards;animation-delay:.1s}#line-5{animation:offset 1.4s linear forwards;animation-delay:1s}#line-5,#line-6{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:1208;stroke-dashoffset:1208}#line-6{animation:offset 1.4s linear forwards;animation-delay:1.2s}#line-7{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:600;stroke-dashoffset:-600;animation:offset .8s linear forwards;animation-delay:1.1s}#line-8{stroke:var(--color-pale-blue);stroke-width:.4;stroke-dasharray:300;stroke-dashoffset:300;animation:offset 1.4s linear forwards;animation-delay:1.2s}.main-anim-cap-logo{animation:summon 1s ease-in-out forwards;animation-delay:1.5s;left:123px;opacity:0;position:absolute;top:58px;z-index:10}
12.main-anim-cap-logo img{width:79px}@media (min-width:576px){.main-animation{left:-305px;top:-190px;width:576px}#init-lines{transform:scale(1.6)}.main-anim-cap-logo{left:220px;top:132px}.main-anim-cap-logo img{width:126px}}@media (min-width:1024px){.main-animation{left:-418px;top:-263px;width:1024px}#init-lines{transform:scale(2.5)}.main-anim-cap-logo{left:402px;top:240px}.main-anim-cap-logo img{width:197px}}#home{background-image:url(/img/bg-home-white.webp);background-position:right -400px;background-repeat:no-repeat}#home .main-hero-home-projects-bckg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1406' fill='none'%3E%3Cpath fill='%23fff' d='M0 0h1024v1406H0z'/%3E%3Cpath fill='%23F5F8FF' fill-opacity='.8' d='M159.198 0H0v738l247.084-536.286a20 20 0 0 0-.1-16.952z'/%3E%3Cpath fill='%23F7F9FF' d='M759.966 815.873 1023.96 255l.04 1151-264.103-573.24a20 20 0 0 1 .069-16.887'/%3E%3C/svg%3E");background-position:top;background-repeat:no-repeat;background-size:contain;overflow-x:hidden;position:relative}#home .main-hero{margin:0 auto;padding-top:30px;position:relative;width:320px}#main-copy{animation:summon 1s ease-in-out forwards;animation-delay:2s;color:var(--header);display:block;letter-spacing:.6px;line-height:1.4;margin:157px auto 70px;opacity:0;text-align:center;width:80%}#home .home-projects{margin-top:40px;position:relative;z-index:30}.home-projects .secondary-button{position:relative}.home-projects .secondary-button a{font-size:12px}.home-projects .secondary-button:hover{background-color:transparent}.home-projects .sliding-bckg{background-color:var(--electric-blue);height:52px;left:-1px;position:absolute;top:-1px;width:0}.home-projects .secondary-button .sliding-bckg{transition:width .3s ease-in-out}.home-projects .secondary-button:hover .sliding-bckg{width:177px}.home-projects .secondary-button.special-button:hover a{color:#fff;position:relative;z-index:1000}.home-projects .secondary-button.special-button a{transition:color .3s ease-out}#home-project-1,#home-project-2,#home-project-3,.home-projects .secondary-button.special-button{cursor:pointer}#home-project-1 img{background-color:var(--accent-color-turquoise-alt)}#home-project-3 img{background-color:var(--electric-blue)}.home-services-section{margin-top:48px;overflow-x:hidden;padding-bottom:36px}#home-training-image{width:95px}#home-design-image,#home-training-image{display:block;margin-left:auto;margin-right:auto}#home-design-image{width:82px}#home-mentoring-image{display:block;margin-left:auto;margin-right:auto;width:83px}#design-and-development-clickable-card,#design-and-development-clickable-card-cat,#design-and-development-clickable-card-es,#mentoring-clickable-card,#mentoring-clickable-card-cat,#mentoring-clickable-card-es,#training-clickable-card,#training-clickable-card-cat,#training-clickable-card-es{cursor:pointer}@media (min-width:576px){#home .main-hero{margin:0 auto;padding-top:30px;position:relative;width:576px}#main-copy{font-size:21px;margin-bottom:120px;margin-top:295px}#home .home-projects{margin-top:100px}#home-project-1 h1{padding-top:120px}#home-project-2 h1,#home-project-3 h1{padding-top:110px}.home-services-section{padding-bottom:48px}}@media (min-width:768px){#home-project-1 h1,#home-project-2 h1,#home-project-3 h1{padding-top:168px}.home-services-section{padding-bottom:92px}}@media (min-width:992px){#home-project-1 h1{padding-top:236px}#home-project-2 h1,#home-project-3 h1{padding-top:226px}.home-services-section .custom-card{flex-direction:row}.home-services-section main{margin-left:0;width:66%}.home-services-section aside{align-items:center;display:flex;justify-content:center;width:34%}.home-services-section .custom-card .card-title{display:inline-block;margin-left:40px}.home-services-section .custom-card .copy{margin-left:40px;text-align:left}.home-services-section .custom-card .secondary-button{margin-left:11px}.home-services-section .custom-card .secondary-button.es{margin-left:31px}.home-services-section .custom-card .secondary-button.ca{margin-left:36px}#home-design-image,#home-mentoring-image{margin:0;width:149px}#home-training-image{margin:0;width:159px}}@media (min-width:1024px){#home .main-hero{width:1024px}#main-copy{font-size:26px;margin-bottom:140px;margin-top:505px}#home .home-projects{margin-top:180px}.home-projects .secondary-button:hover .sliding-bckg{width:208px}#home-design-image,#home-mentoring-image{width:158px}#home-training-image{width:168px}}@media (min-width:1200px){#home-project-1 h1{padding-top:236px}}</style> 13<link rel="stylesheet" href="/_nuxt/default.BU5zq6HH.css"> 14<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Ddq1Rck5.js"> 15<link rel="modulepreload" as="script" crossorigin href="/_nuxt/kDHSjm9G.js"> 16<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DdFr4e1W.js"> 17<link rel="modulepreload" as="script" crossorigin href="/_nuxt/IQvbf-nu.js"> 18<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CIAgycYf.js"> 19<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ChH9WI8c.js"> 20<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DwUpMYW9.js"> 21<link rel="modulepreload" as="script" crossorigin href="/_nuxt/D8j4qbW3.js"> 22<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BkJfskiL.js"> 23<link rel="prefetch" as="script" crossorigin href="/_nuxt/5XSMAJ9E.js"> 24<link rel="prefetch" as="script" crossorigin href="/_nuxt/Dg6CHsdy.js"> 25<link rel="prefetch" as="script" crossorigin href="/_nuxt/Uh1_yjWZ.js"> 26<link rel="prefetch" as="image" type="image/svg+xml" href="/_nuxt/logo.BSrm4-tq.
26svg">
27<script type="module" src="/_nuxt/Ddq1Rck5.js" crossorigin></script>
27</head><body><div id="__nuxt"><div><div><div class="font-custom-bold" data-v-9f17711c><div class="fixed top-0 z-20 w-screen py-3 lg:py-8" data-v-9f17711c><div class="container px-4 flex items-center justify-between" data-v-9f17711c><a aria-current="page" href="/" class="router-link-active router-link-exact-active" data-v-9f17711c><img src="/_nuxt/logo.BSrm4-tq.svg" alt="OneTandem Logo" class="w-32 lg:w-44" data-v-9f17711c></a><div class="hidden lg:space-x-8 xl:space-x-16 lg:flex" data-v-9f17711c><div class="flex items-baseline space-x-6" data-v-9f17711c><a aria-current="page" href="/" class="router-link-active router-link-exact-active nav-link border-secondary border-b-2" data-v-9f17711c>home</a><a href="/data-visualization-projects" class="nav-link border-secondary" data-v-9f17711c>projects</a><a href="/features" class="nav-link border-secondary" data-v-9f17711c>features</a><div class="relative" data-v-9f17711c><div><button id="menu-button" type="button" class="nav-link inline-flex justify-center" aria-expanded="true" aria-haspopup="true"><span class="">services</span><svg class="mb-[2px] h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button></div><div style="display:none;" class="absolute left-0 mt-2 w-56 origin-top-left rounded-md bg-white shadow-lg focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1"><div class="py-1" role="none"><a href="/data-visualization-design" class="nav-link block px-4 py-2 hover:bg-gray-100" role="menuitem" tabindex="-1">design & development</a><a href="/data-visualization-training" class="nav-link block px-4 py-2 hover:bg-gray-100" role="menuitem" tabindex="-1">training</a></div></div></div><a href="/about-us" class="nav-link border-secondary" data-v-9f17711c>about us</a><a href="/contact" class="nav-link border-secondary" data-v-9f17711c>contact</a><a href="/blog" class="nav-link border-secondary" data-v-9f17711c>blog</a></div><div class="flex flex-nowrap" data-v-9f17711c><button class="nav-link px-3"><span class="border-b-2 border-secondary pb-1">EN</span></button><button class="nav-link border-l border-r border-gray-500 px-3"><span class="border-secondary pb-1">ES</span></button><button class="nav-link px-3"><span class="border-secondary pb-1">CAT</span></button></div></div><button class="lg:hidden" data-v-9f17711c><div id="hamburger-button" class="hamburger" data-v-9f17711c><span class="line" data-v-9f17711c></span><span class="line" data-v-9f17711c></span><span class="line" data-v-9f17711c></span></div></button></div></div><div style="display:none;" class="fixed z-10 h-screen w-screen bg-white pt-32 lg:hidden" data-v-9f17711c><div class="flex flex-col items-center space-y-6" data-v-9f17711c><a aria-current="page" href="/" class="router-link-active router-link-exact-active nav-link border-secondary border-b-2" data-v-9f17711c>home</a><a href="/data-visualization-projects" class="nav-link border-secondary" data-v-9f17711c>projects</a><a href="/features" class="nav-link border-secondary" data-v-9f17711c>features</a><a href="/data-visualization-design" class="nav-link border-secondary" data-v-9f17711c>design & development</a><a href="/data-visualization-training" class="nav-link border-secondary" data-v-9f17711c>training</a><a href="/about-us" class="nav-link border-secondary" data-v-9f17711c>about us</a><a href="/contact" class="nav-link border-secondary" data-v-9f17711c>contact</a><a href="/blog" class="nav-link border-secondary" data-v-9f17711c>blog</a><div class="flex flex-nowrap" data-v-9f17711c><button class="nav-link px-3"><span class="border-b-2 border-secondary pb-1">EN</span></button><button class="nav-link border-l border-r border-gray-500 px-3"><span class="border-secondary pb-1">ES</span></button><button class="nav-link px-3"><span class="border-secondary pb-1">CAT</span></button></div></div></div></div><div class="isolate min-h-screen text-primary"><!--[--><section id="home" class="home-bg"><section class="home-projects"><header class="mt-24 md:mt-16 mb-4 md:mb-12 flex flex-col text-center justify-center items-center px-4 md:px-0"><h1 class="text-5xl font-semibold max-w-lg text-balance">We turn data into visual experiences</h1><p class="text-balance">Our expertise lies in crafting intuitive and engaging applications that render data both accessible and visually impactful.</p></header><section class="carousel" dir="ltr" aria-label="Gallery" tabindex="0"><div class="carousel__viewport"><ol class="carousel__track" style="transform:translateX(0px);transition:0ms;margin:0 -0px;width:100%;"><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/eis.svg" alt="European Innovation Scoreboard" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">European Innovation Scoreboard</div><div>An interactive website for the European Commission that allows users to explore the European Innovation Scoreboard, the Regional Innovation Scoreboard, and the Eco-Innovation Index.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/find.webp" alt="Find" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Find</div><div>A website to explore the Pathogen Diagnostics Readiness Index and guide investments for future diagnostic technology.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/gki.svg" alt="Global Knowledge Index (GKI)" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Global Knowledge Index (GKI)</div><div>An interactive website to explore and compare knowledge performance across 195 countries, covering education, research, ICT, economy, and governance.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#DFEBEA;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/benestar.svg" alt="Wellbeing Index of Generalitat de Catalunya" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Wellbeing Index of Generalitat de Catalunya</div><div>An exploratory website to visually communicate and explore the results of the wellbeing survey.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#EFF6F7;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/santaco.svg" alt="InfoGovern" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">InfoGovern</div><div>A data portal to integrate all the datasets about government action and programmes.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/mitma.svg" alt="Gobierno de España" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Gobierno de España</div><div>An interactive website that shows the results of a big data study from Ministerio de Movilidad y Transportes on mobility patterns in Spain, specifically towards ski resorts.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#FFF;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/visor2030.svg" alt="SDG Rosechart" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Visor2030</div><div>A website to explore and communicate the progress of the SDGs at the municipal level within the demarcation of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/pop-africa.webp" alt="Pathways to Prosperity" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Pathways to Prosperity</div><div>A data storytelling that illustrates the challenges faced by adolescent girls in Africa.</div><div class="flex items-center gap-3 mt-4"><img src="/img/projects/2024_IIB_Awards.png" alt="prize badge" class="max-h-16 w-auto group-hover:scale-110 transition"><span class="text-sm font-semibold">Awarded with an <a href="https://www.informationisbeautifulawards.com/showcase/7058-pathways-to-prosperity-for-adolescent-girls-in-africa" target="_blank" rel="noopener noreferrer" class="underline hover:opacity-70 transition">Information is Beautiful award</a></span></div></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="r
27ounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/globe.svg" alt="WEF Nexus Index" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">WEF Nexus Index</div><div>Website to explore the availability and access to water, energy and food across the world.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone carousel__slide--prev" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/dibarometre.svg" alt="Dibaròmetre" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Dibaròmetre</div><div>An exploratory data visualization presenting insights from a survey on citizens' perceptions of municipal services and administration in the province of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--visible carousel__slide--active" aria-hidden="false"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/eis.svg" alt="European Innovation Scoreboard" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">European Innovation Scoreboard</div><div>An interactive website for the European Commission that allows users to explore the European Innovation Scoreboard, the Regional Innovation Scoreboard, and the Eco-Innovation Index.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--next" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/find.webp" alt="Find" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Find</div><div>A website to explore the Pathogen Diagnostics Readiness Index and guide investments for future diagnostic technology.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/gki.svg" alt="Global Knowledge Index (GKI)" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Global Knowledge Index (GKI)</div><div>An interactive website to explore and compare knowledge performance across 195 countries, covering education, research, ICT, economy, and governance.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#DFEBEA;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/benestar.svg" alt="Wellbeing Index of Generalitat de Catalunya" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Wellbeing Index of Generalitat de Catalunya</div><div>An exploratory website to visually communicate and explore the results of the wellbeing survey.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#EFF6F7;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/santaco.svg" alt="InfoGovern" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">InfoGovern</div><div>A data portal to integrate all the datasets about government action and programmes.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/mitma.svg" alt="Gobierno de España" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Gobierno de España</div><div>An interactive website that shows the results of a big data study from Ministerio de Movilidad y Transportes on mobility patterns in Spain, specifically towards ski resorts.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#FFF;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/visor2030.svg" alt="SDG Rosechart" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Visor2030</div><div>A website to explore and communicate the progress of the SDGs at the municipal level within the demarcation of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/pop-africa.webp" alt="Pathways to Prosperity" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Pathways to Prosperity</div><div>A data storytelling that illustrates the challenges faced by adolescent girls in Africa.</div><div class="flex items-center gap-3 mt-4"><img src="/img/projects/2024_IIB_Awards.png" alt="prize badge" class="max-h-16 w-auto group-hover:scale-110 transition"><span class="text-sm font-semibold">Awarded with an <a href="https://www.informationisbeautifulawards.com/showcase/7058-pathways-to-prosperity-for-adolescent-girls-in-africa" target="_blank" rel="noopener noreferrer" class="underline hover:opacity-70 transition">Information is Beautiful award</a></span></div></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/globe.svg" alt="WEF Nexus Index" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">WEF Nexus Index</div><div>Website to explore the availability and access to water, energy and food across the world.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorde
27r p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/dibarometre.svg" alt="Dibaròmetre" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Dibaròmetre</div><div>An exploratory data visualization presenting insights from a survey on citizens' perceptions of municipal services and administration in the province of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/eis.svg" alt="European Innovation Scoreboard" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">European Innovation Scoreboard</div><div>An interactive website for the European Commission that allows users to explore the European Innovation Scoreboard, the Regional Innovation Scoreboard, and the Eco-Innovation Index.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#F6F9FD;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/find.webp" alt="Find" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Find</div><div>A website to explore the Pathogen Diagnostics Readiness Index and guide investments for future diagnostic technology.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/gki.svg" alt="Global Knowledge Index (GKI)" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Global Knowledge Index (GKI)</div><div>An interactive website to explore and compare knowledge performance across 195 countries, covering education, research, ICT, economy, and governance.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#DFEBEA;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/benestar.svg" alt="Wellbeing Index of Generalitat de Catalunya" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Wellbeing Index of Generalitat de Catalunya</div><div>An exploratory website to visually communicate and explore the results of the wellbeing survey.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#EFF6F7;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/santaco.svg" alt="InfoGovern" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">InfoGovern</div><div>A data portal to integrate all the datasets about government action and programmes.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/mitma.svg" alt="Gobierno de España" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Gobierno de España</div><div>An interactive website that shows the results of a big data study from Ministerio de Movilidad y Transportes on mobility patterns in Spain, specifically towards ski resorts.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style="background-color:#FFF;"><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/visor2030.svg" alt="SDG Rosechart" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Visor2030</div><div>A website to explore and communicate the progress of the SDGs at the municipal level within the demarcation of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/pop-africa.webp" alt="Pathways to Prosperity" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Pathways to Prosperity</div><div>A data storytelling that illustrates the challenges faced by adolescent girls in Africa.</div><div class="flex items-center gap-3 mt-4"><img src="/img/projects/2024_IIB_Awards.png" alt="prize badge" class="max-h-16 w-auto group-hover:scale-110 transition"><span class="text-sm font-semibold">Awarded with an <a href="https://www.informationisbeautifulawards.com/showcase/7058-pathways-to-prosperity-for-adolescent-girls-in-africa" target="_blank" rel="noopener noreferrer" class="underline hover:opacity-70 transition">Information is Beautiful award</a></span></div></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Storytelling</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/globe.svg" alt="WEF Nexus Index" class="null max-h-64 px-8 w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">WEF Nexus Index</div><div>Website to explore the availability and access to water, energy and food across the world.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--]--></div></div></div></div></div></div></div></li><li style="width:100%;" class="carousel__slide carousel__slide--clone" aria-hidden="true"><div class="group bg-white shadow-lg hover:shadow-xl rounded-2xl overflow-hidden border-projectBorder p-1 transition sm:hover:scale-[1.02] sm:hover:-translate-y-2 cursor-pointer" role="link" tabindex="0"><div class="flex flex-col h-full rounded-xl" style=""><div class="aspect-[1.125] flex items-center justify-center overflow-hidden rounded-t-xl"><img src="/img/projects/dibarometre.svg" alt="Dibaròmetre" class="null w-full h-full object-cover w-auto mx-auto group-hover:scale-110 transition" style=""></div><div class="p-8 text-primary bg-gradient-to-b from-soft to-white flex flex-col justify-between flex-grow"><div><div class="title-4 text-[17px] mb-2">Dibaròmetre</div><div>An exploratory data visualization presenting insights from a survey on citizens' perceptions of municipal services and administration in the province of Barcelona.</div><!----></div><div class="flex items-center justify-between mt-6 gap-4"><div class="flex gap-2 md:items-center flex-col sm:flex-row w-full"><div class="flex justify-between items-end"><div><!--[--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-blueBg/50 text-tags-blue hover:bg-tags-blue">Data portal</button><!--]--><!--[--><button class="rounded-md px-3 py-1 mr-1 mb-1 text-sm hover:text-white transition-colors font-semibold truncate flex-shrink bg-tags-yellowBg/50 text-tags-yellow hover:bg-tags-yellow">Survey</button><!--]--><!--]--></div></div></div></div></div></div></div></li></ol></div><!--[--><!--[--><button type="button" class="carousel__prev" aria-label="Navigate to previous slide">
27<svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the left"><title>Arrow pointing to the left</title><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"></path></svg></button><button type="button" class="carousel__next" aria-label="Navigate to next slide"><svg class="carousel__icon" viewBox="0 0 24 24" role="img" aria-label="Arrow pointing to the right"><title>Arrow pointing to the right</title><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"></path></svg></button><!--]--><!--]--><div class="carousel__liveregion carousel__sr-only" aria-live="polite" aria-atomic="true">Item 1 of 10</div></section><div class="own-container container"><div class="mt-6 text-center"><a href="/data-visualization-projects" class="btn-secondary hover:bg-secondary hover:text-white">view all projects</a></div></div></section><section class="home-services-section py-12"><div class="container"><div class="mb-6 flex flex-col items-center"><h2 class="title-1 mb-3">What we do?</h2><div class="separator bg-secondary"></div></div><div class="space-y-10"><a href="/data-visualization-design" class="block mx-auto max-w-4xl"><div class="flex flex-col items-center space-y-6 bg-white px-5 py-10 shadow hover:shadow-lg md:flex-row md:space-y-0 md:space-x-6 md:py-16"><aside class="w-1/5 md:w-1/4 md:px-3 lg:w-1/5 lg:px-16"><img onerror="this.setAttribute('data-error', 1)" width="160" height="160" alt="Design and Development Icon" loading="lazy" data-nuxt-img srcset="/.netlify/images?w=160&h=160&fm=webp&url=%2Fimg%2Fhome-design.webp 1x, /.netlify/images?w=320&h=320&fm=webp&url=%2Fimg%2Fhome-design.webp 2x" src="/.netlify/images?w=160&h=160&fm=webp&url=%2Fimg%2Fhome-design.webp"></aside><main class="text-center md:text-left lg:pr-8"><h3 class="title-3">Design and Development</h3><p class="paragraph py-2 md:py-3"><!--[-->We design and develop data visualization websites, dashboards and visual analytics apps adapted to your needs.<!--]--></p><div class="inline-flex items-baseline space-x-2"><span class="font-custom-bold text-xs uppercase tracking-widest text-secondary">show me</span><div class="overflow-hidden"><img src="data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1871%200L13.9748%201.2733L16.7029%204.10753L0%204.10753L0%205.89247L16.7029%205.89247L13.9748%208.7267L15.1871%2010L20%205.00001L15.1871%200Z'%20fill='%232A6FD3'/%3e%3c/svg%3e" alt="Arrow Icon" class="w-auto transform transition-transform -translate-x-1/3"></div></div></main></div></a><a href="/data-visualization-training" class="block mx-auto max-w-4xl"><div class="flex flex-col items-center space-y-6 bg-white px-5 py-10 shadow hover:shadow-lg md:flex-row md:space-y-0 md:space-x-6 md:py-16"><aside class="w-1/5 md:w-1/4 md:px-3 lg:w-1/5 lg:px-16"><img onerror="this.setAttribute('data-error', 1)" width="160" height="160" alt="Training Icon" loading="lazy" data-nuxt-img srcset="/.netlify/images?w=160&h=160&fm=webp&url=%2Fimg%2Fhome-training.webp 1x, /.netlify/images?w=320&h=320&fm=webp&url=%2Fimg%2Fhome-training.webp 2x" src="/.netlify/images?w=160&h=160&fm=webp&url=%2Fimg%2Fhome-training.webp"></aside><main class="text-center md:text-left lg:pr-8"><h3 class="title-3">Training</h3><p class="paragraph py-2 md:py-3"><!--[-->We offer data visualization courses to improve your skills in data analysis, presentation and communication.<!--]--></p><div class="inline-flex items-baseline space-x-2"><span class="font-custom-bold text-xs uppercase tracking-widest text-secondary">show me</span><div class="overflow-hidden"><img src="data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1871%200L13.9748%201.2733L16.7029%204.10753L0%204.10753L0%205.89247L16.7029%205.89247L13.9748%208.7267L15.1871%2010L20%205.00001L15.1871%200Z'%20fill='%232A6FD3'/%3e%3c/svg%3e" alt="Arrow Icon" class="w-auto transform transition-transform -translate-x-1/3"></div></div></main></div></a></div></div></section></section><!--]--></div><footer class="flex flex-col items-center justify-center space-y-8 bg-blue-dark py-20"><a aria-current="page" href="/" class="router-link-active router-link-exact-active" aria-label="Back to home page"><svg class="scale-150 transform" width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1729 24.6061L13.0948 0.397241C13.0484 0.274704 12.9641 0.17019 12.8541 0.0989246C12.7442 0.0276596 12.6143 -0.00662655 12.4835 0.00105947H12.1062C11.9765 -0.00112594 11.8491 0.0353938 11.7402 0.10596C11.6313 0.176527 11.5459 0.277934 11.495 0.397241L0.311192 24.6061C0.256127 24.7068 0.229407 24.8205 0.233881 24.9351C0.238354 25.0497 0.273854 25.161 0.336594 25.257C0.399333 25.3531 0.486954 25.4303 0.590129 25.4805C0.693303 25.5306 0.808162 25.5519 0.922449 25.5419H4.05044C4.27808 25.5459 4.50128 25.4786 4.68872 25.3493C4.87616 25.2201 5.01844 25.0354 5.09561 24.8212L6.8577 20.9348L12.1402 9.03033H12.2496L17.6075 20.9348L19.3998 24.8212C19.6526 25.323 19.9054 25.5419 20.445 25.5419H23.5503C23.6655 25.5541 23.7819 25.5346 23.8868 25.4854C23.9917 25.4361 24.081 25.3591 24.1452 25.2627C24.2094 25.1662 24.2459 25.054 24.2508 24.9383C24.2557 24.8225 24.2287 24.7076 24.1729 24.6061Z" fill="#3F5470"></path><path d="M12.25 24.5981C13.642 24.5981 14.7705 23.4697 14.7705 22.0776C14.7705 20.6856 13.642 19.5571 12.25 19.5571C10.858 19.5571 9.72949 20.6856 9.72949 22.0776C9.72949 23.4697 10.858 24.5981 12.25 24.5981Z" fill="#707D8D"></path></svg></a><ul class="flex list-none items-baseline space-x-8"><li class=""><a href="https://twitter.com/onetandem" target="_blank" aria-label="X"><svg width="16" height="14" viewbox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-white"><path d="M12.1624 0.5H14.3687L9.5499 6.00625L15.2187 13.5H10.7812L7.30303 8.95625L3.32803 13.5H1.11865L6.27178 7.60938L0.837402 0.5H5.3874L8.52803 4.65312L12.1624 0.5ZM11.3874 12.1812H12.6093L4.72178 1.75H3.40928L11.3874 12.1812Z" fill="currentColor"></path></svg></a></li><li class=""><a class="" href="https://es.linkedin.com/company/onetandem" target="_blank" aria-label="LinkedIn"><svg id="linkedin-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.11877 4.24241H2.09337C0.823377 4.24241 0 3.30772 0 2.12409C0 0.91625 0.847719 0 2.14311 0C3.43744 0 4.2333 0.913945 4.2587 2.12063C4.2587 3.30426 3.43744 4.24241 2.11877 4.24241Z
27M0.454022 5.7718H3.96237V17.9988H0.454022V5.7718ZM14.0218 18H18V11.2002C18 7.41414 16.041 5.65425 13.5476 5.65425C11.5379 5.65425 10.2785 6.85171 10.0456 7.69074V5.7718H6.10442C6.15522 6.79063 6.10442 18 6.10442 18H10.0456V11.3834C10.0456 11.3393 10.0454 11.2952 10.0452 11.2513C10.0435 10.9282 10.0419 10.6155 10.1313 10.3842C10.4023 9.64771 10.9844 8.8859 12.031 8.8859C13.3995 8.8859 14.0218 10.0154 14.0218 11.6715V18Z" fill="white"></path></svg></a></li><li class=""><a class="" href="mailto:[email protected]" target="_blank" aria-label="e-mail"><svg id="email-icon" width="23" height="17" viewBox="0 0 23 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.37523V14.9727L7.08201 8.17396L0 1.37523ZM22.7298 14.9683V1.37965L15.6524 8.17396L22.7298 14.9683ZM1.54087 16.2659L8.52598 9.56017L10.6747 11.6229L11.3672 12.2878L12.0597 11.6229L14.2084 9.56017L21.1935 16.2659H1.54087ZM11.3672 9.51532L1.54087 0.0820312H21.1935L11.3672 9.51532Z" fill="white"></path></svg></a></li></ul><div class="text-[10px] uppercase tracking-wide text-white"><a href="/cookies" class="">cookies policy</a><span class="mx-2">|</span><a href="/privacy" class="">privacy policy</a><span class="mx-2">|</span><a href="/legal" class="">legal notice</a></div></footer></div><div><!----></div></div></div><div id="teleports"></div>
27<script type="application/json" id="__NUXT_DATA__" data-ssr="true">[["Reactive",1],{"data":2,"state":197,"once":199,"_errors":200,"serverRendered":14,"path":201},{"content-/":3},[4,31,46,64,85,104,123,141,160,178],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"url":11,"cardImage":12,"cardAlt":13,"cardTitle":9,"cardDescription":10,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":16,"order":17,"fullBleed":14,"backgroundColor":18,"body":19,"_type":24,"_id":25,"_source":26,"_file":27,"_extension":28,"path":29,"types":30},"/en/projects/eis","projects",false,"","European Innovation Scoreboard","An interactive website for the European Commission that allows users to explore the European Innovation Scoreboard, the Regional Innovation Scoreboard, and the Eco-Innovation Index.","https://projects.research-and-innovation.ec.europa.eu/en/statistics/performance-indicators/european-innovation-scoreboard/eis-2024#/","projects/eis.svg",null,true,1,"data portal",2,"#F6F9FD",{"type":20,"children":21,"toc":22},"root",[],{"title":8,"searchDepth":17,"depth":17,"links":23},[],"markdown","content:en:projects:eis.md","content","en/projects/eis.md","md","/projects/eis",[16],{"_path":32,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":33,"description":34,"url":35,"cardImage":36,"cardAlt":13,"cardTitle":33,"cardDescription":34,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":16,"order":37,"fullBleed":14,"backgroundColor":18,"body":38,"_type":24,"_id":42,"_source":26,"_file":43,"_extension":28,"path":44,"types":45},"/en/projects/find","Find","A website to explore the Pathogen Diagnostics Readiness Index and guide investments for future diagnostic technology.","https://www.finddx.org/data-and-impact/dashboards/diagnostic-readiness-index/#/","projects/find.webp",3,{"type":20,"children":39,"toc":40},[],{"title":8,"searchDepth":17,"depth":17,"links":41},[],"content:en:projects:find.md","en/projects/find.md","/projects/find",[16],{"_path":47,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":48,"description":49,"id":50,"category":51,"url":52,"cardImage":53,"fullBleed":14,"cardAlt":13,"cardTitle":48,"cardDescription":54,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":16,"order":55,"body":56,"_type":24,"_id":60,"_source":26,"_file":61,"_extension":28,"path":62,"types":63},"/en/projects/gki","Global Knowledge Index (GKI)","An interactive website to explore and compare knowledge performance across 195 countries, covering education, research, ICT, economy, and governance..",19,"Diciembre 2026","https://gki.knowledge4all.com/#/en","projects/gki.svg","An interactive website to explore and compare knowledge performance across 195 countries, covering education, research, ICT, economy, and governance.",31,{"type":20,"children":57,"toc":58},[],{"title":8,"searchDepth":17,"depth":17,"links":59},[],"content:en:projects:gki.md","en/projects/gki.md","/projects/gki",[16],{"_path":65,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":66,"description":67,"id":68,"category":69,"url":70,"cardImage":71,"cardAlt":13,"cardTitle":72,"cardDescription":67,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":73,"order":74,"backgroundColor":75,"body":76,"_type":24,"_id":80,"_source":26,"_file":81,"_extension":28,"path":82,"types":83},"/en/projects/indicador-benestar","Subjective Well-being Indicator - Generalitat de Catalunya","An exploratory website to visually communicate and explore the results of the wellbeing survey.",14,"January 2024","https://indicadorbenestar.gencat.cat/","projects/benestar.svg","Wellbeing Index of Generalitat de Catalunya","data portal,survey",10,"#DFEBEA",{"type":20,"children":77,"toc":78},[],{"title":8,"searchDepth":17,"depth":17,"links":79},[],"content:en:projects:indicador-benestar.md","en/projects/indicador-benestar.md","/projects/indicador-benestar",[16,84],"survey",{"_path":86,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":87,"description":88,"id":89,"category":90,"url":91,"cardImage":92,"cardAlt":13,"cardTitle":93,"cardDescription":94,"sliderImages":13,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":7,"type":16,"order":55,"backgroundColor":95,"body":96,"_type":24,"_id":100,"_source":26,"_file":101,"_extension":28,"path":102,"types":103},"/en/projects/info-govern","InfoGovern - Santa Coloma de Gramenet City Council","A web environment that presents the government plan's outcomes in a visually engaging and comprehensible manner for all audiences.",16,"Enero 2024","https://infogovern.gramenet.cat/infogovern/","projects/santaco.svg","InfoGovern","A data portal to integrate all the datasets about government action and programmes.","#EFF6F7",{"type":20,"children":97,"toc":98},[],{"title":8,"searchDepth":17,"depth":17,"links":99},[],"content:en:projects:info-govern.md","en/projects/info-govern.md","/projects/info-govern",[16],{"_path":105,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":106,"description":107,"id":108,"category":90,"url":109,"cardImage":110,"fullBleed":14,"cardAlt":13,"cardTitle":111,"cardDescription":112,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":113,"order":114,"body":115,"_t
27ype":24,"_id":119,"_source":26,"_file":120,"_extension":28,"path":121,"types":122},"/en/projects/mitma-ski","Mobility During the Ski Season - Ministry of Transport and Sustainable Mobility","A big data-driven mobility study monitors daily changes in Spain's mobility patterns.",17,"https://ot-mitma-ski.netlify.app/","projects/mitma.svg","Gobierno de España","An interactive website that shows the results of a big data study from Ministerio de Movilidad y Transportes on mobility patterns in Spain, specifically towards ski resorts.","storytelling",30,{"type":20,"children":116,"toc":117},[],{"title":8,"searchDepth":17,"depth":17,"links":118},[],"content:en:projects:mitma-ski.md","en/projects/mitma-ski.md","/projects/mitma-ski",[113],{"_path":124,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":125,"description":126,"id":127,"url":128,"cardImage":129,"cardAlt":130,"cardTitle":125,"cardDescription":126,"featuredHome":14,"featuredHomeOrder":15,"featuredOther":14,"type":16,"order":131,"backgroundColor":132,"body":133,"_type":24,"_id":137,"_source":26,"_file":138,"_extension":28,"path":139,"types":140},"/en/projects/visor2030","Visor2030","A website to explore and communicate the progress of the SDGs at the municipal level within the demarcation of Barcelona.","d3cff36a-f3ce-4db2-9d93-a81baf811134","https://visor2030.diba.cat/#/en","projects/visor2030.svg","SDG Rosechart",7,"#FFF",{"type":20,"children":134,"toc":135},[],{"title":8,"searchDepth":17,"depth":17,"links":136},[],"content:en:projects:visor2030.md","en/projects/visor2030.md","/projects/visor2030",[16],{"_path":142,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":143,"description":144,"url":145,"cardImage":146,"badgeImage":147,"badgeText":148,"badgeLinkText":149,"badgeUrl":150,"cardAlt":13,"cardTitle":151,"cardDescription":144,"featuredHome":14,"featuredHomeOrder":17,"featuredOther":14,"type":113,"order":15,"fullBleed":14,"body":152,"_type":24,"_id":156,"_source":26,"_file":157,"_extension":28,"path":158,"types":159},"/en/projects/popcouncil-africa","Pathways to Prosperity for Adolescent Girls in Africa","A data storytelling that illustrates the challenges faced by adolescent girls in Africa.","https://a3.popcouncil.org/aag-report/#/","projects/pop-africa.webp","projects/2024_IIB_Awards.png","Awarded with an","Information is Beautiful award","https://www.informationisbeautifulawards.com/showcase/7058-pathways-to-prosperity-for-adolescent-girls-in-africa","Pathways to Prosperity",{"type":20,"children":153,"toc":154},[],{"title":8,"searchDepth":17,"depth":17,"links":155},[],"content:en:projects:popcouncil-africa.md","en/projects/popcouncil-africa.md","/projects/popcouncil-africa",[113],{"_path":161,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":162,"description":163,"id":164,"category":165,"url":166,"cardImage":167,"cardAlt":13,"cardTitle":168,"cardDescription":163,"featuredHome":14,"featuredHomeOrder":37,"featuredOther":7,"type":16,"order":169,"fullBleed":7,"body":170,"_type":24,"_id":174,"_source":26,"_file":175,"_extension":28,"path":176,"types":177},"/en/projects/wef","WEF Nexus index - Nexus","Website to explore the availability and access to water, energy and food across the world.",6,"July 2020","https://www.wefnexusindex.org/","projects/globe.svg","WEF Nexus Index",20,{"type":20,"children":171,"toc":172},[],{"title":8,"searchDepth":17,"depth":17,"links":173},[],"content:en:projects:wef.md","en/projects/wef.md","/projects/wef",[16],{"_path":179,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":180,"description":181,"id":182,"category":183,"url":184,"cardImage":185,"cardAlt":13,"cardTitle":186,"cardDescription":187,"featuredHome":14,"featuredOther":7,"type":73,"order":188,"fullBleed":14,"body":189,"_type":24,"_id":193,"_source":26,"_file":194,"_extension":28,"path":195,"types":196},"/en/projects/diba-dibarometre","DIBA Dibaròmetre","Web application to communicate and explore the data of the Barcelona province citizen perception survey.",9,"January 2022","https://dibarometre.diba.cat/#/","projects/dibarometre.svg","Dibaròmetre","An exploratory data visualization presenting insights from a survey on citizens' perceptions of municipal services and administration in the province of Barcelona.",35,{"type":20,"children":190,"toc":191},[],{"title":8,"searchDepth":17,"depth":17,"links":192},[],"content:en:projects:diba-dibarometre.md","en/projects/diba-dibarometre.md","/projects/diba-dibarometre",[16,84],{"$snuxt-i18n-meta":198},{},["Set"],{"content-/":13},"/"]</script>
vendor: 1 bytes, line 27
27
28<script>window.__NUXT__={};window.__NUXT__.config={public:{baseURL:"https://www.onetandem.com/",i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"prefix_except_default",lazy:false,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:false,differentDomains:false,trailingSlash:false,configLocales:[{code:"en",iso:"en-UK",files:["locales/en.json"]},{code:"es",iso:"es-ES",files:["locales/es.json"]},{code:"ca",iso:"ca-ES",files:["locales/ca.json"]}],locales:{en:{domain:""},es:{domain:""},ca:{domain:""}},detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false}},mdc:{components:{prose:true,map:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"}},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}}},content:{locales:[],defaultLocale:"",integrity:1790842686566,experimental:{stripQueryParameters:false,advanceQuery:false,clientDB:false},respectPathCase:false,api:{baseURL:"/api/_content"},navigation:{fields:[]},tags:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"},highlight:false,wsUrl:"",documentDriven:false,host:"",trailingSlash:false,search:"",contentHead:true,anchorLinks:{depth:4,exclude:[1]}}},app:{baseURL:"/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
28</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.