.security-section{padding:clamp(24px,4vw,58px);border:1px solid var(--line);border-top:0;background:#10121c;scroll-margin-top:20px}.security-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.security-heading h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95}.security-caption{color:#9eacbe;font-size:.875rem;line-height:1.6}.security-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}.security-art{border:1px solid #35394d;background:#151720;min-width:0}.security-art-header{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #35394d;font-size:.75rem;color:#a99bc1}.security-art-header span:last-child{color:var(--yellow)}.security-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;image-rendering:pixelated}.security-art>p{margin:0;padding:18px;color:#a9b3c8;line-height:1.7;font-size:.875rem;border-top:1px solid #35394d}.security-console{padding:16px;background:#171c25;border:2px solid #4b5465;box-shadow:7px 7px 0 #07090f;min-width:0}.camera-head{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;padding:0 0 14px;color:var(--green)}.camera-screen{position:relative;aspect-ratio:1.35;overflow:hidden;background:radial-gradient(ellipse,#1a2b2a,#07110f);border:1px solid #4b7168;isolation:isolate}.camera-screen::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(transparent 0,transparent 3px,#07160f55 4px);box-shadow:inset 0 0 50px #001b17aa}.camera-screen>img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:grayscale(.75) sepia(.35) hue-rotate(90deg) saturate(.8) contrast(1.15)}.camera-watermark,.camera-scene-note{position:absolute;z-index:6;color:#a5c8b9;font-size:.65rem;letter-spacing:.08em}.camera-watermark{top:14px;left:14px}.camera-scene-note{bottom:12px;right:14px}.camera-crosshair{position:absolute;z-index:6;width:18px;height:18px;border-color:#739d89;border-style:solid;pointer-events:none}.corner-tl{top:38px;left:14px;border-width:1px 0 0 1px}.corner-tr{top:38px;right:14px;border-width:1px 1px 0 0}.corner-bl{bottom:32px;left:14px;border-width:0 0 1px 1px}.corner-br{bottom:32px;right:14px;border-width:0 1px 1px 0}.camera-screen .camera-agent{z-index:4;bottom:22%;left:40%;width:48px;height:48px;filter:grayscale(.7) sepia(.3) hue-rotate(90deg);animation:camera-patrol 12s ease-in-out infinite}.camera-agent .agent-character{width:48px;height:48px;margin-top:0}.camera-frozen .camera-agent,.camera-frozen .agent-character{animation-play-state:paused!important}.camera-info{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0}.camera-info b{display:block;font-size:1rem}.camera-info span{display:block;font-size:.75rem;color:#91a99f;margin-top:8px}.camera-info button,.camera-controls button{background:#202b2b;border:1px solid #49665c;color:#bdebd4;padding:11px;font:inherit;font-size:.75rem;cursor:pointer}.camera-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.camera-tabs button{background:#101b1b;border:1px solid #3b5550;color:#8ea99e;padding:12px 4px;font:inherit;cursor:pointer}.camera-tabs button span{display:block;font-size:.65rem;margin-bottom:5px}.camera-tabs button[aria-pressed=true]{background:#244438;color:#a7ffcc;border-color:var(--green)}.camera-controls{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.camera-controls button:first-child,.camera-controls button:last-child{font-size:1.3rem;min-width:44px}.camera-controls button:nth-child(2){flex:1}.security-console button:hover{border-color:var(--green)}@keyframes camera-patrol{0%,100%{left:33%;transform:translateY(0)}50%{left:49%;transform:translateY(-8px)}}@media(max-width:900px){.security-layout{grid-template-columns:1fr}.security-art>img{max-height:460px}.security-console{max-width:650px;width:100%;justify-self:center}}@media(max-width:560px){.security-heading{align-items:start;flex-direction:column}.security-art-header{flex-wrap:wrap}.camera-screen{aspect-ratio:1.1}.camera-info{gap:8px}.camera-info b{font-size:.875rem}.security-console{padding:10px}.camera-screen .camera-agent{bottom:25%}}@media(prefers-reduced-motion:reduce){.camera-agent{animation:none!important}}
.camera-screen .camera-agent{contain:none}