.nb4oi{--radius:430px;--image-size:90px;--count:24;--speed:50s;--direction:normal;--play:running;--hover-play:running;--orientation:tangent;--start-angle:0;--offset-x:0px;--offset-y:0px;--content-width:800px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:40px 20px;background:#f0f0f0;overflow:hidden;box-sizing:border-box}
.nb4oi-orbit{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translate(var(--offset-x),var(--offset-y))}
.nb4oi-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:nb4oi-spin var(--speed) linear infinite;animation-direction:var(--direction);animation-play-state:var(--play)}
.nb4oi-slot{position:absolute;left:calc(var(--cos) * var(--radius));top:calc(var(--sin) * var(--radius));width:var(--image-size);height:var(--image-size);transform:translate(-50%,-50%)}
.nb4oi-angle{width:100%;height:100%;transform:rotate(var(--angle))}
.nb4oi-picture{width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px rgba(0,0,0,.1)}
.nb4oi .nb4oi-picture img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;border:0;border-radius:0}
.nb4oi[data-orientation="upright"] .nb4oi-picture{animation:nb4oi-counter var(--speed) linear infinite;animation-direction:var(--direction);animation-play-state:var(--play)}
.nb4oi[data-hover-pause="yes"]:hover .nb4oi-ring,.nb4oi[data-hover-pause="yes"]:hover .nb4oi-picture{animation-play-state:paused}
.nb4oi-content{position:relative;z-index:1;width:100%;max-width:var(--content-width);text-align:center;pointer-events:none}
.nb4oi .nb4oi-title{font-family:"Beatrice Trial",sans-serif;font-size:70px;line-height:.95;font-weight:900;letter-spacing:-2px;color:#030303;margin:0 0 40px;overflow-wrap:break-word}
.nb4oi .nb4oi-description{font-size:18px;line-height:1.6;color:#2a2119;margin:0 0 30px;overflow-wrap:break-word}
.nb4oi .nb4oi-button{display:inline-block;box-sizing:border-box;padding:22px 50px;background:#20a7df;color:#fff;text-decoration:none;border-radius:100px;font-weight:700;text-transform:uppercase;transition:transform .3s ease,background-color .3s ease,color .3s ease;pointer-events:auto;line-height:1.3;max-width:100%;overflow-wrap:break-word}
.nb4oi a.nb4oi-button:hover{transform:scale(1.05);color:#fff}
.nb4oi a.nb4oi-button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@keyframes nb4oi-spin{to{transform:rotate(360deg)}}
@keyframes nb4oi-counter{to{transform:rotate(-360deg)}}
@media(max-width:1024px){.nb4oi .nb4oi-title{font-size:58px}}
@media(max-width:767px){.nb4oi .nb4oi-title{font-size:38px;letter-spacing:-1px;line-height:1.05}.nb4oi .nb4oi-button{padding:18px 30px}}
@media(prefers-reduced-motion:reduce){.nb4oi-ring,.nb4oi .nb4oi-picture{animation:none!important}.nb4oi .nb4oi-button{transition:none}.nb4oi a.nb4oi-button:hover{transform:none}}
