:root {
  --ink: #172018;
  --forest: #173d2d;
  --deep-forest: #102b20;
  --moss: #62745b;
  --parchment: #f3efe4;
  --cream: #fbf8f1;
  --paper: #fffdf8;
  --cherry: #a84432;
  --earth: #8b6847;
  --line: rgba(23, 32, 24, 0.18);
  --background: var(--cream);
  --foreground: var(--ink);
  --card: var(--paper);
  --card-foreground: var(--ink);
  --popover: var(--paper);
  --popover-foreground: var(--ink);
  --primary: var(--forest);
  --primary-foreground: var(--paper);
  --secondary: var(--parchment);
  --secondary-foreground: var(--ink);
  --muted: #e7e3d8;
  --muted-foreground: #677067;
  --accent: #dde5da;
  --accent-foreground: var(--deep-forest);
  --destructive: #a33226;
  --border: var(--line);
  --input: rgba(23, 32, 24, 0.24);
  --ring: #718b77;
  --radius: 1.25rem;
  --shadow: 0 24px 70px rgba(16, 43, 32, 0.14);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Iowan Old Style", Baskerville, "Times New Roman", serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.25rem;
}

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-sans);
  line-height: 1.65;
  overflow-x: hidden;
  overflow-x: clip;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  display: block;
  height: auto;
  max-width: 100%;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

.skip-link {
  background: var(--paper);
  color: var(--deep-forest);
  left: 1rem;
  padding: 0.8rem 1rem;
  position: fixed;
  top: -5rem;
  z-index: 100;
}

.skip-link:focus {
  top: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(168, 68, 50, 0.42);
  outline-offset: 3px;
}

::selection {
  background: var(--cherry);
  color: white;
}

.site-header {
  align-items: center;
  backdrop-filter: blur(14px);
  background: rgba(251, 248, 241, 0.94);
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 84px;
  padding: 0 4vw;
  position: sticky;
  top: 0;
  z-index: 30;
}

.wordmark:has(.official-mark) { position:relative; padding-left:58px; min-height:48px; justify-content:center; }
.wordmark .official-mark { position:absolute; left:0; top:0; width:48px; height:48px; object-fit:contain; }
.wordmark {
  display: inline-flex;
  flex-direction: column;
  justify-self: start;
  line-height: 0.84;
  text-transform: uppercase;
}

.wordmark span {
  font-family: var(--font-serif);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  letter-spacing: 0.055em;
}

.wordmark small {
  color: var(--earth);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.46em;
  margin-top: 0.58rem;
}

.main-nav {
  display: flex;
  gap: clamp(1.4rem, 3vw, 3rem);
}

.main-nav a,
.header-cta {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.main-nav a {
  padding: 2rem 0;
  position: relative;
}

.main-nav a::after {
  background: var(--cherry);
  bottom: 1.5rem;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
  width: 100%;
}

.main-nav a:hover::after,
.main-nav a:focus-visible::after {
  transform: scaleX(1);
}

.header-cta {
  align-items: center;
  background: var(--forest);
  border-radius: 999px;
  color: white;
  display: flex;
  gap: 0.5rem;
  justify-self: end;
  min-height: 2.85rem;
  padding: 0.7rem 1.2rem;
  transition: background 160ms ease, transform 160ms ease;
}

.header-cta:hover {
  background: var(--deep-forest);
  transform: translateY(-1px);
}

.header-cta svg {
  height: 0.9rem;
  width: 0.9rem;
}

.mobile-menu {
  display: none;
  justify-self: end;
}

.mobile-menu summary {
  align-items: center;
  color: var(--deep-forest);
  cursor: pointer;
  display: flex;
  gap: 0.7rem;
  min-height: 44px;
  list-style: none;
  padding: 0.5rem 0;
  -webkit-tap-highlight-color: transparent;
}

.mobile-menu summary::-webkit-details-marker {
  display: none;
}

.mobile-menu summary:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 4px;
}

.mobile-menu-text {
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mobile-menu-icon {
  display: grid;
  gap: 4px;
  width: 22px;
}

.mobile-menu-icon i {
  background: currentColor;
  display: block;
  height: 1px;
  transform-origin: center;
  transition: opacity 160ms ease, transform 160ms ease;
  width: 100%;
}

.mobile-menu[open] .mobile-menu-icon i:first-child {
  transform: translateY(5px) rotate(45deg);
}

.mobile-menu[open] .mobile-menu-icon i:nth-child(2) {
  opacity: 0;
}

.mobile-menu[open] .mobile-menu-icon i:last-child {
  transform: translateY(-5px) rotate(-45deg);
}

.mobile-nav {
  background: rgba(251, 248, 241, 0.99);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 18px 36px rgba(16, 43, 32, 0.12);
  display: grid;
  left: 0;
  padding: 0.65rem 4vw 1.25rem;
  position: absolute;
  right: 0;
  top: 100%;
}

.mobile-nav a {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  font-family: var(--font-serif);
  font-size: 1.2rem;
  justify-content: space-between;
  min-height: 52px;
}

.mobile-nav .mobile-nav-cta {
  background: var(--deep-forest);
  border-bottom: 0;
  border-radius: 999px;
  color: white;
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-top: 0.85rem;
  min-height: 50px;
  padding: 0 1rem;
  text-transform: uppercase;
  justify-content: center;
}

.hero {
  align-items: flex-end;
  background: var(--deep-forest);
  color: white;
  display: flex;
  min-height: calc(100svh - 84px);
  overflow: hidden;
  padding: clamp(5rem, 11vw, 9rem) 4vw 5vw;
  position: relative;
}

.hero-image,
.hero-shade {
  inset: 0;
  position: absolute;
}

.hero-image {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(9, 28, 20, 0.92) 0%, rgba(9, 28, 20, 0.64) 40%, rgba(9, 28, 20, 0.08) 76%),
    linear-gradient(0deg, rgba(7, 22, 16, 0.5), transparent 50%);
}

.hero-content {
  max-width: 760px;
  position: relative;
  z-index: 2;
}

.eyebrow {
  color: var(--cherry);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}

.eyebrow.light {
  color: #dcc6a5;
}

.hero h1,
.section-heading h2,
.building-section h2,
.participate-card h2,
.campaign-conversion-copy h2,
.newsletter-copy h2 {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.035em;
}

.hero h1 {
  font-size: clamp(4rem, 8.3vw, 8.6rem);
  line-height: 0.86;
  margin: 0;
  max-width: 9ch;
}

.hero-copy {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--font-serif);
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  line-height: 1.5;
  margin: 2rem 0 0;
  max-width: 590px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 2.5rem;
}

.button {
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  gap: 0.55rem;
  justify-content: center;
  text-decoration: none;
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.button-primary,
.button-quiet,
.button-dark,
.button-light,
.newsletter-submit {
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 800;
  min-height: 3.35rem;
  letter-spacing: 0.12em;
  padding: 0 1.5rem;
  text-transform: uppercase;
}

.button-primary:hover,
.button-quiet:hover,
.button-dark:hover,
.button-light:hover {
  transform: translateY(-1px);
}

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

.button-primary:hover {
  background: #e9dfcc;
}

.button-quiet {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}

.button-quiet:hover {
  background: rgba(255, 255, 255, 0.14);
  color: white;
}

.button-light {
  background: var(--paper);
  border-color: var(--paper);
  color: var(--deep-forest);
}

.button-light:hover {
  background: var(--parchment);
  border-color: var(--parchment);
}

.hero-caption {
  bottom: 3.4vw;
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  margin: 0;
  position: absolute;
  right: 4vw;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  z-index: 2;
}

.section {
  padding: clamp(6rem, 10vw, 10rem) 6vw;
}

.section-heading {
  max-width: 970px;
}

.section-heading.narrow {
  max-width: 1050px;
}

.section-heading h2,
.newsletter-copy h2 {
  font-size: clamp(3.1rem, 6.2vw, 6.8rem);
  line-height: 0.98;
  margin: 0;
}

.origin-section {
  background: var(--cream);
}

.origin-story {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 8vw;
  grid-template-columns: 1.1fr 0.9fr;
  margin-top: 5rem;
  padding-top: 3rem;
}

.lead-copy {
  font-family: var(--font-serif);
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.28;
  margin: 0;
}

.origin-detail {
  max-width: 530px;
}

.origin-detail p,
.journal-intro,
.building-copy > p,
.participate-card > p,
.newsletter-copy > p {
  color: #566058;
  font-size: 1.03rem;
  line-height: 1.8;
  margin: 0;
}

.text-link {
  align-items: center;
  display: inline-flex;
  font-size: 0.7rem;
  font-weight: 800;
  gap: 0.65rem;
  letter-spacing: 0.12em;
  margin-top: 2rem;
  padding-bottom: 0.35rem;
  position: relative;
  text-transform: uppercase;
}

.text-link::after {
  background: currentColor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: width 160ms ease;
  width: 36%;
}

.text-link:hover::after {
  width: 100%;
}

.text-link svg {
  height: 1rem;
  width: 1rem;
}

.origin-record {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 6rem;
  overflow: hidden;
}

.record-intro,
.record-item {
  min-height: 145px;
  padding: 1.5rem;
}

.record-intro {
  background: var(--forest);
  color: white;
  grid-row: span 2;
}

.record-intro span,
.record-item span,
.field-note > span {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.record-intro strong {
  display: block;
  font-family: var(--font-serif);
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 1.15;
  margin-top: 3.25rem;
  max-width: 11ch;
}

.record-item {
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.record-item:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.record-item p {
  color: #687068;
  font-family: var(--font-serif);
  font-size: 1.15rem;
  margin: 3.2rem 0 0;
}

.journey-section {
  background: var(--deep-forest);
  color: white;
}

.journey-header {
  align-items: end;
  display: grid;
  gap: 8vw;
  grid-template-columns: 1.35fr 0.65fr;
}

.journey-header h2 {
  max-width: 9ch;
}

.journey-header > p {
  color: rgba(255, 255, 255, 0.64);
  line-height: 1.8;
  margin: 0;
  max-width: 430px;
}

.journey-track {
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  display: grid;
  grid-template-columns: repeat(7, minmax(165px, 1fr));
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: 0 0 2rem 6vw;
}

.journey-track li {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  min-height: 280px;
  padding: 1.5rem 1.5rem 2rem;
}

.journey-track li > span {
  color: #b8a787;
  font-family: var(--font-serif);
  font-size: 0.85rem;
}

.journey-track li > div {
  margin-top: 5.5rem;
}

.journey-track h3 {
  font-family: var(--font-serif);
  font-size: 1.55rem;
  font-weight: 400;
  margin: 0 0 0.85rem;
}

.journey-track p {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 0;
}

.why-section {
  background: var(--parchment);
}

.principles-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 6rem;
}

.principles-grid article {
  background: rgba(255, 253, 248, 0.5);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-height: 470px;
  padding: 2rem;
  position: relative;
}

.principles-grid article > svg {
  color: var(--forest);
  height: 2rem;
  width: 2rem;
}

.card-number {
  color: var(--cherry);
  font-family: var(--font-serif);
  font-size: 0.8rem;
  margin: 8rem 0 1.2rem;
}

.principles-grid h3 {
  font-family: var(--font-serif);
  font-size: clamp(1.8rem, 2.8vw, 2.7rem);
  font-weight: 400;
  line-height: 1.05;
  margin: 0;
}

.principles-grid article > p:last-child {
  color: #636b63;
  line-height: 1.75;
  margin: 1.4rem 0 0;
}

.building-section {
  align-items: start;
  background: var(--forest);
  color: white;
  display: grid;
  gap: 5vw;
  grid-template-columns: 0.25fr 1fr 0.75fr;
  padding: clamp(6rem, 10vw, 10rem) 6vw;
}

.building-mark {
  border: 1px solid rgba(255, 255, 255, 0.32);
  display: grid;
  height: 5rem;
  place-items: center;
  width: 5rem;
}

.building-section h2,
.participate-card h2 {
  font-size: clamp(3rem, 5.4vw, 6rem);
  line-height: 0.98;
  margin: 0;
}

.building-copy > p {
  color: rgba(255, 255, 255, 0.65);
}

.light-link {
  color: white;
}

.participate-section {
  background: var(--parchment);
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr 1fr;
}

.participate-card {
  border-radius: var(--radius);
  min-height: 660px;
  overflow: hidden;
  padding: clamp(3rem, 6vw, 6rem);
}

.community-card {
  background: var(--paper);
  border: 1px solid var(--line);
}

.campaign-card {
  background: var(--deep-forest);
  color: white;
}

.participate-card h2 {
  max-width: 8ch;
}

.participate-card > p {
  margin-top: 2rem;
  max-width: 540px;
}

.campaign-card > p {
  color: rgba(255, 255, 255, 0.7);
}

.participate-card .button-dark,
.participate-card .button-quiet,
.participate-card .button-light {
  margin-top: 3rem;
}

.button-dark,
.newsletter-submit {
  background: var(--deep-forest);
  color: white;
}

.button-dark:hover,
.newsletter-submit:hover {
  background: #29503d;
}

.campaign-card small {
  color: rgba(255, 255, 255, 0.55);
  display: block;
  font-size: 0.72rem;
  line-height: 1.6;
  margin-top: 4rem;
  max-width: 530px;
}

.journal-section {
  background: var(--cream);
}

.journal-intro {
  margin: 3rem 0 5rem;
  max-width: 650px;
}

.topic-list {
  border-top: 1px solid var(--line);
}

.topic-list > div {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 2rem;
  grid-template-columns: 3rem 1fr auto;
  min-height: 92px;
  transition: background 160ms ease, padding 160ms ease;
}

.topic-list > div:hover {
  background: var(--paper);
  padding: 0 1.2rem;
}

.topic-list span {
  color: var(--cherry);
  font-family: var(--font-serif);
  font-size: 0.8rem;
}

.topic-list p {
  font-family: var(--font-serif);
  font-size: clamp(1.35rem, 2.4vw, 2.15rem);
  margin: 0;
}

.topic-list svg {
  height: 1.2rem;
  width: 1.2rem;
}

.campaign-conversion {
  align-items: start;
  background: var(--forest);
  color: white;
  display: grid;
  gap: clamp(3rem, 8vw, 8rem);
  grid-template-columns: 0.9fr 1.1fr;
  padding: clamp(6rem, 10vw, 10rem) 6vw;
}

.campaign-conversion-copy h2 {
  font-size: clamp(3.1rem, 6.2vw, 6.8rem);
  line-height: 0.98;
  margin: 0;
}

.campaign-conversion-copy > p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.8;
  margin: 2rem 0 0;
  max-width: 540px;
}

.campaign-conversion-card {
  background: var(--paper);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  color: var(--ink);
  padding: clamp(2rem, 5vw, 4rem);
}

.campaign-status {
  align-items: center;
  color: var(--forest);
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 800;
  gap: 0.65rem;
  letter-spacing: 0.12em;
  margin: 0 0 2rem;
  text-transform: uppercase;
}

.campaign-status span {
  background: #4ba879;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem rgba(75, 168, 121, 0.14);
  height: 0.65rem;
  width: 0.65rem;
}

.campaign-conversion-card h3 {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0;
}

.campaign-conversion-card ul {
  list-style: none;
  margin: 2.5rem 0;
  padding: 0;
}

.campaign-conversion-card li {
  border-top: 1px solid var(--line);
  color: #566058;
  line-height: 1.65;
  padding: 1rem 0 1rem 1.8rem;
  position: relative;
}

.campaign-conversion-card li:last-child {
  border-bottom: 1px solid var(--line);
}

.campaign-conversion-card li::before {
  color: var(--cherry);
  content: "✓";
  font-weight: 900;
  left: 0;
  position: absolute;
}

.campaign-conversion-card .button {
  width: 100%;
}

.campaign-conversion-card small {
  color: #747c75;
  display: block;
  font-size: 0.72rem;
  line-height: 1.6;
  margin-top: 1.25rem;
  text-align: center;
}

.newsletter-section {
  background: #ddd8c8;
  display: grid;
  gap: 8vw;
  grid-template-columns: 0.9fr 1.1fr;
  padding: clamp(6rem, 10vw, 10rem) 6vw;
}

.newsletter-copy > p {
  margin-top: 2rem;
  max-width: 540px;
}

.newsletter-form {
  background: var(--paper);
  border-top: 4px solid var(--forest);
  padding: clamp(2rem, 4vw, 3.5rem);
}

.newsletter-form > label,
.field-grid > label {
  display: block;
  margin-bottom: 1.35rem;
}

.newsletter-form label > span,
.field-note > span {
  display: flex;
  font-size: 0.67rem;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.newsletter-form label small {
  color: #7a817a;
  font-size: 0.55rem;
}

.newsletter-form input:not([type="checkbox"]):not([type="hidden"]),
.newsletter-form select {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(23, 32, 24, 0.42);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--font-serif);
  font-size: 1.05rem;
  height: 2.9rem;
  padding: 0;
  width: 100%;
}

.newsletter-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%),
    linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 16px) 1.25rem, calc(100% - 11px) 1.25rem;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 2rem;
}

.field-grid {
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr 1fr;
}

.field-note p {
  color: #727972;
  font-size: 0.72rem;
  line-height: 1.5;
  margin: 0.9rem 0 0;
}

.consent-row {
  align-items: start;
  display: flex;
  gap: 0.75rem;
  margin: 0.8rem 0 1.8rem;
}

.consent-row input[type="checkbox"] {
  accent-color: var(--forest);
  border: 1px solid #526057;
  border-radius: 0;
  flex: 0 0 auto;
  height: 1rem;
  margin-top: 0.12rem;
  width: 1rem;
}

.newsletter-form .consent-row > span {
  color: #5f675f;
  display: block;
  font-size: 0.76rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
  margin: 0;
  text-transform: none;
}

.consent-row a {
  color: var(--deep-forest);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

.hp-field {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.form-alert {
  border-left: 3px solid var(--earth);
  color: #4d554e;
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 0 0 1.8rem;
  padding: 0.8rem 1rem;
}

.form-alert.success {
  border-left-color: var(--forest);
}

.form-alert.error,
.field-error {
  color: #8f2d24;
}

.field-error {
  display: block;
  font-size: 0.7rem;
  line-height: 1.4;
  margin-top: 0.45rem;
}

.consent-error {
  margin: -1.25rem 0 1.4rem 1.75rem;
}

.newsletter-form :disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

.newsletter-submit {
  width: 100%;
}

.form-message {
  color: #697169;
  font-size: 0.72rem;
  line-height: 1.5;
  margin: 0.9rem 0 0;
  min-height: 2.2em;
}

.verification-page {
  align-items: center;
  background:
    radial-gradient(circle at 15% 15%, rgba(98, 116, 91, 0.2), transparent 34%),
    var(--parchment);
  display: grid;
  min-height: 100svh;
  padding: clamp(2rem, 6vw, 5rem);
  position: relative;
}

.verification-wordmark {
  left: clamp(2rem, 6vw, 5rem);
  position: absolute;
  top: clamp(2rem, 5vw, 4rem);
}

.verification-card {
  background: var(--paper);
  border-top: 5px solid var(--forest);
  box-shadow: 0 24px 70px rgba(23, 32, 24, 0.12);
  margin: 6rem auto 2rem;
  max-width: 600px;
  padding: clamp(2rem, 6vw, 4.5rem);
  width: 100%;
}

.verification-card h1 {
  font-family: var(--font-serif);
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.95;
  margin: 0;
}

.verification-card > p:not(.eyebrow, .form-alert) {
  color: #566058;
  line-height: 1.7;
  margin: 1.75rem 0 2rem;
}

.verification-form label {
  display: block;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.verification-form input[type="text"] {
  background: var(--cream);
  border: 1px solid rgba(23, 32, 24, 0.35);
  border-radius: 0;
  font-family: monospace;
  font-size: clamp(2rem, 8vw, 3rem);
  font-variant-numeric: tabular-nums;
  height: 5rem;
  letter-spacing: 0.35em;
  padding: 0 0.3rem 0 0.65rem;
  text-align: center;
  width: 100%;
}

.verification-form input[type="text"]:focus {
  border-color: var(--forest);
  outline: 3px solid rgba(113, 139, 119, 0.3);
  outline-offset: 2px;
}

.verification-form > small {
  color: #697169;
  display: block;
  font-size: 0.72rem;
  line-height: 1.5;
  margin: 0.75rem 0 1.5rem;
}

.verification-actions {
  align-items: center;
  border-top: 1px solid var(--line);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1.5rem;
}

.verification-actions form {
  margin: 0;
}

.verification-actions button,
.verification-actions a {
  background: transparent;
  border: 0;
  color: var(--deep-forest);
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-transform: uppercase;
}

.confirmation-page {
  align-items: center;
  background:
    radial-gradient(circle at 80% 18%, rgba(98, 116, 91, 0.24), transparent 32%),
    radial-gradient(circle at 12% 88%, rgba(163, 91, 65, 0.12), transparent 28%),
    var(--parchment);
  display: grid;
  min-height: 100svh;
  padding: clamp(2rem, 6vw, 5rem);
  position: relative;
}

.confirmation-wordmark {
  left: clamp(2rem, 6vw, 5rem);
  position: absolute;
  top: clamp(2rem, 5vw, 4rem);
}

.confirmation-card {
  background: var(--paper);
  border-top: 5px solid var(--forest);
  box-shadow: 0 24px 70px rgba(23, 32, 24, 0.12);
  margin: 6rem auto 2rem;
  max-width: 680px;
  padding: clamp(2rem, 6vw, 4.5rem);
  width: 100%;
}

.confirmation-mark {
  align-items: center;
  background: var(--forest);
  border-radius: 50%;
  color: white;
  display: flex;
  height: 3.75rem;
  justify-content: center;
  margin-bottom: 2rem;
  width: 3.75rem;
}

.confirmation-mark svg {
  height: 1.65rem;
  width: 1.65rem;
}

.confirmation-card h1 {
  font-family: var(--font-serif);
  font-size: clamp(3rem, 7vw, 5.6rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.92;
  margin: 0;
}

.confirmation-copy {
  color: #566058;
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 1.75rem 0 0;
}

.confirmation-status {
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
  display: grid;
  gap: 0.45rem;
  margin: 2rem 0;
  padding: 1.35rem 0;
}

.confirmation-status strong {
  color: var(--deep-forest);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.confirmation-status span {
  color: #697169;
  font-size: 0.82rem;
  line-height: 1.55;
}

.confirmation-countdown {
  border-left: 2px solid var(--earth);
  color: #5f675f;
  font-size: 0.82rem;
  line-height: 1.55;
  margin: 0 0 1.75rem;
  padding: 0.35rem 0 0.35rem 1rem;
}

.confirmation-countdown strong {
  color: var(--deep-forest);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.confirmation-card .button {
  width: fit-content;
}

.error-page {
    align-items: flex-start;
  background:
    radial-gradient(circle at 82% 18%, rgba(98, 116, 91, 0.22), transparent 30%),
    var(--parchment);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100svh;
  padding: 8vw;
  position: relative;
}

.error-wordmark {
  left: 8vw;
  position: absolute;
  top: clamp(2rem, 6vw, 4.5rem);
}

.error-copy {
  max-width: 920px;
}

.error-page h1 {
  font-family: var(--font-serif);
  font-size: clamp(3rem, 7vw, 7rem);
  font-weight: 400;
  line-height: 0.96;
  margin: 0;
}

.error-copy > p:not(.eyebrow) {
  color: #5f675f;
  line-height: 1.7;
  margin: 2rem 0;
}

.error-copy .error-countdown {
  border-left: 2px solid var(--earth);
  font-size: 0.82rem;
  margin: 2rem 0;
  padding: 0.4rem 0 0.4rem 1rem;
}

.error-countdown strong,
.request-id {
  color: var(--deep-forest);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.legal-header {
  align-items: center;
  background: rgba(251, 248, 241, 0.97);
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  min-height: 84px;
  padding: 0 6vw;
  position: sticky;
  top: 0;
  z-index: 30;
}

.legal-header nav {
  display: flex;
  gap: clamp(1.2rem, 3vw, 2.5rem);
}

.legal-header nav a {
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  min-height: 44px;
  align-items: center;
  display: flex;
  text-transform: uppercase;
}

.legal-header nav a[aria-current="page"] {
  color: var(--cherry);
}

.legal-page {
  background: var(--cream);
}

.legal-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(98, 116, 91, 0.2), transparent 32%),
    var(--parchment);
  border-bottom: 1px solid var(--line);
  padding: clamp(5rem, 9vw, 9rem) 6vw clamp(4rem, 7vw, 7rem);
}

.legal-hero h1 {
  font-family: var(--font-serif);
  font-size: clamp(4rem, 9vw, 8rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.9;
  margin: 0;
}

.legal-hero > p:not(.eyebrow) {
  color: #566058;
  font-family: var(--font-serif);
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  line-height: 1.55;
  margin: 2rem 0 0;
  max-width: 720px;
}

.legal-meta {
  border-top: 1px solid var(--line);
  display: flex;
  gap: 3rem;
  margin: 3rem 0 0;
  padding-top: 1.25rem;
}

.legal-meta div {
  display: grid;
  gap: 0.35rem;
}

.legal-meta dt {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.legal-meta dd {
  color: #697169;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.72rem;
  margin: 0;
}

.legal-layout {
  display: grid;
  gap: clamp(3rem, 7vw, 8rem);
  grid-template-columns: minmax(180px, 250px) minmax(0, 850px);
  justify-content: center;
  padding: clamp(4rem, 8vw, 8rem) 6vw;
}

.legal-toc {
  align-self: start;
  border-top: 3px solid var(--forest);
  display: grid;
  position: sticky;
  top: 116px;
}

.legal-toc a {
  border-bottom: 1px solid var(--line);
  color: #5f675f;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.35;
  padding: 1rem 0;
  text-transform: uppercase;
}

.legal-toc a:hover,
.legal-toc a:focus-visible {
  color: var(--deep-forest);
}

.legal-document {
  min-width: 0;
}

.legal-document section {
  border-top: 1px solid var(--line);
  padding: 0 0 clamp(3rem, 6vw, 5rem);
  scroll-margin-top: 116px;
}

.legal-document section:first-child {
  border-top: 0;
}

.legal-document h2 {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.05;
  margin: 0;
  padding-top: clamp(2rem, 4vw, 3rem);
}

.legal-document section:first-child h2 {
  padding-top: 0;
}

.legal-document h3 {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  margin: 2.2rem 0 0.8rem;
  text-transform: uppercase;
}

.legal-document p,
.legal-document li {
  color: #505951;
  font-size: 1rem;
  line-height: 1.85;
}

.legal-document p {
  margin: 1.35rem 0 0;
}

.legal-document ul {
  margin: 1.2rem 0 0;
  padding-left: 1.35rem;
}

.legal-document li + li {
  margin-top: 0.55rem;
}

.legal-document a,
.legal-footer a {
  color: var(--deep-forest);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22rem;
}

.legal-footer {
  align-items: center;
  background: var(--deep-forest);
  color: rgba(255, 255, 255, 0.68);
  display: flex;
  font-size: 0.67rem;
  justify-content: space-between;
  letter-spacing: 0.08em;
  min-height: 110px;
  padding: 2rem 6vw;
  text-transform: uppercase;
}

.legal-footer a {
  color: white;
}

.site-footer {
  background: #0d2119;
  color: white;
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr 1fr;
  padding: 5rem 6vw 2rem;
}

.footer-wordmark small {
  color: #c0ad8e;
}

.site-footer > p {
  color: rgba(255, 255, 255, 0.55);
  font-family: var(--font-serif);
  font-size: 1.15rem;
  justify-self: end;
  margin: 0;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  grid-column: 1 / -1;
}

.site-footer nav a {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.42);
  display: flex;
  font-size: 0.62rem;
  grid-column: 1 / -1;
  justify-content: space-between;
  letter-spacing: 0.08em;
  padding-top: 1.5rem;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
  }

  .main-nav,
  .header-cta {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .hero {
    min-height: min(820px, calc(100svh - 84px));
  }

  .origin-record {
    grid-template-columns: repeat(2, 1fr);
  }

  .record-intro {
    grid-row: span 3;
  }

  .record-item:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }

  .record-item:last-child {
    border-bottom: 0;
  }

  .journey-header,
  .building-section,
  .campaign-conversion,
  .newsletter-section {
    grid-template-columns: 1fr;
  }

  .journey-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    padding: 0 6vw 2rem;
  }

  .journey-track li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    min-height: 240px;
  }

  .building-copy {
    max-width: 650px;
  }

  .principles-grid {
    grid-template-columns: 1fr;
  }

  .principles-grid article {
    min-height: 360px;
  }

  .card-number {
    margin-top: 4.5rem;
  }

  .participate-section {
    grid-template-columns: 1fr;
  }

  .participate-card {
    min-height: 560px;
  }
}

@media (max-width: 680px) {
  .site-header {
    min-height: 72px;
    padding: 0 1.2rem;
  }

  .mobile-nav {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .hero {
    min-height: calc(100svh - 72px);
    min-height: calc(100dvh - 72px);
    padding: 5rem 1.2rem 3rem;
  }

  .hero-image {
    object-position: 62% center;
  }

  .hero-shade {
    background:
      linear-gradient(90deg, rgba(8, 27, 19, 0.91), rgba(8, 27, 19, 0.28)),
      linear-gradient(0deg, rgba(8, 27, 19, 0.62), transparent 55%);
  }

  .hero h1 {
    font-size: clamp(3.25rem, 16vw, 5rem);
    line-height: 0.9;
  }

  .hero-copy {
    font-size: 1.05rem;
    max-width: 92%;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-actions a {
    width: 100%;
  }

  .hero-caption {
    display: none;
  }

  .section,
  .journey-header,
  .building-section,
  .campaign-conversion,
  .newsletter-section {
    padding: 5rem 1.2rem;
  }

  .section-heading h2,
  .campaign-conversion-copy h2,
  .newsletter-copy h2,
  .building-section h2,
  .participate-card h2 {
    font-size: clamp(2.8rem, 14vw, 4.2rem);
  }

  .origin-story {
    gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .origin-record {
    grid-template-columns: 1fr;
    margin-top: 4rem;
  }

  .record-intro,
  .record-item {
    min-height: 120px;
  }

  .record-intro strong,
  .record-item p {
    margin-top: 2rem;
  }

  .record-intro {
    grid-row: auto;
  }

  .record-item {
    border-left: 0;
  }

  .record-item:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }

  .record-item:last-child {
    border-bottom: 0;
  }

  .journey-track {
    display: block;
    padding: 0 1.2rem 2rem;
  }

  .journey-track li {
    align-items: start;
    border-right: 0;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2.25rem 1fr;
    min-height: 0;
    padding: 1.5rem 0;
  }

  .journey-track li > div {
    margin-top: 0;
  }

  .participate-section {
    gap: 1rem;
    padding: 1.2rem;
  }

  .participate-card {
    min-height: auto;
    padding: 4rem 1.5rem;
  }

  .topic-list > div {
    gap: 0.8rem;
    grid-template-columns: 2rem 1fr auto;
  }

  .field-grid {
    grid-template-columns: 1fr;
  }

  .newsletter-form {
    padding: 2rem 1.2rem;
  }

  .campaign-conversion-card {
    padding: 2rem 1.2rem;
  }

  .newsletter-form input:not([type="checkbox"]):not([type="hidden"]),
  .newsletter-form select {
    font-size: 1rem;
    min-height: 48px;
  }

  .consent-row input[type="checkbox"] {
    height: 1.15rem;
    width: 1.15rem;
  }

  .verification-page {
    padding: 1.2rem;
  }

  .verification-wordmark {
    left: 1.2rem;
    top: 1.5rem;
  }

  .verification-card {
    margin-top: 6.5rem;
    padding: 2rem 1.2rem;
  }

  .confirmation-page {
    align-items: start;
    padding: 1.2rem;
  }

  .confirmation-wordmark {
    left: 1.2rem;
    top: 1.5rem;
  }

  .confirmation-card {
    margin-top: 6.5rem;
    padding: 2rem 1.2rem;
  }

  .confirmation-card h1 {
    font-size: clamp(3rem, 15vw, 4.5rem);
  }

  .confirmation-card .button {
    width: 100%;
  }

  .verification-form input[type="text"] {
    font-size: clamp(1.65rem, 10vw, 2.5rem);
    letter-spacing: 0.22em;
  }

  .error-page {
    padding: 7rem 1.2rem 3rem;
  }

  .error-wordmark {
    left: 1.2rem;
  }

  .site-footer {
    grid-template-columns: 1fr;
    padding: 4rem 1.2rem 2rem;
  }

  .site-footer > p {
    justify-self: start;
  }

  .site-footer nav,
  .footer-bottom {
    grid-column: auto;
  }

  .site-footer nav {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr 1fr;
  }

  .site-footer nav a {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    min-height: 48px;
  }

  .footer-bottom {
    align-items: start;
    flex-direction: column;
    gap: 0.7rem;
  }
}

@media (max-width: 420px) {
  .wordmark span {
    font-size: 1.15rem;
  }

  .wordmark small {
    letter-spacing: 0.36em;
  }

  .mobile-menu-text {
    display: none;
  }

  .hero h1 {
    font-size: clamp(3rem, 15.5vw, 4rem);
  }

  .button-primary,
  .button-quiet,
  .button-dark,
  .button-light,
  .newsletter-submit {
    height: auto;
    min-height: 50px;
    padding: 0.8rem 1rem;
    width: 100%;
  }

  .site-footer nav {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .legal-layout {
    grid-template-columns: 1fr;
  }

  .legal-toc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: static;
  }

  .legal-toc a {
    padding-right: 1rem;
  }
}

@media (max-width: 680px) {
  .legal-header {
    min-height: 72px;
    padding: 0 1.2rem;
  }

  .legal-header nav {
    gap: 0.9rem;
  }

  .legal-header nav a {
    font-size: 0.58rem;
    letter-spacing: 0.08em;
  }

  .legal-hero {
    padding: 5rem 1.2rem 4rem;
  }

  .legal-hero h1 {
    font-size: clamp(3.3rem, 17vw, 5rem);
  }

  .legal-meta {
    align-items: start;
    flex-direction: column;
    gap: 1rem;
  }

  .legal-layout {
    gap: 3rem;
    padding: 4rem 1.2rem;
  }

  .legal-toc {
    grid-template-columns: 1fr 1fr;
  }

  .legal-document p,
  .legal-document li {
    font-size: 0.95rem;
    line-height: 1.75;
  }

  .legal-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 2.5rem 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}

/* Springborn unified header signature 0.9.3.3. Header-only scope. */
.site-header { background:rgba(251,248,241,.96); }
.site-header .wordmark,
.site-header .brand {
  position:relative; display:inline-flex; flex-direction:column;
  justify-content:center; align-items:flex-start; gap:0;
  padding:0 0 0 58px; min-height:48px; flex-shrink:0;
  color:#1d2924; text-decoration:none; text-transform:uppercase;
  line-height:1; white-space:nowrap;
}
.site-header .wordmark .official-mark,
.site-header .brand .brand-mark {
  position:absolute; left:0; top:0; display:block;
  width:48px; height:48px; max-width:none; object-fit:contain;
}
.site-header .wordmark > span,
.site-header .brand > span > strong {
  display:block; font-family:Georgia,"Times New Roman",serif;
  font-size:26px; font-weight:400; font-style:normal;
  letter-spacing:.055em; line-height:1.05; text-transform:uppercase;
}
.site-header .wordmark > small,
.site-header .brand > span > small {
  display:block; margin:7px 0 0; color:#91643e;
  font-family:Arial,Helvetica,sans-serif; font-size:9px;
  font-weight:700; letter-spacing:.36em; line-height:1.2;
  text-transform:uppercase;
}
.site-header .wordmark:focus-visible,
.site-header .brand:focus-visible { outline:2px solid #91643e; outline-offset:5px; border-radius:2px; }
@media(max-width:600px) {
  .site-header .wordmark,.site-header .brand { padding-left:48px; min-height:40px; }
  .site-header .wordmark .official-mark,.site-header .brand .brand-mark { width:40px; height:40px; }
  .site-header .wordmark > span,.site-header .brand > span > strong { font-size:21px; }
  .site-header .wordmark > small,.site-header .brand > span > small { font-size:8px; margin-top:5px; }
}

.site-header { min-height:84px; padding-inline:4vw; }
@media(max-width:600px) { .site-header { min-height:72px; } }

/* Shared footer presentation 0.9.3.4 */
.sb-footer { box-sizing:border-box; padding:56px 4vw 24px; background:#102d1e; color:#e5ebe6; }
.sb-footer * { box-sizing:border-box; }
.sb-footer .sb-footer-grid { display:grid; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)); gap:32px; max-width:1440px; margin:0 auto; }
.sb-footer .sb-signature { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#f6f1e8; }
.sb-footer .sb-signature img { width:48px; height:48px; object-fit:contain; flex:0 0 48px; }
.sb-footer .sb-signature strong { display:block; font:400 26px/1.05 Georgia,"Times New Roman",serif; letter-spacing:.055em; text-transform:uppercase; color:#f6f1e8; }
.sb-footer .sb-signature small { display:block; margin-top:7px; font:700 9px/1.2 Arial,Helvetica,sans-serif; letter-spacing:.36em; text-transform:uppercase; color:#d5b58c; }
.sb-footer p { font:400 14px/1.7 Arial,Helvetica,sans-serif; color:#c1cec5; max-width:36em; margin:18px 0 0; }
.sb-footer nav { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.sb-footer h2 { font:700 11px/1.4 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.15em; color:#d5b58c; margin:0 0 6px; }
.sb-footer nav a,.sb-footer nav button { font:400 14px/1.5 Arial,Helvetica,sans-serif; color:#e5ebe6; text-decoration:none; text-align:left; padding:0; border:0; border-radius:0; background:none; cursor:pointer; }
.sb-footer nav a:hover,.sb-footer nav button:hover { text-decoration:underline; text-underline-offset:4px; }
.sb-footer a:focus-visible,.sb-footer button:focus-visible { outline:2px solid #d5b58c; outline-offset:5px; }
.sb-footer .sb-footer-bottom { max-width:1440px; margin:32px auto 0; border-top:1px solid #40564a; padding-top:20px; }
.sb-footer .sb-footer-bottom p { max-width:none; margin:0 0 12px; font-size:12px; }
@media(max-width:900px) { .sb-footer .sb-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .sb-footer { padding:36px 6vw 20px; } .sb-footer .sb-footer-grid { grid-template-columns:1fr; gap:28px; } .sb-footer .sb-signature strong { font-size:21px; } .sb-footer .sb-signature img { width:40px; height:40px; flex-basis:40px; } }

/* Springborn 0.9.3.5: public TTW presentation */
.sb-announcement{background:#173d2d;color:#f4efe4;text-align:center;padding:12px 20px;font-size:13px;line-height:1.6;letter-spacing:.02em}.sb-announcement-link{color:inherit;display:inline-block;margin-left:16px;text-underline-offset:4px}.sb-round{background:#173d2d;color:#f4efe4;padding:clamp(40px,7vw,100px) max(24px,6vw);scroll-margin-top:100px}.sb-round-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,6vw,90px);align-items:center}.sb-round h2{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,66px);font-weight:400;line-height:1.08;margin:16px 0 24px;color:inherit}.sb-round p{line-height:1.75;color:inherit;max-width:65ch}.sb-round-kicker{text-transform:uppercase;font-size:12px;letter-spacing:.15em}.sb-round-stage{font-size:14px}.sb-round-button{display:inline-flex;gap:18px;align-items:center;background:#f4efe4;color:#173d2d;padding:17px 23px;font-size:14px;font-weight:600;text-decoration:none;margin:10px 0 18px}.sb-round-button:hover{background:#e7d9b9}.sb-round a:focus-visible,.sb-announcement a:focus-visible{outline:3px solid #d4ae6e;outline-offset:5px}.sb-round-action>p:last-child{font-size:14px}.sb-ttw-disclosure{max-width:1240px;margin:40px auto 0;border-top:1px solid #789085;padding-top:24px;font-size:13px;line-height:1.75}.sb-ttw-disclosure p{max-width:none;margin-top:10px}.sb-progress{padding:60px max(24px,6vw);background:#f4efe4;color:#173d2d}.sb-progress h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.2}.sb-progress dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.sb-progress dl>div{border-top:1px solid #c9c9b9;padding-top:18px}.sb-progress dt{font-size:12px;text-transform:uppercase;letter-spacing:.09em}.sb-progress dd{margin:10px 0 0;font-size:21px}.status-card{flex-wrap:wrap}.status-card strong{max-width:100%}@media(max-width:700px){.sb-round-inner{grid-template-columns:1fr}.sb-progress dl{grid-template-columns:1fr}.sb-announcement-link{margin-left:8px}.sb-round-button{font-size:13px}.hero-actions{flex-wrap:wrap}}