#UI .progress-bar{width:37.5%}#panorama{transform:scale(1.2);margin-top:-5%;width:100vw;width:100svw;height:100vh;height:100svh;position:fixed;object-fit:cover;z-index:1;background-size:auto 100%;background-repeat:repeat;background-position:center center}#article{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border-radius:2px;background-color:var(--white, #fff);z-index:10}#article p{color:var(--bk-text, #000);font-family:PT Astra Serif;line-height:120%}@media only screen and (min-width: 1281px){#panorama{background-image:url(img/page-three/panorama.webp)}#article{position:fixed;left:192px;top:96px;width:592px;padding:32px}#article p{font-size:24px}}@media (min-width: 481px) and (max-width: 1280px){#panorama{transform:scale(1.5);margin-top:-15%;background-image:url(img/page-three/panorama-small.webp)}#article__wrapper{position:relative;display:flex;flex-direction:column-reverse;height:100%}#article__wrapper #article{margin:0 auto 96px;width:80%;position:relative;padding:32px}#article__wrapper #article p{font-size:24px}}@media (max-width: 480px){#panorama{transform:scale(1.2);margin-top:-60%;background-image:url(img/page-three/panorama-small.webp)}#article__wrapper{position:relative;display:flex;flex-direction:column-reverse;height:100%}#article__wrapper #article{margin:0 auto;width:100%;box-sizing:border-box;position:relative;padding:24px 24px 96px}#article__wrapper #article p{font-size:18px}}