:root{--accent:#c31432;--accent-glow:rgb(255, 0, 43);--fullwhite:#fff;--white:#f2f2f2;--light-grey:#d8d8d8;--black:#242228;--dark-grey:rgb(26, 26, 26)}@chaney{font-family:"Chaney";src:url(fonts/chaney-regular-webfont.tff)}@text{font-family:"text";src:url("fonts/210 MGothicOTF 040.tff")}html{scroll-behavior:smooth;scroll-padding-top:20rem}::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}.loader{z-index:9999;width:100vw;height:100vh;background-color:var(--dark-grey);position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}body{margin:0;padding:0;box-sizing:border-box;font-size:1rem;font-family:"text",monospace;line-height:1.75;background-color:var(--dark-grey);color:var(--white);transition:all 0.5s ease-in-out;-ms-overflow-style:none;scrollbar-width:none}p{margin-bottom:1rem;word-break:break-word;text-shadow:1px 1px var(--black)}td{text-shadow:1px 1px var(--black)}h1,h2,h3,h4,h5{margin:3rem 0 1.38rem;font-family:'Chaney',monospace;font-weight:700;line-height:1.3;word-break:normal;letter-spacing:6px;text-transform:uppercase}h1{font-size:2.4rem}h2,h3{font-size:3.136rem}h4,h5{font-size:1.618rem}small,.text_small{font-size:.618rem}a{color:var(--white);text-decoration:none;font-size:1rem}a:visited{color:var(--white)}img,video{width:100%;height:100%;display:block}.picture>img{object-fit:cover}header{position:fixed;top:0;left:0;z-index:110;height:10vh;padding-left:8vw;display:flex;justify-content:space-between;align-items:center}.logo-wrapper,.menu-wrapper{height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.menu-wrapper{height:60%;position:fixed;bottom:0;right:0;width:3rem;height:3rem;margin-right:8vw;margin-bottom:3vh}nav{position:fixed;bottom:0;right:0;width:100vw;height:100vh;transform:translateY(100vh);z-index:100;display:flex;flex-direction:column;justify-content:end;background-color:var(--black);transition:all 0.5s ease-in-out;overflow:hidden}.open{transform:translateY(0);transform:translateX(0)}.nav-links{height:45vh;margin-bottom:4vh;padding-left:8vw;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.5s ease-in-out}.imp-links{display:flex;flex-direction:column;justify-content:space-between;height:20vh}.imp-links>a{font-size:1.2rem}.l-a-a{animation:link-float 2s ease-in-out infinite alternate-reverse}@keyframes link-float{0%{color:var(--white)}100%{color:var(--accent)}}.socials{width:40vw;display:flex;justify-content:space-between}.social-bubble{width:2rem;height:2rem;z-index:100;fill:var(--white)}.work-catcher{background-color:#c31432;padding:2.5rem;aspect-ratio:1/1;border-radius:50%;cursor:pointer;z-index:50;display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;opacity:1;transition:all 0.7s ease-in-out;animation:fade-In 0.3s ease-in-out}.w-catch{display:block;height:100vh}.w-catch>video{object-fit:cover}main{margin-bottom:25vh;display:flex;flex-direction:column;background-color:var(--black)}.first-item{height:100vh}.first-item>img{object-fit:cover}.first-item>video{object-fit:cover}.info{position:absolute;transform:translateY(-50%) translateX(-50%);top:50vh;left:50vw;text-align:center;display:flex;justify-content:center;align-items:center;z-index:20;mix-blend-mode:difference}.info>h2{padding:0;margin:0}#container>a{display:block}.layout{padding:5vh 8vw;padding-bottom:0;width:84vw;padding-bottom:0}.item{height:100vh}.opener-img{width:100vw;height:100vh;position:absolute;top:0;left:0;-webkit-mask-image:-webkit-gradient(linear,left center,left bottom,from(rgb(0 0 0)),to(#fff0))}.w-content{margin-top:50vh;z-index:10}.w-item>img{margin-top:1rem}.w-yt{margin-top:1rem;width:100%;height:auto;aspect-ratio:16/9}.intro{margin-top:50vh}.f-w{display:block;margin-left:-8vw;padding:0;width:100vw}.f-w>img{margin-top:0}.a-o-t{position:absolute;max-width:84vw;top:40vh;left:8vw;z-index:10;text-shadow:1px 1px var(--black)}.intro,.career,.education{z-index:5}.portrait{right:0;top:10vh;position:absolute;height:100vh;width:auto;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgb(0 0 0)),to(#fff0))}.grid-wrapper{width:100%;display:flex;flex-direction:row;padding:0}footer{position:fixed;bottom:0;left:0;width:84vw;height:16vh;padding:4vh 8vw;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;z-index:-10}.f-i-s{width:84vw;display:flex;height:4rem}.f-i-s>div{display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;width:50%;margin:0}.f-i-s>div>a{font-size:.8rem}.legal{width:84vw;display:flex;flex-direction:column;height:8vh;justify-content:space-between}.legal>a{font-size:.8rem}.contact>.socials{width:80%}table{width:100%}tr{display:flex;align-items:center;opacity:0;transition:all 0.5s ease-in-out}.visible{opacity:1}.visible>td:nth-child(even){animation:tdText 0.5s ease-in-out}@keyframes tdText{0%{transform:translateX(10vw)}100%{transform:translateX(0)}}tr:nth-child(even){padding-bottom:2rem;font-size:.618rem}td:nth-child(2){max-width:66%}td:first-child{font-size:.618rem;min-width:33%}td>a{font-size:.8rem}ul{padding:0}@media only screen and (max-width:380px){:root{font-size:12px}}@media only screen and (min-width:820px) and (orientation:portrait){.nav-links{height:35vh}.nav-links>.f-i-s{width:auto;height:10vh;flex-direction:column;justify-content:space-between}.nav-links>.f-i-s>div:nth-child(1){order:2}.f-i-s{width:57vw}.imp-links{height:15vh}.socials{width:20vw}main{margin-bottom:18vh}footer{height:11vh}}@media only screen and (max-width:1919px) and (orientation:landscape){h1{font-size:2.518rem}header{padding-top:2vh}.nav-links{height:44vh}.nav-links>.f-i-s{width:auto;height:13vh;flex-direction:column;justify-content:space-between}.nav-links>.f-i-s>div:nth-child(1){order:2}.f-i-s{width:27vw}.imp-links{height:15vh}.socials{width:15vw}main{margin-bottom:22vh}.a-o-t{left:24vw;max-width:52vw}.layout{padding:5vh 24vw;padding-bottom:0;max-width:52vw}.f-w{margin-left:-24vw}td:first-child{min-width:25%}footer{padding:4vh 24vw;height:15vh}}@media only screen and (min-width:1920px) and (orientation:landscape){header{width:80vw;padding:5vh 10vw;justify-content:space-between}.menu-wrapper{position:relative;margin:0;bottom:auto;right:auto;cursor:pointer}nav{align-items:center}.nav-links{height:30vh;width:52vw;padding:10vh 24vw;margin-bottom:0;align-items:center}.imp-links{text-align:center;height:15vh;order:1}.nav-links>.f-i-s{order:3}.nav-links>.socials{order:2}main{margin-bottom:13vh}.w-catch::after{display:none}#container{height:100vh;padding:0 20vw;justify-content:center;align-items:center;flex-direction:row}.item{width:20%;height:50%;transition:all 0.3s ease-in-out}.item:hover{width:100%;height:66%;aspect-ratio:1/1}.item::after{content:contents;color:#d8d8d8;display:flex;justify-content:center;align-items:center;width:100%;opacity:0}.item:hover::after{opacity:1;transition:all 0.3s ease-in-out}.item>a>img{object-fit:cover}.portrait{display:flex;justify-content:center;width:100vw;height:100vh}.portrait>img{object-fit:contain}.a-o-d{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;padding:10vh 17vw;justify-content:flex-end}.a-o-t{position:relative;max-width:30%;height:3.236rem;top:auto;left:auto;order:1}.intro{position:relative;order:2;margin-top:0}.career{order:4;align-self:flex-end}.education{order:3}tr:nth-child(even){padding-bottom:1rem;font-size:.7rem}td:first-child{font-size:.7rem;min-width:40%}.layout{padding:0;width:35%}.easy-l{padding:10vh 24vw;padding-bottom:0;width:52vw}.w-intro{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:5vh}.w-intro>div>p{max-width:75%}.w-intro>span{max-width:50%}.w-item>img{margin-top:2.5rem}.f-w>img{margin-top:0}.f-w{margin-left:-24vw}section>img{object-fit:cover}footer{height:auto;padding:5vh 24vw;flex-direction:row;align-items:flex-end;width:52vw}.f-i-s{height:auto;width:66%}.f-i-s>div{flex-direction:row;justify-content:space-evenly}.socials{width:12%}.social-bubble{width:1.5rem;height:1.5rem;transition:all 0.3s ease-in-out}a::after{content:"";display:block;color:var(--white);background-color:var(--white);height:2%;width:0;margin-left:50%;transition:all 0.3s ease-in-out}a:hover::after{margin-left:0%;width:100%}.item>a::after{content:none}}@media only screen and (min-width:2560px){.f-w{padding:0 24vw;max-width:52vw}}.turntable{margin:0}.turntable ul{padding:0;margin:0}.turntable ul li{list-style-type:none;display:none}.turntable ul li img{width:100%}.turntable ul li.active{display:block}