/* DEV Jellyfish v0.8 Organic — DEV Core 1.0.38 mobile layering fix */
.dev-jellyfish{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible;contain:layout size}
.dev-jellyfish::before{display:none!important}
/* Keep the same scale as 1.0.30, but move the layer higher so the top bleed feels more like the right-side bleed. */
.dev-jellyfish__canvas{position:absolute;top:-12%;right:-16%;width:132%;height:114%;display:block;z-index:1;transform:none;will-change:transform}
.dev-jellyfish__fallback{position:absolute;top:-11%;right:-20%;width:100%;height:112%;display:none;object-fit:contain;object-position:72% 48%;z-index:1}
.dev-jellyfish.is-fallback .dev-jellyfish__canvas{display:none}
.dev-jellyfish.is-fallback .dev-jellyfish__fallback{display:block}
.dev-jellyfish.is-disabled{display:none!important}
@media(max-width:1180px){
  .dev-jellyfish__canvas{top:-13%;right:-20%;width:138%;height:114%}
  .dev-jellyfish__fallback{top:-12%;right:-24%;width:106%;height:112%}
}
@media(max-width:900px){
  .dev-jellyfish{inset:272px 0 auto;height:324px;opacity:.96;overflow:visible}
  .dev-jellyfish__canvas{top:-6%;right:-22%;width:138%;height:116%}
  .dev-jellyfish__fallback{top:-4%;right:-40%;width:162%;height:110%;object-fit:contain;object-position:72% 46%}
  .dev-jellyfish[data-mobile="0"]{display:none!important}
}
@media(max-width:520px){
  .dev-jellyfish{top:282px;height:296px}
  .dev-jellyfish__canvas{right:-26%;width:146%;height:116%}
  .dev-jellyfish__fallback{right:-44%;width:172%;height:110%}
}
@media(prefers-reduced-motion:reduce){.dev-jellyfish__canvas{display:none!important}.dev-jellyfish__fallback{display:block!important}}