/* Deliberately scoped to the hero. No typography, theme, navigation or layout resets. */
.cp-hero-mounted .cp-hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cp-hero-mounted .cp-hero-traffic{mix-blend-mode:screen}
.cp-hero-mounted .cp-hero-control{position:absolute;left:5vw;bottom:4vh;z-index:5;border:1px solid #ffffff38;border-radius:999px;background:#04070947;color:#fff8e9c9;padding:7px 12px;font:11px var(--font-geist-mono),monospace;display:flex;align-items:center;gap:9px;cursor:pointer}
.cp-hero-mounted .cp-hero-control:focus-visible{outline:2px solid #ffd06e;outline-offset:4px}
.cp-hero-mounted .cp-hero-control:disabled{cursor:default;opacity:.65}
.cp-hero-mounted .cp-hero-control[hidden],.cp-hero-mounted .cp-hero-canvas[hidden]{display:none!important}
.cp-hero-mounted .cp-hero-camera{animation:cp-hero-camera-drift 65s ease-in-out infinite alternate}
.cp-hero-paused .cp-hero-camera,.cp-hero-idle .cp-hero-camera{animation-play-state:paused!important}
@keyframes cp-hero-camera-drift{from{transform:scale(1.01)}to{transform:scale(1.055) translate(-.25%,.1%)}}
@media(max-width:640px){.cp-hero-mounted .cp-hero-control{left:auto;right:20px;top:100px;bottom:auto}.cp-hero-mounted .cp-hero-control-label{display:none}}
@media(prefers-reduced-motion:reduce){.cp-hero-mounted .cp-hero-camera{animation:none!important}}