/* Reuse the homepage text links and its red pen marks. */
.intro-materials-all{text-decoration:none;line-height:1.7;max-width:100%}
.intro-materials-all .link-label{font:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.marker-arrow{display:block;flex:none;width:25px;height:25px;color:var(--red);overflow:visible}
.marker-arrow-down{transform:rotate(90deg)}
.intro-materials-all:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.project-paths{width:100%;max-width:560px;margin-top:36px}
.project-paths>p{font:italic 400 22px/1.3 var(--hand);color:var(--red);text-align:center;margin:0;transform:rotate(-1.5deg)}
.project-fork{display:block;width:100%;height:58px;margin:4px 0 0;color:var(--red);overflow:visible;pointer-events:none}
.project-fork path{vector-effect:non-scaling-stroke}
.project-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-path-button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:88px;padding:15px 12px;border:1px solid #b7ab97;background:var(--bg);color:var(--ink);font:400 22px/1.2 var(--serif);letter-spacing:-.02em;text-align:center;text-decoration:none}
.project-path-button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.project-path-button:active{background:#eee7db;border-color:var(--red)}
@media(hover:hover) and (pointer:fine){.project-path-button:hover{border-color:var(--red);color:var(--red);background:#f4efe6}}
@media(prefers-reduced-motion:no-preference){.project-path-button{transition:color 150ms,border-color 150ms,background-color 150ms}}
@media(hover:hover) and (pointer:fine){.intro-materials-all:hover .link-label{text-decoration-color:var(--red)}}
@media(max-width:640px){
  .project-paths{margin-top:28px}
  .project-path-grid{gap:20px}
  .project-path-button{min-height:78px;font-size:clamp(17px,4.7vw,21px)}
  .project-fork{height:52px}
}
@media(max-width:920px){
  .el-home .hero-row{display:flex;flex-direction:column;gap:20px;margin-top:24px}
  .el-home .hero-cta{order:0}
  .el-home .hero-row>p{max-width:540px;line-height:1.6}
  .el-home .hero .kicker{font-size:10px;letter-spacing:.1em;margin-bottom:24px;gap:10px}
  .el-home .hero .kicker::before{flex:none;width:18px}
}
@media(max-width:640px){
  .el-home .intro-materials{margin-top:40px}
}
@media(max-width:360px){.el-home .hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.strike path,.circled path{animation:none;stroke-dashoffset:0}}