/* A case study as its own page (ssprojects.org/work/<id>/, written by scripts/build-pages.mjs).
   Same pieces as the case panel, laid out full width under the top bar. */

.case-page{--rail-h:0px}
.cp-main{max-width:calc(1120px + 2 * var(--gutter));margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 96px) 0 calc(env(safe-area-inset-bottom,0px) + 48px)}
.cp-main .pc{padding-inline:var(--gutter)}
.cp-title{margin:0 0 28px;font-weight:800;font-size:var(--fs-5);line-height:1;letter-spacing:0}
.cp-main .strip-track{padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
.cp-main .panel-foot{padding-inline:var(--gutter)}
.cp-main .nav-btn{text-decoration:none}
.cp-end{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:8px var(--gutter) 0}
.cp-end .btn:active{transform:scale(.97)}
.cp-all{font-size:var(--fs-2);color:var(--ink-soft);text-decoration:none}
.cp-all:hover{color:var(--blue)}
.cp-main .strip{overflow:hidden}