:root{--button-colour:#000;--button-background:#c8c8c8;--button-background-hover:#e6e6e6;--arrow-colour:#000;--text-colour:#000;--portfolio-colour:#000;--portfolio-background:rgba(255,255,255,0.6);--education-background:rgba(255,255,255,0.9);--menu-button:#4d4d4d;--scroll-colour:rgba(105,105,105,0.5);--scroll-colour-hover:#696969;--scroll-background:#fff;--cookie-banner-text:#fff;--cookie-banner-background:#222;--grad-background-1:#fff;--grad-background-2:#fffafa;--grad-background-3:#fff0f5;--grad-background-4:rgba(200,120,85,0.3);--grad-background-5:rgba(255,100,55,0.3);--portfolio-service:#818181;--form-border:#1a1a1a;--footer-background:#1a1a1a;--footer-text:#fff;--footer-border:rgba(255,255,255,0.3);--h1-1-font-size:94px;--h1-1-font-spacing:0;--h1-1-line-spacing:1.6;--h2-1-font-size:64px;--h2-1-font-spacing:0;--h2-1-line-spacing:1.55;--h3-1-font-size:52px;--h3-1-font-spacing:0;--h3-1-line-spacing:1.55;--h4-1-font-size:36px;--h4-1-font-spacing:0;--h4-1-line-spacing:1.55;--h4-2-font-size:36px;--h4-2-font-spacing:0;--h4-2-line-spacing:1.55;--h5-1-font-size:42px;--h5-1-font-spacing:.5px;--h5-1-line-spacing:1.55;--h6-1-font-size:20px;--h6-1-font-spacing:4px;--h6-1-line-spacing:1.55;--h7-1-font-size:24px;--h7-1-font-spacing:0;--h7-1-line-spacing:1.55;--h8-1-font-size:20px;--h8-1-font-spacing:0;--h8-1-line-spacing:1.55;--h9-1-font-size:30px;--h9-1-font-spacing:0;--h9-1-line-spacing:1.6;--p1-1-font-size:24px;--p1-1-font-spacing:0;--p1-1-line-spacing:1.6;--p1-2-font-size:20px;--p1-2-font-spacing:0;--p1-2-line-spacing:1.55;--p1-3-font-size:24px;--p1-3-font-spacing:0;--p1-3-line-spacing:1.55;--small-1-font-size:16px;--small-1-font-spacing:0;--small-1-line-spacing:1.55;--languages-button-text:#000;--languages-button-background:0;--languages-button-text-active:#fff;--languages-button-background-active:none;--languages-text:#000;--languages-background:#fff}:root[data-theme=dark]{--button-colour:#fff;--button-background:#373737;--button-background-hover:#191919;--arrow-colour:#fff;--text-colour:#fff;--portfolio-colour:#000;--menu-button:#c8c8c8;--scroll-colour:#63aaff;--scroll-colour-hover:#268dc0;--scroll-background:#fff;--cookie-banner-text:#000;--cookie-banner-background:#ddd;--grad-background-1:#191970;--grad-background-2:#0818a8;--grad-background-3:#0f52ba;--grad-background-4:rgba(85,120,200,0.7);--grad-background-5:rgba(55,100,255,0.3);--portfolio-background:rgba(255,255,255,0.6);--education-background:rgba(255,255,255,0.9);--portfolio-service:#c8c8c8;--form-border:#100610;--footer-background:#1a1a1a;--footer-text:#fff;--footer-border:rgba(255,255,255,0.3);--languages-button-text:#fff;--languages-button-background:0;--languages-button-text-active:#fff;--languages-button-background-active:none;--languages-text:#fff;--languages-background:#202020}:root[data-theme=mono]{--button-colour:#fff;--button-background:#373737;--button-background-hover:#191919;--arrow-colour:#fff;--text-colour:#fff;--portfolio-colour:#000;--menu-button:#c8c8c8;--scroll-colour:rgba(155,155,155,0.5);--scroll-colour-hover:#9b9b9b;--scroll-background:#fff;--cookie-banner-text:#000;--cookie-banner-background:#ddd;--grad-background-1:#1a1a1a;--grad-background-2:#1a1a1a;--grad-background-3:#1a1a1a;--grad-background-4:#1a1a1a;--grad-background-5:#1a1a1a;--portfolio-background:rgba(255,255,255,0.6);--education-background:rgba(255,255,255,0.9);--portfolio-service:#c8c8c8;--form-border:#fff;--footer-background:#1a1a1a;--footer-text:#fff;--footer-border:rgba(255,255,255,0.3);--languages-button-text:#fff;--languages-button-background:0;--languages-button-text-active:#fff;--languages-button-background-active:none;--languages-text:#fff;--languages-background:#000}:root[data-theme=high-contrast]{--button-colour:#000;--button-background:rgba(255,255,0,0.9);--button-background-hover:yellow;--arrow-colour:yellow;--text-colour:yellow;--portfolio-colour:yellow;--menu-button:yellow;--scroll-colour:rgba(255,255,0,0.5);--scroll-colour-hover:yellow;--scroll-background:#000;--cookie-banner-text:yellow;--cookie-banner-background:#000;--grad-background-1:#000;--grad-background-2:#000;--grad-background-3:#000;--grad-background-4:#000;--grad-background-5:#000;--portfolio-background:rgba(0,0,0,0.8);--education-background:rgba(0,0,0,0.9);--portfolio-service:yellow;--form-border:yellow;--footer-background:#000;--footer-text:yellow;--footer-border:rgba(255,255,255,0.3);--languages-button-text:yellow;--languages-button-background:0;--languages-button-text-active:yellow;--languages-button-background-active:none;--languages-text:yellow;--languages-background:#000}.en,:root{--light-font:IBM Plex Sans,sans-serif;--light-weight:300;--normal-font:IBM Plex Sans,sans-serif;--normal-weight:400;--bold-font:IBM Plex Sans,sans-serif;--bold-weight:500}.ja,:root[data-lang-theme=ja]{--light-font:Noto Sans JP,sans-serif;--normal-font:Noto Sans JP,sans-serif;--bold-font:Noto Sans JP,sans-serif}@media only screen and (max-height:575px) and (min-width:596px){:root{--h4-2-font-size:6vh}}@media only screen and (max-width:596px) and (min-width:320px){:root{--h1-1-font-size:15vw;--h2-1-font-size:12vw;--h3-1-font-size:52px;--h4-1-font-size:8vw;--h4-2-font-size:10vw;--h5-1-font-size:7.3vw;--h7-1-font-size:6.5vw;--h8-1-font-size:16px;--p1-1-font-size:20px;--p1-2-font-size:16px;--p1-3-font-size:5.8vw;--small-1-font-size:16px}}:root[data-font-size=large]{--p1-1-font-size:26px;--p1-2-font-size:22px;--p1-3-font-size:26px;--small-1-font-size:22px}:root[data-font-size=x-large]{--h9-1-font-size:34px;--p1-1-font-size:30px;--p1-2-font-size:26px;--p1-3-font-size:30px;--small-1-font-size:26px}:root[data-font-spacing=large]{--h1-1-font-spacing:4px;--h2-1-font-spacing:3px;--h3-1-font-spacing:3px;--h4-1-font-spacing:2px;--h4-2-font-spacing:2px;--h5-1-font-spacing:3px;--h9-1-font-spacing:2px;--p1-1-font-spacing:2px;--p1-2-font-spacing:2px;--p1-3-font-spacing:2px;--small-1-font-spacing:1px}:root[data-font-spacing=x-large]{--h1-1-font-spacing:8px;--h2-1-font-spacing:6px;--h3-1-font-spacing:6px;--h4-1-font-spacing:4px;--h4-2-font-spacing:5px;--h5-1-font-spacing:6px;--h9-1-font-spacing:4px;--p1-1-font-spacing:5px;--p1-2-font-spacing:4px;--p1-3-font-spacing:5px;--small-1-font-spacing:3px}:root[data-font-theme=reader-friendly]{--light-font:Open Dyslexic,sans-serif;--normal-font:Open Dyslexic,sans-serif;--bold-font:Open Dyslexic,sans-serif;--accessibility-reader-friendly:Open Dyslexic,sans-serif;--accessibility-reader-friendly-hover:IBM Plex Sans,sans-serif}:root[data-link-visible=link-visible]{--link-colour:yellow;--link-background:#000;--languages-button-text:yellow;--languages-button-background:#000;--languages-button-text-active:yellow;--languages-button-background-active:#000;--languages-text:yellow;--languages-background:#000}:root[data-link-visible=link-visible][data-theme=high-contrast]{--link-colour:salmon;--link-background:green;--languages-button-text:salmon;--languages-button-background:green;--languages-button-text-active:salmon;--languages-button-background-active:green;--languages-text:salmon;--languages-background:green}.h1{font-family:var(--light-font);font-weight:var(--normal-weight);font-size:var(--h1-1-font-size);letter-spacing:var(--h1-1-font-spacing);line-height:var(--h1-1-line-spacing)}.h2{font-family:var(--light-font);font-weight:var(--normal-weight);font-size:var(--h2-1-font-size);letter-spacing:var(--h2-1-font-spacing);line-height:var(--h2-1-line-spacing)}.h3{font-family:var(--normal-font);font-weight:var(--normal-weight);font-size:var(--h3-1-font-size);letter-spacing:var(--h3-1-font-spacing);line-height:var(--h3-1-line-spacing)}.h4{font-family:var(--normal-font);font-weight:var(--bold-weight);font-size:var(--h4-1-font-size);letter-spacing:var(--h4-1-font-spacing);line-height:var(--h4-1-line-spacing)}.h4-menu{font-family:var(--normal-font);font-weight:var(--light-weight);font-size:var(--h4-2-font-size);letter-spacing:var(--h4-2-font-spacing);line-height:var(--h4-2-line-spacing)}.h5{font-family:var(--light-font);font-weight:var(--normal-weight);font-size:var(--h5-1-font-size);letter-spacing:var(--h5-1-font-spacing);line-height:var(--h5-1-line-spacing)}.h6{font-family:HK Grotesk,sans-serif;font-weight:var(--normal-weight);font-size:var(--h6-1-font-size);letter-spacing:var(--h6-1-font-spacing);line-height:var(--h6-1-line-spacing)}.h7{font-family:var(--normal-font);font-weight:var(--bold-weight);font-size:var(--h7-1-font-size);letter-spacing:var(--h7-1-font-spacing);line-height:var(--h7-1-line-spacing)}.h8{font-family:var(--normal-font);font-weight:var(--normal-weight);font-size:var(--h8-1-font-size);letter-spacing:var(--h8-1-font-spacing);line-height:var(--h8-1-line-spacing)}.h9{font-family:var(--light-font);font-weight:var(--normal-weight);font-size:var(--h9-1-font-size);letter-spacing:var(--h9-1-font-spacing);line-height:var(--h9-1-line-spacing)}.p1{font-family:var(--light-font);font-weight:var(--light-weight);font-size:var(--p1-1-font-size);letter-spacing:var(--p1-1-font-spacing);line-height:var(--p1-1-line-spacing)}h2.p1{font-weight:var(--normal-weight)}.p2{font-family:var(--light-font);font-weight:var(--light-weight);font-size:var(--p1-2-font-size);letter-spacing:var(--p1-2-font-spacing);line-height:var(--p1-2-line-spacing)}.p3{font-family:var(--bold-font);font-weight:var(--normal-weight);font-size:var(--p1-3-font-size);letter-spacing:var(--p1-3-font-spacing);line-height:var(--p1-3-line-spacing)}.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8,.h9,.p1,.p2,.p3{color:var(--text-colour)}.button{font-family:var(--bold-font);font-weight:var(--normal-weight);font-size:var(--h8-1-font-size);letter-spacing:var(--h8-1-font-spacing);line-height:var(--h8-1-line-spacing);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 30px;color:var(--button-colour);background:var(--button-background);border:0;border-radius:unset}.button:hover{background:var(--button-background-hover)}button{cursor:pointer}button:disabled{cursor:not-allowed}a{font-family:var(--bold-font);font-weight:var(--normal-weight);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;width:fit-content;margin:2px;background:var(--link-background);color:var(--link-colour)}a:hover{opacity:.5}a.button{text-decoration:none}.a1{font-size:var(--small-1-font-size);letter-spacing:var(--small-1-font-spacing);line-height:var(--small-1-line-spacing)}.link-arrow-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:fit-content;text-decoration:none}.link-arrow-container:hover{text-decoration:none}.link-arrow-container:hover .link-arrow{transform:translateX(10px)}.link-arrow-container.footer{font-weight:var(--light-weight);margin-bottom:72px}.link-arrow{margin-left:10px}.link-arrow path{stroke:var(--arrow-colour);stroke-width:2}.link-arrow.footer{margin-top:17px;margin-left:20px}.link-arrow.footer path{stroke:var(--footer-text);stroke-width:2}dfn{font-style:normal}html{height:100vh;width:100%;scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto;transition:none !important;animation:none !important}}html *{transition:all .3s linear}html.no-movement,html.no-movement :not(#widget_menu_wrapper *,.about-profile-image *){scroll-behavior:auto;transition:none !important;animation:none !important}.yuki-body{min-height:100vh;width:100%;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;background-image:linear-gradient(var(--grad-background-1),var(--grad-background-2),var(--grad-background-3),var(--grad-background-4),var(--grad-background-5));background-attachment:fixed}.yuki-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 64px;min-height:calc(100vh - 124px);width:calc(100% - 128px);position:relative}.section-content{width:100%;overflow-x:auto}.header-title{margin-bottom:0;overflow-x:auto}.header-subtitle{margin-top:0;margin-bottom:175px;max-width:min(800px,100%);overflow-x:auto}@keyframes flasher{0%,90%{opacity:1}100%{opacity:0}}.flasher{margin:0;position:fixed;display:block;height:fit-content;width:fit-content;text-align:center;top:50%;left:50%;max-height:100vh;max-width:1200px;transform:translate(-50%,-50%);background:var(--grad-background-1);animation:flasher 5s linear forwards;overflow-y:auto;z-index:200}.no-margin-left{margin-left:0}.noscroll{overflow-y:hidden}.noscript{visibility:hidden;display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scroll-background)}::-webkit-scrollbar-thumb{background-color:var(--scroll-colour);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-colour-hover)}.cookie-banner-wrapper{position:fixed;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;justify-content:space-between;top:0;left:0;right:0;height:auto;z-index:110;padding:10px 5% 35px 5%;background:var(--cookie-banner-background);overflow-y:auto;max-height:calc(100vh - 24px)}.cookie-banner-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:66%}.cookie-banner-text h1,.cookie-banner-text p,.cookie-banner-text span{color:var(--cookie-banner-text)}.cookie-banner-buttons-wrapper{margin-top:15px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.navigation-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;padding:0 2vw;flex-direction:row;align-items:center;justify-content:center;background:var(--footer-background);color:var(--footer-text);display:none;opacity:0;z-index:101}.navigation-wrapper.displayed{display:flex}.navigation-wrapper.active{opacity:1}.navigation-links{position:fixed;overflow:auto;list-style-type:none;padding-left:0;padding-right:30px;margin:0;left:64px;bottom:54px;max-height:calc(100% - 128px);width:calc(100% - 94px)}.navigation-link-wrapper{margin:10px 0;overflow-y:hidden;min-width:fit-content}.navigation-link{display:block;border:solid 1px transparent;transform:translateY(100%)}.navigation-link.active{opacity:.7}.navigation-link,.navigation-link:hover{text-decoration:none}.navigation-link:focus{border:solid 1px var(--footer-text);outline:0}.navigation-link-wrapper:nth-child(1) .navigation-link{transition:all .3s linear,transform .3s linear .3s}.navigation-link-wrapper:nth-child(2) .navigation-link{transition:all .3s linear,transform .3s linear .35s}.navigation-link-wrapper:nth-child(3) .navigation-link{transition:all .3s linear,transform .3s linear .4s}.navigation-link-wrapper:nth-child(4) .navigation-link{transition:all .3s linear,transform .3s linear .45s}.navigation-link-wrapper:nth-child(5) .navigation-link{transition:all .3s linear,transform .3s linear .5s}.navigation-link-wrapper:nth-child(6) .navigation-link{transition:all .3s linear,transform .3s linear .55s}.navigation-wrapper.active .navigation-links .navigation-link-wrapper .navigation-link{transform:translateY(0)}@media only screen and (max-height:575px){.navigation-link-wrapper{margin:1vh 0}}.navbar-wrapper{position:relative;top:0;left:0;right:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:5px 20px 5px 64px;z-index:102;margin-bottom:20px;margin-top:30px}.navbar-entry{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.navbar-wrapper.active .navbar-entry .navbar-yuki{color:var(--footer-text)}.navbar-wrapper.active .navbar-entry{color:var(--languages-button-text-active);background:var(--languages-button-background-active)}.navbar-yuki{text-decoration:none}.navbar-logo-wrapper{height:60px;width:60px}.navbar-logo-wrapper:hover{animation:jiggle .2s infinite .3s}.navbar-logo{fill:var(--text-colour)}.navbar-circle{fill:none}.navbar-circle.center{fill:red}.navbar-wrapper.active .navbar-logo{fill:var(--languages-button-text-active)}.widget-link-highlight .navbar-logo{fill:var(--languages-button-text-active)}@keyframes jiggle{0%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.nav-button{position:relative;width:50px;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;background:0;border:0}.nav-button:hover{opacity:.5}.nav-icon{position:absolute}.nav-icon path{stroke:var(--menu-button);stroke-width:3px}.nav-burger{width:100%}.nav-cross{width:100%;opacity:0;visibility:hidden}.nav-button.active .nav-icon path{stroke:var(--footer-text)}.nav-button.active .nav-burger{opacity:0}.nav-button.active .nav-cross{opacity:1;visibility:visible}#nav_logo{border-radius:8px}#nav_logo:hover{background-image:linear-gradient(to top,violet,indigo,#00f,green,#ff0,orange,red)}.portfolio-section{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0;padding:8vh 0 0 0;text-decoration:none}.portfolio-wrapper{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.portfolio-entry,.portfolio-entry picture img{position:relative;width:100%;max-width:900px;height:auto;margin:0;padding:0}.portfolio-entry{margin-bottom:6vh}@media only screen and (min-width:1200px){.portfolio-wrapper{justify-content:space-between}.portfolio-entry{width:calc(50% - 3vh)}}@media only screen and (min-width:1900px){.portfolio-wrapper{justify-content:space-between}}.portfolio-entry-description{opacity:0;position:absolute;top:0;left:0;height:calc(100% - 48px);width:calc(100% - 48px);padding:24px;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;background:var(--portfolio-background)}.portfolio-entry-description *{width:100%;margin:0;color:var(--portfolio-colour);text-decoration:none}.portfolio-entry-description .p1{font-weight:700}.portfolio-entry-description .p2{font-weight:400}.portfolio-entry:hover,.portfolio-entry:hover .portfolio-entry-description{opacity:1}@media only screen and (hover:none),only screen and (pointer:coarse){a.portfolio-entry{text-decoration:none}.portfolio-entry-description{opacity:1;position:relative;padding:0;height:auto;width:100%;background:0}}.portfolio-icons-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}.portfolio-icon{height:30px;width:30px;margin-bottom:10px}.portfolio-icon:not(:last-child){margin-right:20px}.portfolio-header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.portfolio-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.portfolio-content picture,.portfolio-content picture img{width:100%;height:auto}.portfolio-image-wrapper,.portfolio-ring-wrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8vh 0}.portfolio-ring-wrapper{flex-wrap:nowrap}.portfolio-ring-wrapper picture{width:30%;max-width:250px;max-height:250px}.portfolio-image-wrapper picture{width:48%}.portfolio-image-wrapper picture img,.portfolio-ring-wrapper picture img{width:100%;height:auto}@media only screen and (max-width:900px){.portfolio-image-wrapper{flex-direction:column;justify-content:flex-start}.portfolio-image-wrapper picture{width:100%}.portfolio-image-wrapper picture:first-child{margin-bottom:8vh}}@media only screen and (max-width:280px){.portfolio-ring-wrapper{flex-direction:column;justify-content:flex-start}.portfolio-ring-wrapper picture{width:100%}.portfolio-ring-wrapper picture:not(:last-child){margin-bottom:8vh}}.portfolio-video-wrapper{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin:8vh 0}.portfolio-video-wrapper video{max-width:100%}.education-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.education-entry{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:500px;max-height:500px;position:relative;margin:20px;width:calc(100% - 40px)}.education-entry picture,.education-entry picture img{display:block;width:100%;height:auto}.education-entry-description{opacity:0;position:absolute;top:0;left:0;height:calc(100% - 48px);width:calc(100% - 48px);padding:24px;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;background:var(--education-background)}@media only screen and (max-width:600px){.education-wrapper{justify-content:flex-start;align-items:center;flex-direction:column}}@media only screen and (min-width:900px){.education-entry{width:calc(50% - 40px)}}@media only screen and (min-width:1200px){.education-entry{width:calc(33.3% - 40px)}}@media only screen and (min-width:1500px){.education-entry{width:calc(25% - 40px)}}@media only screen and (min-width:1800px){.education-entry{width:calc(20% - 40px)}}.education-entry-description *{width:100%;margin:0;color:var(--portfolio-colour);text-decoration:none}.education-entry-description .p1{font-weight:700}.education-entry-description .p2{font-weight:400;font-style:italic}.education-entry:hover,.education-entry:hover .education-entry-description{opacity:1}@media only screen and (hover:none),only screen and (pointer:coarse){a.education-entry{text-decoration:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-height:unset}.education-entry-description{opacity:1;position:relative;padding:0;height:auto;width:100%;background:0;margin:20px 0 40px 0}}#quote_block{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:calc(100vh - 248px);width:100%;margin:0 0 124px 0}.education-logo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin:8vh 0}.education-description-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0;padding:0}.education-description .p2{font-style:italic}@media only screen and (min-width:800px){.education-logo-wrapper{flex-direction:row-reverse;justify-content:space-between}.education-description-wrapper{width:auto;height:100%;margin:0 20px 0 0}}.headshot-wrapper{position:relative;display:inline-block;width:100%;max-height:500px;max-width:500px;margin:0;padding:0}.headshot-wrapper picture{height:100%;width:100%}.headshot-wrapper picture img{height:auto;width:100%}.headshot-wrapper .logo{z-index:2}.headshot-wrapper .headshot{position:absolute;display:inline;opacity:0;height:100%;width:auto;top:0;left:0;z-index:-1}.headshot-wrapper:hover .headshot{opacity:1;z-index:3}.no-movement .headshot-wrapper *{transition-duration:0s}.education-content{display:block;width:100%}.about-content-wrapper{display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;width:100%;margin-top:8vh}.about-profile-image{position:relative;display:inline-block;width:300px;height:300px;max-width:calc(100vw - 50px);max-height:calc(100vw - 50px);margin:0;padding:0}.about-profile-image a{margin:0;padding:0}.about-profile-image img{border-radius:10%;height:100%;width:100%}.about-profile-image a{opacity:1}.about-profile-image .new{z-index:2}.about-profile-image .old{position:absolute;display:inline;opacity:0;height:100%;width:auto;top:0;left:0;z-index:-1}.about-profile-image:hover .old{opacity:1;z-index:3;transition-delay:5s}.no-movement .about-profile-image *{transition-duration:0s}.about-profile-text{width:calc(100% - 400px)}.about-profile-text .p1{margin:0}.about-content-wrapper .h1,.about-content-wrapper .h5{margin:0;width:100%}.contact-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:800px}.contact-form-form{width:100%;margin-bottom:5vh;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.contact-form-entry{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:40px}.form-control{width:100%;border-radius:0;border:solid 1px var(--form-border);border-top:0;border-left:0;border-right:0;background:0}.form-control::placeholder{color:var(--text-colour);opacity:.5}textarea.form-control{border:solid 1px var(--form-border);padding:8px 12px;width:calc(100% - 26px)}.form-label{margin-bottom:10px}@media only screen and (min-width:800px){.contact-form-entry:first-child,.contact-form-entry:nth-child(2){width:48%}}.sitemap-entries{list-style-type:none;padding:0}.sitemap-entry{margin:10px 0;display:flex;flex-direction:row;align-items:baseline;width:100%;justify-content:space-between;flex-wrap:wrap}.sitemap-entry:first-child{margin-top:0}.sitemap-entry:last-child{margin-bottom:0}.sitemap-link{text-decoration:none}.footer-wrapper{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;bottom:0;left:0;right:0;padding:72px 64px 12px 64px;z-index:100;height:min-content;background:var(--footer-background);margin-top:135px;color:var(--footer-text)}.footer-icons{list-style-type:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-left:0;padding:0;width:160px}.footer-icon{height:40px;width:40px}.footer-icon a{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-icon-svg{height:100%;width:100%}.footer-icon-svg path{stroke:none;fill-rule:nonzero;fill:var(--footer-text);fill-opacity:1}.insta{transform-origin:center;transform:scale(calc(4 / 3))}.footer-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.footer-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:66%;min-width:fit-content}.footer-row a,.footer-row p{margin:0 15px}.footer-row :first-child{margin-left:0}.footer-row :last-child{margin-right:0}.p2.footer{margin-top:54px;margin-bottom:6px;text-align:center;width:100%}.footer-text,.h2.footer,.p2.footer{color:var(--footer-text)}.footer-text.clickable{text-decoration:none}.error-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:80px;width:100%}.error-button{min-width:100px;margin-right:30px}.error-button.not-visible{opacity:0}.error-header{margin-bottom:0}#quiz_button{position:fixed;z-index:99;transition:left 70ms linear,top 70ms linear}.no-movement #quiz_button{display:none}@media only screen and (max-width:300px){#quiz_button{display:none}}@media only screen and (max-height:200px){#quiz_button{display:none}}@media only screen and (max-width:596px){.error-buttons{flex-direction:column;align-items:center;justify-content:flex-start;margin-top:20px}.error-buttons .button.error-button{margin:20px 0 0 0;width:100%;min-width:unset;padding:10px 0}}.error-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1}.footer-wrapper.error-footer{margin-top:0 !important}.clickable{cursor:pointer}.help{cursor:help}.one-line{white-space:nowrap;font-size:unset;letter-spacing:unset;font-family:unset}.underlined_text{text-decoration:underline;text-underline-offset:5px}.page-bullet-capt{margin:5px 0}.define-link{font-family:unset;font-size:unset;letter-spacing:unset;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}.page-navigation{margin:8vh 0 0 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.last-page,.last-page .link-arrow path,.next-page,.next-page .link-arrow path{color:var(--portfolio-service);stroke:var(--portfolio-service)}.next-page .link-arrow{margin-left:0;margin-right:10px}.next-page:hover .link-arrow{transform:translateX(-10px)}.last-page{margin-left:auto}@media only screen and (max-width:1000px){.tablet-hide{display:none}.about-content-wrapper{flex-direction:column;align-items:center;justify-content:flex-start}.about-profile-text{margin-top:40px;width:100%}.sitemap-link{width:100%}}@media only screen and (max-width:596px){.mob-hide{display:none}.yuki-content-wrapper{padding:0 24px;width:calc(100% - 48px)}.section-content{padding:0 24px;width:calc(100% - 48px)}.section-content.no-mob{padding:0;width:100%}.header-title{margin-top:24px}.header-subtitle{margin-bottom:52px}.header-subtitle.yes-mob,.header-title.yes-mob{margin-left:24px;margin-right:24px}.cookie-banner-text{width:100%}.navigation-links{left:24px;bottom:24px}.navbar-wrapper{padding-left:24px}.footer-wrapper{margin-top:85px;padding:50px 24px 24px 24px}.link-arrow-container.footer{flex-direction:column;align-items:flex-start;margin:0}.link-arrow.footer{margin:23px 0}.footer-row{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:16px}.p2.footer{margin:42px 0 0 0;text-align:left}.p2.footer:first-child{width:100%}}@media only screen and (max-width:800px){.next-page{flex-direction:column-reverse;align-items:flex-start}.last-page{flex-direction:column;align-items:flex-end}}.greyed img{filter:grayscale(80%)}.menu-wrapper{position:fixed;display:flex;visibility:hidden;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 75px);background:#086ce2;z-index:105;max-height:calc(100% - 15vh - 30px);bottom:30px;left:100%}.menu-wrapper.displayed{visibility:visible}.menu-header-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%}.menu-label{margin-top:20px;width:100%;text-align:center;color:#fff}.menu-label.reset{margin-left:84px}.menu-format{width:calc(100% + 10px);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;overflow:auto;margin-left:10px}.menu-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:200px;width:50%;border-bottom:0;border-top:solid 2px rgba(255,255,255,.2);padding:0 0 20px 0;margin:0;background:0;cursor:pointer}.menu-option:nth-child(odd){border-left:0;border-right:solid 1px rgba(255,255,255,.2)}.menu-option:nth-child(even){border-left:solid 1px rgba(255,255,255,.2);border-right:0}@media only screen and (max-width:596px){.menu-header-wrapper{padding:0 20px;width:calc(100% - 40px);flex-wrap:wrap}.menu-header-wrapper .reset{margin-left:0}.menu-option{width:100%}.menu-option:nth-child(even),.menu-option:nth-child(odd){border-left:0;border-right:0}}.menu-button,.menu-button img{display:block;padding:0;background:0;border:0;position:fixed;height:60px;width:60px;z-index:106;left:calc(100% - 65px)}.menu-button.active,.menu-button.active img,.menu-button.greyed,.menu-button.greyed img{left:10px}.menu-wrapper.active{left:75px}@media only screen and (min-width:675px){.menu-wrapper{width:600px}.menu-wrapper.active{left:calc(100% - 600px)}.menu-button.active,.menu-button.active img,.menu-button.greyed,.menu-button.greyed img{left:calc(100% - 665px)}}.widget-link-highlight{background:var(--link-background) !important;color:var(--link-colour) !important}.widget-link-highlight svg *{stroke:var(--link-colour) !important}.widget-reset{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0 20px 0 20px;height:44px;width:44px;background:0;border:0}.widget-reset:hover{opacity:.5}.widget-reset-arrow{stroke:#fff;stroke-width:2.75}.widget-reset-loop{stroke:#fff;stroke-width:4}#widget_button,#widget_img{bottom:30px}.widget-option.disappeared{display:none}.widget-progress-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;height:6px;border:0;background:0;margin-bottom:40px}@media only screen and (max-width:675px){.widget-progress-wrapper{min-width:calc(100vw - 75px)}}.widget-progress{width:100%;height:100%;display:block;background:linear-gradient(to left,transparent 50%,#84bcff 50%) right;background-size:210%}.widget-progress:not(:first-child){margin-left:4px}.widget-icon{height:40px;margin-bottom:20px}.widget-icon.letter{font-family:var(--normal-font);font-weight:var(--normal-weight);font-size:40px;color:#fff}.widget-label,.widget-name{color:#fff}.widget-label{font-family:var(--normal-font);font-weight:var(--normal-weight);font-size:16px;letter-spacing:.12ch}#f_size_L{transition:all .3s linear 0s,background-position .3s linear .3s}:root[data-font-size=large] #f_size_L,:root[data-font-size=x-large] #f_size_L{background-position:left;transition:inherit}:root[data-font-size=x-large] #f_size_XL{background-position:left}#f_spacing_L{transition:all .3s linear 0s,background-position .3s linear .3s}:root[data-font-spacing=large] #f_spacing_L,:root[data-font-spacing=x-large] #f_spacing_L{background-position:left;transition:inherit}:root[data-font-spacing=x-large] #f_spacing_XL{background-position:left}#display_mode_Dark{transition:all .3s linear 0s,background-position .3s linear .6s}#display_mode_Mono{transition:all .3s linear 0s,background-position .3s linear .3s}:root[data-theme=dark] #display_mode_Dark{background-position:left;transition:inherit}:root[data-theme=mono] #display_mode_Dark,:root[data-theme=mono] #display_mode_Mono{background-position:left;transition:inherit}:root[data-theme=high-contrast] #display_mode_Dark,:root[data-theme=high-contrast] #display_mode_HC,:root[data-theme=high-contrast] #display_mode_Mono{background-position:left}:root[data-font-theme=reader-friendly] #dyslexia_On{background-position:left}#animation_On{background-position:left}.no-movement #animation_On{background-position:right}:root[data-link-visible=link-visible] #links_On{background-position:left}.no-js{display:none}.grecaptcha-badge{visibility:hidden}#julia_background{background:0;display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;margin:0;padding:0}.no-movement #julia_background{display:none}.sudoku-body-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0;margin:0}.sudoku-success{color:greenyellow}.sudoku-fail{color:red}.sudoku-body{display:grid;align-content:space-evenly;justify-content:space-evenly;width:min(900px,100%);height:auto;aspect-ratio:1;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-items:stretch;align-items:stretch}.sudoku-grid-entry{text-align:center;background:0;font-size:1em;aspect-ratio:1}.sudoku-button{margin-top:20px}.sudoku-manual{font-size:2em;text-align:center;letter-spacing:1em;overflow-y:hidden}.option-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex-wrap:nowrap}.option-wrapper .p2{margin-left:10px}.no-show{display:none}