:root{--night:#0b1520;--night-2:#101f2c;--night-3:#182c38;--cream:#e9e3d7;--ivory:#f1ebdf;--ink:#202a2e;--gold:#d6b77d;--sage:#9fbeb8;--muted:#72848b;--mono:'DM Mono','Courier New',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ddbb7e;outline-offset:4px}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--night)}.wrap{width:min(1340px,calc(100% - 11.5vw));margin-inline:auto}.dark{background:var(--night);color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.ivory{background:var(--ivory);color:var(--ink)}.chapter{position:relative;isolation:isolate;overflow:hidden}.skip-link{position:fixed;z-index:2000;top:-100px;left:16px;background:#fff;color:#000;padding:12px}.skip-link:focus{top:16px}.scroll-progress{height:2px;width:0;position:fixed;top:0;left:0;z-index:1001;background:var(--gold);transition:width .1s linear}.topbar{position:fixed;z-index:1000;top:0;left:0;right:0;height:86px;padding:0 4.4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(231,225,209,.12);background:rgba(11,21,32,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .25s,border .25s}.brand{display:flex;align-items:center;gap:16px;min-width:205px}.brand-mark{font-family:var(--serif);font-size:28px;letter-spacing:-3px;font-weight:600;white-space:nowrap}.brand-slash{color:var(--gold);margin:0 3px}.brand-name{font:500 9px/1.5 var(--mono);letter-spacing:.10em;color:#b4b6ae}.topnav{display:flex;gap:38px;align-items:center}.topnav a,.top-year,.film-button{font:500 10px/1.3 var(--mono);letter-spacing:.075em}.topnav a{color:#bac7c7;transition:color .3s}.topnav a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:22px}.top-year{color:#9aa4a5}.film-button{background:transparent;border:1px solid rgba(221,216,192,.46);color:#eee9d9;display:flex;align-items:center;gap:11px;padding:13px 16px;transition:background .2s}.film-button:hover,.film-button[aria-pressed=true]{background:#d6b77d;color:#101b25;border-color:#d6b77d}#filmIcon{font-size:12px}.side-index{position:fixed;z-index:900;right:1.6vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:13px}.side-label{font:9px var(--mono);letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg);color:#a1a9a2;margin-bottom:9px}.side-dot{position:relative;display:flex;width:19px;height:19px;align-items:center;justify-content:center;color:transparent;font:9px var(--mono)}.side-dot::before{content:"";width:4px;height:4px;display:block;border:1px solid #9caaab;border-radius:50%;background:#9caaab;transition:all .2s}.side-dot span{display:none;position:absolute;right:30px;background:#10212d;padding:7px;color:#fff}.side-dot:hover span{display:block}.side-dot:hover::before,.side-dot.active::before{width:9px;height:9px;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px rgba(214,183,125,.12)}.micro-label,.chapter-tag,.chapter-range,.eyebrow,.footnote,.small-note{font:400 10px/1.7 var(--mono);letter-spacing:.12em}.chapter-tag,.chapter-range{font-size:11px}.chapter-range{color:#81969d}.section-top{padding-top:127px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.section-top::after{content:"";height:1px;position:absolute;bottom:-20px;left:0;right:0;background:currentColor;opacity:.18}.gold{color:var(--gold)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.6,.25,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* Cover */
.hero{min-height:880px;min-height:100svh;display:flex;align-items:center;background:radial-gradient(circle at 68% 44%,#1b2a35 0,#0c1823 37%,#08121d 78%);overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,32,.22),transparent 60%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 4px);pointer-events:none;z-index:3}.hero-radar{position:absolute;width:760px;height:760px;right:9%;top:8%;pointer-events:none;opacity:.7}.hero-radar span{position:absolute;inset:0;border:1px solid rgba(167,191,190,.13);border-radius:50%}.hero-radar span:nth-child(2){inset:12%}.hero-radar span:nth-child(3){inset:24%}.hero-radar span:nth-child(4){inset:36%;border-color:rgba(214,183,125,.16)}.hero-radar::before,.hero-radar::after{content:"";position:absolute;background:rgba(167,191,190,.11)}.hero-radar::before{height:1px;width:120%;top:50%;left:-10%}.hero-radar::after{width:1px;height:120%;left:50%;top:-10%}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(195,212,203,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(195,212,203,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 8%,black 85%)}.hero-photo{position:absolute;right:7.7%;height:80%;width:49%;bottom:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;filter:grayscale(1) sepia(.19) contrast(1.17);opacity:.84;mask-image:linear-gradient(to top,transparent 0%,black 21%,black 76%,transparent 100%)}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 10%;mix-blend-mode:luminosity;filter:brightness(.87)}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,31,.65),transparent 34%,rgba(10,20,31,.12) 100%)}.hero-corners{position:absolute;z-index:5;top:145px;left:4.4vw;right:4.4vw;display:flex;justify-content:space-between;color:#7e929b;font:10px var(--mono);letter-spacing:.12em}.hero-copy{position:relative;z-index:5;padding-top:120px}.hero-intro{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:10px;margin-bottom:20px;letter-spacing:.16em}.eyebrow-line{height:1px;width:36px;background:var(--gold)}.tiny-dot{width:3px;height:3px;background:var(--gold);border-radius:50%}.hero h1{font:600 clamp(95px,13.2vw,205px)/.93 var(--serif);margin:0 0 28px;letter-spacing:-.085em;max-width:1080px}.hero h1 span{display:block}.hero h1 .stroke-title{color:transparent;-webkit-text-stroke:1.5px #e9e4da;text-shadow:0 0 1px rgba(232,229,218,.1)}.hero-period{color:var(--gold);-webkit-text-stroke:0}.hero-subtitle{font:400 clamp(22px,2.5vw,33px)/1.38 var(--serif);max-width:520px;color:#ded9ce;margin:0}.hero-subtitle em{color:var(--gold)}.hero-bottom{display:flex;align-items:center;gap:20px;margin-top:60px;color:#b4b9ae;font:10px/1.7 var(--mono);letter-spacing:.07em}.round-arrow{border:1px solid #9cabb0;border-radius:50%;height:56px;width:56px;display:grid;place-items:center;font:25px var(--sans);transition:.2s}.round-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--night)}.hero-caption{position:absolute;z-index:5;bottom:45px;right:4.3%;font:9px var(--mono);color:#8ca1a5;letter-spacing:.08em}.hero-side-text{position:absolute;left:4.4vw;bottom:48px;font:9px var(--mono);letter-spacing:.13em;color:#81929c}
/* Prologue */
.manifesto{padding:145px 0 156px}.manifesto-grid{display:grid;grid-template-columns:31% 1fr;gap:5%}.manifesto-meta{display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.serial{font:13px var(--mono);color:#8d8b80}.manifesto-copy{max-width:840px}.manifesto-copy>p:first-child{font:500 clamp(42px,5.2vw,82px)/1.16 var(--serif);letter-spacing:-.055em;margin:0}.manifesto-copy em,.curiosity h2 em,.mark h2 em,.bug h2 em,.compiler h2 em,.language h2 em,.nano-copy h2 em,.legacy h2 em{font-weight:500;color:#9c7541}.manifesto-highlight{font:italic 500 clamp(32px,4vw,60px)/1.25 var(--serif);margin:22px 0 44px;color:#ad8551}.manifesto-rule{width:80px;height:1px;background:#8f8e81;margin-bottom:26px}.small-note{display:block;max-width:480px;line-height:2;color:#696b68;font-size:11px;letter-spacing:.015em}
/* Curious */
.curiosity{min-height:800px;min-height:95svh}.curiosity-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:690px}.giant-year{font:400 clamp(86px,9vw,150px)/1 var(--serif);letter-spacing:-.075em;color:#c8bca7;position:relative}.year-spark{font:39px var(--sans);color:#957b56;vertical-align:top;margin-left:20px}.curiosity h2,.mark h2,.bug h2,.compiler h2,.language h2,.nano-copy h2,.legacy h2{font:500 clamp(45px,5.4vw,83px)/1.17 var(--serif);letter-spacing:-.055em;margin:20px 0 27px}.curiosity-text p,.mark-description p,.bug-title>p,.compiler-head>p,.language-intro p,.nano-copy>p{font:400 clamp(15px,1.24vw,18px)/1.9 var(--sans);max-width:520px;color:#6b6e6a}.footnote{margin-top:40px;color:#a28b68}.clock-stage{min-height:600px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#ded3bc,transparent 57%)}.clock-rim{height:min(35vw,430px);width:min(35vw,430px);border:14px solid #c0ab85;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#ded6c6 0,#ded6c6 3px,#d8cdba 4px,#ded6c6 8px);box-shadow:0 15px 40px #3c291a24,0 0 0 2px #806946,0 0 0 18px #cbb79654,inset 0 0 0 7px #a38a66}.clock-inner{border:1px solid #a48b64;position:absolute;inset:17px;border-radius:50%}.clock-number{position:absolute;font:18px var(--serif);color:#766042}.n12{top:8px;left:50%;transform:translateX(-50%)}.n3{right:10px;top:50%;transform:translateY(-50%)}.n6{bottom:8px;left:50%;transform:translateX(-50%)}.n9{left:10px;top:50%;transform:translateY(-50%)}.clock-hand{position:absolute;left:50%;top:50%;transform-origin:bottom center;background:#6f604d;border-radius:4px}.clock-hand.hour{width:7px;height:95px;margin-top:-95px;margin-left:-3px;transform:rotate(35deg)}.clock-hand.minute{width:4px;height:144px;margin-top:-144px;margin-left:-2px;transform:rotate(205deg)}.clock-center{position:absolute;width:17px;height:17px;background:#7c6246;border:4px solid #ccac7c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.clock-ticks{position:absolute;inset:0}.clock-ticks i{position:absolute;left:50%;top:50%;width:2px;height:9px;background:#9f8663;transform-origin:center center}.clock-index{position:absolute;bottom:26px;right:10%;font:9px var(--mono);letter-spacing:.08em;color:#88755c}.clock-deco{position:absolute;left:5%;top:35%;writing-mode:vertical-rl;font:9px/1.6 var(--mono);letter-spacing:.18em;color:#a7977e}.clock-floor{height:40px;background:linear-gradient(#d6cbbb,#e9e3d7)}
/* machine */
.mark{padding-bottom:134px;background:radial-gradient(ellipse at 50% 65%,#1a2c3a 0%,#0b1520 72%)}.mark-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:10%;align-items:end;margin-top:130px}.mark h2{margin:18px 0 50px;font-size:clamp(46px,5.7vw,90px)}.mark h2 em,.bug h2 em,.nano-copy h2 em{color:var(--gold)}.mark-description{padding-bottom:55px}.mark-description p{color:#aebfc0}.mark-description strong{color:var(--cream)}.machine-shell{position:relative;margin:35px auto 0;width:min(1400px,calc(100% - 6vw));height:420px;background:linear-gradient(#233541,#0e1b26);border:13px solid #263742;box-shadow:0 0 0 2px #637079,0 28px 70px #0007,inset 0 0 0 2px #0b131b;overflow:hidden}.machine-top{height:43px;border-bottom:1px solid #587078;display:flex;justify-content:space-between;padding:13px 25px;color:#b6c0b7;font:10px var(--mono);letter-spacing:.13em}.machine-status{display:flex;gap:9px;align-items:center}.machine-status i,.live-signal i{width:7px;height:7px;border-radius:50%;background:#d67b63;display:inline-block;box-shadow:0 0 13px #d67b6355}.machine-shell.powered .machine-status i{background:#c7d78f;box-shadow:0 0 13px #c7d78f}.machine-reels{height:48px;display:flex;align-items:center;justify-content:space-around;padding:0 10%;border-bottom:1px solid #445b62}.machine-reel{width:12%;height:23px;border:3px solid #9a9990;background:repeating-linear-gradient(90deg,#3d4b55 0 5px,#8e9d9c 6px 7px,#344a54 8px 11px);box-shadow:0 2px 10px #0009}.machine-hardware{display:grid;grid-template-columns:repeat(68,minmax(0,1fr));gap:4px;padding:19px 16px 24px;height:243px;overflow:hidden}.machine-bank{min-width:0;display:flex;align-items:center;flex-direction:column;border:1px solid #344653;background:linear-gradient(90deg,#152633,#304451 50%,#0c1d28);padding:4px 0;gap:7px}.machine-bank::before{content:"";display:block;height:7px;width:65%;border-radius:50%;background:#bca77f;opacity:.32}.machine-bank .pin{display:block;width:3px;height:14px;background:#b3a57f;opacity:.39;box-shadow:0 0 2px #e7c88d}.machine-bank .pin:nth-child(even){height:8px}.powered .machine-bank .pin{animation:signalPulse 1.7s infinite alternate;animation-delay:var(--d)}@keyframes signalPulse{0%,78%{opacity:.28;box-shadow:none}100%{opacity:1;box-shadow:0 0 12px #f6c56e}}.machine-base{border-top:1px solid #52646f;display:flex;justify-content:space-between;align-items:center;padding:9px 25px;color:#9cacae;font:10px var(--mono);letter-spacing:.07em}.technical-button{font:500 10px var(--mono);letter-spacing:.08em;padding:9px 14px;border:1px solid #d6b77d;background:transparent;color:#d6b77d}.technical-button:hover{background:var(--gold);color:var(--night)}.machine-caption{display:flex;justify-content:space-between;font:10px var(--mono);color:#829399;letter-spacing:.06em;margin-top:25px}
/* bridge */
.interlude{padding:125px 0}.interlude-layout{display:grid;grid-template-columns:23% 1fr 100px;align-items:center;gap:6%}.interlude-layout p{font:500 clamp(38px,5vw,77px)/1.19 var(--serif);letter-spacing:-.055em;margin:0;max-width:800px}.interlude-layout em{color:#9c7541}.interlude-star{width:90px;color:#b29d7b}
/* bug */
.bug{padding-bottom:135px;background:radial-gradient(ellipse at 75% 60%,#1c2b32,#0b1520 69%)}.bug-title{margin-top:130px;display:grid;grid-template-columns:1fr .47fr;gap:7%;align-items:end}.bug-title h2{margin:23px 0 49px}.bug-title>p{color:#a6b8b8;margin:0 0 55px}.bug-lab{display:grid;grid-template-columns:1.16fr .84fr;gap:35px;margin-top:35px;align-items:stretch}.bug-panel{background:#172733;border:1px solid #53656b;padding:27px;box-shadow:0 25px 70px #0004;min-height:495px}.panel-bar,.panel-footer{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.07em;color:#aabec0}.panel-bar{padding-bottom:19px;border-bottom:1px solid #465762}.live-signal{color:#e4a08b}.live-signal i{margin-right:6px;vertical-align:middle}.panel-instruction{margin:23px 0 20px;color:#e4ddca;font:17px var(--serif)}.relays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.relay{aspect-ratio:1.15;border:1px solid #495c63;background:linear-gradient(135deg,#233c48,#10222e);display:grid;place-items:center;position:relative;color:#7d989e;padding:0;transition:background .2s,border-color .2s}.relay::after{content:"";position:absolute;inset:24%;border:2px solid #6f8586;border-radius:50%;box-shadow:inset 0 0 0 4px #283941,0 0 0 1px #23313d}.relay::before{content:"";height:2px;width:66%;background:#637776;position:absolute;top:50%;left:17%;transform:rotate(-32deg);z-index:1}.relay:hover{border-color:#b6a582;background:#2d4851}.relay.checked{opacity:.65}.relay.checked:not(.faulty)::after{border-color:#84ab92}.relay.faulty:not(.found)::before{transform:rotate(-44deg);background:#b9996d}.relay.faulty:not(.found)::after{border-color:#ac896a}.relay.faulty.found{background:#8f6147;border-color:#e8c394;animation:bugFlash .7s}@keyframes bugFlash{50%{box-shadow:0 0 20px #dd986b}}.relay.faulty.found::after{border-color:#f0d5a5}.panel-footer{padding-top:24px;gap:14px}.text-action{border:0;background:transparent;color:#d6b77d;font:10px var(--mono)}.text-action:hover{text-decoration:underline}.logbook{min-height:495px;background:#e6d6b9;color:#382e22;padding:34px 35px;position:relative;box-shadow:0 25px 70px #0003;overflow:hidden;background-image:linear-gradient(90deg,transparent 0 29px,#c8a78c77 30px,transparent 31px),repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#6c62532e 30px);background-position:0 0,0 46px}.logbook:before{content:"";position:absolute;inset:0;border:9px solid #d8c49e;pointer-events:none}.logbook-top{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.04em;border-bottom:2px solid #655642;padding-bottom:18px}.logbook-label{display:block;margin-top:25px;font:11px var(--mono);letter-spacing:.14em}.logbook h3{font:italic 500 clamp(30px,3vw,47px)/1.2 var(--serif);letter-spacing:-.04em;margin:12px 0}.logbook h3 em{color:#995e47}.moth-holder{height:120px;position:relative;display:grid;place-items:center;opacity:.2;filter:blur(5px);transition:opacity .6s,filter .6s}.moth-holder.revealed{opacity:1;filter:none}.moth-svg{width:165px;transform:rotate(-12deg);filter:drop-shadow(5px 8px 4px #49332138)}.tape{width:56px;height:25px;background:#fff7d5a8;position:absolute;transform:rotate(-12deg);border:1px solid #d2c4a3aa}.tape-one{top:32%;left:25%}.tape-two{bottom:20%;right:26%}.logbook-bottom{display:flex;justify-content:space-between;position:absolute;bottom:28px;left:35px;right:35px;font:10px var(--mono);letter-spacing:.03em}.logbook-number{font-weight:600}.bug-explainer{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-top:46px}.editorial-number{font:65px var(--serif);line-height:1;color:#b29263}.bug-explainer p{font:16px/1.7 var(--sans);color:#b2c1c0;max-width:520px;margin:2px auto 0 0}.bug-explainer a{font:10px var(--mono);color:var(--gold);border-bottom:1px solid #917a55;padding:10px 0;white-space:nowrap}.bug-explainer strong{color:#fff;font-weight:500}
/* compiler */
.compiler{padding-bottom:130px}.compiler-head{padding-top:117px}.compiler-head h2{max-width:1060px;font-size:clamp(46px,6.2vw,98px);margin:22px 0 24px}.compiler-head>p{max-width:720px}.compiler-workbench{margin-top:65px;border:1px solid #71818a;box-shadow:22px 25px 0 #c9c6ba;background:#0d1a24;color:#e9e7dc}.workbench-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #354d5a;font:10px var(--mono);color:#aebfc3;letter-spacing:.06em}.traffic{display:flex;gap:8px}.traffic i{width:9px;height:9px;background:#8c635b;border-radius:50%}.traffic i:nth-child(2){background:#bd995d}.traffic i:nth-child(3){background:#789b8c}.workbench-body{display:grid;grid-template-columns:1fr 130px 1fr;min-height:340px}.code-column{padding:33px 32px;min-width:0}.code-column-header{display:flex;justify-content:space-between;font:10px var(--mono);color:#8b9fa7;letter-spacing:.065em;gap:12px}.workbench-tabs{display:flex;gap:8px;margin:42px 0 25px}.code-tab{background:transparent;color:#82969c;border:1px solid #415662;padding:10px 14px;font:10px var(--mono);letter-spacing:.05em}.code-tab.selected,.code-tab:hover{background:#bca273;color:#14212b;border-color:#bca273}.source-code{margin:0;white-space:pre-wrap;word-break:break-word;font:clamp(15px,1.55vw,22px)/1.7 var(--mono);color:#e5e7e0}.line-number{color:#667c86;margin-right:18px}.token-key{color:#e4c08d}.token-punctuation{color:#9bc0b7}.code-caption{font:11px/1.6 var(--mono);color:#83939c;margin:28px 0 0;max-width:350px}.code-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.bridge-line{height:47px;width:1px;background:#3c5360}.bridge-icon{height:58px;width:58px;border:1px solid #8c9ba2;display:grid;place-items:center;border-radius:50%;color:var(--gold);font-size:29px}.bridge-label{text-align:center;color:#8699a1;font:9px/1.6 var(--mono);letter-spacing:.04em}.output-column{border-left:1px solid #354b58}.binary-screen{font:clamp(13px,1.5vw,19px)/2 var(--mono);margin-top:52px;display:flex;flex-direction:column;color:#7d8b88;letter-spacing:.1em;white-space:nowrap;overflow:hidden}.binary-screen.ready{color:#b8d8b7;text-shadow:0 0 14px #a0c6a444}.code-output-note{font:11px/1.6 var(--mono);color:#9aa9a4;margin-top:20px;max-width:350px}.workbench-bottom{border-top:1px solid #3b515e;padding:18px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workbench-bottom span{color:#8398a0;font:10px/1.6 var(--mono)}.solid-button{background:#c6aa77;color:#0d1a24;border:0;padding:16px 24px;font:500 11px var(--mono);letter-spacing:.04em;white-space:nowrap}.solid-button:hover{background:#ebc891}.solid-button:disabled{opacity:.5;cursor:wait}.compiler-note{font:10px/1.8 var(--mono);letter-spacing:.02em;color:#858980;margin-top:50px}
/* Language */
.language{padding-bottom:145px}.language-intro{padding-top:130px;display:grid;grid-template-columns:.42fr 1fr;gap:14%;align-items:center}.language-stamp{font:500 clamp(27px,3.4vw,52px)/1.15 var(--serif);padding:37px 27px;color:#b28c5e;border:3px double #b28c5e;transform:rotate(-8deg);max-width:290px;position:relative}.language-stamp span{display:block;font:13px var(--mono);letter-spacing:.25em;margin-top:18px}.language-intro h2{margin:0 0 27px}.history-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:90px}.history-card{border-top:2px solid #5b655f;background:#e8e3d9;min-height:340px;padding:30px 29px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,background .3s}.history-card:hover{transform:translateY(-8px);background:#ded6c8}.history-num{font:15px var(--serif);color:#87795f}.history-year{font:11px var(--mono);color:#9a784e}.history-card h3{font:600 clamp(28px,3.3vw,51px)/1 var(--serif);letter-spacing:-.05em;margin:9px 0 18px}.history-card p{font:15px/1.65 var(--sans);color:#666b65;max-width:300px}.history-mark{font:10px var(--mono);color:#918473;letter-spacing:.04em}.punch-tape{margin-top:80px;display:flex;align-items:center;gap:20px;font:10px var(--mono);color:#8d877b;letter-spacing:.04em;overflow:hidden}.punch-tape>div{flex:1;height:60px;min-width:130px;background:repeating-linear-gradient(90deg,#dbc5a8 0 23px,#a9a291 24px 25px);display:flex;align-items:center;justify-content:space-around;overflow:hidden}.punch-tape>div i{display:block;width:10px;height:35px;background:radial-gradient(circle at 50% 15%,#73624f 0 4px,transparent 5px),radial-gradient(circle at 50% 55%,#73624f 0 4px,transparent 5px),radial-gradient(circle at 50% 90%,#73624f 0 4px,transparent 5px)}
/* nano */
.nanosecond{padding-bottom:150px;background:radial-gradient(ellipse at 78% 46%,#1a313b 0,#0b1520 63%)}.nano-layout{padding-top:132px;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.nano-copy h2{font-size:clamp(44px,5vw,80px)}.nano-copy>p{color:#a4babd}.nano-fact{font:11px var(--mono);letter-spacing:.07em;color:#c6d3d2;margin-top:45px;padding-top:24px;border-top:1px solid #435a63}.nano-fact span{color:#d4ac6e;padding:0 12px}.nano-interactive{border:1px solid #46606a;background:#142530;padding:28px;box-shadow:22px 22px 0 #071019}.nano-view{background:#0e1a24;border:1px solid #283d47;min-height:345px;padding:20px 20px 22px;position:relative}.nano-visual-header{display:flex;justify-content:space-between;color:#8da7a9;font:10px var(--mono);letter-spacing:.09em}.nano-view svg{width:100%;height:230px;display:block}.nano-distance{text-align:center;font:500 48px/1 var(--serif);letter-spacing:-.06em;color:#e9d6a3;margin-top:-26px}.nano-distance span{font:20px var(--mono);letter-spacing:0}.nano-distance-label{text-align:center;font:9px var(--mono);letter-spacing:.07em;color:#99aaad;margin-top:14px}.nano-slider-row{margin-top:37px}.nano-slider-row label{display:flex;justify-content:space-between;align-items:center;color:#99aeb4;font:10px var(--mono);letter-spacing:.05em}.nano-slider-row label strong{font-size:18px;color:#e8c790;font-weight:400}input[type=range]{width:100%;accent-color:#dbb978;margin:21px 0 8px}.slider-labels{display:flex;justify-content:space-between;color:#8099a1;font:10px var(--mono)}.nano-disclaimer{font:11px/1.7 var(--mono);color:#82999e;margin:28px 0 0}
/* Legacy */
.legacy-upper{display:grid;grid-template-columns:1fr .64fr;gap:13%;padding-top:126px;padding-bottom:120px}.legacy h2{font-size:clamp(48px,6vw,90px);margin-top:17px}.legacy-years{display:flex;flex-direction:column}.legacy-years>div{padding:22px 0;border-bottom:1px solid #bab3a5;display:flex;gap:30px;align-items:baseline}.legacy-years strong{font:500 25px var(--serif);color:#987545;min-width:73px}.legacy-years span{font:14px/1.7 var(--sans);color:#666b68}.legacy-quote{background:#a68a60;color:#17242b;padding:118px 0 109px;position:relative;overflow:hidden}.legacy-quote::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.17);width:800px;height:800px;border-radius:50%;right:-20%;top:-100%}.quote-inner{position:relative;z-index:1}.quote-open{font:140px/1 var(--serif);opacity:.65;display:block;height:72px}.legacy-quote blockquote{max-width:1050px;font:500 clamp(36px,5.4vw,79px)/1.24 var(--serif);letter-spacing:-.045em;margin:10px 0 37px}.quote-credit{font:10px var(--mono);letter-spacing:.08em}.quote-credit span{margin:0 10px}.endnote{padding:140px 0 160px;text-align:center}.endnote>span{font:10px var(--mono);letter-spacing:.2em;color:#8f8d82}.endnote h2{font:500 clamp(110px,19vw,290px)/.87 var(--serif);letter-spacing:-.095em;margin:30px 0 30px}.endnote h2 em{color:#aa8554}.endnote p{font:20px/1.6 var(--serif);max-width:510px;margin:40px auto;color:#646a67}.restart-link{margin-top:48px;display:inline-flex;justify-content:space-between;align-items:center;gap:70px;padding:18px 20px;border:1px solid #837967;font:11px var(--mono);letter-spacing:.08em;transition:.2s}.restart-link:hover{background:#192833;color:#fff}.restart-link span{font-size:19px}
/* Footer */
footer{background:#07121b;color:#a3b2b7;padding:95px 0 28px}.footer-inner{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8%;align-items:start}.footer-monogram{font:500 67px var(--serif);letter-spacing:-.07em;color:#f2ede3}.footer-monogram span{color:var(--gold)}.footer-about p{font:16px/1.65 var(--serif);max-width:300px;color:#c7d0cc}.footer-about>span{font:9px/1.6 var(--mono);letter-spacing:.04em;display:block;margin-top:85px;color:#788e95}.footer-sources,.footer-credits{display:flex;flex-direction:column;gap:15px}.footer-sources .micro-label,.footer-credits .micro-label{color:#d7b885;margin-bottom:19px}.footer-sources a{font:12px/1.5 var(--sans);border-bottom:1px solid #263d48;padding-bottom:10px}.footer-sources a:hover,.footer-credits a:hover{color:#e6c18a}.footer-credits p{font:12px/1.8 var(--sans);margin:0}.footer-credits a{color:#d7b885}.footer-bottom{border-top:1px solid #34434a;margin-top:85px;padding-top:26px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em}.film-toast{position:fixed;z-index:1005;bottom:25px;left:50%;transform:translate(-50%,80px);border:1px solid var(--gold);background:#d7b985;color:#172832;font:10px var(--mono);padding:12px 20px;transition:transform .3s;pointer-events:none;white-space:nowrap}.film-toast.visible{transform:translate(-50%,0)}
@media(min-width:1700px){.wrap{max-width:1430px}.hero-copy{padding-top:100px}.hero h1{font-size:214px}}
@media(max-width:1100px){.topnav{gap:20px}.brand{min-width:0}.top-year{display:none}.hero h1{font-size:14.5vw}.hero-photo{width:56%;right:-2%}.side-index{right:7px}.mark-intro,.bug-title,.nano-layout{gap:5%}.machine-hardware{gap:2px}.workbench-body{grid-template-columns:1fr 83px 1fr}.code-column{padding:28px 20px}.code-bridge{gap:8px}.footer-inner{gap:4%}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.topbar{height:66px;padding:0 19px}.brand-mark{font-size:25px}.brand-name{font-size:8px}.topnav{display:none}.top-actions{gap:0}.film-button{font-size:9px;padding:10px 10px}.side-index{display:none}.section-top{padding-top:100px}.chapter-tag,.chapter-range{font-size:9px}.reveal{transform:translateY(18px)}.hero{min-height:740px;min-height:100svh;align-items:flex-end}.hero-corners{top:93px;left:19px;right:19px;font-size:8px}.hero-photo{height:81%;width:84%;right:-26%;opacity:.52;mask-image:linear-gradient(to top,transparent,black 35%,black 80%,transparent)}.hero-radar{width:550px;height:550px;right:-240px;top:18%}.hero-copy{padding:0 0 134px}.hero-intro{font-size:8px;line-height:1.9;max-width:290px}.hero h1{font-size:clamp(82px,18vw,150px);letter-spacing:-.095em;margin-bottom:30px}.hero-subtitle{font-size:23px;max-width:310px}.hero-bottom{margin-top:45px;font-size:9px}.round-arrow{height:47px;width:47px}.hero-caption{right:19px;bottom:24px;font-size:7px;max-width:180px;text-align:right}.hero-side-text{left:19px;bottom:24px;font-size:7px;max-width:170px}.manifesto{padding:95px 0 110px}.manifesto-grid{grid-template-columns:1fr;gap:45px}.manifesto-meta{min-height:0;flex-direction:row}.manifesto-copy>p:first-child{font-size:clamp(42px,8.5vw,65px)}.manifesto-highlight{font-size:38px;margin-bottom:34px}.curiosity{min-height:0}.curiosity-layout{grid-template-columns:1fr;gap:0;padding-top:48px}.giant-year{font-size:100px}.curiosity h2,.mark h2,.bug h2,.compiler h2,.language h2,.nano-copy h2,.legacy h2{font-size:clamp(45px,9vw,67px)}.curiosity-text p,.mark-description p,.bug-title>p,.compiler-head>p,.language-intro p,.nano-copy>p{font-size:15px;line-height:1.7}.clock-stage{min-height:425px}.clock-rim{width:290px;height:290px}.clock-hand.hour{height:68px;margin-top:-68px}.clock-hand.minute{height:103px;margin-top:-103px}.clock-index{bottom:15px;right:1%}.clock-deco{left:0;font-size:8px}.mark{padding-bottom:95px}.mark-intro,.bug-title,.nano-layout,.legacy-upper{grid-template-columns:1fr;gap:0}.mark-intro{margin-top:100px}.mark h2{margin:15px 0 15px}.mark-description{padding-bottom:22px}.machine-shell{width:calc(100% - 25px);height:320px;border-width:7px;margin-top:35px}.machine-top{font-size:8px;padding:12px 8px;height:39px}.machine-top>span:nth-child(2){display:none}.machine-reels{height:41px}.machine-hardware{height:185px;padding:10px 6px;grid-template-columns:repeat(48,minmax(0,1fr));gap:2px}.machine-bank:nth-child(n+49){display:none}.machine-bank .pin{width:2px;height:10px}.machine-base{padding:8px;font-size:8px}.machine-base>span{display:none}.machine-caption{font-size:8px;line-height:1.7;gap:20px}.interlude{padding:80px 0}.interlude-layout{grid-template-columns:1fr 55px;gap:12px}.interlude-layout>.micro-label{grid-column:1/-1}.interlude-layout p{font-size:45px}.interlude-star{width:45px}.bug{padding-bottom:100px}.bug-title{margin-top:105px}.bug-title h2{margin-bottom:15px}.bug-title>p{margin-bottom:15px}.bug-lab{grid-template-columns:1fr;gap:18px}.bug-panel{padding:16px;min-height:0}.relays{gap:6px}.panel-bar,.panel-footer{font-size:8px}.panel-instruction{font-size:15px}.logbook{min-height:460px}.bug-explainer{display:grid;grid-template-columns:70px 1fr;gap:20px}.editorial-number{font-size:50px}.bug-explainer p{font-size:14px}.bug-explainer a{grid-column:1/-1;white-space:normal}.compiler{padding-bottom:110px}.compiler-head{padding-top:105px}.compiler-head h2{font-size:clamp(45px,9vw,70px)}.compiler-workbench{margin-top:40px;box-shadow:9px 9px 0 #c9c6ba}.workbench-toolbar{padding:0 13px;height:49px;font-size:8px}.workbench-toolbar>span:last-child{display:none}.workbench-body{grid-template-columns:1fr}.code-column{padding:24px 17px}.code-bridge{flex-direction:row;min-height:75px}.bridge-line{height:1px;width:50px}.bridge-icon{width:43px;height:43px;transform:rotate(90deg);font-size:23px}.bridge-label{font-size:8px}.output-column{border-left:0;border-top:1px solid #354b58}.binary-screen{margin-top:20px}.workbench-tabs{margin:26px 0 22px}.code-tab{padding:9px}.workbench-bottom{flex-direction:column;align-items:stretch;padding:18px;font-size:8px}.solid-button{width:100%;font-size:10px}.compiler-note{font-size:9px}.language{padding-bottom:100px}.language-intro{grid-template-columns:1fr;gap:70px;padding-top:105px}.language-stamp{font-size:31px;max-width:220px;padding:22px 23px;margin:8px auto}.history-cards{grid-template-columns:1fr;gap:14px;margin-top:55px}.history-card{min-height:250px}.history-card h3{font-size:40px}.punch-tape{margin-top:60px}.punch-tape>span{display:none}.nanosecond{padding-bottom:110px}.nano-layout{padding-top:105px}.nano-copy h2{margin:19px 0 20px}.nano-fact{margin:25px 0 50px;font-size:9px}.nano-interactive{padding:12px;box-shadow:8px 8px 0 #071019}.nano-view{min-height:300px;padding:17px 8px}.nano-view svg{height:220px}.nano-distance{font-size:43px}.nano-distance-label{font-size:8px}.nano-slider-row label{font-size:9px}.legacy-upper{padding:105px 0 70px}.legacy-years{margin-top:35px}.legacy-years>div{gap:20px}.legacy-quote{padding:95px 0}.legacy-quote blockquote{font-size:clamp(38px,8vw,65px)}.quote-credit{font-size:9px;line-height:1.7}.endnote{padding:110px 0 130px}.endnote h2{font-size:20vw}.endnote p{font-size:18px}.footer-inner{grid-template-columns:1fr;gap:65px}.footer-about>span{margin-top:32px}.footer-bottom{font-size:8px;margin-top:75px;gap:12px}.film-toast{width:calc(100% - 20px);font-size:8px;text-align:center}.film-button{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Standalone projection launch from the editorial version. */
.hero-screen-link{display:inline-flex;align-items:center;gap:12px;margin-left:clamp(12px,6vw,90px);padding:13px 16px;border:1px solid rgba(218,189,136,.6);background:rgba(8,24,31,.65);color:#e3c89b;font:10px var(--mono);letter-spacing:.08em;transition:background .2s,border-color .2s}
.hero-screen-link:hover{background:#d9b882;border-color:#d9b882;color:#14232b}
.hero-screen-link span{margin-left:9px}
@media(max-width:760px){.hero-bottom{flex-wrap:wrap}.hero-screen-link{flex:1 0 100%;justify-content:center;margin:18px 0 0;font-size:9px;padding:13px 10px}}