:root{font-size:62.5%;--height: calc( var( --vh, 1vh ) * 100 );--width: calc( var( --vw, 1vw ) * 100 )}*,*::before,*::after{box-sizing:border-box;padding:0;margin:0;line-height:1;transform:translate3d(0, 0, 0);-webkit-tap-highlight-color:rgba(0,0,0,0)}ul{list-style:none}li{list-style-type:none}@font-face{font-family:'Posterama';src:url("../font/Posterama.eot");src:local("Posterama"),local("Posterama"),url("../font/Posterama.eot?#iefix") format("embedded-opentype"),url("../font/Posterama.woff2") format("woff2"),url("../font/Posterama.woff") format("woff"),url("../font/Posterama.ttf") format("truetype"),url("../font/Posterama.svg#Posterama") format("svg");font-weight:normal;font-style:normal;font-display:swap}::-webkit-scrollbar,::-webkit-scrollbar-button,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-thumb,::-webkit-scrollbar-corner,::-webkit-resizer{display:none !important;background:none !important;background-color:transparent !important;border-radius:0 !important;box-shadow:none !important;border:none !important;outline:none !important;width:0 !important;height:0 !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important}body{scrollbar-color:transparent !important;scrollbar-width:0 !important}::-moz-selection,::selection{background-color:rgba(0,0,0,0);color:#FFF}:-moz-placeholder{color:rgba(255,255,255,0.9)}::-moz-placeholder{color:rgba(255,255,255,0.9)}:-ms-input-placeholder{color:rgba(255,255,255,0.9)}::-webkit-input-placeholder{color:rgba(255,255,255,0.9)}:placeholder-shown{color:rgba(255,255,255,0.9)}::placeholder{color:rgba(255,255,255,0.9)}html,body{height:100vh;width:100vw;background-color:#080808;background:url("../image/studio.png") no-repeat,linear-gradient(90deg, #1a1a1a 0%, #080808 50%, #1a1a1a 100%);background:url("../image/studio.png") no-repeat,linear-gradient( 90deg, hsl(0deg 4% 11%) 0%, hsl(0deg 3% 9%) 13%, hsl(0deg 2% 7%) 25%, hsl(0deg 1% 5%) 37%, hsl(0deg 0% 3%) 50%, hsl(0deg 1% 5%) 63%, hsl(0deg 2% 7%) 75%, hsl(0deg 3% 9%) 87%, hsl(0deg 4% 11%) 100% );background-size:cover;color:rgba(255,255,255,0.9);font:normal normal 700 1.6rem/1.168em -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, sans-serif;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.0004);-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.0004);-o-text-shadow:1px 1px 1px rgba(0,0,0,0.0004);-webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.0004);text-shadow:1px 1px 1px rgba(0,0,0,0.0004);-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;backface-visibility:hidden;scroll-behavior:smooth;overflow:hidden;height:var(--height);width:var(--width);-webkit-app-region:drag}body{display:grid;height:100vh;width:100vw;height:var(--height);width:var(--width);grid-template-columns:100%;grid-template-rows:85% 15%}body>header{display:flex;justify-content:center;grid-area:1 / 1 / span 1 / span 1;height:100%;width:100%;pointer-events:none;user-select:none}body>header>picture{position:absolute;display:flex;height:auto;width:clamp(100px, 80vw, 500px);width:clamp(100px, calc( 80 * var( --vw )), 500px);align-self:start;justify-content:center;align-items:center;margin-top:-5vh;margin-top:calc( -5 * var( --vh ));object-fit:contain;pointer-events:none;user-select:none}body>header>picture>img{height:auto;width:100%;opacity:0;pointer-events:none;user-select:none;animation:fade-logo 300ms ease-out 800ms forwards}body>header>h1{font-family:"Posterama", sans-serif;color:rgba(181,182,170,0.6);text-align:center;font-size:clamp(1.6em, 5vw, 7vh);font-size:clamp(1.6em, calc( 5 * var( --vw )), calc( 7 * var( --vh )));font-weight:100;text-shadow:1px 1px 2px rgba(11,11,11,0.4);white-space:nowrap;margin-top:16vh;margin-top:calc( 16 * var( --vh ));opacity:0;pointer-events:none;user-select:none;animation:fade-title 300ms ease-out 800ms forwards}body>main{position:absolute;top:0;left:0;display:flex;place-content:center;height:100vh;width:100vw;height:var(--height);width:var(--width);grid-area:1 / 1 / span 1 / span 1}body>main>iframe{height:clamp(30vh, calc( 0.6 * 80vw), 40vh);height:clamp(calc( 30 * var( --vh )), calc( 0.6 * calc( 80 * var( --vw ) )), calc( 40* var( --vh )));width:70vw;width:calc( 70 * var( --vw ));align-self:center;justify-self:center;margin-top:30vh;margin-top:calc( 30 * var( --vh ));opacity:0;animation:fade-widget 300ms ease-out 1000ms forwards;z-index:2}body>main>picture{position:fixed;top:0;margin-top:20vh;margin-top:calc( 20 * var( --vh ));object-fit:contain;pointer-events:none;user-select:none;z-index:1}body>main>picture>img{width:100%;height:auto;object-fit:contain;transform:scalex(-1);opacity:0;pointer-events:none;user-select:none;animation:fade-feature 400ms ease-out 300ms forwards}body>nav{display:flex;width:100vw;width:var(--width);justify-content:center;align-items:center;grid-area:2 / 1 / span 1 / span 1;background:linear-gradient(0deg, rgba(8,8,8,0.8) 50%, rgba(8,8,8,0) 100%);opacity:0;animation:fade-icons 300ms ease-out 500ms forwards}body>nav>ul{display:flex;width:100vw;width:var(--width);padding:0 10vw;padding:0 calc( 10 * var( --vw ));flex-direction:row;flex-wrap:nowrap;justify-content:space-between}body>nav>ul>li>a,body>nav>ul>li a:link,body>nav>ul>li a:visited,body>nav>ul>li a:hover,body>nav>ul>li a:active{color:rgba(202,202,203,0.9);font-family:-apple-system, BlinkMacSystemFont, segoe ui, "Segoe UI", helvetica neue, helvetica, Tahoma, Geneva, Verdana, Ubuntu, roboto, sans-serif;font-size:1rem;text-decoration:none;font-weight:700;text-align:center}body>nav>ul>li>a>figure,body>nav>ul>li a:link>figure,body>nav>ul>li a:visited>figure,body>nav>ul>li a:hover>figure,body>nav>ul>li a:active>figure{display:flex;flex-direction:column;justify-content:center;align-items:center}body>nav>ul>li>a>figure>picture,body>nav>ul>li a:link>figure>picture,body>nav>ul>li a:visited>figure>picture,body>nav>ul>li a:hover>figure>picture,body>nav>ul>li a:active>figure>picture{display:flex;height:auto;width:clamp(6vh, 12vw, 46px);width:clamp(6vh, calc( 12 * var( --vw )), 46px)}body>nav>ul>li>a>figure>picture>img,body>nav>ul>li a:link>figure>picture>img,body>nav>ul>li a:visited>figure>picture>img,body>nav>ul>li a:hover>figure>picture>img,body>nav>ul>li a:active>figure>picture>img{height:auto;width:100%;border:none;outline:none;opacity:0.9}body>nav>ul>li>a>figure>figcaption,body>nav>ul>li a:link>figure>figcaption,body>nav>ul>li a:visited>figure>figcaption,body>nav>ul>li a:hover>figure>figcaption,body>nav>ul>li a:active>figure>figcaption{display:none;margin-top:1rem;font-size:1.6em;font-weight:900;text-transform:uppercase;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color:rgba(202,202,203,0.4)}body>nav>ul>li[data-view=full],body>nav>ul>li[data-show=false]{display:none}body>footer{position:fixed;display:none;bottom:1vh;bottom:calc( 1 * var( --vh ));left:0;width:100vw;width:var(--width);padding-bottom:env(safe-area-inset-bottom)}body>footer>ul{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end}body>footer>ul>li{color:rgba(202,202,203,0.2);font-family:-apple-system, BlinkMacSystemFont, segoe ui, "Segoe UI", helvetica neue, helvetica, Tahoma, Geneva, Verdana, Ubuntu, roboto, sans-serif;font-size:0.8em;font-size:clamp(0.8em, 0.8rem, 12px);font-weight:600;margin-right:1vw;margin-right:calc( 1 * var( --vw ))}@media only screen and (orientation: landscape){body{grid-template-rows:80% 20%}body>main>iframe{height:30vh;height:calc( 30 * var( --vh ));width:40vw;width:calc( 40 * var( --vw ))}body>main>picture{top:0;bottom:unset;height:auto;height:30vh;height:calc( 30 * var( --vh ));margin-top:4vh;margin-top:calc( 4 * var( --vh ));z-index:1}body>nav>ul>li>a>figure>picture,body>nav>ul>li a:link>figure>picture,body>nav>ul>li a:visited>figure>picture,body>nav>ul>li a:hover>figure>picture,body>nav>ul>li a:active>figure>picture{width:clamp(2vh, 10vh, 64px);width:clamp(calc( 2 * var( --vh )), calc( 10 * var( --vh )), 64px)}body>nav>ul>li[data-view=full]{display:unset}}@media only screen and (min-width: 768px) and (min-height: 1024px){body{grid-template-rows:30% 70%}body>header>picture{position:absolute;height:30vh;height:calc( 30 * var( --vh ));width:auto}body>header>picture>img{height:100%;width:auto}body>header>h1{display:unset;animation:fade-title 300ms ease-out 800ms forwards}body>main{grid-area:2 / 1 / span 1 / span 1}body>main>iframe{width:30vw;height:30vh;width:calc( 30 * var( --vw ));height:calc( 30 * var( --vh ));max-width:600px;max-height:400px;align-self:end;margin-bottom:40vh;margin-bottom:calc( 40 * var( --vh ))}body>main>picture{height:80vh;height:calc( 80 * var( --vh ));width:auto;margin-top:unset;z-index:1}body>main>picture>img{height:100%;width:auto}body>nav{grid-area:1 / 1 / span 1 / span 1;background:none;align-self:end;margin-bottom:1vh;margin-bottom:calc( 1 * var( --vh ))}body>nav>ul{justify-content:center}body>nav>ul>li{width:clamp(calc( 2vh * 2), calc( 10vh * 2), calc( 64px * 2));width:clamp(calc( calc( 2 * var( --vh ) ) * 2), calc( calc( 10 * var( --vh ) ) * 2), calc( 64px * 2))}body>nav>ul>li>a>figure>picture,body>nav>ul>li a:link>figure>picture,body>nav>ul>li a:visited>figure>picture,body>nav>ul>li a:hover>figure>picture,body>nav>ul>li a:active>figure>picture{width:clamp(2vh, 10vh, 64px);width:clamp(calc( 2 * var( --vh )), calc( 10 * var( --vh )), 64px)}body>nav>ul>li[data-view=full]{display:unset}body>footer{display:unset}}@keyframes fade-feature{to{opacity:0.94}}@keyframes fade-icons{to{opacity:1}}@keyframes fade-logo{to{opacity:0.3}}@keyframes fade-title{to{opacity:1}}@keyframes fade-widget{to{opacity:0.7}}@media (min-width: 1025px) and (pointer: fine) and (hover: hover){@keyframes fade-logo{to{opacity:0.3}}}