*,:before,:after{--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: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mr-\[10px\]{margin-right:10px}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.w-4{width:1rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.pb-0\.5{padding-bottom:.125rem}.pt-0\.5{padding-top:.125rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[\#000000\]{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-100{opacity:1}.invert{--tw-invert: invert(100%);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}:root{--mouse-x: 0;--mouse-y: 0}#main{width:100%;height:100%;overflow-y:hidden}.button-1,.email-toggle{background-color:#131b23;margin-left:1em;padding:.5em;color:var(--colour-1);background-color:var(--colour-2-half);border-radius:30px}.size-wrapper{overflow-x:hidden}.email-link{display:flex;align-items:center}.scrolling-text-parent{display:flex;transition:all ease-in-out .3s;border-radius:5px;justify-content:space-between}.scrolling-text-parent:hover{background-color:#ffffff25}.scrolling-text-controller{padding-left:5px;padding-right:5px;border-radius:5px;transition:all ease-in-out .3s;background-color:#fff5;border:0px;display:flex;font-size:medium;align-items:center}.scrolling-text-parent:hover .scrolling-text-controller{opacity:100%}.scrolling-text-container{display:flex;flex-direction:column;position:relative;animation:scrollUp 7s infinite forwards;padding:0%;margin:0%}@keyframes scrollUp{0%{top:0%}20%{top:-100%}40%{top:-200%}60%{top:-300%}80%{top:-400%}to{top:-500%}}.scrolling-text-child{display:inline}.copied-prompt{position:fixed;padding:1em;width:-moz-fit-content;width:fit-content;border-radius:50px;font-family:ABC-Regular;background-color:#000;transform-origin:center;translate:calc(50vw - 50%) 80vh;z-index:1000;box-shadow:0 0 20px #fff2;opacity:0%}.background-intro{display:flex;padding:auto;top:0%;width:100vw;height:100vh;position:fixed;z-index:500;background-color:#131b23;text-align:center;align-items:center;justify-content:center}.text1,.text2{width:100%;overflow:hidden}.intro{display:flex;flex-direction:column;width:100vw;height:100vh;z-index:600;align-items:center;justify-content:center}.background-1{position:relative;box-sizing:border-box;margin:none;padding-right:0%;height:100vh;display:flex;z-index:0;justify-content:space-between;align-content:space-between;border-bottom:1px solid #ffffff22}.gradient-overlay{top:0;left:0;position:absolute;height:100vh;width:100vw;background:linear-gradient(172deg,#131b23 10%,#131b2300 45% 64%,#131b23 90%)}.background-4{display:flex;flex-direction:column;justify-content:space-evenly;height:100vh;padding:2em;z-index:10000}.info-card-wrapper{width:100%}.my-info{width:100%;display:flex;flex-direction:row;opacity:1}.socials{display:flex;opacity:.4;transition:.5s}.socials:hover{opacity:1}.socials:hover~.my-info{opacity:.7}.info-card-div{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:1em;background-color:#6667;border-radius:.5em;margin:1em 1em 1em 0;font-family:ABC-Regular;font-size:1.2em;box-shadow:inset 0;transition:box-shadow .3s;justify-items:space-between}.info-card-div .padding{justify-items:space-between}.info-card-div:hover{box-shadow:inset var(--mouse-x) var(--mouse-y) 100px #fff5}.my-info .padding{align-items:flex-start}.my-info .info-card-div:last-child .padding{align-items:center}.padding{display:flex;flex-direction:column;align-items:center}.info-card-div img{width:2em;height:2em}.info-card-div p{font-size:1em;margin:.5em 0% 0%}.center-content{align-items:center;margin:auto}.nav-buttons{padding:.5em 1em}.no-padding{padding:0%}.half{justify-content:space-between;width:50%;height:100%;display:flex;flex-direction:column;overflow:hidden}.major{justify-content:space-between;width:-moz-max-content;width:max-content;height:100%;display:flex;flex-direction:column;overflow:hidden}.minor{display:flex;flex-direction:column;margin-left:auto;width:-moz-max-content;width:max-content;justify-content:space-between}h1{margin:0%;font-family:Philosopher-Regular!important;font-size:80px;font-weight:700;line-height:6rem;letter-spacing:1.5px;color:var(--white)}h2{color:var(--colour-2);font-family:ABC-Regular!important;line-height:1.5em;font-size:45px;letter-spacing:1.5px;font-weight:700;margin:0%}.text-mask{overflow:hidden;display:flex}.align-end{justify-content:flex-end}.navigation{display:flex;list-style:none;font-family:ABC-Regular;font-size:20px;justify-content:flex-end;margin-right:.5em;padding-left:0%;text-align:left;align-items:flex-start;justify-content:left}.soc-med-icon{height:30px;opacity:40%;margin-left:1em;margin-right:1em;padding:5px;transition:opacity .5s;z-index:100;transition:opacity .3s}.soc-med-icon:hover{opacity:100%}.contacts{display:block;padding-right:20px;justify-content:flex-start}.contacts *{display:flex;justify-content:flex-end}#email-options{display:none;opacity:70%}.email-link,.mailto{padding:0%;font-family:ABC-Regular}.email-link:hover{font-family:ABC-Regular;text-decoration:underline}.email-link:active{font-family:ABC-Regular;text-decoration:none}.email-options{width:auto;display:inline-flex;padding:.7em .7em .7em 1.2em;margin:.5em;align-items:center;justify-content:center;color:var(--colour-2);background-color:var(--colour-1);border:3px solid var(--colour-2);border-radius:50px}#email-toggle{display:none}nav ul a{display:flex;position:relative;padding:.5em 1em;text-decoration:none;color:var(--colour-2);opacity:40%;transition:all .5s ease;text-align:center;width:-moz-fit-content;width:fit-content}.nav-links-1{color:var(--colour-2);opacity:40%}nav ul a:hover,.nav-links-1{color:var(--colour-2);opacity:100%}.navigation:hover .onhover{opacity:100%}a{all:unset}.background-3{margin:none;position:relative;padding:2em;height:100%;display:flex;z-index:103;background-color:var(--colour-1);transition:all .5s;border-bottom:1px solid #ffffff22}.images{z-index:100}.images h1{padding-bottom:.3em}.display-section{z-index:102;display:flex;flex-direction:row;padding:0 3em;justify-content:space-between;transition:all .5s}.project-wrapper{width:100%;align-items:center;justify-content:center;transition:width .5s}.project-wrapper:first-child{padding-top:20vh;padding-bottom:40vh}.project-wrapper .c1{position:relative;padding:1em;width:100%;height:80vh;overflow:hidden}.project-wrapper .c2{position:relative;width:100%;padding:0% 10% 10%;min-width:20vw;height:30vh;overflow-x:hidden}.project-wrapper .c2 p{position:relative;display:none;width:100%;font-family:ABC-Regular;opacity:0%;min-width:40vw;height:-moz-fit-content;height:fit-content}.project-details{display:flex;flex-direction:column;width:0%;position:sticky;top:0%;height:100vh;border-left:1px solid #ffffff55;overflow:hidden}.displayed-works{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;width:80%;max-width:100%;height:60vh;border-radius:15px;opacity:0%;filter:saturate(100%) brightness(100%);transition:.3s ease-in-out;transition-property:filter,opacity;pointer-events:none;z-index:-10;-o-object-fit:cover;object-fit:cover}.image-carousel{width:30%;max-width:350px;margin-bottom:30px;box-shadow:0 0 100px #000;border-radius:.5em;transition:all .5s;z-index:99}.photography-section{display:flex;justify-content:center;align-items:center}.showreel{display:flex;padding-top:3em;margin:auto;justify-content:center;width:80vw;align-items:center;gap:1em}.constrain{max-height:80vh;overflow-y:hidden;transition:all .5s}.reveal{display:flex;align-items:center;justify-items:center;position:absolute;bottom:0;left:0;background-color:;height:150px;width:100%;z-index:1000;border-bottom:1px solid #ffffff;transition:all .5s;background:linear-gradient(180deg,#131b2300,#131b23 90%)}.reveal input{display:none}.reveal-toggle-label{scale:-1;transition:.5s;color:var(--colour-2);font-family:ABC-Regular;font-size:3em;height:-moz-min-content;height:min-content;align-self:center;justify-self:center;margin:auto}.reveal-toggle-label:hover{scale:-1.2;transition:.2s;color:var(--colour-2);font-family:ABC-Regular;font-size:3em;height:-moz-min-content;height:min-content;align-self:center;justify-self:center;margin:auto}.reveal input:checked~.reveal-toggle-label{scale:1}.project-list-items{height:100%;padding-top:2em;padding-bottom:2em;width:100%}.project-info{padding:2em 1em;transition:all .3s;border:1px solid #ffffff00}.project-info *{pointer-events:none}.project-info:hover{border:1px solid #ffffff}.project-info~.displayed-works{max-height:0%;opacity:0%}.project-info:hover~.displayed-works{max-height:100%;opacity:100%;filter:saturate(100%);z-index:103}.animation{align-items:space-evenly;justify-content:space-evenly;height:100vh}.animation .category{text-align:left;margin:auto;font-family:Philosopher-Regular}.animation .video{height:70vh;width:60%}.other-projects,.contact-item{z-index:100}.mobile-contact-item .soc-med-icon:first-child{margin-left:0}.mobile-contact-item .soc-med-icon{padding-top:2em;height:60px}.contact-me{padding:2em 4em 4em;background-color:#131b23aa}.footer{border-top:1px solid #ffffff22;align-items:center;text-align:center;padding:2em}.footer p{padding:.5em;margin:0%}.footer content{display:flex;padding:0;flex-direction:column;width:-moz-max-content;width:max-content;margin:auto}.center-contant{text-align:center;justify-content:center;align-items:center}.max-width{position:absolute;width:55vw;height:70vh;align-self:flex-end;top:50%;transform:translateY(-50%)}.embed-wrapper{position:relative;width:100%;height:100%}.focus-toggle{display:none}#works-section{padding-right:0%;z-index:1000}.large-padding{padding-bottom:2em}.other-projects{flex-direction:column}.first,.last{opacity:0%}#three-ascii{position:fixed;top:0;width:100vw;height:100vh;pointer-events:none;z-index:-10000}@media only screen and (max-width:900px){.mobile-contact-item{display:flex;z-index:100}.mobile *{display:none}.intro{max-width:300px}html{cursor:auto;-ms-overflow-style:none;scrollbar-width:none}.background-2{padding:2em;display:block;justify-content:space-between}section{padding:0%}.half{justify-content:space-between;width:100%;font-size:auto;display:flex;flex-direction:column}h1{font-size:3em;line-height:4rem}h2{font-size:2em}.half *{justify-content:space-between;font-size:auto;display:flex;flex-direction:column}.align-end,.contacts,.cursor-1,.cursor-2,.cursor-3{display:none}.project-window{position:relative;width:100%;align-items:center;padding:0}.project-window *{max-width:80vw}.left-half{width:100%}#works-section{align-items:center;padding:0}#works-section *,#works-section h2,#works{align-items:center;text-align:center}.video-wrapper-parent{display:flex;flex-direction:column;text-align:center;align-items:center}.display-section{display:flex;flex-direction:column;padding:0%;height:100%}.project-wrapper{width:100%;align-items:center;justify-content:center;transition:width .5s}.project-wrapper:first-child{padding-top:20vh;padding-bottom:40vh}.project-wrapper .c1{position:fixed;padding:1em;width:100vw;height:80vh;overflow:hidden}.project-wrapper .c2{display:none;position:relative;width:100%;padding:0% 10% 10%;min-width:20vw;height:30vh;overflow-x:hidden}.project-wrapper .c2 p{position:relative;display:none;width:100%;font-family:ABC-Regular;opacity:0%;min-width:40vw;height:-moz-fit-content;height:fit-content}.project-details{position:fixed;display:flex;flex-direction:column;height:0%;width:100vw;z-index:-10}.displayed-works{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;width:100%;height:100vh;border-radius:0;opacity:0%;filter:saturate(100%) brightness(100%);transition:.3s ease-in-out;transition-property:filter,opacity;pointer-events:none;filter:brightness(.4);-o-object-fit:cover;object-fit:cover}.background-3{margin:none;position:relative;padding:2em;height:100%;overflow-x:hidden;min-height:100vh;display:flex;z-index:100;background-color:var(--colour-1);transition:all .5s;text-align:center}.video-wrapper{box-sizing:border-box;width:100%;padding:0%;display:flex;flex-direction:column}.animation .video{padding:0;width:100%;height:100%;max-height:none;margin:0%}.focus-toggle{display:none}.video-title-inner-wrapper{padding:2em}.video-title{align-items:center;width:auto;height:30vh}.info-card-div{margin:.5em 0}.my-info .info-card-div{flex-direction:column;flex-wrap:wrap;width:100%;margin:.5em 0}.socials{flex-direction:row;flex-wrap:wrap}.my-info{flex-direction:column}.video-wrapper-parent{display:block}.video-section{height:100%;justify-content:space-evenly;display:flex;flex-direction:column}.video-title{height:-moz-max-content;height:max-content}.video-wrapper{height:50vh;padding:0%}.full{height:100%}.project-wrapper{display:flex;flex-direction:column;position:relative;width:100%;justify-items:space-between}.animation .category{align-items:center;justify-content:center;display:flex;flex-direction:column;height:50vh;margin:0%}.category *{align-items:center;text-align:center}#works-section{padding-top:5em}.project-info:hover{border:1px solid #ffffff00;cursor:pointer}.project-info:hover~.displayed-works{opacity:100%;filter:brightness(.7) saturate(100%);z-index:-10}.project-list-items{display:flex;flex-direction:column;height:70vh;align-items:center;justify-content:center}.project-info{align-self:flex-end;margin:auto;display:flex;flex-direction:column;opacity:20%}.constrain{height:100%}.showreel{display:flex;padding-top:3em;margin:auto;justify-content:center;width:100vw;min-height:150vh}.image-carousel{width:47%;max-width:350px;margin-bottom:10px;box-shadow:0 0 100px #000;border-radius:.5em;transition:all .5s;z-index:99}.animation{display:flex;flex-direction:column;height:100vh;align-items:stretch;justify-content:space-evenly}.socials{opacity:100%;width:100%;flex-wrap:wrap;justify-content:space-between}.socials .info-card-div{box-sizing:border-box;margin:.5em 0;opacity:100%;width:100%;align-items:center;justify-content:center}.contact-me h1{text-align:center;padding:1em}.max-width{position:relative;width:100%;height:80%}.background-4{height:100%}.background-1{padding:1em}.scroll-down{font-size:1em}}@media only screen and (min-width:741px){.mobile-contact-item,.mobile{display:none}}@media(min-width:768px){.md\:h-16{height:4rem}.md\:flex-row{flex-direction:row}.md\:pb-12{padding-bottom:3rem}.md\:pl-12{padding-left:3rem}.md\:pt-12{padding-top:3rem}.md\:opacity-0{opacity:0}}