/* Cyberdelia canonical site shell — 2026-08-24
   Structural UI rules only. Section themes may change atmosphere, not masthead geometry or core scale. */

:root{
  --shell-max:1180px;
  --shell-gutter:clamp(.75rem,2.2vw,1.5rem);
  --shell-header-h:72px;
  --shell-copy:900px;
}

/* One horizontal geometry across every room. */
.shell{
  width:min(calc(100% - (var(--shell-gutter) * 2)),var(--shell-max))!important;
  margin-inline:auto!important;
}
.narrow{max-width:var(--shell-copy)!important}

/* Canonical masthead. */
.site-header{
  /* Keep the masthead in document flow. Sticky headers are useful until long-page
     captures stitch them into the middle of archival/editorial pages. */
  position:relative!important;
  top:auto!important;
  z-index:80!important;
  min-height:var(--shell-header-h)!important;
  border-bottom:1px solid rgba(167,190,255,.16)!important;
  background:rgba(3,5,10,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.22)!important;
}
.site-header .header-inner{
  min-height:var(--shell-header-h)!important;
  padding-block:.55rem!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:.78rem!important;
  min-width:max-content!important;
  text-decoration:none!important;
}
.site-header .brand-mark{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  background:url('/assets/cyberdelia-round-logo-20260919.svg') center/contain no-repeat!important;
}
.site-header .brand-mark>img,
.site-header .brand-mark>svg,
.site-header .brand-mark .brand-logo,
.site-header .brand-mark .brand-logo-raster{display:none!important}
.site-header .brand-copy{
  display:grid!important;
  gap:.25rem!important;
  line-height:1!important;
}
.site-header .brand-copy strong{
  font-size:.78rem!important;
  letter-spacing:.15em!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
.site-header .brand-copy small{
  font:600 .56rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  color:var(--dim)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
.site-header .nav{
  display:flex!important;
  align-items:center!important;
  gap:.9rem!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
  padding:.2rem 0!important;
}
.site-header .nav::-webkit-scrollbar{display:none!important}
.site-header .nav a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:var(--muted)!important;
  font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  text-transform:uppercase!important;
  letter-spacing:.085em!important;
}
.site-header .nav a:hover,
.site-header .nav a[aria-current="page"]{color:var(--cyan)!important}
.site-header .nav a.nav-store{
  color:var(--lime)!important;
  border:1px solid rgba(183,255,85,.25)!important;
  padding:.48rem .6rem!important;
}

/* Unified page scale. The homepage may remain more theatrical. */
.page-hero{
  padding-block:clamp(4.75rem,8vw,7.25rem)!important;
}
.page-hero h1{
  font-size:clamp(3.4rem,7.5vw,6.7rem)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  max-width:15ch!important;
}
.page-hero .lede{
  max-width:780px!important;
  margin-top:1.5rem!important;
  font-size:clamp(1.05rem,1.7vw,1.32rem)!important;
  line-height:1.55!important;
}
.section{
  padding-block:clamp(4.25rem,6.5vw,6.25rem)!important;
}
.section-head{margin-bottom:2rem!important}
.section-head h2,
.lab-grid h2,
.origin-grid h2,
.channel-article h2,
.prose-card h2,
.crew-profile h2,
.style-sample h2{
  font-size:clamp(2rem,4.2vw,3.75rem)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.prose-column{max-width:var(--shell-copy)!important}
.prose-card p{font-size:1rem!important;line-height:1.68!important}
.dispatch-card h3{font-size:clamp(1.18rem,2vw,1.4rem)!important}

/* Dense editorial surfaces: remove manufactured whitespace, preserve copy. */
.visual-card-grid,
.dispatch-grid,
.archive-grid,
.drop-grid,
.ops-grid,
.case-grid,
.board-grid,
.crew-rail,
.night-stack{
  gap:.7rem!important;
}

.dispatch-card,
.archive-card,
.drop-card,
.ops-card,
.case-panel,
.pin-note{
  min-height:0!important;
}

.dispatch-card{
  padding:1rem 1.05rem!important;
}
.dispatch-card h3{
  margin:.7rem 0 .45rem!important;
}
.dispatch-card p{
  margin:0!important;
}
.dispatch-card b{
  margin-top:.85rem!important;
  padding-top:0!important;
}

.visual-card{
  grid-template-rows:125px 1fr!important;
}
.visual-card div{
  padding:.9rem!important;
}
.visual-card h3{
  margin:.55rem 0 .35rem!important;
}

.archive-card{
  padding:1.15rem 1.2rem!important;
}
.archive-card h2{
  margin:.2rem 0 .7rem!important;
}
.archive-card blockquote{
  margin:1rem 0 0!important;
  padding:.75rem .9rem!important;
}

.drop-card{
  padding:1rem!important;
}
.drop-card h2{
  margin:.65rem 0 .45rem!important;
}

.ops-card{
  padding:1rem!important;
}
.ops-card h2{
  margin:.7rem 0 .45rem!important;
}
.ops-card .status{
  padding:.3rem .45rem!important;
}

.pin-note{
  padding:1rem!important;
}
.pin-note h2{
  margin:.7rem 0 .45rem!important;
}
.pin-note small{
  margin-top:.7rem!important;
}

.case-panel{
  padding:1rem!important;
}
.case-panel h3{
  margin:.55rem 0 .4rem!important;
}

.crew-tile{
  padding-bottom:.75rem!important;
}
.crew-tile img{
  aspect-ratio:4/4.45!important;
}
.crew-tile span{
  margin-top:.7rem!important;
}
.crew-tile h3{
  margin-top:.4rem!important;
}

.prose-card{
  padding:clamp(1rem,2vw,1.4rem)!important;
}
.prose-card blockquote{
  margin:1rem 0!important;
  padding:.8rem 1rem!important;
}

.retro-panel{
  min-height:190px!important;
  padding:1rem!important;
}
.lab-window div{
  min-height:66px!important;
}
.lab-window p{
  padding:.75rem .9rem!important;
}

/* Make media obey the same box model rather than blowing up old layouts. */
main img,main video,main iframe{max-width:100%}

/* Footer shares the same structural rhythm. */
.site-footer .footer-grid{
  grid-template-columns:minmax(190px,.75fr) minmax(0,2fr) max-content!important;
  align-items:start!important;
  gap:1.25rem 2rem!important;
}
.site-footer .footer-links{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.6rem 1rem!important;
}
.site-footer .footer-status{white-space:nowrap!important;justify-self:end!important}

@media(max-width:1050px){
  .site-header .header-inner{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:.45rem!important;
    padding-block:.55rem .65rem!important;
  }
  .site-header .nav{width:100%!important}
  .site-footer .footer-grid{grid-template-columns:1fr!important}
  .site-footer .footer-status{justify-self:start!important}
}

@media(max-width:680px){
  :root{--shell-gutter:.65rem;--shell-header-h:64px}
  .site-header .brand-mark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .site-header .brand-copy strong{font-size:.69rem!important;letter-spacing:.12em!important}
  .site-header .brand-copy small{font-size:.5rem!important;letter-spacing:.1em!important}
  .site-header .nav{gap:.8rem!important}
  .site-header .nav a{font-size:.62rem!important}
  .page-hero{padding-block:3.7rem!important}
  .page-hero h1{
    font-size:clamp(2.75rem,15vw,4.75rem)!important;
    max-width:none!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .section{padding-block:3.7rem!important}
  .visual-card{grid-template-rows:105px 1fr!important}
}

@media(max-width:390px){
  .site-header .brand-copy small{display:none!important}
  .site-header .brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
}
\n\n/* CYBERDELIA // CYBERFORCE DIVISION
   Site-wide institutional systems layer, loaded last by the production build. */
:root{
  --bg:#030811;--bg2:#06101c;--panel:#091522;--panel2:#07111d;
  --text:#eef7ff;--muted:#a9bac8;--dim:#71889a;
  --line:rgba(120,190,220,.18);--line2:rgba(120,205,236,.34);
  --cyan:#5edcff;--magenta:#8b83d7;--violet:#756fbe;--lime:#a8e6c1;
  --force-amber:#e4b867;--force-glass:rgba(7,18,30,.88);
  --force-solid:#08131f;--force-edge:rgba(109,190,222,.27);
  --force-grid:rgba(94,220,255,.035);--radius:3px;
}
html{background:#020711}
body{background:radial-gradient(circle at 82% -8%,rgba(36,112,151,.16),transparent 35rem),radial-gradient(circle at 4% 38%,rgba(50,89,130,.09),transparent 31rem),linear-gradient(180deg,#030811,#06101a 46%,#030811)!important;color:var(--text)}
body::before{background:linear-gradient(var(--force-grid) 1px,transparent 1px),linear-gradient(90deg,var(--force-grid) 1px,transparent 1px)!important;background-size:56px 56px!important;mix-blend-mode:normal!important;opacity:.44!important}

/* Command masthead */
.site-header{background:rgba(3,10,18,.96)!important;border-top:2px solid rgba(94,220,255,.5)!important;border-bottom:1px solid var(--force-edge)!important;box-shadow:0 12px 38px rgba(0,0,0,.34)!important}
.site-header::after{content:"CYBERDELIA // SYSTEMS COMMAND";position:absolute;right:max(1rem,calc((100vw - var(--shell-max))/2));bottom:-1.5rem;padding:.28rem .55rem;border:1px solid var(--force-edge);border-top:0;background:#06101a;color:#7195aa;font:700 .52rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;pointer-events:none}
.site-header .brand-copy strong{color:#f2f8fc!important;letter-spacing:.18em!important}.site-header .brand-copy small{color:#7f9aad!important}.site-header .nav a{color:#9eb0bd!important}.site-header .nav a:hover,.site-header .nav a[aria-current="page"]{color:var(--cyan)!important}
.site-header .nav a.nav-store,.site-header .nav a.nav-support{color:var(--force-amber)!important;border-color:rgba(228,184,103,.32)!important;background:rgba(228,184,103,.045)!important}

/* Institutional command surfaces */
.terminal-card,.source-box,.media-card,.dispatch-card,.visual-card,.feature-card,.news-card,.prose-card,.archive-card,.drop-card,.ops-card,.case-panel,.pin-note,.crew-tile,.lab-window,.queue-card,.share-panel,.crossfire-box,.confidence-box,.fact-box,.unknowns-box{clip-path:none!important;border-radius:var(--radius)!important;border-color:var(--force-edge)!important;background:linear-gradient(145deg,var(--force-glass),var(--force-solid))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 38px rgba(0,0,0,.16)!important}
.dispatch-card,.visual-card,.feature-card,.news-card,.archive-card,.ops-card,.case-panel{position:relative}
.dispatch-card::after,.visual-card::after,.feature-card::after,.news-card::after,.archive-card::after,.ops-card::after,.case-panel::after{content:"";position:absolute;inset:0 auto auto 0;width:34px;height:2px;background:var(--cyan);box-shadow:44px 0 0 rgba(94,220,255,.24);pointer-events:none}
.dispatch-card::before{display:none!important}.dispatch-card:hover,.visual-card:hover,.feature-card:hover,.news-card:hover{border-color:rgba(94,220,255,.5)!important;transform:translateY(-2px)}

/* Briefing typography */
.eyebrow,.news-meta,.media-credit,.retro-label,.ops-kicker{color:#7fa2b8!important;letter-spacing:.15em!important}.eyebrow::before{content:"";width:18px;height:1px;flex:0 0 18px;background:var(--cyan);box-shadow:6px 0 0 rgba(94,220,255,.25)}.eyebrow .signal-dot{display:none}.visual-card span,.dispatch-card span,.crew-tile span,.style-sample>span{color:var(--cyan)!important}.signal-dot{background:#7ee7c0!important;box-shadow:0 0 12px rgba(126,231,192,.45)!important}.status,.footer-status,.terminal-head strong{color:#8de5bc!important}

/* Command briefing heroes */
.hero-city{background:linear-gradient(90deg,rgba(3,9,17,.99),rgba(4,13,23,.9) 50%,rgba(4,12,21,.65)),linear-gradient(180deg,transparent 58%,#030811)!important}.hero-city::before{background:linear-gradient(120deg,transparent 0 68%,rgba(94,220,255,.065) 68% 68.12%,transparent 68.12%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(94,220,255,.035) 96px 97px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(94,220,255,.022) 64px 65px)!important}.hero-city::after{filter:grayscale(.35) hue-rotate(155deg) drop-shadow(0 0 24px rgba(40,127,165,.15))!important;opacity:.52!important}.hero-scan{display:none!important}
.hero h1,.page-hero h1{text-shadow:none!important;letter-spacing:-.045em!important}.hero h1 span{color:#a9c4d4!important;-webkit-text-stroke:0!important;text-shadow:none!important}.page-hero{background:linear-gradient(90deg,transparent 0 64%,rgba(94,220,255,.025) 64%),radial-gradient(circle at 84% 18%,rgba(45,133,171,.12),transparent 25rem),linear-gradient(135deg,#081827,#040b14 64%)!important;border-top:1px solid rgba(94,220,255,.1)!important}.page-hero::after{border-color:rgba(94,220,255,.13)!important;box-shadow:0 0 0 38px rgba(94,220,255,.018),0 0 0 76px rgba(94,220,255,.012)!important}.lede{color:#d5e2eb!important}

/* Secure systems console */
.terminal-card{background:linear-gradient(180deg,rgba(5,17,27,.97),rgba(4,12,20,.96))!important;border-left:3px solid rgba(94,220,255,.55)!important}.terminal-head{color:#7995a8!important;background:rgba(94,220,255,.035);border-bottom-color:var(--force-edge)!important}.terminal-card pre{color:#bdd0dc!important}.cyan{color:#72d7f0!important}.cursor{color:#8de5bc!important}

/* Controls */
.button{clip-path:none!important;border-radius:2px!important;border-color:var(--force-edge)!important;background:rgba(18,51,75,.18)!important;color:#d8e8f1!important;box-shadow:none!important}.button:hover{border-color:rgba(94,220,255,.62)!important;background:rgba(36,105,136,.2)!important}.button.primary{color:#06101a!important;background:#78d8ed!important;border-color:#8ce8fa!important}.button.primary:hover{background:#a1eafa!important}

/* Editorial infrastructure */
.section{border-bottom-color:rgba(109,190,222,.12)!important}.section-glow,.lab-surface,.origin-surface{background:radial-gradient(circle at 12% 0,rgba(45,133,171,.07),transparent 34rem),rgba(255,255,255,.006)!important}.signal-strip{background:linear-gradient(90deg,rgba(26,72,94,.2),rgba(7,17,28,.7))!important;border-block-color:rgba(109,190,222,.18)!important}.signal-row strong{color:var(--force-amber)!important}.dispatch-card b{color:var(--force-amber)!important}.visual-card img,.feature-card img,.news-card img,.crew-tile img{filter:saturate(.88) contrast(1.04)}
.news-meta{display:flex!important;align-items:flex-start;gap:.55rem;text-transform:none!important;letter-spacing:.025em!important}.news-meta-label{flex:0 0 auto;padding:.2rem .38rem;border:1px solid rgba(94,220,255,.3);border-radius:1px;color:var(--cyan);font-weight:800;font-size:.66rem;letter-spacing:.1em}.media-credit{display:block;margin:.55rem 0;color:#7891a3!important;font:600 .62rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}

#robot-combat-drop .feature-grid{counter-reset:force-node}#robot-combat-drop .feature-card{position:relative;overflow:hidden;padding-top:3.15rem!important}#robot-combat-drop .feature-card::before{counter-increment:force-node;content:'SYSTEM NODE ' counter(force-node,decimal-leading-zero) '  //  TELEMETRY';position:absolute;inset:0 0 auto 0;height:2.1rem;padding:.7rem .9rem 0;border-bottom:1px solid rgba(94,220,255,.14);color:rgba(94,220,255,.72);font:700 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:linear-gradient(90deg,rgba(94,220,255,.07),transparent 68%)}

.site-footer{background:#02070d!important;border-top:2px solid rgba(94,220,255,.25)!important}.site-footer::before{content:"CYBERDELIA SKUNKWORKS  //  INDEPENDENT SYSTEMS RESEARCH";display:block;width:min(calc(100% - (var(--shell-gutter) * 2)),var(--shell-max));margin:0 auto 1.5rem;color:#57768a;font:700 .54rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.17em}

/* Dossier treatment remains available only where explicitly assigned. */
body.dossier-mode::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 5px)!important;background-size:auto!important;opacity:.24!important}body.dossier-mode .page-hero{background:linear-gradient(135deg,#15131b,#050912 62%)!important}
@media(max-width:1050px){.site-header::after{display:none}}@media(max-width:680px){body::before{background-size:36px 36px!important}.hero h1,.page-hero h1{letter-spacing:-.035em!important}}@media(prefers-reduced-motion:reduce){.dispatch-card,.visual-card,.feature-card,.news-card{transition:none!important}}


/* CYBERDELIA UNIVERSAL SHARE V1 */
.universal-share{
  border-top:1px solid var(--force-edge);
  border-bottom:1px solid var(--force-edge);
  background:linear-gradient(90deg,rgba(94,220,255,.035),rgba(3,10,18,.96));
  padding:1rem 0;
}
.universal-share-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.universal-share-label{color:#7fa2b8;font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.15em}
.universal-share-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.universal-share .button{font:700 .62rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:.58rem .72rem;cursor:pointer}
@media(max-width:680px){.universal-share-inner{align-items:flex-start}.universal-share-actions{width:100%}.universal-share .button{flex:1 1 auto;text-align:center}}

/* Shared static masthead: render the same approved round mark as the other headers. */
.site-header .masthead-logo-static img{content:url('/assets/cyberdelia-round-logo-20260919.svg')!important}