/* One fixed band: every project is visible together, with a larger hover preview. */
#crush-project-rail{--rail-ink:#171717;--rail-paper:rgba(255,255,255,.96);position:fixed;z-index:80;inset:auto 0 0;box-sizing:border-box;padding:0 25px calc(10px + env(safe-area-inset-bottom));color:var(--rail-ink);background:var(--rail-paper);border:0;font-family:Arial,Helvetica,sans-serif;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
#crush-project-rail[data-theme="dark"]{--rail-ink:#fff;--rail-paper:rgba(18,18,18,.72);}
#crush-project-rail[hidden],#crush-project-rail [hidden]{display:none!important;}
#crush-project-rail *{box-sizing:border-box;}
#crush-project-rail a{color:inherit;text-decoration:none;}
#crush-project-rail .cr-top{display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:20px;min-height:40px;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.025em;}
#crush-project-rail .cr-index{justify-self:start;white-space:nowrap;}
#crush-project-rail .cr-index::before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#ed3026;vertical-align:1px;}
#crush-project-rail .cr-index span{opacity:.55;}
#crush-project-rail .cr-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
#crush-project-rail .cr-arrows{display:flex;justify-self:end;gap:22px;white-space:nowrap;}
#crush-project-rail .cr-top a{display:flex;align-items:center;min-height:40px;}
#crush-project-rail .cr-top .cr-current{display:block;min-height:0;line-height:40px;}
#crush-project-rail .cr-strip{display:grid;grid-template-columns:repeat(var(--project-count),minmax(0,1fr));gap:2px;width:100%;touch-action:none;user-select:none;}
#crush-project-rail .cr-item{position:relative;display:block;min-width:0;height:38px;outline-offset:2px;background:rgba(128,128,128,.18);}
#crush-project-rail .cr-item img{display:block;width:100%;height:100%;object-fit:cover;opacity:.64;transition:opacity .18s;pointer-events:none;}
#crush-project-rail .cr-item::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#ed3026;opacity:0;}
#crush-project-rail .cr-item[aria-current]::after,#crush-project-rail .cr-item:hover::after,#crush-project-rail .cr-item:focus-visible::after{opacity:1;}
#crush-project-rail .cr-item[aria-current] img,#crush-project-rail .cr-item:hover img,#crush-project-rail .cr-item:focus-visible img{opacity:1;}
#crush-project-rail a:focus-visible{outline:2px solid #ed3026;outline-offset:2px;}
#crush-project-rail .cr-preview{position:absolute;bottom:calc(100% + 10px);width:190px;max-width:calc(100vw - 16px);padding:7px;background:#fff;color:#171717;box-shadow:0 3px 24px rgba(0,0,0,.15);pointer-events:none;}
#crush-project-rail .cr-preview>img{display:block;width:100%;height:180px;object-fit:contain;background:#f4f3f1;}
#crush-project-rail .cr-preview>div{display:flex;gap:9px;padding:9px 2px 3px;font-size:10px;line-height:1.4;text-transform:uppercase;}
#crush-project-rail .cr-preview-count{color:#ed3026;}
#crush-editorial-with-intro[data-mode="home"],#crush-editorial-with-intro[data-mode="work"],#crush-editorial-with-intro[data-mode="project"]{padding-bottom:var(--crush-rail-height,89px);}
#crush-editorial-with-intro[data-mode="home"] .ch-copy{bottom:calc(var(--crush-rail-height,89px) + 20px);}
#crush-editorial-with-intro[data-mode="home"] .ce-stage{height:calc(100svh - var(--crush-rail-height,89px));}
#crush-editorial-with-intro[data-mode="work"] .ce-stage{height:calc(100svh - var(--ce-chrome-height,100px) - var(--crush-rail-height,89px));}
/* The fixed index replaces the old progress row and repeated page-bottom links. */
#crush-editorial-with-intro[data-mode="home"] .ce-navigation,
#crush-editorial-with-intro[data-mode="work"] .ce-navigation,
#crush-editorial-with-intro[data-mode="project"] .ce-project-switch,
#crush-editorial-with-intro[data-mode="home"] .ce-footer,
#crush-editorial-with-intro[data-mode="work"] .ce-footer,
#crush-editorial-with-intro[data-mode="project"] .ce-footer{display:none;}
@media(max-width:650px){
  #crush-project-rail{padding-left:16px;padding-right:16px;}
  #crush-project-rail .cr-top{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;font-size:9px;min-height:44px;}
  #crush-project-rail .cr-top a{min-height:44px;}
  #crush-project-rail .cr-top .cr-current{min-height:0;line-height:44px;}
  #crush-project-rail .cr-arrows{gap:12px;}
  #crush-project-rail .cr-strip{gap:1px;}
  #crush-project-rail .cr-item{height:32px;}
  #crush-project-rail .cr-preview{width:160px;}
  #crush-project-rail .cr-preview>img{height:150px;}
}
@media(prefers-reduced-motion:reduce){#crush-project-rail .cr-item img{transition:none;}}
