/* What's Included — six bespoke miniature illustrations (web-design.html only) */
#included .inc-card { display: flex; flex-direction: column; padding: 18px 18px 30px; }
#included .inc-card h3 { margin: 22px 18px 10px; }
#included .inc-card p { margin: 0 18px; }
#included .inc-art {
  position: relative; aspect-ratio: 16 / 10; border-radius: 16px; overflow: hidden;
  background: var(--pale); border: 1px solid rgba(24,26,29,.06);
}
#included .inc-art svg { width: 100%; height: 100%; display: block; }
#included .inc-art .ink { fill: #181A1D; } #included .acc { fill: #B4400F; }
#included .wh { fill: #FFFFFF; } #included .dp { fill: #E7DFD7; } #included .mu { fill: #C9BFB5; }
#included .ln { fill: none; stroke: #181A1D; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#included .la { fill: none; stroke: #B4400F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#included .dash { stroke-dasharray: 3 4; }
#included .inc-art g, #included .inc-art path, #included .inc-art rect, #included .inc-art circle {
  transform-box: fill-box; transition: transform .6s var(--ease-out-expo), opacity .6s var(--ease-out-expo);
}
/* Hover motion — each card moves its own way */
#included .inc-design:hover .m-block { transform: translate(-6px, 4px); }
#included .inc-design:hover .m-pen { transform: translate(-8px, 6px) rotate(-6deg); }
#included .inc-copy:hover .m-old { opacity: .35; }
#included .inc-copy:hover .m-new { transform: translateY(-3px); }
#included .inc-mobile:hover .m-phone { transform: translateY(-5px); }
#included .inc-mobile:hover .m-desk { transform: scale(.97); transform-origin: right center; }
#included .inc-seo:hover .m-tag { transform: translateX(4px); }
#included .inc-speed:hover .m-bolt { transform: translateX(10px); }
#included .inc-speed:hover .m-trail { opacity: 1; transform: translateX(6px); }
#included .inc-train:hover .m-play { transform: scale(1.12); transform-origin: center; }
#included .inc-train:hover .m-cursor { transform: translate(10px, -6px); }
@media (prefers-reduced-motion: reduce) {
  #included .inc-art * { transition: none !important; transform: none !important; }
}
@media (max-width: 640px) {
  #included .inc-card { padding: 14px 14px 26px; }
  #included .inc-card h3 { margin-inline: 12px; } #included .inc-card p { margin-inline: 12px; }
}