*{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style-position:outside;padding-left:1rem}p{line-height:1.5}pre{text-wrap:wrap}.photo-border{background:#8f969e;box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3),0 0 1.5rem .1rem rgba(0,0,0,.3);border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-height:100vh}.photo-border .inner-shadow{box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3);position:absolute;top:5%;left:5%;height:90%;width:90%}.photo-border .puzzle-background{height:90%;width:90%;display:flex;align-items:center}.photo-border .photo{width:100%}.connector{background-color:#313131;box-shadow:0 0 1.5rem .1rem rgba(0,0,0,.3);width:10%;height:3rem}html{background-color:#000}.background{background-image:url(/images/the-witness/vertical-banners/VerticalBanners_High01.jpg);background-size:cover;filter:blur(3px);width:100%;height:100%;min-height:100vh;position:absolute;top:0;left:0;z-index:-9999}.container{align-items:center;display:flex;flex-direction:column;max-width:750px;margin:0 auto;padding:1rem 1rem 0}h1{text-shadow:0 0 20px rgba(0,0,0,.5);color:hsla(0,0%,100%,.9);font-family:Georgia,serif;font-feature-settings:"smcp";font-variant:small-caps;font-weight:400;font-size:3rem;text-align:center}main{flex-direction:column;margin-top:2rem}div.debug,main{align-items:center;display:flex}div.debug{background:#8f969e;box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3),0 0 1.5rem .1rem rgba(0,0,0,.3);border-radius:5px;position:relative;justify-content:center;color:#fff;width:100%}div.debug .inner-shadow{box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3);position:absolute;top:20px;left:20px;height:calc(100% - 40px);width:calc(100% - 40px)}div.debug .puzzle-background{height:calc(100% - 40px);width:calc(100% - 40px);display:flex;align-items:center}div.debug .photo{width:100%}section.debug{padding:40px;text-shadow:#fff 0 0 5px;width:100%}.nav-border{background:#8f969e;box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3),0 0 1.5rem .1rem rgba(0,0,0,.3);border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center}.nav-border .inner-shadow{box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3);position:absolute;top:20px;left:20px;height:calc(100% - 40px);width:calc(100% - 40px)}.nav-border .puzzle-background{height:calc(100% - 40px);width:calc(100% - 40px);display:flex;align-items:center}.nav-border .photo{width:100%}.nav-border .puzzle-background{margin:20px 0}.nav-border .inner-shadow{pointer-events:none}@media screen and (max-width:575px){.nav-border{background:#8f969e;box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3),0 0 1.5rem .1rem rgba(0,0,0,.3);border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center}.nav-border .inner-shadow{box-shadow:inset 0 0 .25rem .1rem rgba(0,0,0,.3);position:absolute;top:10px;left:10px;height:calc(100% - 20px);width:calc(100% - 20px)}.nav-border .puzzle-background{height:calc(100% - 20px);width:calc(100% - 20px);display:flex;align-items:center}.nav-border .photo{width:100%}.nav-border .puzzle-background{margin:10px 0}}nav{margin-top:1rem;width:100%}nav a{color:#fff;font-family:Georgia,serif;font-feature-settings:"smcp";font-variant:small-caps;font-size:1.25rem;text-shadow:#fff 0 0 10px;text-transform:capitalize}nav a:hover{text-decoration:none}nav ul{display:flex;justify-content:space-between;list-style:none;width:100%;flex-wrap:wrap;gap:.5rem;padding:20px}nav .nav-link{display:flex;justify-content:center;padding-bottom:1rem;transform:translateX(calc(50% - .75rem))}.nav-mobile{height:100%;width:100%}@media screen and (min-width:575px){.nav-mobile{display:none}}.nav-puzzle{height:calc(100% - 40px);width:calc(100% - 40px);display:flex;padding:1rem;width:100%}.nav-puzzle .section{align-self:stretch;display:flex;flex-direction:column;flex-grow:2;padding-bottom:.75rem}.nav-puzzle .elbow{display:flex;justify-content:flex-end}.nav-puzzle .half-circle{align-self:flex-end;background-color:#00008b;border-radius:10rem 10rem 0 0;width:1.5rem;height:.75rem}.nav-puzzle .circle{border-radius:100%;height:3rem;width:3rem}.nav-puzzle .circle,.nav-puzzle .horizontal{align-self:flex-end;background-color:#00008b}.nav-puzzle .horizontal{flex-grow:2;height:1.5rem;margin-left:-5px}.nav-puzzle .vertical{align-self:flex-start;background-color:#00008b;width:1.5rem;height:3.25rem;border-radius:10rem 10rem 0 0}.nav-puzzle .vertical:nth-last-of-type(2){border-bottom-right-radius:5rem}.nav-puzzle .opacity-0{opacity:0}@media screen and (max-width:575px){.nav-puzzle{display:none}}