/* Augmented Origins — shared design-system base.
   Per-page palettes (:root vars) and page-specific motifs stay in each page's
   own <style>; this file holds what's identical across origins / wanderer /
   marketways so it lives in one place. */

* { box-sizing: border-box; }

.serif { font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; }

/* section headings with a trailing rule */
h2 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted);
	margin: 2.9rem 0 1rem; display: flex; align-items: center; gap: 0.6rem; }
h2::after { content: ""; flex: 1; height: 1px; background: var(--rule); }

/* two-column icon lists: .principles (origins) · .features (wanderer) · .points (marketways) */
.principles, .features, .points { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem;
	grid-template-columns: 1fr 1fr; }
.principles li, .features li, .points li { display: flex; gap: 0.7rem; align-items: flex-start; }
.principles svg, .features svg, .points svg { width: 1.35rem; height: 1.35rem; flex: none;
	color: var(--accent); margin-top: 0.15rem; }
.principles b, .features b, .points b { display: block; font-weight: 650; color: var(--fg); }
.principles .p, .features span, .points span { color: var(--muted); font-size: 0.94rem; }
@media (max-width: 34rem) { .principles, .features, .points { grid-template-columns: 1fr; } }

/* staggered load-in */
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.reveal { animation: rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.d1 { animation-delay: 0.05s; } .d2 { animation-delay: 0.14s; } .d3 { animation-delay: 0.24s; }
.d4 { animation-delay: 0.34s; } .d5 { animation-delay: 0.44s; }
@media (prefers-reduced-motion: reduce) { .reveal { animation: none; } }