.showcase-hero{
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.showcase-hero__copy{
  gap:var(--oak-space-2)
}
.showcase-hero__copy > :is(h1,h2){
  margin-top:0
}

.showcase-hero__lead{
  max-width:42rem;
  color:var(--oak-muted)
}

.showcase-hero__copy .c-page-hero__actions{
  justify-content:flex-start;
  margin-top:var(--oak-space-2)
}

.showcase-ledger{
  display:flex;
  width:100%;
  height:100%;
  min-width:0;
  flex-direction:column;
  border-radius:var(--oak-radius-panel);
  overflow:hidden;
  background:var(--oak-ink);
  color:#fcf9f5;
  box-shadow:var(--oak-shadow-float)
}

.showcase-ledger__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2);
  background:var(--oak-ink-2);
  color:#fcf9f5;
  border-bottom:1px solid var(--oak-line-dark)
}

.showcase-ledger__head > *{
  min-width:0
}

.showcase-ledger__eyebrow{
  display:block;
  color:var(--oak-violet-2);
  font-size:var(--oak-fs-0);
  line-height:1.4
}

.showcase-ledger__head h2{
  margin-top:.25rem;
  color:#fcf9f5;
  font-size:var(--oak-fs-3);
  line-height:1.25
}

.showcase-ledger__status{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
  align-items:center;
  gap:.45rem;
  padding:.4em .7em;
  border-radius:999px;
  background:var(--oak-surface);
  color:var(--oak-ink);
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-0);
  line-height:1.35
}

.showcase-ledger__status span{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--oak-positive)
}

.showcase-ledger__grid{
  display:grid;
  flex:1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-width:0;
  background:var(--oak-ink);
  color:#fcf9f5
}

.showcase-ledger__item{
  min-width:0;
  padding:var(--oak-space-2);
  background:var(--oak-ink);
  color:#fcf9f5;
  border-bottom:1px solid var(--oak-line-dark)
}

.showcase-ledger__item:nth-child(odd){
  border-right:1px solid var(--oak-line-dark)
}

.showcase-ledger__item > span{
  display:block;
  color:var(--oak-violet-2);
  font-size:var(--oak-fs-0);
  overflow-wrap:anywhere
}

.showcase-ledger__item h3{
  margin-top:.2rem;
  color:#fcf9f5;
  font-size:var(--oak-fs-2);
  line-height:1.25
}

.showcase-ledger__item p{
  margin-top:var(--oak-space-1);
  color:#c6bbc9;
  font-size:var(--oak-fs-1);
  line-height:1.6
}

.showcase-ledger__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2) var(--oak-space-3);
  background:var(--oak-violet-dark);
  color:#fff
}

.showcase-ledger__foot span{
  font-size:var(--oak-fs-1)
}

.showcase-ledger__foot strong{
  min-width:0;
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-1);
  text-align:right;
  overflow-wrap:anywhere
}

.release-section{
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.release-flow{
  display:grid;
  gap:var(--oak-space-2);
  margin:var(--oak-space-4) 0 0;
  padding:0;
  list-style:none
}

.release-flow__step{
  display:grid;
  grid-template-columns:auto minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--oak-space-3);
  align-items:start;
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.release-flow__step > *{
  min-width:0
}

.release-flow__index{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--oak-surface);
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-1);
  line-height:1
}

.release-flow__step h3{
  color:var(--oak-ink);
  font-size:var(--oak-fs-4)
}

.release-flow__step p{
  margin-top:var(--oak-space-1);
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.release-flow__step dl{
  display:grid;
  gap:var(--oak-space-1);
  margin:0
}

.release-flow__step dl div{
  display:grid;
  grid-template-columns:minmax(4rem,.35fr) minmax(0,1fr);
  gap:var(--oak-space-1);
  min-width:0;
  padding-bottom:var(--oak-space-1);
  border-bottom:1px solid var(--oak-line)
}

.release-flow__step dt{
  color:var(--oak-muted)
}

.release-flow__step dd{
  min-width:0;
  color:var(--oak-ink);
  overflow-wrap:anywhere
}

.release-note{
  margin-top:var(--oak-space-3);
  background:var(--oak-violet-pale);
  color:var(--oak-ink)
}

.release-note p{
  color:var(--oak-ink)
}

.collaboration-layout{
  margin-top:var(--oak-space-4)
}

.handoff-sheet{
  min-width:0;
  border-radius:var(--oak-radius-panel);
  overflow:hidden;
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.handoff-sheet__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oak-space-2);
  padding:var(--oak-space-3);
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.handoff-sheet__head > *{
  min-width:0
}

.handoff-sheet__head .mono{
  display:block;
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0);
  overflow-wrap:anywhere
}

.handoff-sheet__head h3{
  margin-top:var(--oak-space-1);
  color:var(--oak-ink);
  font-size:var(--oak-fs-5)
}

.handoff-sheet__body{
  display:grid;
  padding:var(--oak-space-3);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.handoff-sheet__row{
  display:grid;
  grid-template-columns:minmax(6.5rem,.32fr) minmax(0,.68fr) minmax(0,1fr);
  gap:var(--oak-space-2);
  min-width:0;
  padding:var(--oak-space-2) 0;
  border-bottom:1px solid var(--oak-line)
}

.handoff-sheet__row:last-child{
  border-bottom:0
}

.handoff-sheet__row > *{
  min-width:0;
  overflow-wrap:anywhere
}

.handoff-sheet__row > span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.handoff-sheet__row strong{
  color:var(--oak-ink);
  font-size:var(--oak-fs-2)
}

.handoff-sheet__row p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.collaboration-side{
  align-self:stretch
}

.collaboration-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  padding:var(--oak-space-3)
}

.collaboration-card svg{
  width:1.5rem;
  height:1.5rem;
  margin-bottom:var(--oak-space-1);
  color:var(--oak-violet-dark)
}

.collaboration-card h3{
  color:inherit;
  font-size:var(--oak-fs-4)
}

.collaboration-card p{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.collaboration-card.c-card--violet{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.collaboration-card.c-card--dark{
  background:var(--oak-ink-2);
  color:#fcf9f5
}

.collaboration-card.c-card--dark svg{
  color:var(--oak-violet-2)
}

.collaboration-card.c-card--dark p{
  color:#c1b7c5
}

.farm-section{
  background:var(--oak-ink);
  color:#fcf9f5
}

.farm-section__head{
  color:#fcf9f5
}

.farm-section__head .c-section__label{
  color:var(--oak-violet-2)
}

.farm-section__head .c-section__title{
  color:#fcf9f5
}

.farm-section__head .c-section__copy{
  color:#c6bbc9
}

.farm-board{
  min-width:0;
  margin-top:var(--oak-space-4);
  border-radius:var(--oak-radius-panel);
  overflow:hidden;
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.farm-board__header,
.farm-board__row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0
}

.farm-board__header{
  background:var(--oak-surface);
  color:var(--oak-violet-dark)
}

.farm-board__header span{
  min-width:0;
  padding:var(--oak-space-2);
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-1);
  overflow-wrap:anywhere
}

.farm-board__row{
  background:var(--oak-paper);
  color:var(--oak-ink);
  border-top:1px solid var(--oak-line)
}

.farm-board__row > div{
  min-width:0;
  padding:var(--oak-space-2)
}

.farm-board__row strong{
  display:block;
  color:var(--oak-ink);
  font-size:var(--oak-fs-2);
  overflow-wrap:anywhere
}

.farm-board__row p{
  margin-top:var(--oak-space-1);
  color:var(--oak-muted);
  font-size:var(--oak-fs-1)
}

.farm-principles{
  margin-top:var(--oak-space-3);
  align-items:start
}

.farm-principle{
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-ink-2);
  color:#fcf9f5
}

.farm-principle > span{
  display:block;
  color:var(--oak-violet-2);
  font-size:var(--oak-fs-0)
}

.farm-principle h3{
  margin-top:var(--oak-space-1);
  color:#fcf9f5;
  font-size:var(--oak-fs-4)
}

.farm-principle p{
  margin-top:var(--oak-space-1);
  color:#c1b7c5;
  font-size:var(--oak-fs-2)
}

.experiment-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:var(--oak-space-2);
  align-items:start;
  margin-top:var(--oak-space-4)
}

.experiment-card{
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.experiment-card--violet{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.experiment-card--dark{
  background:var(--oak-ink-2);
  color:#fcf9f5
}

.experiment-card__number{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.4em .7em;
  border-radius:999px;
  background:var(--oak-paper);
  color:var(--oak-violet-dark);
  font-size:var(--oak-fs-0);
  line-height:1.35
}

.experiment-card--dark .experiment-card__number{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.experiment-card h3{
  margin-top:var(--oak-space-2);
  color:inherit;
  font-size:var(--oak-fs-4)
}

.experiment-card p{
  margin-top:var(--oak-space-1);
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.experiment-card ul{
  display:grid;
  gap:var(--oak-space-1);
  margin:var(--oak-space-2) 0 0;
  padding-left:1.15rem
}

.experiment-card li{
  color:var(--oak-ink);
  font-size:var(--oak-fs-2)
}

.experiment-card--dark p,
.experiment-card--dark li{
  color:#c1b7c5
}

.ai-note{
  margin-top:var(--oak-space-3);
  background:var(--oak-violet-pale);
  color:var(--oak-ink)
}

.ai-note p{
  color:var(--oak-ink)
}

.voices-section{
  background:var(--oak-surface);
  color:var(--oak-ink)
}

.quote-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-4)
}

.quote-strip__item{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-2);
  margin:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-paper);
  color:var(--oak-ink)
}

.quote-strip__item blockquote{
  flex:1;
  color:var(--oak-ink);
  font-size:var(--oak-fs-3)
}

.quote-strip__item figcaption{
  padding-top:var(--oak-space-2);
  border-top:1px solid var(--oak-line);
  color:var(--oak-violet-dark);
  font-family:var(--oak-font-mono)
}

.method-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:var(--oak-space-5);
  align-items:start
}

.method-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.method-copy h2{
  max-width:42rem;
  color:var(--oak-ink)
}

.method-copy p{
  max-width:46rem;
  color:var(--oak-muted)
}

.method-copy p + p{
  margin-top:var(--oak-space-2)
}

.method-checklist{
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-panel);
  background:var(--oak-warm);
  color:var(--oak-ink)
}

.method-checklist h3{
  color:var(--oak-ink);
  font-size:var(--oak-fs-4)
}

.method-checklist ul{
  display:grid;
  gap:0;
  margin:var(--oak-space-2) 0 0;
  padding:0;
  list-style:none
}

.method-checklist li{
  display:grid;
  grid-template-columns:minmax(6rem,.35fr) minmax(0,.65fr);
  gap:var(--oak-space-1);
  min-width:0;
  padding:var(--oak-space-2) 0;
  border-bottom:1px solid var(--oak-line)
}

.method-checklist li:last-child{
  border-bottom:0
}

.method-checklist strong,
.method-checklist span{
  min-width:0;
  overflow-wrap:anywhere
}

.method-checklist strong{
  color:var(--oak-ink);
  font-size:var(--oak-fs-2)
}

.method-checklist span{
  color:var(--oak-muted);
  font-size:var(--oak-fs-2)
}

.story-section{
  padding-top:0
}

.story-section .c-cta{
  background:var(--oak-ink);
  color:#fff
}

.story-cta__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.story-cta__label{
  color:var(--oak-violet-2);
  font-size:var(--oak-fs-0)
}

.story-cta__copy h2{
  color:#fff;
  font-size:var(--oak-fs-5)
}

.story-cta__copy p{
  color:#c6bbc9
}

.story-section .c-cta__actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start
}

.story-section .c-btn--ghost{
  color:#fcf9f5;
  background:transparent;
  border-color:rgba(255,255,255,.42)
}

@media(max-width:64rem){
  .release-flow__step{
    grid-template-columns:auto minmax(0,1fr)
  }

  .release-flow__step dl{
    grid-column:2
  }

  .farm-board{
    overflow-x:auto
  }

  .farm-board__header,
  .farm-board__row{
    min-width:48rem
  }

  .quote-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .quote-strip__item:last-child{
    grid-column:1 / -1
  }

  .method-layout{
    grid-template-columns:1fr;
    gap:var(--oak-space-4)
  }
}

@media(max-width:44rem){
  .showcase-hero__copy .c-page-hero__actions{
    width:100%
  }

  .showcase-hero__copy .c-page-hero__actions .c-btn{
    width:100%
  }

  .showcase-ledger__head,
  .showcase-ledger__foot{
    align-items:flex-start;
    flex-direction:column
  }

  .showcase-ledger__foot strong{
    text-align:left
  }

  .showcase-ledger__grid{
    grid-template-columns:1fr
  }

  .showcase-ledger__item:nth-child(odd){
    border-right:0
  }

  .release-flow__step{
    grid-template-columns:1fr
  }

  .release-flow__step dl{
    grid-column:auto
  }

  .release-flow__step dl div{
    grid-template-columns:1fr
  }

  .handoff-sheet__head{
    flex-direction:column
  }

  .handoff-sheet__row{
    grid-template-columns:1fr
  }

  .quote-strip{
    grid-template-columns:1fr
  }

  .quote-strip__item:last-child{
    grid-column:auto
  }

  .method-checklist li{
    grid-template-columns:1fr
  }

  .story-section .c-cta__actions{
    width:100%
  }

  .story-section .c-btn{
    width:100%
  }
}

@media(max-width:390px){
  .showcase-ledger__item,
  .release-flow__step,
  .handoff-sheet__head,
  .handoff-sheet__body,
  .collaboration-card,
  .farm-principle,
  .experiment-card,
  .quote-strip__item,
  .method-checklist{
    padding:var(--oak-space-2)
  }

  .showcase-ledger__head,
  .showcase-ledger__foot{
    padding:var(--oak-space-2)
  }
}

@media(max-width:64rem){
.showcase-ledger,.showcase-dossier{height:auto;max-height:none;overflow:visible}
.showcase-ledger__grid{flex:none;min-height:min-content;overflow:visible}
}