/* P / Prussian Workshop. Approved September 2026.
   Raster pencil art + original mechanical animation share one drawing surface. */
:root{--paper:#103e52;--ink:#f1ecdf;--muted:#c0d2d8;--line:#63808c70;--navy:#103e52;--dark:#103e52;--orange:#9ed8ed;--accent:#9ed8ed;--cobalt:#9ed8ed;--sky:#9ed8ed;--rail:166px;color-scheme:dark}
body,.blue-home{background-color:var(--paper);background-image:radial-gradient(ellipse at 75% 0%,#1c526364,transparent 65%);color:var(--ink)}
body:after{opacity:.055;mix-blend-mode:soft-light;background-size:460px;z-index:35}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.67' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.2' d='M0 0h240v240H0z'/%3E%3C/svg%3E");opacity:.10;mix-blend-mode:screen}
main,.launch-header,.launch-footer{position:relative}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.brand-rail{background:#19475a99;border-right:1px solid #78919d30;padding:26px 24px;gap:44px;backdrop-filter:blur(2px)}
.rail-brand img{width:114px;height:114px;margin:-12px 0 -2px -10px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 45%,transparent 72%)}
.rail-brand span{font-size:1.04rem;color:var(--ink)}.brand-rail nav{gap:3px}.brand-rail nav a{font-size:.76rem;color:#d7e1e3;min-height:40px;position:relative;display:flex;align-items:center}.brand-rail nav a[aria-current]{color:#fff;text-decoration:none}.brand-rail nav a[aria-current]:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:2px;background:var(--ink)}.rail-note{border-color:var(--line);font-size:.57rem;color:#c4d5da;letter-spacing:.16em}
.site-logo{gap:7px;text-decoration:none!important}.site-logo img,.launch-header .site-logo img{width:54px;height:54px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 42%,transparent 73%)}.site-logo span{font:1.45rem Georgia,serif;letter-spacing:-.04em}
.launch-header,.blue-home .launch-header{background:transparent;color:var(--ink);min-height:90px;height:auto;padding-block:18px}.launch-header nav a{color:#e4ebeb}.launch-header nav a:last-child{border-color:#b8cbd6;border-radius:1px}.launch-header a[aria-current]{color:var(--sky)}
@media(min-width:801px){.launch-header .site-logo{display:none}.launch-header{justify-content:flex-end}}
.button.primary{background:#99d5ec;color:#092f42;border-color:#abdcef;box-shadow:inset 0 0 14px #ffffff18;font-weight:500;border-radius:1px}.button.primary:hover{background:#c4e7f1;color:#092f42}.button.primary:focus-visible{outline-color:#e6f6ff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b8e9fb}.blue-hero{background:transparent;padding-top:25px}.blue-hero:before{display:none}.blue-copy h1{font-size:clamp(3.3rem,1.5rem + 3.5vw,5.7rem);line-height:1.05}.blue-copy h1 em{color:#eee9dc;font-style:normal}.blue-copy .eyebrow{color:#b4ced8;font-size:.61rem;letter-spacing:.19em}.blue-lede{max-width:355px;color:#e0e7e5;font-size:1rem}.hero-note{color:#b4cbd3}.hero-inner{grid-template-columns:.87fr 1.2fr;gap:14px}.blue-home .hero-art{--paper:#103e52;--line:#7b969a;color:var(--ink);background:transparent;min-height:550px}.blue-home .machine-svg{color:#d0d4c8;filter:url(#pencil-edge);width:113%;margin:0 -6.5%}.blue-home .machine-svg .hand-label{fill:#dde0d4}.blue-home .plate-top{color:#abc3cc;letter-spacing:.12em}.blue-home .machine-caption{border-color:var(--line);color:#c7d9dc}.blue-home .machine-caption .status-led{background:#afe0e8;box-shadow:none}.hero-services{border-color:var(--line)}.hero-services a+a{border-color:var(--line)}.hero-services a{padding-block:23px;color:var(--ink)}.hero-services span{color:#b6cbd2}
.blue-services{padding-top:70px}.section-intro h2,.blue-approach h2{font-size:clamp(2.4rem,1.5rem + 2vw,3.8rem)}.service-entries{gap:35px;margin-top:35px}.service-entries article{padding-top:0}.service-entries img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;margin:5px 0 18px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 39%,transparent 75%)}.entry-number{top:15px;z-index:1}.service-entries h3{font-size:1.75rem}.service-entries p{color:var(--muted)}.service-entries a{color:#b4e2f1}
.blue-home .workflow-section{background:#0b324240;--line:#63808c70;--orange:#a6dcec;--accent:#a6dcec}.blue-home .workflow-bench{background:transparent;border-color:var(--line)}.blue-home .workflow-section .section-space{padding-block:65px}.blue-home .workflow-tabs button[aria-selected=true]{background:#224f604d;border-color:#b6dde8}.blue-home .experience-controls{background:#123b4fef;color:#ecf1ec;border-color:#7395a2}.blue-home .experience-controls button{color:inherit}.blue-closing{justify-content:flex-start;gap:65px}.blue-closing>img{mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}
.page-main{padding-top:10px}.breadcrumb{font-size:.7rem;color:#bed0d5}.service-hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:15px;align-items:center;min-height:435px}.service-hero .page-intro{padding:22px 0 45px}.service-hero .page-intro h1{font-size:clamp(2.6rem,1.2rem + 3vw,4.3rem);line-height:1.06;margin:22px 0}.service-hero .lede{font-size:1rem;line-height:1.8;max-width:350px}.service-hero .button{margin-top:25px;font-size:.85rem}.page-intro .eyebrow{font-size:.59rem;letter-spacing:.14em;color:#b8d2db}.page-intro .lede{color:#d3e0e2}
.sketch-story{position:relative;aspect-ratio:1.5;isolation:isolate;margin:0 -18px;min-width:0;mask-image:radial-gradient(ellipse,#000 47%,transparent 74%)}
.sketch-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;transform-origin:center}.layer-0{clip-path:inset(0 66.666% 0 0)}.layer-1{clip-path:inset(0 33.333% 0 33.333%)}.layer-2{clip-path:inset(0 0 0 66.666%)}
.js-motion .sketch-layer{animation:pencil-settle 14s cubic-bezier(.4,0,.2,1) infinite}.js-motion .layer-1{animation-delay:-9.33s}.js-motion .layer-2{animation-delay:-4.66s}
.story-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c5e6e6;stroke-width:1.5;opacity:.75;stroke-dasharray:5 95;stroke-linecap:round}.js-motion .story-thread{animation:carry-line 14s linear infinite}.pencil-note{position:absolute;right:7%;top:6%;font:1.15rem/1.05 Caveat,cursive;transform:rotate(-7deg);color:#d8e1de}
@keyframes pencil-settle{0%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}65%{transform:translateY(2px)}}
@keyframes carry-line{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.story-steps{padding:28px 0 30px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-block:1px solid var(--line)}.story-steps li{position:relative;padding-right:12px}.story-steps li:not(:last-child):after{content:"→";position:absolute;top:35px;right:-15px;color:#b4d9df;font:1.5rem Caveat,cursive}.story-steps span{font-size:.61rem;letter-spacing:.12em;color:#a9c5d1}.story-steps h2{font:1.45rem Georgia,serif;margin:13px 0 10px}.story-steps p{font-size:.79rem;line-height:1.6;color:#c1d4d9;max-width:195px;margin:0}
.service-study{background:transparent;padding:32px 0 22px;border-bottom:1px solid var(--line)}.service-study svg{max-height:330px}.service-study .scene-note{fill:#c7dce0}.service-study .scene-center,.service-study .new-site{fill:#103e52}.service-study .scene-rotor{--paper:#103e52}.service-study figcaption{color:#c5d6db;font-size:.7rem}.study-control{border-color:#708e9d;color:#e7ece5;font-size:.72rem;border-radius:1px;display:inline-block;margin-top:12px}.service-study button:hover{background:#28576b}
.scope-notes{margin:75px auto;max-width:970px}.scope-notes>h2{font-size:2.6rem;margin:20px 0 30px}.scope-notes details{border-top:1px solid var(--line);padding:22px 0}.scope-notes summary{font-size:1.12rem;cursor:pointer;line-height:1.5}.scope-notes details p{color:var(--muted);max-width:760px;padding:10px 0 0;font-size:1rem;line-height:1.85}.questions summary{font-size:1.05rem}.questions h2{font-size:2.5rem}.questions p,.editorial p,.note-index p,.contact-layout aside p,.contact-layout aside li,.form-note{color:var(--muted)}.related>a{font-size:1rem}.editorial h2{color:#e7e8dc}.page-cta .handwritten{color:#bed9dc}.field input,.field textarea{background:#153f50;border-color:#809dab;color:#f3f1e8}.field input::placeholder{color:#b6cad1}.field label span{color:#becdd2}.preview-note{color:#a8dcec}.launch-footer p{color:var(--muted)}.launch-footer{margin-top:10px}.launch-footer .site-logo img{width:60px;height:60px}.launch-footer .site-logo span{font-size:1.4rem}
.motion-paused .sketch-story *, .page-hidden .sketch-story *, .sketch-story.art-offscreen *{animation-play-state:paused!important}
@media(min-width:1600px){.service-hero{min-height:520px}.blue-home .hero-art{min-height:590px}}
@media(max-width:1100px){:root{--rail:140px}.brand-rail{padding-inline:19px}.rail-brand img{width:104px;height:104px}.rail-brand span{font-size:.98rem}.service-hero{grid-template-columns:1fr 1.12fr}.service-hero .page-intro h1{font-size:3rem}.story-steps{gap:20px}.blue-home .hero-art{min-height:480px}}
@media(max-width:800px){.launch-header,.blue-home .launch-header{padding:12px 20px 16px;width:100%;gap:8px}.launch-header .site-logo img{width:44px;height:44px}.site-logo span{font-size:1.25rem}.launch-header nav{gap:16px;margin:0;justify-content:flex-start;width:100%}.launch-header nav a{font-size:.7rem}.launch-header nav a:last-child{padding:7px 10px;margin-left:auto}.blue-hero{padding-top:20px}.hero-inner{display:block}.blue-copy h1{font-size:clamp(3.2rem,2.3rem + 4vw,4.7rem);max-width:570px}.blue-copy h1 br:nth-child(2){display:none}.blue-lede{max-width:480px}.blue-copy .eyebrow{margin-bottom:22px}.blue-home .hero-art{min-height:0;margin-top:20px;padding-bottom:45px}.blue-home .machine-svg{width:105%;margin:0 -2.5%}.blue-services{padding-top:45px}.entry-number{position:absolute}.service-entries img{max-height:290px;object-fit:contain}.service-entries{gap:40px}.service-entries article{display:block}.blue-closing{gap:25px}.service-hero{display:flex;flex-direction:column;gap:0;align-items:stretch}.service-hero .page-intro{padding:20px 0 0}.service-hero .page-intro h1{font-size:clamp(2.6rem,1.7rem + 4vw,3.8rem);max-width:590px}.service-hero .lede{max-width:520px}.sketch-story{margin:5px -10px 8px}.pencil-note{font-size:1rem}.story-steps{grid-template-columns:repeat(2,1fr);gap:26px 22px;padding-block:25px}.story-steps li:nth-child(2):after{display:none}.story-steps h2{font-size:1.35rem}.story-steps p{font-size:.78rem}.service-study{padding:24px 0}.scope-notes{margin:45px 0}.scope-notes>h2{font-size:2.2rem}.scope-notes summary{font-size:1rem}.service-study svg{overflow:hidden}.page-intro h1{font-size:clamp(2.7rem,1.5rem + 5vw,4rem)}.blue-home .workflow-section .section-space{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.sketch-story *{animation:none!important}.story-thread{stroke-dasharray:none;opacity:.35}.machine-svg{filter:none!important}}
@media(forced-colors:active){body,.blue-home,.brand-rail,.blue-hero{background:Canvas;color:CanvasText}.button.primary{background:ButtonFace;color:ButtonText;border-color:ButtonText}.brand-rail a[aria-current]{outline:1px solid Highlight}.story-thread{stroke:CanvasText}}

/* Readable type over the blue paper; visible graphite in the original machinery. */
.blue-hero{color:var(--ink)}
.blue-home .machine-svg{color:#e3dfce}
.machine-svg #hatch path{opacity:.5;stroke-width:.85}
.machine-svg #crosshatch path{opacity:.3}
.sketch-story .pencil-note{right:20%;top:15%}
@media(max-width:800px){.service-entries article{padding-left:0}.service-entries img{position:static}.entry-number{right:10px}}