/* Review revision 2: exact supplied image, unchanged pixels and colourway. */
:root { --tekmerion-foundation:url('assets/tekmerion-hero-background.png?v=1b579538'); }
html,body:not(.document-home) { background:var(--tekmerion-foundation) center / 100% 100vh fixed no-repeat; }
body:not(.document-home):not(.recognise-page),
body:not(.document-home):not(.recognise-page) .site-shell,
body.recognise-page .site-shell { background:transparent; }
body .site-nav,body.recognise-page .site-nav,body:not(.document-home) .site-nav {
 background:var(--tekmerion-foundation) center / 100% 100% no-repeat;
}
.document-home .site-nav { background:transparent; }
body:not(.document-home) .site-footer { background:transparent; color:var(--fw-white); }
/* The gradient remains the page foundation, with reading surfaces inset into it. */
.access-page .lens-process,.access-page .page-section,
.early-access-page .page-section,.early-access-page .page-section.alt,
.origin-page .about-narrative,.origin-page .about-artwork-section,
.origin-page .about-narrative-gap,.origin-page .about-narrative-tail,
.data-page #data-main { background:transparent; }
.access-page .lens-process,.access-page .page-section,.early-access-page .page-section {
 padding-inline:max(24px,calc((100vw - 1260px)/2));
}
.access-page .process-intro,.access-page .process-close,
.access-page .access-grid,.access-page .support-panel,
.early-access-page .early-access-grid,.early-access-page .contact-grid,
.early-access-page .future-form-note {
 padding:clamp(24px,3vw,40px); background:rgba(255,255,255,.94); border:0;
}
.access-page .process-intro { max-width:900px; }
.access-page .process-close { text-align:left; }
.early-access-page .contact-card { padding:0; }
.investigation-page .investigation-article {
 background:rgba(255,255,255,.94); margin-top:128px; margin-bottom:64px;
 padding:clamp(24px,4vw,64px); width:min(1180px,calc(100% - 48px));
}
.data-page .data-story { margin-top:40px; margin-bottom:48px; background:rgba(255,255,255,.94); width:calc(100% - 48px); padding-inline:clamp(20px,3vw,40px); }
.recognise-page .scale-scene { background:var(--tekmerion-foundation) center / 100% 100% no-repeat; }
.recognise-page .scale-content { background:rgba(255,255,255,.9); height:calc(100% - 140px); margin-top:60px; padding:clamp(24px,3vw,48px); }
/* #3: one gradient content box contains the process; readable paper surfaces sit inside. */
.access-page .process-flow {
 background:var(--tekmerion-foundation) center / 100% 100% no-repeat;
 padding:clamp(20px,3vw,40px); border:1px solid var(--fw-orange); gap:20px;
}
.access-page .process-step,.access-page .process-step-action {
 background:rgba(255,255,255,.92); color:var(--public-ink);
 padding:clamp(20px,3vw,36px); border:0; margin:0;
}
.access-page .process-step-action .action-copy p,.access-page .process-step-action .output-list li { color:var(--fi-text-supporting); }
/* #4: request heading and introductory copy share their own gradient box. */
.early-access-page .contact-heading {
 max-width:none; padding:clamp(24px,3vw,40px); border:1px solid var(--fw-orange);
 background:var(--tekmerion-foundation) center / 100% 100% no-repeat;
}
.early-access-page .contact-heading > *,
.early-access-page .feedback-hub-copy,
.data-page .data-verification-pair > .data-questionable > p,
.data-page .data-scale > .data-prose > p {
 background:rgba(255,255,255,.92); color:var(--public-ink);
 padding:16px 20px;
}
.early-access-page .contact-heading > * { margin:0; max-width:900px; }
.early-access-page .contact-heading > :first-child { padding-top:24px; color:var(--fw-blue); }
.early-access-page .contact-heading > :last-child { padding-bottom:24px; }
/* #5, #6, #7: replace navy fills with the supplied image; preserve orange borders. */
.data-page .data-verification-pair > .data-questionable,
.data-page .data-scale > .data-prose,
.early-access-page .feedback-hub-panel {
 background:var(--tekmerion-foundation) center / 100% 100% no-repeat;
 padding:24px; color:var(--public-ink);
}
.data-page .data-verification-pair > .data-questionable > p,
.data-page .data-scale > .data-prose > p { margin:0; padding-block:12px; }
.early-access-page .feedback-hub-copy { padding:clamp(20px,3vw,36px); }
.early-access-page .feedback-hub-panel h2 { color:var(--public-ink); }
.early-access-page .feedback-hub-panel p,
.early-access-page .feedback-hub-panel .access-list li { color:var(--fi-text-supporting); }
.early-access-page .feedback-hub-panel .eyebrow { color:var(--fw-blue); }
@media(max-width:1100px) {
 body .site-nav,body.recognise-page .site-nav,body:not(.document-home) .site-nav { background:var(--tekmerion-foundation) center / 100% 100% no-repeat; }
 body .site-nav nav[data-open="true"] { background:rgba(15,39,71,.9); padding:12px; }
}
@media(max-width:680px) {
 .investigation-page .investigation-article { margin-top:24px; width:calc(100% - 32px); }
 .data-page .data-story { width:calc(100% - 32px); padding-inline:16px; }
 .data-page .data-verification-pair > .data-questionable,.data-page .data-scale > .data-prose { padding:16px; }
 .access-page .process-flow { padding:16px; }
 .access-page .process-step { padding:20px 14px; grid-template-columns:1fr; gap:16px; }
 .access-page .process-step-action .output-pack { grid-column:1; }
 .early-access-page .feedback-hub-panel { padding:20px; }
 .recognise-page .scale-content { height:calc(100% - 150px); width:calc(100% - 32px); padding:20px; }
}
/* Extend the image through the full document, including long pages and exports. */
html { min-height:100%; background:var(--tekmerion-foundation) center / 100% 100% no-repeat; }
@media(max-width:680px) {
 .site-footer { text-shadow:0 1px 3px var(--fw-navy-900); }
}