CINXE.COM

<!doctype html> <html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D"> <head> <meta data-n-head="ssr" name="charset" content="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="Kieran Mansfield | Portfolio"><meta data-n-head="ssr" data-hid="og:type" name="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og:title" name="og:title" property="og:title" content="Kieran Mansfield | Portfolio"><meta data-n-head="ssr" data-hid="og:site_name" name="og:site_name" property="og:site_name" content="Kieran Mansfield | Portfolio"><title>Kieran Mansfield | Portfolio</title><link data-n-head="ssr" rel="preload" as="font" href="/assets/fonts/MonumentExtended/MonumentExtended-Regular.otf" type="font/otf"><link data-n-head="ssr" rel="preload" as="font" href="/assets/fonts/NeueMontreal/NeueMontreal-Regular.otf" type="font/otf"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/_nuxt/icons/icon_64x64.195d20.png"><link data-n-head="ssr" data-hid="apple-touch-icon" rel="apple-touch-icon" href="/_nuxt/icons/icon_512x512.195d20.png" sizes="512x512"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.6f1ca2ac.json" data-hid="manifest"><script data-n-head="ssr" data-hid="gtm-script">window._gtm_init||(window._gtm_init=1,function(t,e,n,a,i,o){t[n]=1==t[n]||"yes"==e[n]||1==e[n]||1==e.msDoNotTrack||t[i]&&t[i][o]&&t[i][o]()?1:0}(window,navigator,"doNotTrack",0,"external","msTrackingProtectionEnabled"),function(t,e,n,a,i){t[i]={},t._gtm_inject=function(o){if(!t.doNotTrack&&!t[i][o]){t[i][o]=1,t[a]=t[a]||[],t[a].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=e.getElementsByTagName(n)[0],m=e.createElement(n);m.async=!0,m.src="https://www.googletagmanager.com/gtm.js?id="+o,g.parentNode.insertBefore(m,g)}},t._gtm_inject("GTM-55VVF54")}(window,document,"script","dataLayer","_gtm_ids"))</script><link rel="modulepreload" href="/_nuxt/8c613f9.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/7535a84.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/0e02a2a.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/eefca5a.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/04b9c3d.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/99edcb4.modern.js" as="script"><link rel="modulepreload" href="/_nuxt/0b6c68f.modern.js" as="script"><style data-vue-ssr-id="d706d280:0 3efeabb5:0 be60aa96:0 b5a48556:0 758cc9b5:0 2307a2b5:0 5925bf4b:0 659f04d1:0 177be4ce:0 9fc2e5ac:0 079898ae:0 f921734e:0 16160590:0 226f8c9a:0 258e761c:0 a88dd6b2:0 151ecb6d:0 4010e1d1:0 53150881:0 2ac112ee:0 3b44c0a5:0 3c1b861e:0 01c13402:0 f74fb4b2:0 7c65c45f:0 68a514ec:0">*,: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 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--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 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--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: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e5e5;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,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]){text-decoration:underline;-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}button,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:#a3a3a3;opacity:1}input::placeholder,textarea::placeholder{color:#a3a3a3;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]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#737373;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 transparent}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:0 0 0 0 #fff,0 0 0 1px #2563eb,var(--tw-shadow);/*!*//*!*//*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input::-moz-placeholder,textarea::-moz-placeholder{color:#737373;opacity:1}input::placeholder,textarea::placeholder{color:#737373;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:auto auto;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#737373;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 transparent}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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:0 0 0 0 #fff,0 0 0 4px #2563eb,var(--tw-shadow);/*!*//*!*//*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root,[data-theme=light][data-colour=blue]{--primary:#0a48c2;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#fff;--quinary:#121212;--revAccent:#0d5af2}[data-theme=dark][data-colour=blue]{--primary:#0d2aa0;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#121212;--quinary:#fff;--revAccent:#0a48c2}[data-theme=light][data-colour=red]{--primary:#b31919;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#fff;--quinary:#121212;--revAccent:#b31919}[data-theme=dark][data-colour=red]{--primary:#7a0000;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#121212;--quinary:#fff;--revAccent:#b31919}[data-theme=light][data-colour=purple]{--primary:#570ac2;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#fff;--quinary:#121212;--revAccent:#570ac2}[data-theme=dark][data-colour=purple]{--primary:#3d0986;--secondary:#e5e5e5;--tertiary:#171717;--quaternary:#121212;--quinary:#fff;--revAccent:#570ac2}.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#737373;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 transparent}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:0 0 0 0 #fff,0 0 0 1px #2563eb,var(--tw-shadow);/*!*//*!*//*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#737373;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#737373;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.right-5{right:1.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-2{grid-column-start:2}.row-1{grid-row:1}.row-2{grid-row:2}.m-0{margin:0}.m-1{margin:.25rem}.m-auto{margin:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-5{margin-top:1.25rem}.mb-5,.my-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-6{width:1.5rem}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-full{width:100%}.w-screen{width:100vw}.min-w-full{min-width:100%}.grow{flex-grow:1}.list-decimal{list-style-type:decimal}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-end{align-content:flex-end}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-black-darkest{--tw-bg-opacity:1;background-color:#080808;background-color:rgba(8,8,8,var(--tw-bg-opacity,1))}.bg-blue-bright{--tw-bg-opacity:1;background-color:#0a48c2;background-color:rgba(10,72,194,var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e5e5;background-color:rgba(229,229,229,var(--tw-bg-opacity,1))}.bg-purple-medium{--tw-bg-opacity:1;background-color:#7230cf;background-color:rgba(114,48,207,var(--tw-bg-opacity,1))}.bg-red-medium{--tw-bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--tw-bg-opacity,1))}.bg-th-primary{background-color:#0a48c2;background-color:var(--primary)}.bg-th-quaternary{background-color:#fff;background-color:var(--quaternary)}.bg-th-quinary{background-color:#121212;background-color:var(--quinary)}.bg-th-tertiary{background-color:#171717;background-color:var(--tertiary)}.p-0{padding:0}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.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}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-28{padding-bottom:7rem;padding-top:7rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-36{padding-bottom:9rem;padding-top:9rem}.pb-12{padding-bottom:3rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pl-3{padding-left:.75rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-body{font-family:NeueMontreal,sans-serif}.font-display{font-family:MonumentExtendedBlack,sans-serif}.font-displayBold{font-family:MonumentExtendedBold,sans-serif}.font-displayReg{font-family:MonumentExtendedRegular,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-8xl{font-size:6rem;line-height:1}.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}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-th-primary{color:#0a48c2;color:var(--primary)}.text-th-quinary{color:#121212;color:var(--quinary)}.text-th-revAccent{color:#0d5af2;color:var(--revAccent)}.text-th-secondary{color:#e5e5e5;color:var(--secondary)}.text-white-light{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.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);box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--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:0 0 0 0 #fff,0 0 0 4px #2563eb,0 0 transparent;/*!*//*!*//*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 0 #fff,var(--tw-ring-shadow),0 0 transparent;/*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.ring-blue-dark{--tw-ring-opacity:1;--tw-ring-color:rgba(13,42,160,var(--tw-ring-opacity,1))}.ring-purple-dark{--tw-ring-opacity:1;--tw-ring-color:rgba(61,9,134,var(--tw-ring-opacity,1))}.ring-red-dark{--tw-ring-opacity:1;--tw-ring-color:rgba(122,0,0,var(--tw-ring-opacity,1))}.ring-th-primary{--tw-ring-color:var(--primary)}.ring-th-quaternary{--tw-ring-color:var(--quaternary)}.ring-th-quinary{--tw-ring-color:var(--quinary)}.ring-th-tertiary{--tw-ring-color:var(--tertiary)}.ring-opacity-10{--tw-ring-opacity:0.1}.blur{--tw-blur:blur(8px);filter:blur(8px) 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);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)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));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) drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));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)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));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) drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));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-filter{-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)}:root,body{background-color:#0a48c2;background-color:var(--primary);color:#e5e5e5;color:var(--secondary)}.theme-transition{transition:all .5s!important;transition-delay:0!important}.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:0 0 0 0 #fff,var(--tw-ring-shadow),0 0 transparent;/*!*//*!*/box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}@media (min-width:640px){.sm\:inline{display:inline}.sm\:w-9\/12{width:75%}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-start-1{grid-column-start:1}.md\:col-start-4{grid-column-start:4}.md\:col-start-8{grid-column-start:8}.md\:col-end-3{grid-column-end:3}.md\:col-end-9{grid-column-end:9}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:gap-24{gap:6rem}.md\:gap-4{gap:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-24{padding-bottom:6rem;padding-top:6rem}.md\:pl-16{padding-left:4rem}.md\:pr-16{padding-right:4rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-start-1{grid-column-start:1}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-7{grid-column-end:7}.lg\:mb-10{margin-bottom:2.5rem}.lg\:w-11\/12{width:91.666667%}.lg\:w-7\/12{width:58.333333%}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:gap-32{gap:8rem}.lg\:pl-36{padding-left:9rem}.lg\:pr-36{padding-right:9rem}.lg\:pt-8{padding-top:2rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-9xl{font-size:8rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:col-start-1{grid-column-start:1}.xl\:col-start-12{grid-column-start:12}.xl\:col-end-2{grid-column-end:2}.xl\:col-end-7{grid-column-end:7}.xl\:row-auto{grid-row:auto}.xl\:h-10{height:2.5rem}.xl\:w-10{width:2.5rem}.xl\:w-8\/12{width:66.666667%}.xl\:gap-32{gap:8rem}.xl\:p-20{padding:5rem}.xl\:p-4{padding:1rem}.xl\:pb-44{padding-bottom:11rem}.xl\:pb-60{padding-bottom:15rem}.xl\:pl-0{padding-left:0}.xl\:pl-5{padding-left:1.25rem}.xl\:pr-0{padding-right:0}.xl\:pt-44{padding-top:11rem}.xl\:pt-60{padding-top:15rem}.xl\:text-11xl{font-size:10.5rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1536px){.\32xl\:text-9xl{font-size:8rem;line-height:1}}@font-face{font-display:swap;font-family:MonumentExtendedThin;src:url(/_nuxt/fonts/MonumentExtended-Thin.d0cd0d8.otf) format("opentype")}@font-face{font-display:swap;font-family:MonumentExtendedLight;src:url(/_nuxt/fonts/MonumentExtended-Light.da65d51.otf) format("opentype")}@font-face{font-display:swap;font-family:MonumentExtendedRegular;src:url(/_nuxt/fonts/MonumentExtended-Regular.5e73878.otf) format("opentype")}@font-face{font-display:swap;font-family:MonumentExtendedBold;src:url(/_nuxt/fonts/MonumentExtended-Bold.b471708.otf) format("opentype")}@font-face{font-display:swap;font-family:MonumentExtendedBlack;src:url(/_nuxt/fonts/MonumentExtended-Black.fefe657.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:normal;font-weight:400;src:url(/_nuxt/fonts/NeueMontreal-Regular.4d742e8.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:italic;font-weight:400;src:url(/_nuxt/fonts/NeueMontreal-Italic.6e214b7.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:normal;font-weight:200;src:url(/_nuxt/fonts/NeueMontreal-Light.19737cc.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:italic;font-weight:200;src:url(/_nuxt/fonts/NeueMontreal-LightItalic.045ca91.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:normal;font-weight:700;src:url(/_nuxt/fonts/NeueMontreal-Bold.821f266.otf) format("opentype")}@font-face{font-display:swap;font-family:NeueMontreal;font-style:italic;font-weight:700;src:url(/_nuxt/fonts/NeueMontreal-BoldItalic.edf295e.otf) format("opentype")}.sectionTitle{font-family:MonumentExtendedBold,sans-serif;font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){.sectionTitle{font-size:3rem;line-height:1}}@media (min-width:1024px){.sectionTitle{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.sectionTitle{font-size:6rem;line-height:1}}.sectionTitle{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}:root{font-family:NeueMontreal,sans-serif}*{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.my-page-enter-active,.my-page-leave-active{transition:opacity .5s}.my-page-enter,.my-page-leave-to{opacity:0}html.has-scroll-smooth{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;background:#263238;color:#c3cee3;font-family:Roboto Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#363636}:not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1.25em 1em;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#f2ff00}.token.comment{color:#546e7a}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag,.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}#loadingTitle[data-v-389bf571]{animation-delay:.5s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:fadein;animation-timing-function:linear;opacity:0}.loading-page[data-v-389bf571]{background-color:#000;color:#fff;font-size:30px;height:100%;left:0;padding-top:200px;position:fixed;text-align:center;top:0;width:100%;z-index:999}.fade-enter-active[data-v-389bf571],.fade-leave-active[data-v-389bf571]{transition:opacity .5s}.fade-enter[data-v-389bf571],.fade-leave-active[data-v-389bf571]{opacity:0}.scrolling .vertical[data-v-791793ee]{padding-top:50vw}.scrolling .vertical section[data-v-791793ee]{padding-top:60vw}.scrolling .vertical section .content[data-v-791793ee]{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.big-square[data-v-791793ee]{background-color:#000;padding-top:50vw;width:50vw}.small-square[data-v-791793ee]{background-color:#000;padding-top:25vw;width:25vw}header[data-v-791793ee]{height:100vh}header h1[data-v-791793ee]{color:#000;font-size:11vw;line-height:1;margin:0}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth .js-locomotive{min-height:100%;width:100%}#landingContainer[data-v-79a3005c]{align-content:center;align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;justify-items:center;margin:auto;padding:0 0 9rem;place-items:center;position:relative;width:100%}#landingIMG[data-v-79a3005c]{background-attachment:fixed;background-blend-mode:multiply;background-color:var(--primary);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;height:150vh;justify-content:center;margin:auto;min-height:150vh;position:absolute;width:100%;z-index:10}#siteheading[data-v-79a3005c]{font-family:MonumentExtendedRegular,sans-serif;font-size:2.25rem;letter-spacing:-.025em;line-height:2.5rem;line-height:1;--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));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) drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));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)}@media (min-width:640px){#siteheading[data-v-79a3005c]{font-size:3.75rem;line-height:1}}@media (min-width:768px){#siteheading[data-v-79a3005c]{font-size:4.5rem;line-height:1}}@media (min-width:1024px){#siteheading[data-v-79a3005c]{font-size:8rem;line-height:1}}@media (min-width:1280px){#siteheading[data-v-79a3005c]{font-size:10.5rem}}#sitesubheading[data-v-79a3005c]{font-family:MonumentExtendedLight,sans-serif;font-size:1rem;letter-spacing:.05em;line-height:1.5rem;line-height:1.25;--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));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) drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));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)}@media (min-width:640px){#sitesubheading[data-v-79a3005c]{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){#sitesubheading[data-v-79a3005c]{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){#sitesubheading[data-v-79a3005c]{font-size:3rem;line-height:1}}#avatar[data-v-79a3005c]{display:flex}#siteNav[data-v-79a3005c]{display:inline-flex;position:absolute;right:1.25rem;top:.25rem;z-index:30}#siteNav ul li[data-v-79a3005c]{margin:.5rem}#siteNav ul li button[data-v-79a3005c]{font-size:.75rem;line-height:1rem;text-transform:uppercase}section[data-v-7ff77e3c]{display:grid;grid-auto-rows:max-content;grid-gap:2.5rem;gap:2.5rem;padding:7rem 2rem}@media (min-width:1024px){section[data-v-7ff77e3c]{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1280px){section[data-v-7ff77e3c]{gap:8rem;padding:12rem 5rem}}section[data-v-7ff77e3c]{margin:0;min-height:120vh;width:100vw}h1[data-v-042518a2]{margin-bottom:.75rem;margin-top:.75rem;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}.content[data-v-79aab748]{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:90%}.content p[data-v-79aab748]{text-align:left}div[data-v-79aab748]{grid-row:2}@media (min-width:768px){div[data-v-79aab748]{font-size:1.25rem;grid-column-end:9;grid-column-start:4;line-height:1.75rem}}@media (min-width:1024px){div[data-v-79aab748]{grid-column-end:9;grid-column-start:5}}@media (min-width:1280px){div[data-v-79aab748]{font-size:1.875rem;line-height:2.25rem}}section[data-v-68d4ae8c]{display:grid;grid-auto-rows:max-content;grid-gap:2.5rem;gap:2.5rem}@media (min-width:1024px){section[data-v-68d4ae8c]{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1280px){section[data-v-68d4ae8c]{gap:8rem}}section[data-v-68d4ae8c]{align-content:center;justify-content:center;min-height:100vh;width:100vw}.layoutContentCentre[data-v-3542ab20]{align-content:center;display:flex;grid-column-end:12;grid-column-start:1;height:100%;justify-content:center;width:100%}@media (min-width:768px){.layoutContentCentre[data-v-3542ab20]{grid-column-end:9;grid-column-start:1}}.content[data-v-3542ab20]{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;width:100%}h1[data-v-936b50fc]{display:block;font-family:MonumentExtendedRegular,sans-serif;font-size:6rem;line-height:1;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}.textcontainer[data-v-936b50fc]{border-bottom-width:4px;border-style:solid;padding-bottom:1.25rem;padding-top:1.25rem;width:100%}.textcontainer h1[data-v-936b50fc]{display:block;font-family:MonumentExtendedRegular,sans-serif;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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);font-size:11vw;margin:0}.bigtextcontainer[data-v-936b50fc]{border-style:solid;border-top-width:4px;padding:0}section[data-v-936b50fc]{align-content:center;background-color:var(--tertiary);color:var(--secondary);display:flex;flex-direction:column;justify-content:center;padding-bottom:15rem;padding-top:15rem;width:100%}section[data-v-622ec5e2]{align-content:center;display:inline-flex;flex-wrap:wrap;height:100vh;justify-content:center;padding:8rem 2rem;width:100%}@media (min-width:1280px){section[data-v-622ec5e2]{padding:15rem 5rem}}section[data-v-622ec5e2]{background-color:var(--quaternary);color:var(--primary)}#rototext[data-v-622ec5e2]{display:flex;height:100%;width:100%}#scrollingsection span[data-v-622ec5e2]{font-size:1.875rem;line-height:2.25rem}@media (min-width:640px){#scrollingsection span[data-v-622ec5e2]{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){#scrollingsection span[data-v-622ec5e2]{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){#scrollingsection span[data-v-622ec5e2]{font-size:3rem;line-height:1}}@media (min-width:1280px){#scrollingsection span[data-v-622ec5e2]{font-size:3.75rem;line-height:1}}@media (min-width:1536px){#scrollingsection span[data-v-622ec5e2]{font-size:4.5rem;line-height:1}}#scrollingsection span[data-v-622ec5e2]{letter-spacing:.05em}#scrollingsection .dir1 span[data-v-622ec5e2]:nth-child(odd),#scrollingsection .dir2 span[data-v-622ec5e2]:nth-child(2n){color:var(--quaternary);text-shadow:-1px -1px 0 var(--primary),1px -1px 0 var(--primary),-1px 1px 0 var(--primary),1px 1px 0 var(--primary)}@media only screen and (min-width:640px){#scrollingsection span[data-v-622ec5e2]{font-size:1.875rem;line-height:2.25rem}@media (min-width:640px){#scrollingsection span[data-v-622ec5e2]{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){#scrollingsection span[data-v-622ec5e2]{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){#scrollingsection span[data-v-622ec5e2]{font-size:3rem;line-height:1}}@media (min-width:1280px){#scrollingsection span[data-v-622ec5e2]{font-size:3.75rem;line-height:1}}@media (min-width:1536px){#scrollingsection span[data-v-622ec5e2]{font-size:4.5rem;line-height:1}}#scrollingsection span[data-v-622ec5e2]{letter-spacing:.05em}#scrollingsection .dir1 span[data-v-622ec5e2]:nth-child(odd),#scrollingsection .dir2 span[data-v-622ec5e2]:nth-child(2n){color:var(--quaternary);text-shadow:-1px -1px 0 var(--primary),1px -1px 0 var(--primary),-1px 1px 0 var(--primary),1px 1px 0 var(--primary)}}.mycontent[data-v-622ec5e2]{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;width:100%}.content[data-v-c5687476]{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.workContainer[data-v-43c939d4]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding-bottom:3rem;padding-top:1.5rem}@media (min-width:768px){.workContainer[data-v-43c939d4]{gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:6rem;padding-top:6rem}}.workImgContainer[data-v-43c939d4]{display:flex;justify-content:center}@media (min-width:768px){.workImgContainer[data-v-43c939d4]{grid-column-end:8;grid-column-start:1}}.workImgContainer img[data-v-43c939d4]{width:640px;--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);box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px #171717,0 4px 6px -4px #171717;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}.workInfoContainer[data-v-43c939d4]{align-content:center;display:flex;flex-direction:column;padding-top:3rem}@media (min-width:768px){.workInfoContainer[data-v-43c939d4]{grid-column-end:13;grid-column-start:8}}.primaryButton[data-v-54630ba2]{background-color:var(--primary);color:var(--secondary);--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),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:var(--primary);font-weight:700;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}button[data-v-a7f485cc]{border-radius:.5rem;margin:.25rem;padding:.75rem 1rem;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}.secondaryButton[data-v-34568f92]{background-color:var(--quaternary);color:var(--quinary);--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-colored);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:var(--quaternary);font-weight:700;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow-colored);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:var(--primary);--tw-shadow:var(--tw-shadow-colored)}.secondaryOutlineButton[data-v-7fd5fc84]{color:var(--secondary);--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-colored);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:var(--quaternary);font-weight:700;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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);--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow-colored);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:var(--primary);--tw-shadow:var(--tw-shadow-colored)}h1[data-v-138caacf]{color:var(--primary);font-family:MonumentExtendedBlack,sans-serif;font-size:2.25rem;line-height:2.5rem;text-align:center;text-transform:uppercase;width:100%;--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));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) drop-shadow(0 25px 25px rgba(0,0,0,.15));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)}@media (min-width:768px){h1[data-v-138caacf]{font-size:3.75rem;line-height:1}}@media (min-width:1280px){h1[data-v-138caacf]{font-size:6rem;line-height:1}}footer[data-v-053aea66]{color:#fff;color:rgba(255,255,255,var(--tw-text-opacity,1))}#footerContainer[data-v-053aea66],footer[data-v-053aea66]{--tw-bg-opacity:1;background-color:#080808;background-color:rgba(8,8,8,var(--tw-bg-opacity,1));--tw-text-opacity:1}#footerContainer[data-v-053aea66]{color:#e5e5e5;color:rgba(229,229,229,var(--tw-text-opacity,1));display:inline-grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr));height:100%;padding:5rem 2.5rem 2.5rem;width:100%}@media (min-width:1024px){#footerContainer[data-v-053aea66]{grid-template-columns:repeat(8,minmax(0,1fr));padding-top:11rem}}@media (min-width:1280px){#footerContainer[data-v-053aea66]{padding:5rem 5rem 11rem}}#footerContainer a[data-v-053aea66]:hover{color:var(--primary)}#footerNavLinks[data-v-053aea66]{display:inline-flex;font-size:1.875rem;gap:4rem;grid-row:2;line-height:2.25rem}@media (min-width:768px){#footerNavLinks[data-v-053aea66]{align-content:center;grid-column-end:9;grid-column-start:7;grid-row:1;justify-content:center}}#footerNavLinks a[data-v-053aea66]:hover{color:var(--primary)}#ccsection[data-v-053aea66]{display:inline-grid;grid-template-rows:repeat(1,minmax(0,1fr));padding:2.5rem 1.5rem;width:100%;--tw-bg-opacity:1;background-color:#080808;background-color:rgba(8,8,8,var(--tw-bg-opacity,1));--tw-border-opacity:1;border-color:#e5e5e5;border-top:2px #e5e5e5;border-color:rgba(229,229,229,var(--tw-border-opacity,1));border-style:solid}@media (min-width:1280px){#ccsection[data-v-053aea66]{grid-template-columns:repeat(4,minmax(0,1fr))}}#credits[data-v-053aea66]{font-size:.875rem;grid-row:1;line-height:1.25rem}@media (min-width:1280px){#credits[data-v-053aea66]{grid-column-end:5;grid-column-start:4;grid-row:auto;text-align:right}}</style><link rel="preload" href="/_nuxt/static/1743688671/state.js" as="script"><link rel="preload" href="/_nuxt/static/1743688671/payload.js" as="script"><link rel="preload" href="/_nuxt/static/1743688671/manifest.js" as="script"> </head> <body> <noscript data-n-head="ssr" data-hid="gtm-noscript" data-pbody="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55VVF54&" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><div data-server-rendered="true" id="__nuxt"><div class="loading-page" data-v-389bf571 data-v-389bf571><p id="loadingTitle" class="font-displayReg" data-v-389bf571>Loading...</p> <p class="number" data-v-389bf571></p></div><div id="__layout"><main><div class="js-locomotive" data-v-791793ee>  <div class="scrolling vertical" data-v-791793ee><div data-v-79a3005c data-v-791793ee><div id="siteNav" data-scroll-section data-v-79a3005c><nav class="inline-flex flex-row pt-1" data-v-79a3005c><ul class="inline-flex flex-row" data-v-79a3005c><li class="p-0 m-0" data-v-79a3005c><button data-v-79a3005c data-v-791793ee>Theme</button></li> <li class="p-0 m-0" data-v-79a3005c><button data-v-79a3005c data-v-791793ee>Menu</button></li></ul></nav></div> <header data-scroll-section class="w-full p-0 m-0 text-th-secondary" style="height:120vh" data-v-79a3005c><div id="landingContainer" data-scroll data-scroll-class data-v-79a3005c><div id="landingIMG" data-scroll data-scroll-class data-scroll-speed="-1" data-v-79a3005c><picture id="avatar" data-v-79a3005c><img src="/_nuxt/image/c0a6bb.webp" width="640" height="799" alt="avatar" class="m-auto mix-blend-multiply" data-v-79a3005c></picture></div> <div id="sitetitle" data-scroll data-scroll-speed="1" class="absolute z-20 flex flex-col w-11/12 p-4 text-center" data-v-79a3005c><h1 id="siteheading" data-v-79a3005c> Kieran<br data-v-79a3005c> Mansfield </h1> <h1 id="sitesubheading" data-v-79a3005c>Web Developer</h1></div></div></header></div> <section data-scroll-section="" class="bg-th-quaternary text-th-quinary" data-v-7ff77e3c data-v-791793ee><div class="lg:col-start-1 lg:col-end-7 content row-1" data-v-042518a2 data-v-791793ee><h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Creative </h1> <h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Full-Stack </h1> <h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Web Developer. </h1> </div> <div class="content" data-v-79aab748 data-v-791793ee><div class="w-full" data-v-79aab748><p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> Hello! My name is Kieran Mansfield and I鈥檓 a Creative Full-Stack Web Developer and currently based in London, UK. </p> <br data-v-79aab748 data-v-791793ee> <p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> I have 2 years of freelance experience designing and developing websites. </p> <br data-v-79aab748 data-v-791793ee> <p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> Follow my journey, as I continue to grow and develop my skills further every day. </p></div></div></section> <section data-scroll-section="" class="bg-th-tertiary text-th-secondary" data-v-68d4ae8c data-v-791793ee><div class="layoutContentCentre" data-v-3542ab20 data-v-791793ee><div class="flex content-center justify-center w-full h-full" data-v-3542ab20><h1 data-scroll-trigger="" data-scroll-speed="2.5" class="sectionTitle" data-v-3542ab20 data-v-791793ee> I build... </h1></div></div></section> <section data-scroll-section="" data-v-936b50fc data-v-791793ee><div class="inline-flex flex-col w-full" data-v-936b50fc><div class="bigtextcontainer" data-v-936b50fc><div class="textcontainer" data-v-936b50fc><h1 data-scroll data-scroll-direction="horizontal" data-scroll-speed="4.5" data-scroll-delay="0.75" data-v-936b50fc> Modern </h1></div> <div class="textcontainer" data-v-936b50fc><h1 data-scroll data-scroll-direction="horizontal" data-scroll-speed="-4" data-scroll-delay="1" data-v-936b50fc> Responsive </h1></div> <div class="textcontainer" data-v-936b50fc><h1 data-scroll data-scroll-direction="horizontal" data-scroll-speed="4" data-scroll-delay="1" data-v-936b50fc> Websites </h1></div></div></div></section> <section id="RotoTextContainer" data-scroll-section="" data-v-622ec5e2 data-v-791793ee><div id="scrollingsection" class="inline-flex flex-col w-full" data-v-622ec5e2><div id="rototext" class="w-full h-full mycontent" data-v-622ec5e2><div class="dir2" data-v-622ec5e2><div data-scroll data-scroll-speed="-12" data-scroll-position="left" data-scroll-direction="horizontal" data-scroll-target="#scrollingsection" class="dir2" style="white-space:nowrap" data-v-622ec5e2><span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span></div></div></div> <div id="rototext" class="flex flex-row w-full h-full mycontent" data-v-622ec5e2><div class="dir1" data-v-622ec5e2><div data-scroll data-scroll-speed="12" data-scroll-position="left" data-scroll-direction="horizontal" data-scroll-target="#scrollingsection" class="dir1" style="white-space:nowrap" data-v-622ec5e2><span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span> <span class="uppercase font-display" data-v-622ec5e2>I bring your ideas to life. </span></div></div></div></div></section> <section data-scroll-section="" class="bg-th-tertiary text-th-secondary" data-v-7ff77e3c data-v-791793ee><div class="lg:col-start-1 lg:col-end-7 content row-1" data-v-042518a2 data-v-791793ee><h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Latest </h1> <h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Work </h1>  </div> <div class="md:col-start-1 md:col-end-9 content" data-v-c5687476 data-v-791793ee><div data-v-c5687476><div data-v-43c939d4 data-v-791793ee><div data-scroll class="workContainer" data-v-43c939d4><div class="workImgContainer" data-v-43c939d4><img src="/_nuxt/image/3704f1.webp" alt="Kieran Luke Naish Art" loading="lazy" data-src="/images/kieran-luke-naish-art.jpg" data-v-43c939d4></div> <div class="workInfoContainer" data-v-43c939d4><div data-v-43c939d4><h1 data-scroll-trigger class="text-2xl font-bold uppercase drop-shadow-2xl md:text-3xl xl:text-4xl" data-v-43c939d4> Kieran Luke Naish Art </h1> <p data-scroll-trigger class="text-xl md:text-2xl xl:text-3xl" data-v-43c939d4> Portfolio Website </p> <br data-v-43c939d4> <p data-scroll-trigger data-v-43c939d4><a href="https://kieranlukenaish.co.uk/" target="_blank" rel="noreferrer" data-v-43c939d4><button class="text-sm btn sm:text-base md:text-lg primaryButton" data-v-a7f485cc data-v-54630ba2 data-v-43c939d4>Visit Website</button></a></p></div></div></div></div></div></div><div class="md:col-start-1 md:col-end-9 content" data-v-c5687476 data-v-791793ee><div data-v-c5687476><div data-v-43c939d4 data-v-791793ee><div data-scroll class="workContainer" data-v-43c939d4><div class="workImgContainer" data-v-43c939d4><img src="/_nuxt/image/80c481.webp" alt="Fortuna Studios" loading="lazy" data-src="/images/fortuna-studios.jpg" data-v-43c939d4></div> <div class="workInfoContainer" data-v-43c939d4><div data-v-43c939d4><h1 data-scroll-trigger class="text-2xl font-bold uppercase drop-shadow-2xl md:text-3xl xl:text-4xl" data-v-43c939d4> Fortuna Studios </h1> <p data-scroll-trigger class="text-xl md:text-2xl xl:text-3xl" data-v-43c939d4> Portfolio Website </p> <br data-v-43c939d4> <p data-scroll-trigger data-v-43c939d4><a href="https://fortunastudios.com/" target="_blank" rel="noreferrer" data-v-43c939d4><button class="text-sm btn sm:text-base md:text-lg primaryButton" data-v-a7f485cc data-v-54630ba2 data-v-43c939d4>Visit Website</button></a></p></div></div></div></div></div></div></section> <section data-scroll-section="" class="bg-th-primary text-th-secondary" data-v-7ff77e3c data-v-791793ee><div class="lg:col-start-1 lg:col-end-7 content row-1" data-v-042518a2 data-v-791793ee><h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Let's </h1> <h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Work </h1> <h1 data-scroll-trigger class="sectionTitle" data-v-042518a2> Together! </h1> </div> <div class="content" data-v-79aab748 data-v-791793ee><div class="w-full" data-v-79aab748><p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> Need a new website? or got a project and looking for a developer? </p> <br data-v-79aab748 data-v-791793ee> <p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> I'm always looking for new and exciting projects to work on. </p> <br data-v-79aab748 data-v-791793ee> <p data-scroll-trigger="" data-v-79aab748 data-v-791793ee> Feel free to get in touch and we can discuss your idea together. </p> <br data-v-79aab748 data-v-791793ee> <p data-scroll-trigger="" data-v-79aab748 data-v-791793ee><a href="/contact" data-v-791793ee><button class="text-sm btn sm:text-base md:text-lg secondaryButton" data-v-a7f485cc data-v-34568f92 data-v-791793ee>Book A Consultation</button></a> <a href="mailto:hello@kieranmansfield.com" data-v-79aab748 data-v-791793ee><button class="text-sm btn sm:text-base md:text-lg secondaryOutlineButton" data-v-a7f485cc data-v-7fd5fc84 data-v-791793ee>Email</button></a></p></div></div></section> <section data-scroll-section="" class="content-center justify-center bg-th-quaternary" data-v-7ff77e3c data-v-138caacf data-v-791793ee><div class="md:col-start-1 md:col-end-9 content" data-v-c5687476 data-v-138caacf><div data-v-c5687476><h1 id="ddb1" data-scroll-trigger="" data-v-c5687476 data-v-138caacf>Dream It.</h1> <br data-v-c5687476 data-v-138caacf> <h1 id="ddb2" data-scroll-trigger="" data-v-c5687476 data-v-138caacf>Design It.</h1> <br data-v-c5687476 data-v-138caacf> <h1 id="ddb3" data-scroll-trigger="" data-v-c5687476 data-v-138caacf>Build It.</h1></div></div></section> <footer data-scroll-section="" class="w-full h-full bg-black-darkest text-white-light" data-v-053aea66 data-v-791793ee><div id="footerContainer" data-v-053aea66><div class="md:col-start-1 md:col-end-3 row-1" data-v-053aea66><h1 class="text-4xl font-displayReg drop-shadow-2xl" data-v-053aea66> Kieran<br data-v-053aea66> Mansfield </h1> <br data-v-053aea66> <p class="text-2xl" data-v-053aea66><a href="mailto:hello@kieranmansfield.com" data-v-053aea66> hello@kieranmansfield.com </a></p></div> <div id="footerNavLinks" data-v-053aea66><ul data-v-053aea66><li data-v-053aea66><a href="/" aria-current="page" class="nuxt-link-exact-active nuxt-link-active" data-v-053aea66>Home</a></li> <li data-v-053aea66><a href="/contact/" data-v-053aea66>Contact</a></li></ul></div></div> <div id="ccsection" data-v-053aea66><p class="text-sm xl:col-start-1 row-2 xl:row-auto xl:col-end-2" data-v-053aea66> 漏 2025 All rights reserved. </p> <p id="credits" data-v-053aea66>Designed & Developed by Kieran Mansfield</p></div></footer></div></div></main></div></div><script defer src="/_nuxt/static/1743688671/state.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}()</script><script nomodule src="/_nuxt/252cf57.js" defer></script><script type="module" src="/_nuxt/8c613f9.modern.js" defer></script><script nomodule src="/_nuxt/18d9326.js" defer></script><script type="module" src="/_nuxt/04b9c3d.modern.js" defer></script><script nomodule src="/_nuxt/829f096.js" defer></script><script type="module" src="/_nuxt/99edcb4.modern.js" defer></script><script nomodule src="/_nuxt/1b040be.js" defer></script><script type="module" src="/_nuxt/0b6c68f.modern.js" defer></script><script nomodule src="/_nuxt/581998c.js" defer></script><script type="module" src="/_nuxt/7535a84.modern.js" defer></script><script nomodule src="/_nuxt/035ea0a.js" defer></script><script type="module" src="/_nuxt/0e02a2a.modern.js" defer></script><script nomodule src="/_nuxt/1a898ac.js" defer></script><script type="module" src="/_nuxt/eefca5a.modern.js" defer></script> </body> </html>