*{margin:0;padding:0;box-sizing:border-box;font-family:"union"}@font-face{font-family:"union";src:url(bb3fe94ad6671d5d1ae0.otf)}body{position:relative}a{color:inherit;text-decoration:none}.street-images{position:absolute;top:0;right:0;width:30%;z-index:10;padding:2rem}.street-images img{width:100%;height:auto;display:block;margin-bottom:.5rem}.web-images{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000}.web-images .draggable{position:absolute;cursor:grab;transform-origin:center center;width:200px}.web-images .draggable.dragging{cursor:grabbing;opacity:.7}.web-images .draggable.selected{outline:1px dashed #4e4e4e;outline-offset:2px}.web-images .draggable.selected .resize-handle{display:block}.web-images .draggable img{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.web-images .resize-handle{position:absolute;width:12px;height:12px;right:-6px;bottom:-6px;border-right:1px double #000;border-bottom:1px double #000;cursor:se-resize;display:none}.controls{position:fixed;left:2rem;top:2rem;z-index:100;background:#fff;color:#000;border:1px double #000;padding:1rem 1rem .5rem;width:250px}.controls>*{display:block}.controls.block>*{opacity:.5;pointer-events:none}.controls__group{margin-bottom:.5rem}.controls__group:nth-child(3){margin-bottom:1.5rem}.controls label{text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}.controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;width:100%;height:3px;border-radius:5px;background:#fff;outline:none;cursor:pointer;margin:.5rem 0}.controls input[type=range]::-webkit-slider-runnable-track{height:1px;border-radius:5px;background:#000}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#000;border:2px solid #000;margin-top:-6px}.controls input[type=range]::-moz-range-track{height:3px;border-radius:5px;background:#000}.controls input[type=range]::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#000;border:2px solid #000}button{width:100%;padding:.3rem;border-radius:.5rem;cursor:pointer}button.active{background-color:#000;color:#fff}.general-controls{position:fixed;left:2rem;bottom:3.25rem;z-index:100;width:250px}.home__button{position:fixed;left:2rem;bottom:1.5rem;z-index:100;width:250px}.home__button a{display:block;background-color:#efefef;width:100%;padding:.3rem;border-radius:.5rem;cursor:pointer;font-size:.8rem;text-align:center;border:2px outset #000}.home{padding:3rem}.home main{display:grid;grid-template-columns:auto 100px}.home main .container{display:grid;grid-template-columns:repeat(6, 1fr)}.home main .container article{margin-bottom:1rem}.home main .container article img{height:8rem;width:auto}