.hero-stage{--px:0;--py:0;aspect-ratio:1/.7;border-radius:var(--radius-stage);background:radial-gradient(70% 60% at 50% 36%,#fff7ea,#ebdfcb 72%),#e8dcc7;width:100%;position:relative;box-shadow:inset 0 2px 3px #fff,inset 0 -10px 18px #96694629,0 2px 3px #3b2a221a,0 14px 22px -12px #3b2a224d}.hero-stage:before{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background-image:url(/textures/yarn.png);background-size:128px 128px;position:absolute;inset:0}.hero-orb{filter:blur(8px);background:radial-gradient(closest-side,#5a372361,#0000);border-radius:50%;width:64%;height:12%;position:absolute;bottom:7%;left:50%;translate:-50%}.cut{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 3px #3b2a2247)drop-shadow(0 22px 18px #3b2a224d);max-width:none;height:auto;transition:translate .3s var(--ease-soft);display:block;position:absolute}.cut-lion{z-index:3;width:44%;rotate:-2deg;translate:calc(var(--px) * -14px) calc(var(--py) * -8px);bottom:6%;left:28%}.hero-clip{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cut-giraffe{z-index:2;width:22%;rotate:-3deg;translate:calc(var(--px) * -30px) calc(var(--py) * -16px);bottom:-5%;left:5%}.cut-rabbit{z-index:2;width:22%;rotate:6deg;translate:calc(var(--px) * -24px) calc(var(--py) * -12px);bottom:8%;right:4%}.hero-wrap{position:relative}.hero-chips{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.hero-chip{background:var(--color-paper);border-radius:14px;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 5px;display:flex;box-shadow:inset 0 1px 1px #fff,0 1px 3px #3b2a221f,0 6px 12px -6px #3b2a224d}.hero-chip .ico{width:28px;height:28px;box-shadow:var(--shadow-clay-sm);color:var(--color-terracotta-deep);background:linear-gradient(170deg,#fff,#eadfcb);border-radius:9px;flex:none;place-items:center;display:grid}.hero-chip small{font:400 .6875rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-stone);display:block}.hero-chip b{color:var(--color-baobab);margin-top:2px;font-size:.8125rem;font-weight:700;line-height:1.1;display:block}@media (min-width:1024px){.hero-chips{pointer-events:none;z-index:5;margin:0;display:block;position:absolute;inset:0}.hero-chip{min-height:0;padding:5px 12px 5px 6px;position:absolute;top:4%}.hero-chip-a{left:4%}.hero-chip-b{right:4%}}@media (prefers-reduced-motion:no-preference){.cut-lion{animation:7s ease-in-out infinite cut-float}.cut-giraffe{animation:6s ease-in-out -2s infinite cut-float}.cut-rabbit{animation:6.5s ease-in-out -4s infinite cut-float}}@keyframes cut-float{50%{transform:translateY(-6px)}}.herd{justify-items:center;gap:6px;display:grid}.herd-stage{aspect-ratio:210/256;touch-action:pan-y pinch-zoom;width:min(210px,62vw);margin-bottom:14px;position:relative}.herd-card{border-radius:var(--radius-card);background:linear-gradient(175deg, var(--color-paper), var(--color-oat));box-shadow:var(--shadow-clay);transform-origin:50% 90%;transition:transform .5s var(--ease-soft), opacity .4s ease;will-change:transform;-webkit-user-select:none;user-select:none;flex-direction:column;padding:5px;display:flex;position:absolute;inset:0}.herd-card[data-front=true]{cursor:grab}.herd-card[data-front=true]:active{cursor:grabbing}.herd-photo{background:var(--color-sand);min-height:0;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:11px;flex:1;position:relative;overflow:hidden}.herd-photo img{pointer-events:none}.herd-card[data-front=false] .herd-body,.herd-card[data-front=false] .herd-chip{visibility:hidden}.herd-chip{z-index:1;background:var(--color-paper);font:400 .6875rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-baobab);border-radius:999px;padding:4px 8px;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #3b2a2233}.herd-body{border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 0 6px;display:flex}.herd-link{min-height:44px;color:var(--color-terracotta-deep);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding-left:6px;font-size:.875rem;font-weight:600;display:inline-flex}.herd-link svg{transition:transform .3s var(--ease-squish)}.herd-link:hover svg{transform:translate(4px)}.herd-ctl{justify-content:center;align-items:center;display:flex}.herd-dots{display:flex}.herd-dots button{place-items:center;width:28px;height:44px;display:grid}.herd-dots i{background:var(--color-sand-deep);width:8px;height:8px;transition:width .35s var(--ease-squish), background-color .3s ease;border-radius:999px;display:block}.herd-dots [aria-current=true] i{background:var(--color-terracotta);width:24px}.herd{width:100%;padding-bottom:2px;position:relative;overflow:clip visible}.herd-ctl .iconbtn{z-index:20;background:var(--color-paper);position:absolute;top:calc(min(210px,62vw)/2.05078)}.herd-ctl .iconbtn:first-child{left:0}.herd-ctl .iconbtn:last-child{right:0}.herd-ctl{position:static}@media (min-width:768px){.herd-stage{aspect-ratio:240/292;width:240px}.herd-ctl .iconbtn{top:122.64px;left:auto;right:auto}.herd-ctl .iconbtn:first-child{left:calc(50% - 190px)}.herd-ctl .iconbtn:last-child{right:calc(50% - 190px)}}@media (max-width:767px){.cut-lion{width:42%;bottom:5%;left:29%}}@media (max-width:380px){.hero-chip b{font-size:.75rem}}