:root{--paper:#fffff4;--ink:#262c42;--blue:#173c99;--red:#b13a30;--line:#878b98;--muted:#525b68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background-color:#e2e4db;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#34435608 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#34435608 3px 4px);font:14px/1.6 'Courier New','MS Gothic',monospace}a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--red)}a:focus-visible,summary:focus-visible{outline:3px dotted var(--red);outline-offset:4px}::selection{background:#ffd65e;color:#111}.wrap,.topline{width:min(1040px,calc(100% - 40px));margin:auto}.topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;padding:16px 2px 8px;color:#535968}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #596477;border-top:5px solid var(--blue);background:var(--paper);padding:15px 22px;box-shadow:4px 4px 0 #0002}.logo{font:bold 32px Georgia,serif;letter-spacing:-1px;text-decoration:none;color:var(--blue)}.mark{color:var(--red);font-size:24px;margin-right:8px}.logo .dot{font-size:20px;font-weight:400}nav{display:flex;gap:0}nav a{padding:2px 18px;border-right:1px solid #b9bcc6;font-size:12px}.nav-end{font-size:12px}main{width:min(1040px,calc(100% - 40px));margin:14px auto 0;border:1px solid #7b8391;background:var(--paper);box-shadow:4px 4px 0 #0002}main .wrap{width:auto;margin-inline:25px}.welcome{padding:10px 0;border-bottom:1px dashed #a4a8ae;text-align:center;font-size:12px}.welcome strong{background:var(--red);color:white;padding:2px 7px;margin-right:9px}.welcome>span{color:var(--red);font-size:10px;margin-left:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:30px 0}.eyebrow{font-size:10px;letter-spacing:.5px;margin:0 0 14px;color:var(--blue);font-weight:bold}.spark{color:var(--red)}h1{font-family:Georgia,'Times New Roman',serif;font-size:57px;line-height:1.08;margin:18px 0 24px;letter-spacing:-2px;color:var(--blue);text-shadow:2px 2px #d5d7d4}h1 .serif{font-family:'Courier New','MS Gothic',monospace;font-size:30px;letter-spacing:-1.3px;color:var(--red);font-weight:bold;text-shadow:none;white-space:nowrap}.intro{font-size:13px;line-height:1.9;max-width:400px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.button{border:2px outset #ced0d2;background:#dce0e8;color:#173779;padding:8px 12px;font-weight:bold;font-size:12px;text-decoration:none;box-shadow:2px 2px #999}.button:active{border-style:inset;box-shadow:none}.button span{margin-left:15px}.text-link{font-size:12px}.hero-note{font-size:9px;margin-top:25px;color:#60646d}.tiny-cross{color:var(--red)}.machine-art{background:#e9e5d6;border:1px solid #a8a592;padding:12px 22px 10px;position:relative;box-shadow:inset 2px 2px #fff,inset -2px -2px #c6c3b5}.art-top{display:flex;justify-content:space-between;font-size:9px;color:#5e635c;margin-bottom:13px}.computer{background:#c8c6b7;border:2px outset #efeddf;border-radius:8px 8px 4px 4px;padding:13px 15px 0;box-shadow:5px 6px #0002}.screen{background:repeating-linear-gradient(0deg,#091d18 0 2px,#0f251c 2px 4px);color:#90dbab;border:7px inset #a9aa9b;border-radius:15px;padding:12px;text-align:center;box-shadow:inset 0 0 23px #000;font-size:9px;text-shadow:0 0 5px #84d5a388}.screen pre{font:15px/1.05 Consolas,monospace;text-align:left;width:max-content;margin:12px auto 16px;color:#a2e6b6}.screen strong{display:block;font-size:10px;letter-spacing:.5px}.screen small{display:block;font-size:8px;margin-top:8px}.computer-chin{display:flex;justify-content:space-between;font-size:8px;padding:10px 0;color:#525a50}.computer-chin span{color:#466c3e}.keyboard{font:14px/1.4 monospace;letter-spacing:3px;text-align:center;background:#d1cebd;border:3px outset #e4e0d1;margin:12px 0 8px;padding:4px;transform:perspective(250px) rotateX(22deg);color:#878779}.art-bottom{text-align:center;font-size:9px;letter-spacing:1px;color:#61665d}.stack-strip{margin:0 25px;border:1px solid #8d99b6;background:#e8edf7}.stack-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 12px;font-size:10px}.stack-strip span{font-size:9px;color:#536585}.stack-strip i{font-style:normal;color:#9ba8b5}.stack-strip b{font-weight:400;color:var(--blue)}.strip-end{display:none}.section{padding-block:30px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:3px double var(--blue);padding-bottom:10px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:4px}h2{font-size:23px;color:var(--blue);line-height:1.35;margin:0;font-weight:bold;letter-spacing:-1px}h2 .dot{color:var(--red)}.section-heading>.mono{font-size:9px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{display:block;text-decoration:none;color:var(--ink);border:1px solid #a2a8b4;padding:10px;background:#fffef7}.project:hover{border-color:var(--blue);background:#f4f6ff;color:var(--ink)}.project-visual{height:180px;position:relative;overflow:hidden;border:1px solid #9ba6b4}.syntax{background:#e1e9ef}.visual-label{position:absolute;top:10px;left:12px;font-size:8px;color:#425b7b}.code-art{position:absolute;top:37px;left:25px;font:12px/1.65 Consolas,monospace;color:#234571}.code-muted{color:#67717d}.code-orange{color:#a43d34}.code-green{color:#26744b}.visual-bottom{position:absolute;bottom:8px;left:12px;font-size:8px;color:#42617d}.cursor{color:#b13a30}.cosmos{background:radial-gradient(#a3b3dd .8px,transparent .8px),#16274b;background-size:19px 19px}.cosmos .visual-label,.cosmos .visual-bottom{color:#c2cbea}.planet-orbit{position:absolute;width:260px;height:93px;border:1px solid #acb9dd;border-radius:50%;left:calc(50% - 130px);top:43px;transform:rotate(-20deg)}.pulsar{position:absolute;top:74px;left:calc(50% - 13px);width:26px;height:26px;background:#ffffc0;border-radius:50%;box-shadow:0 0 0 3px #ffffc040,0 0 17px #ffbd67}.pulsar-beam{position:absolute;top:25px;left:50%;width:3px;height:126px;background:linear-gradient(transparent,#fff1b5,transparent);transform:rotate(38deg)}.planet{position:absolute;top:117px;left:25%;width:12px;height:12px;border-radius:50%;background:#83bdc5;border:1px solid white}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.project-info .eyebrow,.small-project .eyebrow{font-size:8px;margin:0 0 4px;color:#6c6470}.project h3{font-size:17px;margin:0;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.round-arrow{color:var(--red);font-size:18px;margin-left:auto}.project-desc{font-size:11px;line-height:1.7;margin:9px 0 2px;color:#50586b}.small-project{display:flex;align-items:center;gap:13px;background:#f0f0e4}.mini-icon{font-size:30px;border:2px outset #eee;background:#d8dfeb;color:var(--blue);width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.trophy{color:var(--red);background:#f0e0c7}.small-project h3{font-size:15px}.small-project .project-desc{font-size:10px}.server-section{background:#f0f1e7;border-block:1px solid #a8ad9e}.server-section .section-heading{align-items:center}.server-section h2{font-size:24px}.serif{font-style:normal}.server-section h2 .serif{font-family:Georgia,serif;color:var(--red);font-size:20px}.section-intro{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.infra-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:23px;align-items:center}.architecture{background:#fafbf5;border:1px solid #8f99a1;padding:16px}.diagram-title{display:flex;justify-content:space-between;background:var(--blue);color:#fff;font-size:9px;margin:-16px -16px 17px;padding:5px 9px}.flow{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:23px 0}.flow-node{display:flex;flex-direction:column;gap:7px}.flow-node>span{font-size:9px;color:var(--red)}.flow-node strong{font-size:11px;color:var(--blue)}.flow-node small{font-size:8px;color:var(--muted)}.connector{color:#8c95a5}.diagram-note{font-size:9px;border-top:1px dotted #9ca4ad;padding-top:11px}.diagram-note>span{color:var(--red)}.infra-details{display:flex;flex-direction:column;gap:15px}.infra-details>div{display:flex;gap:12px}.detail-num{color:var(--red);font-size:10px;padding-top:2px}.infra-details h3{font-size:12px;margin:0;color:var(--blue)}.infra-details p{font-size:10px;margin:3px 0 0;color:var(--muted)}.owner{margin-top:22px;border:1px solid #9da5b4;background:#e1e6ef;padding:9px 12px;font-size:11px}.owner summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:var(--blue)}.owner summary>span{font-size:9px;color:#545f72}.owner-links{display:flex;gap:20px;padding-top:14px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.about h2{font-size:25px}.about .dot{margin-left:9px}.about-copy p{font-size:12px;line-height:1.9;margin:0 0 13px}.muted{color:var(--muted)}.badges{display:flex;gap:7px;align-items:center;border-top:1px dashed #939da6;padding-block:16px}.badges>span{border:2px outset #ececec;background:#d1d8e0;color:var(--blue);min-width:82px;text-align:center;font:9px/1.2 Consolas,monospace;padding:3px 5px}.badges>span:nth-child(2){background:#e7ddb8;color:#5a4717}.badges>span:nth-child(3){background:#dfebd4;color:#255633}.badges>span:nth-child(4){background:#f3d9d1;color:#9b362a}.badges p{font-size:10px;margin-left:auto}.badges p span{color:var(--red)}footer{display:flex;align-items:center;gap:20px;padding:18px 0 25px}footer .logo{font-size:20px}footer>span,footer>a:not(.logo){font-size:9px}footer>a:not(.logo){margin-left:auto}footer>.mono{font-size:9px;color:#5a6371}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:var(--blue);padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:760px){.wrap,.topline,main{width:calc(100% - 20px)}.topline{font-size:8px;letter-spacing:0}.topline>span:last-child{font-size:7px}.nav{padding:12px;gap:10px;flex-wrap:wrap}.logo{font-size:27px}.logo .dot{font-size:17px}nav{order:3;width:100%;border-top:1px dotted #aaa;padding-top:9px;justify-content:center}nav a{font-size:11px;padding-inline:20px}.nav-end{font-size:11px}main .wrap{margin-inline:14px}.welcome{font-size:10px;line-height:2}.welcome>span{display:block;font-size:9px;margin:0}.hero{grid-template-columns:1fr;gap:23px;padding-block:23px}h1{font-size:52px;margin:16px 0}h1 .serif{font-size:26px;letter-spacing:-1.6px}.eyebrow{font-size:9px}.intro{font-size:12px}.hero-actions{gap:14px}.button{font-size:11px;padding:8px}.button span{margin-left:6px}.text-link{font-size:11px}.hero-note{font-size:8px;margin-top:20px}.machine-art{max-width:400px;width:100%;margin:auto;padding-inline:24px}.stack-strip{margin-inline:14px}.stack-strip .wrap{margin:0;flex-wrap:wrap;gap:8px;justify-content:flex-start;font-size:9px}.stack-strip .wrap>span:first-child{width:100%;font-size:8px}.section{padding-block:24px}.section-heading{display:block}.section-heading>.mono{display:block;margin-top:8px;font-size:8px}h2{font-size:21px}.projects{grid-template-columns:1fr;gap:13px}.project-visual{height:175px}.project-desc{font-size:11px}.small-project .project-desc{font-size:10px}.infra-grid{grid-template-columns:1fr;gap:20px}.section-intro{font-size:10px;margin-top:12px}.flow-node strong{font-size:10px}.flow-node small{font-size:8px}.owner summary{font-size:10px}.owner summary>span{font-size:8px;text-align:right;max-width:140px}.owner-links{flex-direction:column;gap:12px}.about{grid-template-columns:1fr;gap:17px}.about-copy p{font-size:11px}.badges{flex-wrap:wrap;justify-content:center;gap:5px}.badges>span{min-width:70px;font-size:8px}.badges p{width:100%;text-align:center;margin:7px 0 0}footer{flex-wrap:wrap;gap:12px}footer>span{font-size:8px}footer>.mono{width:100%;text-align:center;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-copy,.machine-art{min-width:0}@media(max-width:760px){h1 .serif{font-size:clamp(19px,6.5vw,26px);letter-spacing:-1px}.hero-actions{flex-wrap:wrap}}