/* Calm version: same design, quieter motion */
/* sheep: smaller, no speech bubble, gentle hop and nod, subtle crumbs */
.sheep{width:136px}@media(max-width:820px){.sheep{width:124px}}
.sheep .yum{display:none}
@keyframes sh-hop{to{transform:translateY(calc(var(--hop)*-3px))}}
@keyframes sh-nod{to{transform:translateY(1.5px) rotate(-1deg)}}
.sheep[data-state=walk] .l-walk{animation-duration:.8s}
.sheep[data-state=walk] .bob{animation-duration:.4s}
.crumb{box-shadow:none;background-image:none}
/* quiet colour transitions */
.hero,.intro,.svc,.about,.contact,.pill{transition:background-color 1s ease,color 1s ease}
/* hovers: slower, softer */
.pill{transition:transform .5s ease}.pill:hover{transform:none}
.kin.big:hover{color:inherit}
.bar a,.mail{transition:color .5s ease,border-color .5s ease}
.cta{transition:background-color .4s ease,transform .4s ease}.cta:hover{transform:translateY(-1px)}
.about img{transition:transform 1.2s ease!important}
.about figure:hover img{transform:scale(1.02)}
/* experience list in About */
.exp{margin-top:4vh;padding-top:3vh;border-top:2px solid rgba(36,6,11,.15)}
.exp h3{font-family:Figtree,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;color:var(--red)}
.exp ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:62ch}
.exp li{line-height:1.5}.exp b{font-weight:700}
.exp a{text-decoration:underline;text-underline-offset:2px}