/* Compact workflow slots autoplay; hover and modal dialogs pause the rail. */
body:not(.workspace-entered):not(.login-view):not(.service-view):not(.community-view):not(.faculty-view) #entry-screen{--entry-drop:96px;display:flex!important;flex-direction:column;align-items:stretch;padding-top:var(--entry-drop);min-height:calc(100 * var(--homepage-svh,1svh) + var(--entry-drop))}
#entry-screen>.entry-hero{flex:none;top:-32px}
#entry-screen>#landing-workflow{flex:none;margin-top:auto!important}
#entry-screen .entry-tagline{position:relative;top:24px}
#entry-screen .entry-hero-copy>.entry-actions{margin-top:64px!important}
#landing-workflow{--workflow-drop:56px;position:relative;top:calc(-1 * clamp(80px,12svh,128px));padding-top:calc(18px + var(--workflow-drop))!important;padding-bottom:16px!important}
#landing-workflow .workflow-heading{padding-right:0}
.workflow-slot-window{width:calc(100vw - 32px);margin-left:calc((100% - (100vw - 32px))/2);mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
#landing-workflow .workflow-rail{
  display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;
  gap:18px!important;align-items:stretch;box-sizing:border-box;width:100%;
  overflow-x:hidden;overflow-y:hidden;overflow-anchor:none;scroll-behavior:auto;
  padding:12px 20px 23px;scroll-padding-inline:20px;
  scrollbar-width:none;
}
#landing-workflow .workflow-rail::-webkit-scrollbar{display:none}
#landing-workflow .workflow-rail:focus-visible{outline:2px solid #6782d1;outline-offset:-2px;border-radius:18px}
#landing-workflow .workflow-module{
  position:relative;box-sizing:border-box;flex:0 0 clamp(202px,16.5vw,296px);
  min-height:204px!important;padding:21px 20px 18px;
  border:1px solid rgb(255 255 255 / .5);border-radius:17px;
  border-right-color:rgb(45 45 45 / .06);
  border-bottom-color:rgb(45 45 45 / .09);
  /* A nearly clear, untinted pane keeps the nebula visible through a faint reflected sheen. */
  background:linear-gradient(125deg,rgb(255 255 255 / .18),rgb(255 255 255 / .04) 38%,rgb(255 255 255 / .06) 60%,rgb(255 255 255 / .12))!important;
  -webkit-backdrop-filter:blur(16px) saturate(100%);
  backdrop-filter:blur(16px) saturate(100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .5),inset 0 0 0 1px rgb(255 255 255 / .12),inset 0 -1px 0 rgb(45 45 45 / .035),0 3px 7px rgb(40 40 40 / .025),0 10px 24px rgb(40 40 40 / .045);
  text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#landing-workflow .workflow-module[hidden]{display:none!important}
#landing-workflow .workflow-module:hover{
  transform:none;border-color:rgb(255 255 255 / .6);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),inset 0 0 0 1px rgb(255 255 255 / .18),inset 0 -1px 0 rgb(45 45 45 / .04),0 4px 10px rgb(40 40 40 / .03),0 12px 26px rgb(40 40 40 / .055);
}
/* Avoid stacked moving backdrop filters behind a frosted modal. */
body:has(dialog[open]) #landing-workflow .workflow-module{
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:none;
}
#landing-workflow .workflow-module-head{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}
#landing-workflow .workflow-module-title{display:flex;flex-direction:column;align-items:center;gap:12px}
#landing-workflow .workflow-module-icon{width:42px;height:42px;border-radius:12px;font-size:23px;box-shadow:inset 0 1px 0 #fff}
#landing-workflow .workflow-module-icon-blue{font-size:18px}
#landing-workflow .workflow-module h3{font-size:18px;letter-spacing:-.025em;text-align:center;line-height:1.3}
#landing-workflow .workflow-module-cover-letter h3{font-size:18px}
#landing-workflow .workflow-status{visibility:hidden;padding:0;background:transparent;font-size:9px;line-height:1.4;gap:5px}
#landing-workflow .workflow-status::before{width:4px;height:4px;box-shadow:none;animation:none}
#landing-workflow .workflow-module-planned .workflow-status{background:transparent;color:#17191d}
#landing-workflow .workflow-module-actions{gap:9px;margin-top:20px}
#landing-workflow .workflow-module-postdocs .workflow-module-actions{grid-template-columns:minmax(0,1fr)}
#landing-workflow .workflow-module-planned .workflow-module-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#landing-workflow .workflow-module-planned:not(.workflow-module-postdocs):not(.workflow-module-research-groups) .workflow-module-actions{grid-template-columns:minmax(0,1fr)}
#landing-workflow .workflow-launch,#landing-workflow .workflow-client{
  position:relative;isolation:isolate;min-height:36px!important;padding:8px 10px!important;
  border-radius:7px!important;font-size:13px!important;gap:6px!important;
  background:transparent!important;color:#17191d!important;
}
/* Shrink the visible frame while retaining the original click target. */
#landing-workflow .workflow-launch::after,#landing-workflow .workflow-client::after{
  content:"";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);
  width:70%;min-width:56px;height:24px;border-radius:7px;background:rgb(35 45 60 / .035);
  transition:background .18s ease;pointer-events:none;
}
#landing-workflow .workflow-launch:hover:not(:disabled),#landing-workflow .workflow-client:hover:not(:disabled){background:transparent!important}
#landing-workflow .workflow-launch:hover:not(:disabled)::after,#landing-workflow .workflow-client:hover:not(:disabled)::after{background:rgb(35 45 60 / .07)}
#landing-workflow .workflow-module-actions button:not(:disabled)::before{
  content:"";display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#42c988;
  box-shadow:0 0 0 2px rgb(66 201 136 / .12),0 0 8px rgb(66 201 136 / .7);
}
#landing-workflow .workflow-module-postdocs{--workflow-accent:#a27b35;--workflow-tint:#fff6df;--workflow-edge:#e8d5a8}
#landing-workflow .workflow-module-research-groups{--workflow-accent:#418b78;--workflow-tint:#eaf6ef;--workflow-edge:#c9e1d4}
@media(max-width:760px){
  body:not(.workspace-entered):not(.login-view):not(.service-view):not(.community-view):not(.faculty-view) #entry-screen{--entry-drop:48px}
  #entry-screen>.entry-hero{top:-16px}
  #entry-screen .entry-tagline{top:16px}
  #entry-screen .entry-hero-copy>.entry-actions{margin-top:56px!important}
  #landing-workflow{--workflow-drop:32px;top:-64px}
  #landing-workflow .workflow-heading{padding-right:0;margin-bottom:12px}
  #landing-workflow .workflow-module{flex-basis:202px;min-height:204px!important;padding:21px 18px 18px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){
  #landing-workflow .workflow-module{transition:none}
  #landing-workflow .workflow-module:hover{transform:none}
}