@font-face{font-family:Barlow;src:url('/assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-display:swap;font-weight:800}
:root{--bg:#222222;--deep:#191919;--panel:#2a2a2a;--text:#eeeee9;--muted:#a8a8a5;--line:#ffffff26;--lime:#d4f477;--gutter:4.2vw;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border-radius:0}button[hidden],[hidden]{display:none!important}::selection{background:var(--lime);color:var(--deep)}.wrap{width:calc(100% - var(--gutter)*2);max-width:1640px;margin-inline:auto}.eyebrow,.section-index,.scope-note,.story-bottom,.subject-caption,.console-header,.panel-label,.map-hud,.map-bottom,.demo-footnote,.footer-bottom,.deployment-note{font:10px/1.5 'Courier New',monospace;letter-spacing:.09em}.eyebrow{color:var(--lime)}.muted{color:var(--muted)}.skip-link{position:fixed;z-index:100;left:20px;top:-70px;padding:14px;background:var(--lime);color:var(--deep)}.skip-link:focus{top:20px}
#site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:104px;padding:0 var(--gutter);transition:height .35s,background .35s,border .35s;border-bottom:1px solid transparent}#site-header.is-compact{height:76px;background:#222222f0;border-bottom-color:var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;width:160px}.brand svg{width:33px;height:41px;color:var(--lime)}.brand>span{font-size:22px;font-weight:800;letter-spacing:.18em}.brand small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.5em}.brand svg path{vector-effect:non-scaling-stroke;stroke-width:1.3px}#site-header nav{display:flex;gap:32px;font-size:11px}#site-header nav a{position:relative;padding:10px 0}#site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--lime);transition:width .3s}#site-header nav a:hover:after{width:100%}.header-cta{font-size:11px;display:flex;gap:32px;border-bottom:1px solid #ffffff66;padding:12px 0}.header-cta span{color:var(--lime);font-size:18px}.header-cta:hover{border-color:var(--lime)}
.system-story{position:relative}.story-stage{position:relative;min-height:100svh;overflow:hidden;background:var(--bg)}#system-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s}#system-canvas.is-ready{opacity:1}.scene-fallback{position:absolute;inset:0;filter:grayscale(1);background:linear-gradient(90deg,#222222 10%,#22222277 60%,#22222244),url('/assets/skoll-patrol-1920.webp') center/cover}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#222222b0 0%,transparent 65%),linear-gradient(0deg,#222222 0%,transparent 20%)}.story-frame{position:relative;padding:170px var(--gutter) 140px;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-frame h1,.story-frame h2{font-family:Barlow,'Arial Narrow',sans-serif;font-size:clamp(84px,10.1vw,180px);font-weight:800;letter-spacing:-.018em;line-height:.85;margin:29px 0 28px}.story-frame h2{font-size:clamp(74px,8.5vw,150px)}.story-frame p{font-size:clamp(14px,1.1vw,18px);line-height:1.6;color:#d2d2cd;margin:0 0 25px}.line{display:block;overflow:hidden;padding-bottom:.04em}.line>span{display:block}.arrow-link{font-size:11px;display:flex;gap:52px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.arrow-link span{color:var(--lime);font-size:22px;transition:transform .3s}.arrow-link:hover span{transform:translate(3px,-3px)}.subject-caption{position:absolute;right:var(--gutter);top:53%;display:flex;align-items:center;gap:10px;font-size:9px;writing-mode:vertical-rl;color:#b6b6b3}.subject-caption i{width:5px;height:5px;background:var(--lime)}#scene-loading{color:var(--lime)}.story-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:35px}.story-kicker{font-size:9px;color:var(--muted)}.chapter-nav{display:flex;gap:9px;align-items:flex-end;width:42%;max-width:600px}.chapter-nav a{position:relative;flex:1;padding:13px 0;border-bottom:1px solid #ffffff40;transition:flex .6s}.chapter-nav a.is-current{flex:1.8}.chapter-nav span{font-size:9px;color:var(--muted)}.chapter-nav b{font-size:9px;font-weight:400;margin-left:12px;text-transform:uppercase}.chapter-nav i{position:absolute;bottom:-1px;left:0;height:2px;background:var(--lime);width:var(--progress,0%)}.chapter-nav .is-current b,.chapter-nav .is-current span{color:var(--lime)}.scroll-cue{font-size:9px}.scroll-cue span{margin-left:25px;color:var(--lime);font-size:22px}
html.motion-ready .system-story{height:440svh}html.motion-ready .story-stage{position:sticky;top:0;height:100svh}html.motion-ready .story-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .24s,transform .5s cubic-bezier(.22,.7,.24,1),visibility .24s;pointer-events:none}html.motion-ready .story-frame.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}html.motion-ready .story-frame:first-of-type h1 .line>span{animation:line-reveal .85s cubic-bezier(.16,.7,.2,1) both}html.motion-ready .story-frame .line:nth-child(2)>span{animation-delay:.1s}@keyframes line-reveal{from{transform:translateY(110%)}to{transform:none}}
.capability-section{padding-block:130px 110px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px;border-top:1px solid var(--line);margin-bottom:40px}.section-index{color:var(--muted)}.display{font:800 clamp(64px,8.2vw,144px)/.89 Barlow,'Arial Narrow',sans-serif;letter-spacing:-.015em;margin:0}.display>span{color:var(--muted)}.capability-list{margin-top:75px}.capability{border-top:1px solid var(--line)}.capability:last-child{border-bottom:1px solid var(--line)}.capability summary{display:grid;grid-template-columns:7% 36% 1fr 30px;align-items:center;padding:27px 0;gap:12px;cursor:pointer;list-style:none}.capability summary::-webkit-details-marker{display:none}.row-number{font:10px monospace;color:var(--lime);align-self:start;padding-top:11px}.capability h3{font:800 clamp(42px,4.8vw,80px)/1 Barlow,sans-serif;margin:0;letter-spacing:-.015em}.row-preview{font-size:12px;color:var(--muted)}.plus{font-weight:200;font-size:25px;color:var(--lime);transition:transform .4s}.capability[open] .plus{transform:rotate(45deg)}.capability summary:hover h3{color:var(--lime)}.capability-detail{padding:0 45px 35px 7.8%;display:grid;grid-template-columns:36% 1fr;gap:25px}.capability-detail p{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.capability-detail ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;font-size:12px;line-height:1.5}.capability-detail li:before{content:'+';margin-right:9px;color:var(--lime)}.scope-note{font-size:10px;color:var(--muted);max-width:630px;margin:26px 0 0;line-height:1.8}
.command-section{background:var(--deep);padding:90px 0 70px}.command-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.command-heading p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 8% 8px 0}.rts-console{border:1px solid #ffffff30;background:#252525;overflow:hidden}.console-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:9px}.console-header>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%}.console-header>span:nth-child(2){color:var(--muted)}.console-header button{border:0;background:none;padding:4px 0;font:inherit;letter-spacing:inherit;color:var(--lime)}.rts-layout{display:grid;grid-template-columns:238px 1fr;min-height:610px}.fleet-panel{padding:20px 15px;border-right:1px solid var(--line);background:#242424}.panel-label{font-size:9px;color:#a6a6a6;display:flex;justify-content:space-between;padding:0 3px;margin-bottom:14px}.unit-row{width:100%;padding:15px 9px;display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border:1px solid transparent;border-top-color:var(--line);position:relative}.unit-row.is-selected{border-color:#d4f47777;background:#d4f4770a}.unit-symbol{font:11px/1 monospace;color:#999999;border:1px solid #666666;width:29px;height:34px;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.is-selected .unit-symbol{color:var(--lime);border-color:var(--lime)}.unit-row b{font:11px monospace;letter-spacing:.06em}.unit-row small{display:block;font-size:9px;color:#a1a1a1;margin-top:6px}.unit-battery{margin-left:auto;font:12px monospace;color:#cacac5}.unit-battery small{display:inline;font-size:8px;margin-left:1px}.selection-title{display:flex;justify-content:space-between;align-items:center;margin:24px 3px 13px;font:11px monospace;color:var(--lime)}.selection-title small{font-size:8px;color:var(--muted)}.orders{display:grid;grid-template-columns:1fr 1fr;gap:5px}.orders button{border:1px solid var(--line);padding:13px 7px;background:transparent;display:flex;align-items:center;gap:12px;font-size:10px}.orders button span{font-size:18px;line-height:1;color:var(--muted)}.orders button:hover,.orders button.is-active{background:#d4f47712;border-color:#d4f47799}.orders button.is-active span{color:var(--lime)}.target-panel{margin-top:22px}.target-panel label{font:8px monospace;color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:9px}.target-panel select{width:100%;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);padding:10px;font-size:10px}.dispatch{font-size:10px;background:var(--lime);color:#20241c;width:100%;border:0;padding:13px 10px;margin-top:6px;text-align:left}.event-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.event-panel .panel-label{margin-bottom:8px}.event-panel button{border:0;background:transparent;width:100%;text-align:left;padding:8px 3px;font-size:10px}.event-panel button>span{float:right;color:var(--lime)}.event-panel button#order-investigate{color:var(--lime);border:1px solid #d4f47777;padding:10px;margin:8px 0}.event-panel p{font:9px/1.7 monospace;color:var(--muted);margin:8px 3px 0}.tactical-view{position:relative;min-width:0;min-height:610px;overflow:hidden;background:#292929}.tactical-view canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tactical-view canvas:active{cursor:grabbing}.map-hud{position:absolute;top:20px;left:22px;right:20px;display:flex;justify-content:space-between;pointer-events:none;color:#bebeb9;font-size:8px;text-shadow:0 1px 4px #000}.map-label{padding-top:2px}.map-scale{text-align:right;line-height:1.9}.map-scale i{display:block;border:1px solid #c0cdbd;border-top:0;width:50px;height:5px;margin-top:15px}.map-tools{position:absolute;right:16px;bottom:50px;display:flex;gap:5px}.map-tools button{background:#222222e8;border:1px solid #ffffff40;color:#d4d4ce;min-width:34px;height:34px;font-size:18px}.map-bottom{position:absolute;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;font-size:8px;color:#b0b0ab}.map-bottom span{background:#202020d9;padding:6px 8px}.rts-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#35353577,#202020df),repeating-linear-gradient(0deg,transparent,transparent 49px,#77777720 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,#77777720 50px);text-align:center;z-index:5;transition:opacity .6s}.rts-loader h3{font:800 clamp(44px,5.7vw,87px)/.88 Barlow,sans-serif;margin:27px 0 14px}.rts-loader p{font-size:12px;color:var(--muted);margin-bottom:26px}.rts-loader .button{min-width:200px}#rts-load-status{font:10px/1.6 monospace;margin-top:18px;max-width:80%;color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;background:var(--lime);color:#20221b;border:1px solid var(--lime);padding:19px 24px;font-size:12px;min-height:52px;transition:background .25s,color .25s}.button:hover{background:#e2ff9a}.console-footer{padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:55px;border-top:1px solid var(--line)}.console-message{font:10px/1.7 monospace;color:#cacac5}.console-footer button{background:none;border:0;color:var(--lime);font:10px monospace;white-space:nowrap}.demo-footnote{display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:9px;margin-top:16px}.demo-footnote a{white-space:nowrap;border-bottom:1px solid #ffffff40}.unit-tag{position:absolute;left:0;top:0;will-change:transform;background:#242424d9;border:1px solid #676767;color:#cacac5;padding:4px 6px;font:9px monospace;pointer-events:none;transform:translate(-100px,-100px)}.unit-tag.is-selected{border-color:var(--lime);color:var(--lime)}.selection-box{position:absolute;border:1px solid var(--lime);background:#d4f47714;pointer-events:none}.rts-console:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column}.rts-console:fullscreen .rts-layout{flex:1;min-height:0}.rts-console:fullscreen .tactical-view{min-height:0}
.deployment-section{position:relative;min-height:800px;display:flex;align-items:center;overflow:hidden}.deployment-photo{position:absolute;inset:0;background:linear-gradient(90deg,#222222 5%,#222222cc 43%,#22222244 100%),linear-gradient(0deg,#222222,transparent 25%,transparent 70%,#222222),url('/assets/skoll-patrol-1920.webp') center 42%/cover;filter:grayscale(1) brightness(.7)}.deployment-content{position:relative;padding-block:120px}.deployment-content .display{margin:30px 0}.deployment-content p{font-size:14px;color:#c4c4c0;margin:0 0 35px}.deployment-note{display:block;font-size:9px;color:var(--muted);margin-top:22px;max-width:400px}.footer-wordmark{font:800 clamp(100px,24vw,420px)/.9 Barlow,sans-serif;letter-spacing:.01em;display:flex;align-items:center;justify-content:space-between;padding:30px 0 45px;border-bottom:1px solid var(--line)}.footer-wordmark span{font:400 .22em Arial,sans-serif;color:var(--lime);padding-right:4vw}.footer-bottom{display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:9px;padding:28px 0 42px}.footer-bottom a{border-bottom:1px solid var(--line)}.reveal{opacity:1;transform:none}html.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .7s cubic-bezier(.16,.7,.2,1)}html.motion-ready .reveal.is-visible{opacity:1;transform:none}
.console-tools{display:flex;gap:24px}.site-panel{padding:20px;border-bottom:1px solid var(--line);background:#292929}.site-panel label{font:9px monospace;color:var(--lime);display:block;letter-spacing:.05em;margin-bottom:10px}.site-panel form>div{display:flex;gap:8px}.site-panel input{flex:1;min-width:120px;font-size:12px}.site-panel button{border:1px solid #ffffff40;background:transparent;padding:10px 18px;font:10px monospace}.site-panel button[type=submit]{background:var(--lime);color:var(--deep);border-color:var(--lime)}.site-panel p{font:10px/1.7 monospace;color:var(--muted);margin:12px 0 0}.site-panel ul{list-style:none;margin:0;padding:0}.site-panel ul:empty{display:none}.site-panel li{margin-top:5px}.site-panel li button{width:100%;text-align:left}.site-panel li button:hover{border-color:var(--lime)}html.motion-ready .story-frame[data-chapter="0"] h1 .line>span{animation:line-reveal .85s cubic-bezier(.16,.7,.2,1) both}html.motion-ready .story-frame[data-chapter="0"] .line:nth-child(2)>span{animation-delay:.1s}
.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:11px;color:var(--muted)}input,select{padding:12px;background:var(--deep);border:1px solid var(--line);border-radius:0;color:var(--text);width:100%}.mono{font-family:monospace}.perimeter-dialog .button{gap:15px}.perimeter-dialog summary{cursor:pointer}.perimeter-dialog p{line-height:1.8}
@media(min-width:1700px){:root{--gutter:max(4.2vw,calc((100vw - 1640px)/2))}}
@media(max-width:1000px){#site-header nav{gap:20px}.rts-layout{grid-template-columns:205px 1fr}.fleet-panel{padding:18px 10px}.row-preview{font-size:10px}.command-heading p{margin-right:0}.subject-caption{right:22px}.chapter-nav{width:50%}.story-frame h1{font-size:12vw}.capability-detail{padding-left:8%;grid-template-columns:35% 1fr}.capability-detail ul{grid-template-columns:1fr}.rts-layout,.tactical-view{min-height:620px}}
@media(max-width:700px){:root{--gutter:6vw}html{scroll-padding-top:78px}#site-header{height:86px}#site-header.is-compact{height:68px}.brand{width:auto}.brand svg{width:26px;height:34px}.brand>span{font-size:17px}.brand small{font-size:6px}#site-header nav{display:none}.header-cta{font-size:10px;gap:18px}.story-frame{padding:125px var(--gutter) 150px;justify-content:flex-start}.story-frame h1{font-size:18.8vw;margin:27px 0 22px}.story-frame h2{font-size:17vw;margin:25px 0 22px}.story-frame p{font-size:12px;line-height:1.7;max-width:240px}.arrow-link{font-size:10px;padding:7px 0;gap:40px}.scene-shade{background:linear-gradient(180deg,#22222299 0%,#22222255 40%,transparent 65%,#222222 97%)}.subject-caption{top:auto;bottom:140px;right:6vw;font-size:7px}.story-bottom{bottom:25px;display:block}.story-kicker,.scroll-cue{display:none}.chapter-nav{width:100%;max-width:none}.chapter-nav b{font-size:8px;margin-left:8px}html.motion-ready .system-story{height:400svh}.capability-section{padding-block:80px 75px}.section-top{margin-bottom:30px}.eyebrow{font-size:8px}.display{font-size:15vw}.capability-list{margin-top:42px}.capability summary{grid-template-columns:9% 1fr 20px;padding:24px 0;gap:9px}.capability h3{font-size:42px}.row-preview{display:none}.row-number{font-size:8px}.plus{font-size:23px}.capability-detail{padding:0 10px 27px 12%;display:block}.capability-detail p{font-size:12px;margin-bottom:22px;max-width:none}.capability-detail ul{font-size:11px;gap:12px}.scope-note{font-size:8px;line-height:1.8}.command-section{padding:65px 0 55px}.command-heading{display:block;margin-bottom:30px}.command-heading p{font-size:12px;line-height:1.7;margin:22px 0 0}.command-section .section-top>.eyebrow:nth-child(2){max-width:110px;text-align:right}.console-header{padding:12px;font-size:7px;gap:8px}.console-header>span:nth-child(2){display:none}.rts-layout{display:flex;flex-direction:column;min-height:0}.tactical-view{order:0;height:460px;min-height:0}.fleet-panel{order:1;border-right:0;border-top:1px solid var(--line);padding:15px}.fleet-panel>.panel-label{margin-bottom:8px}#unit-roster{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.unit-row{padding:10px 6px;gap:6px;border:1px solid var(--line)}.unit-symbol{width:22px;height:27px;font-size:8px}.unit-row b{font-size:10px}.unit-row small{font-size:8px;margin-top:4px}.unit-battery{display:none}.selection-title{margin:17px 0 10px}.orders{grid-template-columns:repeat(4,1fr)}.orders button{gap:9px;font-size:9px;justify-content:center;padding:12px 3px}.orders button span{font-size:16px}.target-panel{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:15px}.target-panel label{grid-column:1/-1;margin-bottom:2px}.target-panel select{font-size:10px}.dispatch{margin:0;text-align:center}.event-panel{margin-top:15px;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.event-panel .panel-label{margin:0;font-size:8px}.event-panel button{width:auto;font-size:9px;padding:5px}.event-panel p{margin:0;font-size:8px;flex-basis:100%}.event-panel button#order-investigate{width:auto;margin:0;padding:5px}.map-hud{left:12px;right:12px;top:14px;font-size:7px}.map-bottom{bottom:12px;left:12px;right:12px;font-size:7px;gap:5px}.map-bottom>span:first-child{max-width:230px;line-height:1.6}.map-tools{bottom:57px;right:12px}.rts-loader h3{font-size:55px}.rts-loader p{font-size:11px}.console-footer{padding:12px;gap:15px;align-items:start}.console-message,.console-footer button{font-size:8px}.demo-footnote{font-size:8px;display:block;line-height:1.8}.demo-footnote a{display:inline-block;margin-top:9px}.deployment-section{min-height:640px}.deployment-photo{background-position:60% center}.deployment-content{padding-block:100px}.deployment-content p{font-size:12px;max-width:240px;line-height:1.7}.deployment-content .button{font-size:11px;gap:70px}.deployment-note{font-size:8px;max-width:260px}.footer-wordmark{font-size:26vw;padding-block:20px 30px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:18px}.footer-bottom>span:nth-child(2){display:none}.rts-console:fullscreen{overflow:auto}.rts-console:fullscreen .tactical-view{min-height:50dvh}.rts-console:fullscreen .rts-layout{flex:none}.unit-tag{font-size:8px;padding:3px 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,html.motion-ready .reveal{opacity:1;transform:none}html.motion-ready .system-story{height:auto}html.motion-ready .story-stage{position:relative;height:auto}html.motion-ready .story-frame{position:relative;opacity:1;visibility:visible;transform:none;pointer-events:auto;min-height:75svh}#system-canvas,.subject-caption,.story-bottom{display:none}.scene-fallback{opacity:.2}.story-frame h1,.story-frame h2{font-size:clamp(75px,10vw,150px)}}
@media(max-width:700px){.console-tools{gap:14px}.site-panel{padding:15px}.site-panel form>div{flex-wrap:wrap}.site-panel input{flex-basis:100%}.site-panel button{padding:10px 12px;font-size:9px}.site-panel p{font-size:9px}.site-panel label{font-size:9px}.map-scale i{max-width:100px}}