/* Only loaded by tellmi-color.html. The approved version keeps its own styles. */
.color-illustration{display:block;object-fit:contain;background:#fff;pointer-events:none}
#focus .journey-visual{gap:clamp(30px,5vw,90px)}
#focus .journey-visual:before{display:none}
#focus .journey-drawing{position:relative;width:100%;height:280px;border:0;border-radius:0;background:white;margin:0 0 32px;justify-content:flex-start}
#focus .color-illustration{width:280px;height:280px;max-width:100%;object-position:left center}
#focus .journey-drawing>span{left:0;top:0;border:0;background:#f1f4ff;color:var(--blue);font-size:11px;width:32px;height:32px;z-index:1}
#focus .journey-visual h3{font-size:clamp(23px,2.1vw,30px)}
#tools .deliverable-grid{gap:24px}
#tools .deliverable-card{background:#fff;border-color:#e2e7f1;padding:30px 34px 32px;min-height:490px}
#tools .deliverable-card:hover{background:#fff;border-color:#a2b0ed}
#tools .color-illustration{width:250px;height:250px;max-width:100%;align-self:center;margin:0 auto 24px;transition:transform .25s ease}
#tools .deliverable-card:hover .color-illustration{transform:translateY(-4px)}
#tools .deliverable-card h3{max-width:340px}
#tools .deliverable-bottom{padding-top:22px}
@media(min-width:1700px){#tools .color-illustration{width:280px;height:280px}}
@media(min-width:701px) and (max-width:980px){
 #focus .journey-drawing{height:210px;margin-bottom:24px}
 #focus .color-illustration{width:210px;height:210px}
 #tools .color-illustration{width:220px;height:220px}
}
@media(max-width:700px){
 #focus .journey-visual{gap:36px}
 #focus .journey-visual article{display:block;padding-bottom:30px;border-bottom:1px solid var(--line)}
 #focus .journey-visual article:last-child{border:0;padding-bottom:0}
 #focus .journey-drawing{height:190px;margin-bottom:20px;justify-content:center}
 #focus .color-illustration{width:190px;height:190px;object-position:center}
 #focus .journey-drawing>span{top:12px;left:0}
 #focus .journey-visual h3{font-size:25px;margin-bottom:12px}
 #focus .journey-visual p{font-size:15px;max-width:360px}
 #tools .deliverable-grid{gap:18px}
 #tools .deliverable-card{padding:24px;min-height:0}
 #tools .color-illustration{width:200px;height:200px;margin-bottom:22px}
 #tools .deliverable-card h3{font-size:25px}
 #tools .deliverable-bottom{flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce){#tools .color-illustration{transition:none}#tools .deliverable-card:hover .color-illustration{transform:none}}