/* One live particle field shared by sections 02 and 03; no hero dots. */
body{isolation:isolate;background:#07151d}
.site-dot-backdrop{position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none;background:#07151d}
.site-dot-backdrop img,.site-dot-backdrop canvas{position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;opacity:var(--site-dot-opacity,0);transition:opacity .35s ease;mask-image:var(--dot-section-mask,linear-gradient(transparent,transparent))}
.site-dot-backdrop canvas{display:none}
.site-dot-backdrop[data-renderer="ready"] canvas{display:block}
.site-dot-backdrop[data-renderer="ready"] img{visibility:hidden}
/* Specific selectors also override the later journey stylesheet. */
#experience,#product-finder,#brand-story,#news{background:transparent}
#news::before{display:none;animation:none}
#experience .hero-dot-texture,#brand-story .story-print-texture{display:none}
#experience .atmosphere{opacity:.38;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
#experience .vignette{mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
#scene{mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}
#product-finder .finder-blueprint{opacity:.06}
@media(max-width:700px){.site-dot-backdrop img,.site-dot-backdrop canvas{opacity:calc(var(--site-dot-opacity,.5)*.8)}}
@media(prefers-reduced-motion:reduce){.site-dot-backdrop img,.site-dot-backdrop canvas{transition:none}}