/* OpenWork palette v64. Chalk, graphite and a restrained mineral green.
   Scoped to the product page; technical model and issue colours stay intact. */
.product-page{
  --paper:#ffffff;
  --ink:#252b28;
  --muted:#626d67;
  --quiet:#646f68;
  --rule:#d7ddd5;
  --accent:#315c50;
  background:var(--paper);
  color:var(--ink);
}
.product-page .nav{background:#fdfdfa;border-color:var(--rule)}
.product-page .nav .brand{color:var(--ink)}
.product-page .nav nav{color:var(--muted)}
.product-page .nav nav a:hover{color:var(--ink)}
.product-page .nav-link{color:var(--accent)}
.product-page .capture-hero h1{color:var(--ink)}
.product-page .capture-hero .eyebrow{color:var(--quiet)}
.product-page .capture-explanation{color:var(--muted)}
.product-page .capture-cta{color:var(--accent);border-color:#82998b}
.product-page .capture-cta:hover{color:#1e463a;border-color:#1e463a}
.product-page .capture-cta:focus-visible,
.product-page .nav a:focus-visible,
.product-page .project-progress-link:focus-visible{outline-color:var(--accent)}
.product-page .capture-journey{border-color:var(--rule)}
.product-page .capture-journey h2{color:var(--ink)}
.product-page .capture-journey p{color:var(--muted)}
.product-page .journey-number{color:var(--quiet)}
.product-page .journey-arrow{color:#8a9c90}
.product-page .workspace-intro .workflow-tagline{color:#67716a}
.product-page .product{border-color:#ccd5cd;box-shadow:0 10px 38px #202a2410}
.product-page .workspace-nav{background:#fff;border-color:#dce2dd}
.product-page .workspace-tabs button{color:#69766f}
.product-page .workspace-tabs button[aria-selected=true]{color:#254b40}
.product-page .workspace-tabs button[aria-selected=true]:after{background:var(--accent)}
.product-page .workspace-tabs span{color:#53695f;background:#edf1ed}
.product-page .regional-work{border-color:var(--rule)}
.product-page .regional-work h2,
.product-page .regional-grid h3{color:var(--ink)}
.product-page .regional-work .eyebrow,
.product-page .regional-grid small{color:var(--quiet)}
.product-page .project-progress-link{color:var(--accent);border-color:#82998b}
.product-page .project-progress-link:hover{color:#1e463a;border-color:#1e463a}
.product-page .company{border-color:var(--rule)}
.product-page .company .company-origin{color:var(--muted)}
.product-page .company a{color:var(--accent)}
.product-page>footer{border-color:var(--rule);color:var(--ink)}
.product-page>footer>a:last-child{color:var(--muted)}

/* Colour is used to group content, rather than tint the whole page. */
.product-page{background:#fff}
.product-page .nav{background:#fff;border-color:#dfe6df}
.product-page .capture-hero{padding-top:56px;padding-bottom:48px}
.product-page .helmet-visual{border-radius:16px}
.product-page .outcome-section{background:#edf2eb;padding:42px 40px}
.product-page .capture-journey{max-width:1360px;margin:0 auto;padding:0;border:0;gap:18px}
.product-page .capture-journey li{display:flex;flex-direction:column;gap:27px;padding:27px 28px 30px;background:#fff;border:1px solid #dbe4d9;border-radius:16px;min-height:228px}
.product-page .capture-journey li:nth-child(2){background:#263d33;border-color:#263d33}
.product-page .capture-journey h2{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.5px;max-width:290px;margin:0 0 13px}
.product-page .capture-journey p{font-size:13px;line-height:1.65;max-width:310px;color:#626d67}
.product-page .capture-journey .journey-number{font-size:10px;padding:0;color:#718575}
.product-page .capture-journey .journey-arrow{display:none}
.product-page .capture-journey li:nth-child(2) h2{color:#ffffff}
.product-page .capture-journey li:nth-child(2) p{color:#d5e3d5}
.product-page .capture-journey li:nth-child(2) .journey-number{color:#aabfab}
.product-page .workspace-section{padding:50px 40px 66px;background:#fff}
.product-page .workspace-intro{padding:0 0 28px;max-width:1180px;margin:auto;justify-content:center;text-align:center}
.product-page .workspace-intro .workflow-tagline{font-size:clamp(19px,2vw,25px);color:#67716a;font-weight:400;line-height:1.5}
.product-page .product{margin:0 auto;max-width:1180px;border:1px solid #cdd9cd;border-radius:12px;box-shadow:0 12px 32px #203a290c}
.product-page #capture-workbench{height:610px}
.product-page .workspace-nav{height:48px}
.product-page .regional-work{max-width:1360px;margin:0 auto;padding:38px 40px 40px;border:0;border-radius:18px;background:#263d33}
.product-page .regional-work>header{margin-bottom:29px}
.product-page .regional-work h2{color:#f5faf3;font-size:29px;line-height:1.2;font-weight:500}
.product-page .regional-work .eyebrow{color:#aabfab}
.product-page .regional-work .project-progress-link{color:#e2eedc;border-color:#8da58c}
.product-page .regional-work .project-progress-link:hover{color:white;border-color:white}
.product-page .regional-grid figure{border-radius:10px;overflow:hidden}
.product-page .regional-grid h3{color:#f5faf3;font-weight:500}
.product-page .regional-grid small{color:#b7cbb3}
.product-page .company{margin-top:30px;border:0}
.product-page>footer{border-color:#dce5d9}
@media(max-width:1439px){.product-page .regional-work{margin-inline:40px}}
@media(max-width:1050px){.product-page .outcome-section{padding:32px 24px}.product-page .capture-journey li{padding:24px 22px}.product-page .capture-journey h2{font-size:18px}.product-page .workspace-section{padding:40px 24px 48px}.product-page .regional-work{margin-inline:24px;padding:30px}.product-page .capture-hero{padding-bottom:38px}}
@media(max-width:800px){.product-page .capture-hero{padding-top:30px}.product-page .capture-journey{grid-template-columns:1fr;gap:12px}.product-page .capture-journey li{min-height:0;flex-direction:row;gap:20px;padding:24px}.product-page .capture-journey h2{max-width:none}.product-page .capture-journey p{max-width:570px}.product-page .capture-journey .journey-number{padding-top:4px}.product-page .workspace-section{padding:34px 16px 40px}.product-page .product{max-width:none}.product-page #capture-workbench{height:1160px}.product-page .workspace-intro{padding:0 8px 23px}.product-page .regional-work{padding:28px 24px;margin-inline:16px;border-radius:14px}.product-page .regional-work h2{font-size:26px}}
@media(max-width:520px){.product-page .outcome-section{padding:22px 16px}.product-page .capture-journey li{padding:23px 20px;border-radius:12px;gap:16px}.product-page .capture-journey h2{font-size:18px}.product-page .capture-hero{padding-bottom:30px}.product-page .helmet-visual{border-radius:12px}.product-page #capture-workbench{height:1390px}.product-page .regional-work{padding:28px 20px}.product-page .regional-grid{gap:25px}.product-page .company{margin-top:15px}}

/* Load feedback stays within the viewer, without freezing the document. */
.product-page .model-loading{display:grid;justify-items:center;gap:13px;padding:24px;text-align:center;max-width:340px}
.product-page #loading .model-loading>span{height:20px;width:20px;border:1px solid #4e6279;border-top-color:#dbe9fa}
.product-page .model-loading strong{font-size:12px;letter-spacing:0;font-weight:500;color:#e7eef7}
.product-page .model-loading small{font-size:10px;color:#b8c7da;line-height:1.6}
.product-page .model-loading progress{appearance:none;width:210px;height:3px;border:0;border-radius:2px;background:#32445b;color:#acc2df;overflow:hidden}
.product-page .model-loading progress::-webkit-progress-bar{background:#32445b}
.product-page .model-loading progress::-webkit-progress-value{background:#acc2df}
.product-page .model-loading progress::-moz-progress-bar{background:#acc2df}
.product-page #render-error{z-index:5;padding:25px;align-content:center;justify-items:center;gap:12px;text-align:center}
.product-page #render-error strong{order:0;font-size:16px}
.product-page #render-error p{order:1;line-height:1.6;max-width:280px;margin:0}
.product-page #retry-model{order:2;background:#edf3fc;border-color:#bfd0e4;color:#253f60;margin-top:4px}
.product-page #render-error a{order:3}

.product-page #loading{background:#192b3e;color:#dbe5f2;z-index:4}