.pin.svelte-1p44x70{z-index:1;height:calc(100vh + var(--phases) * 100vh);position:relative}.wall.svelte-1p44x70{gap:var(--bar-w);height:100dvh;padding:var(--bar-w);grid-template-rows:6rem minmax(0,1fr);grid-template-columns:17.5rem repeat(4,1fr) 22.5rem;grid-template-areas:"mark nav1 nav2 nav3 nav4 cta""before before before stage stage stage";display:grid;position:sticky;top:0}.wall.svelte-1p44x70>.mark{grid-area:mark}.wall.svelte-1p44x70>.nav--1{grid-area:nav1}.wall.svelte-1p44x70>.nav--2{grid-area:nav2}.wall.svelte-1p44x70>.nav--3{grid-area:nav3}.wall.svelte-1p44x70>.nav--4{grid-area:nav4}.wall.svelte-1p44x70>.cta{grid-area:cta}.wall.svelte-1p44x70>.before{grid-area:before;padding:clamp(1.5rem,3vw,3.5rem)}.before__body.svelte-1p44x70{height:100%;opacity:calc(1 - var(--depth) * .6);filter:blur(calc(var(--depth) * 6px));align-content:space-between;gap:1.5rem;display:grid}.wall.svelte-1p44x70>.stage{background:#f4f2eccc;grid-area:stage;gap:1rem;padding:clamp(1.5rem,3vw,3.5rem)}@media (width<=1100px){.wall.svelte-1p44x70{grid-template-rows:5rem 4.5rem minmax(0,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"mark mark mark cta""nav1 nav2 nav3 nav4""before before stage stage"}}@media (width<=900px){.pin.svelte-1p44x70{height:auto}.wall.svelte-1p44x70{grid-template-rows:5rem 4.5rem auto auto;grid-template-areas:"mark mark mark cta""nav1 nav2 nav3 nav4""stage stage stage stage""before before before before";height:auto;position:static}.before__body.svelte-1p44x70{opacity:1;filter:none}}@media (width<=720px){.wall.svelte-1p44x70{grid-template:"mark cta"5rem"nav1 nav2""nav3 nav4""stage stage""before before"/1fr 1fr}.wall.svelte-1p44x70>.nav{min-height:4rem}}.cursor.svelte-1f6cquq{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 6px #1d1b1759);width:28px;height:28px;transition:scale .16s var(--ease-out);animation:svelte-1f6cquq-appear .5s var(--ease-out) both;position:absolute;top:0;left:0}.pressed.svelte-1f6cquq{scale:.8}svg.svelte-1f6cquq{width:100%;height:100%;fill:var(--cobalt);stroke:#fff;stroke-width:1.4px;stroke-linejoin:round}.ripple.svelte-1f6cquq{border:2px solid var(--cobalt);width:10px;height:10px;animation:svelte-1f6cquq-ripple .7s var(--ease-out) both;border-radius:50%;position:absolute;top:-1px;left:1px}@keyframes svelte-1f6cquq-ripple{to{opacity:0;scale:5}}@keyframes svelte-1f6cquq-appear{0%{opacity:0}}.tap.svelte-d0hws5{z-index:20;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.pad.svelte-d0hws5{border:2px solid var(--cobalt);width:28px;height:28px;animation:svelte-d0hws5-pad .4s var(--ease-out) both;background:#2a4bd047;border-radius:50%;position:absolute;top:-14px;left:-14px}.pressed.svelte-d0hws5 .pad:where(.svelte-d0hws5){background:#2a4bd080;scale:.8}.ring.svelte-d0hws5{border:2px solid var(--cobalt);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.pressed.svelte-d0hws5 .ring:where(.svelte-d0hws5){animation:svelte-d0hws5-ring .9s var(--ease-out) both}.pressed.svelte-d0hws5 .ring--late:where(.svelte-d0hws5){animation-delay:.2s}@keyframes svelte-d0hws5-pad{0%{opacity:0;scale:.4}}@keyframes svelte-d0hws5-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:3.2}}.planes.svelte-13kiuql{gap:1.25rem;display:grid}.plane.svelte-13kiuql{transform-origin:50%;will-change:transform, filter, opacity;background:#fcfbf7f7;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:relative;box-shadow:0 0 0 1px #26241f40,0 30px 60px #26241f1a}.plane.bare.svelte-13kiuql{box-shadow:none;background:0 0;padding:0}.plane.svelte-13kiuql:not(.active){pointer-events:none}.steps.svelte-13kiuql{gap:clamp(1.5rem,3vw,3rem);margin:0;padding:0;list-style:none;display:none}.steps.svelte-13kiuql li:where(.svelte-13kiuql){--focus:1;opacity:calc(.55 + var(--focus) * .45);filter:blur(calc((1 - var(--focus)) * 1.5px))}.steps.svelte-13kiuql button:where(.svelte-13kiuql){color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem;font-weight:500}.pinned.svelte-13kiuql{flex:1;min-height:0;display:block;position:relative;container-type:size}.pinned.svelte-13kiuql .plane:where(.svelte-13kiuql){position:absolute}.pinned.svelte-13kiuql .plane--0:where(.svelte-13kiuql){width:var(--w,24rem);top:0;right:0}.pinned.svelte-13kiuql .plane--1:where(.svelte-13kiuql){width:var(--w,26rem);top:6%;left:0}.pinned.svelte-13kiuql .plane--2:where(.svelte-13kiuql){width:var(--w,22rem);bottom:2.5rem;right:0}@container (width>=820px){.pinned.svelte-13kiuql .plane--0:where(.svelte-13kiuql){width:var(--w,28rem)}.pinned.svelte-13kiuql .plane--1:where(.svelte-13kiuql){width:var(--w,30rem)}.pinned.svelte-13kiuql .plane--2:where(.svelte-13kiuql){width:var(--w,27rem)}}@container (height<=480px){.pinned.svelte-13kiuql .plane--0:where(.svelte-13kiuql){width:var(--w,19rem)}.pinned.svelte-13kiuql .plane--1:where(.svelte-13kiuql){width:var(--w,19rem);top:0}.pinned.svelte-13kiuql .plane--2:where(.svelte-13kiuql){width:var(--w,19rem)}}.pinned.svelte-13kiuql .steps:where(.svelte-13kiuql){display:flex;position:absolute;bottom:0;left:0}.lit.svelte-13kiuql .plane:where(.svelte-13kiuql){animation:svelte-13kiuql-rise 1.6s var(--ease-out) backwards;animation-delay:calc(var(--k) * .16s + .5s)}html.js .planes.svelte-13kiuql:not(.lit) .plane:where(.svelte-13kiuql){opacity:0}@keyframes svelte-13kiuql-rise{0%{opacity:0;filter:blur(14px)}}@media (width<=1280px){.pinned.svelte-13kiuql .plane--0:where(.svelte-13kiuql){width:var(--w,21rem)}.pinned.svelte-13kiuql .plane--1:where(.svelte-13kiuql){width:var(--w,24rem)}}