:root{--bg:#0a0a09;--ink:#e6e2d8;--frame-aspect:.6667;--mark-delay:.6s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;position:fixed;inset:0}.frame,.about{width:min(100vw, calc(100vh * var(--frame-aspect)));width:min(100vw, calc(100dvh * var(--frame-aspect)));height:100dvh;margin:auto;position:absolute;inset:0;overflow:hidden}.frame{background:var(--bg);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;container-type:size}.place{opacity:0;transform-origin:50% 42%;position:absolute;inset:0}.plate,.marks{--pw:max(100cqw, calc(100cqh * var(--a)));--ph:max(100cqh, calc(100cqw / var(--a)));width:var(--pw);height:var(--ph);left:calc((100cqw - var(--pw)) * var(--fx));top:calc((100cqh - var(--ph)) * var(--fy));position:absolute}.plate{transition:opacity .6s ease-in-out}.plate picture{display:contents}.plate img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.marks{pointer-events:none}@supports not (width:1cqw){.plate,.marks{width:auto;height:auto;inset:0}.plate img{object-fit:cover}}.mark{--ring:32px;--hit:56px;--glow:1;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:var(--hit);height:var(--hit);margin:calc(var(--hit) / -2) 0 0 calc(var(--hit) / -2);cursor:pointer;pointer-events:auto;opacity:0;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;padding:0;transition:opacity .4s;position:absolute}.mark.back{--ring:28px;--hit:52px;--glow:.7}.mark.further{--ring:24px;--hit:48px;--glow:.7}.mark:before,.mark:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%}.mark:before{width:calc(var(--ring) * 2.1);height:calc(var(--ring) * 2.1);margin:calc(var(--ring) * -1.05) 0 0 calc(var(--ring) * -1.05);background:radial-gradient(closest-side, rgb(255 250 238/calc(.62 * var(--glow))), rgb(255 250 238/calc(.24 * var(--glow))) 55%, #fffaee00);animation:3.2s ease-in-out infinite glow}.mark:after{box-sizing:border-box;width:var(--ring);height:var(--ring);margin:calc(var(--ring) / -2) 0 0 calc(var(--ring) / -2);background:#fffcf433;border:2px solid #fffcf4f5;transition:background-color .3s,box-shadow .3s;animation:3.2s ease-in-out infinite swell;box-shadow:0 0 0 1px #00000061,inset 0 0 0 1px #0003,0 1px 8px #0006}.mark.back:after,.mark.further:after{background:#fffcf41f;border-color:#fffcf4d9}@keyframes glow{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@keyframes swell{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}:root:is([data-mode=square],[data-mode=place]):not([data-about=open]) .here .mark{opacity:1;transition:opacity .6s ease var(--mark-delay)}@media (hover:hover){.mark:hover:after{background:#fffcf461}}.mark:focus-visible:after{box-shadow:0 0 0 1px #00000061,0 0 0 5px #fffcf466}.about{box-sizing:border-box;max-width:none;max-height:none;color:var(--ink);background:#090908b3;border:0;outline:none;padding:0;position:fixed}.about::backdrop{background:0 0}.about-text{box-sizing:border-box;overscroll-behavior:contain;height:100%;padding:calc(88px + env(safe-area-inset-top)) max(28px, calc((100% - 496px) / 2)) calc(56px + env(safe-area-inset-bottom));--veil:linear-gradient(transparent calc(36px + env(safe-area-inset-top)), #000 calc(84px + env(safe-area-inset-top)), #000 calc(100% - 40px), transparent);-webkit-mask-image:var(--veil);-webkit-mask-image:var(--veil);mask-image:var(--veil);text-shadow:0 1px 2px #00000059;overflow-y:auto}.about .eyebrow{letter-spacing:.16em;color:#e6e2d899;margin-bottom:14px;font-size:12.5px}.about h1{letter-spacing:.05em;margin-block:0 10px;font-size:21px;font-weight:400}.about p{color:#e6e2d8e0;text-wrap:pretty;margin-block:0 1.05em;font-size:16px;line-height:1.62}.about .motto{color:#e6e2d8ad;margin-bottom:30px;font-style:italic}.about h2{letter-spacing:.2em;color:#e6e2d89e;margin-block:2.2em .8em;font-size:12.5px;font-style:italic;font-weight:400}.about h2:before{content:"";border-top:1px solid #e6e2d84d;width:28px;margin-bottom:1.6em;display:block}.about h2~p{color:#e6e2d8bd;font-size:14.5px}.about a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #e6e2d873;text-decoration:underline #e6e2d873;text-decoration-thickness:1px}.about a:hover{text-decoration-color:currentColor}.close{top:calc(12px + env(safe-area-inset-top));z-index:1;color:#e6e2d8b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:none;width:44px;height:44px;padding:0;position:absolute;right:12px}.close:before,.close:after{content:"";border-top:1px solid;position:absolute;top:50%;left:13px;right:13px;transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.close:hover{color:var(--ink)}.close:focus-visible{box-shadow:inset 0 0 0 1px #e6e2d866}@media (prefers-reduced-motion:reduce){.mark:before,.mark:after{animation:none}.mark:before{opacity:.7}}.fallback{z-index:2147483647;flex-direction:column;gap:4px;display:flex;position:fixed;top:12px;left:12px}.fallback:not(:focus-within),.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fallback button,.fallback a{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#0a0a09e0;border:1px solid #e6e2d859;padding:6px 10px;font-size:14px;text-decoration:none}.still img{width:min(100%,720px);height:auto;margin:0 auto 24px;display:block}
