/* Multipage sites: pages, the site map, the green pin and the found page. */
.service-world .ws-art{position:absolute;inset:0}
.ws-art>div{position:absolute;top:0;left:0;transform-origin:50% 50%}
.ws-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.ws-tree path{stroke:#26282555;stroke-width:2;stroke-linejoin:round}
.ws-route{stroke:#6f9a45;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.service-mobile .ws-route{stroke-width:3.5}

.ws-page{z-index:3;border-radius:10px;background:#fbfaf7;border:1px solid #d9d8d2;box-shadow:0 16px 40px #2528241c;overflow:hidden;will-change:transform;transition:box-shadow .3s,border-color .3s;--open:0;--crumb:0;--cta-on:0;--pressed:0;--sent:0}
.ws-page.is-lit{border-color:#6f9a45;box-shadow:0 0 0 3px #6f9a4555,0 16px 40px #2528241c}
.ws-page>div{position:absolute}
.ws-top{left:0;right:0;top:0;height:9%;display:flex;align-items:center;gap:2%;padding:0 4%;background:#f1f0ec;border-bottom:1px solid #e3e2dc}
.ws-top i{width:3%;aspect-ratio:1;border-radius:50%;background:#c3c4be}.ws-top b{width:40%;height:30%;border-radius:3px;background:#e2e2dc;margin:auto}
.ws-mini{left:7%;right:7%;top:17%;bottom:9%;opacity:calc(1 - var(--open) * 1.6)}
.ws-mini>*{position:absolute;display:block}
.ws-mini-home b{left:0;top:6%;width:52%;height:16%;background:#30312f}.ws-mini-home i{left:0;top:34%;width:46%;height:6%;background:#b9bbb4}.ws-mini-home i+i{top:46%;width:36%}
.ws-mini-home span{right:0;top:0;width:38%;height:72%;background:#d6e3c2}
.ws-mini-section b{left:0;top:0;width:44%;height:14%;background:#30312f}
.ws-mini-section span{top:30%;width:29%;height:62%;background:#e2e8d6;border-radius:3px}.ws-mini-section span:nth-of-type(1){left:0}.ws-mini-section span:nth-of-type(2){left:35.5%}.ws-mini-section span:nth-of-type(3){left:71%}
.ws-mini-sub span{left:0;top:0;width:44%;height:100%;background:#dfe6d2}.ws-mini-sub b{left:54%;top:8%;width:46%;height:14%;background:#30312f}.ws-mini-sub i{left:54%;top:36%;width:40%;height:7%;background:#b9bbb4}.ws-mini-sub i+i{top:52%;width:30%}

/* The found page */
.ws-detail{inset:9% 0 0;opacity:var(--open)}
.ws-detail>div{position:absolute}
.ws-crumbs{left:5%;top:5%;width:40%;height:6%;display:flex;gap:3%}
.ws-crumbs i{flex:1;border-radius:999px;background:#e3e2dc}
.ws-crumbs i:nth-child(1){background:color-mix(in srgb,#6f9a45 calc(clamp(0,var(--crumb) * 3,1) * 100%),#e3e2dc)}
.ws-crumbs i:nth-child(2){background:color-mix(in srgb,#6f9a45 calc(clamp(0,var(--crumb) * 3 - 1,1) * 100%),#e3e2dc)}
.ws-crumbs i:nth-child(3){background:color-mix(in srgb,#6f9a45 calc(clamp(0,var(--crumb) * 3 - 2,1) * 100%),#e3e2dc)}
.ws-photo{left:5%;top:17%;width:42%;height:76%;border-radius:8px;overflow:hidden;background:#dfe6d2}
.ws-photo i{position:absolute;width:70%;aspect-ratio:1;left:15%;top:14%;border-radius:50%;background:#6f9a45}
.ws-photo b{position:absolute;width:150%;height:34%;left:-25%;bottom:2%;background:#a9c77e;transform:rotate(-24deg)}
.ws-info{left:53%;top:19%;width:42%;height:44%}
.ws-info b{display:block;width:85%;height:16%;background:#30312f;margin-bottom:9%}
.ws-info i{display:block;height:5%;background:#b9bbb4;margin-bottom:6%}.ws-info i:nth-of-type(2){width:88%}.ws-info i:nth-of-type(3){width:62%}
.ws-cta{left:53%;top:72%;width:26%;height:15%;border-radius:999px;background:#6f9a45;display:flex;align-items:center;padding:0 6%;transform:scale(calc((.6 + .4 * var(--cta-on)) * (1 - .07 * var(--pressed))));opacity:var(--cta-on);box-shadow:0 10px 24px #6f9a4566}
.ws-cta em{display:block;width:60%;height:12%;background:#fff;opacity:calc(1 - var(--sent))}
.ws-cta u{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;translate:-50% -50%;color:#fff;transform:scale(var(--sent))}
.ws-cta u svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}

/* The hero pin */
.ws-pin{z-index:8;border-radius:50%;background:#6f9a45;box-shadow:0 0 0 5px #fff,0 0 0 9px #6f9a4544,0 10px 24px #6f9a4588}
.ws-pin i{position:absolute;inset:-60%;border-radius:50%;border:2px solid #6f9a45;animation:ws-ping 1.8s ease-out infinite}
.ws-pin.is-lost{animation:ws-wander 2.6s ease-in-out infinite}
@keyframes ws-ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
@keyframes ws-wander{0%,100%{translate:0 0}25%{translate:8px -6px}50%{translate:-4px -10px}75%{translate:-8px 4px}}
.service-mobile .ws-pin{box-shadow:0 0 0 3px #fff,0 0 0 6px #6f9a4544,0 6px 14px #6f9a4588}

.ws-toast{z-index:9;border-radius:14px;background:#fff;box-shadow:0 22px 50px #25282433;border-top:5px solid #6f9a45;animation:lc-bob 3.4s ease-in-out infinite}
.ws-toast span{position:absolute;left:6%;top:26%;width:17%;aspect-ratio:1;border-radius:50%;background:#6f9a45;color:#fff}
.ws-toast span svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.ws-toast i{position:absolute;left:30%;top:32%;width:52%;height:10%;background:#30312f}.ws-toast i+i{top:58%;width:34%;height:7%;background:#c3c4be}

.ws-cursor{z-index:10;--ripple:0;--ripple-on:0;--press:0;filter:drop-shadow(0 3px 2px #0002)}
.ws-cursor>svg{position:relative;width:100%;height:100%;fill:#262825;stroke:#fcfaf6;stroke-width:1.5;transform:scale(calc(1 - .16 * var(--press)));transform-origin:9% 5%}
.ws-title{will-change:transform,opacity}
.ws-burst{position:absolute;inset:0;background:#a9c77e;clip-path:circle(var(--r,0px) at var(--x,50%) var(--y,50%));pointer-events:none}
.service-mobile .ws-page{border-radius:6px}
@keyframes lc-bob{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(prefers-reduced-motion:reduce){.ws-pin i,.ws-pin.is-lost,.ws-toast{animation:none}}