/* User-approved discovery scene. Timings and scene composition are a creative proposal. */
.neuro-discovery{position:absolute;left:0;bottom:0;width:40rem;max-width:100%;height:49rem;pointer-events:none;color:#34312d;font-family:inherit;--discovery-ease:cubic-bezier(.22,1,.36,1)}
.neuro-discovery button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}
.neuro-discovery button:focus-visible{outline:2px solid #91380c;outline-offset:3px}
.neuro-discovery__launch{position:absolute;left:-6rem;bottom:.8rem;width:18rem;height:18rem;padding:0;border:0;background:none;pointer-events:auto;transition:transform .45s var(--discovery-ease),opacity .22s}
.neuro-discovery__launch>img{width:100%;height:100%;object-fit:contain;transform:rotate(-14deg);filter:drop-shadow(0 .4rem .4rem #29180b30);transition:transform .4s var(--discovery-ease)}
.neuro-discovery__launch>span{position:absolute;bottom:1rem;left:9rem;width:max-content;padding:.65rem 1rem;border-radius:2rem;background:#fffaf4;box-shadow:0 .2rem 1rem #301c1520;font-size:1.2rem;line-height:1.4rem;color:#91380c}
.neuro-discovery__launch>span span{margin-left:.6rem}
.neuro-discovery__scene{position:absolute;left:1.6rem;bottom:3.6rem;width:calc(100% - 3.2rem);padding:2rem 1.8rem 1.5rem;border:1px solid #e7d6c4;border-radius:2.4rem;background:radial-gradient(ellipse at 50% 48%,#fff 0,#fffaf3 46%,#f6e8d9 100%);box-shadow:0 1rem 4rem #27160930;opacity:0;visibility:hidden;transform:translateY(2rem) scale(.92);transform-origin:25% 100%;transition:opacity .3s,transform .55s var(--discovery-ease),visibility 0s .55s;pointer-events:none}
.neuro-discovery.is-open .neuro-discovery__launch{transform:translateX(12rem) rotate(90deg);opacity:0;pointer-events:none}
.neuro-discovery.is-open .neuro-discovery__scene{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.12s,.12s,0s}
.neuro-discovery__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
.neuro-discovery__header>div>span{display:block;font-size:.9rem;line-height:1.4rem;letter-spacing:.12rem;color:#8c6b4e}
.neuro-discovery__header h3{margin:.4rem 0 0;font-size:1.85rem;line-height:2.4rem;font-weight:600;color:#34312d;letter-spacing:-.03rem}
.neuro-discovery__header>button{flex:0 0 3.4rem;height:3.4rem;border:1px solid #decbb8;border-radius:50%;background:#fff9f1;font-size:2.6rem;line-height:2.8rem;color:#74543a}
.neuro-discovery__world{position:relative;height:25rem;margin:.5rem 0 0;isolation:isolate}
.neuro-discovery__orbit{position:absolute;inset:2.3rem 2rem 1.7rem;border:1px dashed #d9b893;border-radius:50%;transform:rotate(-18deg);opacity:.6}
.neuro-discovery__tin{position:absolute;left:calc(50% - 7.4rem);bottom:1.7rem;width:14.8rem;height:8rem;filter:drop-shadow(0 1rem .7rem #51372028)}
.neuro-discovery__metal{position:absolute;inset:1.9rem 0 0;border-radius:0 0 48% 48%;border:1px solid #9e9d96;background:linear-gradient(90deg,#b6b7b4,#f5f6f3 19%,#bcbfbd 35%,#e3e6e2 65%,#898f8c);box-shadow:inset 0 -.5rem .5rem #73787144,inset 0 .4rem #e8e9e5}
.neuro-discovery__balm{position:absolute;top:0;width:100%;height:5.4rem;border:.55rem ridge #d6d8d2;border-radius:50%;background:radial-gradient(ellipse at 39% 30%,#ffe1a1,#eda534 56%,#bb690e);box-shadow:inset 0 .3rem .5rem #87540b80}
.neuro-discovery__balm:after{content:'';position:absolute;inset:1.3rem 3.6rem;border-top:2px solid #fff5c580;border-radius:50%;transform:rotate(-12deg)}
.neuro-discovery__lid{position:absolute;z-index:2;left:calc(50% - 9rem);bottom:0;width:18rem;height:18rem;padding:0;border:0;background:transparent;clip-path:ellipse(40% 27% at 50% 44%);transform:translate(0,0) rotate(0);transition:transform .7s var(--discovery-ease)}
.neuro-discovery__lid img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.neuro-discovery.is-open .neuro-discovery__lid{transform:translate(-2.4rem,-6.8rem) rotate(-28deg);transition-delay:.24s}
.neuro-discovery__ingredient{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:7.4rem;min-height:8.5rem;padding:.5rem;border:1px solid #e5d3c0;border-radius:1.7rem;background:#fffaf3e8;box-shadow:0 .4rem 1rem #50320f0d;opacity:0;transform:translateY(6rem) scale(.3);transition:opacity .35s,transform .65s var(--discovery-ease),border-color .2s}
.neuro-discovery__ingredient img{width:5.4rem;height:5rem;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;pointer-events:none}
.neuro-discovery__ingredient span{font-size:1.2rem;line-height:1.8rem;font-weight:600}
.neuro-discovery__ingredient--arnica{top:2rem;left:0}
.neuro-discovery__ingredient--camphor{top:.7rem;right:0}
.neuro-discovery__ingredient--msm{bottom:2rem;right:0}
.neuro-discovery.is-open .neuro-discovery__ingredient{opacity:1;transform:none;transition-delay:.42s,.42s,0s}
.neuro-discovery.is-open .neuro-discovery__ingredient--camphor{transition-delay:.5s,.5s,0s}
.neuro-discovery.is-open .neuro-discovery__ingredient--msm{transition-delay:.58s,.58s,0s}
.neuro-discovery.is-open .neuro-discovery__ingredient[aria-pressed=true]{transform:scale(1.08);border-color:#91380c;background:#fff;box-shadow:0 .5rem 1.5rem #91380c20;transition-delay:0s}
.neuro-discovery__wolf-trigger{position:absolute;z-index:5;left:calc(50% - 5rem);top:5.4rem;width:4.8rem;height:4.8rem;border:0;background:none;border-radius:50%;transform:rotate(-28deg)}
.neuro-discovery__wolf{position:absolute;z-index:6;left:calc(50% - 5rem);top:5.4rem;width:5.2rem;height:4.5rem;color:#191b16;opacity:0;pointer-events:none}
.neuro-discovery__wolf svg{position:absolute;inset:0;width:100%;height:100%}
.neuro-discovery__wolf-sleeping{opacity:0}
.neuro-discovery.is-wolf-running .neuro-discovery__wolf{opacity:1;animation:neuro-discovery-wolf 2.4s ease-in-out both}
.neuro-discovery.is-wolf-running .neuro-discovery__leg-a{transform-origin:55% 50%;animation:neuro-discovery-leg .18s ease-in-out infinite alternate}
.neuro-discovery.is-wolf-running .neuro-discovery__leg-b{transform-origin:55% 50%;animation:neuro-discovery-leg .18s ease-in-out infinite alternate-reverse}
.neuro-discovery.is-wolf-sleeping .neuro-discovery__wolf{opacity:1;transform:translate(2rem,10rem)}
.neuro-discovery.is-wolf-sleeping .neuro-discovery__wolf-running{opacity:0}
.neuro-discovery.is-wolf-sleeping .neuro-discovery__wolf-sleeping{opacity:1}
.neuro-discovery.is-wolf-sleeping .neuro-discovery__wolf-trigger{transform:translate(2rem,10rem)}
.neuro-discovery__detail{min-height:7.6rem;margin-top:.8rem;padding:1.2rem 1.4rem;border:1px solid #e8d9c7;border-radius:1.4rem;background:#ffffffbf}
.neuro-discovery__detail strong{display:block;font-size:1.45rem;line-height:2rem;color:#91380c}
.neuro-discovery__detail p{margin:.4rem 0 0;font-size:1.25rem;line-height:1.75rem;color:#65574b}
.neuro-discovery__hint{margin:1rem 0 0;text-align:center;font-size:1.05rem;line-height:1.5rem;color:#827263}
@keyframes neuro-discovery-wolf{0%{transform:translate(0,0) rotate(-20deg) scale(.7)}20%{transform:translate(-6rem,-3rem) rotate(0)}42%{transform:translate(4rem,-5rem) rotate(8deg)}65%{transform:translate(9rem,5rem) rotate(12deg)}85%{transform:translate(4rem,8rem) rotate(-8deg)}100%{transform:translate(2rem,10rem) rotate(0)}}
@keyframes neuro-discovery-leg{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
@media(hover:hover) and (pointer:fine){.neuro-discovery__launch:hover>img{transform:translateX(1rem) rotate(-5deg)}.neuro-discovery__wolf-trigger:hover{outline:1px dashed #91380c;outline-offset:2px}}
@media(max-width:749px){.neuro-discovery{width:39rem}.neuro-discovery__launch{left:-3.6rem;bottom:.6rem;width:11.2rem;height:11.2rem}.neuro-discovery__launch>span{left:7rem;bottom:1rem;font-size:1.1rem}.neuro-discovery__scene{left:1.2rem;width:calc(100% - 2.4rem);bottom:3rem;padding:1.5rem}.neuro-discovery__header h3{font-size:1.7rem}.neuro-discovery__world{height:24rem}}
@media(prefers-reduced-motion:reduce){.neuro-discovery *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.neuro-discovery__scene{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}