.red-project-system-page {
  --project-green:#27482c;
  --project-green-soft:#58745c;
  --project-sand:#efeae0;
  --project-paper:#fffdf8;
}

.red-project-system-page .project-preview-nav {
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(247,244,236,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}

.red-project-system-page .project-preview-nav .navwrap {
  min-height:68px;
}

.red-project-system-page .project-preview-nav .navlinks {
  flex-wrap:wrap;
  justify-content:flex-end;
}

.red-project-system-page .project-identity {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.72rem 1.4rem;
  max-width:760px;
  margin:1.35rem 0 0;
  padding:1rem 1.15rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,253,248,.72);
}

.red-project-system-page .project-identity div {
  min-width:0;
}

.red-project-system-page .project-identity dt {
  margin:0 0 .12rem;
  color:var(--teal);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.red-project-system-page .project-identity dd {
  margin:0;
  color:#3a362e;
  font-size:.86rem;
  line-height:1.45;
}

.red-project-system-page .project-identity .project-credit {
  grid-column:1/-1;
  padding-top:.65rem;
  border-top:1px solid var(--line);
}

.red-project-system-page .project-assessment {
  margin:2.15rem 0;
  padding:1.45rem 1.55rem;
  border:1px solid rgba(39,72,44,.18);
  border-left:5px solid var(--project-green);
  border-radius:0 14px 14px 0;
  background:var(--project-paper);
  box-shadow:0 12px 28px rgba(36,28,22,.045);
}

.red-project-system-page .project-assessment .assessment-label {
  display:block;
  margin:0 0 .65rem;
  color:var(--project-green);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.1em;
  line-height:1.45;
  text-transform:uppercase;
}

.red-project-system-page .project-assessment p {
  margin-bottom:.9rem;
  font-size:.95rem;
}

.red-project-system-page .project-assessment p:last-child {
  margin-bottom:0;
}

.red-project-system-page .project-sequence {
  display:grid;
  gap:.5rem;
  margin:1.5rem 0 2rem;
  padding:1.1rem 1.25rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--project-sand);
}

.red-project-system-page .project-sequence p {
  position:relative;
  margin:0;
  padding-left:1rem;
  font-family:'Fraunces',serif;
  font-size:1.02rem;
  color:var(--l3);
}

.red-project-system-page .project-sequence p::before {
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--teal-soft);
}

.red-project-system-page blockquote.pullquote p {
  margin:0;
  color:inherit;
  font:inherit;
}

.red-project-system-page .project-figure {
  margin:2.25rem 0 2.6rem;
}

.red-project-system-page .project-figure--portrait {
  max-width:560px;
  margin-right:auto;
  margin-left:auto;
}

.red-project-system-page .project-figure img {
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:#e5ddd0;
}

.red-project-system-page .project-figure figcaption,
.red-project-system-page .project-gallery figcaption {
  margin-top:.55rem;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.5;
}

.red-project-system-page .figure-credit {
  white-space:nowrap;
  color:var(--project-green-soft);
  font-weight:600;
}

.red-project-system-page .project-self-description {
  margin:1.35rem 0 2rem;
  padding:1.25rem 1.35rem;
  border:1px solid rgba(39,72,44,.18);
  border-left:4px solid var(--project-green);
  border-radius:0 14px 14px 0;
  background:rgba(255,253,248,.82);
}

.red-project-system-page .project-self-description-label {
  display:block;
  margin:0 0 .72rem;
  color:var(--project-green);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.45;
  text-transform:uppercase;
}

.red-project-system-page .project-self-description p:last-child {
  margin-bottom:0;
}

.red-project-system-page .project-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin:2.25rem 0 2.6rem;
}

.red-project-system-page .project-gallery figure {
  min-width:0;
}

.red-project-system-page .project-gallery img {
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  border-radius:14px;
  background:#e5ddd0;
}

.red-project-system-page .project-links {
  margin:1rem 0 1.8rem;
}

.red-project-system-page .project-links li {
  margin:.6rem 0;
}

.red-project-system-page .source.project-sources {
  padding:1.6rem;
}

.red-project-system-page .source.project-sources h2 {
  margin:.15rem 0 1.1rem;
  font-size:1.5rem;
}

.red-project-system-page .source.project-sources h3 {
  margin:1.45rem 0 .75rem;
}

.red-project-system-page .source.project-sources p {
  margin-bottom:.9rem;
  padding-left:2.5rem;
  text-indent:-2.5rem;
  color:var(--muted);
  font-size:.84rem;
}

.red-project-system-page .source.project-sources p:last-child {
  margin-bottom:0;
}

.red-project-system-page .project-transparency {
  margin-top:3.2rem;
  padding-top:.2rem;
  border-top:1px solid var(--line);
}

.red-project-system-page .project-transparency p {
  font-size:.94rem;
}

.red-project-system-page .variant-note {
  margin:0;
  padding:.68rem 1rem;
  background:var(--l2);
  color:var(--cream);
  text-align:center;
  font-size:.76rem;
  letter-spacing:.03em;
}

@media (max-width:680px) {
  .red-project-system-page .project-preview-nav .navlinks .navlink {
    display:inline-block;
  }

  .red-project-system-page .project-identity,
  .red-project-system-page .project-gallery {
    grid-template-columns:1fr;
  }

  .red-project-system-page .project-identity .project-credit {
    grid-column:auto;
  }

  .red-project-system-page .project-assessment {
    padding:1.2rem 1.15rem;
  }

  .red-project-system-page .project-self-description {
    padding:1.15rem;
  }
}

/* Projects & Systems: integration into the existing archive and dashboard. */
#projekte-systeme .archive-section-head>div{width:100%;max-width:720px}
.red-projects-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2rem;align-items:center}
.red-projects-feature .project-feature-image{display:block;min-width:0}
.red-projects-feature .project-feature-image img{display:block;width:100%;height:auto;border-radius:14px}
.red-projects-feature .magazine-copy{min-width:0}
.red-projects-feature .magazine-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.75rem;margin-block-start:1.5rem}
.red-project-system-page .project-entry-nav{position:static;z-index:auto;display:flex;flex-wrap:wrap;gap:.7rem;padding:.7rem 0;background:transparent;border:0;backdrop-filter:none}
.red-project-system-page .project-entry-nav a{color:#276235;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em}
.red-project-system-page .toc:has(ol:empty){display:none}
.red-project-system-page .project-sources a{overflow-wrap:anywhere}
.red-project-system-page .project-self-description .project-attribution{margin:1.1rem 0 0;color:var(--project-green);font-size:.85rem;font-weight:600;line-height:1.5}
@media(max-width:700px){.red-projects-feature{grid-template-columns:1fr;gap:1.2rem}}