/* PG Marker — scoped .pg-marker. Ported from DRobb philosophy .divider.
   Rules scale out, label + ◆ ornaments fade in when the band reveals (.pg-in,
   added by pg-core). Colours come from --pg-mk-* with palette fallbacks. */

.pg-marker{ padding:96px 96px; text-align:center;
  background:var(--pg-mk-bg, var(--pg-bone-warm));
  border-top:1px solid var(--pg-mk-border, var(--pg-ink-thread));
  border-bottom:1px solid var(--pg-mk-border, var(--pg-ink-thread)); }
/* Band is visible immediately; only the inner parts animate on reveal. */
.pg-marker.pg-reveal{ opacity:1; transform:none; }

.pg-marker .inner{ display:flex; align-items:center; justify-content:center; gap:32px; max-width:720px; margin:0 auto; }

.pg-marker .rule{ flex:1; height:1px; background:var(--pg-mk-rule, var(--pg-ink-thread)); transform:scaleX(0); transform-origin:right; transition:transform 1800ms var(--pg-ease-soft); }
.pg-marker .rule.right{ transform-origin:left; }
.pg-marker.pg-in .rule{ transform:scaleX(1); }

.pg-marker .mark{ font-family:var(--pg-font-display); font-weight:300; font-style:italic; font-variation-settings:"opsz" 72; font-size:24px; color:var(--pg-mk-accent, var(--pg-terracotta)); opacity:0; transition:opacity 1400ms var(--pg-ease) 600ms; white-space:nowrap; }
.pg-marker.pg-in .mark{ opacity:1; }

.pg-marker .ornament{ display:block; flex:0 0 8px; width:8px; height:8px; transform:rotate(45deg); background:var(--pg-mk-accent, var(--pg-terracotta)); opacity:0; transition:opacity 1200ms var(--pg-ease) 800ms; }
.pg-marker.pg-in .ornament{ opacity:1; }

/* Bare = no band, just the inline marker. */
.pg-marker--bare{ background:transparent; border-top:0; border-bottom:0; padding:40px 24px; }

@media (prefers-reduced-motion: reduce){
  .pg-marker .rule{ transform:scaleX(1); transition:none; }
  .pg-marker .mark, .pg-marker .ornament{ opacity:1; transition:none; }
}
@media (max-width:760px){
  .pg-marker{ padding:64px 24px; }
  .pg-marker .inner{ gap:18px; }
  .pg-marker .mark{ font-size:20px; }
}