/* Shared Board focus material and responsive layout, also over Space. */
#focus{box-sizing:border-box;border:0;color:#292d28;font:15px/1.5 'DM Sans',Arial,sans-serif;padding:54px 36px 30px;width:min(780px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;background:transparent;box-shadow:none}
#focus::backdrop{background:#f6f6f2;backdrop-filter:none;-webkit-backdrop-filter:none}
body:has(#focus[open]){overflow:hidden}
#close{position:absolute;right:20px;top:12px;width:44px;height:44px;min-height:44px;border:0;outline:none;border-radius:50%;padding:11px;display:grid;place-items:center;color:inherit;cursor:pointer;background:#f2f4ef;box-shadow:0 2px 8px #292d2812}
#close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#close:hover svg,#close:active svg,#close:focus-visible svg{stroke-width:2.8}
#close:focus-visible{box-shadow:0 0 14px 4px #56634d80}
#focus-art{width:230px;max-width:70%;margin:0 auto}
#focus-art svg{width:100%;height:auto;display:block}
#focus-art .focus-rock{width:100%;height:auto;aspect-ratio:1;display:block;touch-action:none;cursor:grab}
#focus-art .focus-rock:active{cursor:grabbing}
#focus-art .focus-rock:focus-visible{outline:2px solid #343f30;outline-offset:4px;border-radius:50%}
.focus-copy{max-width:550px;margin:auto;text-align:center}
.focus-copy h2{font-family:'Shantell Sans','DM Sans',sans-serif;font-size:clamp(30px,5vw,46px);font-weight:500;line-height:1.05;letter-spacing:-.042em;margin:12px 0 18px}
.focus-copy>p{overflow-wrap:anywhere;margin:1em 0}
#focus .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4f554b}
#focus .provenance{font-size:13px;color:#4f554b;margin-top:24px}
#focus-gallery[hidden]{display:none}
#focus-gallery{margin:26px auto 12px;max-width:540px}
#focus-media{margin:0}
#focus-media img,#focus-media video{display:block;width:100%;max-height:min(48vh,420px);object-fit:contain;border-radius:16px;background:#e7e9e2}
#focus-media img{touch-action:pan-y}
#focus-media figcaption{min-height:1.5em;margin-top:9px;color:#4f554b;font-size:13px;text-align:left}
.focus-gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px;font-size:12px;color:#4f554b}
.focus-gallery-controls button{width:44px;height:44px;border:1px solid #848b7e66;border-radius:50%;background:#ffffff99;color:#292d28;font:20px 'DM Sans',Arial,sans-serif;cursor:pointer}
.focus-gallery-controls button:disabled{opacity:.35;cursor:default}
.focus-gallery-controls button:focus-visible{outline:2px solid #343f30;outline-offset:3px}
#permalink{color:inherit;font-size:13px;display:inline-block;min-height:44px;padding:12px}
#permalink:focus-visible{outline:2px solid #343f30;outline-offset:5px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #focus::backdrop{background:#f6f6f266;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 #close{background:linear-gradient(180deg,#ffffff94,#e9eee366);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15)}
}
@media(max-width:540px){#focus{padding:54px 20px 24px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#focus-art{width:180px}}
@media(prefers-reduced-transparency:reduce){#focus::backdrop{background:#f6f6f2;backdrop-filter:none;-webkit-backdrop-filter:none}#close{background:#f2f4ef;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){#close:focus-visible{box-shadow:none;color:Highlight}}

.focus-copy h2{font-weight:700;font-variation-settings:'INFM' 0,'BNCE' 0,'wght' 700;letter-spacing:-.025em;line-height:1.1}