.modal-screen{background-color:#3a3737;z-index:9999;position:absolute;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden}.modal-screen .container{max-width:600px;padding:1rem;font-size:1.2rem;color:#ccc}.modal-screen .container .info{margin-bottom:2rem}.modal-screen .container .info a{color:inherit}.modal-screen .container .info a:hover{color:#eee}.modal-screen .container button{display:flex;background:none;border:none;color:#eee;font-size:1.2rem;margin:4rem auto 0;position:relative;padding:1rem}.modal-screen .container button .arrow{display:inline-block;transition:transform .2s;margin-left:.4rem}.modal-screen .container button:after{content:"";position:absolute;width:100%;height:2px;background-color:#eee;left:0;bottom:0;z-index:-1;transition:height .2s}.modal-screen .container button:hover{color:#3a3737;cursor:pointer}.modal-screen .container button:hover .arrow{transform:translateX(2px)}.modal-screen .container button:hover:after{height:100%}@media screen and (max-width:600px){.modal-screen{align-items:flex-start}.modal-screen .container{padding:1rem}.modal-screen .container button{margin-top:2rem}}.modal-screen .container #modalButton .back{display:none}.modal-screen .container.about #modalButton .back,.modal-screen .container.about .info{display:block}.modal-screen .container.about #modalButton .continue{display:none}.art-wrapper>.art g#S{-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}@-webkit-keyframes glow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.001)}}@keyframes glow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.001)}}.transition{width:100vw;height:100vh;pointer-events:none;position:fixed;z-index:200;top:0;left:0}.transition__path:nth-of-type(3){fill:#3a3737}.transition__path:nth-of-type(2){fill:#484848}.transition__path:first-of-type{fill:#eee}html{font-size:16px}@media screen and (max-width:600px){html{font-size:14px}}body{--c-text1:#eee;--c-bg:#3a3737;--c-floating-text:#3a3737;margin:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--c-bg);cursor:default;font-family:DM Sans,sans-serif;transition:background-color .3s ease}body.mode-1{--c-text1:#231f20;--c-bg:#a00c0c;--c-floating-text:#eee}body.mode-2{--c-text1:#a00c0c;--c-bg:#231f20;--c-floating-text:#eee}main{width:100vw;height:100vh;overflow:hidden;position:relative}.bg-text-lines{transform:rotate(-8deg) translate(-8vh,-8vw)}.bg-text-line{white-space:nowrap;position:absolute;left:0}.bg-text-line:nth-child(2n) .bg-text{font-size:18vh}.bg-text-line:first-child .bg-text,.bg-text-line:nth-child(3) .bg-text,.bg-text-line:nth-child(4) .bg-text{font-size:24vh}@media (orientation:portrait){.bg-text-line:nth-child(n) .bg-text{font-size:24vw;line-height:1}.bg-text-line:nth-child(2n) .bg-text{font-size:22vw}.bg-text-line:first-child .bg-text,.bg-text-line:nth-child(3) .bg-text,.bg-text-line:nth-child(4) .bg-text{font-size:28vw}}.bg-text{margin:0;text-transform:uppercase;font-size:21vh;font-weight:700;color:var(--c-text1);line-height:.9;transition:color .3s ease}.bg-text.alt{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;font-style:italic}body.mode-1 .bg-text.alt,body.mode-2 .bg-text.alt{-webkit-text-stroke-width:2px}.art-wrapper{margin:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:-1%;left:50%;transform:translateX(-50%);width:100%}.art-wrapper .art{bottom:0;max-height:75vh;height:auto;width:100%;position:absolute;-o-object-fit:none;object-fit:none}#infoButton{width:2.5rem;height:2.5rem;background:var(--c-text1);z-index:100;border:none;box-shadow:0 0 4px 0 rgba(0,0,0,.2);font-size:1.2rem;font-weight:700;cursor:pointer}#infoButton,.floating{color:var(--c-floating-text)}.floating{margin:1rem;position:fixed;z-index:50;transition:color .3s ease}.floating a{color:inherit}.floating.bottom{bottom:0}.floating.top{top:0}.floating.left{left:0;text-transform:uppercase;font-weight:700;background-color:var(--c-text1);transition:background-color .3s ease;padding:1rem}.floating.left a{font-style:italic}.floating.right{right:0}.floating.right.img img{width:54px;transition:transform .2s ease-out}.floating.right.img:hover img{transform:scale(.92)}.floating.right.text{text-transform:uppercase;font-weight:700;background-color:var(--c-text1);transition:background-color .3s ease;padding:1rem;font-style:italic}@media screen and (max-width:768px){.floating{display:none}.floating.visible{display:block}}.frame__mode{margin-right:1.5rem;display:flex;justify-content:center}.frame__mode-item{position:relative;margin:0 .25rem;width:20px;height:20px;pointer-events:auto}.frame__mode-item--mode-1 .frame__mode-input{background-color:#a00c0c}.frame__mode-item--mode-2 .frame__mode-input{background-color:#231f20}.frame__mode-input{width:20px;height:20px;border-radius:50%;background-color:#eee}.frame__mode-input:checked:after{content:"";width:24px;height:24px;position:absolute;border:1px solid #eee;border-radius:50%;top:-3px;left:-3px}.frame__mode-input,.frame__mode-label{font-size:0;position:absolute;width:100%;height:100%;left:0;top:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}.frame__mode-label{opacity:0}