.camera-main{background:radial-gradient(circle at 12% 0%,rgba(36,214,164,.16),transparent 28%),linear-gradient(160deg,#071827,#0c3342 48%,#edf8fa 48.2%,#f4fafb 100%)}.camera-hero{min-height:410px;padding:82px max(22px,calc((100vw - 1220px)/2)) 110px;color:#fff}.camera-hero h1{margin:12px 0 20px;font-size:clamp(3.2rem,7vw,6.6rem);line-height:.95;letter-spacing:-.06em}.camera-hero>p:not(.eyebrow){max-width:760px;color:#c5dee7;font-size:1.15rem}.camera-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;color:#c9e0e8}.camera-status{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07)}.camera-status>span{width:10px;height:10px;border-radius:50%;background:#ffcf55;box-shadow:0 0 0 5px rgba(255,207,85,.13)}.camera-status[data-state="online"]>span{background:#24d6a4;box-shadow:0 0 0 5px rgba(36,214,164,.13)}.camera-status[data-state="offline"]>span{background:#ff657d;box-shadow:0 0 0 5px rgba(255,101,125,.13)}.camera-section{padding:74px max(22px,calc((100vw - 1220px)/2))}.camera-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.camera-heading h2{margin:8px 0 0;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em}.camera-frame{position:relative;margin:0;overflow:hidden;border:1px solid #cae1e6;border-radius:24px;background:#071827;box-shadow:var(--shadow);line-height:0}.camera-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;background:transparent}.camera-placeholder{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px;text-align:center;line-height:1.5;color:#d8edf3;background:radial-gradient(circle at 50% 30%,rgba(39,214,234,.14),transparent 35%),#071827}.camera-placeholder strong{font-size:1.35rem}.camera-placeholder span{max-width:650px;color:#9fc2ce}.camera-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0}.camera-metadata>div{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.camera-metadata dt{font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#58727e}.camera-metadata dd{margin:7px 0 0;font-weight:800;color:#14242d}.camera-video{color:#fff;background:radial-gradient(circle at 88% 10%,rgba(36,118,255,.18),transparent 32%),linear-gradient(160deg,#071827,#102c3a)}.video-player-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#02080d;box-shadow:0 26px 85px rgba(0,0,0,.34)}.video-player{position:absolute;inset:0;width:100%;height:100%;border:0}.video-note{margin:16px 2px 0;color:#afcbd6}.camera-main .button.secondary{cursor:pointer}.camera-main .button.secondary:focus-visible{outline:3px solid #27d6ea;outline-offset:3px}@media(max-width:760px){.camera-hero{padding-top:64px;padding-bottom:88px}.camera-status-row{align-items:flex-start;flex-direction:column}.camera-heading{align-items:flex-start;flex-direction:column}.camera-placeholder{min-height:260px}.camera-metadata{grid-template-columns:1fr}.camera-section{padding-top:58px;padding-bottom:58px}.video-player-shell{border-radius:16px}}