/* The 3D logo belongs only to the homepage opening. */
.brand-home{position:relative;display:inline-flex;flex-shrink:0}
.logo-model-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:3px;cursor:pointer}
.logo-model-toggle:hover{box-shadow:0 0 0 5px #f2ad5518}
.logo-model-toggle[aria-expanded="true"]{box-shadow:0 0 0 2px #f2ad5580}
.logo-model-stage{position:relative;width:320px;height:190px;margin:-90px 0 18px 0;isolation:isolate}
.logo-model-stage model-viewer{display:block;width:100%;height:100%;background:transparent;--progress-bar-color:#f2ad55;--progress-bar-height:2px;--poster-color:transparent}
.logo-model-status{position:absolute;inset:35px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:14px;color:#e3eaf0;pointer-events:none}
.logo-model-retry{pointer-events:auto;font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:40px}
.hero.has-logo-model{min-height:940px;max-height:none}
@media(min-width:761px) and (max-width:1100px){.logo-model-toggle{width:35px;height:40px}}
@media(min-width:761px) and (max-width:1050px){.logo-model-toggle{width:40px;height:44px}}
@media(max-width:760px){
 .logo-model-toggle{width:34px;height:44px}
 .logo-model-stage{width:min(280px,calc(100% - 32px));height:155px;margin:-50px 0 20px 0}
 .hero.has-logo-model{min-height:900px}
}
@media(max-width:380px){.logo-model-toggle{width:30px}}