/* Home-page styles only. Desktop composition follows the supplied reference.
   Preserve all HTML copy, including unverified-story notices. */
.project-page {
  --project-ink: #202d32;
  --project-muted: #6b7174;
  --project-green: #075b48;
  --project-line: #e9e9e6;
  --project-soft: #f7f6f4;
  color: var(--project-ink);
  background: #fff;
  font-family: Arial, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.project-page *, .project-page *::before, .project-page *::after { box-sizing: border-box; }
.project-page .ui-container { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.project-page h1, .project-page h2, .project-page h3 {
  margin: 0;
  color: var(--project-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -.025em;
}
.project-page h2 { font-size: 30px; line-height: 1.12; }
.project-page h3 { font-size: 20px; line-height: 1.15; }
.project-page a:focus-visible, .project-page summary:focus-visible {
  outline: 3px solid var(--project-green);
  outline-offset: 4px;
}
.project-page .ui-button {
  min-height: 52px;
  padding: 12px 26px;
  border-radius: 7px;
  font: 700 14px/1.3 Arial, sans-serif;
  white-space: normal;
}
.project-page .ui-button--accent,
.project-page .project-membership-card .ui-button {
  border-color: transparent;
  background: #ff6328;
  color: #fff;
}
.project-page .ui-button--accent:hover,
.project-page .project-membership-card .ui-button:hover { background: #e94f19; color: #fff; }
.project-page .ui-button::after { content: "→"; margin-left: 6px; font-size: 19px; font-weight: 400; }
.project-section { padding: 30px 0; }
.project-kicker, .project-heading > p, .project-heading > div > p {
  margin: 0 0 5px;
  color: var(--project-green);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}
.project-heading { max-width: 860px; margin: 0 auto 24px; text-align: center; }
.project-heading > span, .project-heading > div > span {
  display: block;
  margin-top: 6px;
  color: var(--project-muted);
  font-size: 13px;
  line-height: 1.4;
}

/* Opening composition: no fixed-height crop or floating glass card. */
.project-hero { padding: 14px 0 30px; }
.project-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.project-hero-copy, .project-hero-visual { min-width: 0; }
.project-hero-copy h1 { max-width: 570px; font-size: clamp(40px, 4.2vw, 54px); line-height: .99; letter-spacing: -.045em; }
.project-hero-copy h1 span { color: var(--project-green); }
.project-lead { max-width: 515px; margin: 20px 0 26px; color: var(--project-muted); font-size: 17px; line-height: 1.35; }
.project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; }
.project-video-link { display: inline-flex; align-items: center; gap: 12px; color: var(--project-green); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.project-video-link span { display: grid; width: 34px; height: 34px; flex: none; place-items: center; border: 2px solid #428a78; border-radius: 50%; font-size: 12px; }
.project-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 36px 0 0; padding: 0; list-style: none; }
.project-hero-points li { min-width: 0; padding-right: 12px; border-right: 1px solid var(--project-line); }
.project-hero-points li:last-child { padding-right: 0; border: 0; }
.project-hero-points b, .project-hero-points span { display: block; }
.project-hero-points b { color: var(--project-green); font: 700 28px/1.1 Georgia, serif; }
.project-hero-points span { margin-top: 6px; color: var(--project-muted); font-size: 12px; line-height: 1.3; }
.project-hero-forecast-note { margin: 10px 0 0; color: var(--project-muted); font-size: 11px; line-height: 1.4; }
.project-hero-visual { position: relative; margin: 0; }
.project-hero-mosaic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: min(calc(100% - 100px), 450px); margin-left: auto; margin-right: 100px; }
.project-hero-photo { position: relative; overflow: hidden; aspect-ratio: 1 / 1.04; border-radius: 6px; background: #e6ebe9; }
.project-hero-photo:nth-child(n+3) { transform: translateX(100px); }
.project-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.project-hero-photo.is-builder img { object-position: center 25%; }
.project-hero-photo span { position: absolute; z-index: 1; right: 10px; bottom: 13px; color: #fff; font: italic 15px/1.06 "Segoe Print", "Comic Sans MS", cursive; text-align: center; text-shadow: 0 1px 5px rgba(0,0,0,.75), 0 0 12px rgba(0,0,0,.55); transform: rotate(-7deg); }
.project-hero-photo span::after { content: ""; display: block; width: 34px; height: 9px; margin: 0 auto; border-bottom: 2px solid #e4c685; border-radius: 50%; }
.project-hero-photo.is-builder span { right: auto; left: 11px; }
.project-hero-visual .project-hero-hand-note { position: absolute; z-index: 2; top: 54%; left: max(0px, calc(100% - 610px)); width: 115px; margin: 0; color: #315f51; text-align: center; text-shadow: 0 1px 3px #fff, 0 0 7px #fff; }
.project-hero-visual .project-hero-hand-note strong { display: inline-block; font: italic 16px/1.04 "Segoe Print", "Comic Sans MS", cursive; font-weight: 400; transform: rotate(-11deg); }
.project-hero-visual .project-hero-hand-note strong::after { content: ""; display: block; width: 66px; height: 18px; margin: 1px auto 0; border-bottom: 2px solid currentColor; border-radius: 50%; transform: rotate(-8deg); opacity: .7; }

/* Existing artwork is illustrative, not a verified participant portrait. */
.project-audience, .project-stories, .project-trust, .project-faq { background: var(--project-soft); }
.project-audience { border-radius: 16px 16px 0 0; }
.project-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.project-audience-grid article { position: relative; overflow: hidden; min-width: 0; padding: 176px 26px 22px; border-radius: 12px; background: #fff; }
.project-audience-grid article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 158px;
  background: url('/assets/images/project-community-collage-v2.png') no-repeat;
  background-size: 300% auto;
}
.project-audience-grid article:nth-child(1)::before { background-size: 330% auto; background-position: 0 15%; }
.project-audience-grid article:nth-child(2)::before { background-position: 50% 0; }
.project-audience-grid article:nth-child(3)::before { background-position: 100% 70%; }
.project-audience-grid article:nth-child(4)::before { background-position: 100% 0; }
.project-audience-grid article > span { position: absolute; top: 164px; right: 12px; color: #85998f; font-size: 10px; }
.project-audience-grid h3 { margin-bottom: 7px; }
.project-audience-grid p { margin: 0; color: var(--project-muted); font-size: 14px; line-height: 1.3; }

.project-problem { padding: 18px 0 24px; }
.project-problem-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.project-problem-card { position: relative; overflow: hidden; min-width: 0; min-height: 300px; padding: 27px 30px; border-radius: 12px; isolation: isolate; }
.project-problem-card::before { content: ""; position: absolute; z-index: -2; inset: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.project-problem-card::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.project-problem-card.is-muted { background: #f2efec; }
.project-problem-card.is-muted::before { background-image: url('/assets/images/project-problem-entrepreneur-v1.png'); }
.project-problem-card.is-muted::after { background: linear-gradient(90deg, #f4f1ee 0%, rgba(244,241,238,.98) 42%, rgba(244,241,238,.25) 66%, transparent 100%); }
.project-problem-card.is-solution { background: #edf7f2; }
.project-problem-card.is-solution::before { background-image: url('/assets/images/project-solution-mountains-v1.png'); opacity: .96; }
.project-problem-card.is-solution::after { background: linear-gradient(90deg, #edf7f2 0%, rgba(237,247,242,.98) 51%, rgba(237,247,242,.6) 72%, rgba(237,247,242,.08) 100%); }
.project-problem-copy { position: relative; z-index: 1; width: 58%; }
.project-problem-card h2 { max-width: 360px; margin-bottom: 5px; font-size: 25px; }
.project-problem-card .project-problem-copy > p { margin: 0 0 19px; color: var(--project-muted); font-size: 13px; line-height: 1.35; }
.project-problem-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.project-problem-card li { position: relative; padding-left: 25px; color: #58625f; font-size: 12px; line-height: 1.35; }
.project-problem-card li::before { position: absolute; top: 0; left: 0; display: grid; width: 20px; height: 20px; place-items: center; }
.project-problem-card.is-muted li::before { content: "×"; color: #ff6a3d; font-size: 21px; line-height: 1; }
.project-problem-card.is-solution li::before { content: "✓"; border-radius: 50%; background: var(--project-green); color: #fff; font-size: 12px; }
.project-hand-note { position: absolute; z-index: 2; color: #315f51; font: italic 18px/1.03 "Segoe Print", "Comic Sans MS", cursive; text-align: center; transform: rotate(-8deg); }
.project-hand-note::after { content: ""; display: block; width: 54px; height: 18px; margin: 3px auto 0; border-bottom: 2px solid currentColor; border-radius: 50%; transform: rotate(-8deg); opacity: .7; }
.project-problem-card.is-muted .project-hand-note { right: calc(43% + 100px); bottom: 22px; color: #3c4a47; }
.project-problem-card.is-solution .project-hand-note { top: 28px; right: 28px; }

.project-process { scroll-margin-top: 90px; }
.project-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; }
.project-process-grid li { position: relative; min-width: 0; padding: 0 20px; text-align: center; }
.project-process-grid li:not(:last-child)::after { content: "→"; position: absolute; top: 31px; right: -25px; color: #c2c7c9; font-size: 36px; font-weight: 400; }
.project-process-grid b { position: absolute; top: 7px; left: calc(50% - 78px); display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--project-green); color: #fff; font-size: 14px; }
.project-step-icon, .project-benefit-grid i { display: grid; width: 106px; height: 106px; margin: 0 auto 14px; place-items: center; border-radius: 50%; color: var(--project-green); }
.project-step-icon { background: #f5f4f2; }
.project-page .project-step-icon svg, .project-page .project-benefit-grid svg, .project-page .project-trust-grid svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.project-process-grid h3 { max-width: 210px; min-height: 46px; margin-inline: auto; }
.project-process-grid p { max-width: 210px; margin: 10px auto 0; color: var(--project-muted); font-size: 14px; line-height: 1.3; }
.project-benefits { padding-top: 12px; padding-bottom: 42px; }
.project-benefit-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.project-benefit-grid article { min-width: 0; text-align: center; }
.project-benefit-grid i { background: #edf5f1; font-style: normal; }
.project-benefit-grid h3 { max-width: 180px; min-height: 46px; margin-inline: auto; }
.project-benefit-grid p { margin: 9px auto 0; color: var(--project-muted); font-size: 14px; line-height: 1.3; }

.project-heading-row { display: flex; max-width: none; align-items: center; justify-content: space-between; gap: 24px; text-align: left; margin-bottom: 16px; }
.project-heading-row small { flex: none; color: var(--project-green); font-size: 12px; }
.project-story-mosaic { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.project-page .story-tile {
  --story-position: 0% 15%;
  --story-size: 330% auto;
  position: relative;
  min-width: 0;
  padding-top: 102%;
}
.project-page .story-tile::before { content: ""; position: absolute; inset: 0 0 auto; height: 0; padding-top: 102%; border-radius: 6px; background: linear-gradient(0deg, rgba(8, 28, 21, .82), transparent 55%), url('/assets/images/project-community-collage-v2.png'); background-size: 100% 100%, var(--story-size); background-position: center, var(--story-position); background-repeat: no-repeat; }
.project-page .story-two { --story-position: 50% 0%; --story-size: 300% auto; }
.project-page .story-three { --story-position: 100% 100%; --story-size: 300% auto; }
.project-page .story-four { --story-position: 100% 0%; --story-size: 300% auto; }
.project-page .story-five { --story-position: 50% 100%; --story-size: 300% auto; }
.project-page .story-tile button { display: block; width: 100%; margin: 0; padding: 10px 0 0; border: 0; background: transparent; color: var(--project-muted); font: inherit; text-align: left; cursor: default; opacity: 1; }
.project-page .story-tile button > span { position: absolute; top: calc((100vw - 104px) * .102); left: 50%; display: grid; width: 46px; height: 46px; transform: translate(-50%, -50%); place-items: center; border: 2px solid #fff; border-radius: 50%; background: #19362f80; color: #fff; font-size: 16px; }
.project-page .story-tile b { position: absolute; top: 0; left: 12px; right: 8px; margin-top: calc(102% - 32px); color: #fff; font-family: Georgia, serif; font-size: 16px; font-weight: 700; line-height: 1.2; }
.project-page .story-tile small { display: block; font-size: 13px; line-height: 1.35; }

.project-case { padding: 26px 0; }
.project-case-card { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.project-case-card h2 { font-size: 28px; }
.project-case-card > div > p:last-child { margin: 14px 0 0; color: var(--project-muted); font-size: 15px; line-height: 1.45; }
.project-case-card blockquote { margin: 0; padding: 22px; border-left: 3px solid #82aa99; border-radius: 0 10px 10px 0; background: var(--project-soft); color: var(--project-green); font-size: 15px; line-height: 1.5; }
.project-trust .project-heading, .project-faq .project-heading { max-width: none; margin-bottom: 20px; text-align: left; }
.project-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.project-trust-grid article { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; align-content: start; }
.project-trust-grid span { grid-row: 1 / 3; display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; background: #fff; color: var(--project-green); }
.project-page .project-trust-grid svg { width: 27px; height: 27px; }
.project-trust-grid h3 { padding-top: 4px; font: 600 14px/1.3 Arial, sans-serif; letter-spacing: 0; }
.project-trust-grid p { margin: 7px 0 0; color: var(--project-muted); font-size: 13px; line-height: 1.35; }
.project-membership { background: #f4faf7; }
.project-membership-card { display: grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr) auto; align-items:center; gap:40px; padding-block:14px; }
.project-membership-copy { max-width: 560px; }
.project-membership-copy > p:last-child { margin: 10px 0 0; color: var(--project-muted); font-size: 14px; line-height:1.55; }
.project-membership-features { display:grid; gap:9px; margin:0; padding:0; list-style:none; color:var(--project-ink); font-size:13px; }
.project-membership-features li { position:relative; padding-left:25px; }
.project-membership-features li::before { content:"✓"; position:absolute; left:0; top:-1px; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:#dff2e9; color:var(--project-green); font-size:11px; font-weight:800; }
.project-membership-action { display:flex; min-width:230px; align-items:center; flex-direction:column; gap:12px; }
.project-membership-action > strong { color:var(--project-green); font:700 32px/1 Georgia,"Times New Roman",serif; }
.project-membership-action > strong span { display:block; margin-top:5px; color:var(--project-muted); font:600 11px/1.2 Arial,sans-serif; text-align:center; text-transform:uppercase; letter-spacing:.08em; }
.project-membership-card .ui-button { width:100%; flex:none; }

.project-faq { padding: 22px 0; }
.project-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 6px 28px; }
.project-faq details { min-width: 0; border-radius: 6px; background: #fff; }
.project-faq summary { position: relative; padding: 12px 42px 12px 22px; font-size: 13px; font-weight: 400; line-height: 1.35; list-style: none; cursor: pointer; }
.project-faq summary::-webkit-details-marker { display: none; }
.project-faq summary::after { content: ""; position: absolute; top: 16px; right: 22px; width: 7px; height: 7px; border-right: 1.5px solid #67757b; border-bottom: 1.5px solid #67757b; transform: rotate(45deg); }
.project-faq details[open] summary::after { top: 19px; transform: rotate(225deg); }
.project-faq details p { margin: 0; padding: 2px 22px 18px; color: var(--project-muted); font-size: 13px; line-height: 1.5; }
.project-final { padding: 26px 0 18px; }
.project-final-card { display: flex; align-items: center; justify-content: space-between; gap: 44px; padding: 28px 34px; border-radius: 12px; background: linear-gradient(110deg, #07564a, #084d3f); color: #fff; }
.project-final-card > div { max-width: 650px; }
.project-final-card p { margin: 0 0 7px; color: #cfdfd9; font-size: 11px; }
.project-final-card h2 { color: #fff; font-size: 32px; }
.project-final-card span { display: block; max-width: 590px; margin-top: 8px; color: #dfebe6; font-size: 14px; line-height: 1.4; }
.project-final-card .ui-button { flex: none; }
.project-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; padding: 0 0 22px; color: var(--project-muted); font-size: 11px; }
.project-legal-links a { text-decoration: underline; text-underline-offset: 3px; }

/* Breakpoints grouped once; no fixed grid rows when copy wraps. */
@media (min-width: 1244px) {
  .project-page .story-tile button > span { top: 116px; }
}
@media (max-width: 1050px) {
  .project-page .ui-container { width: calc(100% - 40px); }
  .project-hero-grid { gap: 24px; }
  .project-hero-copy h1 { font-size: 46px; }
  .project-lead { font-size: 16px; }
  .project-hero-points { gap: 12px; margin-top: 26px; }
  .project-hero-points b { font-size: 20px; }
  .project-audience-grid article { padding: 144px 18px 20px; }
  .project-audience-grid article::before { height: 130px; }
  .project-audience-grid article > span { top: 135px; right: 8px; }
  .project-audience-grid h3 { font-size: 18px; overflow-wrap: anywhere; }
  .project-problem-card { padding: 24px; }
  .project-problem-copy { width: 64%; }
  .project-process-grid { gap: 16px; }
  .project-process-grid li { padding-inline: 12px; }
  .project-benefit-grid { gap: 16px; }
  .project-page .story-tile button > span { top: calc((100vw - 80px) * .102); }
  .project-page .story-tile b { left: 8px; font-size: 13px; }
  .project-trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 760px) {
  .project-page .ui-container { width: calc(100% - 32px); }
  .project-page h2 { font-size: 28px; }
  .project-section { padding: 28px 0; }
  .project-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .project-hero-copy h1 { max-width: 600px; font-size: clamp(38px, 7.6vw, 54px); }
  .project-lead { max-width: 600px; }
  .project-hero-visual { width: 100%; max-width: 580px; margin-inline: auto; }
  .project-hero-visual .project-hero-hand-note { position: static; width: auto; margin-top: 12px; }
  .project-hero-visual .project-hero-hand-note strong { font-size: 16px; }
  .project-audience-grid, .project-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .project-audience-grid article { padding-top: 176px; }
  .project-audience-grid article::before { height: 158px; }
  .project-audience-grid article > span { top: 163px; }
  .project-problem-grid, .project-case-card { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .project-problem-card { min-height: 300px; }
  .project-process-grid li:not(:last-child)::after { content: none; }
  .project-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 16px; }
  .project-benefit-grid h3 { font-size: 18px; }
  .project-story-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
  .project-page .story-tile button > span { top: calc((100vw - 46px) * .255); }
  .project-page .story-tile b { margin-top: calc(102% - 34px); left: 12px; font-size: 18px; }
  .project-heading-row { align-items: flex-start; flex-direction: column; gap: 8px; }
  .project-membership-card { grid-template-columns:1fr 1fr; align-items:start; gap:22px 32px; }
  .project-membership-action { grid-column:1 / -1; min-width:0; align-items:flex-start; flex-direction:row; justify-content:space-between; }
  .project-membership-action .ui-button { width:auto; }
  .project-final-card { align-items: flex-start; flex-direction: column; gap: 22px; }
  .project-final-card { padding: 26px; }
  .project-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}
@media (max-width: 480px) {
  .project-hero-mosaic { width: calc(100% - 30px); margin-right: 30px; }
  .project-hero-photo:nth-child(n+3) { transform: translateX(30px); }
  .project-hero-photo span { right: 5px; bottom: 8px; font-size: 11px; }
  .project-hero-visual .project-hero-hand-note strong { font-size: 12px; }
  .project-page h3 { font-size: 18px; }
  .project-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .project-hero-points { gap: 8px; }
  .project-hero-points li { padding-right: 7px; }
  .project-hero-points b { font-size: 17px; }
  .project-hero-points span { font-size: 11px; }
  .project-audience-grid { gap: 10px; }
  .project-audience-grid article { padding: 124px 12px 16px; }
  .project-audience-grid article::before { height: 110px; }
  .project-audience-grid article > span { top: 112px; }
  .project-audience-grid p, .project-process-grid p, .project-benefit-grid p { font-size: 13px; }
  .project-problem-card { min-height: 355px; padding: 22px 18px 88px; }
  .project-problem-copy { width: 100%; }
  .project-problem-card::before { display: none; }
  .project-problem-card::after { background: linear-gradient(180deg, #f4f1ee 0%, rgba(244,241,238,.98) 52%, rgba(244,241,238,.18) 78%, transparent 100%); }
  .project-problem-card.is-solution::after { background: linear-gradient(180deg, #edf7f2 0%, rgba(237,247,242,.98) 55%, rgba(237,247,242,.35) 78%, transparent 100%); }
  .project-problem-card.is-muted .project-hand-note { right: 48%; bottom: 16px; }
  .project-problem-card.is-solution .project-hand-note { top: auto; right: 18px; bottom: 18px; }
  .project-step-icon, .project-benefit-grid i { width: 86px; height: 86px; }
  .project-process-grid b { left: calc(50% - 59px); width: 24px; height: 24px; font-size: 12px; }
  .project-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-benefit-grid article:last-child { grid-column: 1 / -1; max-width: 210px; justify-self: center; }
  .project-trust-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .project-page .story-tile b { left: 8px; font-size: 13px; margin-top: calc(102% - 27px); }
  .project-page .story-tile button > span { width: 38px; height: 38px; font-size: 13px; }
  .project-case-card blockquote { padding: 18px; }
  .project-membership-card { grid-template-columns:1fr; }
  .project-membership-action { grid-column:auto; width:100%; align-items:stretch; flex-direction:column; }
  .project-membership-action > strong { text-align:center; }
  .project-membership-action > strong { font-size: 29px; }
  .project-membership-card .ui-button, .project-final-card .ui-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .project-page .ui-button { transition: none; }
  .project-page .ui-button:hover { transform: none; }
}