.nav{position:absolute;left:90%;top:5%;padding:.5rem;z-index:1000}.nav ul{display:flex;flex-direction:column;padding:0;margin:0;list-style-type:none}.nav a{text-decoration:none;color:inherit;padding:.5rem 0;color:#616161}.nav a:hover{color:#212427;text-decoration:underline}.grid-container:before,.grid-container:after,.grid-container .vertical-line-left,.grid-container .vertical-line-right,.grid-container .vertical-line-right-extra1,.grid-container .vertical-line-right-extra2{content:"";position:absolute;background-color:#d3d3d3}.grid-item .logo img{width:30%;height:auto}article.context p{position:absolute;top:5%;left:10%;padding:.5rem;z-index:1000}.explore-button{position:absolute;top:15%;left:10%;margin-left:.5rem;padding:.5rem;z-index:1000;background-color:#fff}.explore-button:hover{background-color:#212427;color:#fff;cursor:pointer}.canvas-container{position:absolute;top:10%;left:5%;width:90%;height:90vh}.canvas-container canvas{width:100%;height:100%}.reset-button{display:flex;flex-direction:column;width:auto;padding:10px 20px;background:#fff0;border:1px solid rgba(255,255,255,.3);border-radius:1000px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:16px;cursor:pointer;z-index:1;transition:background .3s,border .3s}.reset-button:hover{background:#00f;border:1px solid rgba(255,255,255,.5)}.grid-container:before,.grid-container:after,.grid-container .vertical-line-left,.grid-container .vertical-line-right,.grid-container .vertical-line-right-extra1,.grid-container .vertical-line-right-extra2,.grid-container .vertical-line-right-extra3,.grid-container .vertical-line-right-extra4,.grid-container .horizontal-line-mid{content:"";position:absolute;background-color:#d3d3d3}.grid-container .horizontal-line-mid{top:50%;left:0;width:100%;height:1px}.ul-poi{position:absolute;width:85%;margin:0;top:15%;left:5%;padding:0;list-style-type:none;font-size:8rem;height:80%;line-height:8rem}.ul-poi a{text-decoration:none;color:#737373}.ul-poi a:hover{color:#000}#spotlight{position:fixed;opacity:1;width:100vw;height:100vh;top:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#0000 50px,#000000e6 200px);animation:pulse 3s ease-in-out infinite alternate forwards;z-index:1}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.grid-container{position:relative;width:100%;height:100vh}.grid-container:before,.grid-container:after,.grid-container .vertical-line-left,.grid-container .vertical-line-right,.grid-container .vertical-line-right-extra1,.grid-container .vertical-line-right-extra2,.grid-container .vertical-line-right-extra3,.grid-container .vertical-line-right-extra4{content:"";position:absolute;background-color:#d3d3d3}.grid-container:before{top:5%;left:0;width:100%;height:1px}.grid-container:after{top:95%;left:0;width:100%;height:1px}.grid-container .vertical-line-left{top:0;bottom:0;left:5%;width:1px}.grid-container .vertical-line-right{top:0;bottom:0;left:10%;width:1px}.grid-container .vertical-line-right-extra1{top:0;bottom:0;left:95%;width:1px}.grid-container .vertical-line-right-extra2{top:0;bottom:0;left:90%;width:1px}.grid-container .vertical-line-right-extra3{top:0;bottom:0;left:30%;width:1px}.grid-container .vertical-line-right-extra4{top:0;bottom:0;left:80%;width:1px}.grid-item .logo{position:absolute;top:5%;left:5%;width:auto;height:auto;padding:.5rem}article.context p{position:absolute;top:5%;left:10%;padding:.5rem}.horizontal-line{position:absolute;top:20%;left:0;width:100%;height:1px;background-color:#d3d3d3}.horizontal-line.bottom-line{top:80%}.modifier{position:absolute;padding-left:.5rem;padding-top:.5rem;top:20%;left:10%;width:18%;height:60%;color:#212427}.modifier label{display:block;margin-bottom:.5rem}.modifier label input[type=range],.modifier label input[type=color]{width:100%}.modifier label input[type=range]{-webkit-appearance:none;width:100%;height:1px;background:#000;outline:none;opacity:.7;transition:opacity .2s}.modifier label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#000;cursor:pointer}.modifier label input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#000;cursor:pointer}.modifier label input[type=color]{width:20%;padding:0;margin-left:10px}.modifier label input[type=checkbox]{margin-left:10px}.shape-title{position:absolute;padding-left:.5rem;padding-top:.5rem;top:80%;left:10%;width:19%;height:15%;color:#212427}.shape-des{position:absolute;padding-left:.5rem;padding-top:.5rem;top:80%;left:30%;width:49%;height:15%;text-align:justify;color:#212427}.shape-download{display:flex;flex-direction:column;position:absolute;padding-left:.5rem;padding-top:.5rem;top:20%;left:80%;width:9%;height:60%}.shape-download p{margin-bottom:1rem;text-align:justify}.shape-download a{text-decoration:none;color:#000;padding:.5rem;border:1px solid black}.shape-download a:hover{background-color:#000;color:#fff}.shape-frame{position:absolute;top:20%;left:30%;width:50%;height:60%}.ticker-container{position:absolute;overflow:hidden;white-space:nowrap;width:50%;box-sizing:border-box;background-color:#000;color:#fff;top:5%;left:30%}.ticker-move{display:inline-block;white-space:nowrap;animation:tickerMove 120s linear infinite}.ticker-container:hover .ticker-move{animation-play-state:paused;cursor:pointer}.ticker-item{display:inline-block;font-size:2rem}@keyframes tickerMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}body{margin:0;padding:0;background-color:#fafafa}h1{padding:0;margin:0}p{margin:0;padding:0}@font-face{font-family:SofaChrome;src:url(/assets/SFPRODISPLAYREGULAR-DF_3XEGl.OTF) format("opentype");font-weight:400;font-style:normal}body,button{font-family:SofaChrome,sans-serif;color:#212427}