/* ==========================================================================
   Galleries page — hero + Pic Time embed
   ========================================================================== */

.galleries-hero {
  text-align: center;
  padding-top: calc(var(--header-h) + var(--space-2xl));
  padding-bottom: var(--space-xl);
}

.galleries-hero h1 em { font-style: italic; color: var(--accent); }

/* Pic Time embed wrapper — the embedding script resizes the iframe to fit its content */
.pictime-embed {
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin-block: var(--space-md) var(--space-3xl);
  padding: 0;
  background: var(--bg-primary);
  isolation: isolate;
}

.pictime-embed iframe {
  display: block;
  width: 100%;
  min-height: 100vh;
  border: 0;
  background: transparent;
}

/* Fallback link shown while iframe loads or if it fails */
.pictime-embed__fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dur-med) var(--ease-out);
  text-align: center;
  padding: var(--gutter);
}

.pictime-embed__fallback[data-show="true"] {
  opacity: 1;
  pointer-events: auto;
}

.pictime-embed__fallback p {
  font-family: var(--ff-serif);
  font-size: var(--fs-lg);
  font-style: italic;
  color: var(--ink-muted);
  margin-bottom: var(--space-md);
}

.pictime-embed__fallback a {
  display: inline-block;
  padding: var(--space-sm) var(--space-lg);
  background: var(--accent);
  color: var(--ink-on-dark);
  font-size: var(--fs-xs);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: background var(--dur-fast) var(--ease-out);
}

.pictime-embed__fallback a:hover { background: var(--accent-dark); }