.intro-bg{align-items:center;background-color:#1a1a1a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1.5s ease-in-out,visibility 1.5s;width:100vw;z-index:1000}.intro-bg.fade-out{opacity:0;pointer-events:none;visibility:hidden}.light-up-button{font-family:Tahoma,Arial,serif;-webkit-tap-highlight-color:transparent;animation:pulse 2s infinite;background-color:#fff;border:none;border-radius:50px;box-shadow:0 0 15px #ffffff4d;color:#1a1a1a;cursor:pointer;font-size:1.25rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.light-up-button:hover{background-color:#f0f0f0;box-shadow:0 0 25px #ffffff80;transform:scale(1.05)}.light-up-button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (prefers-reduced-motion:reduce){.light-up-button{animation:none}}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}main{background:#f5f5f5}.content{height:100vh}.sound-btn{--sound-bar-delay-step:.14s;-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:2px;height:48px;justify-content:center;left:20px;padding:0;position:fixed;top:20px;transition:transform .2s;width:56px;z-index:1}.sound-btn:hover{transform:scale(1.05)}.sound-btn:focus-visible{outline:2px solid #6b7280;outline-offset:4px}.sound-btn__bar{background:#6b7280;border-radius:1px;box-shadow:0 1px 3px #00000059;height:32px;transform:scaleY(.3);transform-origin:center bottom;width:1px}.sound-btn--on .sound-btn__bar{animation:sound-bar 8s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--bar-i, 0)*var(--sound-bar-delay-step))}@media (prefers-reduced-motion:reduce){.sound-btn--on .sound-btn__bar{animation-duration:12s}}.sound-btn--off .sound-btn__bar{animation:none;opacity:.6;transform:scaleY(.25)}@keyframes sound-bar{0%,to{transform:scaleY(.3)}20%{transform:scaleY(.55)}40%{transform:scaleY(.88)}50%{transform:scaleY(1)}60%{transform:scaleY(.78)}80%{transform:scaleY(.5)}}.demo-audio-wrap{height:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;width:0}.demo-audio{height:0;width:0}:root{--circle-size:400px;--item-size:70px;--orbit-radius:calc(var(--circle-size)*.325);--hover-scale:1.5}@media (max-width:768px){:root{--circle-size:85vw;--item-size:45px}}.circle-layout-wrapper{height:var(--circle-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--circle-size)}.orbit-container{background:#ffffffb3;border-radius:50%;height:100%;position:relative;width:100%;z-index:2}.orbit-container:after,.orbit-container:before{border:2px solid #000;border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-container:before{height:90%;width:90%}.orbit-container:after{height:40%;width:40%}.orbit-item{align-items:center;border-radius:50%;display:flex;height:var(--item-size);justify-content:center;left:50%;position:absolute;top:50%;transition:transform .3s ease-in-out;width:var(--item-size);z-index:3;-webkit-tap-highlight-color:transparent}.orbit-item-clickable{cursor:pointer}.orbit-item--center{--x-pos:0px;--y-pos:0px;transform:translate(-50%,-50%) scale(var(--scale,1))}.orbit-item:not(.orbit-item--center){--x-pos:calc(var(--orbit-radius)*cos(var(--angle)));--y-pos:calc(var(--orbit-radius)*sin(var(--angle)));transform:translate(-50%,-50%) translate(var(--x-pos),var(--y-pos)) scale(var(--scale,1))}.orbit-item.hovered{--scale:var(--hover-scale);z-index:20}.orbit-item-icon{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.orbit-item-card{background:#fff;border-radius:.5rem;box-shadow:0 .25rem .75rem #0000001a;left:50%;opacity:0;padding:.75rem;pointer-events:none;position:absolute;text-align:center;top:100%;transition:all .25s ease;visibility:hidden;width:400px;z-index:30;--counter-x:0px;--offset-y:10px;transform:translate(calc(-50% + var(--counter-x)),var(--offset-y))}.hovered>.orbit-item-card{opacity:1;visibility:visible;--offset-y:0}.orbit-item-card h3{color:#333;font-size:1rem;margin:0 0 .5rem}.orbit-item-card p{color:#666;font-size:.75rem;margin:0}.orbit-item--tl{--angle:-126deg;margin-left:.3rem}.orbit-item--tr{--angle:-54deg;margin-left:.3rem}.orbit-item--bl{--angle:162deg;margin-left:.3rem}.orbit-item--br{--angle:18deg}.orbit-item--bottom{--angle:90deg}.ripples-container{inset:0;pointer-events:none;position:absolute;z-index:1}.ripple{animation:rippleEffect 5s linear infinite alternate;background:#2f2f2f;border:2px solid #000;border-radius:50%;height:calc(var(--circle-size) + var(--nth-ripple)*100px);left:50%;opacity:.04;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--circle-size) + var(--nth-ripple)*100px);will-change:transform}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.5)}}@media (min-width:769px){.orbit-item--bl .orbit-item-card,.orbit-item--bottom .orbit-item-card,.orbit-item--br .orbit-item-card{bottom:100%;top:auto;--offset-y:-10px}}@media (min-width:768px) and (max-height:600px){.orbit-item--bl .orbit-item-card,.orbit-item--br .orbit-item-card{--offset-y:30px}.orbit-item--center .orbit-item-card{--offset-y:-50px}}@media (max-width:768px){.orbit-item-card{width:calc(80vw/var(--hover-scale));--counter-x:calc(var(--x-pos)*-1/var(--hover-scale))}.orbit-item--bottom .orbit-item-card{bottom:100%;top:auto;--offset-y:-10px}.orbit-item-card h3{font-size:.8rem;margin-bottom:.25rem}.orbit-item-card p{font-size:.7rem;line-height:1.2}}.iframe-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:2000}.iframe-overlay.active{opacity:1;visibility:visible}.iframe-container{aspect-ratio:16/9;background:transparent;border-radius:.75rem;box-shadow:0 10px 30px #00000080;flex-shrink:0;overflow:hidden;position:relative;transform:scale(.9);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:min(1200px,90vw,calc(177.77778vh - 3.55556rem))}.iframe-overlay.active .iframe-container{transform:scale(1)}.iframe-container iframe{border:none;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.close-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffffe6;border:none;border-radius:.5rem;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;left:20px;position:absolute;top:2rem;transition:all .2s;width:30px;z-index:2001}.close-button:hover{background:#fff;color:#ff4d4d;transform:scale(1.1)}.close-button--hidden{opacity:0;pointer-events:none;visibility:hidden}@media (min-width:769px){.iframe-overlay--flow .close-button{top:2.5rem}}.iframe-legend{background:#00000080;border-radius:.5rem;bottom:1.25rem;color:#ffffffe6;font-size:.875rem;left:50%;margin:0;max-width:90%;padding:.5rem 1rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:2001}@media (max-width:768px){.iframe-container{width:min(95vw,calc(177.77778vh - 3.55556rem))}.iframe-legend{bottom:1rem;font-size:.8125rem}}.rotate-hint-overlay{align-items:center;background:#00000080;cursor:pointer;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:2002}.rotate-hint-card{background:#fffffff2;border-radius:.75rem;box-shadow:0 10px 40px #0000004d;color:#1a1a1a;cursor:default;max-width:320px;padding:1.5rem;text-align:center}.rotate-hint-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.rotate-hint-subtitle{color:#444;font-size:.9375rem;margin:0 0 1rem}.rotate-hint-icon{color:#333;height:56px;margin:0 auto 1rem;width:80px}.rotate-hint-icon svg{height:100%;width:100%}.rotate-hint-dismiss{-webkit-tap-highlight-color:transparent;background:transparent;border:1px solid #ccc;border-radius:.5rem;color:#555;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s,color .2s}.rotate-hint-dismiss:hover{background:#f0f0f0;color:#333}