/* A visual rhythm for consultation, scope and trial; factual copy stays in HTML. */
.work-journey{padding-block:100px 120px}
.work-journey>h2{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.5;margin-bottom:48px}
.journey-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:40px 0 0;align-items:start}
.journey-step{min-width:0;position:relative;background:#edf5fc;color:#183e5b;border-radius:4px 28px 4px 4px;overflow:hidden}
.journey-step--2{background:#143f65;color:#fff;margin-top:38px}
.journey-step--3{background:#fff4d2;margin-top:76px}
.journey-visual{position:relative;padding:48px 16px 0}
.journey-number{position:absolute;left:25px;top:10px;font-size:3.1rem;font-weight:700;letter-spacing:-.06em;line-height:1.2;color:#185486}
.journey-step--2 .journey-number{color:#ffdc72}
.journey-copy{padding:10px 27px 30px}
.journey-copy h3{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.5;margin:0 0 12px;letter-spacing:.01em}
.journey-copy p{font-size:1rem;line-height:1.9;margin:0;color:#3f5b72}
.journey-step--2 .journey-copy p{color:#e2edf5}
.work-object-art{display:block;width:100%;height:auto;overflow:visible}
.journey-step--2 .work-object-art>ellipse{fill:#c6e2f3}
.support-visual{margin:0 -10px 22px;padding:14px 10px 0;background:#eaf3fc;border-radius:4px 22px 4px 4px;max-width:480px;overflow:hidden}
.support-visual--plan,.support-visual--write{background:#e3f1ed}
.support-visual--inspect,.support-visual--compare,.support-visual--learning{background:#fff1ca}
.detail-items.composed-items{gap:28px;align-items:start;grid-template-columns:1.15fr 1fr 1fr}
.detail-items.composed-items article{border-top:0;border-radius:4px;padding:24px 26px 30px;background:#f4f8fc;box-shadow:none;transform:none}
.detail-items.composed-items article:nth-child(2){margin-top:40px;background:#143f65;color:#fff}
.detail-items.composed-items article:nth-child(2) p{color:#e2edf5}
.detail-items.composed-items article:nth-child(2) .number{color:#ffdc72}
.detail-items.composed-items article:nth-child(3){margin-top:80px}
.detail-items.composed-items h3{font-size:1.4rem;line-height:1.6}
.detail-items.composed-items p{font-size:1rem;line-height:1.95}
.detail-items.composed-items .number{font-size:.875rem;margin-bottom:16px;display:block}
.detail-items.composed-items .text-link{font-size:.9375rem}
.detail-items.composed-items article:nth-child(2) .text-link{color:#fff}
.about-strengths.composed-items{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px}
.about-strengths.composed-items article:first-child{background:#143f65;color:#fff}
.about-strengths.composed-items article:first-child p{color:#e2edf5}
.about-strengths.composed-items article:first-child .number{color:#ffdc72}
.about-strengths.composed-items article:first-child .text-link{color:#fff}
.about-strengths.composed-items article:nth-child(2){background:#fff;color:#183e5b}
.about-strengths.composed-items article:nth-child(2) p{color:#3f5b72}
.about-strengths.composed-items article:nth-child(2) .number,.about-strengths.composed-items article:nth-child(2) .text-link{color:#185486}
.supporting-flow{padding-top:84px}
.supporting-flow .flow-list{gap:30px}
.supporting-flow .flow-list li{border:0;border-left:4px solid #ffda6e;padding:24px;background:#edf5fc}
.supporting-flow .flow-list li:nth-child(2){background:#143f65;color:#fff}
.supporting-flow .flow-list li:nth-child(2) p{color:#e2edf5}
.supporting-flow .flow-list li:nth-child(2)>span{color:#ffdc72}
.supporting-flow .flow-list li:nth-child(3){background:#fff4d2}
.supporting-flow .flow-list p{font-size:1rem;line-height:1.95}
.split-section{padding-block:90px}
.split-section>div>h2{font-size:clamp(1.75rem,3vw,2.7rem)}
.split-section .check-list{padding:30px 34px;background:#edf5fc;border-radius:4px 24px 4px 4px;border-left:4px solid #ffda6e}
.split-section .check-list li{font-size:1rem}
.split-section .check-list li:last-child{border-bottom:0}
.training-questions-art{max-width:350px;margin-top:24px}
.visual-paper,.visual-note{transform-box:fill-box;transform-origin:center}
.composition-visible .visual-paper{animation:composition-paper .9s ease both}
.composition-visible .visual-note{animation:composition-note 1.2s ease both}
.composition-visible .visual-check{stroke-dasharray:60;animation:composition-check 1.1s ease both}
@keyframes composition-paper{from{transform:translateY(9px)}to{transform:translateY(0)}}
@keyframes composition-note{from{transform:translateY(-8px)}to{transform:translateY(0)}}
@keyframes composition-check{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
@media(max-width:1100px){.journey-list{gap:20px}.journey-copy{padding-inline:20px}.detail-items.composed-items{gap:18px}.detail-items.composed-items article{padding-inline:20px}}
@media(max-width:800px){
 .work-journey{padding-block:64px 72px}.work-journey>h2{margin-bottom:30px}
 .journey-list{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .journey-step{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;border-radius:4px 22px 4px 4px}
 .journey-step--2,.journey-step--3{margin-top:0}
 .journey-visual{padding:45px 8px 8px}.journey-number{left:18px;top:10px;font-size:2.6rem}
 .journey-copy{padding:24px 20px 24px 12px}.journey-copy h3{font-size:1.2rem}
 .detail-items.composed-items,.about-strengths.composed-items{grid-template-columns:1fr;gap:24px}
 .detail-items.composed-items article{margin-top:0!important;padding:24px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:24px;align-items:start}
 .detail-items.composed-items .support-visual{grid-column:1;grid-row:1/5;margin:0;align-self:center}
 .detail-items.composed-items .number,.detail-items.composed-items h3,.detail-items.composed-items p,.detail-items.composed-items .text-link{grid-column:2}
 .detail-items.composed-items .number{margin-bottom:10px}.detail-items.composed-items p{margin-bottom:10px}
 .supporting-flow{padding-top:64px}.split-section{padding-block:64px}
}
@media(max-width:520px){
 .journey-step{display:block}.journey-visual{padding:45px 34px 0}.journey-number{left:24px}
 .journey-copy{padding:6px 26px 28px}.journey-copy h3{font-size:1.35rem}
 .journey-list{gap:24px}.detail-items.composed-items article{display:block;padding:24px}
 .detail-items.composed-items .support-visual{margin:0 0 24px;padding-inline:12px}
 .detail-items.composed-items h3{font-size:1.35rem}
 .split-section .check-list{padding:24px 22px}
}
@media(prefers-reduced-motion:reduce){.composition-visible .visual-paper,.composition-visible .visual-note,.composition-visible .visual-check{animation:none}}

/* The same current Raimo entry on home and the services overview. */
.training-strip.raimo-teaser{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:35px;align-items:center;margin-top:32px;padding:32px;background:#f2f7fc;border:1px solid #d5e3ee;border-left:4px solid #e6bd50;border-radius:8px}.raimo-teaser-brand{min-width:0}.training-strip.raimo-teaser .raimo-teaser-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:#466079;margin:0 0 14px}.raimo-teaser-brand img{display:block;width:200px;height:auto;max-width:100%;background:#fff;padding:10px;border-radius:4px}.training-strip.raimo-teaser h3{font-size:23px;margin-bottom:12px}.training-strip.raimo-teaser .raimo-teaser-copy>p{font-size:16px;line-height:1.9;color:#42576d}.training-strip.raimo-teaser .raimo-teaser-link{font-size:14px;line-height:1.7;white-space:normal;text-align:center;margin:0;padding:13px 18px;gap:13px}.raimo-teaser-link span{font-size:20px}
@media(max-width:1000px){.training-strip.raimo-teaser{grid-template-columns:180px 1fr;gap:24px}.training-strip.raimo-teaser .raimo-teaser-link{grid-column:2;justify-self:start}}
@media(max-width:640px){.training-strip.raimo-teaser{grid-template-columns:1fr;gap:24px;padding:26px 22px}.raimo-teaser-brand img{width:210px}.training-strip.raimo-teaser .raimo-teaser-link{grid-column:auto;justify-self:start}.training-strip.raimo-teaser h3{font-size:22px}.training-strip.raimo-teaser .raimo-teaser-label{font-size:12px}.training-strip.raimo-teaser .raimo-teaser-copy>p{font-size:16px}}
