*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e3d8;color:#243344;font-family:system-ui,sans-serif}main{max-width:948px;margin:auto;background:#f6efe4}.panel{position:relative;line-height:0}.panel img{display:block;width:100%;height:auto}.hotspot{position:absolute;left:18%;width:64%;height:8%;border-radius:99px}.top{top:86%}.last{top:46%}.hotspot:focus-visible{outline:5px solid #243344;outline-offset:4px}.start{text-align:center;padding:4rem 1.5rem 5rem;line-height:1.8}.start h2{font-size:clamp(1.4rem,5vw,2.5rem)}button{font:inherit;color:white;background:#9b514a;border:0;border-radius:99px;padding:1em 2em;cursor:pointer}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}