/* 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 0 30px;width:100vw;max-width:none;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y: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[hidden]{display:none}
#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;padding:0 20px;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-gallery[hidden]{display:none}
#focus-gallery{width:100%;margin:0 auto 26px}
#focus-media{display:flex;align-items:center;justify-content:safe center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 14px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#9a9e95 transparent;-webkit-overflow-scrolling:touch}
#focus-media:focus-visible{outline:2px solid #343f30;outline-offset:2px}
#focus-media .focus-media-item{flex:0 0 auto;margin:0;max-width:min(65vw,500px);background:transparent}
#focus-media img,#focus-media video{display:block;width:auto;height:auto;max-width:min(65vw,500px);max-height:min(65vh,780px);object-fit:contain;border-radius:0;background:transparent}
#focus-media figcaption{max-width:min(65vw,500px);margin-top:9px;color:#4f554b;font-size:13px;text-align:left;overflow-wrap:anywhere}
@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 0 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-art .media-preview{display:block;width:auto;height:auto;max-width:100%;max-height:min(35vh,320px);margin:auto;object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 12px 22px #292d2826)}

.focus-copy h2{font-weight:700;font-variation-settings:'INFM' 0,'BNCE' 0,'wght' 700;letter-spacing:-.025em;line-height:1.1}
.focus-copy h2{font-family:'Sigmar','Shantell Sans',sans-serif;font-size:clamp(27px,4.5vw,40px);font-weight:400;letter-spacing:.015em;line-height:1.18;text-transform:uppercase;text-shadow:none;overflow-wrap:anywhere}
#focus-parent{display:none}