/* Reuse the site's hero and existing Particle product images. */
.particle-hero .wrap{max-width:1280px;gap:44px}
.particle-hero .inner{padding:88px 0 80px}
.particle-hero .case-sharing-note{margin-left:0;margin-right:0}
.particle-hero-screens{position:relative;flex:0 0 47%;min-width:0;aspect-ratio:1/1.05;margin:48px 0}
.particle-hero-screen{position:absolute;margin:0;overflow:hidden;border:1px solid #d4dbea;border-radius:12px;background:#fff;box-shadow:0 24px 44px -12px #192c5b70,0 6px 14px #192c5b24}
.particle-hero-screen figcaption{padding:8px 13px;font-size:12px;font-weight:650;color:#343754;border-bottom:1px solid #d4dbea;line-height:1.5;background:#fff}
.particle-hero-screen img{display:block;width:100%;height:auto}
.particle-hero-admin{width:90%;top:0;left:0;z-index:1}
.particle-hero-reports{width:80%;top:48%;left:0;z-index:2}
.particle-hero-mobile{width:29%;top:22%;right:0;z-index:3}
@media(max-width:1024px){.particle-hero .wrap{gap:0}.particle-hero .inner{padding:64px 0 30px;max-width:840px}.particle-hero-screens{flex:none;width:100%;max-width:560px;align-self:center;margin:8px 0 56px}}
@media(max-width:600px){.particle-hero .inner{padding-top:54px}.particle-hero-screens{margin-bottom:40px}.particle-hero-screen{border-radius:9px}.particle-hero-screen figcaption{font-size:11px;padding:6px 10px}}

/* The logo overlay is positioned against the report image, not its caption. */
.particle-report-image{position:relative}
.particle-report-logo-blur{position:absolute;left:1%;top:0;width:16%;height:11%;background:#5b7e92;border-radius:3px;pointer-events:none}
@supports(backdrop-filter:blur(1px)){
 .particle-report-logo-blur{background:#5b7e92b3;backdrop-filter:blur(9px)}
}
@media(prefers-reduced-motion:no-preference){
 .particle-hero-admin{animation:particleScreenFloat 7s ease-in-out infinite}
 .particle-hero-reports{animation:particleScreenFloat 8s ease-in-out -2s infinite}
 .particle-hero-mobile{animation:particleScreenFloat 6s ease-in-out -3s infinite}
}
@keyframes particleScreenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
