/* Colour and product surfaces replace the full-page scroll sculpture. */
.x-chapter:not(.x-hero){min-height:0;padding-block:110px}
.x-with-workflow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;background:radial-gradient(ellipse at 0% 100%,#2d314947,transparent 65%),#111713;border-block:1px solid #a2b9a51c}
.x-with-workflow>.workflow,.x-with-workflow>.x-copy{width:100%;max-width:650px}
.x-with-workflow .workflow{box-shadow:0 25px 80px #0003}
.x-about-question{display:none;background:#222a35;border:1px solid #728e9c33;border-radius:7px;padding:55px}
.x-about-question>p{font-size:clamp(40px,4.4vw,80px);line-height:1.1;letter-spacing:-.055em;color:#e3e9df;margin:65px 0}
.x-about-question>span:last-child{font-size:14px;color:#a6b8b7}
.x-chapter.x-projects{display:block;background:#101612;padding-block:110px 120px}
.x-projects-inner{max-width:1480px;margin:auto}
.x-section-head{display:grid;grid-template-columns:.55fr 1fr;gap:24px 5vw;margin-bottom:60px;align-items:start}
.x-section-head .x-eyebrow{padding-top:9px}.x-section-head h2{font-size:clamp(46px,5vw,84px)}
.x-section-head .x-lead{font-size:16px;max-width:550px;margin:24px 0 0}
.x-section-head>.x-link{grid-column:2;justify-self:start}
.xp-card{border-radius:5px;overflow:hidden;position:relative}
.xp-card h3{font-size:clamp(37px,4.2vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0 0 25px}
.xp-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.xp-card h3 span{font-size:.5em;font-weight:400;display:inline-block;margin-left:10px}
.xp-kicker{font:9px/1.7 Consolas,monospace;letter-spacing:.08em;margin:0 0 32px;color:inherit;opacity:.72}
.xp-copy>p:not(.xp-kicker):not(.xp-headline){font-size:15px;line-height:1.85;margin:0 0 28px;max-width:560px}
.xp-roam,.xp-command{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%;padding:clamp(30px,4vw,66px);margin-bottom:24px;align-items:center}
.xp-roam{background:#dac8a8;color:#242b21}
.xp-roam h3 span{color:#a24c2a}.xp-roam .xp-headline{font-size:clamp(25px,2.5vw,39px);line-height:1.17;letter-spacing:-.045em;margin:0 0 25px}
.xp-facts{padding:0;margin:24px 0 32px;list-style:none;font-size:11px;line-height:1.6}
.xp-facts li{padding:13px 0;border-top:1px solid #444a3230}.xp-facts li:last-child{border-bottom:1px solid #444a3230}
.xp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:11px}
.xp-actions>a:not(.xp-button){border-bottom:1px solid currentColor;padding-bottom:3px}
.xp-button{display:inline-block;padding:12px 18px;background:#2c3c2b;color:#f3f2e4;border-radius:30px}
.xp-button:hover{background:#172516}
.xp-visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease;transform-style:preserve-3d}
.xp-browser{margin:0;background:#161a19;color:#a7b5a1;border-radius:5px;box-shadow:0 28px 45px #292c232d;border:1px solid #454c3d;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-5deg)) rotateZ(1deg)}
.xp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;font:7px/1.5 Consolas,monospace;border-bottom:1px solid #a3b28f33;letter-spacing:.06em}
.xp-toolbar>span:first-child{letter-spacing:.15em;opacity:.6}.xp-browser img{display:block;width:100%;height:auto}
.xp-browser figcaption{padding:13px 16px;font:8px/1.6 Consolas,monospace;color:#aeb6aa}
.xp-command{background:#29372d;color:#edf0df}
.xp-command .xp-copy{padding-block:15px}.xp-command h3 span{color:#b3d68f}
.xp-text-link{display:inline-block;font-size:11px;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:10px}
.xp-command-view{background:#1c271e;border:1px solid #7c96734d;border-radius:5px;padding:5px 20px 12px;box-shadow:0 26px 50px #0a130c38;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,4deg)) rotateZ(-1deg)}
.xp-command-view .xp-toolbar{padding-inline:0;color:#a2b88e}
.xp-command-view ol{list-style:none;padding:20px 8px 0;margin:0}
.xp-command-view li{position:relative;border:1px solid #7b956246;background:#263326;padding:20px;margin-bottom:28px}
.xp-command-view li:not(:last-child)::after{content:'↓';position:absolute;top:100%;left:50%;font-size:18px;line-height:28px;color:#93b173}
.xp-command-view li.xp-gate{background:#3a4c30;border-color:#b9d58f}
.xp-command-view li>span{display:block;font:8px Consolas,monospace;color:#b9c9aa;margin-bottom:9px}
.xp-command-view li>b{display:block;font-size:14px;font-weight:400;line-height:1.5}
.xp-caption{font:8px/1.7 Consolas,monospace;color:#a0b096;border-top:1px solid #87976f38;padding-top:14px;margin-bottom:4px}
.xp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.xp-grid h3{font-size:clamp(27px,2.6vw,42px);line-height:1.15;margin-bottom:18px}
.xp-grid .xp-copy>p:not(.xp-kicker){font-size:14px;line-height:1.9}
.xp-studio,.xp-cargo{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column}
.xp-studio{background:#ced6c5;color:#243127}.xp-cargo{background:#c85b35;color:#1e261d}
.xp-studio .xp-kicker,.xp-cargo .xp-kicker{font-size:8px;margin:0}
.xp-studio-mark,.xp-cargo-mark{height:235px;display:flex;align-items:center;justify-content:center;gap:28px}
.xp-studio-mark>b{font-size:100px;font-weight:400;line-height:1;background:#263628;color:#d4e8b8;padding:15px 24px;transform:rotate(-12deg);box-shadow:13px 14px 0 #a4b392}
.xp-studio-mark>span{font-size:29px;font-weight:600;letter-spacing:-.045em;line-height:.95;color:#41523a}
.xp-cargo-mark{gap:32px;color:#efc99b;font-size:105px;font-weight:300;line-height:1}
.xp-cargo-mark>span:nth-child(2){color:#3a3221}
.xp-studio .xp-copy,.xp-cargo .xp-copy{margin-top:auto}
.xp-secondary{background:#1d2b23;border:1px solid #7187694d;color:#e4ebdb}
.xp-secondary>.xp-copy{padding:35px 34px 38px}
.xp-secondary .xp-kicker{font-size:8px;color:#a9bc93;margin-bottom:26px}
.xp-secondary .xp-visual{transform-origin:center bottom}
.xp-secondary .project-diagram{margin:0;padding:24px 24px 20px;background:#172f3a;color:#dbe8c7;overflow:hidden}
.xp-secondary .visual-dms{background:#ece8dc;color:#655d3b}.xp-secondary .visual-workflow{background:#27341f;color:#dfeacb}.xp-secondary .visual-portfolio{background:#253245;color:#dfebd8}
.xp-secondary .diagram-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font:7px/1.6 Consolas,monospace;border-bottom:1px solid #aeb79b33;padding-bottom:13px}
.xp-secondary .diagram-lights{letter-spacing:.2em;opacity:.65}
.xp-secondary .diagram-core{height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}
.xp-secondary .diagram-core>b{font-size:clamp(42px,4.5vw,72px);letter-spacing:-.07em;line-height:1.1;position:relative;z-index:1}
.xp-secondary .diagram-sub{font:7px/1.7 Consolas,monospace;text-align:center;margin-top:15px;z-index:1}
.xp-secondary .diagram-orbit,.xp-secondary .diagram-orbit::before,.xp-secondary .diagram-orbit::after{position:absolute;width:210px;height:100px;border:1px solid currentColor;border-radius:50%;opacity:.2;transform:rotate(-25deg)}
.xp-secondary .diagram-orbit::before,.xp-secondary .diagram-orbit::after{content:'';inset:0;transform:rotate(60deg);opacity:.8}.xp-secondary .diagram-orbit::after{transform:rotate(-60deg)}
.xp-secondary .diagram-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:7px}
.xp-secondary .diagram-nodes li{padding:10px 8px;border:1px solid #aeb79b33;overflow-wrap:anywhere}
.xp-secondary .diagram-nodes span{display:block;font:6px Consolas,monospace;opacity:.6;margin-bottom:6px}.xp-secondary .diagram-nodes b{display:block;font:8px/1.5 Consolas,monospace}.xp-secondary .diagram-nodes i{display:none}
.xp-secondary .project-diagram figcaption{font:7px/1.7 Consolas,monospace;border-top:1px solid #aeb79b33;margin-top:22px;padding-top:12px}
.x-chapter.x-integration{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:radial-gradient(ellipse at 15% 40%,#22556655,transparent 65%),#102126;border-block:1px solid #66808b33}
.x-integration>.x-copy{width:100%;max-width:650px}.x-integration .x-eyebrow,.x-integration .x-stack,.x-integration .x-link{color:#a9d8da}
.x-integration-map{max-width:570px;padding:40px;border:1px solid #8ac0bf33;border-radius:7px;background:linear-gradient(140deg,#24414a6b,#0d222c66)}
.x-integration-map>.x-eyebrow{display:block;font-size:9px;margin-bottom:35px}
.x-map-line{display:grid;grid-template-columns:25px 1fr;gap:6px 16px;padding:22px;border:1px solid #8bb5bf3b;background:#193641}
.x-map-line>span{font:9px/2 Consolas,monospace;color:#9fbec1}.x-map-line>b{font-size:21px;line-height:1.3;font-weight:400;letter-spacing:-.02em}.x-map-line>small{grid-column:2;font:8px/1.8 Consolas,monospace;color:#9fbec1}
.x-map-check{background:#274744;border-color:#9bbfb373}.x-integration-map>i{display:block;text-align:center;font-style:normal;color:#80b0aa;font-size:24px;padding:6px}
.x-integration-map>p{font:9px/1.8 Consolas,monospace;color:#8aaeb1;margin:28px 0 0}
.x-chapter.x-skills{display:block;background:#15231b}
.x-skills>.x-copy{width:100%;max-width:1480px;margin:auto}.x-skills .x-lead{max-width:630px}
.x-skills .x-skill-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.x-skills .x-skill-lines>a{grid-template-columns:22px 1fr 14px;padding:27px 22px;border:1px solid #64826447;background:#203327;align-items:start}
.x-skills .x-skill-lines>a:hover{background:#2a4030}.x-skills .x-skill-lines b{font-size:16px;line-height:1.6}
.x-chapter.x-last{min-height:0;justify-content:center;text-align:center;padding-block:120px 130px;background:radial-gradient(ellipse at 20% 100%,#b3c9b5,transparent 60%),#e0e8d9;color:#1b3225}
.x-last>.x-copy{width:100%;max-width:760px}.x-last .x-eyebrow{color:#47694d}.x-last .x-lead{color:#4e6354;max-width:660px;margin-inline:auto}.x-last .x-mail{color:#274e33;font-size:clamp(22px,3vw,42px)}.x-last .x-actions{justify-content:center}.x-last .x-link{color:#375b40}
.x-mode button{font-size:9px}
@media(min-width:1800px){.x-about-question{display:block}.x-with-workflow{gap:8vw}.x-with-workflow>.x-copy{justify-self:end}.x-chapter.x-projects,.x-chapter.x-skills{padding-inline:max(7vw,calc((100vw - 1480px)/2))}}
@media(max-width:1100px){.xp-roam,.xp-command{gap:5%;padding:32px}.xp-copy>p:not(.xp-kicker):not(.xp-headline){font-size:13px}.xp-toolbar{font-size:6px}.xp-command-view{padding-inline:12px}.xp-command-view li{padding:16px}.xp-command-view li>b{font-size:12px}.xp-studio-mark,.xp-cargo-mark{height:195px}.xp-studio-mark>b{font-size:76px}.xp-studio-mark>span{font-size:24px}.xp-cargo-mark{font-size:85px;gap:20px}.x-integration-map{padding:25px}.x-map-line{padding:17px}.x-map-line>b{font-size:18px}.x-skills .x-skill-lines{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .x-chapter:not(.x-hero){padding:70px 25px}.x-chapter.x-projects{padding:70px 18px 80px}
 .x-with-workflow{display:flex;gap:36px}.x-with-workflow>.x-copy{order:0}.x-with-workflow>.workflow{order:1}
 .x-section-head{display:block;margin:0 7px 38px}.x-section-head .x-eyebrow{margin-bottom:25px}.x-section-head h2{font-size:45px}.x-section-head>.x-link{margin-top:20px}
 .xp-roam,.xp-command,.xp-grid{display:grid;grid-template-columns:1fr;gap:20px}
 .xp-roam,.xp-command{padding:30px 25px;margin-bottom:20px;gap:35px}.xp-kicker{font-size:8px;margin-bottom:25px}.xp-card h3{font-size:45px}.xp-roam .xp-headline{font-size:30px}
 .xp-copy>p:not(.xp-kicker):not(.xp-headline){font-size:14px}.xp-facts{font-size:10px}.xp-browser,.xp-command-view{transform:none}.xp-browser figcaption{font-size:7px}.xp-actions{gap:20px;font-size:10px}.xp-command-view{padding-inline:13px}
 .xp-studio,.xp-cargo{padding:28px 25px}.xp-grid h3{font-size:29px}.xp-studio-mark,.xp-cargo-mark{height:195px}.xp-studio-mark>b{font-size:84px}.xp-studio-mark>span{font-size:25px}.xp-cargo-mark{font-size:90px;gap:22px}
 .xp-secondary>.xp-copy{padding:27px 25px 31px}.xp-secondary .project-diagram{padding:18px 15px}.xp-secondary .diagram-core{height:175px}.xp-secondary .diagram-core>b{font-size:57px}.xp-secondary .diagram-top{font-size:6px}.xp-secondary .diagram-nodes{gap:4px}.xp-secondary .diagram-nodes li{padding:8px 5px}.xp-secondary .diagram-nodes b{font-size:7px}
 .x-chapter.x-integration{display:flex;flex-direction:column;gap:40px}.x-integration>.x-copy{order:0}.x-integration-map{order:1;width:100%;padding:25px 20px}.x-map-line>b{font-size:19px}
 .x-skills .x-skill-lines{grid-template-columns:1fr;gap:12px;margin-top:35px}.x-skills .x-skill-lines>a{padding:22px 18px}.x-skills .x-skill-lines b{font-size:15px}
 .x-chapter.x-last{padding:85px 25px 95px}.x-last h2{font-size:50px}.x-mode{font-size:7px}.x-mode button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.xp-visual,.xp-browser,.xp-command-view{transform:none!important;transition:none}}
@media print{.x-chapter:not(.x-hero){padding:25px 0;background:white;color:black}.xp-card{break-inside:avoid}.xp-grid{display:block}.xp-visual{transform:none}.x-about-question{display:none}}

/* The C16 workbench is an original diagram, not a product screenshot. */
.xp-c16{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:6%;padding:clamp(30px,4vw,66px);margin-bottom:24px;align-items:center;background:#c7d5e2;color:#172d40}
.xp-c16 h3 span{color:#456987}.xp-c16 .xp-headline{font-size:clamp(25px,2.5vw,39px);line-height:1.17;letter-spacing:-.045em;margin:0 0 25px}
.xp-c16 .xp-button{background:#19364d;color:#edf6fd}.xp-c16 .xp-button:hover{background:#102638}
.xp-c16-tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 30px;font:10px/1.6 Consolas,monospace}.xp-c16-tags span{padding:6px 9px;border:1px solid #355e7b40;border-radius:3px}
.c16-workbench{margin:0;border:1px solid #456985;border-radius:7px;background:#101e2d;color:#c0d9ef;box-shadow:0 28px 60px #18344730;overflow:hidden}
.c16-workbench .xp-toolbar{color:#91b4d1;border-color:#49667f50;padding-block:18px}
.c16-schematic{padding:34px 24px 24px;background:radial-gradient(ellipse at 50% 18%,#3262874a,transparent 58%),linear-gradient(#4e719712 1px,transparent 1px),linear-gradient(90deg,#4e719712 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.c16-chip{position:relative;margin:auto;max-width:230px;padding:22px;text-align:center;background:linear-gradient(135deg,#213d55,#142a3e);border:1px solid #78a6c875;border-radius:5px;box-shadow:inset 0 1px 0 #b1d1ed24,0 0 38px #68a6d217}
.c16-chip>span,.c16-chip>small{display:block;font:8px/1.6 Consolas,monospace;letter-spacing:.1em;color:#91b7d6}.c16-logo{display:block;width:150px;max-width:100%;height:auto;margin:17px auto 20px}
.c16-branches{height:45px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 16%}.c16-branches::before{content:'';position:absolute;left:50%;top:0;height:22px;border-left:1px solid #7fa7c6}.c16-branches::after{content:'';position:absolute;top:22px;left:0;right:0;border-top:1px solid #7fa7c6}.c16-branches i{height:23px;border-left:1px solid #7fa7c6;position:absolute;top:22px}.c16-branches i:nth-child(2){left:50%}.c16-branches i:nth-child(3){right:0}
.c16-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.c16-tools>div{border:1px solid #5c82a15c;background:#172c40;padding:15px 12px;border-radius:3px;min-width:0}.c16-tools span{display:block;font:8px/1.5 Consolas,monospace;color:#8eacca}.c16-tools b{display:block;font-size:15px;font-weight:500;margin:12px 0;color:#e1edfa}.c16-tools code{font:10px/1.8 Consolas,monospace;color:#a7c8e4}
.c16-mcp{display:flex;align-items:center;gap:16px;position:relative;margin-top:30px;border:1px solid #7dbaab73;border-radius:4px;background:#1a393b;padding:18px 16px;color:#d0f1e8}.c16-mcp::before{content:'';position:absolute;bottom:100%;height:31px;left:50%;border-left:1px solid #7fa7c6}.c16-mcp-symbol{font:25px Consolas,monospace;color:#8ad5bf}.c16-mcp b{display:block;font-size:13px;font-weight:500}.c16-mcp div>span{display:block;font:9px/1.6 Consolas,monospace;color:#a4c8c5;margin-top:6px}.c16-mcp>i{font-style:normal;font-size:23px;margin-left:auto}
.c16-workbench figcaption{font:8px/1.6 Consolas,monospace;letter-spacing:.02em;padding:16px 20px;border-top:1px solid #49667f50;color:#93aec5}
.xp-command-small .visual-command{background:#20372d}.xp-command-small .diagram-core{height:185px}
.xp-portfolio-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.xp-portfolio-wide>.xp-visual{align-self:stretch}.xp-portfolio-wide .project-diagram{height:100%}
.x-c16-skill{display:block;position:relative;margin-top:36px;padding:28px 64px 28px 28px;border:1px solid #83aac65e;background:linear-gradient(120deg,#233b48,#20332e);border-radius:4px;max-width:850px}.x-c16-skill>span{display:block;font:9px/1.6 Consolas,monospace;letter-spacing:.08em;color:#afcee6}.x-c16-skill>b{display:block;font-size:clamp(20px,2vw,28px);font-weight:400;margin:12px 0;line-height:1.4;color:#e9f2ed}.x-c16-skill>p{font-size:14px;line-height:1.8;max-width:650px;margin:0;color:#b6c8c2}.x-c16-skill>i{position:absolute;right:28px;top:36px;font-size:24px;font-style:normal;color:#b6d6ee}.x-c16-skill:hover{border-color:#9fc9e7}
@media(max-width:1100px){.xp-c16{padding:32px;gap:5%}.c16-schematic{padding:26px 16px 20px}.c16-tools{gap:7px}.c16-tools>div{padding:13px 8px}.c16-tools b{font-size:12px}.c16-tools code{font-size:9px}.c16-mcp{padding:16px 12px;gap:12px}.c16-mcp b{font-size:12px}}
@media(max-width:760px){.xp-c16{grid-template-columns:1fr;padding:30px 25px;gap:35px;margin-bottom:20px}.xp-c16 .xp-headline{font-size:30px}.c16-schematic{padding:26px 12px 18px}.c16-chip{max-width:180px}.c16-logo{width:126px;margin-block:17px}.c16-mcp div>span{font-size:8px}.c16-workbench figcaption{font-size:7px;padding:14px 12px}.xp-portfolio-wide{display:block;grid-column:auto}.x-c16-skill{padding:24px 45px 24px 20px}.x-c16-skill>i{right:18px;top:28px}.x-c16-skill>p{font-size:13px}}
@media print{.xp-c16,.x-c16-skill{background:white;color:black}.c16-workbench{box-shadow:none}}