/* The red thread is a structural motif, with a consistent editorial caption. */
.chapter,.career-map>.chapter,.workshop>.chapter{font:10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.13em;color:#706e63;display:flex;align-items:center;gap:10px;height:20px;white-space:nowrap}
.chapter::before{display:none}.chapter-connected .connection-mark{display:none}.dark .chapter{color:#b1b9b1}
.signature-thread{position:fixed;inset:0;z-index:9;width:100%;height:100%;pointer-events:none;overflow:visible;color:#bd5140}
.signature-thread path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.thread-rail{opacity:.38}.thread-connection{opacity:.65}.traveling-signature{width:6px;height:6px;box-shadow:none;background:#bd5140}
.route-nav{background:transparent;border-radius:0;gap:18px;top:10px;color:#6d7169;font-size:8px;letter-spacing:.09em}
.route-nav.is-dark{background:transparent;color:#c1c4ba}.route-nav #route-position{min-width:80px;text-align:center}.route-nav button{font-size:9px;min-height:32px}.route-nav #route-next{font-size:14px}.route-nav #route-next::after{content:none}.route-nav #route-prev{font-size:14px}
.about-body>.eyebrow,.selected-body>.eyebrow{font:9px/1.4 var(--mono);letter-spacing:.10em;color:#777b70}.about-body h1{margin-top:25px}.intro-identity{font-weight:400;left:9%}.intro-identity>span{letter-spacing:-.065em}.intro-identity p{font-size:9px;letter-spacing:.17em}.intro-kicker{left:9%;font-size:8px;letter-spacing:.18em}.intro-bottom{left:9%;right:7%}.intro-bottom>span{letter-spacing:.14em}
.contact h2{font-size:clamp(70px,10.5vw,164px)}
@media(max-width:700px){.chapter,.career-map>.chapter,.workshop>.chapter{font-size:9px;letter-spacing:.14em}.intro-identity{left:8%}.intro-kicker,.intro-bottom{left:8%}.intro-identity p{font-size:8px;letter-spacing:.1em}.contact h2{font-size:17vw}}
