*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}ul,ol{padding-left:1rem;list-style-position:outside}p{line-height:1.5}pre{text-wrap:wrap}.photo-border{aspect-ratio:1;background:#8f969e;border-radius:5px;justify-content:center;align-items:center;max-height:100svh;display:flex;position:relative;box-shadow:inset 0 0 .25rem .1rem #0000004d,0 0 1.5rem .1rem #0000004d}.photo-border .inner-shadow{width:90%;height:90%;position:absolute;top:5%;left:5%;box-shadow:inset 0 0 .25rem .1rem #0000004d}.photo-border .puzzle-background{background-color:#000;align-items:center;width:90%;height:90%;display:flex}.photo-border .image{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.connector{background-color:#313131;width:10%;height:3rem;box-shadow:0 0 1.5rem .1rem #0000004d}html{background-color:#83b5d9}body{background-color:#0000;background-image:url(/images/the-witness/vertical-banners/01.webp),url(/images/the-witness/vertical-banners/02.webp),url(/images/the-witness/vertical-banners/03.webp),url(/images/the-witness/vertical-banners/04.webp),url(/images/the-witness/vertical-banners/05.webp),url(/images/the-witness/vertical-banners/06.webp),url(/images/the-witness/vertical-banners/07.webp),url(/images/the-witness/vertical-banners/08.webp),url(/images/the-witness/vertical-banners/09.webp),url(/images/the-witness/vertical-banners/10.webp),url(/images/the-witness/vertical-banners/11.webp),url(/images/the-witness/vertical-banners/12.webp),url(/images/the-witness/vertical-banners/13.webp),url(/images/the-witness/vertical-banners/14.webp);background-position:0 0,0 313.333vw,0 626.667vw,0 940vw,0 1253.33vw,0 1566.67vw,0 1880vw,0 2193.33vw,0 2506.67vw,0 2820vw,0 3133.33vw,0 3446.67vw,0 3760vw,0 4073.33vw;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:contain;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box}.container{flex-direction:column;align-items:center;max-width:750px;margin:0 auto;padding:1rem 1rem 0;display:flex}h1{text-shadow:0 0 20px #00000080;color:#ffffffe6;font-variant:small-caps;text-align:center;font-family:Georgia,serif;font-size:3rem;font-weight:400}main{flex-direction:column;align-items:center;margin-top:2rem;display:flex}div.debug{color:#fff;background:#8f969e;border-radius:5px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;box-shadow:inset 0 0 .25rem .1rem #0000004d,0 0 1.5rem .1rem #0000004d}div.debug .inner-shadow{width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;top:20px;left:20px;box-shadow:inset 0 0 .25rem .1rem #0000004d}div.debug .puzzle-background{background-color:#00f;align-items:center;width:calc(100% - 40px);height:calc(100% - 40px);display:flex}div.debug .image{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}section.debug{text-shadow:0 0 5px #fff;width:100%;padding:40px}.nav-border{background:#8f969e;border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 .25rem .1rem #0000004d,0 0 1.5rem .1rem #0000004d}.nav-border .inner-shadow{width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;top:20px;left:20px;box-shadow:inset 0 0 .25rem .1rem #0000004d}.nav-border .puzzle-background{background-color:#00f;align-items:center;width:calc(100% - 40px);height:calc(100% - 40px);display:flex}.nav-border .image{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.nav-border .puzzle-background{margin:20px 0}.nav-border .inner-shadow{pointer-events:none}@media screen and (max-width:575px){.nav-border{background:#8f969e;border-radius:5px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 .25rem .1rem #0000004d,0 0 1.5rem .1rem #0000004d}.nav-border .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;box-shadow:inset 0 0 .25rem .1rem #0000004d}.nav-border .puzzle-background{background-color:#00f;align-items:center;width:calc(100% - 20px);height:calc(100% - 20px);display:flex}.nav-border .image{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto}.nav-border .puzzle-background{margin:10px 0}}nav{width:100%;margin-top:1rem}nav a{color:#fff;font-variant:small-caps;text-shadow:0 0 10px #fff;text-transform:capitalize;font-family:Georgia,serif;font-size:1.25rem}nav a:hover{text-decoration:none}nav ul{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%;padding:20px;list-style:none;display:flex}nav .nav-link{justify-content:center;padding-bottom:1rem;display:flex;transform:translate(calc(50% - .75rem))}.nav-mobile{width:100%;height:100%}.nav-mobile li{text-align:center;flex-grow:2;justify-content:center}@media screen and (min-width:575px){.nav-mobile{display:none}}.nav-puzzle{width:100%;height:calc(100% - 40px);padding:1rem;display:flex}.nav-puzzle .section{flex-direction:column;flex-grow:2;align-self:stretch;padding-bottom:.75rem;display:flex}.nav-puzzle .elbow{justify-content:flex-end;display:flex}.nav-puzzle .half-circle{background-color:#00008b;border-radius:10rem 10rem 0 0;align-self:flex-end;width:1.5rem;height:.75rem}.nav-puzzle .circle{background-color:#00008b;border-radius:100%;align-self:flex-end;width:3rem;height:3rem}.nav-puzzle .horizontal{background-color:#00008b;flex-grow:2;align-self:flex-end;height:1.5rem;margin-left:-5px}.nav-puzzle .vertical{background-color:#00008b;border-radius:10rem 10rem 0 0;align-self:flex-start;width:1.5rem;height:3.25rem}.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}}