@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";:root{--width: 1000px;--trans: .3s;--gap: 22px;--navBG: rgba(255, 255, 255, .301);--navText: black;--footer: white}:root body.dark{--navBG: rgba(0, 0, 0, .26);--navText: white;--footer: rgb(41, 41, 41)}*{box-sizing:border-box;margin:0;padding:0;outline:none;text-decoration:none}html{font-size:16px}body{min-height:100vh;min-height:100lvh;font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.1rem;display:flex;flex-direction:column}#primaryNav{position:fixed;z-index:100;width:100vw;width:100dvw;background-color:var(--navBG);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 30px #00000059;transition:height var(--trans)}#primaryNav a:focus{outline:none}#primaryNav li{list-style:none}#primaryNav #ulMain{display:flex;list-style-type:none;overflow:hidden;margin:0;padding:0}#primaryNav #ulMain a{display:inline-block;width:100%;padding:0 22px;color:var(--navText);text-align:center;text-decoration:none}@media (min-width: 701px){#primaryNav{transition:translate var(--trans)}#primaryNav.hidden{translate:0px -50px}#primaryNav #ulMain{max-width:var(--width);margin:0 auto;flex-direction:row;justify-content:left}#primaryNav #ulMain a{height:50px;line-height:50px;font-size:1.3rem;font-weight:400}#primaryNav #ulMain a.active{font-weight:800}#primaryNav #ulMain .sub{display:none}#primaryNav #path{max-width:var(--width);margin:0 auto;display:flex;justify-content:left}#primaryNav #path li{color:var(--navText)}#primaryNav #path li a{color:var(--navText);height:40px;line-height:40px;font-size:1rem}#primaryNav #path li:first-child:before{content:"";margin:0 15px 0 0}#primaryNav #path li:before{content:">";margin:0 10px}}@media (max-width: 700px){#primaryNav{height:70px;overflow:hidden}#primaryNav.exposed{height:100vh}#primaryNav.exposed #ulMain>:nth-child(1){translate:0px 0px}#primaryNav #ulMain{flex-direction:column;justify-content:normal;height:100%;padding:80px 0 0 50px}#primaryNav #ulMain a{height:50px;line-height:50px;font-size:1.8rem;font-weight:600;text-align:left}#primaryNav #ulMain .sub{display:flex;flex-direction:column;padding-left:20px}#primaryNav #ulMain .sub a{font-weight:400}#primaryNav #ulMain .sub a.active{font-weight:600}#primaryNav #ulMain>:nth-child(1){translate:-30px -70px;transition:translate var(--trans)}}.hamburgerMenu{display:none;position:fixed;width:30px;height:30px;top:20px;right:20px;background-color:transparent;outline:none;border:none}.hamburgerMenu div{position:absolute;width:30px;height:6px;background-color:var(--navText);border-radius:3px;transition-duration:.35s}.hamburgerMenu :nth-child(1){top:4px}.hamburgerMenu :nth-child(2){top:20px}.hamburgerMenu.close :nth-child(1){transform:translateY(8px)}.hamburgerMenu.close :nth-child(2){transform:translateY(-8px)}@media (max-width: 700px){.hamburgerMenu{display:block}}h1{height:300px;padding:120px 0 0;text-align:center;font-size:5rem;font-weight:500}h2{text-align:center;font-size:3rem;font-weight:400}.note{width:fit-content;margin:auto;color:#fff;text-align:center;font-size:2.5rem;font-family:Reenie Beanie}.row{margin:0 auto;padding:0 var(--gap);max-width:var(--width);width:100%}.row.cardContainer{display:flex;flex-wrap:wrap;gap:var(--gap)}.row.cardContainer .card{flex:1 1 100%;height:500px;width:100%;box-shadow:0 3px 26px #00000052;border-radius:16px}@media (min-width: 1000px){.row.cardContainer .card.half{flex:1 1 50%}}div.gallery{margin:0 auto;display:flex;flex-direction:column;justify-content:left;gap:30px}div.gallery h2{margin:40px 0 0;color:#fff}div.gallery .Artpice{display:flex;flex-direction:row;justify-content:right;transition:.3s}div.gallery .Artpice.focus{position:fixed;z-index:110;display:flex;inset:0;background-color:#0000001c;backdrop-filter:blur(40px)}div.gallery .Artpice.focus .container{width:calc(100vw - 400px);display:flex;flex-direction:column;padding:20px;gap:20px;overflow-y:scroll;align-content:center}div.gallery .Artpice.focus .container img,div.gallery .Artpice.focus .container iframe{position:relative;margin:auto;width:unset;max-width:100%;height:auto;max-height:calc(100vh - 60px);scale:none;filter:none;inset:0}div.gallery .Artpice.focus .container img{aspect-ratio:unset!important}div.gallery .Artpice.focus .container iframe{display:block;width:100%}div.gallery .Artpice.focus span{width:400px;padding:20px;font-size:1.8rem;justify-content:start}div.gallery .Artpice.focus span p{margin:0 3em 0 0;max-width:500px;overflow:auto;font-size:.6em;display:-webkit-box;-webkit-line-clamp:unset}div.gallery .Artpice .container{position:relative;display:flex;flex-direction:row}div.gallery .Artpice .container img{z-index:10;position:relative;height:16vw;max-height:300px;object-fit:cover;border-radius:10px;box-shadow:-2px 4px 16px #0009}div.gallery .Artpice .container img._16_9{aspect-ratio:16/9}div.gallery .Artpice .container img._21_9{aspect-ratio:21/9}div.gallery .Artpice .container img._1_1{aspect-ratio:1/1}div.gallery .Artpice .container iframe{display:none;z-index:10;position:relative;height:16vw;max-height:300px;aspect-ratio:21/9;border-radius:10px;box-shadow:2px 4px 16px #000000b3;overflow:hidden}div.gallery .Artpice .container *:nth-child(2){position:absolute;left:max(-2vw,-50px);z-index:9;transform-origin:left;scale:.8;filter:blur(2px) brightness(60%)}div.gallery .Artpice .container *:nth-child(3){position:absolute;left:max(-4vw,-100px);z-index:8;transform-origin:left;scale:.6;filter:blur(4px) brightness(50%)}div.gallery .Artpice .container *:nth-child(4){position:absolute;left:max(-6vw,-150px);z-index:7;transform-origin:left;scale:.4;filter:blur(6px) brightness(40%)}div.gallery .Artpice span{width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 min(2vw,37px);font-size:min(2vw,37px);color:var(--navText);text-shadow:0px 2px 16px rgba(0,0,0,.795)}div.gallery .Artpice span h3{font-size:1.2em;margin:0 0 .2em}div.gallery .Artpice span .type{width:min-content;padding:.2em .6em;margin:0 0 .8em;font-size:.6em;border-radius:.4em;background-color:#525252}div.gallery .Artpice span .type.artwork{background-color:#8d2121}div.gallery .Artpice span .type.vfx{background-color:#850baa}div.gallery .Artpice span .type.animation{background-color:#0d8046}div.gallery .Artpice span .type.film{background-color:#b94401}div.gallery .Artpice span p{margin:0 3em 0 0;max-width:500px;overflow:hidden;text-overflow:ellipsis;font-size:.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 425px){div.gallery .Artpice{flex-direction:column;justify-content:center}div.gallery .Artpice .container{width:fit-content;margin:0 auto;justify-content:center}div.gallery .Artpice span{width:auto;text-align:center}div.gallery .Artpice span .type{margin:0 auto}}footer{margin:40px 0 0;background-color:var(--footer)}footer .linkContainer{display:flex;justify-content:center}footer .linkContainer span{display:flex;flex-direction:column}footer .linkContainer span h3{margin:4px 20px;color:var(--navText);font-size:1rem;font-weight:600}footer .linkContainer span a{margin:4px 20px;color:var(--navText);font-weight:400}@media (min-width: 701px){footer .linkContainer{max-width:var(--width);padding:var(--gap);margin:0 auto;flex-direction:row;justify-content:space-between}}@media (max-width: 700px){footer .linkContainer{flex-direction:column;padding:30px 10%}footer .linkContainer span{margin:26px 0 0}}
