/* A quiet status note; content and metadata keep the gallery's identity. */
.construction-notice {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--paper);
  background: color-mix(in srgb, var(--paper) 94%, transparent);
  color: var(--ink);
  font: 500 11px/1.4 var(--sans);
  letter-spacing: .035em;
  white-space: nowrap;
  pointer-events: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 3px 16px #3524400b;
}

.construction-notice-dot {
  position: relative;
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 2px;
  background: var(--lime);
  box-shadow: 0 0 0 1px #45464126;
}

.construction-notice-dot::after {
  content: '';
  position: absolute;
  inset: -3px;
  border: 1px solid currentColor;
  border-radius: 5px;
  animation: construction-breathe 3.6s ease-out infinite;
}

html[data-palette="oana"] .construction-notice-dot {
  background: var(--brand-purple);
  color: var(--brand-pink);
  box-shadow: none;
}

@keyframes construction-breathe {
  0% { opacity: .32; transform: scale(.75); }
  65%, 100% { opacity: 0; transform: scale(1.7); }
}

body.menu-open .construction-notice,
body.viewer-open .construction-notice { visibility: hidden; }

/* Keep the note below the footer links, including on phones with a home bar. */
.site-footer { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
.hero-title { bottom: 154px; }
.hero-bottom { bottom: 74px; }

@media (max-width: 700px) {
  .construction-notice { right: max(14px, env(safe-area-inset-right)); padding: 8px 11px; font-size: 10px; }
  .hero-title { bottom: 144px; }
  .hero-bottom { bottom: 68px; }
}

@media (prefers-reduced-motion: reduce) {
  .construction-notice-dot::after { animation: none; opacity: .2; }
}

@media print { .construction-notice { display: none; } }