.wb{--c:min(60vh,74vw);--px:0;--py:0;--wp:0;background:#06262c;place-items:center;height:100svh;min-height:600px;display:grid;position:relative;overflow:hidden}.wb-bg{background:radial-gradient(circle,#26b5a047,#0000 46%),radial-gradient(circle at 18% 82%,#fdb72429,#0000 38%),radial-gradient(circle at 85% 15%,#26b5a024,#0000 40%);position:absolute;inset:0}.wb-bg:after{content:"";background-image:radial-gradient(#f2f7f714 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 72%);mask-image:radial-gradient(circle,#000 30%,#0000 72%)}.wb-stage{width:var(--c);height:var(--c);transform:translate3d(calc(var(--px)*-14px),calc(var(--py)*-10px),0) scale(calc(1 + var(--wp)*.22));opacity:calc(1 - var(--wp)*1.1);will-change:transform;position:relative}.wb-circle{background:#0b3a40;border-radius:50%;animation:1.8s cubic-bezier(.16,1,.3,1) .2s both wb-iris;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 120px -30px #000000b3,0 0 0 10px #f2f7f70f}.wb-video{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}.wb-ring{width:111%;height:111%;animation:60s linear infinite wb-spin;position:absolute;inset:-5.5%;overflow:visible}.wb-arc{fill:none;stroke-width:1.15px;stroke-linecap:round;transform-origin:50%}.wb-arc-teal{stroke:#26b5a0;stroke-dasharray:48 52;animation:2.2s cubic-bezier(.16,1,.3,1) .5s both wb-draw;transform:rotate(-62deg)}.wb-arc-amber{stroke:#fdb724;stroke-dasharray:46 54;animation:2.2s cubic-bezier(.16,1,.3,1) .8s both wb-draw;transform:rotate(124deg)}.wb-dot{width:14px;height:14px;transform:rotate(0deg) translate(calc(var(--c)*.555));background:#fdb724;border-radius:50%;margin:-7px;animation:18s linear infinite wb-dot;position:absolute;top:50%;left:50%;box-shadow:0 0 22px #fdb724}.wb-orbit{transform:translate3d(calc(var(--px)*26px),calc(var(--py)*18px),0);position:absolute;inset:0}.wb-orbit>.wb-b{width:calc(var(--c)*var(--s));height:calc(var(--c)*var(--s));margin:calc(var(--c)*var(--s)/-2) 0 0 calc(var(--c)*var(--s)/-2);transform:rotate(var(--a)) translate(calc(var(--c)*.74)) rotate(calc(var(--a)*-1));animation:7s ease-in-out infinite alternate wb-float;position:absolute;top:50%;left:50%}.wb-orbit>.wb-b:nth-child(2n){animation-duration:9s;animation-delay:-3s}.wb-img{border:3px solid #f2f7f7e6;border-radius:50%;width:100%;height:100%;display:block;overflow:hidden;box-shadow:0 24px 50px -18px #0009}.wb-img img{object-fit:cover;width:100%;height:100%;display:block}.wb-foot{pointer-events:none;opacity:calc(1 - var(--wp)*2.5);justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:74px;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.wb-tag{letter-spacing:.28em;text-transform:uppercase;color:#fdb724;align-items:center;gap:14px;font-size:12px;font-weight:500;display:flex}.wb-tag span{background:#fdb724;width:40px;height:1px}.wb-hint{letter-spacing:.32em;text-transform:uppercase;color:#f2f7f799;flex-direction:column;align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wb-hint i{background:linear-gradient(#26b5a0,#0000);width:1px;height:44px;animation:1.8s ease-in-out infinite fx-bounce}@keyframes wb-iris{0%{clip-path:circle(0%);transform:scale(.85)}to{clip-path:circle(50%);transform:none}}@keyframes wb-draw{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}@keyframes wb-spin{to{transform:rotate(360deg)}}@keyframes wb-dot{0%{transform:rotate(0deg) translate(calc(var(--c)*.555))}to{transform:rotate(360deg) translate(calc(var(--c)*.555))}}@keyframes wb-float{0%{translate:0 -6px}to{translate:0 8px}}@media (width<=760px){.wb{--c:min(82vw,50vh)}.wb-orbit>.wb-b{transform:rotate(var(--a)) translate(calc(var(--c)*.74)) rotate(calc(var(--a)*-1))}.wb-orbit>.wb-b:first-child{--a:-58deg!important}.wb-orbit>.wb-b:nth-child(2){--a:58deg!important}.wb-orbit>.wb-b:nth-child(3){--a:122deg!important}.wb-orbit>.wb-b:nth-child(4){--a:-122deg!important}.wb-hint{display:none}}@media (prefers-reduced-motion:reduce){.wb-circle,.wb-ring,.wb-arc,.wb-dot,.wb-orbit>.wb-b,.wb-hint i{animation:none!important}}.hm-ghost:hover{color:#f2f7f7;background:#f2f7f714}.hm-outline:hover{background:#06262c;color:#f2f7f7!important}@media (width<=760px){.hm-h1{padding-bottom:300px!important}.hm-ch{width:auto!important;left:20px!important;right:20px!important}[data-h-hint]{display:none!important}}