/* Scanline type. All Work's cabinet (rebuilt 2026-10-31) keeps its styles in work.html. */
.scan-type { --scan-ink:var(--fg1); font-family:'Anybody',var(--font-display),sans-serif; font-weight:800; font-stretch:125%; letter-spacing:-.025em; line-height:1.05; color:transparent; background:repeating-linear-gradient(180deg,var(--scan-ink) 0 .045em,transparent .045em .073em); background-clip:text; -webkit-background-clip:text; filter:drop-shadow(0 0 .06em rgba(114,173,255,.28)); }
.spotlight--control { overflow:clip; padding-block:clamp(72px,9vw,128px); background:var(--void); isolation:isolate; scroll-margin-top:90px; }
.cr-control-room { display:grid; grid-template-areas:'heading' 'program' 'channels' 'all'; max-width:1280px; scroll-margin-top:100px; }
.cr-heading { grid-area:heading; }
.cr-program { grid-area:program; }
.cr-desk { grid-area:channels; }
.cr-all-work { grid-area:all; justify-self:start; }
.cr-control-room p,.cr-control-room h2,.cr-control-room h3 { margin:0; }
.cr-heading { margin-bottom:clamp(44px,6vw,80px); }
.cr-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; font:11px/1.5 var(--font-code); letter-spacing:.13em; text-transform:uppercase; color:var(--fg2); }
.cr-heading h2 { margin-top:20px; font-size:clamp(44px,6.4vw,88px); }
.cr-program { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(28px,5vw,68px); align-items:center; padding-top:84px; }
.cr-monitor { position:relative; min-width:0; }
.cr-pet { position:absolute; width:210px; height:auto; right:6%; bottom:calc(100% - 21px); image-rendering:pixelated; pointer-events:none; }
.cr-set { position:relative; isolation:isolate; display:grid; justify-items:center; min-width:0; }
/* Static, stepped hardware: no blur layers or continuously painted texture. */
.cr-case { position:relative; width:100%; padding:5% 5% 3%; border:2px solid #59688c; border-radius:0; background:#232d45; box-shadow:inset 3px 3px #3a4763,inset -4px -4px #10182b; clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 8px,8px 8px); }
.cr-case::before { content:''; position:absolute; inset:4px; pointer-events:none; opacity:.18; background-image:repeating-conic-gradient(#8191b4 0% 25%,transparent 0% 50%); background-size:4px 4px; }
.cr-screen { position:relative; aspect-ratio:4/3; border:3px solid #10182b; border-radius:2px; overflow:hidden; background:#080d19; box-shadow:0 1px #52617f; }
.cr-picture { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.cr-screen::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(5,7,16,.12) 3px 4px); }
.cr-osd { position:absolute; top:5%; left:5%; z-index:3; font:700 clamp(9px,.85vw,12px)/1 var(--font-code); color:#e2eeff; text-shadow:1px 1px #080d19; letter-spacing:.08em; pointer-events:none; }
.cr-hardware { position:relative; display:flex; align-items:center; gap:5%; padding-top:4%; color:#b5c2dd; }
.cr-hardware>span { margin-right:auto; font:500 clamp(8px,.8vw,11px)/1 var(--font-code); letter-spacing:.1em; text-transform:uppercase; }
.cr-hardware i { width:13px; height:9px; border:1px solid #7c8aab; border-radius:0; background:#172137; box-shadow:1px 1px #10182b; }
.cr-hardware b { width:5px; height:5px; background:var(--blue-300); }
.cr-stand { width:66%; height:8px; border-inline:10px solid #35425e; background:transparent; }
.cr-static { position:absolute; inset:0; width:100%; height:100%; z-index:4; opacity:0; image-rendering:pixelated; pointer-events:none; }
.cr-info { display:grid; align-content:center; justify-items:start; gap:14px; min-width:0; }
.cr-tally { display:inline-flex; align-items:center; gap:9px; font:700 11px/1.5 var(--font-code); letter-spacing:.14em; color:var(--lavender,#c4b0ff); text-transform:uppercase; }
.cr-tally i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; }
.cr-project-title { font-size:clamp(30px,3.8vw,52px); max-width:100%; overflow-wrap:normal; }
.cr-description { font:16px/1.7 var(--font-body); color:var(--fg2); max-width:44ch; }
.cr-result { display:grid; gap:6px; padding-left:16px; border-left:2px solid var(--blue-400); }
.cr-result strong { font:700 25px/1.2 var(--font-ui); color:var(--fg1); }
.cr-result p { color:var(--fg2); font:14px/1.7 var(--font-body); max-width:44ch; }
.cr-case-link,.cr-all-work { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:var(--fg-accent,var(--blue-300)); font:500 12px/1.5 var(--font-code); letter-spacing:.12em; text-transform:uppercase; text-decoration:underline; text-underline-offset:7px; }
.cr-wip { display:inline-block; padding:4px 8px; border:1px solid oklch(.76 .1 80 / .65); border-radius:4px; font:500 10px/1.4 var(--font-body); color:oklch(.84 .1 80); letter-spacing:.07em; text-transform:uppercase; }
.cr-desk { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:40px; padding:20px; border:1px solid var(--border-strong); border-radius:12px; background:linear-gradient(180deg,rgba(114,173,255,.055),rgba(114,173,255,.015)); }
.cr-channel { display:grid; align-content:start; gap:12px; min-width:0; padding:4px; background:transparent; color:var(--fg2); border:0; text-align:left; cursor:pointer; border-radius:8px; }
.cr-channel .cr-case { border-width:1px; }
.cr-channel .cr-screen { border-width:2px; }
.cr-channel[aria-selected=true] .cr-case { border-color:var(--blue-300); box-shadow:inset 3px 3px #7298c9,inset -3px -3px #294063; }
.cr-channel[aria-selected=true] .cr-channel-label b { text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--fg-accent,var(--blue-300)); }
.cr-channel:hover .cr-case { border-color:var(--blue-300); }
.cr-channel-label { display:flex; flex-wrap:wrap; gap:5px 8px; align-items:baseline; font:10px/1.3 var(--font-code); color:var(--fg2); }
.cr-channel-label b { font:600 13px/1.3 var(--font-ui); color:var(--fg1); }
.cr-channel-label small { font:500 9px/1.4 var(--font-body); padding:1px 4px; color:oklch(.84 .1 80); border:1px solid currentColor; border-radius:3px; }
:root.theme-light .cr-channel-label small { color:oklch(.45 .11 75); }
.cr-set--small .cr-hardware { padding-bottom:2%; }
.cr-set--small .cr-osd { font-size:9px; }
.cr-set--small .cr-hardware i { width:7px; }
.cr-all-work { margin-top:24px; }
.cr-channel:focus-visible,.cr-case-link:focus-visible { outline:2px solid var(--blue-400); outline-offset:6px; }
:root.theme-light .cr-tally { color:#5142a1; }
:root.theme-light .cr-wip { color:oklch(.45 .11 75); border-color:currentColor; }
@media(min-width:761px) {
 .spotlight--control { padding-block:64px; }
 .cr-heading { margin-bottom:24px; }
 .cr-heading h2 { font-size:clamp(48px,5vw,68px); }
 .cr-program { padding-top:72px; }
 .cr-pet { width:160px; bottom:calc(100% - 16px); }
 .cr-monitor { width:100%; max-width:420px; }
 .cr-info { gap:10px; }
 .cr-project-title { font-size:clamp(30px,3.2vw,44px); }
 .cr-description { font-size:15px; }
 .cr-result p { font-size:13px; }
 .cr-desk { padding:16px; margin-top:24px; }
 .cr-set--small { width:100%; max-width:150px; justify-self:center; }
 .cr-channel-label { justify-content:center; }
 .cr-all-work { margin-top:12px; }
}
@media(max-width:760px) {
 .spotlight--control { padding-block:48px; }
 .cr-control-room { grid-template-areas:'heading' 'channels' 'program' 'all'; scroll-margin-top:88px; }
 .cr-heading { margin-bottom:20px; }
 .cr-heading h2 { margin-top:12px; font-size:clamp(27px,7.5vw,38px); font-stretch:100%; }
 .cr-heading .cr-meta { font-size:10px; letter-spacing:.08em; }
 .cr-program { grid-template-columns:minmax(0,1fr); padding-top:0; gap:20px; }
 .cr-monitor { width:100%; max-width:290px; justify-self:center; }
 .cr-pet { display:none; }
 .cr-info { gap:8px; }
 .cr-project-title { order:-2; font-size:clamp(26px,7vw,32px); font-stretch:100%; line-height:1.15; color:var(--fg1); background:none; filter:none; }
 .cr-info .cr-wip { order:-1; }
 .cr-info .cr-tally { display:none; }
 .cr-info .cr-meta { font-size:10px; letter-spacing:.06em; }
 .cr-info .cr-description { margin-top:4px; font-size:16px; line-height:1.6; }
 .cr-result { margin-top:8px; padding:12px 0 0; border-left:0; border-top:1px solid var(--border-strong); gap:4px; }
 .cr-result strong { font-size:20px; }
 .cr-result p { font-size:14px; line-height:1.55; }
 .cr-case-link { font-size:12px; margin-top:4px; }
 .cr-desk { gap:12px; padding:0 0 20px; margin:0 0 24px; border:0; border-bottom:1px solid var(--border-strong); border-radius:0; background:none; }
 .cr-channel { min-height:44px; padding:3px; gap:8px; }
 .cr-channel-label>span,.cr-set--small .cr-hardware,.cr-set--small .cr-stand { display:none; }
 .cr-channel-label b { font-size:12px; line-height:1.35; overflow-wrap:normal; }
 .cr-set--small .cr-osd { font-size:7px; } .cr-channel .cr-case { padding:7%; } .cr-description { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .cr-static { display:none; } .scan-type { filter:none; } }

/* Standout work's case-study cards (2026-10-31) are retired with the section; their styles are kept in
   docs/projects/projection-standout/retired-2026-10-31/standout-cards.css. */