.scenes__layout{display:grid;gap:20px}@media(min-width:990px){.scenes__layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:36px;align-items:stretch}}.scenes__stage{position:relative;aspect-ratio:3 / 2;border-radius:var(--radius-frame);overflow:hidden;background:color-mix(in srgb,var(--scene-accent, var(--color-accent)) 16%,var(--media-base));border:1px solid var(--s-line);box-shadow:var(--card-shadow);transition:background var(--dur-slow)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .25s;pointer-events:none}.scene.is-active{opacity:1;pointer-events:auto}.scene svg{width:100%;height:100%;display:block}.scene__caption{position:absolute;left:16px;bottom:14px;display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1rem}.scene__caption .mood{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#ffffffd9;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}body[data-scheme=onyx] .scene__caption .mood{background:#00000080;color:var(--color-text)}.scene{--ink: #1B1611;--paper: #FFFFFF;--gold: #E3A62E;--skin: color-mix(in srgb, var(--accent) 45%, #FFFFFF);--grey: #B7B0A6}body[data-scheme=onyx] .scene{--paper: #FFF4E3;--grey: #6F665C}.scene__disc{fill:color-mix(in srgb,var(--accent) 32%,var(--paper));opacity:.9}body[data-scheme=onyx] .scene__disc{fill:color-mix(in srgb,var(--accent) 22%,transparent)}.scene__ground{stroke:var(--ink);stroke-opacity:.18;stroke-width:3;stroke-linecap:round}.val line,.val path,.val circle,.val rect,.val ellipse{vector-effect:non-scaling-stroke}.val-skin{fill:var(--skin);stroke:var(--ink);stroke-width:3}.val-eye{fill:var(--ink)}.val-mouth{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.val-mouth-open{fill:var(--ink);opacity:0}.val-cheek{fill:#f28a9e;opacity:.55}.val-arm line,.val-leg line{stroke:var(--ink);stroke-width:6;stroke-linecap:round}.val-arm circle{fill:var(--skin);stroke:var(--ink);stroke-width:3}.val-leg ellipse{fill:var(--ink)}.val-bottle-glass{fill:var(--ink)}.val-bottle-cap{fill:var(--gold)}.pip-tube{stroke:var(--ink);stroke-width:3;stroke-linecap:round}.pip-bulb{fill:var(--gold);stroke:var(--ink);stroke-width:2.5}.val-pip{opacity:0;transform-origin:50% 47%}.val-pip .pip-bulb{transform-origin:50% 50%}.val-drop{fill:var(--gold);opacity:0}.prop{opacity:0}.prop path,.prop line,.prop rect,.prop circle{vector-effect:non-scaling-stroke}.val,.val-arm,.val-leg,.val-body,.val-pip,.pip-bulb,.prop,.cloud,.spark,.zz,.plank{transform-box:fill-box}.val-arm--r{transform-origin:0% 0%}.val-arm--l{transform-origin:100% 0%}.val-leg--l,.val-leg--r{transform-origin:50% 0%}.val-body{transform-origin:50% 100%}.scene.is-active .val{animation:val-walk 9s var(--ease-out) infinite}.scene.is-active .val-leg--l{animation:leg-l 9s ease-in-out infinite}.scene.is-active .val-leg--r{animation:leg-r 9s ease-in-out infinite}.scene.is-active .val-arm--r{animation:arm-sip 9s ease-in-out infinite}.scene.is-active .val-pip{animation:pip-counter 9s ease-in-out infinite,pip-show 9s linear infinite}.scene.is-active .val-pip .pip-bulb{animation:squeeze 9s ease-in-out infinite}.scene.is-active .bottle-pip{animation:bottle-pip-show 9s linear infinite}.scene.is-active .val-mouth--smile{animation:mouth-smile 9s linear infinite}.scene.is-active .val-mouth-open{animation:mouth-open 9s linear infinite}.scene.is-active .val-drop--1{animation:drop 9s ease-in infinite}.scene.is-active .val-drop--2{animation:drop 9s ease-in infinite;animation-delay:.3s}@keyframes val-walk{0%{transform:translate(-260px)}14%{transform:translate(0)}to{transform:translate(0)}}@keyframes leg-l{0%,14%,to{transform:rotate(0)}2%,6%,10%{transform:rotate(28deg)}4%,8%,12%{transform:rotate(-28deg)}}@keyframes leg-r{0%,14%,to{transform:rotate(0)}2%,6%,10%{transform:rotate(-28deg)}4%,8%,12%{transform:rotate(28deg)}}@keyframes arm-sip{0%,15%{transform:rotate(0)}20%,30%{transform:rotate(-166deg)}34%,to{transform:rotate(0)}}@keyframes pip-counter{0%,15%{transform:rotate(0)}20%,30%{transform:rotate(201deg)}34%,to{transform:rotate(0)}}@keyframes pip-show{0%,14.9%{opacity:0}15%,34.5%{opacity:1}34.6%,to{opacity:0}}@keyframes bottle-pip-show{0%,14.9%{opacity:1}15%,34.5%{opacity:0}34.6%,to{opacity:1}}@keyframes mouth-open{0%,20%{opacity:0}21%,29%{opacity:1}30%,to{opacity:0}}@keyframes mouth-smile{0%,20%{opacity:1}21%,29%{opacity:0}30%,to{opacity:1}}@keyframes drop{0%,22%{opacity:0;transform:translateY(0)}22.5%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(10px)}25.5%,to{opacity:0;transform:translateY(10px)}}@keyframes squeeze{0%,21.5%{transform:scale(1)}22.5%{transform:scale(.72)}23.5%,24.8%{transform:scale(1)}25.8%{transform:scale(.72)}27%,to{transform:scale(1)}}.prop-scribble path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.prop-bulb .bulb-glass{fill:#fff1b8;stroke:var(--ink);stroke-width:3}.prop-bulb .bulb-base{fill:var(--ink)}.prop-bulb .bulb-rays line{stroke:var(--gold);stroke-width:4;stroke-linecap:round}.spark{fill:var(--gold)}.scene--lions-mane.is-active .prop-scribble{animation:scribble 9s ease-in-out infinite}.scene--lions-mane.is-active .prop-bulb{animation:bulb 9s var(--ease-out) infinite}.scene--lions-mane.is-active .spark{animation:spark 9s ease-out infinite}.scene--lions-mane.is-active .spark:nth-child(2){animation-delay:.25s}.scene--lions-mane.is-active .spark:nth-child(3){animation-delay:.5s}@keyframes scribble{0%,4%{opacity:0;transform:scale(.6)}10%,30%{opacity:1;transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(6deg)}36%,to{opacity:0;transform:scale(.3) rotate(40deg)}}@keyframes bulb{0%,34%{opacity:0;transform:scale(.4) translateY(10px)}42%{opacity:1;transform:scale(1.12) translateY(0)}48%,86%{opacity:1;transform:scale(1) translateY(0)}92%,to{opacity:0;transform:scale(1) translateY(0)}}@keyframes spark{0%,40%{opacity:0;transform:scale(.2)}46%{opacity:1;transform:scale(1.3)}60%,84%{opacity:1;transform:scale(1) rotate(45deg)}90%,to{opacity:0;transform:scale(.2)}}.batt-shell{fill:var(--paper);stroke:var(--ink);stroke-width:3}.batt-tip{fill:var(--ink)}.batt-fill{fill:#e8584a}.prop-bolt{fill:var(--gold);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.prop-lines line{stroke:var(--ink);stroke-width:4;stroke-linecap:round}.scene--cordyceps.is-active .prop-battery{animation:battery 9s ease-in-out infinite}.scene--cordyceps.is-active .batt-fill{animation:batt-fill 9s var(--ease-out) infinite}.scene--cordyceps.is-active .prop-bolt{animation:bolt 9s ease-out infinite}.scene--cordyceps.is-active .val-body{animation:slump 9s ease-in-out infinite}.scene--cordyceps.is-active .val-arm--l{animation:arm-up 9s ease-in-out infinite}.scene--cordyceps.is-active .val{animation:val-walk-jump 9s var(--ease-out) infinite}.scene--cordyceps.is-active .prop-lines{animation:motion 9s ease-out infinite}@keyframes battery{0%,4%{opacity:0}12%,70%{opacity:1}78%,to{opacity:0}}@keyframes batt-fill{0%,32%{width:10px;fill:#e8584a}44%{width:58px;fill:var(--gold)}to{width:58px;fill:var(--gold)}}@keyframes bolt{0%,42%{opacity:0;transform:scale(.3)}46%{opacity:1;transform:scale(1.3)}52%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(1)}}@keyframes slump{0%,14%{transform:rotate(0)}15%,32%{transform:rotate(-10deg) translateY(6px)}46%,to{transform:rotate(0) translateY(0)}}@keyframes arm-up{0%,48%{transform:rotate(0)}54%,80%{transform:rotate(-150deg)}86%,to{transform:rotate(0)}}@keyframes val-walk-jump{0%{transform:translate(-260px)}14%,50%{transform:translate(0) translateY(0)}56%{transform:translate(0) translateY(-54px)}62%{transform:translate(0) translateY(0)}67%{transform:translate(0) translateY(-36px)}72%,to{transform:translate(0) translateY(0)}}@keyframes motion{0%,54%{opacity:0;transform:translate(20px)}58%,68%{opacity:1;transform:translate(0)}74%,to{opacity:0;transform:translate(-10px)}}.cloud path{fill:var(--grey);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.cloud .rain line{stroke:#6e9bd6;stroke-width:3;stroke-linecap:round}.prop-shield path{fill:var(--gold);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.prop-shield .shield-check{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.prop-sun circle{fill:#ffd75e;stroke:var(--ink);stroke-width:3}.prop-sun .sun-rays line{stroke:#ffd75e;stroke-width:4;stroke-linecap:round}.scene--chaga.is-active .prop-clouds{animation:show 9s linear infinite}.scene--chaga.is-active .cloud--1{animation:cloud-in-out 9s ease-in-out infinite}.scene--chaga.is-active .cloud--2{animation:cloud-in-out 9s ease-in-out infinite;animation-delay:.3s}.scene--chaga.is-active .cloud--3{animation:cloud-in-out 9s ease-in-out infinite;animation-delay:.6s}.scene--chaga.is-active .prop-shield{animation:shield 9s var(--ease-out) infinite}.scene--chaga.is-active .prop-sun{animation:sun 9s var(--ease-out) infinite}.scene--chaga.is-active .rain line{animation:rain 1.2s linear infinite}@keyframes show{0%,2%{opacity:0}6%,70%{opacity:1}76%,to{opacity:0}}@keyframes cloud-in-out{0%,4%{transform:translate(160px)}14%,34%{transform:translate(0)}40%{transform:translate(-40px) rotate(-8deg)}56%,to{transform:translate(260px) rotate(12deg)}}@keyframes shield{0%,32%{opacity:0;transform:scale(.2) rotate(-20deg)}38%{opacity:1;transform:scale(1.15) rotate(3deg)}42%,84%{opacity:1;transform:scale(1) rotate(0)}90%,to{opacity:0;transform:scale(.8)}}@keyframes sun{0%,56%{opacity:0;transform:translateY(40px) scale(.6) rotate(0)}66%,86%{opacity:1;transform:translateY(0) scale(1) rotate(25deg)}92%,to{opacity:0;transform:translateY(0) scale(1)}}@keyframes rain{0%{transform:translateY(0);opacity:1}to{transform:translateY(14px);opacity:0}}.prop-moon path{fill:#ffe28a;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.prop-buzz path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.zz{font-family:var(--font-heading);font-weight:800;fill:var(--ink);font-size:26px;opacity:0}.zz--2{font-size:32px}.zz--3{font-size:40px}.prop-hammock path,.prop-hammock line{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}.scene--reishi.is-active .prop-moon{animation:moon 9s var(--ease-out) infinite}.scene--reishi.is-active .prop-buzz{animation:buzz 9s ease-in-out infinite}.scene--reishi.is-active .zz--1{animation:zz 9s ease-out infinite}.scene--reishi.is-active .zz--2{animation:zz 9s ease-out infinite;animation-delay:.5s}.scene--reishi.is-active .zz--3{animation:zz 9s ease-out infinite;animation-delay:1s}.scene--reishi.is-active .prop-hammock{animation:hammock 9s var(--ease-out) infinite}.scene--reishi.is-active .val{animation:val-walk-recline 9s var(--ease-out) infinite}.scene--reishi.is-active .val-body{animation:recline 9s var(--ease-out) infinite}@keyframes moon{0%,2%{opacity:0;transform:translateY(20px)}10%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0}}@keyframes buzz{0%,6%{opacity:0}12%,30%{opacity:1;transform:translate(0)}14%,18%,22%,26%{transform:translate(-4px)}16%,20%,24%,28%{transform:translate(4px)}36%,to{opacity:0;transform:scale(.5)}}@keyframes zz{0%,40%{opacity:0;transform:translateY(10px) scale(.6)}46%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-26px) scale(1.1)}88%,to{opacity:0;transform:translateY(-40px)}}@keyframes hammock{0%,36%{opacity:0;transform:translateY(20px)}44%,88%{opacity:1;transform:translateY(0)}94%,to{opacity:0}}@keyframes val-walk-recline{0%{transform:translate(-260px)}14%,40%{transform:translate(0) translateY(0) rotate(0)}48%{transform:translate(0) translateY(-6px) rotate(-22deg)}56%{transform:translate(6px) translateY(-6px) rotate(-18deg)}64%{transform:translate(-6px) translateY(-6px) rotate(-24deg)}72%{transform:translate(6px) translateY(-6px) rotate(-18deg)}80%{transform:translate(-6px) translateY(-6px) rotate(-24deg)}88%{transform:translate(0) translateY(-6px) rotate(-22deg)}96%,to{transform:translate(0) translateY(0) rotate(0)}}@keyframes recline{0%,44%{transform:rotate(0)}50%,90%{transform:rotate(-30deg)}96%,to{transform:rotate(0)}}.prop-seesaw .pivot{fill:var(--ink)}.prop-seesaw .plank{fill:var(--paper);stroke:var(--ink);stroke-width:3;transform-origin:50% 100%}.prop-wobble path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}.scene--maitake .prop-seesaw{opacity:1}.scene--maitake.is-active .plank{animation:plank 9s ease-in-out infinite}.scene--maitake.is-active .val{animation:val-walk-wobble 9s ease-in-out infinite}.scene--maitake.is-active .prop-wobble{animation:wobble-lines 9s ease-in-out infinite}.scene--maitake.is-active .val-leg--l{animation:tree-leg 9s ease-in-out infinite}.scene--maitake.is-active .val-arm--l{animation:tree-arm-l 9s ease-in-out infinite}.scene--maitake.is-active .val-arm--r{animation:tree-arm-r 9s ease-in-out infinite}.scene--maitake.is-active .spark{animation:spark 9s ease-out infinite}.scene--maitake.is-active .spark:nth-child(2){animation-delay:.3s}.scene--maitake.is-active .spark:nth-child(3){animation-delay:.6s}@keyframes plank{0%,14%{transform:rotate(0)}17%,23%,29%{transform:rotate(9deg)}20%,26%,32%{transform:rotate(-9deg)}42%,to{transform:rotate(0)}}@keyframes val-walk-wobble{0%{transform:translate(-260px)}14%{transform:translate(0) rotate(0)}17%,23%,29%{transform:translate(0) rotate(7deg)}20%,26%,32%{transform:translate(0) rotate(-7deg)}42%,to{transform:translate(0) rotate(0)}}@keyframes wobble-lines{0%,14%{opacity:0}17%,32%{opacity:1}40%,to{opacity:0}}@keyframes tree-leg{0%,14%,to{transform:rotate(0)}2%,6%,10%{transform:rotate(28deg)}4%,8%,12%{transform:rotate(-28deg)}46%{transform:rotate(0)}52%,86%{transform:rotate(70deg) translateY(-10px)}92%{transform:rotate(0)}}@keyframes tree-arm-l{0%,48%{transform:rotate(0)}54%,86%{transform:rotate(-200deg)}92%,to{transform:rotate(0)}}@keyframes tree-arm-r{0%,15%{transform:rotate(0)}20%,30%{transform:rotate(-166deg)}34%,48%{transform:rotate(0)}54%,86%{transform:rotate(200deg)}92%,to{transform:rotate(0)}}.scenes__tabs{display:grid;gap:10px}@media(max-width:989px){.scenes__tabs{grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.scenes__tabs::-webkit-scrollbar{display:none}.scenes__tabs li{scroll-snap-align:start}}.scenes__tabs li{position:relative}.scene-tab{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--s-line);background:var(--s-surface);overflow:hidden;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.scene-tab:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--s-line))}.scene-tab.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--s-line));background:color-mix(in srgb,var(--accent) 14%,var(--s-surface));box-shadow:var(--card-shadow)}.scene-tab__swatch{width:44px;height:64px;border-radius:10px;background:color-mix(in srgb,var(--accent) 30%,var(--paper, #fff));display:grid;place-items:center;padding:6px 0 2px}body[data-scheme=onyx] .scene-tab__swatch{background:color-mix(in srgb,var(--accent) 24%,transparent)}.scene-tab__swatch img{height:100%;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.scene-tab__body{display:grid;gap:2px;min-width:0}.scene-tab__mood{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 50%,var(--s-text))}.scene-tab__title{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:-.02em}.scene-tab__line{font-size:.85rem;color:var(--s-muted)}.scene-tab__progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent)}.scene-tab.is-active .scene-tab__progress{animation:tab-progress var(--scene-interval, 9s) linear forwards}@keyframes tab-progress{0%{width:0}to{width:100%}}.scene-tab__shop{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--s-text);opacity:0;transition:opacity var(--dur-fast)}.scenes__tabs li:hover .scene-tab__shop,.scene-tab.is-active+.scene-tab__shop{opacity:1}@media(max-width:989px){.scene-tab__shop{display:none}}@media(prefers-reduced-motion:reduce){.scene.is-active *{animation:none!important}.scene.is-active .prop{opacity:1}.scene.is-active .prop-scribble,.scene.is-active .prop-buzz,.scene.is-active .prop-wobble,.scene.is-active .prop-clouds,.scene.is-active .prop-lines{opacity:0}}@media(max-width:749px){.scene__caption{display:none}.scenes__stage{aspect-ratio:4 / 3}}.scene-tab__body{gap:5px}.scene-tab__mood{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 32%,var(--s-surface));border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:var(--ink, #1B1611);font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.2}.scene-tab__mood:before{content:"";width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent) 80%,var(--ink, #1B1611));flex:none}.scene-tab.is-active .scene-tab__mood{background:color-mix(in srgb,var(--accent) 55%,var(--s-surface))}body[data-scheme=onyx] .scene-tab__mood{color:var(--color-text);background:color-mix(in srgb,var(--accent) 30%,transparent)}.scene-tab__title{font-size:1.2rem}.scene-tab__line{font-size:.95rem;line-height:1.4;color:color-mix(in srgb,var(--s-muted) 65%,var(--s-text))}@media(max-width:989px){.scenes__tabs{grid-auto-columns:minmax(272px,1fr)}}@media(max-width:749px){.scene-tab__mood{font-size:.82rem}.scene-tab__title{font-size:1.25rem}.scene-tab__line{font-size:1.02rem}}.scene-tab__swatch{align-self:center;overflow:hidden}.scene-tab__swatch img{height:56px;max-height:100%;width:auto;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/6/assets/scenes.css.map */