/* Diagrams complement the archive photos without changing the slide geometry. */
.exposure .slide { --chapter-accent:#78e0c5; }
.exposure [data-tone=sky] { --chapter-accent:#9bcfff; }
.exposure [data-tone=gold] { --chapter-accent:#f3ce8c; }
.exposure [data-tone=coral] { --chapter-accent:#ffb4a5; }
.exposure h1 em,.exposure .eyebrow { color:var(--chapter-accent); }
.exposure [data-visual=product] h1 em,.exposure [data-visual=product] .eyebrow { color:var(--product-accent); }
.exposure .eyebrow { display:block; }

.illustrated-steps li { --step-ink:#8ce5d0; position:relative; isolation:isolate; grid-template-columns:48px 1fr; border:0; padding:12px 14px 12px 0; }
.illustrated-steps li:nth-child(2) { --step-ink:#a4d4ff; }
.illustrated-steps li:nth-child(3) { --step-ink:#f3ce8c; }
.illustrated-steps li::before { content:''; position:absolute; inset:0 0 0 31px; z-index:-1; background:#11191de8; border-left:2px solid var(--step-ink); }
.illustrated-steps h2 { color:var(--step-ink); }
.step-sequence { position:relative; display:grid; justify-items:center; gap:6px; color:var(--step-ink); }
.step-sequence .step-number { font-size:13px; line-height:1; color:inherit; padding:3px 6px; background:#11191d; }
.step-art { position:relative; display:block; width:44px; height:44px; color:inherit; background:#10242a; border:1px solid currentColor; border-radius:6px; box-shadow:4px 4px 0 #050a0f80; }
.step-art i { position:absolute; display:block; }
.art-document i:first-child,.art-code i:first-child,.art-window i:first-child { inset:8px 7px; border:1.5px solid currentColor; border-radius:2px; }
.art-document i:nth-child(2) { inset:15px 12px auto; height:2px; background:currentColor; box-shadow:0 6px currentColor,0 12px currentColor; }
.art-code i:nth-child(2)::before { content:'‹›'; position:absolute; inset:10px auto auto 10px; width:26px; white-space:nowrap; text-align:center; font:bold 21px monospace; }
.art-window i:nth-child(2) { top:14px; left:8px; width:26px; border-top:1px solid currentColor; }
.art-window i:nth-child(3) { top:20px; left:18px; width:9px; height:6px; border:solid currentColor; border-width:0 0 2px 2px; transform:rotate(-45deg); }
.art-search i:first-child { width:17px; height:17px; top:9px; left:9px; border:2px solid currentColor; border-radius:50%; }
.art-search i:nth-child(2) { width:13px; top:28px; left:23px; border-top:3px solid currentColor; transform:rotate(45deg); }
.art-book i:first-child,.art-book i:nth-child(2) { width:13px; height:23px; top:10px; border:1.5px solid currentColor; }
.art-book i:first-child { left:8px; transform:skewY(9deg); }
.art-book i:nth-child(2) { right:8px; transform:skewY(-9deg); }
.art-medal i:first-child { width:19px; height:19px; border:2px solid currentColor; border-radius:50%; top:7px; left:11px; }
.art-medal i:nth-child(2),.art-medal i:nth-child(3) { width:8px; height:12px; background:currentColor; top:24px; clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%); }
.art-medal i:nth-child(2) { left:12px; transform:rotate(12deg); }
.art-medal i:nth-child(3) { right:12px; transform:rotate(-12deg); }
.art-clock i:first-child,.art-history i:first-child { inset:8px; border:2px solid currentColor; border-radius:50%; }
.art-clock i:nth-child(2),.art-history i:nth-child(2) { left:20px; top:13px; width:8px; height:10px; border:solid currentColor; border-width:0 0 2px 2px; }
.art-history i:nth-child(3) { left:5px; top:7px; border:5px solid transparent; border-right-color:currentColor; transform:rotate(-20deg); }
.art-shield i:first-child { inset:7px 9px; background:currentColor; clip-path:polygon(50% 0,100% 15%,92% 65%,50% 100%,8% 65%,0 15%); }
.art-shield i:nth-child(2) { top:17px; left:16px; width:11px; height:7px; border:solid #10242a; border-width:0 0 2px 2px; transform:rotate(-45deg); }
.art-database i { left:10px; width:23px; height:12px; border:1.5px solid currentColor; border-radius:50%; background:#10242a; }
.art-database i:first-child { top:22px; }
.art-database i:nth-child(2) { top:15px; }
.art-database i:nth-child(3) { top:8px; }

.visual-education .visual-steps { gap:0; }
.visual-education li { padding:8px 0 16px; }
.visual-education li::before { inset:36px auto -8px 23px; width:2px; border:0; background:var(--step-ink); }
.visual-education li:last-child::before { display:none; }
.visual-education .step-art { background:#131c25; }
.visual-education h2 { margin-top:4px; }
.visual-education .step-number { background:#0c121a; }
.visual-workflow li::after { content:'↓'; position:absolute; left:19px; bottom:-18px; color:var(--step-ink); font-size:20px; z-index:2; }
.visual-workflow li:last-child::after { display:none; }
.visual-brief li::before { background:#382026e8; }
.visual-safety li::before { background:#17332ce8; }
.visual-week li::before { background:#15323de8; }

.country-result { position:relative; isolation:isolate; padding-left:8px; padding-right:8px; }
.country-result::before { content:''; position:absolute; inset:2px auto 2px 0; width:3px; background:#80d9c3; z-index:-1; }
.country-result:nth-child(even)::before { background:#9bcfff; }
.employer-item { position:relative; padding-bottom:8px; }
.employer-item::after { content:''; position:absolute; bottom:0; left:calc(50% - 18px); height:3px; width:36px; background:#8ae5cf; }
.employer-item:nth-child(3n+2)::after { background:#a4d4ff; }
.employer-item:nth-child(3n)::after { background:#f4d29b; }
.tool-line > a { isolation:isolate; }
.tool-line > a::before { content:''; position:absolute; inset:0; z-index:-1; background:#183a332b; }
.tool-line > a:nth-child(2)::before { background:#24486935; }
.tool-line > a:nth-child(3)::before { background:#63503030; }
.tool-line > a:nth-child(4)::before { background:#633f4030; }
.language-example { border:0; padding-left:0; }
.language-example p { padding:10px 14px; background:#152b37e8; border-left:3px solid #9bcfff; }
.language-example p:nth-of-type(2) { margin-left:20px; background:#382729df; border-color:#ffb4a5; }
.language-example b { color:#fff; text-decoration:underline; text-decoration-color:#ffce88; text-underline-offset:6px; }
.exchange-art { display:block; position:relative; width:120px; height:54px; margin:0 auto; }
.exchange-art i:first-child,.exchange-art i:last-child { position:absolute; top:8px; width:32px; height:36px; border:2px solid #8ce5d0; border-radius:5px; }
.exchange-art i:first-child { left:0; transform:rotate(-7deg); }
.exchange-art i:last-child { right:0; transform:rotate(7deg); border-color:#a4d4ff; }
.exchange-art i:nth-child(2) { position:absolute; inset:16px 36px; border:solid #f3ce8c; border-width:2px 0; }
.exchange-art i:first-child::before { content:''; position:absolute; width:8px; height:8px; border:1.5px solid currentColor; color:#8ce5d0; border-radius:50%; top:5px; left:10px; }
.exchange-art i:first-child::after { content:''; position:absolute; width:16px; height:8px; border:1.5px solid #8ce5d0; border-bottom:0; border-radius:8px 8px 0 0; bottom:5px; left:6px; }
.exchange-art i:last-child::before { content:'‹›'; position:absolute; inset:6px 0; color:#a4d4ff; font:bold 20px monospace; white-space:nowrap; }

@media (prefers-reduced-motion:no-preference) {
 .slide.active .illustrated-steps li,.slide.active .tool-line > div { animation:layer-entry .35s both; }
 .slide.active .illustrated-steps li:nth-child(2),.slide.active .tool-line > div:nth-child(2) { animation-delay:.08s; }
 .slide.active .illustrated-steps li:nth-child(3),.slide.active .tool-line > div:nth-child(3) { animation-delay:.16s; }
 .slide.active .tool-line > div:nth-child(4) { animation-delay:.24s; }
}
@keyframes layer-entry { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:820px) {
 .illustrated-steps li { grid-template-columns:44px 1fr; gap:10px; padding-right:10px; }
 .step-art { width:42px; }
 .illustrated-steps h2 { font-size:20px; }
 .illustrated-steps p { font-size:18px; }
 .role-transfer { gap:14px; }
 .exchange-art { margin-left:0; }
 .tool-line > div { padding-left:10px; }
}
@media (prefers-reduced-motion:reduce) { .exposure * { animation:none!important; transition:none!important; } }