.transition-overlay{z-index:99999;pointer-events:all;opacity:1;will-change:opacity;background-color:#050505;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;inset:0}.transition-overlay.fade-out{opacity:0;pointer-events:none}.transition-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.transition-breathing-bg{z-index:1;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#ffffff0e 0%,#0000 62%);animation:5.5s ease-in-out infinite bg-breath;position:absolute;inset:0}.transition-ring-wrapper{opacity:1;will-change:opacity, transform;z-index:2;justify-content:center;align-items:center;width:240px;height:240px;transition:opacity .4s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-ring-wrapper.hide{opacity:0;transform:translate(-50%,-50%)scale(.8)}.transition-ring{width:100%;height:100%;animation:4s linear infinite transition-spin}.transition-ring circle{fill:none;stroke:#ffffff0f;stroke-width:1.5px}.transition-ring circle.progress{stroke:#fffc;stroke-dasharray:750;stroke-dashoffset:560px;stroke-linecap:round;filter:drop-shadow(0 0 8px #ffffff59);animation:2s ease-in-out infinite alternate transition-dash}.transition-logo-box{will-change:top, left, width, height, transform;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.transition-logo-box img{object-fit:contain;width:100%;height:100%}.transition-logo-box.pulse img{animation:2.2s ease-in-out infinite logo-pulse}.transition-wordmark-box{will-change:top, left, width, height, transform;z-index:9;justify-content:center;align-items:center;display:flex;position:absolute}.transition-wordmark-box .wordmark-img{opacity:1;background:url(/brand/atmos-wordmark.svg) 50%/contain no-repeat;width:100%;height:100%}.transition-wordmark-box.fade-in .wordmark-img{animation:1.8s cubic-bezier(.16,1,.3,1) forwards wordmark-reveal}body.intro-active #header-logo,body.intro-active .brand-label,body.intro-active .nav-links,body.intro-active #hero-wordmark{opacity:0!important;pointer-events:none!important}@keyframes transition-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes transition-dash{0%{stroke-dashoffset:730px}50%{stroke-dashoffset:250px}to{stroke-dashoffset:730px}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #ffffff38);transform:scale(1.06)}}@keyframes wordmark-reveal{0%{filter:blur(16px)drop-shadow(0 0 #fff0);opacity:0;transform:scale(.96)}to{filter:blur()drop-shadow(0 0 12px #ffffff2e);opacity:.95;transform:scale(1)}}@keyframes bg-breath{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.85;transform:scale(1.16)}}