body{color:var(--c-main)}#top-lane{z-index:5;background:linear-gradient(#000 0%,#0003 85%,#0000 100%);width:100vw;height:calc(2.5vw + 60px);position:fixed;top:0;left:0}#bottom-lane{z-index:10;background:linear-gradient(#0000 0%,#0003 15%,#000 100%);width:100vw;height:calc(4vw + 50px);position:fixed;bottom:0;left:0}#backbutton{background:var(--c-main) url(/assets/logo_black-DiMg8gY4.png);border-radius:var(--v-rad) 0;z-index:10;background-position:50%;background-repeat:no-repeat;background-size:45px;width:50px;height:50px;position:fixed;top:.5vw;left:.5vw}#pro-menu{text-align:right;z-index:10;width:30px;position:fixed;top:calc(50vh - 210px);left:.5vw}.pro-menu-link{color:var(--c-main);text-align:right;font-size:25px;line-height:30px;font-family:var(--f-head);text-decoration:none;transition:all .2s ease-in-out;display:block}.see-menu{transition-delay:.1s;transform:scale(1.2)translate(5px);color:var(--c-ut-light)!important}.pro-wrap{background:var(--c-ut-dark);width:calc(98.5vw - 50px);padding:10vw .5vw 10vw calc(50px + 1vw);transition:all .2s ease-in-out}.see-project{transition-delay:.1s}#pro-head{width:calc(98.5vw - 50px);margin:10vw .5vw 10vw calc(50px + 1vw)}.project{justify-content:normal;align-items:normal;gap:var(--v-gap);padding:0 var(--v-gap) 0 0;flex-flow:wrap;margin:0 auto;display:flex}.project>h2{width:100%;margin:0 0 var(--v-gap) var(--v-gap);font-family:var(--f-head);z-index:7;padding:0;font-size:47px;font-weight:900;display:block;position:sticky;top:calc(.5vw + 12px)}.project>h3{width:100%;margin:0 var(--v-gap);font-family:var(--f-body);font-weight:unset;font-size:unset;line-height:unset;text-align:unset;left:unset;display:block}.project p{margin:0 var(--v-gap)}.project img,.project video{border-radius:var(--v-rad);object-fit:cover}.project .img-ss,.project .vid-ss{height:calc((98.5vw - 50px - 2 * var(--v-gap)) / 2);aspect-ratio:1}.project .img-s35,.project .vid-s35{height:calc((98.5vw - 50px - 2 * var(--v-gap)) / 2.267);aspect-ratio:3/5}.project .img-s53,.project .vid-s53{height:calc((98.5vw - 50px - 2 * var(--v-gap)) / 2.267);aspect-ratio:5/3}.project .img-ss169,.project .vid-ss169{height:calc((98.5vw - 50px - 2 * var(--v-gap)) / 2.778);aspect-ratio:1}.project .img-s169s,.project .vid-s169s{height:calc((98.5vw - 50px - 2 * var(--v-gap)) / 2.778);aspect-ratio:16/9}.project .img-sr,.project .vid-sr{flex-grow:3;width:100%}.project .align-bottom{margin:auto 0 0}.project .description-box{box-sizing:border-box;width:100%;padding:var(--v-gap) 10px 10px 10px;border-radius:var(--v-rad);color:var(--c-ut-dark);background-color:var(--c-main)}.description-box>.pro-tag{width:100%;margin:0 0 var(--v-gap) 2px;padding:0;display:block}.description-box>.pro-tag li{background-color:var(--c-ut-dark);color:var(--c-main);border-radius:var(--v-rad);margin-top:6px;padding:4px 6px;font-size:14px;font-weight:650;font-stretch:110%;display:inline-block}.description-box>.pro-tag li:before{content:"."}.project .img-hover-blend{border-radius:var(--v-rad);background-size:cover;line-height:0;overflow:hidden}.project .img-hover-blend img{object-fit:cover;width:auto;height:100%;transition:opacity var(--v-trans) ease-in-out}.project .img-hover-blend img:hover{opacity:0}.img-stutter{aspect-ratio:1;border-radius:var(--v-rad);background-position:0;background-size:cover}.stutter-4-frames{animation:2.5s step-end infinite stutter-4}@keyframes stutter-4{0%{background-position:0%}33%{background-position:33.4%}66%{background-position:66.7%}to{background-position:100%}}@media only screen and (width>=700px){#backbutton,#pro-menu{left:calc(50vw - 346px)}#backbutton:before{content:".home";font-size:13px;font-family:var(--f-head);color:var(--c-main);opacity:0;transition:all var(--v-trans) ease-in-out;position:relative;top:40px}#backbutton:hover:before{opacity:1;top:50px}#pro-head{max-width:630px;margin:70px 4px 10% 66px}.pro-menu-link:hover{transform:scale(1.1)translate(5px)}.pro-wrap{max-width:650px;padding:10% 4px 10% 57px}.project .img-ss,.project .vid-ss{height:calc((650px - 2 * var(--v-gap)) / 2);aspect-ratio:1}.project .img-s35,.project .vid-s35{height:calc((650px - 2 * var(--v-gap)) / 2.267);aspect-ratio:3/5}.project .img-s53,.project .vid-s53{height:calc((650px - 2 * var(--v-gap)) / 2.267);aspect-ratio:5/3}.project .img-ss169,.project .vid-ss169{height:calc((650px - 2 * var(--v-gap)) / 2.778);aspect-ratio:1}.project .img-s169s,.project .vid-s169s{height:calc((650px - 2 * var(--v-gap)) / 2.778);aspect-ratio:16/9}.project .img-sr,.project .vid-sr{flex-grow:3;width:100%}}