.tap-demo.svelte-4dohlq{flex-direction:column;align-items:center;gap:.75rem;display:flex}.stage.svelte-4dohlq{justify-content:center;align-items:flex-end;width:200px;height:460px;display:flex;position:relative}@media (width>=768px){.stage.svelte-4dohlq{width:232px;height:524px}}.phone.svelte-4dohlq{background:#14110e;border:3px solid #2e2820;border-radius:28px;width:178px;height:356px;padding:8px;position:absolute;bottom:0;box-shadow:0 18px 40px #1c181447}@media (width>=768px){.phone.svelte-4dohlq{width:206px;height:412px}}.screen.svelte-4dohlq{background:#f7f4ee;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lock.svelte-4dohlq{color:#a8a096;width:40px;height:40px}.lock.svelte-4dohlq svg:where(.svelte-4dohlq){width:100%;height:100%}.menu.svelte-4dohlq{text-align:left;padding:18px 16px;animation:.42s cubic-bezier(.2,.8,.3,1) both svelte-4dohlq-menu-in;position:absolute;inset:0}.menu-title.svelte-4dohlq{letter-spacing:.02em;color:#1c1814;margin:0;font-size:15px;font-weight:700}.menu-rule.svelte-4dohlq{background:#1c181429;height:1px;margin:7px 0 12px}.menu-cat.svelte-4dohlq{letter-spacing:.16em;text-transform:uppercase;color:#8a6a3f;margin:12px 0 6px;font-size:9px;font-weight:700}.line.svelte-4dohlq{background:#1c181421;border-radius:3px;height:6px;margin-bottom:6px}.w-90.svelte-4dohlq{width:90%}.w-85.svelte-4dohlq{width:85%}.w-75.svelte-4dohlq{width:75%}.w-70.svelte-4dohlq{width:70%}.w-65.svelte-4dohlq{width:65%}.w-60.svelte-4dohlq{width:60%}.video.svelte-4dohlq{padding-top:0}.player.svelte-4dohlq{margin:0 -16px 14px}.player.svelte-4dohlq svg:where(.svelte-4dohlq){width:100%;height:auto;display:block}.progress.svelte-4dohlq{background:#1c18141f;height:3px}.progress.svelte-4dohlq span:where(.svelte-4dohlq){background:var(--color-atelier-accent,#8a6a3f);width:0;height:100%;animation:2.4s ease-out .3s forwards svelte-4dohlq-progress;display:block}@keyframes svelte-4dohlq-progress{to{width:34%}}@keyframes svelte-4dohlq-menu-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.piece.svelte-4dohlq{z-index:2;opacity:0;width:84px;height:84px;transition:transform .9s cubic-bezier(.3,.7,.2,1),opacity .32s;position:absolute;top:0;transform:translateY(-10px)rotate(-8deg)}@media (width>=768px){.piece.svelte-4dohlq{width:96px;height:96px}}.piece.svelte-4dohlq svg:where(.svelte-4dohlq){filter:drop-shadow(0 8px 16px #1c18144d);width:100%;height:100%}.stage[data-step="1"].svelte-4dohlq .piece:where(.svelte-4dohlq){opacity:1;transform:translateY(4px)rotate(-3deg)}.stage[data-step="2"].svelte-4dohlq .piece:where(.svelte-4dohlq){opacity:1;transform:translateY(42px)rotate(0)}.stage[data-step="3"].svelte-4dohlq .piece:where(.svelte-4dohlq){opacity:1;transform:translateY(34px)rotate(0)}.field.svelte-4dohlq{z-index:1;width:0;height:0;position:absolute;top:104px;left:50%}@media (width>=768px){.field.svelte-4dohlq{top:112px}}.field.svelte-4dohlq span:where(.svelte-4dohlq){border:2px solid var(--color-atelier-accent,#8a6a3f);opacity:0;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;position:absolute;top:50%;left:50%}.stage[data-step="2"].svelte-4dohlq .field:where(.svelte-4dohlq) span:where(.svelte-4dohlq),.stage[data-step="3"].svelte-4dohlq .field:where(.svelte-4dohlq) span:where(.svelte-4dohlq){animation:1.1s ease-out infinite svelte-4dohlq-ring}.stage[data-step="2"].svelte-4dohlq .field:where(.svelte-4dohlq) span:where(.svelte-4dohlq):nth-child(2),.stage[data-step="3"].svelte-4dohlq .field:where(.svelte-4dohlq) span:where(.svelte-4dohlq):nth-child(2){animation-delay:.42s}@keyframes svelte-4dohlq-ring{0%{opacity:.55;transform:scale(.35)}to{opacity:0;transform:scale(1.5)}}.caption.svelte-4dohlq,.replay.svelte-4dohlq{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin:0;font-weight:700;display:inline-flex}.badge-icon.svelte-4dohlq{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;flex:none;width:1rem;height:1rem}.badge-icon.svelte-4dohlq .solid:where(.svelte-4dohlq){fill:currentColor;stroke:none}.caption.svelte-4dohlq{letter-spacing:.01em;color:var(--color-atelier-accent-deeper,#4b3a24);background:linear-gradient(#fdfbf6 0%,#efe7d9 100%);border:1px solid #8a6a3f59;padding:.5rem 1rem .5rem .85rem;font-size:.875rem;box-shadow:inset 0 1px #fffffff2,inset 0 -2px #6d52301f,0 2px #6d523038,0 8px 18px #1c181429}.caption.is-live.svelte-4dohlq{color:#fbf8f2;background:linear-gradient(#86653a 0%,#5e4527 100%);border-color:#4b3a24;box-shadow:inset 0 1px #ffecc866,inset 0 -2px #0000002e,0 2px #3d2f1d,0 8px 20px #6d523059}.replay.svelte-4dohlq{letter-spacing:.04em;text-transform:uppercase;min-height:2.75rem;color:var(--color-atelier-paper,#f4f0e8);cursor:pointer;background:linear-gradient(#3a322a 0%,#1c1814 100%);border:1px solid #0f0d0b;padding:.625rem 1.35rem .625rem 1.1rem;font-size:.8125rem;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff24,0 3px #0b0a08,0 8px 18px #1c181447}.replay.svelte-4dohlq .badge-icon:where(.svelte-4dohlq){width:.8rem;height:.8rem;color:var(--color-atelier-accent-light,#c9a06a)}.replay.svelte-4dohlq:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 4px #0b0a08,0 10px 22px #1c18144d}.replay.svelte-4dohlq:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff24,0 1px #0b0a08,0 4px 10px #1c181440}.replay.svelte-4dohlq:focus-visible{outline:2px solid var(--color-atelier-accent,#8a6a3f);outline-offset:3px}.is-reduced.svelte-4dohlq .piece:where(.svelte-4dohlq),.is-reduced.svelte-4dohlq .menu:where(.svelte-4dohlq){transition:none;animation:none}.is-reduced.svelte-4dohlq .progress:where(.svelte-4dohlq) span:where(.svelte-4dohlq){width:34%;animation:none}.is-reduced.svelte-4dohlq .field:where(.svelte-4dohlq) span:where(.svelte-4dohlq){opacity:.35;animation:none;transform:scale(1.1)}.atelier-cta-row[data-astro-cid-efi3hhzm]{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.atelier-cta-row[data-astro-cid-efi3hhzm]>a[data-astro-cid-efi3hhzm]{flex:0 auto;padding-left:1.4rem;padding-right:1.4rem}