:root{--bg:#090f13;--panel:#10191f;--gold:#d1b477;--cyan:#66deed;--muted:#95a4aa;--line:#29373d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#eef1ed;font-family:Arial,Helvetica,sans-serif}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.edge{height:5px;background:linear-gradient(90deg,var(--gold) 0 26%,#792a2b 26% 57%,var(--gold) 57% 73%,#263d45 73%)}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;font-size:19px;letter-spacing:1.8px;font-weight:800}.brand small{display:block;font:9px monospace;letter-spacing:3px;color:var(--muted);margin-top:7px}.brandmark{font-style:italic;font-size:30px;color:var(--gold);letter-spacing:-6px;padding-right:7px}.brandmark span{color:#79353a}.headerlink{font:10px monospace;letter-spacing:1.5px}.headerlink span{color:var(--gold);margin-left:22px}.hero{padding:66px 6% 64px;display:grid;grid-template-columns:1.1fr 1fr;gap:3%;position:relative;overflow:hidden;background-image:linear-gradient(#19303826 1px,transparent 1px),linear-gradient(90deg,#19303826 1px,transparent 1px);background-size:50px 50px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--gold);line-height:1.6}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--cyan);margin-right:8px;box-shadow:0 0 10px #66deed66}.designation{font:10px monospace;letter-spacing:3px;color:var(--muted);margin:45px 0 5px}h1{font-size:clamp(70px,8.3vw,126px);letter-spacing:-6px;line-height:1;margin:0 0 14px;font-weight:900;color:var(--gold)}h1 em{font-style:normal;color:#b74648}.hero h2{font-size:12px;letter-spacing:4px;font-weight:400;border-top:1px solid #716244;padding-top:17px;display:inline-block;margin:0}.intro{font-size:clamp(27px,3.2vw,43px);line-height:1.18;letter-spacing:-1.3px;margin:30px 0 16px}.summary{font-size:14px;line-height:1.9;color:var(--muted);max-width:375px}.primary{display:inline-flex;gap:40px;background:var(--gold);color:#121719;padding:17px 20px;font:11px monospace;font-weight:bold;letter-spacing:1px;margin:14px 0 35px;transition:background .2s}.primary:hover{background:#efd298}.byline{font:9px monospace;letter-spacing:1px;color:#c7d0cd}.byline>span{color:var(--muted);margin-right:8px}.byline i{color:#5d6f77;margin:0 9px}.reactor-panel{align-self:center;border:1px solid #31434c;padding:22px;position:relative;background:radial-gradient(ellipse at center,#112b33,#0b1319 70%);clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%)}.reactor-panel:before{content:'';position:absolute;top:0;left:0;width:35%;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.panel-label{font:9px monospace;letter-spacing:2px;color:var(--muted)}.reactor{display:block;width:100%;max-height:440px}.diagram-bottom{display:flex;justify-content:space-between;gap:12px;font:8px monospace;letter-spacing:1px;color:#83959f;line-height:1.8}.diagram-bottom b{font-weight:400;color:#c5d1d3}.diagram-bottom .cyan{text-align:right;color:var(--cyan)}.archive{padding:64px 6%;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-top .eyebrow{margin:0 0 10px}.section-top h2{font-size:36px;letter-spacing:-1px;margin:0;font-weight:500}.section-top h2 span{color:var(--gold)}.section-note{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.filters{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow-x:auto;padding-bottom:12px}.filters button{white-space:nowrap;border:1px solid transparent;background:none;padding:12px 13px;font:10px monospace;letter-spacing:.5px;color:var(--muted)}.filters button.active{border-color:#7b6845;background:#d1b4770c;color:var(--gold)}.filters button:hover{color:#fff}.filters span{margin-left:7px;font-size:8px;color:var(--gold)}.archive-status{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#83959f;padding:23px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.record{border:1px solid #38454a;background:#0e161b;position:relative;transition:border-color .2s}.record:hover{border-color:var(--gold)}.record:before{content:'';position:absolute;left:-1px;top:-1px;width:30px;height:2px;background:var(--gold);z-index:1}.photo-open{display:block;border:0;padding:0;width:100%;background:#121c22;position:relative;overflow:hidden}.photo-open img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s}.photo-open:hover img{transform:scale(1.035)}.photo-open:after{content:'↗';position:absolute;bottom:12px;right:12px;background:#0b141dda;border:1px solid #76858a;color:var(--cyan);padding:7px 11px}.record-number{position:absolute;top:12px;left:12px;font:9px monospace;background:#0b141de8;padding:7px 9px;color:#dae5e6;border-left:2px solid var(--gold)}.record-copy{padding:20px}.record-copy .eyebrow{font-size:8px;margin:0 0 10px}.record-copy h3{font-weight:500;font-size:19px;margin:0 0 10px}.record-copy>p:last-child{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.empty{text-align:center;padding:65px 20px;border:1px solid var(--line);background:#10191f}.empty>span{font:10px monospace;color:var(--gold);letter-spacing:2px}.empty h3{font-size:25px;font-weight:400}.empty p{color:var(--muted);font-size:14px;line-height:1.8;max-width:450px;margin:0 auto 25px}.empty button{background:none;border:1px solid var(--gold);padding:13px 20px;font:10px monospace;color:var(--gold)}.build-note{margin:0 6% 70px;padding:40px;border-top:1px solid #735c38;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px;background:linear-gradient(110deg,#d1b47707,transparent)}.note-index{font:9px monospace;color:var(--gold);letter-spacing:1px}.build-note h2{font-size:34px;font-weight:400;letter-spacing:-1px;margin:0 0 20px}.build-note p{max-width:520px;font-size:14px;color:var(--muted);line-height:1.9}.signature{display:block;margin-top:30px;font:12px monospace;letter-spacing:2px}.signature small{display:block;font-size:8px;color:var(--gold);margin-top:8px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px monospace;color:var(--muted);line-height:1.7}.footer-brand{font-size:10px;color:var(--gold);font-weight:bold}.footer-brand span{font-size:8px;color:var(--muted)}footer p{max-width:290px;margin:0}dialog{padding:0;background:#0b1217;color:#eef1ed;border:1px solid #52636a;width:min(1100px,95vw);max-height:95dvh}dialog::backdrop{background:#03070bea;backdrop-filter:blur(8px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font:10px monospace;color:var(--gold)}.viewer-top button,.viewer-main button{border:1px solid #53626a;background:#101c24;padding:10px 14px}.viewer-main{display:grid;grid-template-columns:50px 1fr 50px;gap:8px;align-items:center;padding:0 12px}.viewer-main img{display:block;width:100%;height:61dvh;object-fit:contain;min-width:0}.viewer-caption{padding:16px 26px 25px}.viewer-caption h2{font-size:23px;font-weight:400;margin:5px 0 8px}.viewer-caption>p:last-child{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.viewer-caption .eyebrow{font-size:8px}@media(max-width:800px){header{padding:23px 6%}.brand{font-size:14px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}.brandmark{font-size:26px}.headerlink{font-size:8px}.headerlink span{margin-left:4px}.hero{grid-template-columns:1fr;padding-top:38px;gap:38px}.designation{margin-top:32px}h1{font-size:100px}.hero h2{font-size:10px;letter-spacing:2.8px}.intro{font-size:35px}.reactor-panel{max-width:450px;width:100%;justify-self:center}.reactor{max-height:320px}.byline{font-size:8px}.hero .eyebrow{font-size:8px}.gallery{grid-template-columns:1fr 1fr;gap:16px}.record-copy{padding:15px}.section-top h2{font-size:30px}.section-note{display:none}.archive{padding-top:45px}.build-note{grid-template-columns:1fr;padding:30px 20px;gap:22px}footer{flex-wrap:wrap;gap:15px}.archive-status{font-size:7px;gap:20px}.filters button{font-size:9px}}@media(max-width:480px){.gallery{grid-template-columns:1fr}.photo-open img{aspect-ratio:4/5}.hero h1{font-size:90px}.headerlink{font-size:7px;letter-spacing:.4px}.brand{gap:10px}.section-top h2{font-size:28px}.byline i{margin:0 4px}.viewer-main{grid-template-columns:35px 1fr 35px;padding:0 5px;gap:3px}.viewer-main button{padding:10px 7px}.viewer-main img{height:53dvh}.viewer-caption{padding:16px}.viewer-caption h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.photo-open img{object-fit:contain;background:#080d11}.record-copy .eyebrow{line-height:1.8}

.workshop{padding:62px 6%;border-top:1px solid var(--line);background:linear-gradient(140deg,#d1b47706,transparent 70%)}.workshop .section-top{margin-bottom:25px}.workshop-quote{font-size:clamp(22px,3vw,35px);line-height:1.45;letter-spacing:-.7px;margin:0 0 32px;color:#c6d0d2}.workshop-quote span{color:var(--gold)}.workshop-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workshop figure{margin:0;border:1px solid #465056;background:#0e161b;position:relative}.workshop figure:before{content:'';position:absolute;top:-1px;left:-1px;height:2px;width:50px;background:var(--gold);z-index:2}.workshop figure a{display:block;position:relative;background:#080d11}.workshop figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.workshop-badge{position:absolute;top:15px;left:15px;background:#091117e8;border-left:2px solid var(--gold);padding:8px 10px;font:9px monospace;color:#edf2ef;letter-spacing:1px}.expand-mark{position:absolute;bottom:12px;right:12px;padding:7px 11px;border:1px solid #76858a;background:#091117df;color:var(--cyan)}.workshop figcaption{padding:22px}.workshop figcaption h3{font-size:20px;font-weight:400;margin:0 0 12px}.workshop figcaption p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}@media(max-width:700px){.workshop-pair{grid-template-columns:1fr}.workshop{padding-top:40px}.workshop .section-top h2{font-size:27px}.workshop-quote{font-size:23px}}
/* Let each frame follow its photo's original proportions. */
.gallery,.workshop-pair{align-items:start}
.photo-open img,.workshop figure img{height:auto;aspect-ratio:auto;object-fit:contain}
.record-copy{padding:16px 18px}
.workshop figcaption{padding:18px}

.electronics-learning{margin-top:24px;padding:25px;border-left:2px solid var(--cyan);background:#111e25}.electronics-learning h3{font-size:25px;font-weight:400;margin:10px 0}.electronics-learning>p:not(.eyebrow){max-width:850px;font-size:15px;color:#bdc9cc;line-height:1.85}.electronics-learning>span{font:9px monospace;letter-spacing:2px;color:var(--gold)}

/* Initiative identity and primary archive title. */
.initiative-logo{width:40px;height:46px;flex:none;filter:drop-shadow(0 0 12px #d1b47718)}
.brand{font-size:15px;letter-spacing:1.6px;gap:14px}.brand small{font-size:8px;letter-spacing:2.6px}
.hero{grid-template-columns:1.35fr 1fr;gap:4%;padding-top:60px}
.hero h1{font-size:clamp(38px,4.9vw,70px);line-height:1.04;letter-spacing:-2px;color:#edf0eb;margin:0 0 24px;font-weight:900}
.hero h1 em{color:var(--gold);font-style:normal;font-size:1.14em;letter-spacing:-2.5px}
.designation{margin:32px 0 18px;color:#c3ccd0;font-size:10px;letter-spacing:3px}.designation span{color:#a33d40;margin:0 8px}
.archive-headline{display:flex;align-items:center;gap:18px;margin:0 0 28px;padding-top:18px;border-top:1px solid #786342;font:14px monospace;letter-spacing:5px;color:var(--gold)}
.archive-headline span{margin-left:auto;font-size:9px;letter-spacing:2px;color:#7d9098}
.hero .intro{font-size:clamp(24px,2.5vw,34px);margin-top:25px;line-height:1.25}.hero-copy{align-self:center}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(38px,7.8vw,62px)}.brand{font-size:11px;letter-spacing:.7px;gap:10px}.brand small{font-size:7px;letter-spacing:1.3px}.initiative-logo{width:33px;height:38px}.archive-headline{max-width:540px;font-size:12px;letter-spacing:4px}.headerlink{font-size:7px}.hero .intro{font-size:29px}}
@media(max-width:380px){.brand{font-size:9px}.brand small{font-size:6px}.hero h1{font-size:34px;letter-spacing:-1.5px}.hero h1 em{letter-spacing:-2px}.archive-headline{letter-spacing:3px}.initiative-logo{width:28px}}

.hero-poster {
  width: min(100%, 390px);
  margin: 0;
  border: 1px solid var(--line);
  background: var(--panel);
}
.hero-poster img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-references {
  align-self: center;
  min-width: 0;
  display: grid;
  gap: 24px;
}
.character-reference {
  border: 1px solid var(--line);
  background: radial-gradient(ellipse at center, #192932, #0b1319 75%);
  padding: 22px;
}
.hero .character-reference h2 {
  border: 0;
  padding: 0;
  margin: 10px 0 0;
  font-size: clamp(20px, 2.3vw, 29px);
  font-weight: 700;
  letter-spacing: normal;
}
.character-reference-films {
  margin: 8px 0 20px;
  color: var(--muted);
  font-size: 14px;
}
.character-reference img {
  display: block;
  width: min(100%, 208px);
  height: auto;
  margin: 0 auto;
}