:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101013;color:#f9f6ef}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:18px clamp(16px,4vw,60px);border-bottom:1px solid #393536}header strong{font-family:Georgia,serif;font-size:clamp(19px,2vw,27px);font-weight:400}header span{font-size:12px;letter-spacing:.15em;color:#e7c48d;text-transform:uppercase;border:1px solid #a88c62;padding:8px 10px;border-radius:30px}main{max-width:1750px;margin:auto;padding:clamp(16px,2.5vw,40px)}.site-links{display:flex;gap:15px;align-items:center}.site-links a{color:#f1d4a7;font-size:14px;white-space:nowrap}.site-links a:hover{text-decoration:none}h1{font:normal clamp(30px,5vw,68px)/1.05 Georgia,serif;margin:8px 0 12px}p{color:#c9c6c1;line-height:1.45;margin:0 0 20px;font-size:clamp(15px,1.3vw,18px)}.stage{position:relative;overflow:auto;background:#080809;border-radius:8px}.picture{position:relative;width:100%;min-width:760px;aspect-ratio:1672/941}.picture>img{display:block;width:100%;height:100%}.hotspot{position:absolute;border:2px solid transparent;background:transparent;border-radius:4px;cursor:pointer;touch-action:manipulation}.hotspot:hover,.hotspot:focus-visible{border-color:#fff;box-shadow:0 0 0 999px #0002;outline:none}.hotspot:focus-visible{outline:3px solid #e7c48d}.hotspot::after{content:attr(data-label);position:absolute;bottom:100%;left:0;white-space:nowrap;background:#fff;color:#171717;padding:6px 9px;font:600 13px Arial;border-radius:3px;opacity:0;pointer-events:none}.hotspot:hover::after,.hotspot:focus-visible::after{opacity:1}.hint{padding:12px 0;color:#c9c6c1;font-size:14px}.next-link{padding:16px 0 8px;font-size:15px}.next-link a{color:#f1d4a7}.list{display:flex;gap:8px;overflow:auto;padding:7px 0 12px}.list button{flex:none;background:#252529;border:1px solid #56504b;color:#fff;border-radius:40px;padding:12px 15px;font:inherit;cursor:pointer}.list button:hover,.list button:focus-visible{background:#6b4f30;outline:2px solid #dfc49c}.dialog{border:1px solid #65605b;border-radius:12px;background:#1d1c1e;color:#fff;width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;box-shadow:0 25px 100px #000b}.dialog::backdrop{background:#000b}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.dialog-head h2{font:normal clamp(22px,3vw,34px) Georgia,serif;margin:0}.close{border:1px solid #777;background:#333;color:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer}.art-shell{height:min(65vh,620px);display:flex;align-items:center;justify-content:center;background:#111;overflow:hidden}.art{display:block;max-width:100%;max-height:100%;object-fit:contain}.art.portrait{width:min(100%,60vh);max-height:none;transform:rotate(90deg)}.dialog-foot{padding:12px 18px 20px;color:#c9c6c1;font-size:14px}a{color:#f1d4a7}@media(max-width:700px){header{padding:14px 16px;align-items:flex-start;flex-direction:column}.site-links{flex-wrap:wrap}.stage{margin-inline:-16px;border-radius:0}.picture{width:950px}.hint{padding-top:15px}}