.work-page{padding-top:0}
.work-page [hidden]{display:none!important}
.work-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:#202127;color:#F5F6F4}
.work-hero-copy,.work-stage,.work-stage-row>div{min-width:0}
.work-hero-copy{padding-block:0}
.work-hero .c-chip{margin-bottom:var(--space-2)}
.work-hero h1{max-width:18ch;color:#F5F6F4;font-size:clamp(2.15rem,3.4vw,2.85rem);line-height:1.2}
.work-hero-copy>p{max-width:39rem;color:#B9BEC2}
.work-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.work-actions .c-btn{white-space:normal}
.work-hero-primary{background:#E0EDBB;color:#263A00;border-color:transparent}
.work-hero-primary:hover{background:#FFFFFF;color:#263A00}
.work-hero .c-btn-ghost{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.work-hero-copy .work-hero-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:#B9BEC2}
.work-stage{overflow:hidden;border:1px solid #45474D;border-radius:var(--radius-md);background:#282A30;color:#F5F6F4;text-align:left}
.work-stage-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#363941;color:#F5F6F4}
.work-stage-head>svg{flex:none}
.work-stage-head>div{display:grid;gap:var(--space-1);min-width:0}
.work-stage-head strong,.work-stage-row strong{font-size:var(--text-sm);line-height:1.4;overflow-wrap:break-word}
.work-stage-head span,.work-stage-row div span{font-size:var(--text-xs);line-height:1.5;color:#B9BEC2}
.work-stage-count{margin-left:auto;white-space:nowrap}
.work-stage-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid #45474D}
.work-stage-index{font:600 var(--text-xs)/1.5 var(--font-mono);color:#D8EDAB}
.work-stage-row>div{display:grid;gap:var(--space-1)}
.work-stage-tag{display:inline-flex;align-items:center;width:fit-content;max-width:9rem;padding:.4em .9em;border-radius:999px;background:#363941;color:#F5F6F4;font-size:var(--text-xs);line-height:1.2;text-align:center;overflow-wrap:break-word}
.work-stage .work-stage-foot{margin:0;padding:var(--space-2) var(--space-3);border-top:1px solid #45474D;color:#B9BEC2;font-size:var(--text-xs)}
.work-section{padding-block:var(--space-4)}
.work-section-head{max-width:46rem;margin-bottom:var(--space-3)}
.work-eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:700;line-height:1.4;color:#155000}
.work-section-head h2{margin-bottom:var(--space-2)}
.work-section-head p{margin:0;color:var(--muted)}
.work-boundary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-2);align-items:stretch}
.work-boundary{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#202127}
.work-boundary strong{font-family:var(--font-heading);font-size:var(--text-lg);line-height:1.4}
.work-boundary p{margin:var(--space-2) 0 0;color:#596168}
.work-steps{border-bottom:1px solid var(--line)}
.work-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3) 0;border-top:1px solid var(--line)}
.work-row>*{min-width:0;overflow-wrap:break-word}
.work-number{font:700 var(--text-sm)/1.5 var(--font-mono);color:#155000}
.work-row strong{font-size:var(--text-base);line-height:1.5}
.work-row p{margin:0;color:var(--muted)}
.work-after-note{margin:var(--space-3) 0 0;color:var(--muted)}
.work-after-note a{color:#155000;font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.work-experiment{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-2);align-items:stretch}
.work-experiment>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#E7EFF5;color:#233548}
.work-experiment strong{font-family:var(--font-heading);font-size:var(--text-lg)}
.work-experiment p{margin:var(--space-2) 0 0;color:#233548}
.work-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-2);align-items:stretch}
.work-release-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#FFFFFF;color:#202127}
.work-release-card>span{width:fit-content;margin-bottom:var(--space-2);color:#155000;font-size:var(--text-sm);font-weight:700}
.work-release-card h3{font-size:var(--text-lg)}
.work-release-card p{margin:0;color:#596168}
.work-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.work-compare-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#202127}
.work-compare-label{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-2);padding:.4em .9em;border-radius:999px;background:#E0EDBB;color:#263A00;font-size:var(--text-xs);font-weight:700;line-height:1}
.work-compare-card h3{font-size:var(--text-card)}
.work-compare-card dl{margin:0 0 var(--space-3)}
.work-compare-card dl>div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--line)}
.work-compare-card dt,.work-compare-card dd{min-width:0;overflow-wrap:break-word}
.work-compare-card dd{color:#596168}
.work-compare-card .c-btn{align-self:flex-start;margin-top:var(--space-3)}
.work-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2);align-items:stretch;margin:0;padding:0;list-style:none}
.work-node-grid li{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#202127;overflow-wrap:break-word}
.work-node-code{font:700 var(--text-xs)/1.4 var(--font-mono);color:#155000}
.work-node-grid strong{font-size:var(--text-base);line-height:1.4}
.work-check-actions{margin-top:var(--space-3)}
.work-closing-wrap{padding-top:var(--space-4)}
.work-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:0}
.work-closing-actions .c-btn{white-space:normal}
.c-closing .work-closing-actions .c-btn-ghost{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.c-closing .work-closing-actions .c-btn-ghost:hover{background:#363941;color:#F5F6F4}
@media(max-width:64rem){
  .work-hero{grid-template-columns:minmax(0,1fr)}
  .work-hero h1{max-width:24ch}
}
@media(max-width:42rem){
  .work-hero{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;padding:var(--space-3);gap:var(--space-3)}
  .work-hero-copy{padding-block:0}
  .work-hero h1{max-width:none}
  .work-stage{height:auto}
  .work-stage-row{grid-template-columns:2rem minmax(0,1fr)}
  .work-stage-tag{grid-column:2}
  .work-row{grid-template-columns:2.25rem minmax(0,1fr)}
  .work-row>:nth-child(3){grid-column:2}
  .work-compare-grid{grid-template-columns:minmax(0,1fr)}
  .work-closing-actions{margin-top:var(--space-3)}
}
@media(max-width:23.5rem){
  .work-actions .c-btn,.work-closing-actions .c-btn{width:100%}
  .work-compare-card dl>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
}
