.showcase-page h1,
.showcase-page h2,
.showcase-page h3{
  font-family:var(--pm-font-body);
}

.showcase-page h1{
  max-width:18ch;
  font-size:clamp(2.5rem,4.7vw,3.2rem);
  font-weight:720;
  line-height:1.16;
  overflow-wrap:anywhere;
}

.showcase-page main h2{
  font-size:clamp(1.9rem,3.2vw,2.8rem);
  font-weight:700;
}

.showcase-page h3{
  font-weight:700;
}

.showcase-hero{
  padding-block:var(--pm-hero-pad);
  background:#F8F7F4;
  color:#212123;
}

.showcase-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem);
}

.showcase-hero__layout>*{
  min-width:0;
}

.showcase-hero__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.showcase-hero__copy .c-kicker{
  width:fit-content;
  align-self:flex-start;
}

.showcase-hero__copy .c-kicker+h1{
  margin-top:var(--pm-space-2);
}

.showcase-hero__copy h1+p{
  margin-top:var(--pm-space-1);
}

.showcase-hero__lead{
  max-width:42rem;
  color:#4F4B52;
  font-size:var(--pm-fs-3);
}

.showcase-hero__actions{
  justify-content:flex-start;
  margin-top:var(--pm-space-3);
  margin-bottom:var(--pm-space-3);
}

.showcase-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:var(--pm-space-3) 0 0;
  border-top:1px solid color-mix(in srgb,#212123 13%,transparent);
}

.showcase-hero__facts>div{
  min-width:0;
  padding-right:var(--pm-space-2);
}

.showcase-hero__facts>div+div{
  padding-left:var(--pm-space-2);
  border-left:1px solid color-mix(in srgb,#212123 11%,transparent);
}

.showcase-hero__facts dt{
  color:#66636A;
}

.showcase-hero__facts dd{
  margin-top:var(--pm-space-1);
  color:#212123;
  overflow-wrap:anywhere;
}

.showcase-hero__facts strong{
  display:block;
  color:#711706;
  font-size:var(--pm-fs-4);
}

.showcase-hero__stage{
  min-width:0;
  align-self:start;
  height:auto;
  overflow:visible;
  text-align:left;
}

.schedule-board{
  width:100%;
  height:auto;
  overflow:hidden;
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
  box-shadow:var(--pm-shadow);
  transform:perspective(70rem) rotateY(-2deg) rotateX(1deg);
  transform-origin:center;
}

.schedule-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#242126;
  color:#F8F7F4;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.schedule-board__head>div{
  min-width:0;
}

.schedule-board__eyebrow{
  display:block;
  margin-bottom:var(--pm-space-1);
  color:#C9806A;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:700;
  letter-spacing:.1em;
}

.schedule-board__head strong{
  display:block;
  color:#F8F7F4;
  font-size:var(--pm-fs-3);
}

.schedule-board__date{
  flex:none;
  color:#BBB6BE;
  font-size:var(--pm-fs-1);
}

.schedule-board__summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:#302C32;
  color:#E5E1E6;
}

.schedule-board__summary span{
  min-width:0;
  padding:.9rem var(--pm-space-2);
  font-size:var(--pm-fs-0);
  overflow-wrap:anywhere;
}

.schedule-board__summary span+span{
  border-left:1px solid rgba(255,255,255,.12);
}

.schedule-board__summary b{
  display:block;
  color:#F8F7F4;
  font-size:var(--pm-fs-2);
}

.schedule-board__grid{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  min-width:0;
  padding:var(--pm-space-2) var(--pm-space-3);
}

.schedule-board__time{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:.45rem var(--pm-space-2) .45rem 0;
  color:#97919A;
  font-family:var(--pm-font-mono);
  font-size:.68rem;
}

.schedule-board__lanes{
  min-width:0;
}

.schedule-lane{
  display:grid;
  grid-template-columns:minmax(4.5rem,.62fr) minmax(0,2fr) auto;
  align-items:center;
  gap:var(--pm-space-1);
  min-width:0;
  padding:.6rem 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.schedule-lane:last-child{
  border-bottom:0;
}

.schedule-lane__name{
  min-width:0;
  color:#CEC9D0;
  font-size:var(--pm-fs-0);
  font-weight:700;
  overflow-wrap:anywhere;
}

.schedule-lane__task{
  min-width:0;
  padding:.7rem .8rem;
  border-radius:var(--pm-radius-sm);
}

.schedule-lane__task--sage{
  background:#F0F2EE;
  color:#263028;
}

.schedule-lane__task--mist{
  background:#EEEFF4;
  color:#292A35;
}

.schedule-lane__task--apricot{
  background:#F4EDE8;
  color:#352923;
}

.schedule-lane__task--mauve{
  background:#F1EDF0;
  color:#31272E;
}

.schedule-lane__task strong,
.schedule-lane__task span{
  display:block;
  color:inherit;
  overflow-wrap:anywhere;
}

.schedule-lane__task strong{
  font-size:var(--pm-fs-1);
}

.schedule-lane__task span{
  margin-top:.3rem;
  font-size:var(--pm-fs-0);
  opacity:.76;
}

.schedule-lane__state{
  width:fit-content;
  max-width:100%;
  padding:.35rem .55rem;
  border-radius:var(--pm-radius-pill);
  background:#3A353C;
  color:#E5E1E6;
  font-size:.68rem;
  font-weight:700;
  overflow-wrap:anywhere;
}

.schedule-board__foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-1) var(--pm-space-2);
  padding:var(--pm-space-2) var(--pm-space-3) var(--pm-space-3);
  background:#242126;
  color:#BBB6BE;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:var(--pm-fs-0);
}

.schedule-board__foot .c-stock{
  color:#F8F7F4;
}

.showcase-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);
  align-items:end;
  gap:clamp(2rem,6vw,5rem);
  margin-bottom:var(--pm-space-4);
}

.showcase-section-head>div,
.showcase-section-head>p{
  min-width:0;
}

.showcase-section-head .c-kicker{
  width:fit-content;
  align-self:flex-start;
}

.showcase-section-head .c-kicker+h2{
  margin-top:var(--pm-space-2);
}

.showcase-section-head>p{
  color:#66636A;
}

.showcase-method{
  background:#F8F7F4;
  color:#212123;
}

.showcase-method__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-2);
}

.showcase-method__item{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  border-radius:var(--pm-radius-md);
  background:#FFFFFF;
  color:#212123;
}

.showcase-method__number{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#711706;
  color:#FFFFFF;
  font-size:var(--pm-fs-0);
  font-weight:700;
}

.showcase-method__item>div{
  min-width:0;
}

.showcase-method__item h3{
  color:#212123;
  font-size:var(--pm-fs-3);
}

.showcase-method__item h3+p{
  margin-top:var(--pm-space-1);
}

.showcase-method__item p{
  color:#66636A;
}

.showcase-node-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--pm-space-2);
  margin-top:var(--pm-space-4);
  background:#F1EDF0;
  color:#31272E;
}

.showcase-node-note svg{
  width:1.25rem;
  height:1.25rem;
  color:#711706;
}

.showcase-node-note div{
  min-width:0;
}

.showcase-node-note strong,
.showcase-node-note p{
  color:#31272E;
}

.showcase-node-note strong{
  display:block;
}

.showcase-node-note strong+p{
  margin-top:var(--pm-space-1);
}

.showcase-cases{
  background:#F0F2EE;
  color:#263028;
}

.showcase-cases .showcase-section-head>p{
  color:#515B53;
}

.showcase-case-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-3);
}

.showcase-case{
  display:flex;
  min-width:0;
  height:auto;
  flex-direction:column;
  align-items:stretch;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.showcase-case__top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--pm-space-1);
}

.showcase-case__icon{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:var(--pm-radius-sm);
  background:#711706;
  color:#FFFFFF;
}

.showcase-case__icon svg{
  width:1.25rem;
  height:1.25rem;
}

.showcase-case .c-badge{
  width:fit-content;
  align-self:flex-start;
  background:#FFFFFF;
  color:#242126;
}

.showcase-case__top+h3{
  margin-top:var(--pm-space-2);
}

.showcase-case h3{
  font-size:clamp(1.35rem,2.2vw,1.8rem);
  overflow-wrap:anywhere;
}

.showcase-case h3+p{
  margin-top:var(--pm-space-1);
}

.showcase-case>p{
  opacity:.8;
}

.showcase-case__input{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--pm-space-2);
  margin:var(--pm-space-3) 0 0;
}

.showcase-case__input>div{
  min-width:0;
  padding:var(--pm-space-2);
  border-radius:var(--pm-radius-sm);
  background:#FFFFFF;
  color:#242126;
}

.showcase-case__input dt{
  color:#66636A;
}

.showcase-case__input dd{
  margin-top:var(--pm-space-1);
  color:#242126;
  overflow-wrap:anywhere;
}

.showcase-case__steps{
  display:grid;
  gap:0;
  margin-top:var(--pm-space-3);
  padding:0;
  list-style:none;
}

.showcase-case__steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--pm-space-2);
  min-width:0;
  padding:var(--pm-space-2) 0;
  border-bottom:1px solid color-mix(in srgb,currentColor 13%,transparent);
}

.showcase-case__steps li:first-child{
  border-top:1px solid color-mix(in srgb,currentColor 13%,transparent);
}

.showcase-case__steps li>span{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#242126;
  color:#F8F7F4;
  font-size:.68rem;
  font-weight:700;
}

.showcase-case__steps li>div{
  min-width:0;
}

.showcase-case__steps strong{
  display:block;
  color:inherit;
}

.showcase-case__steps strong+p{
  margin-top:var(--pm-space-1);
}

.showcase-case__steps p{
  color:inherit;
  opacity:.75;
}

.showcase-case__result{
  display:grid;
  gap:var(--pm-space-1);
  margin-top:var(--pm-space-3);
  padding:var(--pm-space-2);
  border-radius:var(--pm-radius-sm);
  background:#242126;
  color:#F8F7F4;
}

.showcase-case__result strong,
.showcase-case__result span{
  color:#F8F7F4;
}

.showcase-case__result span{
  font-size:var(--pm-fs-1);
  opacity:.76;
}

.showcase-comparison{
  background:#F8F7F4;
  color:#212123;
}

.showcase-table{
  min-width:68rem;
}

.showcase-table caption{
  padding:0 0 var(--pm-space-2);
  color:#66636A;
  font-size:var(--pm-fs-1);
  text-align:left;
}

.showcase-table th,
.showcase-table td{
  text-align:left;
}

.showcase-table tbody th{
  background:#F4EDE8;
  color:#352923;
}

.showcase-table td{
  background:#FFFFFF;
  color:#242126;
}

.showcase-table td span{
  color:#4F4B52;
  font-size:var(--pm-fs-0);
}

.showcase-comparison__notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-3);
  margin-top:var(--pm-space-4);
}

.showcase-comparison__notes .c-card{
  height:auto;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.showcase-comparison__notes h3{
  font-size:var(--pm-fs-4);
}

.showcase-comparison__notes h3+p{
  margin-top:var(--pm-space-1);
}

.showcase-ledger-section{
  background:#F1EDF0;
  color:#31272E;
}

.showcase-ledger-section .showcase-section-head>p{
  color:#625660;
}

.showcase-ledger{
  overflow:hidden;
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
  box-shadow:var(--pm-shadow-soft);
}

.showcase-ledger__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--pm-space-2);
  padding:var(--pm-space-3);
  background:#302C32;
  color:#F8F7F4;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.showcase-ledger__head>div{
  min-width:0;
}

.showcase-ledger__eyebrow{
  display:block;
  margin-bottom:var(--pm-space-1);
  color:#F4EDE8;
  font-family:var(--pm-font-mono);
  font-size:var(--pm-fs-0);
  font-weight:700;
  letter-spacing:.1em;
}

.showcase-ledger__head strong{
  color:#F8F7F4;
  font-size:var(--pm-fs-3);
}

.showcase-ledger__id{
  color:#BBB6BE;
  font-size:var(--pm-fs-1);
  overflow-wrap:anywhere;
}

.showcase-ledger__fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding:0 var(--pm-space-3);
}

.showcase-ledger__field{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--pm-space-2);
  min-width:0;
  padding:var(--pm-space-3) 0;
  color:#F8F7F4;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.showcase-ledger__field:nth-child(odd){
  padding-right:var(--pm-space-3);
}

.showcase-ledger__field:nth-child(even){
  padding-left:var(--pm-space-3);
  border-left:1px solid rgba(255,255,255,.12);
}

.showcase-ledger__mark{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#8A1D08;
  color:#FFFFFF;
  font-weight:700;
}

.showcase-ledger__field>div{
  min-width:0;
}

.showcase-ledger__field h3{
  color:#F8F7F4;
  font-size:var(--pm-fs-4);
}

.showcase-ledger__field h3+p{
  margin-top:var(--pm-space-1);
}

.showcase-ledger__field p{
  color:#BBB6BE;
}

.showcase-ledger__field dl{
  display:grid;
  grid-column:2;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--pm-space-2);
  margin:var(--pm-space-2) 0 0;
}

.showcase-ledger__field dl>div{
  min-width:0;
  padding:var(--pm-space-2);
  border-radius:var(--pm-radius-sm);
  background:#302C32;
  color:#F8F7F4;
}

.showcase-ledger__field dt{
  color:#BBB6BE;
}

.showcase-ledger__field dd{
  margin-top:var(--pm-space-1);
  color:#F8F7F4;
  overflow-wrap:anywhere;
}

.showcase-ledger__foot{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--pm-space-1) var(--pm-space-2);
  padding:var(--pm-space-2) var(--pm-space-3) var(--pm-space-3);
  background:#242126;
  color:#BBB6BE;
  font-size:var(--pm-fs-1);
}

.showcase-next{
  background:#F8F7F4;
  color:#212123;
}

.showcase-next__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--pm-space-3);
}

.showcase-next__card{
  display:flex;
  height:auto;
  flex-direction:column;
  align-items:flex-start;
  padding-inline:clamp(1.5rem,3vw,2rem);
}

.showcase-next__card .c-badge{
  width:fit-content;
  align-self:flex-start;
  background:#FFFFFF;
  color:#242126;
}

.showcase-next__card .c-badge+h3{
  margin-top:var(--pm-space-2);
}

.showcase-next__card h3{
  font-size:var(--pm-fs-4);
  overflow-wrap:anywhere;
}

.showcase-next__card h3+p{
  margin-top:var(--pm-space-1);
}

.showcase-next__card .c-btn{
  margin-top:var(--pm-space-3);
}

.showcase-cta-section{
  padding-top:var(--pm-space-5);
  padding-bottom:var(--pm-space-4);
  background:#F8F7F4;
  color:#212123;
}

.showcase-cta{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(17rem,.55fr);
  align-items:center;
  gap:clamp(2rem,6vw,5rem);
  padding:clamp(2rem,5vw,4rem);
  border-radius:var(--pm-radius-lg);
  background:#242126;
  color:#F8F7F4;
}

.showcase-cta__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}

.showcase-cta__copy .c-kicker{
  width:fit-content;
  align-self:flex-start;
  background:#F4EDE8;
  color:#352923;
}

.showcase-cta__copy .c-kicker-dot{
  background:#711706;
}

.showcase-cta__copy .c-kicker+h2{
  margin-top:var(--pm-space-2);
}

.showcase-cta__copy h2{
  color:#F8F7F4;
}

.showcase-cta__copy h2+p{
  margin-top:var(--pm-space-1);
}

.showcase-cta__copy p{
  max-width:43rem;
  color:#BBB6BE;
}

.showcase-cta__actions{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:stretch;
  gap:var(--pm-space-1);
}

.showcase-cta__actions .c-btn{
  width:100%;
}

.showcase-cta__actions .c-btn-primary{
  background:#F8F7F4;
  color:#711706;
}

.showcase-cta__actions .c-btn-ghost{
  border-color:rgba(255,255,255,.32);
  background:transparent;
  color:#F8F7F4;
}

@media(max-width:64rem){
  .showcase-hero__layout{
    grid-template-columns:1fr;
  }

  .showcase-hero__stage{
    height:auto;
    overflow:visible;
  }

  .schedule-board{
    transform:none;
  }

  .showcase-method__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .showcase-section-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--pm-space-2);
  }

  .showcase-case-grid{
    grid-template-columns:1fr;
  }

  .showcase-comparison__notes{
    grid-template-columns:1fr;
  }

  .showcase-next__grid{
    grid-template-columns:1fr;
  }

  .showcase-cta{
    grid-template-columns:1fr;
    align-items:start;
  }

  .showcase-cta__actions{
    width:100%;
  }
}

@media(max-width:48rem){
  .showcase-hero__facts{
    grid-template-columns:1fr;
  }

  .showcase-hero__facts>div{
    padding:var(--pm-space-2) 0;
  }

  .showcase-hero__facts>div+div{
    padding-left:0;
    border-top:1px solid color-mix(in srgb,#212123 11%,transparent);
    border-left:0;
  }

  .schedule-board__summary{
    grid-template-columns:1fr;
  }

  .schedule-board__summary span+span{
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .schedule-board__grid{
    grid-template-columns:1fr;
  }

  .schedule-board__time{
    display:none;
  }

  .schedule-lane{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--pm-space-1);
  }

  .schedule-lane__state{
    justify-self:start;
  }

  .showcase-method__grid{
    grid-template-columns:1fr;
  }

  .showcase-case__input{
    grid-template-columns:1fr;
  }

  .showcase-ledger__fields{
    grid-template-columns:1fr;
  }

  .showcase-ledger__field:nth-child(odd),
  .showcase-ledger__field:nth-child(even){
    padding-inline:0;
    border-left:0;
  }

  .showcase-ledger__field dl{
    grid-template-columns:1fr;
  }
}

@media(max-width:30rem){
  .showcase-page h1{
    font-size:clamp(2.15rem,11vw,2.75rem);
  }

  .showcase-node-note{
    grid-template-columns:1fr;
  }

  .showcase-method__item{
    flex-direction:column;
  }

  .showcase-case__steps li{
    grid-template-columns:1fr;
  }

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

  .showcase-ledger__field{
    grid-template-columns:1fr;
  }

  .showcase-ledger__field dl{
    grid-column:1;
  }
}