*{box-sizing:border-box}html,body{margin:0;background:#fff}body{min-height:100svh;display:grid;place-items:center;padding:30px 70px}.network{position:relative;width:min(1040px,100%);aspect-ratio:1000/770;isolation:isolate}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.logo{position:absolute;display:flex;align-items:center;justify-content:center;width:220px;min-height:64px;padding:10px;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;text-decoration:none;outline-offset:8px;border-radius:4px}.logo img{display:block;width:100%;height:auto;transition:transform .35s cubic-bezier(.2,.7,.2,1);animation:arrive .75s both;animation-delay:var(--delay,0s)}.logo:hover img{transform:translateY(-5px) scale(1.06)}.logo:focus-visible{outline:2px solid #bb1824}.hub{--x:50%;--y:50%;width:300px}.sea{--x:24%;--y:18%;width:184px;--delay:.08s}.mountain{--x:76%;--y:18%;width:184px;--delay:.16s}.therapy{--x:10%;--y:50%;--delay:.24s}.bird{--x:90%;--y:50%;--delay:.32s}.wedding{--x:24%;--y:82%;--delay:.4s}.plant{--x:76%;--y:82%;--delay:.48s}.book{--x:50%;--y:92%;--delay:.56s}.mariola{--x:50%;--y:8%;width:235px;--delay:.64s}
@keyframes arrive{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(max-width:900px){body{padding:28px 45px}.logo{width:180px}.hub{width:250px}.sea,.mountain{width:155px}.mariola{width:190px}.network{aspect-ratio:1000/860}}
@media(max-width:650px){body{padding:28px 22px}.network{aspect-ratio:700/850}.logo{width:140px;padding:8px}.hub{width:195px}.sea,.mountain{width:133px}.therapy{--x:12%}.bird{--x:88%}.mariola{width:155px}.book{width:155px}.connections{opacity:.7}}
@media(max-width:440px){body{padding:25px 24px}.network{aspect-ratio:700/1000}.logo{width:108px;min-height:48px;padding:5px}.hub{width:146px}.sea,.mountain{width:114px;--y:21%}.sea{--x:23%}.mountain{--x:77%}.therapy{--x:12%}.bird{--x:88%;width:100px}.plant,.wedding{--y:79%;width:118px}.wedding{--x:23%}.plant{--x:77%}.mariola{width:125px;--y:6%}.book{width:132px;--y:94%}.connections{opacity:.55}}
@media(max-width:360px){body{padding:22px}.logo{width:91px}.hub{width:126px}.sea,.mountain{width:101px}.bird{width:88px}.plant,.wedding{width:101px}.mariola,.book{width:115px}}
@media(prefers-reduced-motion:reduce){.logo img{animation:none;transition:none}.logo:hover img{transform:none}}