.thread{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem;padding-top:1rem}.thread:after,.thread:before{content:"";position:absolute;top:calc(1rem + 27px);height:2px;inset-inline-start:calc(100% / 14)}.thread:before{inset-inline-end:calc(100% / 14);background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 11px)}.thread:after{width:calc((100% - 100% / 7) * var(--thread-progress, 1));background:var(--seal);transition:width .9s var(--ease-out-expo)}.thread li{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:.5rem}.thread-dot{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--paper-raised);border:1px solid var(--line-strong);color:var(--muted);transition:all var(--duration-normal) var(--ease-out-expo);margin-bottom:.6rem}.thread li[data-state=reached] .thread-dot{background:var(--ink);border-color:var(--ink);color:#ef7a62;box-shadow:0 0 0 6px var(--paper)}.thread strong{font-family:var(--font-display);font-size:1.1rem}.thread li>span:last-child{font-size:1rem;color:var(--muted);line-height:1.75}.modules-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:clamp(3rem,6vw,5rem)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--night-line);border-radius:var(--radius-l);overflow:hidden}.module{display:flex;flex-direction:column;gap:.8rem;padding:clamp(1.4rem,2.5vw,2.2rem);background:var(--night);box-shadow:0 0 0 .5px var(--night-line);transition:background var(--duration-normal),opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.module:hover{background:var(--night-raised)}.module-top{display:flex;justify-content:space-between;align-items:center;color:#ef7a62;margin-bottom:1rem}.module-top code{font-family:var(--font-mono);font-size:.66rem;color:var(--night-muted);letter-spacing:.1em}.module p{color:var(--night-muted);font-size:1rem;line-height:var(--leading-copy)}.module ul{display:grid;gap:.5rem;margin-top:auto;padding-top:1.2rem;border-top:1px solid var(--night-line)}.module li{display:flex;gap:.55rem;align-items:flex-start;font-size:1rem;line-height:1.75}.module li svg{flex-shrink:0;margin-top:.3rem;color:#6fc29d}.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}.principle-grid li{padding-block:1.8rem 2rem;padding-inline:0 1.6rem;display:grid;gap:.7rem;align-content:start}.principle-grid li+li{padding-inline-start:1.6rem;border-inline-start:1px solid var(--line)}.principle-index{font-family:var(--font-display);font-size:2.4rem;font-weight:600;color:var(--seal);line-height:1}.principle-grid p{color:var(--muted);font-size:1rem;line-height:var(--leading-copy)}@media (max-width:1020px){.modules-head{grid-template-columns:1fr}.module-grid,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principle-grid li:nth-child(3){padding-inline-start:0;border-inline-start:0}.thread{grid-template-columns:1fr;gap:0;padding-top:0}.thread:after,.thread:before{display:none}.thread li{grid-template-columns:56px 1fr;justify-items:start;text-align:start;column-gap:1.2rem;row-gap:.1rem;padding-bottom:1.4rem}.thread-dot{grid-row:span 2;margin:0}.thread li:not(:last-child):before{content:"";position:absolute;inset-inline-start:27px;top:56px;bottom:0;width:2px;background:var(--line)}.thread li[data-state=reached]:not(:last-child):before{background:var(--seal)}}@media (max-width:680px){.module-grid,.principle-grid{grid-template-columns:1fr}.principle-grid li{padding-inline-start:0!important;border-inline-start:0!important;border-bottom:1px solid var(--line)}}