/* ThreeUI Community source adaptations; see threeui-effects-sources.json. */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero>.oc-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.55;mask-image:linear-gradient(90deg,transparent 5%,#000 55%,transparent 100%)}
.oc-title-line{display:inline-block;animation:oc-title-arrive .85s cubic-bezier(.16,1,.3,1) both}
.oc-title-line:nth-child(2){animation-delay:.12s}
.hero h1 .oc-title-first{color:inherit}
@keyframes oc-title-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#home-music .music-widget-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-audio-mark{width:46px;height:26px;flex:0 0 46px;color:var(--orange);opacity:.45;transition:opacity .25s}
#home-music[data-playing=true] .oc-audio-mark{opacity:1}
@media(prefers-reduced-motion:reduce){.oc-title-line{animation:none}.oc-audio-mark{transition:none}}