/* Concrete work examples for the service pages, our story and the Praktijkscan. */
.motion-service .dhero,.motion-scan .phero,.story-hero { background:#fcf8f4; padding:24px 0 48px; border-top:1px solid #f1e7e0; }
.motion-service .dhero__grid,.motion-scan .phero__grid,.story-hero__grid { display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:60px; }
.motion-service .dhero .h1,.motion-scan .phero .h1,.story-hero .h1 { font-size:clamp(36px,3.7vw,52px); line-height:1.12; letter-spacing:-.045em; }
.story-hero .h1 span { color:var(--terra-d); }
.story-hero .page-head__lead { max-width:430px; margin-top:24px; }
.motion-service .dhero__example { min-width:0; }
.motion-service .dhero .page-head__actions,.motion-scan .phero .page-head__actions { gap:10px; }
.motion-service .dhero .btn,.motion-scan .phero .btn { font-size:13px; padding-left:17px; padding-right:17px; }
.scene-deck { min-width:0; color:#302f2a; }
.scene-deck [hidden] { display:none!important; }
.scene-deck__heading { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#66574c; font-size:11px; margin-bottom:16px; }
.scene-deck__heading > span:first-child { display:flex; align-items:center; gap:8px; }
.scene-deck__heading i { width:6px; height:6px; border-radius:50%; background:#8b543d; flex:none; }
.scene-deck__heading > span:last-child { font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.scene-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; padding:5px; border:1px solid #e2d2c6; background:#f4ece5; border-radius:13px; margin-bottom:12px; }
.scene-tabs button { display:flex; align-items:center; justify-content:center; gap:7px; padding:7px 4px; min-width:0; min-height:40px; border:0; border-radius:9px; background:transparent; font:inherit; font-size:12px; color:#62574e; cursor:pointer; }
.scene-tabs button span { font-size:9px; }
.scene-tabs button[aria-selected="true"] { background:#fff; color:#2c2c29; font-weight:600; box-shadow:0 2px 5px #53402b12; }
.scene-tabs button:hover { color:#8d432c; }
.scene-panel { border:1px solid #e5bea7; border-radius:19px; overflow:hidden; background:#fffdfa; }
.scene-panel + .scene-panel { margin-top:20px; }
.scene-deck.is-enhanced .scene-panel { margin-top:0; }
.scene-deck :focus-visible { outline:3px solid #8c432b; outline-offset:4px; }
.scene-panel:focus-visible { outline-offset:3px; }
.scene-art { height:350px; display:flex; align-items:center; justify-content:center; padding:27px; background-color:#f1d9ca; background-image:radial-gradient(#ae775e30 .8px,transparent .8px); background-size:16px 16px; }
.scene-art--dienst-koppelingen,.scene-art--dienst-erp,.scene-art--dienst-dashboards { background-color:#e6ecde; background-image:radial-gradient(#7d8d6433 .8px,transparent .8px); }
.scene-art--scan { background-color:#eddfcf; }
.scene-explanation { min-height:113px; padding:19px 24px 20px; border-top:1px solid #e3cbb9; }
.scene-explanation p { margin:0; font-size:12px; line-height:1.75; color:#655e55; }
.scene-explanation .scene-explanation__title { color:#302f2a; font-size:15px; font-weight:600; margin-bottom:5px; letter-spacing:-.015em; }
.scene-deck__controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.scene-counter { font-size:10px; letter-spacing:.07em; color:#66574c; padding-left:5px; }
.scene-play { display:inline-flex; align-items:center; gap:8px; min-height:44px; background:#fffdfa; color:#4f493f; border:1px solid #d4c7bb; border-radius:24px; padding:8px 13px; font:inherit; font-size:11px; cursor:pointer; }
.scene-play:hover { background:#f4dfcf; border-color:#b68e72; }
.scene-play > span:first-child { font-size:12px; width:13px; text-align:center; }
.scene-caption { margin:8px 0 0; color:#6d6257; font-size:10px; line-height:1.6; text-align:center; }
.scene-window { background:#fffdfa; border:1px solid #cdbba9; border-radius:11px; box-shadow:0 13px 25px #533b2112; width:100%; max-width:400px; transform:rotate(-1deg); overflow:hidden; }
.scene-window__bar { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #e8ded4; font-size:10px; color:#62584e; }
.scene-window__bar > span:last-child { font-size:5px; letter-spacing:2px; }
.scene-window__body { padding:17px; }
.scene-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #e6e3d9; font-size:12px; line-height:1.5; }
.scene-row:first-child { padding-top:2px; }
.scene-row:last-child { border-bottom:0; padding-bottom:2px; }
.scene-row > span:first-child { min-width:0; }
.scene-badge { display:inline-block; max-width:100%; border:1px solid #d9cfbf; border-radius:6px; color:#655442; background:#f6f1e8; padding:4px 7px; font-size:10px; line-height:1.5; text-align:center; }
.scene-row .scene-badge { flex-shrink:0; max-width:57%; }
.scene-badge.is-good { color:#435639; background:#edf2e5; border-color:#cbd6bc; }
.scene-badge.is-warn { color:#865036; background:#f8e9df; border-color:#dfbda5; }
.scene-message { border:1px solid #e4d7c9; border-radius:10px 10px 10px 2px; background:#f5ede3; padding:12px 14px; margin-bottom:12px; margin-right:30px; }
.scene-message.is-answer { background:#ebefe5; border-color:#cbd3be; border-radius:10px 10px 2px 10px; margin-left:22px; margin-right:0; }
.scene-message small { display:block; color:#675c50; font-size:9px; margin-bottom:4px; }
.scene-message p { color:#3a3830; font-size:13px; line-height:1.55; margin:0; }
.scene-ticket { width:100%; max-width:340px; padding:22px; border:1px solid #cbbca9; border-radius:12px; background:#fffdfa; box-shadow:0 12px 24px #5b3c2512; transform:rotate(1.2deg); }
.scene-ticket__icon { display:grid; place-items:center; width:39px; height:39px; background:#e9eee1; color:#4c5c3e; border-radius:10px; margin-bottom:15px; }
.scene-ticket > small { display:block; font-size:10px; color:#645b50; margin-bottom:7px; }
.scene-ticket > strong { display:block; font-size:19px; line-height:1.35; letter-spacing:-.025em; margin-bottom:7px; }
.scene-ticket > p { font-size:12px; color:#675d52; line-height:1.75; margin:0; }
.scene-window .scene-ticket { padding:13px 15px; transform:none; box-shadow:none; background:#f5f5ee; border-color:#dadbcc; }
.scene-window .scene-ticket__icon { display:none; }
.scene-window .scene-ticket > strong { font-size:15px; }
.scene-window .scene-ticket > p { font-size:11px; }
.scene-call { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.scene-call > span { width:42px; height:42px; background:#e9eddf; color:#4c5c3e; display:grid; place-items:center; border-radius:50%; flex:none; }
.scene-call small { font-size:9px; color:#665d53; }
.scene-call strong { display:block; font-size:12px; line-height:1.4; margin-top:4px; }
.scene-wave { display:flex; gap:3px; align-items:center; height:35px; margin-left:auto; }
.scene-wave i { display:block; width:3px; height:calc(var(--bar)*4px); border-radius:4px; background:#a46647; }
.scene-pipeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; min-height:171px; }
.scene-column { min-width:0; padding:8px 6px; background:#f4f1e9; border:1px solid #e6e0d3; border-radius:7px; }
.scene-column > span { display:block; font-size:10px; color:#625b4d; margin-bottom:14px; }
.scene-column.is-selected { background:#e9eddf; border-color:#b9c6a5; }
.scene-opportunity { background:#fff; border:1px solid #c7d1b7; border-radius:6px; padding:10px 7px; overflow-wrap:anywhere; box-shadow:0 3px 6px #4b543210; }
.scene-opportunity > small { display:block; font-size:8px; color:#665f53; margin-bottom:8px; }
.scene-opportunity > strong { display:block; font-size:12px; line-height:1.45; letter-spacing:-.02em; margin-bottom:10px; }
.scene-opportunity > p { color:#655e53; font-size:9px; line-height:1.5; margin:0 0 8px; }
.scene-opportunity .scene-badge { padding:3px 4px; font-size:8px; }
.scene-empty { height:52px; border:1px dashed #d7d2c5; border-radius:6px; }
.scene-mapping { display:grid; grid-template-columns:1fr 34px 1fr; align-items:center; margin-bottom:16px; }
.scene-mapping > div:not(.scene-transfer) { background:#f4f5ed; border:1px solid #d7ddcc; border-radius:8px; padding:11px; }
.scene-mapping small { display:block; font-size:10px; margin-bottom:8px; color:#58604c; }
.scene-mapping strong { display:block; font-size:11px; font-weight:500; padding:8px 0; border-top:1px solid #dcded3; }
.scene-transfer { text-align:center; color:#586b43; padding-top:28px; }
.scene-transfer span { display:block; font-size:18px; line-height:32px; }
.scene-site { padding:0; }
.scene-site__nav { display:flex; justify-content:space-between; gap:10px; font-size:9px; color:#665b4d; }
.scene-site__nav strong { color:#353b2d; }
.scene-site__nav span { font-size:8px; }
.scene-site__hero { padding:23px 0 17px; }
.scene-site__hero small { display:block; color:#7b5036; font-size:9px; margin-bottom:8px; }
.scene-site__hero strong { display:block; font-size:23px; line-height:1.13; letter-spacing:-.045em; }
.scene-fake-button { display:inline-block; margin-top:13px; color:#fff; background:#3d4534; padding:7px 10px; border-radius:15px; font-size:8px; }
.scene-site__tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.scene-site__tiles i { display:block; border-radius:6px; height:24px; background:#eddbca; }
.scene-site__tiles i:nth-child(2) { background:#e4e9d9; }
.scene-phone { margin:auto; width:190px; padding:15px 14px; border:3px solid #6c6d59; border-radius:23px; background:#fffef9; box-shadow:0 6px 0 #c5c6b5; }
.scene-phone__top { color:#415337; font-weight:600; font-size:12px; padding:0 0 13px; border-bottom:1px solid #dddfd2; }
.scene-phone .scene-row { font-size:10px; padding:12px 0; }
.scene-phone .scene-badge { padding:3px 5px; font-size:9px; }
.scene-phone__note { margin:10px 0 0; font-size:10px; color:#655f50; line-height:1.65; }
.scene-form > span { display:block; color:#6c6254; font-size:10px; padding:11px 7px; border:1px solid #ded9ca; margin-bottom:9px; border-radius:5px; }
.scene-form b { display:block; padding:10px 7px; color:#fff; background:#3d4534; font-size:9px; border-radius:7px; font-weight:400; }
.scene-stats { display:flex; gap:35px; margin-bottom:18px; }
.scene-stats strong { display:block; font-size:33px; letter-spacing:-.04em; font-weight:500; color:#3f5135; line-height:1.2; }
.scene-stats small { display:block; font-size:10px; color:#646351; margin-top:3px; }
.scene-bars { display:flex; align-items:flex-end; gap:14px; height:95px; border-bottom:1px solid #cbd1bc; padding:0 10px; }
.scene-bars i { display:block; flex:1; height:var(--height); background:#a6b68f; border:1px solid #839669; border-bottom:0; border-radius:5px 5px 0 0; transform-origin:bottom; }
.scene-bars i:nth-child(4) { background:#d3a07d; border-color:#ad7854; }
.scene-worktable { width:100%; max-width:335px; }
.scene-note { padding:23px; border:1px solid #ceb69e; background:#fff9ef; border-radius:8px; box-shadow:0 12px 24px #5b3c2512; transform:rotate(-3deg); }
.scene-note small { font-size:10px; color:#7d5e45; }
.scene-note strong { display:block; font-size:24px; font-weight:500; line-height:1.25; letter-spacing:-.035em; margin:15px 0; }
.scene-note > span { display:block; font-size:11px; color:#6d614f; border-top:1px solid #e4d7c2; padding-top:13px; }
.scene-partners { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:21px; }
.scene-partners > span { padding:7px 12px; border-radius:18px; border:1px solid #c6b7a3; background:#fcf8ef; font-size:10px; }
.scene-partners > span:last-child { background:#e5ebda; border-color:#bac7a8; color:#475538; }
.scene-partners i { font-style:normal; color:#71553f; }
.scene-choice { border:1px solid #c7c9b2; padding:20px 25px; background:#fffef7; border-radius:12px; width:100%; max-width:360px; box-shadow:0 12px 24px #5b3c2512; transform:rotate(1deg); }
.scene-choice .scene-row { padding:18px 0; }
.scene-together { width:100%; max-width:340px; }
.scene-together__cards { display:flex; justify-content:center; gap:19px; }
.scene-together__cards > span { display:flex; flex-direction:column; align-items:center; gap:13px; padding:23px 18px; min-width:115px; border-radius:12px; background:#fffdf5; border:1px solid #cdb69f; transform:rotate(-4deg); }
.scene-together__cards > span:last-child { transform:rotate(4deg); background:#e6ecd9; border-color:#bac7a7; }
.scene-together__cards svg { color:#7b5136; }
.scene-together__cards strong { font-size:13px; font-weight:500; }
.scene-together__line { height:32px; width:1px; background:#9b7b5f; margin:auto; }
.scene-together__result { text-align:center; background:#333b2e; color:#fff; padding:14px 20px; border-radius:9px; font-size:25px; letter-spacing:-.04em; font-weight:600; }
.scene-together__result span { display:block; font-size:10px; color:#dfe7d5; letter-spacing:0; font-weight:400; margin-top:4px; }
.scene-report { background:#fffefa; padding:20px 23px; border:1px solid #cebaa2; border-radius:5px 14px 14px 5px; box-shadow:-5px 5px 0 #d8c3ac,0 12px 24px #5b3c2512; width:100%; max-width:360px; transform:rotate(-1.8deg); }
.scene-report__top { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #dfd5c6; padding-bottom:11px; margin-bottom:15px; color:#71553c; font-size:9px; }
.scene-report__top b { font-weight:400; }
.scene-report .scene-report__title { font-size:17px; font-weight:600; letter-spacing:-.03em; line-height:1.4; margin:0 0 14px; }
.scene-report__flow { padding:0; margin:0 0 14px; list-style:none; counter-reset:flow; }
.scene-report__flow li { display:flex; align-items:center; gap:9px; padding:5px 0; color:#655a4d; font-size:10px; line-height:1.6; counter-increment:flow; }
.scene-report__flow li::before { content:counter(flow); display:grid; place-items:center; width:16px; height:16px; flex:none; border-radius:50%; border:1px solid #c7c9b6; color:#526044; font-size:8px; background:#eff1e6; }
.scene-report__flow .is-flag { color:#874f32; font-weight:600; }
.scene-report__flow .is-flag::before { background:#f8e9dd; border-color:#cba486; color:#874f32; }
.scene-report .scene-row { font-size:11px; padding:12px 0; gap:8px; }
.scene-report .scene-badge { font-size:9px; }
.scene-report .scene-report__note { color:#6c604f; font-size:10px; line-height:1.65; margin:14px 0 0; }
/* A visible route through the real service example; content remains readable without JS. */
.motion-service .dcap { gap:18px; }
.motion-service .dcap li { border-radius:13px; padding:27px; position:relative; }
.motion-service .dcap__n { width:38px; height:38px; border:1px solid #d8cab9; background:#f5e9dc; color:#855034; margin-bottom:22px; }
.motion-service .dcap li:nth-child(2n) .dcap__n { background:#eaf0e0; color:#4d5f3f; border-color:#cbd7bc; }
.motion-service .dpraktijk { background:#edf0e6; }
.motion-service .dstappen { gap:16px; margin-top:35px; border:0; }
.motion-service .dstappen li { position:relative; padding:21px; border:1px solid #cbd3bf; border-radius:11px; background:#fafbf6; gap:10px; }
.motion-service .dstappen li + li { padding-left:21px; border-left:1px solid #cbd3bf; }
.motion-service .dstappen li > span { display:flex; justify-content:space-between; align-items:center; color:#4d6040; font-size:10px; }
.motion-service .dstappen li > span::after { content:"→"; font-size:18px; color:#758965; }
.motion-service .dstappen li:last-child > span::after { content:"✓"; }
.motion-service .dstappen li strong { font-size:16px; line-height:1.4; }
.motion-service .dstappen li small { color:#626954; font-size:12px; line-height:1.8; }
.motion-service .dstappen li.is-traced { border-color:#82986b; background:#f3f7ed; }
.motion-service .delivery { border-top:1px solid #ddd9cf; }
.motion-service .delivery li { padding-top:17px; padding-bottom:17px; }
.story-values { gap:22px; }
.story-values article { padding:26px; border:1px solid #ded8ce; border-radius:13px; background:#fffdfa; }
.story-values__symbol { display:grid; place-items:center; width:54px; height:54px; border-radius:14px; background:#f0d9c6; color:#875134; margin-bottom:24px; transform:rotate(-5deg); }
.story-values article:nth-child(2) .story-values__symbol { background:#e6ecd9; color:#53643f; transform:rotate(4deg); }
.story-values article:nth-child(3) .story-values__symbol { background:#efeadd; color:#6f654b; transform:rotate(-3deg); }
.story-values .calm-number { margin-bottom:10px; }
.story-values h3 { font-size:22px; }
.story-values p { font-size:14px; }
.motion-scan .phero__direct { font-size:12px; margin-top:22px; padding-top:18px; }
.motion-scan .scan-deliverables { gap:18px; }
.motion-scan .scan-deliverables .card { border:1px solid #ded8ce; border-radius:13px; padding:27px; }
.scan-deliverable__icon { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#f0ddcb; color:#885334; margin-bottom:20px; }
.scan-deliverables .card:nth-child(2n) .scan-deliverable__icon { background:#e6edda; color:#50613e; }
.scan-deliverables .card h3 { font-size:22px; }
.scan-deliverables .card p { font-size:14px; }
.motion-scan .scan-process { gap:60px; }
.motion-scan .steps { padding:0; }
.motion-scan .step { position:relative; padding:0 0 30px; gap:21px; border:0; }
.motion-scan .step:not(:last-child)::before { content:""; position:absolute; left:19px; top:40px; bottom:0; width:1px; background:#cecdbd; }
.motion-scan .step__n { position:relative; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:1px solid #c3ccaf; color:#4d603d; background:#e7eddc; font:500 12px var(--font); }
.motion-scan .step h3 { font-size:21px; padding-top:7px; margin-bottom:11px; }
.motion-scan .step p { font-size:14px; line-height:1.85; }
.motion-scan .step.is-traced .step__n { border-color:#a37352; background:#edcfb8; color:#724a30; }
.motion-scan .scan-prepare { background:#fffdfa; border:1px solid #d7cbb9; border-radius:13px; }
/* Quieter supporting pages use the same cards, colour and brief entrance motion. */
.motion-branches .toc ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; }
.motion-branches .toc a { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:20px; height:100%; min-height:128px; border:1px solid #ded6c7; border-radius:12px; background:#faf6f0; padding:20px; font-size:13px; line-height:1.5; }
.motion-branches .toc li:nth-child(2n) a { background:#eef2e6; border-color:#d3ddc6; }
.motion-branches .toc svg { color:#875334; width:25px; height:25px; }
.motion-branches .toc li:nth-child(2n) svg { color:#53643f; }
.motion-branches .toc a:hover { border-color:#a77b5b; background:#f2dfce; }
.motion-branches .br__example { border:1px solid #c4ccb8; border-left:5px solid #a7b592; border-radius:12px; background:#edf1e5; color:#35412e; }
.motion-branches .br__example h3 { color:#35412e; }
.motion-branches .br__example p:last-child { color:#59624d; }
.motion-branches .br__example .sol__elabel { color:#6a503c; }
.motion-solutions .sol .flow { gap:14px; border:0; }
.motion-solutions .flow__step { padding:20px; border:1px solid #d6dcca; border-radius:12px; background:#f5f7ef; grid-template-rows:auto; gap:10px; }
.motion-solutions .flow__n { display:flex; align-items:center; justify-content:space-between; font:500 11px var(--font); color:#5e704b; }
.motion-solutions .flow__n::after { content:"→"; font-size:20px; }
.motion-solutions .flow__step:last-child .flow__n::after { content:"✓"; }
.motion-solutions .flow__t { font-size:15px; line-height:1.5; }
.motion-solutions .flow__s { font-size:12px; line-height:1.8; }
.motion-solutions .flow__step.is-traced { border-color:#9eae88; background:#e9efdf; }
.motion-solutions .sol__example { border:1px solid #e0c5ae; border-radius:12px; background:#fbf0e6; }
.motion-knowledge .article-cards--list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; border:0; }
.motion-knowledge .article-cards--list .article-card { display:block; padding:27px; border:1px solid #ded7c9; border-radius:13px; background:#fffdfa; }
.reading-icon { width:52px; height:52px; display:grid; place-items:center; color:#865033; background:#f0d9c6; border-radius:13px; margin-bottom:23px; transform:rotate(-4deg); }
.article-card:nth-child(2n) .reading-icon { background:#e7eddc; color:#53643f; transform:rotate(4deg); }
.motion-knowledge .article-card__t { font-size:25px; margin:13px 0 17px; }
.motion-knowledge .article-card > p:not(.article-card__k) { font-size:14px; margin:0 0 22px; }
.motion-knowledge .article-card > .link-arrow { font-size:13px; }
.meeting-visual { display:flex; align-items:center; justify-content:center; gap:22px; padding:25px; margin:25px 0 30px; background:#f2dfd1; border:1px solid #e2c4ad; border-radius:14px; }
.meeting-time { flex:none; text-align:center; }
.meeting-time strong { display:flex; align-items:baseline; justify-content:center; gap:4px; color:#775139; font-size:48px; line-height:1.2; font-weight:500; letter-spacing:-.05em; }
.meeting-time strong span { font-size:12px; letter-spacing:0; }
.meeting-time small { font-size:9px; color:#6e5b47; }
.meeting-question { padding:17px; border:1px solid #cfbaa4; border-radius:10px 10px 10px 2px; background:#fffaf1; transform:rotate(-2deg); }
.meeting-question > span { font-size:9px; color:#71604d; }
.meeting-question p { font-size:17px; line-height:1.4; letter-spacing:-.02em; margin:9px 0 0; color:#3e3b31; }
@media(prefers-reduced-motion:no-preference) {
 .scene-tabs button,.scene-play { transition:background .2s,color .2s; }
 .scene-panel.is-entering .scene-window,.scene-panel.is-entering .scene-ticket,.scene-panel.is-entering .scene-note,.scene-panel.is-entering .scene-choice,.scene-panel.is-entering .scene-report { animation:scene-arrive .6s cubic-bezier(.2,.7,.2,1) both; }
 .scene-panel.is-entering .scene-row { animation:scene-row-in .5s .12s both; }
 .scene-panel.is-entering .scene-row:nth-child(2) { animation-delay:.2s; }
 .scene-panel.is-entering .scene-row:nth-child(3) { animation-delay:.28s; }
 .scene-panel.is-entering .scene-opportunity { animation:scene-row-in .65s .12s both; }
 .scene-panel.is-entering .scene-bars i { animation:scene-bar-in .8s .15s both; }
 .scene-panel.is-entering .scene-wave i { animation:scene-wave .5s 4 alternate; }
 .scene-panel.is-entering .scene-wave i:nth-child(2n) { animation-delay:.15s; }
 .scene-panel.is-entering .scene-transfer span { animation:scene-transfer .75s 2 both; }
 .scene-panel.is-entering .scene-transfer span:nth-child(2) { animation-delay:.15s; }
 .scene-panel.is-entering .scene-transfer span:nth-child(3) { animation-delay:.3s; }
 .scene-panel.is-entering .scene-together__cards { animation:scene-row-in .6s both; }
 .scene-panel.is-entering .scene-together__result { animation:scene-row-in .6s .3s both; }
 .motion-service .dstappen li,.motion-scan .step__n { transition:background .6s,border-color .6s; }
 .story-values__symbol { transition:transform .35s; }
 .story-values article:hover .story-values__symbol { transform:rotate(0) translateY(-3px); }
 .motion-branches .toc a,.motion-solutions .flow__step { transition:background .4s,border-color .4s; }
 .reading-icon { transition:transform .4s; }
 .article-card:hover .reading-icon,.article-card:focus-within .reading-icon { transform:rotate(0) translateY(-3px); }
}
@keyframes scene-arrive { from { opacity:.3; translate:0 12px; } to { opacity:1; translate:0 0; } }
@media(prefers-reduced-motion:reduce) {
 .scene-deck[data-manual-motion="true"] .scene-panel.is-entering .scene-art > * { animation:scene-arrive .6s ease-out both!important; }
}
@keyframes scene-row-in { from { opacity:.3; translate:12px 0; } to { opacity:1; translate:0 0; } }
@keyframes scene-bar-in { from { transform:scaleY(.2); } to { transform:scaleY(1); } }
@keyframes scene-wave { from { transform:scaleY(.4); } to { transform:scaleY(1); } }
@keyframes scene-transfer { from { opacity:.3; translate:-5px 0; } to { opacity:1; translate:3px 0; } }
@media(max-width:1100px) {
 .motion-service .dhero__grid,.motion-scan .phero__grid,.story-hero__grid { gap:32px; }
 .scene-art { padding:23px 18px; }
 .scene-tabs button { font-size:11px; }
 .scene-tabs button span { display:none; }
 .scene-window__body { padding:14px; }
 .scene-row { font-size:11px; }
 .scene-badge { font-size:9px; }
 .scene-explanation { min-height:133px; }
 .motion-service .dstappen { gap:12px; }
 .motion-service .dstappen li,.motion-service .dstappen li + li { padding:18px; }
}
@media(max-width:900px) {
 .motion-service .dhero__grid,.motion-scan .phero__grid,.story-hero__grid { grid-template-columns:1fr; gap:36px; }
 .motion-service .dhero .wrap,.motion-scan .phero .wrap,.story-hero .wrap { max-width:700px; }
 .motion-service .dhero .h1,.motion-scan .phero .h1,.story-hero .h1 { max-width:600px; font-size:clamp(36px,5.6vw,49px); }
 .scene-art { padding:26px; }
 .scene-explanation { min-height:111px; }
 .scene-tabs button { font-size:12px; }
 .scene-tabs button span { display:inline; }
 .scene-window__body { padding:17px; }
 .scene-row { font-size:12px; }
 .scene-badge { font-size:10px; }
 .story-values { gap:16px; }
 .story-values article { padding:22px; }
 .motion-scan .scan-process { gap:32px; }
 .motion-branches .toc ul { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .scene-art { padding:22px 19px; }
 .scene-explanation { padding:18px 20px; min-height:132px; }
 .scene-tabs button { font-size:11px; }
 .scene-tabs button span { display:none; }
 .scene-window__body { padding:14px; }
 .scene-row { font-size:11px; }
 .scene-row .scene-badge { font-size:9px; }
 .scene-column { padding:9px 5px; min-height:38px; }
 .scene-column > span { margin-bottom:0; }
 .scene-pipeline { position:relative; gap:5px; min-height:215px; align-items:start; }
 .scene-empty { display:none; }
 .scene-opportunity { position:absolute; left:0; right:0; bottom:0; padding:14px 15px; }
 .scene-opportunity > small { font-size:10px; }
 .scene-opportunity > strong { font-size:16px; }
 .scene-opportunity > p { font-size:11px; }
 .scene-opportunity .scene-badge { font-size:10px; padding:4px 7px; }
 .scene-ticket { padding:20px; }
 .scene-ticket > strong { font-size:18px; }
 .scene-report { padding:17px 18px; }
 .scene-report .scene-row { font-size:10px; }
 .scene-report .scene-badge { font-size:8px; }
 .scene-note strong { font-size:23px; }
 .scene-choice { padding:15px 19px; }
 .scene-call { gap:8px; }
 .scene-call > span { width:32px; height:32px; }
 .scene-call strong { font-size:11px; }
 .scene-wave { gap:2px; }
 .scene-wave i { width:2px; }
 .motion-service .dcap li,.motion-scan .scan-deliverables .card { padding:23px; }
 .motion-scan .step h3 { font-size:19px; }
 .story-values article { padding:25px; }
 .story-values__symbol { width:45px; height:45px; margin-bottom:20px; }
 .story-values h3 { max-width:none; }
 .motion-branches .toc ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .motion-branches .toc a { min-height:118px; padding:17px; font-size:12px; }
 .motion-knowledge .article-cards--list { grid-template-columns:1fr; gap:18px; }
 .motion-knowledge .article-cards--list .article-card { padding:24px; }
 .motion-solutions .flow__step { grid-template-columns:1fr; padding:19px; }
 .motion-solutions .flow__n { grid-row:auto; }
 .motion-solutions .flow__s,.motion-solutions .flow__flag { grid-column:auto; }
 .meeting-visual { gap:17px; padding:23px 19px; }
 .meeting-time strong { font-size:43px; }
 .meeting-question { padding:15px; }
 .meeting-question p { font-size:15px; }
}
@media(max-width:370px) {
 .scene-art { padding:23px 12px; }
 .scene-deck__heading { font-size:10px; gap:8px; }
 .scene-deck__heading > span:last-child { font-size:8px; }
 .scene-tabs button { font-size:10px; }
 .scene-window__bar { padding:10px 12px; font-size:9px; }
 .scene-window__body { padding:12px 10px; }
 .scene-explanation { min-height:147px; padding:17px; }
 .scene-explanation .scene-explanation__title { font-size:14px; }
 .scene-explanation p { font-size:11px; }
 .scene-caption { font-size:9px; }
 .scene-column > span { font-size:9px; }
 .scene-row { gap:7px; }
 .scene-message { margin-right:12px; padding:10px; }
 .scene-message p { font-size:12px; }
 .scene-report { padding:17px 14px; }
 .scene-report__flow li { font-size:9px; }
 .scene-together__cards > span { min-width:99px; padding:20px 12px; }
 .scene-note strong { font-size:21px; }
 .scene-partners { gap:10px; }
 .scene-partners > span { padding:6px 9px; }
 .meeting-visual { gap:12px; padding:22px 14px; }
 .meeting-question { padding:13px; }
 .meeting-question p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .scene-deck *,.story-values__symbol,.motion-service .dstappen *,.motion-scan .steps *,.motion-solutions .flow__step,.reading-icon,.motion-branches .toc a { animation:none!important; transition:none!important; }
}