.ww{padding:clamp(90px,12vw,180px) var(--gut);border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy map""studio map";align-items:center;gap:0 clamp(32px,5vw,90px);display:grid}.ww-copy{grid-area:copy;align-self:end}.ww-box{grid-area:map}.ww h2{margin-top:22px;font-size:clamp(38px,4.9vw,92px)}.ww h2 em{color:var(--aqua);font-style:normal}.ww-p{color:var(--mute);max-width:42ch;margin-top:24px}.ww-box{position:relative}.ww-box svg{width:100%;height:auto;display:block;overflow:visible}.ww-ret path{fill:#151818;stroke:#262b2b;stroke-width:1.2px}.ww-ret path:first-child{fill:#070808}.ww-off{fill:#191c1c;stroke:#2c3131;stroke-width:1px}.ww-halo{fill:#fff;opacity:0;transition:opacity 1.4s 2.2s}.ww-face{opacity:0}.ww-edge{fill:none;stroke:var(--aqua);stroke-width:3px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke .9s 2.2s}.ww.on .ww-edge{animation:1.9s cubic-bezier(.65,0,.35,1) forwards ww-draw}.ww.on .ww-face{animation:1s linear 1.7s forwards ww-flick}.ww.on .ww-halo{opacity:.32}.ww.on .ww-edge{stroke:#c9cfcc}@keyframes ww-draw{to{stroke-dashoffset:0}}@keyframes ww-flick{0%{opacity:0}8%{opacity:.85}12%{opacity:.1}22%{opacity:.7}26%{opacity:.25}40%{opacity:1}46%{opacity:.6}55%,to{opacity:1}}.ww-pt{cursor:pointer}.ww-pt .dot{fill:#0b0c0c;transition:transform .7s var(--expo) calc(2.6s + var(--i) * .13s);transform:scale(0)}.ww-pt.hub .dot{fill:var(--aqua);stroke:#0b0c0c;stroke-width:3px}.ww-pt .ring{fill:none;stroke:var(--aqua);stroke-width:2.5px;opacity:0}.ww-pt .tag{opacity:0;transition:opacity .5s ease calc(2.8s + var(--i) * .13s)}.ww-pt .tag rect{fill:#0b0c0c;transition:fill .3s}.ww-pt text{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;fill:#f1f0ec;font-size:18px;font-weight:600}.ww-pt.hub .tag rect{fill:var(--aqua)}.ww-pt.hub text{fill:var(--aqua-ink);font-weight:800}.ww.on .ww-pt .dot{transform:scale(1)}.ww.on .ww-pt .tag{opacity:1}.ww.done .ww-pt .ring{animation:2.4s ease-out infinite ww-ping;animation-delay:calc(var(--i) * .35s)}.ww.done .ww-pt .dot,.ww.done .ww-pt .tag{transition-delay:0s}.ww-pt.act .dot{transform:scale(1.6)!important}.ww-pt.act .tag rect{fill:var(--aqua)}.ww-pt.act text{fill:var(--aqua-ink)}@keyframes ww-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.ww-pt .dot,.ww-pt .ring{transform-box:fill-box;transform-origin:50%}@media (max-width:900px){.ww{grid-template-columns:1fr;grid-template-areas:"map""copy""studio";gap:clamp(32px,6vw,56px)}}@media (prefers-reduced-motion:reduce){.ww .ww-edge,.ww .ww-face,.ww .ww-halo,.ww .ww-pt .dot,.ww .ww-pt .tag{transition:none!important;animation:none!important}.ww .ww-edge{stroke-dashoffset:0}.ww .ww-face{opacity:1}.ww .ww-pt .ring{animation:none!important}}@media (max-width:600px){.ww-pt .tag{display:none}.ww-pt.hub .tag{display:block}}.ww .ww-studio{border-top:1px solid var(--line);grid-area:studio;align-self:start;margin-top:clamp(24px,4vh,48px);padding:clamp(24px,4vh,48px) 0 0;display:block}.ww-studio>div:first-of-type{align-items:flex-end;gap:clamp(16px,2vw,32px);display:flex}.ww-studio .big{flex:none;font-size:clamp(80px,13vh,190px)}.ww-studio .under{max-width:24ch;margin:0 0 .4em;font-size:clamp(15px,1.25vw,19px)}.ww-studio ul{margin-top:clamp(16px,3vh,32px)}.ww-studio li{padding:10px 0}.ww-studio .hl{font-size:clamp(15px,min(1.5vw,2.7vh),28px)}.ww-studio .side p{max-width:52ch;margin-top:clamp(12px,2vh,20px)}@media (min-width:901px){.ww{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;min-height:100svh;padding-block:clamp(64px,9vh,110px) clamp(28px,4.5vh,72px)}.ww h2{margin-top:clamp(12px,2vh,22px);font-size:clamp(34px,min(4.6vw,7.5vh),88px)}.ww-p{margin-top:clamp(12px,2.2vh,24px)}.ww-box{align-self:center}.ww-box svg{width:100%;max-height:calc(100svh - 2*clamp(64px,9vh,110px))}}@media (min-width:901px) and (max-height:950px){.ww-studio .side p{display:none}}