.crossing-page{--accent:#f4b864}.crossing-page .backdrop:after{background:#030c13ed}.crossing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-bottom:65px}.crossing-hero h1{font-size:clamp(40px,4.7vw,67px)}.crossing-demo{padding:26px;max-width:480px;width:100%;justify-self:center}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.14em;color:#b5c6ce}.demo-top strong{font-size:11px;color:#9cdebd;border:1px solid #9cdebd55;border-radius:99px;padding:7px 12px}.signals{display:flex;justify-content:space-evenly;gap:35px;height:230px;margin-top:24px}.signal-model{position:relative;width:105px;flex-shrink:0}.andrews-cross{position:absolute;left:35px;top:0;width:36px;height:36px}.andrews-cross i{display:block;position:absolute;top:14px;left:0;width:36px;height:8px;background:#e8e6dd;border:2px solid #d04d46;transform:rotate(45deg)}.andrews-cross i+i{transform:rotate(-45deg)}.signal-head{position:absolute;top:40px;left:7px;width:92px;height:91px;background:#0c1115;border:2px solid #73808a;clip-path:polygon(0 0,100% 0,85% 72%,63% 100%,37% 100%,15% 72%);z-index:1}.lamp{position:absolute;width:22px;height:22px;border-radius:50%;background:#26282a;border:3px solid #030607;box-shadow:0 -5px 0 2px #030607}.red-left{left:13px;top:14px}.red-right{right:13px;top:14px}.white-lamp{left:33px;top:49px}.red-left.lit,.red-right.lit{background:#ff5047;box-shadow:0 0 18px #ff3526a0,0 -5px 0 2px #030607}.white-lamp.lit{background:#f7f3dc;box-shadow:0 0 18px #fff4d8a0,0 -5px 0 2px #030607}.signal-post{position:absolute;left:46px;top:119px;width:14px;height:94px;background:linear-gradient(90deg,#70828c,#c7ced1,#73838b)}.signal-base{position:absolute;left:40px;top:179px;width:26px;height:40px;background:linear-gradient(90deg,#596d79,#a1afb7,#596d79);border-radius:3px}.beam-row{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.08em;color:#a7bdca}.beam{height:2px;flex:1;background:#ec6c5b;box-shadow:0 0 7px #ec6c5b}.beam.off{background:#334755;box-shadow:none}.demo-state{font-size:14px;text-align:center;margin:22px 0;color:#e9e4d6}.sensor-label{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:#a9bdca}.sensor-label output{font-size:20px;color:#f4b864;font-variant-numeric:tabular-nums}.crossing-demo input[type=range]{width:100%;height:25px;accent-color:#f4b864;margin:8px 0}.threshold-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9fb2bf}.physical-button{display:block;width:100%;margin-top:24px;padding:14px 10px;min-height:48px;background:#263845;border:1px solid #b0c3cd55;color:#f3ede5;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;touch-action:none;user-select:none}.physical-button:focus-visible{outline:3px solid #f4b864;outline-offset:3px}.physical-button.pressing{background:#71552e;border-color:#f4b864}.button-help,.demo-disclaimer{font-size:11px;line-height:1.7;color:#a6bac5;margin:12px 0 0}.demo-disclaimer{font-size:10px;border-top:1px solid #ffffff17;padding-top:12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mode-card{padding:30px}.mode-card h3{font-size:25px;margin:20px 0 15px}.mode-card p,.mode-card li,.parts p{font-size:14px;line-height:1.85;color:#b4c3cc}.mode-card ul{padding-left:18px;margin:18px 0 0}.mode-card strong{font-weight:500;color:#eee7d9}.crossing-photos{display:grid;grid-template-columns:1fr 1fr;gap:25px}.crossing-photos figure{margin:0}.crossing-photos img{display:block;width:100%;height:330px;object-fit:contain;background:#fff;border-radius:14px}.crossing-photos figcaption{font-size:12px;line-height:1.9;color:#aebfca;margin-top:15px}.crossing-photos figcaption strong{font-size:17px;color:#e6e9e8;font-weight:500}.crossing-photos a,.build-note a{color:var(--accent)}.parts-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.parts-strip span{font-size:12px;line-height:1.6;border:1px solid #ffffff25;border-radius:6px;padding:9px 12px;color:#c3d1d9}.crossing-wiring{background:#fff;border-radius:15px;overflow:auto;margin-bottom:22px}.crossing-wiring img{display:block;width:100%;height:auto}.crossing-page .source-code{max-height:650px;overflow:auto;background:#06111b;border-radius:8px;padding:20px;font-size:12px;line-height:1.7;tab-size:2;color:#c9dbe5}.crossing-page .source-code code{overflow-wrap:normal;color:inherit}.crossing-page .steps{max-width:900px}.crossing-page #light-level:focus-visible{outline:2px solid #f4b864;outline-offset:2px}@media(max-width:800px){.crossing-hero{gap:28px}.crossing-demo{padding:22px}.crossing-hero h1{font-size:43px}}@media(max-width:700px){.crossing-hero{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.crossing-hero h1{font-size:clamp(37px,9vw,51px)}.mode-grid,.crossing-photos{grid-template-columns:1fr}.mode-card{padding:25px}.crossing-photos img{height:280px}.crossing-wiring img{min-width:900px}.crossing-demo{max-width:430px}.signals{gap:15px}.crossing-page .hardware-columns{gap:25px}}@media(prefers-reduced-motion:reduce){.lamp{box-shadow:none!important}}