/* Origin — the starter theme. A centered column that lets the brand kit's
   colors and fonts carry the page. Not a base other themes build on. */
.origin { max-width: 40rem; margin: 0 auto; padding: 3rem 1.25rem; text-align: center; }
.origin__hero { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.origin__logo { max-width: 14rem; }
.origin__name { font-family: var(--font-display); font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.1; color: var(--color-primary); }
.origin__tagline { font-size: 1.125rem; color: var(--color-secondary); }
.origin__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-top: 2.5rem; }
.origin__nav a {
  display: inline-block; padding: 0.6rem 1.25rem; border: 2px solid var(--color-primary);
  border-radius: 999px; color: var(--color-primary); font-weight: 600;
}
.origin__nav a:hover { background: var(--color-primary); color: var(--color-background); }
/* The shared partials: base.css rotates the banner and lays out the footer;
   this is their look. */
.announcement-bar { padding: 0.5rem 1rem; text-align: center; background-color: var(--color-primary); color: var(--color-background); }
.announcement-bar--closed { background: var(--color-text); color: var(--color-background); font-weight: 600; }
.announcement-bar a { text-decoration: underline; }
.site-footer { padding: 2rem 1.25rem; font-size: 0.875rem; color: var(--color-secondary); }
.site-footer__social { margin-bottom: 1rem; }
.site-footer__attribution a { text-decoration: underline; }