/* Native slide components. Values follow the current scantix.eu design. */
.deck-page {
  --paper: #faf8f3;
  --ink: #0b2159;
  --accent: #0b2159;
  --muted: #445b78;
  --glass-rim: rgb(11 33 89 / .2);
  background: var(--paper);
}
.brand-link img { display:block;width:112px;height:auto; }
.deck-page.navy-page {
  --paper: #0b2159;
  --ink: #faf8f3;
  --accent: #faf8f3;
  --muted: rgb(250 248 243 / .8);
  --glass-rim: rgb(255 255 255 / .35);
}
.slide-canvas { position:absolute;left:0;top:0;transform:scale(var(--slide-scale,1));transform-origin:top left;isolation:isolate;overflow:hidden;background:var(--paper);color:var(--ink); }
.slide-canvas::after { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('../assets/background-grain.svg') repeat;opacity:.21;mix-blend-mode:soft-light; }
.navy-page .slide-canvas::after { opacity:.48;mix-blend-mode:screen; }
.slide-canvas > div, .slide-canvas > span, .slide-canvas > img, .slide-canvas > svg { position:absolute; }
.slide-canvas > div[data-component]:not([style]), .slide-canvas > div[data-component^="slide-"] { position:static; }
.native-vectors, .native-chart { position:absolute;inset:0;width:960px;height:540px;overflow:visible;pointer-events:none; }
.native-vectors { z-index:4; }
.native-vectors.diagram-paths { z-index:6; }
.native-chart { z-index:1; }
.native-vectors.connectors { z-index:5; }
.footer-mesh { position:absolute;z-index:-1;opacity:.95;color:var(--accent);overflow:hidden;pointer-events:none; }
.footer-mesh img { position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill; }
.footer-mesh .mesh-cream, .navy-page .footer-mesh .mesh-blue { display:none; }
.navy-page .footer-mesh .mesh-cream { display:block; }
.navy-page .footer-mesh { opacity:.68; }
.capital-page .footer-mesh { z-index:1; }
.brand-x { position:absolute;z-index:6;color:var(--ink); }
.navy-page .brand-x { filter:url(#cream-tint); }
.source-photo, .photo-crop { position:absolute;z-index:4;object-fit:fill;max-width:none; }
.photo-crop { overflow:hidden; }
.photo-crop img { max-width:none;object-fit:fill; }
.cream-page .paper-render { mix-blend-mode:multiply; }
.cream-page .glass-surface .paper-render { filter:url(#white-key); }
.navy-page .paper-render { filter:url(#white-key-dark); }
#page-5.navy-page .paper-render { filter:url(#white-key); }
.navy-page .partner-logo { filter:url(#white-key-dark) url(#cream-tint); }
.navy-page .cover-wordmark { filter:url(#cream-tint); }
.capital-background { position:absolute;z-index:0;max-width:none;object-fit:fill; }
.capital-photo-tint { position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(11 33 89 / .64),rgb(11 33 89 / .36));pointer-events:none; }
@media print {
  /* Chromium omits live backdrop blur in PDFs; retain the frosted navy finish. */
  .deck-page.capital-page .glass-surface { background:linear-gradient(135deg,rgb(92 111 149 / .72),rgb(39 59 99 / .9) 48%,rgb(65 84 126 / .84));-webkit-backdrop-filter:none;backdrop-filter:none; }
}
#page-4 .photo-crop img { filter:url(#white-key); }
.native-text { position:absolute;z-index:7;display:block;width:max-content;max-width:none;height:1em;line-height:1;white-space:pre;transform-origin:top left;transform:translateY(calc(var(--baseline-em,.82) * -1em)) scaleX(var(--text-scale,1));font-weight:400;font-synthesis:none; }
.native-text.ink { color:var(--ink); }
.native-text.accent { color:var(--accent); }
.native-text.muted { color:var(--muted); }
.native-text.on-accent { color:var(--paper); }
.navy-page .native-text.nav-text { color:rgb(250 248 243 / .6); }
.navy-page .native-text.nav-text.accent { color:#faf8f3; }
.section-tab { position:absolute;z-index:3;border-radius:999px; }
.section-tab.active { border:.6px solid var(--glass-rim);background:rgb(255 255 255 / .14);box-shadow:inset 0 .6px 1px #fffa,0 2px 5px #07152f0a; }
.cream-page .section-tab.active { background:rgb(255 255 255 / .6);border-color:rgb(11 33 89 / .25); }
.page-number-pill { position:absolute;z-index:5;border-radius:999px;background:var(--accent); }
.title-rule { position:absolute;z-index:5;background:var(--accent); }
.glass-surface, .glass-ui, .icon-orb {
  --glass-lift-shadow:0 3px 10px rgb(7 21 47 / .08),0 1px 3px rgb(7 21 47 / .04);
  position:absolute;
  border:1px solid rgb(11 33 89 / .17);
  background:linear-gradient(135deg,rgb(255 255 255 / .6),rgb(255 255 255 / .12) 48%,rgb(255 255 255 / .25));
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  backdrop-filter:blur(12px) saturate(1.12);
  box-shadow:inset 0 1px 1px rgb(255 255 255 / .9),inset 0 -1px 1px rgb(11 33 89 / .045),var(--glass-lift-shadow);
}
.glass-surface { z-index:3;border:0;outline:.75px solid var(--glass-rim);outline-offset:-.75px;-webkit-backdrop-filter:blur(2px) saturate(1.12);backdrop-filter:blur(2px) saturate(1.12); }
/* Live glass uses backdrop blur; print uses the same aligned, softened wave. */
.glass-mesh-pass { display:none;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none; }
.glass-mesh-pass img { position:absolute;max-width:none;object-fit:fill; }
.component-cover-badge { background:linear-gradient(135deg,#18356a,#0b2159);outline-color:rgb(255 255 255 / .4); }
.navy-page .glass-surface, .navy-page .glass-ui, .navy-page .icon-orb {
  border-color:rgb(255 255 255 / .28);
  background:linear-gradient(135deg,rgb(255 255 255 / .16),rgb(255 255 255 / .025) 48%,rgb(255 255 255 / .055));
  box-shadow:inset 0 1px 1px rgb(255 255 255 / .4),inset 0 -1px 1px rgb(255 255 255 / .12),var(--glass-lift-shadow);
}
.navy-page .component-cover-badge { background:#faf8f3; }
.glass-surface::after, .icon-orb::after { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:.55px solid rgb(255 255 255 / .32);mask-image:linear-gradient(135deg,#000,transparent 45%,#000); }
.native-icon { position:absolute;z-index:5;display:grid;place-items:center;color:var(--accent); }
.native-icon:not(.icon-orb) { transform:scale(.77);transform-origin:center; }
.native-icon.source-sized-icon { transform:none; }
.native-icon.metric-icon { border-radius:50%;border:.65px solid var(--accent);padding:0; }
.native-icon.metric-icon > .line-icon { width:64%;height:64%;stroke-width:.8; }
.workflow-orbit { position:absolute;z-index:5;border-radius:50%;border:.6px solid rgb(11 33 89 / .12); }
.line-icon { display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round; }
.icon-orb { border-radius:50%;padding:17%; }
.native-icon.icon-orb { padding:9px; }
.native-icon.icon-orb:not(.workflow-orb) { transform:scale(.79);transform-origin:center; }
.native-icon.workflow-orb { padding:15px;color:var(--ink); }
.component-label { position:absolute;z-index:6;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.1; }
.model-name { font-weight:700;letter-spacing:1px; }
.workflow-track { position:absolute;inset:0;width:960px;height:540px;z-index:2; }
.workflow-track > svg { width:100%;height:100%; }
.workflow-step-number { position:absolute;z-index:-1;color:var(--ink);opacity:.08;font:400 100px/1 Arial,sans-serif; }
.workflow-digit { fill:var(--ink);opacity:.06; }
.workflow-node { position:absolute;border:4px solid var(--paper);border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgb(255 255 255 / .3),0 3px 12px rgb(11 33 89 / .18); }
.mini-pipeline { position:absolute;z-index:5;color:var(--ink); }
.mini-stages { position:absolute;left:20px;right:12px;top:8.6px;display:flex;align-items:flex-start;justify-content:space-around;height:60px;padding:0; }
.mini-stage { position:relative;width:20%;text-align:center;color:var(--muted); }
.mini-stage i { display:grid;place-items:center;width:3.8px;height:3.8px;margin:0 auto 2px;border-radius:50%;font:normal 2px/1 Arial;background:var(--accent);color:var(--paper); }
.mini-stage label { display:block;min-height:6px;font:400 1.8px/1.1 Arial; }
.mini-stage-art { position:relative;width:22px;height:33px;margin:1px auto 0;color:var(--accent); }
.mini-building { width:22px!important;height:33px!important; }
.mini-stage-art > svg { width:100%;height:100%; }
.mini-building img { filter:url(#white-key); }
.mini-stack-back { position:absolute;inset:0;border:.6px solid var(--glass-rim);transform:rotate(-12deg) translate(-3px,-3px); }
.mini-stack-back.second { transform:rotate(-6deg) translate(-1.5px,-1.5px); }
.mini-stage-path { position:absolute;left:23px;top:40%;width:124px;z-index:-1; }
.native-callout { position:absolute;z-index:6;display:flex;align-items:center;gap:5px;line-height:1.2;padding:4px;border-radius:8px;font:400 7.5px/1.2 Arial,Helvetica,sans-serif;color:var(--ink); }
.native-callout > .line-icon { flex-shrink:0;width:16px;height:16px;color:var(--accent); }
.native-callout > span { display:block; }
.segmentation-label { padding:2px 3px;gap:2px;font-size:6px;background:var(--paper);border-radius:3px; }
.segmentation-label > .line-icon { width:10px;height:10px; }
.search-field { font-size:8px;background:var(--paper); }
.action-chip { padding:0;gap:8.4px;font-size:8.6px;white-space:nowrap;border:0;box-shadow:none;background:transparent;backdrop-filter:none; }
.action-chip > .line-icon { padding:5px;border-radius:50%;width:23px;height:23px;background:color-mix(in srgb,var(--accent) 12%,transparent); }
.dataset-stack, .filter-funnel, .gaussian-patch { position:absolute;z-index:5;color:var(--accent); }
.dataset-frame { position:absolute;left:0;width:40.4px;height:44.5px;overflow:hidden;border:.6px solid rgb(255 255 255 / .7);border-radius:3px;box-shadow:0 1px 3px #0b215930; }
.dataset-frame > .photo-crop { left:0!important;top:0!important; }
.filter-funnel > svg { position:absolute;width:100%;height:100%; }
.filter-funnel > .line-icon { inset:28%;width:44%;height:44%;color:var(--paper); }
.local-dataset-photo { border:1px solid rgb(11 33 89 / .25);border-radius:2px; }
.gaussian-patch > svg { width:100%;height:100%; }
.native-viewer { position:absolute;z-index:5;overflow:hidden;border-radius:7px;background:var(--paper); }
.viewer-captures { height:36.2px;background:#0b2159;color:#faf8f3;padding:3px;font:400 3px/1 Arial,sans-serif; }
.viewer-captures b { display:block;margin-bottom:8px;font-weight:400; }
.viewer-captures > div { display:flex;gap:2px; }
.capture-thumb { position:relative;width:18.5px;height:18.5px;border:1px solid #ffffff40;border-radius:2px;background:#ffffff15; }
.capture-thumb.selected { border-color:var(--accent); }
.capture-thumb > label { position:absolute;left:0;top:-4px;width:100%;font-size:2px;text-align:center;white-space:nowrap; }
.capture-thumb > .photo-crop { border-radius:2px; }
.capture-thumb img { width:100%;height:100%;object-fit:contain; }
.viewer-stage { position:relative;height:84.7px; }
.viewer-stage > img { display:block;width:100%;height:100%;object-fit:contain; }
.viewer-toolstrip { top:4.9px;left:2.4px;width:7.2px;height:23.8px;padding:1px;border-radius:2px;background:var(--paper); }
.viewer-toolstrip span { display:block;width:5px;height:7px;color:var(--accent); }
.viewer-compass { top:5.6px;left:93.7px;width:9.4px;height:9.7px;border-radius:50%;background:var(--paper);text-align:center;font:400 3px/1 Arial; }
.viewer-timeline-controls { padding:3px; }
.timeline-line { height:1.5px;background:var(--accent); }
.timeline-ticks { display:flex;justify-content:space-between;margin-top:3px; }
.timeline-ticks i { width:3px;height:3px;border-radius:50%;background:var(--accent); }
.timeline-ticks i.selected { outline:.5px solid var(--accent);outline-offset:1px; }
.timeline-dates { display:flex;justify-content:space-between;margin-top:2px;font-size:2px;white-space:nowrap;color:var(--ink); }
.timeline-dates .selected { background:var(--accent);color:var(--paper);border-radius:2px; }
.measurement-toolbar { position:absolute;z-index:6;padding:2px;border-radius:2px;color:var(--accent); }
.measurement-toolbar .line-icon { height:6px;margin-bottom:2px; }
.native-readout { position:absolute;z-index:7;display:grid;place-items:center;background:var(--paper);border:0;border-radius:1px;font:700 2.7px/1 Arial;box-shadow:none;white-space:nowrap; }
.native-note-card { position:absolute;z-index:7;padding:2px;background:var(--paper);border-radius:1px;font:400 2px/1.4 Arial;box-shadow:none; }
.native-note-card > b { display:block;font-size:2.4px; }
.native-note-card > footer { position:relative;margin-top:1px;font-size:1.8px;color:var(--muted); }
.native-note-card footer i { float:right;font:normal 1.8px/1 Arial;background:var(--accent);color:var(--paper);border-radius:50%;padding:1px; }
.native-note-pin { position:absolute;z-index:7;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-size:2px;background:var(--accent);color:var(--paper);border:.3px solid var(--paper); }
.navy-page .segmentation-label, .navy-page .native-readout, .navy-page .native-note-card, .navy-page .viewer-toolstrip, .navy-page .viewer-compass { background:var(--paper); }
.measure-label { gap:1px;padding:1px 2px;font-size:3px;border-radius:2px;background:var(--paper); }
.measure-label > .line-icon { width:4px;height:4px; }
.contact-hotspot { position:absolute;z-index:8; }
[data-palette="original"] .deck-page { --paper:#fff;--ink:#0d2038;--accent:#0098ff;--muted:#5e7e9f; }
[data-palette="original"] .cover-wordmark { filter:none; }
[data-palette="original"] .glass-surface { background:#fff;backdrop-filter:none;border:0;box-shadow:0 1px 8px #0002; }
[data-palette="original"] .slide-canvas::after { display:none; }
@media print { .slide-canvas { transform:scale(1.3333333333)!important; } }
@media (max-width:700px) { .brand-link img { width:90px; } }
@media (max-width:380px) { .reader-bar { gap:0;padding:5px 8px; }.brand-link img { width:80px; }.reader-actions { padding-left:3px; }.reader-bar button { min-width:28px;padding:5px; }.reader-navigation { gap:0; }.reader-navigation button { width:24px;min-width:24px;padding:3px; }.reader-bar select { padding-right:13px;font-size:10px; } }

@media print {
  .glass-mesh-pass { display:block; }
  /* Static frosted fills plus a clipped blur pass replace PDF backdrop blur. */
  .cream-page .glass-surface {
    background:linear-gradient(135deg,#fffdf9,#f5f3ee 48%,#faf9f4);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .navy-page:not(.capital-page) .glass-surface:not(.component-cover-badge) {
    background:linear-gradient(135deg,#2f4272,#10265c 48%,#192f63);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}