/* ========================================================================== 
   Grieger Studio — shared foundation
   Header, footer, typography, tokens and accessibility patterns are shared.
   ========================================================================== */


/* .section-shell {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));
  margin-inline: auto;
} */

.eyebrow {
  color: var(--bronze);
  font-size: clamp(0.65rem, 0.2vw + 0.6rem, 0.75rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.75rem 1.35rem;
  border: 1px solid transparent;
  border-radius: 0.2rem;
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms var(--ease-editorial);
}

.button--primary {
  background: var(--deep-green);
  color: var(--paper);
}

.button--primary:hover,
.button--primary:focus-visible {
  background: #244b38;
  transform: translateY(-1px);
}

.button span {
  font-size: 1rem;
}