/* the journey: the modules in order, each bar as long as its share of the Saturdays */
.journey{display:flex;gap:6px;margin-top:56px}
.journey span{flex:var(--d) 1 0;height:10px;border-radius:999px;background:var(--petrol)}
.journey span:nth-child(2){background:#2f7a93}.journey span:nth-child(3){background:#6aa8bd}
.mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.mod{display:flex;flex-direction:column;gap:12px;padding:30px 28px 28px;border-radius:24px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.mod .when{font:700 11px/1.3 var(--stamp);letter-spacing:.14em;text-transform:uppercase;color:var(--petrol)}
.mod h3{font-size:clamp(22px,1.7vw,28px);line-height:1.2}
.mod .ar{color:var(--muted);font-size:16px;margin-top:-6px}
.mod b{display:block;margin-top:8px;font:700 11px/1.3 var(--stamp);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mod ul{list-style:none;display:grid;gap:8px}
.mod li{position:relative;padding-left:18px;font-size:16px;line-height:1.45}
.mod li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--petrol)}
@media (max-width:900px){.mods{grid-template-columns:1fr;max-width:560px}}

/* how it runs: four facts */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid var(--line)}
.facts div{padding:24px 24px 8px 0}
.facts div+div{padding-left:24px;border-left:1px solid var(--line)}
.facts dt{font:700 11px/1.3 var(--stamp);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin-top:10px;font-size:var(--fs-lg);font-weight:300;line-height:1.35}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){padding-left:0;border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:480px){.facts{grid-template-columns:1fr}.facts div,.facts div+div{padding-left:0;border-left:0}.facts div+div{border-top:1px solid var(--line)}}

/* the other edition: one dark band */
.edition{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.edition>div{flex:1 1 420px}
.edition h2{font-size:clamp(26px,1.1rem + 1.4vw,38px)}
.edition p{margin-top:12px;max-width:56ch;color:rgba(255,255,255,.8);font-weight:300;font-size:var(--fs-lg);line-height:1.45}
.edition .btn{background:#fff;color:var(--ink)}

/* participant words */
.says .need q{font-size:clamp(19px,1.4vw,22px)}
.says .need p.by{flex:0;margin-top:20px;font-size:14px}

/* close: next cohort card */
.pgo dl{display:grid;gap:0}
.pgo dl div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:16px}
.pgo dl div+div{border-top:1px solid rgba(255,255,255,.12)}
.pgo dt{color:rgba(255,255,255,.7)}
.pgo dd{font-weight:500;text-align:right}
.pgo .info{margin:6px 0 12px;border-top:1px solid rgba(255,255,255,.12)}
.close .acts{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.close .acts .btn{margin-top:0}
/* case library: two overlapping screenshots */
.lib{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,88px);align-items:center}
.stackshots{position:relative;aspect-ratio:5/4}
.stackshots .fr{position:absolute;width:78%;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 20px 40px rgba(6,46,55,.14)}
.stackshots .fr:first-child{top:0;left:0;transform:rotate(-1.5deg)}
.stackshots .fr:last-child{bottom:0;right:0;transform:rotate(1.2deg)}
.stackshots img{width:100%;height:auto}
@media (max-width:900px){.lib{grid-template-columns:1fr}}