/* Original Baynum artwork, with motion confined to decorative layers. */
.wordmark{display:flex;align-items:center;flex-shrink:0;min-height:36px}
.wordmark img{display:block;width:148px;height:auto}
.mega{width:min(100%,1300px);margin:45px 0 55px}
.mega img{display:block;width:100%;height:auto}
html.motion .mega.visible img{animation:logo-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes logo-arrive{from{opacity:0;transform:translateY(16px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
html.motion-paused .mega img{animation-play-state:paused}
@media(max-width:800px){.wordmark img{width:105px}.mega{margin:40px 0}.wordmark{min-height:28px}}
.opening,.page-top{isolation:isolate;position:relative;overflow:hidden;background:#08090d}
.atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#08090d}
.atmosphere img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8;transform:scale(1.06)}
.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090d88,transparent 80%),linear-gradient(0deg,#08090d 0%,#08090d18 55%,#08090d44)}
.page-top{min-height:720px;display:flex;flex-direction:column;justify-content:center;padding-bottom:95px}
.page-top .atmosphere img{object-position:70% center;opacity:.68}
.brand-btw .page-top .atmosphere:after{background:linear-gradient(90deg,#08090ddd,#08090d30),linear-gradient(0deg,#08090d,transparent 55%)}
.light-field{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 30%,#aa62ff25,transparent 45%),radial-gradient(ellipse at 20% 75%,#62f0dd25,transparent 45%);mix-blend-mode:screen}
.orbital-ring{position:absolute;width:70vw;height:70vw;right:-25vw;top:-20vw;border:1px solid #bfa0ff25;border-radius:50%;box-shadow:0 0 90px #875aff10,inset 0 0 90px #62f0dd08}
.brand-planet .orbital-ring{border-color:#9bfd5530;transform:rotate(-20deg) scaleY(.65)}
html.motion .atmosphere img{animation:atmosphere-drift 32s ease-in-out infinite alternate}
html.motion .light-field{animation:light-drift 20s ease-in-out infinite alternate}
@keyframes atmosphere-drift{from{transform:scale(1.06) translate(-.5%,0)}to{transform:scale(1.13) translate(1%,-1%)}}
@keyframes light-drift{to{transform:translate(4%,-3%);opacity:.55}}
.intro,.pathway,.world-directory,.creator-home,.creator-story,.explorer,.detail-columns,.watch-section{position:relative;isolation:isolate}
.intro:before,.pathway:before,.world-directory:before,.explorer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 20%,#694caa1f,transparent 55%),radial-gradient(ellipse at 0 80%,#1f8e8215,transparent 55%)}
.brand-planet .explorer:before{background:radial-gradient(ellipse at 95% 20%,#7cc62b18,transparent 60%)}
.workshop{position:relative;isolation:isolate;background:#e9edf0;background-image:radial-gradient(ellipse at 100% 0,#64d5cf35,transparent 50%),linear-gradient(125deg,#f1f4f7,#dce5eb)}
html.motion-paused .atmosphere img,html.motion-paused .light-field{animation-play-state:paused}
@media(max-width:800px){.page-top{min-height:660px}.atmosphere img{object-position:65% center}.atmosphere:after{background:linear-gradient(0deg,#08090d 0%,#08090d55 50%,#08090d55)}.orbital-ring{width:130vw;height:130vw;right:-70vw;top:5vw}.page-top .atmosphere img{opacity:.5}}
@media(prefers-reduced-motion:reduce){.atmosphere img,.light-field{animation:none!important;transform:none}.orbital-ring{box-shadow:none}}