*{box-sizing:border-box}html{background:#F5F4F1;color:#555;font-family:Arial,sans-serif}body{margin:0;height:100svh;display:grid;grid-template-rows:56px minmax(0,1fr);overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#F5F4F1;min-width:0}.site-header a{display:flex;align-items:center;gap:9px;min-height:44px;color:#444;text-decoration:none;font-size:12px;letter-spacing:.025em}.signature{font-size:10px;letter-spacing:.09em;color:#87847d}.site-header a:hover{color:#111}.site-header a:focus-visible,button:focus-visible,.project-footer a:focus-visible{outline:2px solid #6a567d;outline-offset:3px}#viewer{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 74px 28px;display:flex;align-items:flex-start;justify-content:center;scrollbar-gutter:stable both-edges}.artwork{position:relative;width:842px;max-width:100%;margin:0 auto;flex-shrink:0}.artwork img{display:block;width:100%;height:auto;margin:0;border:0}body[data-cover=true]{grid-template-rows:0 minmax(0,1fr)}body[data-cover=true] .site-header{display:none}body[data-cover=true] .artwork{margin:auto}body[data-cover=true] #viewer{padding-top:16px}.hotspot{position:absolute;display:block;cursor:pointer;border-radius:1px}.hotspot:hover{outline:1px solid #6a567d66;outline-offset:2px;background:#fff1}.hotspot:focus-visible{outline:2px solid #59516f;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer}[hidden]{display:none!important}.arrow{position:fixed;top:calc(50% + 28px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fdfcf9;color:#292824;font-size:25px;box-shadow:0 2px 12px #0002;border:1px solid #dedbd4;transition:background .2s,box-shadow .2s}.previous{left:12px}.next{right:12px}.arrow:hover{background:#e8e4db;box-shadow:0 3px 16px #0003}body[data-mode=intro] .next{background:#35332e;color:white;border-color:#35332e}.project-footer{display:flex;justify-content:space-between;gap:24px;padding:36px 0;font-size:12px;line-height:1.6}.project-footer a{color:inherit;text-decoration:none;padding:10px 0}.project-footer a:hover{text-decoration:underline}.notice{margin:auto;max-width:440px;text-align:center;line-height:1.8;font-size:14px}.notice h1{font-size:22px;font-weight:400;color:#333}.notice a{color:inherit}.fade{animation:appear .2s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){body{grid-template-rows:48px minmax(0,1fr)}.site-header{padding:0 14px}.site-header a{font-size:11px;gap:7px}.signature{font-size:8px;letter-spacing:.035em}#viewer{padding:0 10px 20px}body:has(.arrow:not([hidden])) #viewer{padding-left:64px;padding-right:64px}.arrow{top:calc(50% + 24px)}.previous{left:6px}.next{right:6px}.project-footer{padding:28px 4px}}@media(prefers-reduced-motion:reduce){.fade{animation:none}.arrow{transition:none}}
/* Keep the viewer in the content track even when Cover removes the header. */
.site-header{grid-row:1}#viewer{grid-row:2}body>nav{position:fixed;width:0;height:0}