/* Header: interaction copied from the supplied reference, adapted to this layout */
.header-logo { display:none; }
.header-bull { display:block; width:52px; height:64px; object-fit:contain; flex:none; transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.header-wordmark { display:flex; flex-direction:column; color:var(--ink); font-size:15px; font-weight:800; letter-spacing:-.06em; line-height:.9; white-space:nowrap; }
.header-wordmark small { font:7px 'DM Mono',monospace; letter-spacing:.14em; margin-top:7px; }
.brand:hover .header-bull { transform:rotate(-8deg) scale(1.08); }
.site-header nav a { color:rgba(1,2,2,.67); position:relative; transform:none!important; transition:color .15s ease; }
.site-header nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-6px; height:2px; background:var(--yellow); transition:right .2s ease; }
.site-header nav a:hover { color:var(--ink); }
.site-header nav a:hover::after { right:0; }
.nav-cta { transition:transform .15s ease,background .2s ease,color .15s ease; }
.nav-cta:hover { background:var(--yellow); color:var(--ink); transform:translateY(-2px); }

/* Chapter 03 process rail */
.process-head { display:grid; grid-template-columns:1.1fr .9fr; gap:7vw; margin-top:125px; padding-top:25px; border-top:2px solid var(--ink); }
.process-head>span { font:10px 'DM Mono',monospace; letter-spacing:.04em; }
.process-head h2 { font-size:clamp(33px,4.4vw,64px); line-height:.9; letter-spacing:-.07em; margin:0; }
.process-head h2 em { color:var(--red); font-style:normal; }
.process-rail { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding-top:35px; margin-top:38px; }
.process-rail:before { content:""; position:absolute; left:0; right:0; top:45px; height:2px; background:linear-gradient(90deg,var(--yellow),var(--purple),var(--blue),var(--red)); }
.process-rail article { position:relative; padding-top:50px; }
.process-rail i { width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid var(--ink); position:absolute; top:0; left:0; z-index:1; display:grid; place-items:center; transition:transform .25s cubic-bezier(.34,1.56,.64,1); }
.process-rail i:after { content:""; width:9px; height:9px; border-radius:50%; background:var(--yellow); }.process-rail .dot-purple:after{background:var(--purple)}.process-rail .dot-blue:after{background:var(--blue)}.process-rail .dot-red:after{background:var(--red)}
.process-rail article:hover i { transform:scale(1.25); }.process-rail span { display:block; font:10px 'DM Mono',monospace; letter-spacing:.11em; text-transform:uppercase; color:rgba(1,2,2,.52); margin-bottom:8px; }.process-rail h3 { font-size:16px; letter-spacing:-.04em; margin:0 0 10px; }.process-rail p { font-size:13px; line-height:1.45; margin:0; max-width:235px; }
@media(max-width:700px){.header-bull{height:52px;width:43px}.header-wordmark{font-size:13px}.header-wordmark small{font-size:6px;margin-top:5px}.process-head{display:block;margin-top:80px}.process-head h2{margin-top:20px}.process-rail{grid-template-columns:1fr;gap:0;margin-top:35px;padding-top:0}.process-rail:before{left:10px;right:auto;top:0;bottom:0;height:auto;width:2px;background:linear-gradient(180deg,var(--yellow),var(--purple),var(--blue),var(--red))}.process-rail article{padding:0 0 35px 45px}.process-rail i{top:0;left:0}.process-rail p{max-width:100%}}