/* Registration-opening-soon badge — a muted, non-clickable state on the dark hero/CTA panels */
.btn-out.is-pending { display: inline-flex; align-items: center; font-family: var(--sans); font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.62); border: 0.5px solid rgba(255,255,255,0.3); padding: 14px 24px; border-radius: 2px; cursor: default; margin-top: var(--sp-2); }

/* In-section figures, full container width */
.ded-fig { margin: var(--sp-5) 0 0 0; }
.ded-fig img { width: 100%; height: auto; display: block; border-radius: 4px; }

/* Three-photo island gallery (stacks on phones) */
.ded-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); margin-top: var(--sp-5); }
.ded-gallery img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; border-radius: 4px; }
@media (max-width: 720px) { .ded-gallery { grid-template-columns: 1fr; } .ded-gallery img { aspect-ratio: 3 / 2; } }

/* Testimonials */
.ded-quotes { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-5); margin-top: var(--sp-5); }
.ded-quote { margin: 0; }
.ded-quote blockquote { font-family: var(--serif); font-style: italic; font-size: clamp(19px, 1.9vw, 23px); line-height: 1.5; color: var(--ink); margin: 0; }
.ded-quote blockquote::before { content: "\201C"; }
.ded-quote blockquote::after { content: "\201D"; }
.ded-quote figcaption { font-family: var(--sans); font-size: 12px; letter-spacing: 0.06em; color: var(--meta); margin-top: var(--sp-3); }
@media (max-width: 640px) { .ded-quotes { grid-template-columns: 1fr; } }

/* Pricing: the base grid is defined per page (shared CSS only sets the responsive columns) */
.prog-pricing { display: grid; gap: 0; border-top: 0.5px solid var(--rule); margin-top: var(--sp-5); }
.prog-tier .tier-amount { font-family: var(--serif); font-style: italic; font-size: clamp(28px, 3vw, 38px); color: var(--ink); }
.prog-tier p { font-family: var(--serif); font-size: 16px; line-height: 1.55; color: var(--ink); margin: 0; }

/* CTA fine-print link on the dark panel */
.prog-cta .cta-fine a { color: rgba(255,255,255,0.8); text-decoration: underline; }
.prog-cta .cta-fine a:hover { color: #fff; }