:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-header {
  background: var(--bg-ultra-light);
padding-block: var(--space-s);
padding-inline: var(--gutter);
}
.site-header__inner {
  flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--space-m);
}
.site-header__logo-img {
  inline-size: auto;
block-size: clamp(5.175rem, 3.1625rem + 4.6vw, 7.9rem);
}
.site-header__nav {
  display: flex;
align-items: center;
gap: var(--space-l);
}
.site-header__menu {
  display: none;
gap: var(--space-l);

@media (min-width: 48rem) {
  display: flex;
}
}
.site-header__link {
  color: var(--text-dark);
font-size: var(--text-s);
font-weight: 500;
text-decoration: none;

&:hover {
  color: var(--primary);
}
}
.hero {
  border-block-end: 4px solid var(--primary);
}
.hero__inner {
  display: grid;
grid-template-columns: var(--grid-1);
gap: var(--container-gap);
align-items: center;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2-1);
}
}
.hero__copy {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--content-gap);
}
.eyebrow {
  font-size: calc(var(--text-s) * 1.25);
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--primary);

  :where(.bg--dark) & {
    color: var(--text-light-muted);
  }

  :where(.bg--dark) :where(.bg--ultra-light, .bg--light) & {
    color: var(--primary);
  }
}
.hero__title-line {
  display: block;
}
.hero__lede {
  font-size: var(--text-l);
color: var(--text-light-muted);
max-inline-size: 60ch;
line-height: 1.55;
}
.hero__actions {
  display: flex;
flex-wrap: wrap;
gap: var(--space-s);
padding-block-start: var(--space-xs);
}
.hero__img {
  inline-size: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: calc(var(--radius) * 2);

@media (min-width: 64rem) {
  aspect-ratio: 2 / 3;
}
}
.btn--on-dark {
  --btn-background: transparent;
--btn-background-hover: var(--text-light);
--btn-text-color: var(--text-light);
--btn-text-color-hover: var(--bg-dark);
--btn-border-color: var(--text-light);
--btn-border-color-hover: var(--text-light);
--focus-color: var(--text-light);
}
.endorsement__inner {
  display: grid;
grid-template-columns: var(--grid-1);
gap: var(--container-gap);
align-items: center;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2-3);
}
}
.endorsement__img {
  inline-size: 100%;
aspect-ratio: 23 / 27;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
}
.endorsement__body {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
}
.endorsement__figure {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
padding: 0;
border: 0;
background: none;
}
.endorsement__quote {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
}
.endorsement__pull {
  font-family: var(--heading-font-family);
font-size: calc(var(--h3) * 1.25);
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
color: var(--text-dark);
}
.endorsement__text {
  color: var(--text-dark-muted);
  font-size: var(--text-m);
}
.endorsement__attribution {
  display: grid;
grid-template-columns: auto 1fr;
column-gap: var(--space-s);
align-items: center;

&::before {
  content: "";
  grid-row: 1 / span 2;
  inline-size: 2.5rem;
  block-size: 3px;
  background: var(--primary);
}
}
.endorsement__name {
  font-size: var(--text-xl);
font-weight: 700;
color: var(--text-dark);
line-height: 1.3;
}
.endorsement__role {
  font-size: var(--text-s);
color: var(--text-dark-muted);
}
.stake__inner {
  align-items: center;
text-align: center;
gap: var(--content-gap);
}
.stake__title-line {
  display: block;
}
.stake__lede {
  font-size: var(--text-l);
color: var(--text-light-muted);
max-inline-size: 60ch;
line-height: 1.55;
}
.stake__kicker {
  font-family: var(--heading-font-family);
font-size: var(--h3);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.01em;
color: var(--text-light);
}
.stake__actions {
  padding-block-start: var(--space-xs);
}
.record__inner {
  display: grid;
grid-template-columns: var(--grid-1);
gap: var(--container-gap);
align-items: start;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2-3);
}
}
.record__intro {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
}
.record__lede {
  font-size: var(--text-l);
color: var(--text-dark-muted);
line-height: 1.55;
}
.record__figure {
  display: flex;
flex-direction: column;
gap: var(--space-xs);
padding-block-start: var(--space-xs);
}
.record__img {
  inline-size: 100%;
aspect-ratio: 250 / 167;
object-fit: cover;
border-radius: var(--radius);
}
.record__caption {
  font-size: var(--text-s);
color: var(--text-dark-muted);
}
.record__lists {
  display: flex;
flex-direction: column;
gap: var(--space-xl);
}
.record__group-title {
  padding-block-end: var(--space-s);
}
.record__law {
  display: flex;
gap: var(--space-s);
padding-block: var(--space-s);
border-block-start: var(--border);

&::before {
  content: "";
  flex-shrink: 0;
  inline-size: 1rem;
  block-size: 1rem;
  margin-block-start: 0.3em;
  background: var(--primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0.8L9.92 5.76L15.2 6.08L11.12 9.44L12.48 14.64L8 11.68L3.52 14.64L4.88 9.44L0.8 6.08L6.08 5.76L8 0.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
}
.record__award {
  display: flex;
flex-direction: column;
gap: 0.25em;
padding-block: var(--space-s);
border-block-start: var(--border);
}
.record__award-name {
  font-size: calc(var(--text-l) * 1.1);
font-weight: 700;
line-height: 1.3;
color: var(--text-dark);
}
.record__award-org {
  font-size: var(--text-s);
color: var(--text-dark-muted);
}
.agenda__inner {
  gap: var(--container-gap);
}
.agenda__intro {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
}
.agenda__lede {
  font-size: var(--text-l);
color: var(--text-dark-muted);
line-height: 1.55;
}
.agenda__list {
  --agenda-rows: 4;
display: grid;
grid-template-columns: var(--grid-1);
column-gap: var(--space-xxl);
counter-reset: agenda;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2);
  grid-template-rows: repeat(var(--agenda-rows), auto);
  grid-auto-flow: column;
}
}
.agenda__item {
  display: flex;
gap: var(--space-m);
padding-block: var(--space-m);
border-block-start: var(--border);
counter-increment: agenda;
}
.agenda__num {
  flex-shrink: 0;
min-inline-size: 2.75rem;
font-family: var(--heading-font-family);
font-size: var(--h3);
font-weight: 700;
line-height: 1.2;
color: var(--primary);

&::before {
  content: counter(agenda, decimal-leading-zero);
}
}
.agenda__text {
  display: flex;
flex-direction: column;
gap: var(--space-xs);
padding-block-start: 0.35em;
}
.agenda__title {
  font-family: var(--text-font-family);
font-size: calc(var(--text-l) * 1.1);
letter-spacing: 0;
line-height: 1.3;
}
.agenda__desc {
  color: var(--text-dark-muted);
}
.agenda__closing {
  padding-block: var(--space-l);
padding-inline: var(--space-xl);
border-radius: calc(var(--radius) * 2);
}
.agenda__closing-text {
  font-size: var(--text-l);
line-height: 1.55;
}
.about__inner {
  gap: var(--space-xxl);
}
.about__meet {
  display: grid;
grid-template-columns: var(--grid-1);
gap: var(--container-gap);
align-items: center;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2);
}
}
.about__bio {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
}
.about__img {
  inline-size: 100%;
aspect-ratio: 27 / 20;
object-fit: cover;
border-radius: calc(var(--radius) * 2);
}
.letter {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
align-self: center;
inline-size: 100%;
max-inline-size: 50rem;
padding: var(--space-xl);
background: color-mix(in oklch, var(--base-ultra-light), var(--white) 60%);
border: var(--border);
border-radius: calc(var(--radius) / 2);
box-shadow: 0 0.75rem 2.5rem oklch(0% 0 0 / 0.08);
}
.letter__title {
  font-size: var(--h3);
}
.letter__signoff {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-xs);
}
.letter__sig {
  inline-size: 8rem;
  border-radius: 0;
}
.letter__name {
  font-size: calc(var(--text-l) * 1.1);
font-weight: 700;
line-height: 1.3;
}
.letter__actions {
  padding-block-start: var(--space-xs);
}
.ask__inner {
  display: grid;
grid-template-columns: var(--grid-1);
gap: var(--space-xl);
align-items: start;

@media (min-width: 64rem) {
  grid-template-columns: var(--grid-2-1);
}
}
.ask__card {
  display: flex;
flex-direction: column;
gap: var(--content-gap);
padding: var(--space-xl);
border-radius: calc(var(--radius) * 2);
}
.ask__lede {
  font-size: var(--text-l);
color: var(--text-dark-muted);
line-height: 1.55;
}
.ask__donate {
  display: flex;
flex-direction: column;
gap: var(--content-gap);

@media (min-width: 64rem) {
  padding-block-start: var(--space-xl);
}
}
.ask__donate-title {
  font-size: var(--h3);
}
.ask__donate-text {
  color: var(--text-light-muted);
}
.site-footer {
  padding-block: var(--space-xl);
padding-inline: var(--gutter);
border-block-start: var(--border);
}
.site-footer__inner {
  gap: var(--space-l);
}
.site-footer__top {
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--space-m);
}
.site-footer__logo-img {
  inline-size: auto;
block-size: 7.475rem;
}
.site-footer__links {
  display: flex;
flex-wrap: wrap;
gap: var(--space-s) var(--space-l);
}
.site-footer__link {
  color: var(--text-dark);
font-size: var(--text-s);
font-weight: 500;
text-decoration: none;

&:hover {
  color: var(--primary);
}
}
.site-footer__bottom {
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--space-m);
padding-block-start: var(--space-l);
border-block-start: var(--border);
}
.site-footer__disclaimer {
  inline-size: fit-content;
padding-block: var(--space-xs);
padding-inline: var(--space-s);
border: 1px solid var(--text-dark);
font-size: var(--text-s);
font-weight: 500;
}
.social-links {
  display: flex;
gap: var(--space-xs);
}
.social-links__link {
  display: grid;
place-items: center;
inline-size: 2.75rem;
block-size: 2.75rem;
border-radius: 50%;
color: var(--secondary);

&::before {
  content: "";
  inline-size: 1.25rem;
  block-size: 1.25rem;
  background: currentColor;
  mask: var(--social-icon) center / contain no-repeat;
}

&:hover {
  color: var(--primary);
}

:where(.bg--dark) & {
  color: var(--text-light);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--text-light) 35%, transparent);
}

:where(.bg--dark) &:hover {
  color: var(--secondary);
  background: var(--text-light);
}
}
.ask__follow {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-s);
margin-block-start: var(--space-m);
padding-block-start: var(--space-m);
border-block-start: 1px solid color-mix(in oklch, var(--text-light) 20%, transparent);
}
.ask__follow-label {
  font-size: var(--text-s);
font-weight: 600;
color: var(--text-light-muted);
}
.social-links__link--facebook {
  --social-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z'%2F%3E%3C%2Fsvg%3E");
}
.social-links__link--x {
  --social-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M18.901%201.153h3.68l-8.04%209.19L24%2022.846h-7.406l-5.8-7.584-6.638%207.584H.474l8.6-9.83L0%201.154h7.594l5.243%206.932ZM17.61%2020.644h2.039L6.486%203.24H4.298Z'%2F%3E%3C%2Fsvg%3E");
}
.signup-embed {
  margin-block-start: var(--space-s);
}
.signup-embed__frame {
  display: block;
inline-size: 100%;
block-size: 110rem;
border: 0;
}
.record__award-highlight {
  text-decoration: underline;
text-decoration-color: var(--primary);
text-decoration-thickness: 2px;
text-underline-offset: 0.2em;
}