@font-face{font-family:'Oxanium ProDyn';src:url('assets/Oxanium-wght.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Departure Mono ProDyn';src:url('assets/DepartureMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--cwm-field)}
body{margin:0;color:var(--cwm-ink);font-family:var(--cwm-font-body);-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;border-radius:var(--r-0)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--cwm-focus);outline-offset:5px}
button{border:0;background:none}
a{color:inherit;text-decoration:none}
button:disabled{cursor:default;opacity:.5}
.page-shell{max-width:1920px;min-height:100svh;margin:auto;padding:0 var(--sp-section);display:flex;flex-direction:column;overflow:clip}
.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-7);border-bottom:var(--bw-hairline) solid var(--cwm-line);position:relative;z-index:3;flex-shrink:0}
.identity{display:flex;align-items:center;gap:var(--sp-6)}
.identity img{width:33px;height:51px;object-fit:contain}
.identity span{border-left:var(--bw-hairline) solid var(--cwm-line);padding-left:var(--sp-6);font:500 var(--fs-body)/1.5 var(--cwm-font-display);letter-spacing:.27em;white-space:nowrap}
nav{display:flex;align-items:center;gap:var(--sp-7)}
nav button{font:var(--fs-micro)/1 var(--cwm-font-hud);letter-spacing:var(--ls-label);min-height:44px;padding:var(--sp-2) 0;color:var(--cwm-muted);transition:color var(--t-fast) var(--ease-hover)}
nav button:hover{color:var(--cwm-ink)}
nav .contact-nav{border:var(--bw-hairline) solid var(--cwm-line);padding:var(--sp-4) var(--sp-5);color:var(--cwm-ink);display:flex;gap:var(--sp-6);align-items:center}
nav .contact-nav:hover{border-color:var(--cwm-muted)}
main{flex:1;display:flex;flex-direction:column}
.hero{isolation:isolate;position:relative;flex:1;min-height:740px;display:flex;align-items:center;padding:var(--sp-8) 0 var(--sp-9)}
.monument{position:absolute;right:-3%;bottom:0;width:64%;height:100%;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent,black 12%,black 94%,transparent)}
.monument img{width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block}
.station{--phosphor:var(--cwm-phosphor-blue);position:relative;width:min(48%,600px);z-index:1}
.station[data-tone=red]{--phosphor:var(--cwm-phosphor-red)}
.station[data-tone=white]{--phosphor:var(--cwm-phosphor-white)}
.projector-label{display:flex;align-items:center;gap:var(--sp-3);font:var(--fs-micro)/1.5 var(--cwm-font-hud);letter-spacing:.23em;color:var(--cwm-muted);margin:0 0 var(--sp-6) var(--sp-1)}
.label-tick{width:18px;height:2px;background:var(--cwm-blood)}
.projection-assembly{position:relative;color:var(--phosphor)}
.projection{height:404px;position:relative;display:flex;flex-direction:column;color:var(--phosphor);border:var(--bw-hairline) solid color-mix(in srgb,currentColor 45%,transparent);background:var(--cwm-glass);transform-origin:50% 100%;will-change:clip-path,transform,opacity;outline:none}
.projection::before{content:'';position:absolute;inset:4px;pointer-events:none;border:var(--bw-hairline) solid color-mix(in srgb,currentColor 12%,transparent)}
.projection:focus-visible{outline:var(--cwm-focus);outline-offset:5px}
.window-chrome{height:29px;display:flex;gap:var(--sp-3);padding:0 var(--sp-3);align-items:center;border-bottom:var(--bw-hairline) solid color-mix(in srgb,currentColor 35%,transparent);font:var(--fs-micro)/1 var(--cwm-font-hud);letter-spacing:.07em;flex-shrink:0;background:color-mix(in srgb,currentColor 4%,transparent)}
.window-icon{font-size:20px;line-height:1}
.chrome-grip{flex:1;height:7px;opacity:.3;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 3px)}
.window-corner{font-size:18px;margin-top:-4px}
.window-content{padding:var(--sp-6) var(--sp-7) var(--sp-5);flex:1;position:relative;z-index:1}
.brief-meta{display:flex;justify-content:space-between;gap:var(--sp-3);font:10px/1.5 var(--cwm-font-hud);letter-spacing:var(--ls-label);opacity:.83}
h1{font-family:var(--cwm-font-display);font-size:var(--fs-hero);font-weight:650;letter-spacing:var(--ls-display);line-height:.98;margin:var(--sp-6) 0 var(--sp-5)}
h1 span{display:block}
#brief-description{font-size:var(--fs-lead);font-weight:400;line-height:1.45;margin:0;max-width:410px}
#brief-note{font:var(--fs-meta)/1.6 var(--cwm-font-hud);margin:var(--sp-4) 0 0;max-width:410px;opacity:.95}
.window-foot{height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-top:var(--bw-hairline) solid color-mix(in srgb,currentColor 20%,transparent);margin:0 var(--sp-3);font:9px/1 var(--cwm-font-hud);letter-spacing:.1em;opacity:.7}
.window-foot span:last-child{font-size:16px}
.scanlines{position:absolute;inset:30px 5px 26px;pointer-events:none;z-index:0;opacity:.028;background:repeating-linear-gradient(to bottom,transparent 0 3px,currentColor 3px 4px)}
.signal-tear{position:absolute;left:5px;right:5px;top:38%;height:1px;background:currentColor;opacity:0;pointer-events:none;z-index:3}
.projection-beam{height:48px;position:relative;margin:0 32px;overflow:visible;pointer-events:none;opacity:.6}
.projection-beam::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,currentColor 12%,transparent),transparent 90%);clip-path:polygon(0 0,100% 0,66% 100%,23% 100%)}
.projection-beam i,.projection-beam b{position:absolute;top:0;height:100%;width:1px;background:linear-gradient(to top,currentColor,transparent);opacity:.2;transform-origin:bottom}
.projection-beam i{left:23%;transform:skewX(60deg)}
.projection-beam b{right:34%;transform:skewX(-60deg)}
.cartridge{position:relative;margin-left:var(--sp-6);width:calc(100% - 64px);color:var(--cwm-muted);background:linear-gradient(170deg,color-mix(in srgb,var(--cwm-device) 80%,var(--cwm-device-edge)),var(--cwm-device) 48%);border:var(--bw-hairline) solid var(--cwm-device-edge);box-shadow:var(--cwm-shadow);padding:var(--sp-4) var(--sp-4) 9px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,9px 100%,0 calc(100% - 9px))}
.cartridge::after{content:'';position:absolute;right:15px;bottom:9px;width:14px;height:2px;background:var(--cwm-blood)}
.emitter{position:absolute;top:0;height:2px;left:22%;right:24%;background:var(--phosphor);box-shadow:var(--cwm-beam-shadow);color:var(--phosphor)}
.cartridge-heading{display:flex;align-items:center;gap:var(--sp-3);font:9px/1 var(--cwm-font-hud);letter-spacing:.12em;margin-bottom:var(--sp-3)}
.cartridge-code{margin-left:auto;color:var(--cwm-dim)}
.cartridge-heading i{width:4px;height:4px;background:var(--phosphor)}
.cartridge-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr 38px;gap:var(--sp-1)}
.channel{border:var(--bw-hairline) solid var(--cwm-device-edge);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:48px;padding:7px 9px;transition:background var(--t-fast) var(--ease-hover);text-align:left}
.channel small{font:9px/1 var(--cwm-font-hud);color:var(--cwm-dim)}
.channel span{font:10px/1 var(--cwm-font-hud);letter-spacing:.02em;white-space:nowrap}
.channel:hover{background:var(--cwm-surface);color:var(--cwm-ink)}
.channel.active{border-color:color-mix(in srgb,var(--phosphor) 48%,transparent);color:var(--phosphor);background:color-mix(in srgb,var(--phosphor) 5%,transparent)}
#pause{border:var(--bw-hairline) solid var(--cwm-device-edge);min-height:48px;min-width:38px;font-size:18px;color:var(--cwm-ink)}
#pause:hover{background:var(--cwm-surface)}
.cartridge-lower{display:flex;justify-content:space-between;margin-top:9px;padding-right:var(--sp-5);font:8px/1 var(--cwm-font-hud);letter-spacing:.12em;color:var(--cwm-dim)}
.pins{opacity:.6}
.engage-link{margin:var(--sp-6) 0 0 var(--sp-6);display:flex;align-items:center;gap:var(--sp-7);min-height:44px;font:var(--fs-meta)/1.4 var(--cwm-font-hud);letter-spacing:var(--ls-label);text-align:left;border-bottom:var(--bw-hairline) solid var(--cwm-line);padding:0 0 var(--sp-2);color:var(--cwm-muted)}
.engage-link:hover{color:var(--cwm-ink);border-color:var(--cwm-muted)}
.engage-link span{font-size:var(--fs-lead);color:var(--cwm-ink)}
.object-note{position:absolute;right:3%;bottom:var(--sp-6);font:9px/1.4 var(--cwm-font-hud);letter-spacing:.14em;color:var(--cwm-dim);display:flex;align-items:center;gap:var(--sp-4)}
.note-rule{display:block;width:30px;height:1px;background:var(--cwm-blood)}
footer{position:relative;z-index:2;min-height:72px;border-top:var(--bw-hairline) solid var(--cwm-line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);font:10px/1.6 var(--cwm-font-hud);letter-spacing:.08em;color:var(--cwm-muted)}
.brand-history{font-size:9px;color:var(--cwm-dim)}
.brand-history b{font-weight:400;color:var(--cwm-muted);margin-left:var(--sp-3)}
.footer-last{font-size:9px;letter-spacing:.17em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:8px;left:8px;padding:12px;background:var(--cwm-ink);color:var(--cwm-field);z-index:100;transform:translateY(-180%)}
.skip:focus{transform:none}
dialog{max-width:540px;width:calc(100% - 40px);max-height:90svh;overflow:auto;border:var(--bw-hairline) solid var(--cwm-device-edge);padding:var(--sp-8);background:var(--cwm-field);color:var(--cwm-ink);box-shadow:var(--cwm-shadow)}
dialog::backdrop{background:color-mix(in srgb,var(--cwm-void) 86%,transparent)}
.dialog-dismiss{position:absolute;right:var(--sp-3);top:var(--sp-2)}
.dialog-dismiss button{font-size:28px;min-width:44px;min-height:44px;color:var(--cwm-muted)}
.dialog-kicker{display:block;font:10px/1.6 var(--cwm-font-hud);letter-spacing:.1em;color:var(--cwm-muted);margin:var(--sp-3) 0 var(--sp-7);max-width:85%}
dialog h2{font-size:40px;font-weight:600;letter-spacing:var(--ls-display);margin:0 0 var(--sp-7);line-height:1.1}
.contact-details{display:grid;gap:var(--sp-5)}
.contact-details .primary-action{align-items:center;gap:var(--sp-4);text-decoration:none;letter-spacing:0;font-size:var(--fs-meta)}
#contact-form label{font:var(--fs-micro)/1.4 var(--cwm-font-hud);display:grid;gap:var(--sp-2);color:var(--cwm-muted)}
input,textarea{width:100%;min-width:0;resize:vertical;border:var(--bw-hairline) solid var(--cwm-device-edge);border-radius:var(--r-0);background:var(--cwm-surface);color:var(--cwm-ink);padding:var(--sp-3);font:var(--fs-body)/1.6 var(--cwm-font-body)}
.primary-action{min-height:48px;padding:var(--sp-4);display:flex;justify-content:space-between;border:var(--bw-hairline) solid var(--cwm-muted);font:var(--fs-micro)/1 var(--cwm-font-hud);letter-spacing:.1em}
.primary-action:hover{background:var(--cwm-surface)}
.draft-note{font:9px/1.6 var(--cwm-font-hud);letter-spacing:.08em;color:var(--cwm-muted);margin:0}
.expansion{font:var(--fs-body)/1.6 var(--cwm-font-body);color:var(--cwm-muted)}
.klahn-pitch{font-size:var(--fs-h2);line-height:1.3;color:var(--cwm-phosphor-red);margin:var(--sp-7) 0}
.lair{font:var(--fs-micro)/1.6 var(--cwm-font-hud);color:var(--cwm-dim);border-top:var(--bw-hairline) solid var(--cwm-line);padding-top:var(--sp-5)}
.no-script{padding:var(--sp-7);max-width:600px}
html:not(.enhanced) .cartridge-controls,html:not(.enhanced) .engage-link,html:not(.enhanced) nav{display:none}
@media(min-width:1600px){.hero{min-height:850px}.station{width:47%}.projection{height:430px}.monument{right:0;width:61%}}
@media(max-width:1199px){.page-shell{padding:0 var(--sp-8)}.identity span{font-size:var(--fs-body-sm);letter-spacing:.18em}nav{gap:var(--sp-5)}.station{width:52%}.projection{height:378px}.window-content{padding:var(--sp-6)}h1{font-size:72px}.monument{right:-8%;width:67%}.brand-history{display:none}.object-note{right:0;font-size:8px}}
@media(max-width:1023px){.page-shell{padding:0 var(--sp-7)}.masthead{height:92px}.identity{gap:var(--sp-4)}.identity span{padding-left:var(--sp-4);font-size:var(--fs-meta);letter-spacing:.16em}nav{gap:var(--sp-3)}nav button{font-size:10px}nav .contact-nav{padding:var(--sp-3)}.hero{min-height:750px}.station{width:57%}.monument{right:-15%;width:76%;opacity:.86}.projection{height:378px;background:color-mix(in srgb,var(--cwm-field) 35%,transparent)}h1{font-size:68px}.brief-meta{font-size:9px;letter-spacing:0}.window-content{padding:var(--sp-5)}#brief-description{font-size:var(--fs-body)}.cartridge{margin-left:var(--sp-3);width:calc(100% - 24px);padding:var(--sp-3)}.channel span{font-size:9px}.object-note{display:none}.engage-link{margin-left:var(--sp-3);font-size:11px}}
@media(max-width:767px){.page-shell{padding:0 var(--sp-6)}.masthead{height:88px;gap:var(--sp-3)}.identity{gap:var(--sp-3)}.identity img{width:26px;height:42px}.identity span{font-size:11px;letter-spacing:.12em;padding-left:var(--sp-3)}nav{gap:0}nav [data-select]{display:none}nav .contact-nav{font-size:9px;border:0;padding:var(--sp-2);gap:var(--sp-2)}.hero{align-items:flex-end;padding-top:380px;padding-bottom:var(--sp-8);min-height:1040px}.monument{height:500px;width:92%;right:-8%;top:0;bottom:auto;opacity:1;mask-image:linear-gradient(to bottom,black 0,black 83%,transparent)}.monument img{object-position:center top}.station{width:100%;max-width:570px}.projector-label{font-size:10px;margin-bottom:var(--sp-5)}.projection{height:380px;background:var(--cwm-glass)}.window-content{padding:var(--sp-6) var(--sp-7)}h1{font-size:80px}.brief-meta{font-size:10px}.cartridge{margin-left:var(--sp-6);width:calc(100% - 48px)}.channel span{font-size:10px}.engage-link{margin-left:var(--sp-6)}footer{min-height:76px;align-items:center;font-size:9px}.footer-last{font-size:8px}.brand-history{display:none}}
@media(max-width:639px){.page-shell{padding:0 var(--sp-5)}.identity span{font-size:10px;letter-spacing:.08em;max-width:180px}.identity img{width:25px;height:39px}nav .contact-nav span{display:none}.hero{padding-top:300px;min-height:948px}.monument{top:0;height:390px;width:112%;right:-9%}.projector-label{font-size:9px;letter-spacing:.17em}.projection{height:384px}.window-chrome{font-size:9px}.window-content{padding:var(--sp-6) var(--sp-5)}h1{font-size:64px;line-height:1.02;margin-top:var(--sp-6);margin-bottom:var(--sp-5)}.brief-meta{font-size:8px;gap:var(--sp-2)}#brief-description{font-size:var(--fs-body)}#brief-note{font-size:11px;line-height:1.7;max-width:270px}.projection-beam{height:36px;margin:0 18px}.cartridge{width:calc(100% - 16px);margin-left:var(--sp-2);padding:var(--sp-3)}.cartridge-heading{font-size:8px;letter-spacing:.06em}.cartridge-controls{grid-template-columns:1fr 1fr 1.5fr 44px}.channel{padding:7px}.channel span{font-size:9px}#pause{min-width:44px}.engage-link{margin-left:var(--sp-2);font-size:11px}.footer-last{display:none}footer{justify-content:center;min-height:66px}dialog{padding:var(--sp-7)}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.projection{will-change:auto}.signal-tear{display:none}}
