@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--acid:#d6ff35;--paper:#e5e4dc;--ink:#11120f;--line:#41433a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',monospace;font-size:13px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-100px;z-index:10;background:var(--ink);padding:20px}.skip:focus{top:0}.topbar{min-height:90px;padding:20px 3.4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:27px;line-height:1}.brand span{display:block;font:9px 'IBM Plex Mono',monospace;margin-top:7px;letter-spacing:.4px}.topbar nav{display:flex;gap:30px;font-size:11px}.edition{font-size:9px;color:#a9ac9c}.hero{position:relative;min-height:650px;height:calc(100svh - 90px);max-height:1000px;overflow:hidden;background:#647458}.background-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.negative .background-video{filter:invert(1)}.hero-shade{background:linear-gradient(90deg,#10170ae0 0%,#151c0e85 55%,#11150c20),linear-gradient(0deg,#111b0b90,transparent 50%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000012 4px);opacity:.6}.hero-meta{position:relative;display:flex;justify-content:space-between;padding:25px 3.4%;font-size:10px;letter-spacing:1px;color:var(--acid)}.hero-copy{position:relative;z-index:1;padding:65px 6% 100px;max-width:1400px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:500}.hero h1{position:relative;font:900 clamp(85px,11.5vw,175px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:35px 0 38px}.hero h1 em{color:var(--acid);font-style:italic}.asterisk{position:absolute;font:100px Georgia;transform:rotate(-14deg);margin-left:20px;top:-20px;color:var(--acid)}.hero-bottom{display:flex;align-items:center;gap:55px}.hero-bottom p{line-height:1.8;font-size:12px}.button{padding:18px 22px;display:flex;gap:36px;align-items:center;font-size:11px;font-weight:600;border:1px solid var(--acid)}.acid{background:var(--acid);color:var(--ink)}.button span{font-size:23px}.hero-logo{position:absolute;right:5%;top:70px;width:150px;transform:rotate(10deg);filter:invert(1);opacity:.95}.video-console{position:absolute;z-index:2;bottom:24px;left:3.4%;right:3.4%;display:flex;justify-content:flex-end;border:1px solid #e5e4dc80;background:#10120fe8}.console-label{padding:14px;margin-right:auto;color:#afb5a4;font-size:10px}.video-console button{border:0;border-left:1px solid #e5e4dc55;background:transparent;color:var(--paper);padding:12px 20px;font-size:10px}.video-console button:hover{background:var(--acid);color:var(--ink)}.ticker{background:var(--acid);color:var(--ink);padding:15px 3.4%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;font-weight:600}.archive{padding:75px 6% 65px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>span{font-size:9px;color:#b1b4a8}.archive h2{font:800 clamp(65px,10vw,145px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;margin:22px 0}.archive h2>span{color:var(--acid)}.archive h2 sup{font:13px 'IBM Plex Mono',monospace;vertical-align:top;display:inline-block;margin:17px}.archive-intro{color:#adafa5;line-height:1.8;margin-bottom:40px}.film{display:grid;grid-template-columns:1.15fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:40px}.film:hover{text-decoration:none}.film-image{position:relative;overflow:hidden;min-height:290px;background:#20251a}.film-image img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.6);transition:filter .3s,transform .3s}.film:hover img{filter:saturate(1);transform:scale(1.025)}.film-index{position:absolute;left:14px;top:14px;background:var(--acid);color:var(--ink);padding:7px 10px;font-size:10px}.play{position:absolute;right:20px;bottom:20px;background:var(--acid);color:var(--ink);width:55px;height:55px;display:grid;place-items:center;font-size:30px}.film-info{padding:8px 0;display:flex;flex-direction:column}.film-info .eyebrow{color:var(--acid)}.film h3{font:700 clamp(36px,4.6vw,67px)/1 'Barlow Condensed',Impact,sans-serif;margin:15px 0}.film h3 span{display:block;color:#a9ad9e}.film-info>p:not(.eyebrow){font-size:11px;color:#adafa5}.film-link{margin-top:auto;padding-top:30px;font-size:10px;display:flex;justify-content:space-between;align-items:center}.film-link b{font-size:25px;color:var(--acid)}.archive-end{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;color:#999d8d}.about{padding:55px 6%;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:50px;position:relative;overflow:hidden}.about>img{width:130px}.about h2{font:800 50px/.95 'Barlow Condensed',Impact,sans-serif;margin:20px 0}.about p:not(.eyebrow){max-width:440px;font-size:11px;line-height:1.8}.about nav{display:flex;gap:25px;margin-top:25px;font-size:11px;text-decoration:underline}.about-tag{margin-left:auto;font:900 italic 65px/.85 'Barlow Condensed',Impact,sans-serif;transform:rotate(-12deg);border:4px solid;padding:16px}footer{padding:25px 3.4%;display:flex;justify-content:space-between;font-size:9px;gap:20px}.detail-main{max-width:1180px;margin:auto;padding:60px 35px}.detail-main>.eyebrow{color:var(--acid)}.detail h1{font:800 clamp(60px,8vw,110px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:35px 0 50px}.detail h1 em{display:block;color:var(--acid);font-style:normal}.player-bar{padding:13px 16px;background:var(--acid);color:var(--ink);display:flex;justify-content:space-between;font-size:10px}.documentary-player{aspect-ratio:16/9;background:#000}.documentary-player iframe{height:100%;width:100%;border:0}.player-fallback{text-align:right;font-size:11px}.story{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:65px 0;border-bottom:1px solid var(--line)}.story aside{font-size:11px;line-height:2;color:#b1b4a8}.story h2{font:700 45px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0 0 25px}.story article>p,.editorial-note p{font-size:13px;line-height:1.9}.editorial-note{margin-top:35px;padding:24px;border:1px dashed #6d735c;color:#b1b4a8}.editorial-note .eyebrow{color:var(--acid);font-size:9px}.back-link{display:inline-block;margin:35px 0;font-size:11px;color:var(--acid)}@media(min-width:1600px){.hero-copy{padding-top:100px}}@media(max-width:900px){.edition{display:none}.hero-logo{width:100px}.hero-copy{padding-top:100px}.asterisk{display:none}.about-tag{display:none}}@media(max-width:600px){.topbar{padding:18px 20px;align-items:flex-start;min-height:95px}.brand{font-size:23px}.brand span{font-size:7px}.topbar nav{flex-direction:column;gap:12px;font-size:9px}.hero{height:690px;min-height:0}.hero-meta{padding:20px;font-size:8px}.hero-meta span:last-child{display:none}.hero-copy{padding:150px 20px 100px}.hero h1{font-size:clamp(58px,15.2vw,91px);margin:28px 0}.hero-logo{top:45px;right:22px;width:95px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px}.hero-bottom p{font-size:11px}.video-console{flex-wrap:wrap;bottom:20px;left:20px;right:20px}.console-label{width:100%;padding:9px;border-bottom:1px solid #777}.video-console button{flex:1;padding:13px 4px;font-size:9px}.ticker{padding:14px 20px;font-size:9px}.ticker span:nth-child(n+3){display:none}.archive{padding:45px 20px}.section-top>span{font-size:7px}.archive h2{font-size:15vw}.archive h2 sup{font-size:9px;margin:8px}.archive-intro{font-size:11px}.film{grid-template-columns:1fr;gap:18px}.film-image{min-height:0;aspect-ratio:16/10}.film h3{font-size:48px}.archive-end{font-size:8px;gap:25px}.about{padding:40px 20px;gap:22px;align-items:flex-start}.about>img{width:65px;margin-top:25px}.about h2{font-size:35px}.about nav{gap:15px;flex-wrap:wrap;font-size:10px}footer{font-size:8px;flex-wrap:wrap;padding:22px 20px}footer>span:nth-child(2){display:none}.detail-main{padding:35px 20px}.detail h1{font-size:62px}.story{grid-template-columns:1fr;gap:22px;padding:30px 0}.story h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keygen / MSN experiment 02 */
:root{--acid:#00edff;--paper:#ededff;--ink:#090718;--line:#494184}body{background-color:var(--ink);background-image:linear-gradient(#27204422 1px,transparent 1px),linear-gradient(90deg,#27204422 1px,transparent 1px);background-size:24px 24px}.topbar{background:linear-gradient(#777acc,#25227f 48%,#110d42 50%,#36318c);border:2px outset #9da5ee;min-height:76px}.brand{color:#fff;text-shadow:2px 2px #25207a}.topbar nav a{color:#fff}.hero{height:auto;min-height:850px;max-height:none}.hero-shade{background:linear-gradient(90deg,#090317b8,#09031755),linear-gradient(0deg,#090317cf,transparent 50%)}.hero-copy{padding:0 6% 105px;max-width:none}.hero-copy>.eyebrow{text-align:center;color:#a9caff;margin:0}.hero h1.electric-title{margin:-40px auto -65px;line-height:0;max-width:850px;width:min(100%,850px);position:relative;mix-blend-mode:screen}.electric-title img{display:block;width:100%;height:auto}.hero-bottom{justify-content:center;gap:40px;margin-top:20px}.hero-meta{color:#00edff;padding-top:18px;padding-bottom:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.logo-selector{position:relative;z-index:3;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.logo-selector button,.logo-selector a,#lab-pause{background:#171245;color:#c8c8ff;border:1px outset #8e8ccb;padding:10px 12px;font:10px 'IBM Plex Mono',monospace}.logo-selector button[aria-pressed=true]{background:#ff34a9;color:#100622;border-style:inset}.logo-selector a{color:#00edff}.button.acid{background:linear-gradient(#d1fcff,#00d4ff 48%,#0098f5 51%,#427dff);border:2px outset #befaff;color:#08032a;box-shadow:3px 3px #0008}.ticker{background:linear-gradient(90deg,#003cff,#bc26ff,#ff3ea8);color:#fff;border-block:1px solid #ac9dff}.video-console{background:#10082dee;border:2px outset #8076c4}.video-console button{color:#00edff}.archive h2>span{color:#ff5cc9}.film-index,.play{background:#00edff}.about{background:#c4caff;color:#171042}.about-tag{color:#273ec4}.detail .player-bar,.lab .player-bar{background:linear-gradient(90deg,#1737b2,#726ce1);color:#fff;border:2px outset #9396dd}.lab main{padding:50px 4%}.lab h1{font:800 clamp(40px,6vw,80px)/.95 'Barlow Condensed',Impact,sans-serif;color:#00edff;margin:20px 0}.lab main>p{line-height:1.7}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.lab-grid article{border:1px solid #625b99;background:#080512;padding-bottom:25px}.lab-grid img{width:100%;height:auto;display:block}.lab-grid h2,.lab-grid p{margin:20px;line-height:1.7}.lab-grid h2{font-size:15px;color:#ff63d3}.lab-grid p{font-size:11px;min-height:40px}.lab-grid a{font-size:10px;color:#00edff;margin-left:20px}@media(max-width:600px){.hero{min-height:680px}.hero-copy{padding:45px 12px 130px}.hero h1.electric-title{width:calc(100% + 24px);max-width:none;margin:-10px -12px -15px}.hero-copy>.eyebrow{font-size:8px}.hero-bottom{gap:12px;align-items:center;text-align:center}.logo-selector{gap:5px}.logo-selector button,.logo-selector a{font-size:8px;padding:9px}.hero-meta{font-size:8px}.lab-grid{grid-template-columns:1fr}.lab-grid p{min-height:0}}
.hero-copy{z-index:auto}.hero-copy>.eyebrow,.hero-bottom{position:relative;z-index:2}.hero h1.electric-title{max-width:720px;margin-top:-40px;margin-bottom:-50px}.hero{min-height:800px}@media(max-width:600px){.hero h1.electric-title{margin-top:-10px;margin-bottom:-15px;max-width:none}.hero{min-height:680px}}