*{box-sizing:border-box}
html{background:#f8d9eb}
body{position:relative;margin:0;color:#351353;font:18px/1.4 system-ui,sans-serif;background:radial-gradient(circle at 11% 15%,#f3a7d5 0,transparent 24%),radial-gradient(circle at 88% 38%,#cbb2ef 0,transparent 26%),linear-gradient(135deg,#ffe5f2,#fff8ee 55%,#ead5f6);min-height:100vh}
.art-page{position:relative;z-index:1;width:min(100%,1920px);margin:auto;box-shadow:0 0 45px #45205c36}
.art-page>img{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;border:0;padding:0;margin:0;background:transparent;cursor:pointer;text-decoration:none}
.hotspot:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 8px #7619d4;border-radius:8px}
.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{z-index:3;clip-path:none;width:auto;height:auto;top:1rem;left:1rem;padding:.8rem;background:white}
.page-links{position:relative;z-index:1;width:min(100%,1920px);margin:auto;padding:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;background:#fff0f8}
.page-links a{color:#351353;font-weight:700}
.message{position:fixed;z-index:5;left:50%;bottom:1.5rem;transform:translateX(-50%);width:min(90vw,520px);padding:1rem 1.2rem;background:#fff8ee;color:#351353;border:3px solid #7c3aed;border-radius:18px;box-shadow:0 10px 35px #35135366;text-align:center}
.message p{margin:.2rem 0 1rem;font-weight:700}
.message button{padding:.5rem 1.2rem;border:0;border-radius:20px;background:#7c3aed;color:white;font:inherit;cursor:pointer}
@media(max-width:600px){.page-links{font-size:16px}.page-links strong{flex-basis:100%}.message{bottom:.5rem}}
.side-decoration{position:absolute;z-index:0;display:block;pointer-events:none;user-select:none;font-size:clamp(1.8rem,2.7vw,3.5rem);line-height:1;opacity:.42;text-shadow:0 3px 8px #fff8eeaa}
.side-decoration:nth-of-type(3n){opacity:.28}