:root{--steel:#24495a;--deep:#18333f;--bone:#eee3c8;--signal:#e24a2e;--estuary:#698477;--line:rgba(238,227,200,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--steel);color:var(--bone)}body{margin:0;font-family:Arial,sans-serif}a{color:inherit}.rail{height:76px;position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,6vw,88px);border-bottom:1px solid var(--line)}.rail>a{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 10px monospace;letter-spacing:.12em}.rail>a span{height:38px;width:38px;background:var(--signal);display:grid;place-items:center}.rail nav{display:flex;gap:34px}.rail nav a,.rail em{font:800 9px monospace;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;font-style:normal}.rail em{text-align:right;color:rgba(238,227,200,.65)}.hero{height:min(900px,100vh);min-height:700px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.screen{position:absolute;inset:0;background:linear-gradient(90deg,var(--steel),rgba(36,73,90,.9) 30%,transparent 67%)}.copy{position:absolute;left:clamp(22px,8vw,122px);top:50%;transform:translateY(-43%);z-index:2;width:min(660px,49vw)}.copy>span,.board-heading>span,dialog>span{font:800 10px monospace;letter-spacing:.18em;color:var(--signal)}.copy h1{font:900 clamp(60px,7vw,112px)/.82 Georgia,serif;letter-spacing:-.055em;margin:25px 0 30px}.copy p{max-width:520px;color:rgba(238,227,200,.72);font-size:17px;line-height:1.65}.copy>a,.primary,.secondary{display:inline-flex;min-height:52px;padding:0 27px;align-items:center;justify-content:center;border:1px solid var(--signal);font:800 10px monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.copy>a,.primary{background:var(--signal);color:var(--bone)}.index{position:absolute;right:5vw;bottom:38px;font:800 10px/1.6 monospace;text-align:right}.index b{color:var(--signal)}.board-section{padding:clamp(85px,10vw,145px) clamp(22px,8vw,122px)}.board-heading{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:48px}.board-heading h2{font:900 clamp(50px,6vw,86px)/.86 Georgia;margin:18px 0 0;letter-spacing:-.05em}.board-heading p{grid-column:2;grid-row:1/3;color:rgba(238,227,200,.65);line-height:1.65}.span-console{display:grid;grid-template-columns:1fr 300px;border:1px solid var(--line)}.grid-wrap{min-height:620px;position:relative;background:var(--bone);color:var(--deep);padding:65px}.node-grid{position:relative;width:100%;height:490px;z-index:2}.route-node{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:46px;height:46px;transform:translate(-50%,-50%);border:3px solid var(--deep);border-radius:50%;background:var(--bone);color:var(--deep);font:900 12px monospace}.route-node.active{background:var(--signal);color:var(--bone);border-color:var(--signal)}.route-node.next{box-shadow:0 0 0 7px rgba(226,74,46,.2)}#routeLines{position:absolute;inset:65px;width:calc(100% - 130px);height:490px;overflow:visible}#routeLines line{stroke:var(--signal);stroke-width:3}.span-console aside{padding:28px;border-left:1px solid var(--line);background:var(--deep);display:flex;flex-direction:column;gap:16px}.span-console dl{margin:0}.span-console dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.span-console dt{font:800 9px monospace}.span-console dd{margin:0;font:800 17px monospace;color:var(--signal)}.span-console aside>p{min-height:90px;color:rgba(238,227,200,.62);font:13px/1.6 monospace}.secondary{background:transparent;color:var(--bone);border-color:var(--line)}.brief{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.brief>div{padding:62px clamp(24px,5vw,70px);min-height:290px;border-right:1px solid var(--line)}.brief>div:last-child{border:0}.brief span{font:900 32px monospace;color:var(--signal)}.brief h3{font:900 32px/1 Georgia}.brief p{color:rgba(238,227,200,.62);line-height:1.6}footer{padding:52px clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr 1.2fr;gap:26px;font-size:13px}footer p,footer small{color:rgba(238,227,200,.6)}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer nav a{font:800 10px monospace}footer small{grid-column:1/-1}dialog{width:min(540px,calc(100% - 30px));background:var(--deep);color:var(--bone);border:1px solid var(--signal);padding:48px;text-align:center}dialog::backdrop{background:rgba(10,25,30,.85)}dialog h2{font:900 48px/.9 Georgia}.dialog-close{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--bone);font-size:24px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:4px}