/* Synced from the shared portfolio case background. */

.atmosphere{position:fixed;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none;background:none;contain:strict;opacity:.58}
.atmosphere .case-cloud-field{display:block;width:100%;height:100%;filter:blur(3px)}
.atmosphere .case-cloud-field[hidden]{display:none}
.atmosphere[data-cloud-state="fallback"]::before{content:'';position:absolute;inset:-32px;background:url('case-cloud-fallback.svg?v=coherent-cloud-20260930') repeat;background-size:1200px 900px;filter:blur(3px);animation:case-fog-fallback 40s linear infinite}
@keyframes case-fog-fallback{from{background-position:0 0}to{background-position:1200px -900px}}
.atmosphere[data-paused]::before{animation-play-state:paused}


@media(max-width:760px){.atmosphere .case-cloud-field,.atmosphere[data-cloud-state="fallback"]::before{filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){.atmosphere::before{animation:none}}