:root{--cream:#f3efe2;--paper:#faf8f2;--ink:#1c2026;--muted:#505760;--line:#cbc6b9;--violet:#4630c8;--ice:#dce5eb;--serif:'Source Serif 4',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--cream);color:var(--ink);font:1.1875rem/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--violet)}a:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:5px}main:focus{outline:none}.skip{position:fixed;top:12px;left:12px;z-index:50;background:var(--paper);padding:12px;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(3.5rem,5.8vw,6.35rem);line-height:1.04}h2{font-size:clamp(2.5rem,4vw,4.15rem);line-height:1.1}h3{font-size:1.9rem;line-height:1.18}em{font-weight:400}p{max-width:58ch}.eyebrow,.folio,.example-label{font:400 .75rem/1.6 var(--mono)}.eyebrow{text-transform:uppercase;letter-spacing:.115em;color:var(--violet)}.folio,.example-label{color:var(--muted)}.brand{font:400 2.2rem/1 var(--serif);letter-spacing:-.07em;text-decoration:none}.brand span{color:var(--violet)}.mast{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 4.5vw;padding:26px 0;border-bottom:1px solid var(--line)}.mast nav{display:flex;align-items:center;gap:34px;font-size:1rem}.mast nav a{text-decoration:none}.nav-contact{margin-left:16px}.nav-contact span{margin-left:14px;color:var(--violet)}.hero{max-width:1800px;margin:auto}.hero-copy .eyebrow{margin-bottom:32px}.hero-copy .intro{margin-top:30px;max-width:43ch;font-size:1.25rem;line-height:1.5}.text-link{display:inline-block;text-decoration:none;color:var(--violet);border-bottom:1px solid currentColor;padding-bottom:5px;width:fit-content}.text-link span{margin-left:20px}.text-link:hover{color:var(--ink)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px 28px;margin-top:34px}.hero-actions>a:last-child{font-size:1rem;color:var(--muted)}.alpine{min-width:0;border:1px solid var(--ink);display:flex;flex-direction:column;background:var(--paper)}.alpine .image{flex:1;position:relative;min-height:430px;overflow:hidden;background:#abc3dd}.alpine img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 48%;image-rendering:pixelated}.alpine i{position:absolute;top:13px;left:13px;width:17px;height:17px;border-top:2px solid var(--violet);border-left:2px solid var(--violet)}figcaption{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid var(--ink);font:400 .75rem/1.5 var(--mono)}figcaption span:first-child{color:var(--violet)}.section{padding:88px 6vw;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}.platform-intro,.example-intro,.delivery-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:end}.platform-intro>p,.example-intro>p,.delivery-intro>p{max-width:45ch;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.platform-grid article{padding:28px 28px 30px 0;min-width:0}.platform-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.index-number{font:400 .8125rem var(--mono);color:var(--violet)}.platform-grid h3{font-size:2.4rem;margin-top:20px}.platform-grid p{font-size:1.125rem;margin-top:18px;color:var(--muted)}.platform-grid ul{list-style:none;margin-top:30px}.platform-grid li{font:400 .8125rem/1.6 var(--mono);border-top:1px solid var(--line);padding:10px 0}.platform-foot{display:flex;justify-content:space-between;gap:30px;margin-top:24px}.platform-foot>span{font:400 .8125rem/1.6 var(--mono);color:var(--violet)}.platform-foot p{font-size:1rem;max-width:47ch;color:var(--muted)}.example{background:var(--paper)}.workbench{margin-top:44px;border:1px solid var(--ink);background:var(--cream)}.bench-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--ink)}.record-id{font:400 1rem/1.6 var(--mono);margin-top:10px}.record-id span{color:var(--muted);font-size:.8125rem}.scenario-label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;color:var(--muted)}select{font:400 1rem var(--sans);background:var(--paper);color:var(--ink);border:1px solid #8c8b88;border-radius:0;min-height:44px;padding:9px 38px 9px 12px;max-width:100%;cursor:pointer}.trace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;border-bottom:1px solid var(--line)}.trace li{position:relative;padding:22px 24px;display:flex;flex-direction:column;gap:6px}.trace li+li{border-left:1px solid var(--line)}.trace li>span{font:400 .75rem var(--mono);color:var(--muted)}.trace strong{font-weight:500;font-size:1.125rem}.trace small{font-size:.875rem;color:var(--muted)}.trace-current{background:#e8e4f5}.trace-current:after{position:absolute;bottom:-1px;left:0;right:0;content:'';height:2px;background:var(--violet)}.case-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:32px 6vw;padding:32px 28px}.status{font:400 .75rem/1.6 var(--mono);color:var(--violet)}.case-finding h3{margin-top:16px;font-size:1.9rem;max-width:28ch}.case-finding>p{font-size:1.125rem;margin-top:16px;max-width:50ch;color:var(--muted)}.case-facts{align-self:center}.case-facts>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;font-size:1rem}.case-facts dt{color:var(--muted)}.case-facts dd{text-align:right;font-weight:500}.case-test{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:26px}.case-test>p{font-size:1.125rem}.bench-foot{display:flex;justify-content:space-between;gap:14px;padding:15px 28px;border-top:1px solid var(--line);color:var(--muted);font:400 .75rem/1.6 var(--mono)}.delivery-rows{margin-top:48px;border-top:1px solid var(--ink)}.delivery-rows article{display:grid;grid-template-columns:55px 1fr 1.15fr;gap:25px;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline}.delivery-rows article>span{color:var(--violet);font:400 .8125rem var(--mono)}.delivery-rows article>p{font-size:1.125rem;color:var(--muted)}.environment{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:65px;padding:34px;background:var(--ice)}.environment h3{font-size:2rem}.environment p{font-size:1.125rem}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:30px 6vw;padding-top:90px;padding-bottom:95px}.contact>.eyebrow{grid-column:1/-1}.contact>div{align-self:end}.contact>div>p{font-size:1.25rem;max-width:38ch}.contact .text-link{margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 6vw;border-top:1px solid var(--line)}footer>a:not(.brand){font:400 .8125rem/1.5 var(--mono);text-decoration:none;color:var(--muted)}
/* Fieldwork: the specimen composition, opened up and grounded in implementation. */
.fieldwork .hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100svh - 91px)}.fieldwork .hero-copy{padding:68px 5vw 74px 6vw;align-self:center}.fieldwork .alpine{margin:34px 4.5vw 34px 0}.premise{padding:40px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.premise>p{font:400 clamp(1.7rem,2.5vw,2.4rem)/1.25 var(--serif);letter-spacing:-.02em}.premise em{color:var(--violet)}.fieldwork .platform{background:var(--ice)}.fieldwork .platform-grid,.fieldwork .platform-grid article+article,.fieldwork .platform-grid li,.fieldwork .platform-grid{border-color:#afbfc9}
/* Systems: a functional architecture plate shares the first viewport with the thesis. */
.systems .mast{border-color:var(--ink)}.systems .hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:58px 6vw 64px;align-items:center}.systems h1{font-size:clamp(3.5rem,5.7vw,6rem)}.systems h1 em{color:var(--violet)}.systems .hero-copy .intro{font-size:1.1875rem;max-width:40ch}.systems .hero-copy>.text-link{margin-top:32px}.system-panel{align-self:center;min-width:0}.system-caption{display:flex;justify-content:space-between;margin-bottom:22px}.source-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-pair>span{border:1px solid var(--line);background:var(--paper);padding:17px 12px;text-align:center;font:400 .8125rem/1.5 var(--mono)}.connector{height:26px;width:1px;margin:auto;background:var(--violet)}.system-core{padding:25px 28px 10px;border:1px solid var(--violet);background:var(--paper)}.system-core h2{font-size:2.7rem;margin:16px 0 24px}.core-row{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding:12px 0}.core-row>span{font:400 .875rem var(--mono)}.core-row small{font-size:1rem;color:var(--muted)}.system-art{position:relative;height:95px;margin-top:24px;overflow:hidden;border:1px solid var(--ink)}.system-art img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;image-rendering:pixelated}.system-art>span{position:absolute;left:12px;bottom:10px;padding:4px 8px;background:var(--cream);font:400 .75rem/1.5 var(--mono)}.systems .platform-intro{grid-template-columns:1fr 1fr}.systems .platform-grid{grid-template-columns:1fr;margin-top:40px;border-bottom:0}.systems .platform-grid article{display:grid;grid-template-columns:40px .7fr 1.3fr 1fr;gap:24px;align-items:baseline;border-bottom:1px solid var(--line);padding:28px 0}.systems .platform-grid article+article{border-left:0;padding-left:0}.systems .platform-grid h3,.systems .platform-grid p,.systems .platform-grid ul{margin-top:0}.systems .platform-grid h3{font-size:2.15rem}.systems .platform-grid li{border:0;padding:4px 0}.systems .platform-foot{margin-top:30px}.systems .contact{background:var(--ice)}
/* Working operation: a broad typographic opening and a contrasting platform section. */
.operation .hero{padding:42px 6vw 64px}.hero-overline{display:flex;justify-content:space-between;gap:20px;margin-bottom:36px}.operation h1{font-size:clamp(3.5rem,6.2vw,6.8rem);line-height:1.04}.hero-lower{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;margin-top:44px}.operation .alpine .image{min-height:360px}.operation .alpine img{object-position:60% 58%}.operation .hero-copy{align-self:center}.operation .hero-copy .intro{font:400 2rem/1.15 var(--serif);max-width:24ch;margin-top:0}.operation .hero-copy>p:not(.intro){margin-top:22px;font-size:1.1875rem;max-width:45ch}.operation .hero-copy>.text-link{margin-top:26px}.hero-note{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.hero-note p{font-size:1rem}.operation .platform{background:#202831;color:var(--paper);--line:#52606c;--muted:#c0cbd3;--violet:#c1b8ff;--ink:#e8e5da}.operation .platform-grid{border-top-color:#87939c}.operation .platform-foot>span{color:#c1b8ff}.operation .delivery-rows article{grid-template-columns:55px 1fr 1fr}
@media(min-width:1800px){.hero{max-width:1660px}.section{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.mast nav{gap:23px}.nav-contact{margin-left:0}.fieldwork h1{font-size:4.25rem}.hero-actions{align-items:flex-start;gap:18px}.systems .hero{gap:4vw}.systems h1{font-size:4.2rem}.systems .platform-grid article{grid-template-columns:30px .8fr 1.3fr;gap:20px}.systems .platform-grid ul{grid-column:3}.platform-intro,.example-intro,.delivery-intro{gap:4vw}.platform-grid article{padding-right:20px}.platform-grid article+article{padding-left:20px}.trace li{padding:18px 16px}.platform-grid h3{font-size:2.15rem}.case-test{grid-template-columns:1fr 1.7fr}.operation h1{font-size:5.25rem}}
@media(max-width:800px){.mast{margin:0 6vw;padding:22px 0;gap:16px}.brand{font-size:2rem}.mast nav{gap:20px}.mast nav>a:nth-child(2){display:none}.mast nav>a{font-size:.9375rem}.nav-contact span{margin-left:5px}.fieldwork .hero,.systems .hero{display:grid;grid-template-columns:1fr;min-height:0}.fieldwork .hero-copy{padding:54px 6vw 40px}.fieldwork h1,.systems h1{font-size:clamp(3.3rem,8vw,5rem)}.fieldwork .alpine{margin:0 6vw 44px}.alpine .image{height:430px;min-height:0;flex:none}.alpine img{object-position:60% 55%}.premise{display:block;padding:30px 6vw}.premise>p{margin-top:20px;font-size:1.9rem}.section{padding:60px 6vw}.section-heading{margin-bottom:30px;align-items:flex-start;flex-wrap:wrap;gap:10px}.platform-intro,.example-intro,.delivery-intro,.systems .platform-intro{grid-template-columns:1fr;gap:24px}.platform-grid{grid-template-columns:1fr;margin-top:35px}.platform-grid article,.platform-grid article+article{padding:26px 0;border-left:0}.platform-grid article+article{border-top:1px solid var(--line)}.platform-grid p{max-width:60ch}.platform-grid ul{margin-top:20px}.platform-grid h3{margin-top:12px}.platform-foot{flex-direction:column;gap:15px}.bench-head{padding:20px;align-items:flex-start;flex-direction:column}.scenario-label{width:100%;max-width:320px}.trace{grid-template-columns:1fr 1fr}.trace li{padding:16px}.trace li:nth-child(3){border-left:0}.trace li:nth-child(n+3){border-top:1px solid var(--line)}.trace strong{font-size:1rem}.trace small{font-size:.875rem}.case-detail{grid-template-columns:1fr;padding:24px 20px;gap:24px}.case-test{grid-template-columns:1fr;gap:12px}.bench-foot{padding:15px 20px;flex-direction:column;gap:5px}.delivery-rows article,.operation .delivery-rows article{grid-template-columns:30px 1fr;gap:10px 16px}.delivery-rows article>p{grid-column:2}.environment{grid-template-columns:1fr;gap:24px;margin-top:40px;padding:26px}.contact{grid-template-columns:1fr;gap:24px}.contact>.eyebrow{grid-column:auto}.contact h2{font-size:3.25rem}.contact>div>p{font-size:1.1875rem}footer{flex-wrap:wrap;gap:22px}footer .brand{width:100%}.systems .hero{padding:48px 6vw;gap:44px}.systems h1 br:nth-of-type(1){display:none}.system-panel{width:100%;max-width:620px}.system-core h2{font-size:2.7rem}.system-art{height:120px}.systems .platform-grid article{grid-template-columns:30px 1fr;gap:12px 18px}.systems .platform-grid article>p,.systems .platform-grid ul{grid-column:2}.systems .platform-grid ul{margin-top:4px}.systems .platform-grid article+article{border-top:0}.hero-overline{flex-direction:column;gap:10px;margin-bottom:28px}.operation .hero{padding:42px 6vw}.operation h1{font-size:clamp(3rem,7.8vw,4.7rem)}.operation h1 br{display:none}.hero-lower{grid-template-columns:1fr;gap:30px;margin-top:30px}.operation .alpine .image{height:330px;min-height:0}.operation .hero-copy .intro{font-size:1.85rem;max-width:30ch}.hero-note{max-width:450px}h2{font-size:2.65rem}.example-intro h2 br{display:none}}
@media(max-width:380px){.mast nav{gap:12px}.mast nav a{font-size:.875rem}.mast .brand{font-size:1.8rem}.nav-contact span{display:none}.fieldwork h1,.systems h1{font-size:3.05rem}.source-pair{gap:8px}.source-pair>span{font-size:.75rem;padding:12px 8px}.system-core{padding:22px 20px 8px}.record-id span{display:block}.hero-note{grid-template-columns:1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The chosen composition: a quiet book spine and the complete deployment story. */
.spine-deployment { --spine-width:78px; }
.spine-deployment main,.spine-deployment footer { margin-left:var(--spine-width); }
.binding { position:fixed;inset:0 auto 0 0;width:var(--spine-width);border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:20;background:var(--cream);padding:24px 0; }
.spine-monogram { font:400 2.5rem/1 var(--serif);letter-spacing:-.1em;text-decoration:none; }
.spine-monogram span { color:var(--violet); }
.vertical-wordmark { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font:400 1rem var(--mono);letter-spacing:.22em;text-transform:uppercase;text-decoration:none; }
.spine-contact { margin-top:auto;font-size:1.7rem;text-decoration:none;width:44px;height:44px;display:grid;place-items:center;color:var(--violet); }
.reading-track { position:absolute;right:-1px;top:0;height:100%;width:2px;overflow:hidden; }
.reading-track span { display:block;width:100%;height:100%;background:var(--violet);transform:scaleY(var(--progress,0));transform-origin:top; }
.spine-deployment .hero { min-height:100svh;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.spine-deployment .hero-copy { padding:70px 4.5vw 75px 5.5vw; }
.spine-deployment h1 { font-size:clamp(3.35rem,5.6vw,6rem); }
.spine-deployment .alpine { margin:32px 32px 32px 0; }
.spine-deployment .section { padding-left:5.5vw;padding-right:5.5vw; }
.spine-deployment .skip { left:calc(var(--spine-width) + 12px); }
@media(max-width:1100px) and (min-width:801px) {
  .spine-deployment h1 { font-size:clamp(3rem,5.5vw,3.8rem); }
  .spine-deployment .hero-copy { padding-left:4vw;padding-right:3vw; }
  .spine-deployment .hero-copy .intro { font-size:1.125rem; }
  .spine-deployment .alpine { margin-right:24px; }
  .spine-deployment .platform-grid article { padding-right:16px; }
  .spine-deployment .platform-grid article+article { padding-left:16px; }
}
@media(max-width:800px) {
  .spine-deployment { --spine-width:48px; }
  .binding { padding:22px 0; }
  .spine-monogram { font-size:2rem; }
  .vertical-wordmark { font-size:.8125rem; }
  .spine-deployment .hero { grid-template-columns:1fr;min-height:0; }
  .spine-deployment .hero-copy { padding:54px 6vw 40px; }
  .spine-deployment h1 { font-size:clamp(2.65rem,7.5vw,4.7rem); }
  .spine-deployment .hero-copy .intro { font-size:1.125rem; }
  .spine-deployment .hero-actions { gap:20px 24px; }
  .spine-deployment .alpine { margin:0 6vw 48px; }
  .spine-deployment .alpine .image { height:400px; }
  .spine-deployment .section { padding:60px 6vw; }
  .spine-deployment h2 { font-size:clamp(2.15rem,6vw,3rem); }
  .spine-deployment h3 { font-size:1.8rem; }
  .spine-deployment .environment { padding:24px; }
  .spine-deployment .contact { padding-top:66px;padding-bottom:72px; }
}
@media(max-width:430px) {
  .spine-deployment .hero-copy { padding-top:44px; }
  .spine-deployment .hero-copy .eyebrow { font-size:.75rem;max-width:24ch; }
  .spine-deployment .hero-actions { flex-direction:column;align-items:flex-start; }
  .spine-deployment .alpine .image { height:350px; }
  .spine-deployment .delivery-rows article { grid-template-columns:24px 1fr;gap:10px 12px; }
  .spine-deployment .environment { padding:22px 18px; }
}

/* Unnumbered layout used by the current copy version. */
.spine-deployment.unnumbered .platform-grid h3 { margin-top:0; }
.spine-deployment.unnumbered .delivery-rows article { grid-template-columns:1fr 1.15fr; }
.spine-deployment.unnumbered .delivery-rows article > p { grid-column:auto; }
@media(max-width:800px) {
  .spine-deployment.unnumbered .delivery-rows article { grid-template-columns:1fr;gap:14px; }
}

/* Purple markers for the three engagement steps. */
.spine-deployment.unnumbered .delivery-rows h3 {
  position:relative;
  padding-left:22px;
}
.spine-deployment.unnumbered .delivery-rows h3::before {
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--violet);
}
@media(max-width:800px) {
  .spine-deployment.unnumbered .delivery-rows article > p { padding-left:22px; }
}

/* A single heading and three concise capability descriptions. */
.spine-deployment.unnumbered .platform-restraint > h2 { font-size:clamp(2.15rem,3.7vw,3.6rem);max-width:none; }
.spine-deployment.unnumbered .platform-restraint .platform-grid { gap:clamp(28px,4vw,64px);margin-top:42px;border-top:1px solid #afbfc9;border-bottom:0; }
.spine-deployment.unnumbered .platform-restraint .platform-grid article,
.spine-deployment.unnumbered .platform-restraint .platform-grid article+article { padding:30px 0 0;border:0; }
.spine-deployment.unnumbered .platform-restraint .platform-grid h3 { font-size:1.875rem; }
.spine-deployment.unnumbered .platform-restraint .platform-grid p { margin-top:16px;line-height:1.6;max-width:34ch; }
@media(max-width:800px) {
  .spine-deployment.unnumbered .platform-restraint .platform-grid { margin-top:30px;gap:30px;padding-top:28px; }
  .spine-deployment.unnumbered .platform-restraint .platform-grid article,
  .spine-deployment.unnumbered .platform-restraint .platform-grid article+article { padding:0; }
  .spine-deployment.unnumbered .platform-restraint .platform-grid p { max-width:52ch; }
}
