body{width:100%;height:100dvh;margin:0;background:#323232;color:#fff;color:#d1d5dc;font-family:Arial,sans-serif}#app{display:grid;width:100%;height:100dvh}button,input{all:unset}h1,h2,h3,h4,h5,h6{display:block;margin:1.5rem 0;font-family:Plus Jakarta Sans,Roboto,sans-serif;font-size:var(--font-size);font-weight:600;line-height:calc(var(--font-size) + 8px);--font-size: 3vw}h1{margin:.67em 0;font-weight:700;letter-spacing:-.125rem;--font-size: clamp(32px, 4.625rem, 10vw)}h2{letter-spacing:-.02em;line-height:normal;--font-size: 4vw;--font-size: clamp(32px, 4vw, 56px)}h3{font-weight:400;letter-spacing:.02em;--font-size: 2vw;--font-size: clamp(16px, 2vw, 32px)}h4{font-weight:300;--font-size: 1.8vw;--font-size: clamp(15px, 1.9vw, 28px)}p{font-family:Work Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.75rem}section.site-section{width:100%;margin:24px auto;max-width:340px;max-width:calc(100% - 48px)}@media (max-width: 1024px){section.site-section{max-width:calc(100% - 24px)}}.site-main-button{display:grid;align-items:center;width:100%;max-width:760px;border-radius:6px;background:#fee788;color:#000;font-size:14px;font-size:.8rem;text-align:center}.site-main-button:disabled{background:#64646480}.site-main-button:hover:not(:disabled){background:#fff}.contact-option:hover .site-main-button .site-main-button-secondary-icon,.site-main-button:hover .site-main-button-secondary-icon{animation:animation-secondary-icon .6s infinite linear alternate}.site-main-button svg{height:18px;fill:#000}.site-main-button .deanturner-loader{--size: 9px;--fill: linear-gradient(170deg, rgb(225 225 225) 7.5%, rgb(254 231 136) 92.5%)}.site-main-button:not(:disabled) .site-main-button-loading,.site-main-button:disabled .site-main-button-default{display:none}.site-main-button .site-main-button-float{display:grid;align-items:center;grid-auto-flow:column;grid-gap:6px;width:fit-content;margin:auto}.site-main-button .site-main-button-float span{height:fit-content;line-height:1}@keyframes animation-secondary-icon{0%{transform:translate(0)}to{transform:translate(-4px)}}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){section.site-section{width:100%;margin:32px auto;max-width:1044px}}main{display:grid;width:100%;height:100%;overflow:hidden}main .background,main .main-scrollable-area{grid-area:1 / -1;position:relative;z-index:auto}main .main-scrollable-area{overflow-y:auto;padding-top:100px}.background{grid-area:1 / -1;display:grid;width:100%;height:100%;background:#323232;border-radius:3px;overflow:hidden}.background .background-layer{grid-area:1 / -1;display:grid;width:100%;height:50%;margin:auto;background:#646464;opacity:.25;background:linear-gradient(170deg,#ff42a0 6%,#00f6ff80 24%,#646464 36%,#646464 64%,#00f6ff80,#ff0 88%);background:linear-gradient(170deg,#ff42a0 16%,#00f6ff80 36%,#646464 50%,#00f6ff80 76%,#ff0 88%);-webkit-mask-image:url(/build/assets/background.tile-C5OUChVU.svg);mask-image:url(/build/assets/background.tile-C5OUChVU.svg);transform:rotate(355deg) scale(2)}.background .background-layer .mask{grid-area:1 / -1;display:grid;width:100%;height:100%;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-image:url(/build/assets/halftone-CxI5Cdkj.svg);mask-image:url(/build/assets/halftone-CxI5Cdkj.svg);background:#ff0}.background .background-layer .mask:nth-child(2){-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/build/assets/halftone.top.left-FaRon3GY.svg);mask-image:url(/build/assets/halftone.top.left-FaRon3GY.svg);background:#ff42a080;transform:translateY(50%) scale(2)}.background .background-layer .mask:nth-child(3){-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/build/assets/halftone.dark.top.left-DXq08rJH.svg);mask-image:url(/build/assets/halftone.dark.top.left-DXq08rJH.svg);background:#323232;transform:translateY(50%) scale(2)}.background .background-layer .mask:nth-child(4){-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(/build/assets/halftone.dark.bottom.right-CeFeSznm.svg);mask-image:url(/build/assets/halftone.dark.bottom.right-CeFeSznm.svg);background:#323232;transform:translateY(-50%) scale(2)}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.background .background-layer{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center;mask-position:center}.background .background-layer .mask:nth-child(2),.background .background-layer .mask:nth-child(3),.background .background-layer .mask:nth-child(4){transform:unset}}main .layout{display:grid;grid-auto-flow:row;align-items:center;height:100%;padding:18px;box-sizing:border-box;background-color:#212533;font-size:.8rem;text-align:center;letter-spacing:1px}.row{display:grid;grid-auto-flow:row;grid-gap:12px;height:fit-content}.float{display:grid;grid-auto-flow:row;align-items:center;grid-gap:18px}form{display:grid;grid-auto-flow:row;grid-gap:12px;margin:auto}form .text-input{display:grid;grid-auto-flow:row;width:100%;margin:auto}form .text-input label{margin-bottom:6px;font-weight:600}form input,form textarea{height:48px;padding-right:12px;padding-left:12px;background:#fff;color:#323232;font-weight:600;font-size:1.2rem;text-align:left;width:100%;padding:.9rem;border-radius:6px;font-size:1rem;box-sizing:border-box;border:2px solid rgb(225 225 225 / .15)}form input:focus-visible,form textarea:focus-visible{border-color:#fee788}form textarea{padding-top:12px;padding-bottom:12px;min-height:120px}form input::placeholder,form textarea::placeholder{color:#32323280;font-weight:200;font-style:italic;font-size:.9rem}form input.error,form textarea.error{background:#e21d4880;border-color:#e21d48;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:0}form input.error::placeholder,form textarea.error::placeholder{color:#ffffff80}form input.error,form textarea.error{color:#fff}form .input-error{font-size:.9rem;background:#e21d4840;color:#fff;font-weight:600;text-align:left;width:100%;padding:.9rem;border-radius:0 0 6px 6px;box-sizing:border-box;border:2px solid rgb(226 29 72);border-top:0}.form-success{margin-bottom:16px;padding:14px 18px;border-radius:8px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46;font-size:.95rem;font-weight:500;box-shadow:0 4px 10px #10b98114}.form-error{margin-bottom:16px;padding:14px 18px;border-radius:8px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #e11d48;color:#7f1d1d;font-size:.95rem;font-weight:500;box-shadow:0 4px 10px #e11d4814}main button{height:50px;font-size:1.2rem;font-weight:600;text-align:center;cursor:pointer;--colour-alpha: 1;--colour: 255 255 255;--background-colour: 113 113 255}main button>*{pointer-events:none}main button[name=verify]{--background-colour: 0 220 0}main form:not(:has(input[data-validated="1"])) button{--colour-alpha: .25}main button .button-grid{display:grid;grid-template-columns:1fr 50px;grid-gap:6px;width:100%;height:100%}main button .button-grid .button-grid-area{display:grid;align-items:center;background:rgb(var(--background-colour) / var(--colour-alpha));color:rgb(var(--colour) / var(--colour-alpha))}main button .button-grid .button-grid-area:nth-child(1){border-radius:3px 0 0 3px}main button .button-grid .button-grid-area:nth-child(2){border-radius:0 3px 3px 0}main button .button-grid svg{width:24px;height:24px;fill:rgb(var(--colour) / var(--colour-alpha))}main button .button-grid .button-grid-area .button-grid-icon,main button .button-grid .button-grid-area .button-grid-loading{grid-area:1 / -1;margin:auto}main button .button-grid .button-grid-area .button-grid-icon{display:grid;align-items:center;height:100%}main input[disabled],main textarea[disabled]{background:#fffc}main button[disabled] .button-grid .button-grid-area{background:#ffffff40;color:#ffffff40}main button[disabled] .button-grid .button-grid-area .button-grid-icon,main button:not([disabled]) .button-grid .button-grid-area .button-grid-loading{display:none}.vasthub-loader{width:24px;aspect-ratio:1;margin:auto;border-radius:50%;border:4px solid rgb(255 255 255 / .5);animation:animation-l20-1 .8s infinite linear alternate,animation-l20-2 1.6s infinite linear}@keyframes animation-l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes animation-l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}p.error-message{color:#d8000c;background-color:#ffbaba;padding:.5em 1em;border-left:4px solid #d8000c;border-radius:3px;text-wrap:balance}.footer-links{display:grid;grid-auto-flow:column;width:fit-content;margin:auto;padding:0;list-style:none;color:#00d200;font-weight:600}.footer-links li:not(:last-child):after{content:"|";margin:0 12px}.footer-links a{color:inherit;text-decoration:underline;font-weight:700}.readable-section,.form-container{border:1px solid rgb(255 255 255 / .1);background:#3232320d;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0 24px}.form-container{max-width:760px;margin-top:12px;padding-bottom:24px}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.readable-section{padding:0 36px}.form-container{margin-top:24px}}.contact-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px}.contact-option{display:grid;align-items:center;background:rgb(var(--main-colour) / .125);border:2px solid rgb(255 255 255 / .25);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;padding:12px;transition:transform .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;--main-colour: 43 127 255}.contact-option:hover{border-color:rgb(var(--main-colour));transform:translateY(-10px)}.contact-option.contact-option-whatsapp{--main-colour: 0 200 80}.contact-option.contact-option-linkedin{--main-colour: 0 184 219}.contact-option .contact-option-icon-main svg{width:auto;height:48px;fill:rgb(var(--main-colour))}.contact-option:hover .site-main-button{background:rgb(var(--main-colour))}.contact-option .contact-option-float{display:grid;align-items:center;grid-auto-flow:row;grid-gap:12px}.contact-option h3{margin:0;color:#fff;font-weight:600}.contact-option p{margin:0;color:#99a1af;font-size:.8rem}.contact-option[disabled],.contact-option[disabled] .contact-option-whatsapp,.contact-option[disabled] .contact-option-email,.contact-option[disabled] .contact-option-linkedin{cursor:default;--main-colour: 100 100 100}.contact-option[disabled]:hover{transform:unset}.contact-option[disabled] h3,.contact-option[disabled] p{color:#4b4b4b}.contact-option[disabled] .site-main-button{background:#646464;color:#4b4b4b}.contact-option[disabled] .site-main-button svg{fill:#4b4b4b}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.contact-options{grid-template-columns:repeat(3,1fr);grid-gap:24px}.contact-option{padding:24px}.contact-option .contact-option-float{grid-gap:24px}}header.site-header .site-header-button{display:grid;align-items:center;width:var(--width);height:40px;border:1px solid color-mix(in oklab,rgb(255 255 255) 50%,transparent);background:#32323259;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-position:100px 0;background-repeat:repeat-x;background-size:20px;border-radius:20px;color:#fff;text-align:center;font-size:.875rem;text-decoration:none;font-weight:600;letter-spacing:.025em;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1cap;cursor:pointer;--width: 200px}header.site-header .site-header-button[name=contact]{--width: 140px}header.site-header .site-header-button .site-header-button-layer{display:grid;align-items:center;grid-area:1 / -1;position:relative;z-index:auto;width:100%;height:100%;overflow:hidden}header.site-header .site-header-button .site-header-button-float{display:grid;align-items:center;grid-auto-flow:column;grid-gap:9px;width:fit-content;margin:auto}header.site-header .site-header-button .site-header-button-float span.site-header-button-icon-hover{display:none}header.site-header .site-header-button svg{height:24px;width:auto;margin:auto;fill:#ffffffbf}header.site-header .site-header-button .site-header-button-float .site-header-button-instruction svg{width:12px;height:12px}header.site-header .site-header-button .site-header-button-shimmer-slide{display:none}header.site-header .site-header-button .site-header-button-shimmer-burst{cursor:pointer;--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-white);--tw-duration: .3s;--tw-ease: var(--ease-in-out);--spread: 90deg;--shimmer-color: #ffffff;--radius: 100px;--speed: 3s;--cut: .05em;--bg: rgba(0, 0, 0, 1);--tw-blur: blur(2px);box-sizing:border-box;border:0 solid;margin:0;padding:0;width:50px;height:50px;translate:0;rotate:none;background:conic-gradient(from calc(270deg - (var(--spread)*.5)),transparent 0,var(--shimmer-color)var(--spread),transparent var(--spread));animation:shimmer-btn-spin-around-5b938c6d calc(var(--speed) * 2) infinite linear;transform:translateZ(0) rotate(90deg)}@keyframes shimmer-btn-shimmer-slide-5b938c6d{to{transform:translate(calc(100cqw - 100%))}}@keyframes shimmer-btn-spin-around-5b938c6d{0%{transform:translateZ(0) rotate(0)}15%,35%{transform:translateZ(0) rotate(90deg)}65%,85%{transform:translateZ(0) rotate(270deg)}to{transform:translateZ(0) rotate(360deg)}}header.site-header .site-header-button:hover{background:#fff;border-color:#fff;transition:background 0s .25s}header.site-header .site-header-button:hover .site-header-button-float{width:40px;height:100%;border-radius:20px;animation:animation-site-header-button-inner-width .25s ease-out forwards}@keyframes animation-site-header-button-inner-width{to{width:var(--width)}}header.site-header .site-header-button:hover .site-header-button-float:has(span.site-header-button-icon-hover) span.site-header-button-icon-main{display:none}header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-icon-main,header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-icon-hover{display:grid;align-items:center;background:#fee788;width:100%;height:100%;border-radius:inherit}header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-icon-main svg,header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-icon-hover svg{height:24px;width:auto;margin:auto;fill:#191919bf}header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-text-main,header.site-header .site-header-button:hover .site-header-button-float span.site-header-button-instruction{display:none}header.site-header .site-header-button:hover:before{content:"";position:absolute;width:16px;height:16px;background:url(button-comic-top-left.svg) no-repeat top;animation:animation-site-header-button-top-left .25s ease-in-out forwards}header.site-header .site-header-button:hover:after{content:"";position:absolute;width:16px;height:16px;background:url(button-comic-bottom-right.svg) no-repeat top;animation:animation-site-header-button-bottom-right .25s ease-in-out forwards}@keyframes animation-site-header-button-top-left{0%{opacity:0;transform:translate(0 0) scale(.95)}60%{transform:translate(-12px,-16px) scale(.95)}to{opacity:1;transform:translate(-10px,-14px) scale(1)}}@keyframes animation-site-header-button-bottom-right{0%{opacity:0;transform:translate(0 0) scale(.95)}60%{transform:translate(calc(var(--width) - 4px),22px) scale(.95)}to{opacity:1;transform:translate(calc(var(--width) - 6px),20px) scale(1)}}header.site-header .site-header-button:hover .site-header-button-layer:nth-child(1){z-index:0;height:calc(100% + 14px);height:calc(100% + 6px);background:#fff;border-radius:20px;transform:translate(-1px,3px);border:1px solid rgb(255 255 255)}@media only screen and (max-width: 799px){header.site-header .site-header-button[name=whatsapp]{--width: 40px}header.site-header .site-header-logo .site-header-logo-name,header.site-header .site-header-button[name=whatsapp] span.site-header-button-text-main{display:none}}@media only screen and (max-width: 600px){header.site-header .site-header-button[name=whatsapp],header.site-header .site-header-button[name=contact]{--width: 40px}header.site-header .site-header-button[name=whatsapp] span.site-header-button-text-main,header.site-header .site-header-button[name=contact] span.site-header-button-text-main{display:none}}.box{grid-template-rows:var(--comic-height) auto;grid-gap:12px;width:100%;height:100%;box-sizing:border-box;display:grid;align-items:center;transition:transform .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;--comic-height: var(--h)}.box:hover{transform:translateY(-10px)}.box-container{display:grid;width:100%;height:100%}.box img,.box video{width:100%;height:100%;overflow:hidden;object-fit:contain}.box video{object-fit:cover;min-width:320px;min-height:200px}.box img.tear{max-width:320px;height:auto}.box img.tear2{max-width:unset;width:auto;margin:auto 0 0 auto;height:auto}.box .box-outer{grid-area:1 / -1;position:relative;z-index:auto;display:block;width:100%;height:100%;border:2px solid rgb(0 0 0);box-sizing:border-box;padding:6px;background:#fff;overflow:hidden}.box .box-outer:nth-child(1){overflow:unset}.box-inner{display:grid;width:100%;height:100%;border:2px solid rgb(0 0 0);box-sizing:border-box;background:#4b4b4b;overflow:hidden}.portfolio-meta-container{display:grid;width:fit-content;height:fit-content;margin:0 auto auto 0;box-sizing:border-box;width:100%;height:100%;-webkit-user-select:none;user-select:none}.box .box-inner .portfolio-meta-container{max-width:var(--max-width, auto);margin:auto 12px 12px}.portfolio-meta-container h2,.portfolio-meta-container p{all:unset;display:grid;align-items:center;width:fit-content;height:30px;padding:0 12px;background:#fee788;border:2px solid rgb(0 0 0);color:#000;font-size:14px}.portfolio-meta-container h2{font-weight:600}.portfolio-meta-container p{grid-area:p;display:unset;width:100%;height:fit-content;padding:9px 12px 12px;background:#fee788;border:2px solid rgb(0 0 0);border-top:0;box-sizing:border-box;font-size:12px;line-height:16px}.portfolio-meta-container:has(p){grid-template-rows:30px auto;grid-template-columns:auto 1fr;grid-template-areas:"h2 hr" "p p"}.box.box-has-demo .portfolio-meta-container:has(p){--max-width: 244px}.portfolio-meta-container:has(p) h2{grid-area:h2;height:100%;margin:0;padding-top:9px;padding-right:48px;border-bottom:0;box-sizing:border-box}.portfolio-meta-container:has(p) hr{grid-area:hr;width:100%;margin:auto 0 0;border:unset;border-top:2px solid rgb(0 0 0)}.box-inner img,.box-inner video,.box-inner h2,.box-inner div{grid-area:1 / -1;position:relative;z-index:auto}.box .box-outer:nth-child(1):before,.box .box-outer:nth-child(1):after{content:"";position:absolute;bottom:-10px;width:50%;height:18px;pointer-events:none;background:radial-gradient(ellipse at center,#000,#000c 40%,#0000);filter:blur(6px);transform:scaleY(.5);border-radius:999px}.box .box-outer:nth-child(1):before{left:0%;transform:scaleY(.5) rotate(-2deg)}.box .box-outer:nth-child(1):after{right:0%;transform:scaleY(.5) rotate(2deg)}.box.box-has-demo .box-outer{-webkit-mask-image:url(/build/assets/portfolio.item.box.mask-CW1ugEDz.svg);mask-image:url(/build/assets/portfolio.item.box.mask-CW1ugEDz.svg)}.boxes .box[data-name=shorts-player] .box-outer,.boxes .box[data-name=shorts-creator] .box-outer,.boxes .box[data-name=basketball-stats-viewer] .box-outer,.boxes .box[data-name=virgintrains] .box-outer,.boxes .box[data-name=meningitis] .box-outer{-webkit-mask-image:url(/build/assets/portfolio.item.box.mask.1x2-B09ye5DN.svg);mask-image:url(/build/assets/portfolio.item.box.mask.1x2-B09ye5DN.svg)}.boxes .box[data-name=virgintrains] img.portfolio-image,.boxes .box[data-name=meningitis] img.portfolio-image{width:320px;height:432px;object-fit:cover}.box .box-corner{grid-area:1 / -1;position:relative;z-index:auto;display:grid;width:62px;height:62px;margin:auto 0 0 auto}.box .box-corner .box-corner-horizontal,.box .box-corner .box-corner-vertical{grid-area:1 / -1;display:grid;position:relative;z-index:auto}.box .box-corner .box-corner-horizontal{grid-template-columns:2px 6px 2px}.box .box-corner .box-corner-vertical{grid-template-rows:2px 6px 2px}.box .box-corner .box-corner-horizontal div,.box .box-corner .box-corner-vertical div{display:block;width:100%;height:100%;background:#000}.box .box-corner .box-corner-horizontal div:nth-child(1){height:calc(100% - 8px);margin:0 auto auto}.box .box-corner .box-corner-horizontal div:nth-child(2){height:calc(100% - 2px);background:#fff}.box .box-corner .box-corner-vertical div:nth-child(1){width:calc(100% - 8px);margin:auto auto auto 0}.box .box-corner .box-corner-vertical div:nth-child(3){width:calc(100% - 8px);margin:auto 0 auto auto}.box .box-corner .box-corner-vertical div:nth-child(2){width:calc(100% - 4px);margin:auto;background:#fff}.box button{grid-area:1 / -1;position:relative;z-index:auto;display:grid;align-items:center;width:40px;height:40px;box-sizing:border-box;margin:auto 0 16px auto;font-size:12px;background:#fee788;border:2px solid rgb(0 0 0);transform:translateY(16px)}.box button svg{height:18px}.boxes .box[data-name=shorts-creator],.boxes .box[data-name=shorts-player],.boxes .box[data-name=basketball-stats-viewer],.boxes .box[data-name=virgintrains],.boxes .box[data-name=meningitis]{grid-row:span 2}.boxes .box[data-name=basketball-stats-viewer],.boxes .box[data-name=shorts-player],.boxes .box[data-name=shorts-creator],.boxes .box[data-name=virgintrains],.boxes .box[data-name=meningitis]{--comic-height: calc((2 * var(--h)) + 12px)}.boxes .box[data-name=video-player] .box-outer,.boxes .box[data-name=shorts-player] .box-outer,.boxes .box[data-name=shorts-creator] .box-outer{overflow:unset}.boxes .box[data-name=video-player] .out-of-bounds-graphic,.boxes .box[data-name=shorts-player] .out-of-bounds-graphic,.boxes .box[data-name=shorts-creator] .out-of-bounds-graphic{width:320px;margin:10px;height:auto;transform:translateY(-30px);position:absolute}.boxes .box[data-name=shorts-player] .out-of-bounds-graphic{width:350px;transform:translate(-30px,-30px)}@media only screen and (max-width: 600px){.boxes .box[data-name=vendreo] .portfolio-image{object-fit:cover}}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.boxes .box[data-name=vendreo]{grid-column:span 2}.boxes .box[data-name=psychictvau]{grid-column:span 3;--comic-height: 400px}.boxes .box[data-name=vendreo] .box-outer{-webkit-mask-image:url(/build/assets/portfolio.item.box.mask.2x1-D0UCY8zN.svg);mask-image:url(/build/assets/portfolio.item.box.mask.2x1-D0UCY8zN.svg)}.boxes .box[data-name=psychictvau] .box-outer{-webkit-mask-image:url(/build/assets/portfolio.item.box.mask.3x1-7S4AOv2s.svg);mask-image:url(/build/assets/portfolio.item.box.mask.3x1-7S4AOv2s.svg)}}.boxes .break{grid-row:span 3;display:grid;height:calc(var(--h) * 2);overflow:hidden;box-sizing:border-box}.boxes .break .box,.boxes .break .deedee{grid-area:1 / -1;position:relative;z-index:auto;height:100%;overflow:hidden;box-sizing:border-box}.boxes .break .box{width:var(--w);height:var(--h);margin:0 auto}.boxes .break[data-name=veesee] .box,.boxes .break[data-name=cess] .box{transform:translateY(calc(var(--h) / 2));z-index:10}.boxes .break .deedee{display:grid;width:calc(100% - 20px);margin:0 auto auto;padding:2px;box-sizing:border-box;background:#000}.deedee .deedee-outer{display:grid;overflow:hidden;box-sizing:border-box;padding:10px;background:#323232}.deedee .deedee-inner{grid-area:1 / -1;display:grid;position:relative;z-index:auto;overflow:hidden}.deedee .deedee-inner:nth-child(2){width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgb(118 26 129 / .15) 2px,transparent 2px) 0 0 / 6px 6px,linear-gradient(178deg,#28f5ff20,rgb(var(--colour) / .7) 75%,#000 98%);overflow:hidden}.deedee .deedee-img{position:relative;z-index:auto;display:grid;border:8px solid rgb(50 50 50)}.deedee .deedee-img:nth-child(1){transform:rotate(-3deg) scale(2) translate(16px) translate(50px,20px)}.deedee .deedee-img:nth-child(2){transform:rotate(-3deg);transform:scale(1.5)}.deedee .deedee-inner:nth-child(3) .deedee-img:nth-child(2){opacity:0}.deedee .deedee-img:nth-child(3){transform:rotate(3deg) scale(1.4) translateY(-130px)}.boxes .break[data-name=veesee] .deedee .deedee-img:nth-child(3){transform:rotate(3deg) scale(1.4) translateY(-40px)}.boxes .break[data-name=veesee] .deedee{--colour: 118 26 129}.boxes .break[data-name=cess] .deedee{--colour: 53 53 53}.boxes .break[data-name=cess] .deedee .deedee-img:nth-child(1){z-index:4;transform:rotate(-3deg) scale(1.2) translate(12px)}.boxes .break[data-name=cess] .deedee .deedee-img:nth-child(2){transform:rotate(-3deg) scale(1.2) translate(30px)}.deedee .deedee-img .deedee-img-graphic,.deedee .deedee-img img{grid-area:1 / -1;position:relative;z-index:auto}.deedee .deedee-img img{width:100%;height:auto}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.boxes .break{grid-row:unset;grid-column:span 3;display:grid;height:calc(var(--h) + 20px)}.boxes .break+.portfolio-meta-container{grid-column:span 3}.boxes .break[data-name=veesee] .box{transform:translate(calc(0px - (var(--w) / 2)))}.boxes .break[data-name=cess] .box{transform:translate(calc(var(--w) / 2))}.boxes .break .deedee{height:calc(100% - 20px);margin:20px auto auto;overflow:hidden;clip-path:polygon(var(--clip-path));--clip-path: 0 0, 100% 0%, calc(100% - 25px) 100%, 20px 100%}.deedee .deedee-outer{height:100%;clip-path:polygon(var(--clip-path))}.deedee .deedee-inner{clip-path:polygon(var(--clip-path))}.deedee .deedee-inner:nth-child(1),.deedee .deedee-inner:nth-child(3){grid-template-columns:repeat(3,1fr)}.deedee .deedee-inner:nth-child(2){clip-path:polygon(var(--clip-path))}.deedee .deedee-img:nth-child(1){transform:rotate(-3deg);transform:rotate(-3deg) scale(1.2) translate(20px)}.deedee .deedee-img:nth-child(2){transform:rotate(-3deg);transform:scale(1.5)}.deedee .deedee-inner:nth-child(3) .deedee-img:nth-child(2){opacity:0}.deedee .deedee-img:nth-child(3){transform:rotate(3deg) scale(1.5) translate(40px)}.boxes .break[data-name=cess] .deedee .deedee-img:nth-child(1){z-index:4;transform:rotate(-3deg) scale(1.2) translate(24px)}.boxes .break[data-name=cess] .deedee .deedee-img:nth-child(2){transform:rotate(-3deg) scale(1.2) translate(30px)}.boxes .break[data-name=veesee] .deedee .deedee-img:nth-child(3){transform:rotate(3deg) scale(1.4)}}#app .layout.page h1{margin-bottom:18px;font-size:1.2rem}#app main .layout.page{align-items:start;display:block;text-align:left}#app main .layout.page section{margin:18px 0}.project-container[data-v-1913762c]{background:#fff;padding:1.5rem clamp(32px,5.875rem,10vw)}h1[data-v-1913762c],h2[data-v-1913762c],h3[data-v-1913762c],h4[data-v-1913762c],h5[data-v-1913762c],h6[data-v-1913762c]{color:#2e2e2e}p[data-v-1913762c]{color:#7d7d7d}.media-carousel[data-v-1913762c]{--gap: 18px;--card-radius: 18px;--card-height: 200px;--nav-size: 56px;--shadow: 0 3px 6px rgb(0 0 0 /.18);display:grid;align-items:center}.media-carousel .mc-layer[data-v-1913762c]{grid-area:1 / -1;position:relative;z-index:auto;display:grid;align-items:center}.media-carousel .mc-layer.mc-layer-controls[data-v-1913762c]{grid-area:1 / -1;position:relative;z-index:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.mc-viewport[data-v-1913762c]{overflow:hidden;border-radius:22px;outline:none;margin:0 calc(var(--nav-size) / 2)}.mc-viewport[data-v-1913762c]:focus-visible{box-shadow:0 0 0 3px #0078ff59}.mc-track[data-v-1913762c]{list-style:none;margin:0;padding:8px;display:flex;gap:var(--gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-track[data-v-1913762c]::-webkit-scrollbar{display:none}.mc-slide[data-v-1913762c]{scroll-snap-align:start;flex:0 0 auto;width:clamp(220px,22vw,320px);width:auto;aspect-ratio:3 / 2;height:var(--card-height)}.mc-card[data-v-1913762c]{margin:0;height:var(--card-height);border-radius:var(--card-radius);box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}.mc-card img[data-v-1913762c]{width:100%;height:100%;object-fit:contain;display:block}.mc-nav[data-v-1913762c]{width:var(--nav-size);height:var(--nav-size);border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#ffffffeb;box-shadow:0 8px 20px #0000002e;cursor:pointer;display:grid;place-items:center;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease}.mc-nav.mc-nav--next[data-v-1913762c]{grid-column:3 / 4}.mc-nav[data-v-1913762c]:hover{transform:scale(1.05);background:#fff}.mc-nav[data-v-1913762c]:active{transform:scale(.98)}.mc-nav span[data-v-1913762c]{font-size:34px;line-height:1;color:#1a1f2b;transform:translateY(-1px)}.mc-nav[data-v-1913762c]{z-index:1}@media (max-width: 900px){.media-carousel[data-v-1913762c]{--card-height: 380px}}@media (max-width: 520px){.media-carousel[data-v-1913762c]{--nav-size: 48px}.media-carousel[data-v-1913762c]{--card-height: 180px}}.soundboard-item{display:grid;grid-template-rows:24px 1fr auto;grid-gap:3px;font-size:.8rem;font-family:monospace}.soundboard-item>*{pointer-events:none}.soundboard-item input,.soundboard-item button{pointer-events:all}.soundboard-item input{all:revert;width:100%}.soundboard-item[data-state=playing]{background:#009600}.soundboard-item-header{display:grid;align-items:center;width:100%;height:100%}.soundboard-item-header-layer{grid-area:1 / -1;display:grid;align-items:center;position:relative;z-index:auto;width:100%;height:100%}.soundboard-item-header .soundboard-item-header-layer:nth-child(1){background:#fff3}.soundboard-item-header .soundboard-item-header-layer:nth-child(2){margin:auto 0 auto auto;background:#4b7396}.soundboard-item[data-state=playing] .soundboard-item-header .soundboard-item-header-layer:nth-child(1){transition:width 1s;background:#00ff0080}.soundboard-item[data-state=playing] .soundboard-item-header .soundboard-item-header-layer:nth-child(2){background:#00000080}.soundboard-item-header .soundboard-item-header-layer:nth-child(3){display:grid;grid-template-columns:repeat(2,50%);color:#fff}.soundboard-item-header .soundboard-item-header-layer:nth-child(3) .soundboard-item-header-seconds,.soundboard-item-header .soundboard-item-header-layer:nth-child(3) .soundboard-item-header-duration{padding:0 3px}.soundboard-item-header .soundboard-item-header-layer:nth-child(3) .soundboard-item-header-duration{text-align:right}.soundboard-item .soundboard-item-content{display:grid;grid-auto-flow:row;grid-gap:3px;background:#000;color:#fff;padding:6px}.soundboard-item button{display:grid;align-items:center;background:#1a406d;border:0;pointer-events:all;cursor:pointer}.soundboard-item[data-state=playing] button{background:#ff8000}.soundboard-item button svg{width:24px;margin:auto;fill:#fff}body[data-v-0666b63f]{margin:0}#controls,#slates,#soundboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:3px;width:100%;height:fit-content}#slates img{width:100%;overflow:hidden}.wrap[data-v-74071f3a]{display:grid;align-items:center;width:100%;height:100%}.wrap .loading[data-v-74071f3a]{display:grid;grid-template-rows:auto 24px;grid-gap:12px;align-items:center;margin:auto;padding:24px;background:#00000059;border-radius:6px;box-shadow:0 0 5px 5px #00000080;border:1px solid rgb(255 255 255 / .25);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-size:12px;font-family:Roboto,Arial,sans-serif}.wrap iframe[data-v-74071f3a]{width:100%;height:100%;border:0}.wrap iframe[data-v-74071f3a],.wrap .loading[data-v-74071f3a]{grid-area:1 / -1;position:relative;z-index:auto}.wrap:has(iframe:not([style*="display: none"])) .loading[data-v-74071f3a]{animation:animation-fadeout-74071f3a .5s 1s ease-in forwards}@keyframes animation-fadeout-74071f3a{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.deanturner-modal-overlay{display:grid;align-items:center;position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100dvh;padding:0;background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:0;--spacing-unit: 3px;--spacing-level-1: calc(4 * var(--spacing-unit));--spacing-level-2: calc(3 * var(--spacing-unit));--spacing-level-3: calc(2 * var(--spacing-unit))}.deanturner-modal-overlay:has(.deanturner-modal[data-content=image]),.deanturner-modal-overlay:has(.deanturner-modal[data-content=video]){background:unset;backdrop-filter:unset;-webkit-backdrop-filter:unset}.deanturner-modal{display:grid;grid-template-rows:40px 1fr;grid-gap:6px;width:90vw;max-height:90dvh;margin:auto;padding:6px;overflow:hidden;background:#000;border-radius:6px;box-sizing:border-box;box-shadow:0 4px 30px #000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#e1e1e1}.deanturner-modal[data-content=pdf],.deanturner-modal[data-content=iframe],.deanturner-modal[data-content=image]{height:90dvh;background:none}.deanturner-modal[data-content=contact],.deanturner-modal[data-content=image],.deanturner-modal[data-content=video]{width:100vw;height:100dvh;max-height:unset}@media only screen and (max-width: 600px){.deanturner-modal[data-content=description]{width:100vw;height:100dvh;max-height:unset}}.deanturner-modal[data-content=contact]{max-width:768px;background:unset;background:#00000040;backdrop-filter:unset;-webkit-backdrop-filter:unset}.deanturner-modal[data-content=image]{grid-template-rows:unset;grid-gap:0;padding:0;border-radius:0}.deanturner-modal[data-project=topup]{width:min(90vw,400px)}.deanturner-modal[data-project=messenger]{height:90vh}.deanturner-modal>*{box-sizing:border-box}.deanturner-modal header{display:grid;grid-auto-flow:column;grid-template-columns:40px 2px 1fr;align-items:center;grid-gap:12px;height:40px;--colour: rgb(255 255 255 / .8)}.deanturner-modal header button.deanturner-modal-button:hover svg,.deanturner-modal header h3{--colour: rgb(255 255 255)}.deanturner-modal header hr{all:unset;display:block;width:1px;height:30px;margin:auto;background:#ffffff80}.deanturner-modal header button.deanturner-modal-button{all:unset;display:grid;align-items:center;width:40px;height:40px;background:#fff3;border-radius:1px;-webkit-user-select:none;user-select:none;pointer-events:all;cursor:pointer}.deanturner-modal header button.deanturner-modal-button span{margin:auto;line-height:0;width:fit-content;height:fit-content}.deanturner-modal header button.deanturner-modal-button svg{width:24px;height:24px;margin:auto;fill:var(--colour)}.deanturner-modal header button.deanturner-modal-button>*{pointer-events:none}.deanturner-modal header button.deanturner-modal-button[name=close]{display:none}.deanturner-modal header h3{all:unset;display:grid;width:100%;height:fit-content;color:var(--colour);font-family:Roboto,sans-serif;font-size:1.2rem;letter-spacing:.5px;font-size:16px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deanturner-modal .deanturner-modal-main{height:100%;overflow:hidden;overflow-y:auto}.deanturner-modal[data-content=contact] .deanturner-modal-main{padding:24px}.deanturner-modal[data-content=video] .deanturner-modal-main canvas,.deanturner-modal[data-content=video] .deanturner-modal-main video{grid-area:1 / -1;position:relative;z-index:auto}.deanturner-modal[data-content=video] .deanturner-modal-main canvas{width:100%;height:100%;opacity:.8}.deanturner-modal[data-content=image] header,.deanturner-modal[data-content=image] .deanturner-modal-main{grid-area:1 / -1;position:relative;z-index:auto}.deanturner-modal[data-content=video] .deanturner-modal-main{display:grid;align-items:center}.deanturner-modal[data-content=image] header{z-index:2;height:52px;padding:6px;background:#00000040}.deanturner-modal[data-project=virgintrains]{background:linear-gradient(to bottom right,#000c 10%,#0000 35%,#0000 65%,#000c 90%),linear-gradient(to top right,#b21d00cc 25%,#64648ccc 75%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.deanturner-modal[data-project=meningitis]{background:linear-gradient(to bottom right,#000c 10%,#0000 35%,#0000 65%,#000c 90%),linear-gradient(to top right,#0a007acc 25%,#a9d49dcc 75%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.deanturner-modal[data-content=image] .deanturner-modal-main img{display:block;width:100%;height:auto;max-height:100%;margin:auto;overflow:hidden;box-shadow:0 0 80px #000c}.deanturner-modal .deanturner-modal-main iframe{display:block;width:100%;height:100%;background:#fff;border:0}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.deanturner-modal[data-content=image] .deanturner-modal-main img{width:auto;height:100%}}.boxes[data-v-467e37ab]{display:grid;grid-template-columns:var(--w);grid-auto-rows:min(var(--h),auto);grid-gap:12px;width:fit-content;margin:40px auto;--width: 320px;--w: calc(var(--width) + 20px);--h: calc((var(--width) / 16) * 10 + 20px)}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.boxes[data-v-467e37ab]{grid-template-columns:repeat(3,var(--w))}}header.site-header{display:grid;align-items:center;position:fixed;top:0;z-index:10;width:100%;height:88px;transition:all .5s ease-in-out}header.site-header .content{display:grid;align-items:center;grid-auto-flow:column;width:100%;max-width:1280px;height:100%;margin:auto}header.site-header .site-header-logo{display:grid;grid-auto-flow:column;align-items:center;grid-gap:12px;height:50px;margin:auto auto auto 24px}header.site-header .site-header-logo .site-header-logo-dt{width:50px;height:50px;-webkit-mask-image:url(/build/assets/dt-NJnZiO_1.svg);mask-image:url(/build/assets/dt-NJnZiO_1.svg);background:linear-gradient(170deg,#3916ff 7.5%,#ff228f 92.5%)}header.site-header .site-header-logo .site-header-logo-name svg{width:auto;height:30px;fill:linear-gradient(170deg,rgb(57,22,255) 7.5%,rgb(255,34,143) 92.5%)}header.site-header .site-header-logo .site-header-logo-name svg path{fill:#e1e1e1}header.site-header nav{display:grid;align-items:center;grid-auto-flow:column;grid-gap:6px;width:fit-content;height:fit-content;margin:auto 24px auto auto}body.main-scrolled header.site-header{background-color:#041624;border-bottom:1px solid #93939c;background:#3232320d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media only screen and (max-width: 600px){header.site-header .site-header-logo{display:none}}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){header.site-header{width:calc(100% - 15px)}}h2[data-v-7adf6a0f]{background:linear-gradient(180deg,#fff 50%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}h2[data-v-7adf6a0f]:after{content:" /"}.boxes[data-v-7adf6a0f]{display:grid;grid-template-columns:var(--w);grid-auto-rows:min(var(--h),auto);grid-gap:12px;width:fit-content;margin:40px auto;--width: 320px;--w: calc(var(--width) + 20px);--h: calc((var(--width) / 16) * 10 + 20px)}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.boxes[data-v-7adf6a0f]{grid-template-columns:repeat(3,var(--w))}}h2[data-v-bde91d97]{background:linear-gradient(180deg,#fff 50%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}h2[data-v-bde91d97]:after{content:" /"}.boxes[data-v-bde91d97]{display:grid;grid-template-columns:var(--w);grid-auto-rows:min(var(--h),auto);grid-gap:12px;width:fit-content;margin:40px auto;--width: 320px;--w: calc(var(--width) + 20px);--h: calc((var(--width) / 16) * 10 + 20px)}@media only screen and ((-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) and (min-width: 1024px)),screen and ((hover: hover) and (orientation: landscape) and (min-width: 1024px)){.boxes[data-v-bde91d97]{grid-template-columns:repeat(3,var(--w))}}