/* Fixed side artwork leaves the royal chronicle readable in the centre. */
body{--page-width:1080px;background:#080909;isolation:isolate}
.side-scene{position:fixed;top:0;bottom:0;width:calc((100vw - var(--page-width))/2 + 90px);z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover}
.side-scene-left{left:0;background-image:linear-gradient(90deg,transparent 65%,#101110 100%),linear-gradient(0deg,#080909 0%,transparent 22%,#08090930 100%),url('assets/left-bonfire-4k.jpg');background-position:center,center,left center}
.side-scene-right{right:0;background-image:linear-gradient(270deg,transparent 55%,#101110 100%),linear-gradient(0deg,#080909 0%,transparent 22%,#08090930 100%),url('assets/right-nameless-homage-4k.jpg');background-position:center,center,right center}
body>header,body>main,body>footer{position:relative;width:var(--page-width);max-width:100%;margin-left:auto;margin-right:auto;background-color:#101110f5;box-shadow:0 0 65px 25px #08090980}
body>header{padding:28px 40px;gap:20px}
body>footer{padding:30px 40px}
.hero{gap:30px 35px;padding-top:58px}
h1{font-size:64px}
.portrait img{height:500px}
.edition{font-size:10px;letter-spacing:1px}
@media(min-width:1101px) and (max-width:1540px){body{--page-width:74vw}h1{font-size:54px}.seal span{letter-spacing:1px;margin-left:10px}.edition{display:none}.vow-grid{gap:22px}.vow-grid article+article{padding-left:22px}.portrait img{height:440px}}
@media(max-width:1100px){body{--page-width:100%}.side-scene{display:none}body>header,body>footer{padding-left:5%;padding-right:5%}}
@media(max-width:600px){h1{font-size:54px}.hero{padding-top:40px}.portrait img{height:auto}.edition{display:none}}