/* Public site: always dark, edge-to-edge contact sheet. Colours come from ember.css tokens. */
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}
body{font-family:var(--font);min-height:100dvh}
.top{padding:12px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;min-height:56px}
.brand{display:inline-flex;align-items:center;min-height:48px;font:800 18px/1 var(--font-head);color:var(--fg);text-decoration:none;letter-spacing:.02em}
.brand:focus-visible,.tile:focus-visible,.lb button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}

#mosaic{display:block;width:100%;font-size:0;line-height:0}
.mrow{display:flex;width:100%;margin:0;padding:0}
.tile{display:block;flex:none;overflow:hidden;background:var(--panel);margin:0;padding:0}
.tile img{display:block;width:100%;height:100%;object-fit:cover;background:var(--panel)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center;padding:0}
.lb[hidden]{display:none}
.lb-fig{position:relative;margin:0;display:flex;max-width:100vw;max-height:100dvh}
.lb-img{display:block;width:auto;height:auto;max-width:calc(100vw - 112px);max-height:calc(100dvh - 24px);background:var(--panel)}
.lb-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;text-align:left;
  background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0));color:#fff;font-size:16px;line-height:1.4}
.lb-cap p{margin:0}
.lb-title{font:700 18px/1.3 var(--font-head)}
.lb-more p{margin-top:4px}
.lb-sub{font-size:16px;color:#fff}
.lb-caption{font-size:16px}
.lb-info{display:none}
.lb button{font:700 16px var(--font);color:#fff;background:#000;border:2px solid #fff;border-radius:0;cursor:pointer}
.lb-close{position:absolute;top:8px;right:8px;z-index:3;min-height:48px;min-width:48px;padding:0 16px}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:96px;font-size:36px!important;line-height:1;padding:0}
.lb-prev{left:8px}.lb-next{right:8px}
.lb-info{position:absolute;right:8px;bottom:8px;min-height:48px;padding:0 16px}

@media (max-width:700px){
  .lb-img{max-width:100vw;max-height:calc(100dvh - 64px)}
  .lb-nav{top:auto;bottom:8px;transform:none;height:48px;width:64px}
  .lb-prev{left:8px}.lb-next{right:8px}
  .lb-fig{margin-bottom:56px}
  .lb-info{display:block;position:static;margin-top:8px;min-height:44px}
  .lb-cap{padding-bottom:10px}
  .lb-more{display:none}
  .lb-cap.open .lb-more{display:block}
}
@media (prefers-reduced-motion:no-preference){.lb-img{transition:opacity .15s}.lb-img.loading{opacity:.4}}