*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f6f4ef;color:#182a30;font:17px/1.7 Arial,sans-serif}a{color:inherit}nav{padding:20px max(6vw,20px);display:flex;justify-content:space-between;border-bottom:1px solid #ccd1ca;background:#f6f4eff2;position:sticky;top:0;z-index:5}nav div{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px}main{max-width:1160px;margin:auto;padding:0 30px}.eyebrow{font:12px/1.5 monospace;letter-spacing:2px;text-transform:uppercase;color:#536860}header{padding:95px 0 65px}h1{font:normal clamp(50px,7vw,94px)/1.06 Georgia,serif;letter-spacing:-3px;margin:22px 0}h2{font:normal clamp(40px,5vw,64px)/1.1 Georgia,serif;margin:15px 0 20px}h3{font-size:20px;line-height:1.35}p{max-width:760px}.intro{font-size:22px;max-width:700px;color:#526468}.cards,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards>a{padding:28px;border-top:1px solid #869a8f;text-decoration:none;background:#ecefe8;transition:transform .2s}.cards>a:hover{transform:translateY(-4px)}.num{font:13px monospace;color:#647b70}.cards h3{font:30px Georgia}.cards p{font-size:15px}.section{padding:85px 0;border-top:1px solid #bcc7be}.lead{font-size:21px;max-width:760px}.meta{font:13px monospace;color:#536860}.links{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.links a,.pill{border:1px solid #778f81;padding:10px 18px;text-decoration:none;font-size:14px}.links a:first-child{background:#193c32;color:white;border-color:#193c32}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 0}.split p{font-size:16px}.feature{padding:30px;background:#e6ebe2;margin:36px 0}.weights{display:flex;gap:5px;margin:25px 0}.weights div{padding:18px 12px;color:white;background:#285c49;flex:var(--w)}.weights strong{font-size:27px;display:block}.weights span{font-size:12px}figure{margin:0;background:#e8ece8;border:1px solid #d0d8ce}figure img{width:100%;display:block;cursor:zoom-in}figcaption{padding:15px 20px;font-size:13px;color:#4b6055}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{max-height:590px;object-fit:contain;background:#edf2f3}.note{font-size:14px;color:#607169}.research{background:#193c32;color:#f4f3e9;padding:40px}.research h3{font:32px Georgia}.research .eyebrow{color:#b7cebe}.research ol{padding-left:22px}.tag{display:inline-block;font:12px monospace;padding:6px 10px;background:#e5e9e0;margin:3px}.closing{padding:60px 0}footer{padding:25px 0;border-top:1px solid #bcc7be;font-size:13px;color:#5c6f64}dialog{border:0;padding:12px;max-width:95vw;background:#fff}dialog img{max-width:90vw;max-height:85vh}dialog button{display:block;margin:0 0 8px auto;padding:8px 15px}dialog::backdrop{background:#122b25d9}details{border-top:1px solid #bec9bf;padding:15px 0}summary{cursor:pointer;font-weight:bold}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b77e28;outline-offset:4px}@media(max-width:700px){main{padding:0 20px}nav{padding:16px 20px}nav div{gap:12px}nav a{font-size:12px}header{padding:55px 0}h1{letter-spacing:-2px}.cards,.grid,.split,.gallery{grid-template-columns:1fr}.split{gap:10px}.section{padding:55px 0}.weights{flex-wrap:wrap}.weights div{min-width:42%}.gallery figure:first-child{grid-column:auto}.research{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:#090f21;color:#e8edf7}nav{background:#090f21ed;border-color:#283349}h1{font-family:Arial,sans-serif;font-weight:650;font-size:clamp(44px,6vw,78px);letter-spacing:-3px}.hero-sub{display:block;font-size:.53em;letter-spacing:-1px;color:#a6b5d9;margin-top:20px}h2{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-2px}.intro,.note,.meta,.eyebrow,.num{color:#acb9d2}header{background:radial-gradient(ellipse at 95% 30%,#35246465,transparent 60%)}.cards>a{background:#111c34;border:1px solid #2c3b56;border-radius:15px}.cards>a:first-child{background:linear-gradient(140deg,#211d43,#111c34);border-color:#68568e}.cards>a:nth-child(2){border-color:#2b6c71}.cards>a:nth-child(3){border-color:#3e5688}.section,footer,details{border-color:#293752}.feature{background:#13243a;border:1px solid #2e4861;border-radius:14px}.weights div{background:#20616a}.links a{border-color:#577493;border-radius:8px}.links a:first-child{background:#6bcbd2;border-color:#6bcbd2;color:#071523}#physics .links a:first-child{background:#b1a2f5;border-color:#b1a2f5}#physics h2{color:#c9baff}#jobflow h2{color:#8de0df}#ethics h2{color:#a8c4ff}.research{background:linear-gradient(125deg,#192b4d,#151c35);border:1px solid #3a4e76;border-radius:15px}figure{background:#121d32;border-color:#30405c;border-radius:12px;overflow:hidden}figcaption{color:#b6c3dc}footer{color:#a9b8d3}.tag{background:#1c2a42}dialog{background:#16233b;color:white}dialog button{background:#e1e7f3;border:0;border-radius:5px}

.slide-stack{display:grid;gap:30px;padding-bottom:60px}.slide-stack img{width:100%;display:block}.slide-stack a{display:block}.gallery>.feature{margin:0} .section .split{margin:28px 0}

/* Three stories: original project colors and real project screenshots */
body{background:#f8f6f0;color:#182438}nav{background:#f8f6f0f5;color:#19243c;border-color:#dedfe4}main.three-stories{max-width:none;padding:0}header{max-width:1200px;margin:auto;padding:65px 45px 45px;background:none}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5.5vw,78px);letter-spacing:-2px;margin:14px 0}.hero-sub{font:20px/1.5 Arial,sans-serif;letter-spacing:0;color:#56627b;margin-top:18px}.intro{font-size:17px;color:#536079;max-width:850px}header .eyebrow{color:#64708c}.cards{max-width:1200px;margin:0 auto 45px;padding:0 45px;gap:14px}.cards>a,.cards>a:first-child,.cards>a:nth-child(2),.cards>a:nth-child(3){background:#fff;border:1px solid #d3d8e1;border-radius:8px;padding:18px 22px}.cards h3{font-size:25px;margin:12px 0}.cards p{font-size:14px;margin:0;color:#596780}.cards .num{color:#52617b}.section{padding:0;border:0;color:#edf2fc}.story-banner{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center;min-height:620px;padding:70px max(calc((100vw - 1110px)/2),45px);overflow:hidden}.story-intro h2{font:normal clamp(56px,6.5vw,92px)/1.03 Georgia,serif;letter-spacing:-2px;color:inherit!important}.story-intro .lead{font-size:21px;line-height:1.6}.story-intro .eyebrow{font-size:11px;letter-spacing:2px;color:#c8d5e7}.story-intro .meta{font-size:12px;color:#c6d1e4}.story-intro .links{gap:9px;margin-bottom:0}.story-intro .links a{font-size:13px;padding:10px 14px;color:#f3f4fb;border-color:#91a4c580;background:transparent}.story-intro .links a:first-child{background:#fff7ed;color:#17223c;border-color:#fff7ed}.module-name{font:15px monospace;letter-spacing:2px;color:#b9dae7;margin-top:-6px}.story-screen{box-shadow:0 24px 70px #0005;border:1px solid #90a4d178;background:#101b30;transform:rotate(-1deg);margin:0;border-radius:14px}.story-screen img{width:100%;min-height:240px;object-fit:cover;object-position:top;cursor:default}.story-screen figcaption{font-size:11px;color:#c7d5e8;padding:8px 16px}.browser-dots{display:flex;align-items:center;gap:6px;padding:12px 14px;color:#d9e2f2;font-size:11px}.browser-dots i{width:7px;height:7px;background:#6c7d96;border-radius:100%}.browser-dots i:first-child{background:#d98384}.browser-dots i:nth-child(2){background:#e8c275}.browser-dots i:nth-child(3){background:#8dc19b}.browser-dots span{margin-left:9px}#physics .story-banner{background:radial-gradient(ellipse at 80% 10%,#643d9677,transparent 55%),radial-gradient(ellipse at 10% 100%,#203b6c,transparent 60%),#110e2e}#jobflow .story-banner{background:#022436}#ethics .story-banner{background:radial-gradient(ellipse at 90% 90%,#69442655,transparent 60%),#202b3c}.story-body{background:#faf9f6;color:#203047;padding:35px max(calc((100vw - 1110px)/2),45px) 55px}.story-body .note,.story-body .meta,.story-body .eyebrow{color:#58667c}.story-body .feature{background:#edf0f4;border-color:#d2d9e2;border-radius:10px}.story-body figure{border-color:#cbd4de;background:#e9eef3}.story-body figcaption{color:#4a5d75}.story-body details{border-color:#ccd5df}.story-body .research{background:#f0ede7;border-color:#d8cdbd;color:#293549}.story-body .research .eyebrow{color:#6d604f}.paper-preview{background:#fffdf8;color:#253146;padding:38px 35px;box-shadow:0 22px 65px #0004;transform:rotate(1deg);border-radius:4px}.paper-label{font:10px monospace;letter-spacing:1.6px;color:#776345}.paper-preview h3{font:32px/1.2 Georgia,serif;margin:25px 0 14px}.paper-subtitle{font:18px/1.5 Georgia,serif;color:#6e6253}.paper-preview hr{border:0;border-top:1px solid #d6cdbf;margin:26px 0}.paper-preview h4{font-size:13px}.paper-preview p{font-size:14px}.paper-steps{display:grid;gap:8px;font-size:12px;color:#675c4e;border-left:2px solid #c6ac7d;padding-left:15px}.paper-doi{font:10px monospace!important;margin-top:25px;color:#6b614f}.closing{padding:65px max(calc((100vw - 1110px)/2),45px);background:#f0ede5;color:#26354b}.closing .eyebrow{color:#746950}.closing h2{font-family:Georgia,serif;font-weight:400}footer{padding:25px max(calc((100vw - 1110px)/2),45px);color:#667184;border-color:#d6dce2}.slide-stack{max-width:1160px;margin:auto}.slide-stack+footer{max-width:1160px;margin:auto}.slide-stack figure{background:#142237}.slide-stack figcaption{color:#d2dced}@media(max-width:800px){header{padding:45px 24px 30px}.cards{padding:0 24px;grid-template-columns:1fr}.story-banner{grid-template-columns:1fr;gap:30px;padding:45px 24px;min-height:0}.story-intro h2{font-size:58px}.story-screen{transform:none}.story-body{padding:25px 24px 40px}.closing{padding:45px 24px}.paper-preview{transform:none}nav div{gap:10px}.hero-sub{font-size:18px}footer{padding:25px 24px}}