/* UI layer: site-wide notice while portfolio media is still being uploaded.
   Linked from every page so the same status sits above the content. */

.status-banner{
  position:sticky;
  top:0;
  z-index:40;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 56px;
  background:#fff3b0;
  color:#3d3200;
  border-bottom:1px solid #ead56a;
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  line-height:1.3;
  text-align:center;
}
html.dark .status-banner{
  background:#3a3208;
  color:#ffe58a;
  border-bottom-color:#5a4a00;
}
body:has(.status-banner) .tg{top:2px}