@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.ttf')}@font-face{font-family:Inter;src:url('/fonts/Inter-SemiBold.ttf');font-weight:600}@font-face{font-family:Display;src:url('/fonts/NotoSansDisplay-SemiCondensedBold.ttf');font-weight:700}@font-face{font-family:Mono;src:url('/fonts/IBMPlexMono.ttf')}
:root{--black:#0d0d0c;--ink:#191917;--paper:#f1eee7;--line:#cbc6bb;--blue:#294b8d;--muted:#69675f;--rail:166px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Display,'Arial Narrow',sans-serif;line-height:1.05;letter-spacing:-.025em}h1{font-size:clamp(42px,5.1vw,69px);max-width:11ch;margin:0 0 25px}h2{font-size:clamp(30px,3.7vw,48px);max-width:16ch;margin:0 0 17px}h3{font-size:clamp(21px,2.2vw,30px);margin:0 0 12px}.mono,.eyebrow,.caption,.rail,.project-nav,.stat-label,.source-note,.action,.index-no{font:11px/1.5 Mono,Consolas,monospace;letter-spacing:.025em}.eyebrow{color:var(--blue);text-transform:uppercase;display:block;margin-bottom:18px}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:var(--black);color:var(--paper);z-index:10;padding:24px 16px;overflow:auto}.rail-name{font:700 22px/1.04 Display,Arial,sans-serif;text-decoration:none;display:block}.rail-url{display:block;color:#aaa69d;margin-top:15px;font-size:9px}.rail-main{border-top:1px solid #393832;margin-top:25px;padding-top:18px;display:grid;gap:13px}.rail-main a,.rail-project a{text-decoration:none;color:#aaa69d}.rail-main a:hover,.rail-project a:hover,.rail-project a[aria-current=page]{color:#fff}.rail-project{border-top:1px solid #aaa69d;margin-top:33px;padding-top:15px;display:grid;gap:13px}.rail-project b{font-weight:400;color:#d6d2ca}.rail-project a[aria-current=page]{border-left:2px solid var(--blue);padding-left:7px}.page{margin-left:var(--rail);min-width:0}.hero{min-height:590px;background:var(--black);color:var(--paper);position:relative;overflow:hidden;display:flex;align-items:center;padding:70px 4.4% 85px}.hero .hero-copy{position:relative;z-index:2;width:49%;max-width:530px}.hero .eyebrow{color:#d5d0c7}.hero p{max-width:43ch;color:#d4d0c8;font-size:16px;line-height:1.6}.hero-image{position:absolute;inset:0 0 0 39%;display:flex;align-items:center;justify-content:center}.hero-image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0,rgba(13,13,12,.6) 26%,transparent 67%);z-index:1}.hero-image img{width:100%;height:100%;object-fit:contain;filter:brightness(2);object-position:center}.hero-image model-viewer{width:100%;height:100%;--poster-color:transparent}.hero-caption{position:absolute;right:25px;bottom:17px;z-index:2;color:#bbb6ad}.project-nav{border-top:1px solid #393832;background:var(--black);color:#b9b6ad;display:flex;gap:25px;padding:15px 4.4%;flex-wrap:wrap}.project-nav a{text-decoration:none}.project-nav a:hover{color:white}.chapter{padding:68px 4.4% 82px;border-top:1px solid var(--line)}.chapter.light{background:#f9f8f5}.chapter.dark{background:var(--black);color:var(--paper);border-color:#393832}.chapter .eyebrow{margin-bottom:18px}.chapter-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.63fr);gap:40px;align-items:end;margin-bottom:38px}.chapter-head p{max-width:49ch;margin:0;color:#5e5b56}.dark .chapter-head p,.dark .caption{color:#aaa69d}.media-frame{background:#fff;border:1px solid var(--line);min-width:0}.dark .media-frame{background:#090909;border-color:#393832}.media-frame img{width:100%;height:auto}.media-frame model-viewer{display:block;width:100%;height:510px;background:#111}.caption{color:var(--muted);margin:10px 0 0;display:block}.pair{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.pair.equal{grid-template-columns:1fr 1fr}.pair figure{min-width:0}.pair .media-frame{display:grid;place-items:center;overflow:hidden}.pair .media-frame img{max-height:540px;object-fit:contain}.record-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.record-strip img{width:100%;height:230px;object-fit:contain;background:#e5e3de}.record-strip figcaption{margin-top:7px}.action{display:inline-block;margin-top:23px;padding:10px 15px;border:1px solid currentColor;text-decoration:none;text-transform:uppercase}.action:hover{background:var(--ink);color:var(--paper)}.dark .action:hover{background:var(--paper);color:var(--ink)}.tool-frame{width:100%;height:940px;border:1px solid var(--line);background:#fff}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:30px}.stat-row>div{padding:17px 12px 0 0}.stat-row strong{font:700 clamp(25px,3vw,42px)/1 Display,Arial,sans-serif;display:block;margin:6px 0}.stat-label{color:var(--muted)}.source-note{border-top:1px solid var(--line);margin-top:35px;padding-top:15px;color:var(--muted);max-width:90ch}.source-note a{color:var(--blue)}.dark .source-note{border-color:#393832;color:#aaa69d}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}.controls label{font:11px Mono,monospace}.controls select,.controls input[type=search]{background:transparent;border:1px solid #8c8880;border-radius:0;padding:9px 12px;color:inherit}.controls button,.step-controls button,.mode-buttons button{background:transparent;color:inherit;border:1px solid #8c8880;border-radius:0;padding:9px 13px}.controls button:hover,.step-controls button:hover,.mode-buttons button:hover,.mode-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dark .controls button:hover{background:var(--paper);color:var(--ink)}.big-number{font:700 60px/1 Display,Arial,sans-serif}.cards{display:flex;gap:7px;flex-wrap:wrap}.card{min-width:47px;height:67px;border:1px solid #c6c2b9;background:#fff;padding:5px;font:600 17px/1.1 Inter,Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-between}.card.red{color:#963d48}.card.chosen{outline:3px solid var(--blue);outline-offset:2px}.card.illegal{opacity:.36}.q-bars{display:grid;gap:5px}.q-bar{display:grid;grid-template-columns:45px 1fr 42px;gap:8px;align-items:center;font:11px Mono,monospace}.q-bar i{display:block;background:#a3aec0;height:6px}.q-bar.active i{background:var(--blue)}.data-panel{background:#fff;border:1px solid var(--line);padding:22px}.dark .data-panel{background:#161615;border-color:#46443e}.step-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.step-controls input[type=range]{flex:1;min-width:180px;accent-color:var(--blue)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:430px;aspect-ratio:1}.game-grid button{border:1px solid var(--line);background:#fff;font:700 clamp(35px,6vw,75px) Display,Arial,sans-serif}.game-grid button:disabled{color:#2c2b28}.game-grid button:hover:not(:disabled){background:#e3e8f2}.game-grid button.last{background:#d5e0f0}.mode-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.rtl{direction:rtl;text-align:right;font-family:Inter,Arial,sans-serif;line-height:1.9}.corpus-list{max-height:465px;overflow:auto;border:1px solid var(--line);background:#fff}.corpus-list button{display:block;width:100%;text-align:right;direction:rtl;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 15px;cursor:pointer}.corpus-list button:hover,.corpus-list button[aria-current=true]{background:#e3e8f2}.corpus-detail{border:1px solid var(--line);background:#fff;padding:25px;min-height:465px}.corpus-detail .passage{max-height:310px;overflow:auto;background:#f4f2ed;padding:17px;white-space:pre-wrap}.video-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:center}.video-grid video{width:100%;background:#000}.route-table{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.route-table button{text-align:left;padding:13px;border:1px solid var(--line);background:#fff}.route-table button:hover,.route-table button[aria-current=true]{border-color:var(--blue);background:#e7ebf2}.site-footer{background:var(--black);color:#aaa69d;padding:32px 4.4%;font:11px/1.6 Mono,monospace}.site-footer a{color:var(--paper)}.index-grid{display:grid;grid-template-columns:1fr 1fr}.index-card{min-height:390px;text-decoration:none;border-right:1px solid #ddd6ca;border-bottom:1px solid #ddd6ca;background:#f8f6f1;padding:35px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.index-card:hover{background:#fff}.index-card img{height:235px;width:100%;object-fit:contain}.index-card h2{margin:0}.index-card p{max-width:38ch;color:var(--muted);margin:8px 0 0}.index-no{color:var(--blue)}
@media(max-width:850px){:root{--rail:0px}.rail{position:relative;width:100%;height:auto;padding:12px 18px;display:flex;gap:20px;align-items:center}.rail-name{font-size:18px}.rail-url,.rail-main,.rail-project b{display:none}.rail-project{display:flex;margin:0;padding:0;border:0;gap:15px;overflow-x:auto}.rail-project a{white-space:nowrap}.page{margin:0}.hero{min-height:520px;padding:45px 5%}.hero .hero-copy{width:65%}.hero-image{left:35%}.chapter{padding:50px 5% 60px}.chapter-head{grid-template-columns:1fr;gap:0}.pair,.pair.equal{grid-template-columns:1fr}.media-frame model-viewer{height:430px}.tool-frame{height:1030px}.video-grid{grid-template-columns:1fr}.index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{min-height:540px;align-items:flex-start;padding-top:55px}.hero .hero-copy{width:100%}.hero h1{font-size:45px;max-width:11ch}.hero p{font-size:14px;max-width:28ch}.hero-image{inset:185px 0 0 0;opacity:.68}.hero-image::before{background:linear-gradient(180deg,var(--black),transparent 58%)}.hero-caption{bottom:10px;right:10px}.project-nav{gap:12px;padding:13px 5%}.chapter-head{margin-bottom:22px}.record-strip{grid-template-columns:1fr}.record-strip img{height:180px}.stat-row{grid-template-columns:1fr 1fr}.tool-frame{height:1100px}.index-grid{grid-template-columns:1fr}.index-card{min-height:330px}.index-card img{height:175px}.route-table{grid-template-columns:1fr 1fr}.data-panel{padding:14px}}
@media(max-width:560px){.hero{min-height:680px}.hero-image{inset:395px 0 0 0;opacity:.83}.hero-image::before{background:linear-gradient(180deg,var(--black),transparent 42%)}.hero-caption{font-size:9px;text-align:right}.controls button:disabled{opacity:.35;cursor:not-allowed}}
@media(min-width:561px) and (max-width:700px){.hero{min-height:680px;align-items:flex-start;padding-top:55px}.hero .hero-copy{width:100%}.hero h1{font-size:45px}.hero p{font-size:14px;max-width:34ch}.hero-image{inset:385px 0 0 0;opacity:.83}.hero-image::before{background:linear-gradient(180deg,var(--black),transparent 42%)}.hero-caption{font-size:9px;text-align:right}.chapter-head{grid-template-columns:1fr;gap:0}.record-strip{grid-template-columns:1fr}.route-table{grid-template-columns:1fr 1fr}.controls button:disabled{opacity:.35;cursor:not-allowed}}
@media(max-width:850px){.rail-project{scrollbar-width:none}.rail-project::-webkit-scrollbar{display:none}}