/* Storybook artwork: transparent heroes, responsive illustrations and small vector details. */
.hero-art img { object-fit: contain; }
.pop img { object-fit: cover; height: auto; }
section[id] { scroll-margin-top: 64px; }
body .steps .process-icon { width: 64px; height: 64px; margin-block: 8px 2px; }
body .scale { box-shadow: inset 0 2px 3px #ffffff65, 0 0 0 5px var(--ice); }
body .pin.hot { border-radius: 8px; }
body .bars .fill { box-shadow: inset 0 3px 0 #ffffff35; }
body .bars .ours .fill { background: linear-gradient(90deg, #A45414, #EBA438, #F6CB79); }
.card-top img { object-fit: contain; border-radius: 16px; }
body .hero-art .mascot-link { border-radius: 22%; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .pop img { transition: filter .2s ease; }
 .pop:hover img { filter: saturate(1.08); }
}