.hp-online-intro{max-width:840px;margin:24px 0 40px;font-size:19px;line-height:1.6}.hp-camera-filters{width:max-content;margin-bottom:32px}.hp-camera-filters small{opacity:.5;margin-left:10px}.hp-camera-grid{grid-template-columns:repeat(3,1fr);gap:40px 24px;display:grid}.hp-camera-card{min-width:0}.hp-camera-poster{background:var(--paper);aspect-ratio:16/9;border:0;width:100%;padding:0;position:relative;overflow:hidden}.hp-camera-poster img{object-fit:cover;width:100%;height:100%}.hp-camera-badge{background:var(--bg);padding:8px 12px;font-size:11px;position:absolute;top:14px;left:14px}.hp-camera-badge.live:before{content:"";background:#53a16b;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hp-camera-play{background:var(--accent);place-content:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-camera-poster:hover .hp-camera-play{background:var(--ink);color:var(--accent)}.hp-camera-info>div:first-child{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.hp-camera-info h3{text-transform:uppercase;margin:20px 0 10px;font-size:17px}.hp-camera-info b{white-space:nowrap;font-size:13px}.hp-camera-info p{color:var(--muted);font-size:13px;line-height:1.5}.hp-camera-facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 15px;padding-top:15px;font-size:12px;display:flex}.hp-camera-backdrop{z-index:100;background:#272d2fd9;justify-content:center;align-items:safe center;padding:32px;display:flex;position:fixed;inset:0;overflow:auto}.hp-camera-viewer{background:var(--bg);width:min(1180px,100%);margin:auto;padding:28px}.hp-camera-viewer-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.hp-camera-viewer-head h2{text-transform:none;letter-spacing:-.02em;margin:10px 0 20px;font-size:24px;line-height:1.3}.hp-camera-modes{width:max-content;margin-bottom:16px}.hp-camera-screen{aspect-ratio:16/9;background:#252a2c;position:relative}.hp-camera-screen iframe,.hp-camera-screen video{object-fit:contain;border:0;width:100%;height:100%;display:block}.hp-camera-boot{pointer-events:none;position:absolute;inset:0}.hp-camera-boot img{object-fit:cover;filter:brightness(.65);width:100%;height:100%}.hp-camera-boot span{color:#fff;font-size:14px;position:absolute;bottom:20px;left:20px}.hp-camera-unavailable{color:var(--paper);text-align:center;place-content:center;padding:30px;display:grid;position:absolute;inset:0}.hp-camera-presets{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.hp-camera-presets button{border:1px solid var(--line);background:0 0;padding:12px 16px;font-size:13px}.hp-camera-presets button:hover{background:var(--accent)}.hp-camera-calendar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hp-camera-calendar label{align-items:center;gap:12px;font-size:12px;display:flex}.hp-camera-calendar input{border:1px solid var(--line);background:var(--paper);font:inherit;padding:12px}.hp-camera-calendar>span{color:var(--muted);font-size:13px}.hp-camera-viewer-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;font-size:12px;display:flex}@media (max-width:992px){.hp-camera-grid{grid-template-columns:repeat(2,1fr)}.hp-camera-viewer{padding:20px}.hp-camera-backdrop{padding:16px}}@media (max-width:575px){.hp-camera-grid{grid-template-columns:1fr}.hp-online-intro{font-size:16px}.hp-camera-filters{width:100%}.hp-camera-filters button{flex:1;padding:12px 8px}.hp-camera-viewer-head h2{font-size:17px}.hp-camera-backdrop{padding:8px}.hp-camera-viewer{padding:14px}.hp-camera-presets button{padding:10px;font-size:11px}.hp-camera-calendar label{flex-direction:column;align-items:start;gap:5px}.hp-camera-calendar>span{flex-basis:100%}.hp-camera-viewer-foot{font-size:11px}}