:root{--bg:#f4f6f9;--paper:#fff;--ink:#172337;--muted:#59677a;--line:#d8dfe8;--blue:#245cda;--blue-bg:#edf3ff;--green:#27715c;--green-bg:#edf7f2;--amber:#9b5b15;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:28px}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-80px;left:10px;z-index:30;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto}header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:800;color:var(--blue)}.wordmark>span{font-size:14px;color:var(--ink);font-weight:600}nav{display:flex;gap:28px;font-size:12px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--blue)}.intro{padding:34px 32px 24px}.eyebrow,.project-number{font:10px/1.6 monospace;letter-spacing:1px;font-weight:600}.eyebrow{color:var(--blue);margin:0 0 12px}h1{font-size:40px;line-height:1.12;letter-spacing:-1.6px;margin:0;font-weight:600}h1 br{display:none}h1 span{color:#68768a;margin-left:10px;font-weight:400}.intro-line{font-size:15px;line-height:1.6;color:var(--muted);margin:15px 0 0}.project-directory{margin:0 32px 42px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white}.directory-item{padding:21px 23px 0;display:flex;flex-direction:column;border-right:1px solid var(--line);text-decoration:none;position:relative;overflow:hidden}.directory-item:last-child{border:0}.directory-item:hover{background:#f7faff}.directory-item .project-number{color:var(--blue);font-size:9px}.directory-item:nth-child(2) .project-number{color:var(--green)}.directory-item:nth-child(3) .project-number{color:var(--amber)}.directory-item h2{font-size:23px;line-height:1.24;letter-spacing:-.6px;margin:12px 0 13px;font-weight:600}.directory-link{font-size:11px;color:var(--muted)}.directory-item canvas{display:block;width:100%;height:150px;margin:0 0 0}.project-details{padding:0 32px}.case-study{background:white;border:1px solid var(--line);padding:28px;margin-bottom:28px;scroll-margin-top:24px;--accent:var(--blue);--tint:var(--blue-bg)}.case-study.green{--accent:var(--green);--tint:var(--green-bg)}.case-study.amber{--accent:var(--amber);--tint:#fff6e9}.case-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.case-heading .project-number{color:var(--accent)}.category{font:9px/1.5 monospace;letter-spacing:.7px;color:var(--muted)}.case-study>h2{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 10px;max-width:29ch}.case-summary{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px;max-width:80ch}.registration-timeline{display:grid;grid-template-columns:1fr 140px 1fr;gap:15px;background:var(--tint);padding:23px 26px;margin-bottom:24px;align-items:center;border-left:3px solid var(--accent)}.timeline-now,.timeline-later{position:relative;padding-left:24px;display:grid;gap:7px}.time-dot{width:9px;height:9px;background:var(--blue);border-radius:50%;position:absolute;top:3px;left:0;box-shadow:0 0 0 4px #dbe6ff}.timeline-later .time-dot{background:#a4adbc;box-shadow:0 0 0 4px #e3e7ee}.registration-timeline small{font:9px monospace;color:var(--muted);letter-spacing:1px}.registration-timeline strong{font-size:15px;font-weight:600}.registration-timeline div>span:last-child:not(.time-dot){font-size:12px;color:var(--muted)}.timeline-track{position:relative;text-align:center}.timeline-track span{font:10px monospace!important;display:block;margin-bottom:8px}.timeline-track i{display:block;height:1px;background:#b4c6e7;position:relative}.timeline-track i:after{content:'›';position:absolute;right:0;top:-12px;font:22px Arial;color:var(--blue)}.architecture{border:1px solid var(--line);background:#fbfcfe}.diagram-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);gap:15px}.diagram-heading h3{font-size:13px;font-weight:600;margin:0}.diagram-heading>span{font:8px/1.6 monospace;color:var(--muted);letter-spacing:.6px;text-align:right}.graph-flow{display:grid;align-items:center;padding:29px 22px;gap:0}.graph-flow.four{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr}.graph-node{background:white;border:1px solid #ccd5e2;min-height:87px;display:flex;flex-direction:column;justify-content:center;padding:15px 13px;position:relative;box-shadow:0 3px 0 #e9edf3}.graph-node:before{content:'';position:absolute;left:-1px;top:15px;width:3px;height:17px;background:#9caac0}.graph-node strong{font-size:13px;font-weight:600;line-height:1.4}.graph-node>span{font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}.graph-node.source{border-style:dashed;background:#f3f6fa}.graph-node.source:before{display:none}.graph-node.output{border-color:var(--accent);background:var(--tint)}.graph-node.output:before{background:var(--accent)}.graph-arrow,.branch-arrow{font:23px Arial;text-align:center;color:#8d9bb0}.architecture-caption{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:22px;align-items:center;background:white}.caption-label{font:8px/1.7 monospace;letter-spacing:.6px;color:var(--accent);white-space:nowrap}.architecture-caption p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}.scope-line{font-size:11px;line-height:1.7;color:#68758a;margin:13px 0}.paired-data{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:20px;margin:0 22px 25px;padding:20px;background:var(--green-bg);border-top:1px solid #c9dfd3}.point-preview,.label-preview{color:var(--green)}.point-preview>span,.label-preview>span{font:8px monospace;letter-spacing:1px;display:block;margin-bottom:8px}.point-preview svg{height:70px;width:100%;display:block}.label-preview code{font:10px/1.8 monospace;display:block;color:#416b59}.alignment{text-align:center}.alignment b{font:25px Arial;color:var(--green);display:block}.alignment strong{font-size:12px;display:block;margin-top:7px}.alignment>span{font-size:10px;color:var(--muted);display:block;line-height:1.6;margin-top:6px}.agent-lane{display:grid;grid-template-columns:1fr 2fr;align-items:start;background:#f7f7fb;border:1px dashed #bdbbd3;margin-top:17px;padding:18px;gap:25px}.proposed-label{font:8px/1.7 monospace;letter-spacing:.7px;color:#70618c}.agent-lane h3{font-size:12px;line-height:1.5;margin:7px 0 0;font-weight:500}.agent-graph{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-graph>span{border:1px solid #d3ccdf;padding:8px 10px;background:white;font-size:10px}.agent-graph>b{font:15px Arial;color:#8a7f9c}.return-path{width:100%;font:9px/1.7 monospace;color:#7f728e;border-bottom:1px dashed #b5a7c5;padding:3px 0 7px}.branch-graph{display:grid;grid-template-columns:1fr 26px 1.4fr 26px 1.2fr 26px 1.1fr;align-items:center;padding:24px 20px}.branch-graph .graph-node{min-height:80px;padding:12px}.branch-graph .graph-node strong{font-size:12px}.branch-graph .graph-node span{font-size:10px}.extraction-paths{display:grid;gap:16px}.split-lines,.join-lines{display:grid;gap:39px;text-align:center;color:#8d9bb0;font-size:21px}.bom-output{margin:0 20px 22px;border:1px solid #d9dce2;background:white;position:relative}.file-tab{font:9px monospace;color:#926021;display:block;border-bottom:1px solid #e3e0d7;padding:9px 12px;background:#faf7f0}.bom-output table{border-collapse:collapse;width:100%;font-size:11px}.bom-output th,.bom-output td{text-align:left;padding:10px 12px;border-bottom:1px solid #e7e9ed}.bom-output th{font:9px monospace;color:var(--muted);background:#f8fafc}.ok,.review{font-size:9px;padding:4px 6px;display:inline-block}.ok{color:#317453;background:#edf6ef}.review{color:#925a23;background:#fff0db}.sample-label{font:7px monospace;color:#8b92a0;display:block;text-align:right;padding:6px 12px}.stack-line{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:15px;font:10px/1.7 monospace;color:var(--muted)}.stack-line b{font-weight:400;color:#a3aaba}details.deeper{margin-top:17px;border-top:1px solid #e8ebf0;padding-top:8px}summary{cursor:pointer;font-size:11px;font-weight:500;color:var(--muted);padding:10px 0;list-style-position:inside}summary:hover{color:var(--blue)}details p{font-size:13px;line-height:1.8;color:var(--muted);max-width:80ch}details h4{font-size:12px;margin:15px 0 6px}.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.tools{display:grid;grid-template-columns:110px 1fr;font-size:12px;line-height:1.8;gap:8px}.tools dd{margin:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Evidence from the training log */
.training{margin:44px 32px 0;background:#101e31;color:#f0f4fb;padding:28px}.training-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.kicker{font:9px/1.7 monospace;letter-spacing:1px;color:#9eafc8;margin:0 0 10px}.training h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0;font-weight:500}.text-link{font-size:11px;text-decoration:none;border-bottom:1px solid #6a809e;padding-bottom:6px;color:#c2d5f4}.training-videos{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.video-record{background:white;color:var(--ink);border:1px solid #3a4d67;min-width:0}.video-head{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.video-head h3{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:600}.video-head>span{font:10px monospace;color:var(--muted)}.video-record iframe{display:block;width:100%;height:560px;border:0;background:#f6f7fa}.video-foot{display:flex;justify-content:space-between;padding:13px 15px;font:9px/1.7 monospace;gap:15px;border-top:1px solid var(--line)}.video-foot>span{color:var(--muted)}.video-foot a{color:var(--blue);white-space:nowrap}.fitness-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #35465c}.fitness-board>div{min-width:0;padding:21px 17px;border-right:1px solid #35465c}.fitness-board>div:first-child{padding-left:0}.fitness-board>div:last-child{border:0;padding-right:0}.stat-label{font:8px/1.6 monospace;letter-spacing:.4px;color:#a8bbd5}.bench-ratio{width:90px;height:90px;border:8px solid #668cc9;border-right-color:#afcaff;border-bottom-color:#afcaff;border-radius:50%;margin:20px auto;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}.bench-ratio>span{transform:rotate(45deg);text-align:center;font-size:29px;line-height:1}.bench-ratio small{display:block;font:6px monospace;margin-top:4px}.stat-pair{display:flex;align-items:center;justify-content:center;gap:9px}.stat-pair strong{font:20px Arial;text-align:center}.stat-pair small{display:block;font:7px monospace;color:#9eafc8;margin-top:5px}.stat-pair>span{color:#7189ad}.bench-stat>a{display:block;font:8px/1.7 monospace;color:#bad2f8;text-align:center;margin-top:17px}.squat-number{font-size:29px;letter-spacing:-1px;margin-top:29px;white-space:nowrap}.squat-number>span{font-size:19px;color:#afcaff;margin:0 3px}.barbell-art{display:flex;align-items:center;justify-content:center;margin:28px 0;transform:rotate(-12deg);height:42px;position:relative;isolation:isolate}.barbell-art b{height:6px;background:#b5c5dc;width:100%;position:absolute;z-index:-1}.barbell-art i{width:8px;height:27px;background:#6a819f;border:1px solid #a5bad5;margin:0 3px}.barbell-art i:nth-child(2),.barbell-art i:nth-child(4){height:39px;width:15px}.barbell-art i:nth-child(4){margin-left:45%}.source-links{display:flex;justify-content:space-between;gap:7px}.source-links a{font:7px/1.8 monospace;color:#bad2f8}.run-compare{margin-top:23px}.run-compare>div{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px;align-items:center}.run-compare span{font:7px monospace;color:#a8bbd5}.run-compare b{font:22px Arial}.run-compare i{grid-column:1/3;display:block;width:var(--length);height:7px;background:#527ab5}.run-compare>div:last-child i{background:#afcaff}.run-saving{font:9px/1.7 monospace;color:#b8c8df;margin:15px 0 0}.run-saving strong{color:white}.route{height:65px;width:100%;margin:10px 0 0}.route path{stroke:#668cc9}.route circle{fill:#afcaff}.distance-number{font-size:33px;letter-spacing:-1px}.distance-number>small{font-size:14px;color:#a8bbd5}.distance-stat>p{font:9px/1.7 monospace;color:#b8c8df;max-width:25ch;margin:10px 0 0}.distance-stat strong{color:white;font-weight:400}.training-bottom{font:8px/1.8 monospace;display:flex;justify-content:space-between;gap:15px;color:#9eafc8;padding-top:16px;border-top:1px solid #35465c}.training-bottom a{white-space:nowrap;color:#bad2f8}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;gap:15px;font-size:10px;color:var(--muted)}footer a{text-decoration:none}footer>a:first-child{font-size:12px;color:var(--ink);font-weight:600}
@media(max-width:950px){h1{font-size:34px}.directory-item{padding:18px 17px 0}.directory-item h2{font-size:20px}.directory-item canvas{height:130px}.case-study{padding:23px}.graph-flow.four{grid-template-columns:1fr 23px 1fr 23px 1fr 23px 1fr;padding:24px 17px}.graph-node{padding:12px 9px;min-height:90px}.graph-node strong{font-size:11px}.graph-node>span{font-size:10px}.branch-graph{grid-template-columns:1fr 20px 1.3fr 20px 1.2fr 20px 1fr;padding:20px 14px}.branch-graph .graph-node{padding:10px 8px}.branch-graph .graph-node strong{font-size:10px}.branch-graph .graph-node span{font-size:9px}.registration-timeline{grid-template-columns:1fr 80px 1fr;padding:22px}.registration-timeline strong{font-size:13px}.fitness-board{grid-template-columns:1fr 1fr}.fitness-board>div{padding:22px!important;border-bottom:1px solid #35465c}.fitness-board>div:nth-child(even){border-right:0}.fitness-board>div:nth-child(n+3){border-bottom:0}.fitness-board>div:nth-child(odd){padding-left:0!important}.fitness-board>div:nth-child(even){padding-right:0!important}.squat-number{font-size:38px}.stat-pair strong{font-size:25px}.stat-label{font-size:9px}.bench-ratio{height:110px;width:110px}.source-links a{font-size:9px}.bench-stat>a{font-size:9px}.run-compare b{font-size:28px}.distance-number{font-size:40px}.distance-stat>p{font-size:11px}.video-record iframe{height:510px}.agent-lane{grid-template-columns:1fr;gap:14px}}
@media(max-width:650px){header{padding:20px}.wordmark{gap:9px}.wordmark>span{font-size:12px}nav{gap:16px;font-size:10px}nav a:last-child{display:none}.intro{padding:28px 20px 23px}h1{font-size:32px;letter-spacing:-1px}h1 br{display:block}h1 span{display:block;margin:3px 0 0}.eyebrow{font-size:9px}.intro-line{font-size:12px;line-height:1.8;max-width:34ch}.project-directory{margin:0 20px 28px;display:block}.directory-item{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:18px 17px}.directory-item .project-number{font-size:8px;letter-spacing:.4px}.directory-item h2{font-size:19px;margin:9px 0 10px}.directory-link{font-size:9px}.directory-item canvas{height:130px}.project-details{padding:0 20px}.case-study{padding:20px 16px;margin-bottom:20px}.case-heading{align-items:flex-start;gap:12px;margin-bottom:12px}.case-heading .project-number{font-size:8px;max-width:23ch;letter-spacing:.5px}.category{font-size:7px;max-width:13ch;text-align:right}.case-study>h2{font-size:25px;letter-spacing:-.7px;line-height:1.18}.case-summary{font-size:12px;margin-bottom:19px}.registration-timeline{grid-template-columns:1fr;gap:15px;padding:18px;margin-bottom:20px}.registration-timeline strong{font-size:13px}.registration-timeline small{font-size:8px}.registration-timeline div>span:last-child:not(.time-dot){font-size:11px}.timeline-track{padding-left:24px;text-align:left}.timeline-track>span{font-size:8px!important}.timeline-track i{max-width:100px}.diagram-heading{padding:13px 12px;align-items:flex-start;gap:10px}.diagram-heading h3{font-size:11px;line-height:1.5}.diagram-heading>span{font-size:7px;max-width:12ch}.graph-flow.four{display:flex;flex-direction:column;padding:18px 23px;gap:0}.graph-node{width:100%;min-height:67px;padding:12px 16px}.graph-node strong{font-size:13px}.graph-node>span{font-size:11px;margin-top:4px}.graph-arrow{height:28px;line-height:28px;transform:rotate(90deg);font-size:23px}.architecture-caption{padding:13px 12px;display:block}.caption-label{font-size:7px}.architecture-caption p{font-size:11px;margin-top:6px;line-height:1.7}.scope-line{font-size:10px}.paired-data{margin:0 12px 17px;padding:14px;grid-template-columns:1fr 1fr;gap:15px}.alignment{grid-column:1/3;grid-row:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.alignment b{font-size:21px}.alignment strong{font-size:11px;margin:0}.alignment>span{font-size:9px;width:100%;margin-top:0}.label-preview code{font-size:8px}.point-preview>span,.label-preview>span{font-size:7px}.agent-lane{padding:14px;gap:12px}.agent-lane h3{font-size:11px}.agent-graph{gap:5px}.agent-graph>span{font-size:8px;padding:7px 5px}.agent-graph>b{font-size:12px}.return-path{font-size:8px}.branch-graph{grid-template-columns:1fr;gap:0;padding:18px 20px}.pdf-node,.merge-node,.excel-node{width:100%}.branch-graph .graph-node{min-height:64px;padding:12px}.branch-graph .graph-node strong{font-size:12px}.branch-graph .graph-node span{font-size:10px}.split-lines,.join-lines{display:flex;justify-content:space-around;font-size:20px;gap:20px;line-height:30px}.split-lines>span:first-child{transform:rotate(90deg)}.split-lines>span:last-child{transform:rotate(0)}.join-lines>span:last-child{transform:rotate(90deg)}.extraction-paths{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extraction-paths .graph-node{height:100%;min-height:92px}.extraction-paths .graph-node strong{font-size:10px}.extraction-paths .graph-node span{font-size:9px}.branch-arrow{height:28px;line-height:28px;transform:rotate(90deg)}.bom-output{margin:0 10px 16px;overflow:hidden}.bom-output th,.bom-output td{font-size:8px;padding:9px 5px}.bom-output th{font-size:7px}.file-tab{font-size:8px;padding:8px}.ok,.review{font-size:7px;padding:3px}.sample-label{font-size:6px}.stack-line{font-size:8px;gap:7px}.project-columns{grid-template-columns:1fr;gap:0}details p{font-size:12px}.tools{grid-template-columns:1fr;font-size:11px;gap:3px}.tools dd{margin-bottom:8px}summary{font-size:10px}.training{margin:30px 20px 0;padding:20px}.training-header{align-items:start;display:block}.training h2{font-size:30px}.training-header .text-link{display:inline-block;margin-top:15px;font-size:10px}.training-videos{grid-template-columns:1fr;gap:20px}.video-head{padding:12px}.video-head h3{font-size:15px}.video-head>span{font-size:9px}.video-record iframe{height:490px}.video-foot{font-size:8px;gap:10px;padding:11px}.fitness-board{grid-template-columns:1fr}.fitness-board>div{padding:22px 0!important;border-right:0!important;border-bottom:1px solid #35465c!important}.fitness-board>div:last-child{border-bottom:0!important}.bench-ratio{height:110px;width:110px}.bench-ratio>span{font-size:35px}.bench-ratio small{font-size:7px}.stat-pair strong{font-size:27px}.stat-pair small{font-size:9px}.stat-label{font-size:9px}.bench-stat>a{font-size:10px}.squat-number{font-size:43px}.barbell-art{max-width:240px;margin:30px auto}.source-links a{font-size:9px}.run-compare span{font-size:9px}.run-compare b{font-size:29px}.run-saving{font-size:11px}.route{height:75px}.distance-number{font-size:43px}.distance-stat>p{max-width:none;font-size:11px}.training-bottom{display:block;font-size:8px}.training-bottom>span{display:block;margin-top:9px}footer{padding:25px 20px;flex-wrap:wrap;font-size:9px}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Snapshot-led project pages */
.compact-intro{padding:25px 32px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-intro .eyebrow{margin:0}.compact-intro .intro-line{font-size:12px;margin:0}.case-study{padding:30px;margin-bottom:25px}.case-study>h2{font-size:44px;line-height:1.08;letter-spacing:-1.8px;max-width:none;margin:0 0 15px}.case-summary{font-size:14px;line-height:1.65;max-width:80ch;margin:0 0 24px}.product-snapshot{margin:0 0 24px;border:1px solid #c3cddd;background:#08111e}.product-snapshot>a{display:block}.product-snapshot img{display:block;width:100%;height:auto}.product-snapshot figcaption{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#f7f9fc;font:10px/1.6 monospace;color:var(--muted);gap:15px}.product-snapshot figcaption a{color:var(--blue);white-space:nowrap}.scene-snapshot{display:block;position:relative;background:#edf3ee;border:1px solid #cddcd3;margin:0 0 24px;text-decoration:none}.scene-snapshot canvas{width:100%;height:280px;display:block}.scene-snapshot>span{display:block;position:absolute;bottom:14px;left:17px;font:9px monospace;color:#5f7869}.output-snapshot{border:1px solid var(--line);background:#f1f4f8;margin-bottom:24px;padding:20px}.snapshot-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:15px}.snapshot-title>span{font:9px monospace;color:var(--muted)}.output-snapshot .bom-output{margin:0;border-color:#c9d2e0;box-shadow:0 7px 18px #2233500b}.output-snapshot .bom-output th,.output-snapshot .bom-output td{padding:17px 19px;font-size:13px}.output-snapshot .bom-output th{font:10px monospace}.output-snapshot .file-tab{font-size:10px;padding:12px 18px}.output-snapshot .ok,.output-snapshot .review{font-size:10px}.architecture{margin-bottom:0}.diagram-heading{padding:14px 18px}.graph-flow{padding:24px 20px}.case-study .deeper{margin-top:13px}.case-study .deeper>summary{padding:9px 0}.agent-lane{padding:14px 17px;align-items:center}.agent-graph .return-path{font-size:8px}.case-study .project-number{font-size:10px}.training{margin-top:30px}@media(max-width:950px){.case-study>h2{font-size:38px}.scene-snapshot canvas{height:250px}}@media(max-width:650px){.compact-intro{padding:23px 20px;display:block}.compact-intro .eyebrow{font-size:9px}.compact-intro .intro-line{font-size:11px;margin-top:8px;max-width:none}.case-study{padding:20px 16px}.case-study>h2{font-size:31px;line-height:1.12;letter-spacing:-1.1px}.case-summary{font-size:12px;margin-bottom:20px}.case-study .project-number{font-size:8px}.product-snapshot{margin-bottom:20px}.product-snapshot>a{overflow:hidden}.product-snapshot img{min-height:180px;object-fit:cover;object-position:50% 16%}.product-snapshot figcaption{font-size:8px;padding:10px;align-items:start}.product-snapshot figcaption>span{max-width:22ch}.scene-snapshot{margin-bottom:20px}.scene-snapshot canvas{height:210px}.scene-snapshot>span{font-size:8px;bottom:12px;left:12px}.output-snapshot{padding:12px;margin-bottom:20px}.snapshot-title{font-size:11px}.snapshot-title>span{font-size:8px}.output-snapshot .bom-output th,.output-snapshot .bom-output td{padding:13px 6px;font-size:9px}.output-snapshot .bom-output th{font-size:8px}.output-snapshot .ok,.output-snapshot .review{font-size:7px}.output-snapshot .file-tab{font-size:9px;padding:9px}.diagram-heading{padding:12px}.graph-flow.four{padding:18px 20px}.training{margin:28px 12px 0;padding:14px}.video-record iframe{height:530px}}
/* Scenic / pixel direction, inspired by the supplied reference. */
@font-face{font-family:Pixelify;src:url('assets/pixelify-sans.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--bg:#061c2b;--paper:#0b2a3d;--ink:#e3f1f5;--muted:#9bb6c7;--line:#28475a;--blue:#88e7dc;--blue-bg:#103548;--green:#80d4b3;--green-bg:#123b3e;--amber:#e5bf83;background:var(--bg);color:var(--ink)}body{background:var(--bg)}header{max-width:none;padding:22px max(32px,calc((100vw - 1180px)/2));background:#9cebdc;border:0;position:relative;z-index:2}.wordmark{font:600 24px Pixelify,monospace;color:#103b55}.wordmark>span{font:600 17px Pixelify,monospace;color:#103b55}nav a{font:600 16px Pixelify,monospace;color:#103b55}nav a:hover{color:#256487}main{max-width:none}.landscape-hero{height:490px;position:relative;overflow:hidden;background:#9cebdc}.landscape{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-introduction{position:absolute;top:28%;left:50%;transform:translateX(-50%);width:90%;text-align:center;color:#103b55}.hero-introduction>p{font:600 25px Pixelify,monospace;margin:0 0 3px}.hero-introduction>h1{font:600 clamp(44px,6.5vw,83px)/1 Pixelify,monospace;letter-spacing:-2px;margin:0;text-shadow:2px 3px 0 #bce8ee}.hero-introduction>span{font:600 14px Pixelify,monospace;display:block;margin-top:9px;color:#174f6d}.hero-introduction>a{display:inline-flex;gap:20px;align-items:center;margin-top:23px;padding:10px 15px;text-decoration:none;font:600 13px Pixelify,monospace;color:#dcfbf5;background:#0e3c55;border:1px solid #2b6f89;box-shadow:0 4px 0 #062537}.hero-introduction>a:hover{background:#155573}.hero-introduction b{font-size:18px;font-weight:400}.hero-bottom{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#88a7b7;font:8px/1.7 monospace;letter-spacing:1px}.project-details{max-width:1180px;padding:0 32px;margin:auto}.top-projects-heading{padding:33px 0 26px;position:relative}.top-projects-heading>p{font:9px monospace;letter-spacing:2px;color:#7fabbc;margin:0 0 8px}.top-projects-heading h2{font:600 38px/1.1 Pixelify,monospace;color:#a3f2e5;margin:0}.top-projects-heading>span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.case-study{background:transparent;border:0;border-top:1px solid var(--line);padding:29px 0 34px;margin-bottom:0;--accent:#8be3d5;--tint:#113449}.case-study.green{--accent:#85d8b1;--tint:#133a3e}.case-study.amber{--accent:#ebc791;--tint:#3c3530}.case-study .project-number{font:600 13px/1.5 Pixelify,monospace;letter-spacing:.5px;color:var(--accent)}.category{color:#87a5b8}.case-study>h2{font:600 43px/1.08 Pixelify,monospace;letter-spacing:-.5px;color:#e2f3f6}.case-summary{color:#a6bdcb}.product-snapshot{border-color:#335365;box-shadow:0 13px 30px #0002}.product-snapshot figcaption{background:#102d40;color:#9eb9c8}.product-snapshot figcaption a{color:#99ece0}.architecture{background:#092435;border-color:#2b4d61}.diagram-heading{border-color:#2b4d61;background:#0d2c3e}.diagram-heading h3{color:#cee8ee;font:600 17px Pixelify,monospace}.diagram-heading>span{color:#8eacbd}.graph-node{background:#103246;border-color:#31586d;box-shadow:0 3px 0 #051b29}.graph-node:before{background:#587f96}.graph-node>span{color:#9bb9c8}.graph-node.source{background:#0a2738;border-color:#416479}.graph-node.output{background:var(--tint);border-color:var(--accent)}.graph-arrow,.branch-arrow,.split-lines,.join-lines{color:#5c91a9}.architecture-caption{background:#0d2b3b}.scene-snapshot{background:#123747;border-color:#2a5360}.scene-snapshot>span{color:#a7c7c5}.output-snapshot{background:#0c2a3b;border-color:#2b4d61}.output-snapshot .bom-output{background:#102e40;border-color:#3a5362;box-shadow:none}.file-tab{background:#15384b;color:#c3e0e6;border-color:#355364}.bom-output th{background:#0a2637;color:#93b3c5}.bom-output td,.bom-output th{border-color:#28495b}.sample-label{color:#809eaf}.ok{background:#1d483c;color:#b0dec7}.review{background:#51412c;color:#efd0a1}.snapshot-title{color:#c4e1e7}.snapshot-title>span{color:#84a6b9}.case-study .deeper{border-color:#234354}.deeper>summary{color:#9ab9ca}.deeper>summary:hover{color:#b0f6e8}.deeper a{color:#8be3d5}.training{max-width:1116px;margin:20px auto 0;background:#0a2739;border:1px solid #2a4d60;padding:27px}.training h2{font:600 39px/1.05 Pixelify,monospace;color:#b0eee5}.training .kicker{color:#88abbe}.video-record{border-color:#385b70}.video-record h3{color:#152b3f}.video-foot{background:#edf4f7}.video-foot a{color:#245fa6}.fitness-board{border-color:#2d4d61}.fitness-board>div{border-color:#2d4d61}.stat-label{color:#a0c3d2}.bench-ratio{border-color:#537e9e;border-bottom-color:#8be3d5;border-right-color:#8be3d5}.barbell-art b{background:#a1c6d4}.barbell-art i{background:#477890;border-color:#96c1ce}.squat-number>span{color:#8be3d5}.run-compare i{background:#477890}.run-compare>div:last-child i{background:#8be3d5}.route path{stroke:#539cb0}.route circle{fill:#a1eee0}.training-bottom{border-color:#2d4d61}.training a:not(.video-foot a){color:#a4e8e0}.text-link{border-color:#4e8392}.lg-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.langgraph-design{border:1px solid #36596a;margin-top:21px;background:#0b293a;padding:21px}.design-badge{font:8px monospace;letter-spacing:1px;color:#edcb95;background:#3a342b;border:1px solid #706045;padding:4px 7px;display:inline-block}.lg-heading h3{font:600 24px/1.2 Pixelify,monospace;color:#acf0de;margin:10px 0 0}.lg-heading>span{font:9px monospace;color:#88adbf;text-align:right}.lg-brief{font-size:12px;line-height:1.7;color:#9ebdca;margin:12px 0 20px}.lg-main{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center}.lg-node{padding:12px 9px;background:#10364a;border:1px solid #365f75;min-height:94px;display:flex;flex-direction:column;justify-content:center;gap:7px}.lg-node small{font:6px/1.5 monospace;letter-spacing:.7px;color:#91b9cb}.lg-node strong{font-size:11px;line-height:1.4;color:#e0f2f5;font-weight:500}.lg-node span{font-size:9px;line-height:1.5;color:#95b5c4}.lg-output{border-color:#7fc9ac;background:#153d3d}.lg-arrow{font:17px Arial;text-align:center;color:#6898ae}.lg-routing{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#112e40;border:1px dashed #597385;padding:13px;margin-top:17px}.route-label{font:7px monospace;color:#e5bf87;letter-spacing:.4px}.lg-repair{padding:9px 12px;border:1px solid #82714f;background:#3a352c}.lg-repair strong{display:block;font-size:11px;font-weight:500;color:#efdaad}.lg-repair span{font-size:9px;color:#bfae91;display:block;margin-top:5px}.repair-arrow{font:10px monospace;color:#b6d0dc}.retry-limit{font:8px/1.7 monospace;color:#c5b797;margin-left:auto}.lg-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #2c4e60;padding-top:14px;margin-top:17px}.lg-state>span{font:7px monospace;color:#88acbe;margin-right:5px}.lg-state code{font:8px monospace;background:#15384a;color:#b3d2dc;padding:5px 7px}.lg-example{margin-top:16px}.lg-example>span{font:7px monospace;letter-spacing:.7px;color:#88acbe}.lg-example>p{font:13px/1.6 Georgia,serif;color:#c5dee5;margin:7px 0 0}.langgraph-design details{border-top:1px solid #2c4e60;margin-top:17px;padding-top:4px}.langgraph-design details summary{font-size:10px;color:#9ebccc}.langgraph-design details p{font-size:12px;color:#9ebccc}.langgraph-design details a{color:#8be3d5}footer{max-width:1180px;color:#87a6b8}footer>a:first-child{font:600 18px Pixelify,monospace;color:#b8e5e7}
@media(min-width:1500px){.landscape-hero{height:540px}.hero-introduction{top:27%}}
@media(max-width:950px){header{padding:20px 32px}.landscape-hero{height:430px}.hero-introduction{top:27%}.hero-introduction>h1{font-size:65px}.hero-introduction>p{font-size:23px}.hero-introduction>span{font-size:13px}.hero-introduction>a{margin-top:19px}.case-study>h2{font-size:38px}.training{margin-left:32px;margin-right:32px}.lg-main{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr}.lg-node{padding:9px 7px;min-height:104px}.lg-node strong{font-size:10px}.lg-node span{font-size:8px}.lg-node small{font-size:6px}.lg-arrow{font-size:14px}.retry-limit{margin-left:0}.lg-routing{gap:12px}.lg-heading h3{font-size:22px}}
@media(max-width:650px){header{padding:18px 20px}.wordmark{font-size:21px}.wordmark>span{font-size:14px}nav{gap:15px}nav a{font-size:13px}.landscape-hero{height:380px}.landscape{width:100%;height:100%}.hero-introduction{top:26%;width:95%}.hero-introduction>p{font-size:22px}.hero-introduction>h1{font-size:45px;letter-spacing:-1.5px}.hero-introduction>span{font-size:12px;margin-top:9px}.hero-introduction>a{font-size:12px;padding:9px 12px;margin-top:18px}.hero-bottom{font-size:6px;letter-spacing:.6px;padding:0 12px;bottom:12px}.project-details{padding:0 20px}.top-projects-heading{padding:27px 0 22px}.top-projects-heading h2{font-size:32px}.top-projects-heading>p{font-size:8px}.top-projects-heading>span{font-size:11px}.case-study{padding:22px 0 27px}.case-study>h2{font-size:33px;letter-spacing:-.6px}.case-study .project-number{font-size:11px}.category{font-size:6px;max-width:16ch}.case-summary{font-size:12px}.diagram-heading h3{font-size:16px}.graph-node strong{font-size:12px}.graph-node>span{font-size:10px}.training{margin:16px 12px 0;padding:14px}.training h2{font-size:34px}.langgraph-design{padding:15px;margin-top:18px}.lg-heading{display:block}.lg-heading>span{display:block;text-align:left;margin-top:9px;font-size:8px}.lg-heading h3{font-size:24px}.lg-brief{font-size:11px;margin:12px 0 15px}.lg-main{display:flex;flex-direction:column;align-items:stretch;gap:0}.lg-node{min-height:70px;padding:12px 14px;gap:5px}.lg-node small{font-size:7px}.lg-node strong{font-size:13px}.lg-node span{font-size:10px}.lg-arrow{height:24px;line-height:24px;transform:rotate(90deg);font-size:20px}.lg-routing{gap:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr}.route-label{grid-column:1/3;font-size:7px}.lg-repair{padding:10px}.lg-repair strong{font-size:10px}.lg-repair span{font-size:8px}.repair-arrow{font-size:8px;line-height:1.8}.retry-limit{font-size:8px;grid-column:1/3}.lg-state{gap:6px}.lg-state>span{width:100%;margin:0 0 3px}.lg-state code{font-size:7px}.lg-example>p{font-size:12px}.lg-example>span{font-size:7px}.lg-routing .retry-limit{margin:0}.case-study .deeper>summary{font-size:10px}footer{padding:24px 20px}footer>a:first-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-introduction>span{display:table;margin:9px auto 0;padding:4px 9px;color:#153f56;background:#aee7ea;font-size:13px}.hero-introduction>a{margin-top:16px}@media(max-width:650px){.hero-introduction>span{font-size:11px;padding:4px 7px}.hero-introduction>a{margin-top:14px}}
/* A compact, logo-based skills index and one consistent reading size. */
.technologies{max-width:1180px;margin:0 auto;padding:27px 32px 12px}.technologies>h2{font:600 28px/1.2 Pixelify,monospace;color:#a3f2e5;margin:0 0 23px}.tech-groups{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;row-gap:0}.tech-group{border-top:1px solid #28475a;padding:18px 0 19px;min-width:0}.tech-group>h3{font-size:14px;font-weight:600;color:#d0e8ee;margin:0 0 14px}.tech-group>div{display:flex;flex-wrap:wrap;gap:14px 20px}.tech-tag{display:inline-flex;align-items:center;gap:8px;font:14px/1.5 Arial,sans-serif;color:#a9c5d2;min-height:29px;white-space:nowrap}.tech-tag img{width:25px;height:25px;object-fit:contain;flex:none}.tech-tag img.mono-logo{filter:brightness(0) invert(1);opacity:.9}.tool-symbol{display:inline-flex;justify-content:center;align-items:center;min-width:27px;height:27px;font:600 10px monospace;letter-spacing:-.6px;color:#9de7d9;border:1px solid #446b78;background:#143b4a;padding:0 3px}.project-technologies{display:flex;flex-wrap:wrap;gap:12px 22px;margin:-6px 0 23px}.project-technologies .tech-tag{font-size:14px}.project-technologies .tech-tag img{width:23px;height:23px}.top-projects-heading h2,.training h2{font-size:28px}.case-study>h2{font-size:30px;line-height:1.15;letter-spacing:-.4px}.case-summary,.case-study .project-number,.diagram-heading>span,.graph-node>span,.scope-line,summary,details p,.product-snapshot figcaption,.snapshot-title,.snapshot-title>span,.stack-line,.lg-brief,.lg-heading>span,.lg-node small,.lg-node strong,.lg-node span,.route-label,.lg-repair strong,.lg-repair span,.repair-arrow,.retry-limit,.lg-state>span,.lg-state code,.lg-example>span,.lg-example>p,.langgraph-design details summary,.langgraph-design details p{font-size:14px;line-height:1.6}.case-study .project-number{font-family:Arial,sans-serif;font-weight:600;letter-spacing:0}.diagram-heading h3,.lg-heading h3{font-size:20px}.graph-node strong{font-size:14px;line-height:1.5}.graph-node{min-height:104px}.graph-flow.four{grid-template-columns:1fr 27px 1fr 27px 1fr 27px 1fr}.branch-graph .graph-node strong,.branch-graph .graph-node span{font-size:14px;line-height:1.5}.branch-graph .graph-node{min-height:112px}.branch-graph{grid-template-columns:1fr 23px 1.4fr 23px 1.2fr 23px 1.1fr}.product-snapshot figcaption{font-family:Arial,sans-serif}.scene-snapshot>span{font:14px/1.5 Arial,sans-serif}.lg-heading{align-items:start}.lg-main{grid-template-columns:1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr}.lg-node{min-height:145px;padding:12px 9px;gap:6px}.lg-node small{color:#80afa9;text-transform:none;font-size:13px;letter-spacing:0}.lg-node strong{font-weight:600}.lg-node span{font-size:13px}.lg-arrow{font-size:19px}.lg-heading>span{font-size:14px}.lg-routing{gap:15px}.route-label{letter-spacing:0;font-size:13px}.lg-repair strong,.lg-repair span,.repair-arrow,.retry-limit{font-size:13px}.retry-limit{max-width:27ch}.lg-state code{font-size:13px}.lg-state>span{font-size:13px}.langgraph-design details{margin-top:16px}.embedded-sheet{margin:0 0 25px;border:1px solid #5d8978;box-shadow:0 9px 20px #0002;background:white}.embedded-sheet>iframe{display:block;width:100%;height:485px;border:0;background:white}.lg-brief{margin-top:12px}.training .kicker,.stat-label,.training-bottom,.source-links a,.bench-stat>a,.video-foot,.video-head>span,.run-compare span,.run-saving,.distance-stat>p,.text-link,footer,footer>span{font-size:14px;line-height:1.6}.training-bottom{font-family:Arial,sans-serif}.stat-label{font-family:Arial,sans-serif;letter-spacing:0}.run-compare>div{grid-template-columns:1fr auto;gap:10px}.run-compare span{font-size:13px}.fitness-board>div{padding:20px}.source-links{flex-wrap:wrap}.source-links a{font-size:13px}.bench-stat>a{font-size:13px}.stat-pair small{font-size:13px}.bench-ratio small{font-size:9px}.video-head h3{font-size:16px}.video-foot{font-family:Arial,sans-serif}.category{display:none}.hero-introduction>p{font-size:18px}.hero-introduction>h1{font-size:64px}.hero-introduction>span,.hero-introduction>a{font-size:14px}.landscape-hero{height:430px}header nav{flex-wrap:wrap;justify-content:flex-end;gap:19px}.wordmark>span{font-size:16px}.case-study .deeper>summary{font-size:14px}.top-projects-heading{padding-top:28px}footer{font-size:14px}.fitness-board{grid-template-columns:1fr 1fr}.fitness-board>div{border-bottom:1px solid #2d4d61}.fitness-board>div:nth-child(even){border-right:0}.fitness-board>div:nth-child(n+3){border-bottom:0}.squat-number{font-size:34px}.distance-number{font-size:34px}.run-compare b{font-size:28px}.stat-pair strong{font-size:25px}.bench-ratio{width:105px;height:105px}
@media(max-width:950px){.lg-main{grid-template-columns:1fr 20px 1fr 20px 1fr;gap:12px 0}.lg-main>.lg-arrow:nth-child(6){display:none}.lg-main>.lg-node:nth-child(7){grid-column:1;grid-row:2}.lg-main>.lg-arrow:nth-child(8){grid-column:2;grid-row:2}.lg-main>.lg-node:nth-child(9){grid-column:3;grid-row:2}.lg-main>.lg-arrow:nth-child(10){grid-column:4;grid-row:2}.lg-main>.lg-node:nth-child(11){grid-column:5;grid-row:2}.lg-node{min-height:125px}.lg-node span,.lg-node small{font-size:13px}.branch-graph{display:flex;flex-direction:column;gap:10px}.branch-graph>div{width:100%}.split-lines,.join-lines{display:none}.extraction-paths{grid-template-columns:1fr 1fr;gap:14px}.branch-arrow{transform:rotate(90deg);height:20px;line-height:20px}.branch-graph .graph-node{min-height:90px}.graph-node strong,.graph-node>span{font-size:14px}.graph-flow.four{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr}.technologies{padding-top:25px}.tech-groups{column-gap:26px}.tech-group>div{gap:12px 16px}.source-links a{font-size:13px}}
@media(max-width:650px){.technologies{padding:25px 20px 9px}.technologies>h2{font-size:26px;margin-bottom:18px}.tech-groups{grid-template-columns:1fr}.tech-group{padding:17px 0}.tech-group>h3{font-size:14px;margin-bottom:13px}.tech-tag,.project-technologies .tech-tag{font-size:14px}.tech-group>div{gap:12px 18px}.tech-tag img{width:24px;height:24px}.project-technologies{gap:11px 17px;margin:-4px 0 20px}.project-technologies .tech-tag img{width:22px;height:22px}.case-study>h2{font-size:28px}.case-summary,.case-study .project-number,.graph-node strong,.graph-node>span,.branch-graph .graph-node strong,.branch-graph .graph-node span,.product-snapshot figcaption,.scene-snapshot>span,.case-study .deeper>summary,details p{font-size:14px;line-height:1.6}.diagram-heading h3{font-size:20px}.graph-flow.four{display:flex;flex-direction:column}.graph-node{min-height:91px}.branch-graph .graph-node{min-height:96px}.extraction-paths{grid-template-columns:1fr}.graph-arrow{display:block;height:27px}.lg-main{display:flex;flex-direction:column;gap:0}.lg-main>.lg-arrow:nth-child(6){display:block}.lg-node{min-height:99px;padding:14px}.lg-node strong,.lg-node span,.lg-node small{font-size:14px}.lg-arrow{height:25px;line-height:25px}.lg-heading h3{font-size:23px}.lg-routing{display:flex;flex-direction:column;align-items:stretch;gap:12px}.route-label,.lg-repair strong,.lg-repair span,.repair-arrow,.retry-limit,.lg-heading>span,.lg-state code,.lg-state>span,.langgraph-design details summary,.langgraph-design details p{font-size:14px}.retry-limit{max-width:none}.embedded-sheet>iframe{height:520px}.hero-introduction>h1{font-size:43px}.hero-introduction>p{font-size:18px}.hero-introduction>span,.hero-introduction>a{font-size:14px}.landscape-hero{height:360px}.hero-introduction{top:22%}header{padding:15px 20px;align-items:start;gap:15px}.wordmark{font-size:20px;gap:7px}.wordmark>span{font-size:14px;max-width:80px;line-height:1.2}header nav{gap:9px 13px;max-width:170px}nav a{font-size:14px}.top-projects-heading h2,.training h2{font-size:27px}.product-snapshot figcaption{padding:12px;display:block}.product-snapshot figcaption>span{max-width:none;display:block;margin-bottom:7px}.product-snapshot img{min-height:180px}.fitness-board{grid-template-columns:1fr}.training .kicker,.stat-label,.training-bottom,.source-links a,.bench-stat>a,.video-foot,.video-head>span,.run-compare span,.run-saving,.distance-stat>p,.text-link{font-size:14px}.video-foot{display:block}.video-foot>span{display:block;margin-bottom:5px}.video-head h3{font-size:16px}.video-head>span{font-size:14px}.stat-pair small{font-size:14px}.source-links{gap:15px}.case-study .project-number{font-size:14px}.diagram-heading{padding:14px}footer,footer>span{font-size:14px}.training-bottom>span{margin-top:12px}}
.tech-tag img.aws-logo{width:34px;height:25px;object-fit:contain;background:#fff;border-radius:2px}
.graph-flow.five{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr}@media(max-width:650px){.graph-flow.five{display:flex;flex-direction:column}.lg-main>.lg-arrow:nth-child(6){display:block}}
/* Pixel agents coordinate a visible, procedural scene build. */
.agent-workshop{margin-top:18px;border:1px solid #365d70;background:#092638}.workshop-controls{display:flex;align-items:center;gap:13px;padding:16px;border-bottom:1px solid #315365}.workshop-controls label{font-size:14px;color:#b1ccd7;white-space:nowrap}.workshop-controls select{flex:1;min-width:0;padding:10px 11px;background:#12384b;color:#d5e9ee;border:1px solid #53798a;font:14px Arial,sans-serif}.workshop-controls button{padding:10px 14px;background:#9be3d5;color:#133c4b;border:1px solid #b5f3e6;font:600 14px Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 #305c65}.workshop-controls button:hover{background:#c0f2e6}.workshop-controls button:disabled{opacity:.65;cursor:wait}.workshop-controls select:disabled{opacity:.7}.workshop-controls button:focus-visible,.workshop-controls select:focus-visible{outline:3px solid #f1cc8a;outline-offset:3px}.agent-crew{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;padding:19px 16px;background:#0e2c3d}.agent-station{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;position:relative;padding:10px 4px;border-bottom:2px solid transparent;opacity:.65;transition:opacity .2s,background .2s}.agent-sprite{width:42px;height:48px;display:block;image-rendering:pixelated}.agent-station>span{font-size:14px;color:#aac7d3}.agent-station>i{font:14px Arial,sans-serif;color:#668897;position:absolute;right:4px;top:3px;font-style:normal}.agent-station.working{opacity:1;background:#173e50;border-bottom-color:var(--agent-color)}.agent-station.working>span{color:#e0f4f5}.agent-station.working>i{color:var(--agent-color)}.agent-station.finished{opacity:1}.agent-station.finished>i{color:#a2dfb5}.working .agent-sprite{animation:agent-hop .55s steps(2,end) infinite}.working .agent-arm-right{transform-origin:23px 22px;animation:agent-wave .35s steps(2,end) infinite}.scene-workbench{height:320px;position:relative;border-top:1px solid #315365;border-bottom:1px solid #315365}.scene-workbench canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.scene-workbench canvas:active{cursor:grabbing}.scene-overlay{display:flex;justify-content:space-between;align-items:center;position:absolute;top:14px;left:16px;right:16px;pointer-events:none;gap:20px;font-size:14px;color:#a6c7d4}.scene-overlay>span:first-child{color:#bbebdf}.workshop-status{padding:16px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.6;background:#0e2e40;min-height:91px}.workshop-status strong{font-weight:600;color:#d8f0ee}.workshop-status>span{color:#9ebdcb}.agent-workshop .scene-record{margin:0!important;padding:4px 16px!important;border:0;border-top:1px solid #315365}.scene-record pre{font:14px/1.6 monospace;color:#a7cbd4;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;margin:9px 0 16px}.architecture-details{margin-top:17px;border-top:1px solid #2c4e60}.architecture-details>summary{padding:13px 0}.lg-heading h3{margin:0}.workshop-controls button,.workshop-controls select{border-radius:0}.project-context{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 17px}.project-context span{font:14px/1.6 Arial,sans-serif;color:#bbd8df}.internship-label{display:inline-block;border-left:3px solid #dcb980;background:#34352d;padding:9px 13px;color:#efd8b2!important;font-weight:600}.sponsor-logo{display:block;max-width:170px;max-height:52px;width:auto;height:auto;object-fit:contain;background:white;padding:8px 12px}.project-context a{display:inline-block}@keyframes agent-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes agent-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-35deg)}}@media(max-width:950px){.workshop-controls{flex-wrap:wrap}.workshop-controls label{width:100%}.agent-crew{gap:5px;padding:14px 10px}.agent-sprite{width:35px;height:40px}.agent-station>span{font-size:13px}.agent-station>i{right:1px;top:0}.scene-workbench{height:300px}}@media(max-width:650px){.workshop-controls{padding:13px;gap:10px}.workshop-controls select{width:100%;flex:auto;font-size:14px}.workshop-controls button{width:100%;font-size:14px;white-space:normal}.agent-crew{grid-template-columns:repeat(4,1fr);padding:11px 10px;gap:7px}.agent-station{padding:8px 2px;gap:7px}.agent-sprite{width:32px;height:38px}.agent-station>span{font-size:13px}.agent-station>i{font-size:12px;right:0;top:0}.scene-workbench{height:265px}.scene-overlay{left:12px;right:12px;top:12px;font-size:13px}.workshop-status{padding:13px;min-height:105px}.scene-record pre{font-size:13px}.project-context{gap:11px;margin-bottom:18px}.sponsor-logo{max-width:155px;max-height:48px}.project-context span{font-size:14px}}@media(prefers-reduced-motion:reduce){.working .agent-sprite,.working .agent-arm-right{animation:none}.agent-station{transition:none}}
.sponsor-logo.victoria-logo{max-width:96px;max-height:82px;padding:6px}.project-context{align-items:center}
.more-work{max-width:1180px;padding:16px 32px 0;margin:auto}.more-work>h2{font:600 28px/1.2 Pixelify,monospace;color:#a3f2e5;margin:0 0 23px}.project-live-link{font:14px/1.6 Arial,sans-serif;color:#a4ebde;text-underline-offset:4px}.notes-preview{display:block;border:1px solid #365f71;background:#102e40;text-decoration:none;margin-bottom:24px}.notes-preview:hover{border-color:#80cdbf}.notes-browser-bar{display:flex;align-items:center;gap:20px;padding:12px 16px;border-bottom:1px solid #365f71;background:#0b2637;color:#92b1c2;font-size:14px}.notes-browser-bar>span:first-child{letter-spacing:3px;color:#678b9d}.notes-browser-bar>b{margin-left:auto;color:#a4ebde;font-size:17px}.notes-workflow{display:flex;align-items:center;justify-content:center;gap:50px;padding:35px 25px}.note-page{background:#e1e9d9;width:150px;height:175px;padding:16px;transform:rotate(-6deg);box-shadow:6px 6px 0 #092334;color:#233f4a;position:relative}.note-page>span{display:block;font:35px Georgia;margin-bottom:14px}.note-page>i{display:block;height:3px;background:#879e96;margin-top:10px}.note-page>i:nth-of-type(2){width:70%}.note-page>strong{position:absolute;bottom:15px;left:16px;font-size:14px;font-weight:500}.notes-transfer{display:flex;flex-direction:column;align-items:center;gap:9px;color:#91ded0;font-size:14px}.notes-transfer>b{font-size:35px;font-weight:400}.note-library{border:1px solid #6d8c9b;background:#183e50;width:240px;padding:15px}.note-library>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;border-bottom:1px solid #3f6476;padding:12px 0;font-size:14px;color:#b8d1db}.note-library i{display:block;background:#7293a3;height:5px}.note-library i:last-child{background:#8fcebf}.note-library>strong{display:block;font-size:14px;font-weight:500;color:#d0ece6;margin-top:16px}.notes-preview-caption{display:block;text-align:center;font-size:14px;color:#a5c4cf;padding:0 15px 18px}.more-work .case-heading{align-items:center}@media(max-width:650px){.more-work{padding:15px 20px 0}.more-work>h2{font-size:27px}.more-work .case-heading{align-items:start;flex-direction:column;gap:8px}.notes-browser-bar{padding:11px;font-size:12px;gap:10px}.notes-browser-bar>span:first-child{display:none}.notes-workflow{gap:20px;padding:28px 15px}.note-page{width:102px;height:140px;padding:12px;flex:none}.note-page>span{font-size:28px;margin-bottom:9px}.note-page>strong{font-size:13px;left:12px;bottom:12px}.note-library{width:140px;padding:11px}.note-library>div{font-size:12px;gap:12px;padding:10px 0}.note-library>strong{font-size:13px;line-height:1.5;margin-top:12px}.notes-transfer{display:none}.notes-preview-caption{font-size:13px;padding:0 13px 16px}.project-live-link{font-size:14px}}
.embed-heading{font:600 20px/1.4 Pixelify,monospace;color:#cbece8;margin:23px 0 13px}.embedded-cad{border:1px solid #4a6474;margin:0 0 20px;background:#10202b}.embedded-cad iframe{width:100%;height:600px;border:0;display:block}.cad-project{margin:27px 0 0}.cad-project>p{font-size:14px;line-height:1.7;color:#a2bdc9;margin:0 0 16px}@media(max-width:650px){.embedded-cad iframe{height:660px}.embed-heading{font-size:20px}}