.yLUtqZJ{flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex;-webkit-mask-image:linear-gradient(#000 80%,#0000 95%);mask-image:linear-gradient(#000 80%,#0000 95%)}@media (min-width:960px){.yLUtqZJ{flex-direction:row}}.yLUtqZJ1{flex-direction:column;width:100%;display:flex}@media (min-width:960px){.yLUtqZJ1{gap:1rem;max-width:640px;height:512px}}.yLUtqZJ2{border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;gap:1rem;height:320px;display:flex;position:relative}@media (min-width:960px){.yLUtqZJ2{height:100%}}.yLUtqZJ2:before{content:"";border-radius:inherit;z-index:-1;background-image:url(/map-tiles/demo.png);background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 74%);mask-image:radial-gradient(#000 0%,#0000 74%)}.yLUtqZJ3{transform:translate(calc(-50% + (var(--x-offset) * 1px)), calc(-50% + (var(--y-offset) * 1px)));position:absolute;top:50%;left:50%}.yLUtqZJ4{margin-top:-7rem;position:relative}@media (min-width:960px){.yLUtqZJ4{margin-top:0;margin-left:-4rem}}.yLUtqZJ5{background:var(--color-bg-pit);border:5px dashed var(--color-border-light);border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.65)rotate(-1.5deg)}.yLUtqZJ6{background-color:var(--color-bg-top);width:95vw;max-width:400px;height:512px;transform:scale(.88) rotate(var(--rotation-angle));border:1px solid var(--color-border-base);border-radius:1rem;padding:2.5rem 1rem;transition:opacity .2s ease-out,transform .2s ease-out;overflow:hidden}@media (min-width:960px){.yLUtqZJ6{transform:scale(.95) rotate(var(--rotation-angle));height:640px}}.yLUtqZJ6[data-transitioning=true]{opacity:0;transform:scale(.9) rotate(var(--rotation-angle))}@media (min-width:960px){.yLUtqZJ6[data-transitioning=true]{transform:scale(.8625) rotate(var(--rotation-angle))}}
.yZkvbxZ{background-color:var(--color-bg-top);border:1px solid var(--color-border-base);border-radius:1rem;width:95vw;max-width:400px;padding:0;overflow:hidden;transform:scale(.88)rotate(-2deg)}@media (min-width:960px){.yZkvbxZ{background-color:unset;border:unset;border-radius:unset;padding:unset;overflow:unset;transform:scale(.95)rotate(-2.5deg)}}
.yjVcOil{box-shadow:0 0 0 2px var(--color-border-elevated) inset;border-radius:.375rem;flex-shrink:0;width:234px;height:156px;display:block;position:relative;overflow:hidden}@media (min-width:768px){.yjVcOil{width:360px;height:240px}}.yjVcOil1{mix-blend-mode:multiply;object-fit:cover;background-color:var(--color-bg-map)}.yjVcOil2{color:#fff;opacity:0;background:linear-gradient(#0000,#00000080),#0000000d;align-items:flex-end;padding:.825rem .5rem;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.yjVcOil:hover .yjVcOil2{opacity:1}.yjVcOil2>p{text-align:left;text-shadow:0 0 .25rem #00000080;font-size:.875rem;font-weight:600;line-height:115%}
.yxNo8yB{flex-direction:row;justify-content:center;gap:.75rem;margin:2rem 0;display:flex}.yxNo8yB li{transition:transform .2s cubic-bezier(.4,0,.2,1)}.yxNo8yB li:first-of-type{transform:rotate(-2deg)translateY(.5rem)scale(1)}.yxNo8yB li:first-of-type:hover{transform:rotate(-2deg)translateY(.5rem)scale(1.05)}.yxNo8yB li:nth-of-type(2){transform:scale(1)}.yxNo8yB li:nth-of-type(2):hover{transform:scale(1.05)}.yxNo8yB li:last-of-type{transform:rotate(2deg)translateY(.5rem)scale(1)}.yxNo8yB li:last-of-type:hover{transform:rotate(2deg)translateY(.5rem)scale(1.05)}@media (min-width:768px){.yxNo8yB{gap:2rem}}
.yV0fr5M1{counter-reset:step-counter;flex-direction:column;align-items:center;gap:5rem;margin-top:2rem;display:flex}@media (min-width:960px){.yV0fr5M1{gap:8rem}}.yV0fr5M2{flex-direction:column;align-items:center;list-style:none;display:flex}.yV0fr5M3{gap:.5rem}@media (min-width:960px){.yV0fr5M3{flex-direction:row-reverse;gap:3.5rem}}.yV0fr5M5{flex-direction:column;align-items:center;gap:.5rem;display:flex}.yV0fr5M5>h3,.yV0fr5M5>p{text-align:center;text-wrap:balance}.yV0fr5M5>h3{color:var(--color-text-brand-primary);font-size:1.75rem;font-weight:700;line-height:115%}.yV0fr5M5>p{color:var(--color-text-ui-quaternary);max-width:36ch;font-size:1rem}.yV0fr5M5>p>a{color:inherit;transition:color .15s ease-in-out}.yV0fr5M5>p>a:hover{color:var(--color-text-primary)}@media (min-width:960px){.yV0fr5M5>h3{font-size:2.2rem}}.yV0fr5M5:before{content:counter(step-counter);counter-increment:step-counter;background-color:var(--color-bg-counter);color:var(--color-bg-sunk);font-variant-numeric:lining-nums;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1rem;font-weight:700;display:flex}.yV0fr5M6>h3,.yV0fr5M6>p{text-align:center;text-wrap:balance}.yV0fr5M6>h3{color:var(--color-text-brand-primary);font-size:1.75rem;font-weight:700;line-height:115%}.yV0fr5M6>p{color:var(--color-text-ui-quaternary);max-width:36ch;font-size:1rem}.yV0fr5M6>p>a{color:inherit;transition:color .15s ease-in-out}.yV0fr5M6>p>a:hover{color:var(--color-text-primary)}@media (min-width:960px){.yV0fr5M6>h3{font-size:2.2rem}}
.ytcR0i1{align-self:stretch;width:100%}@media (min-width:768px){.ytcR0i1{align-self:center;width:auto}}.ytcR0i11{flex-direction:column;justify-content:center;align-items:stretch;gap:1rem;width:100%;max-width:26rem;margin-top:1rem;display:flex}@media (min-width:768px){.ytcR0i11{flex-direction:row;align-items:center;width:fit-content;max-width:none;margin-top:2rem}}