#monitoringPage.demolition-page{
  --dem-bg:#080808;--dem-panel:#111;--dem-panel-2:#171717;--dem-line:#2b2b2b;
  --dem-text:#f5f4f0;--dem-muted:#aaa9a4;--dem-gold:#e7b63f;--dem-black:#090909;
  background:var(--dem-bg);color:var(--dem-text);overflow:hidden
}
.monitoring-page .dem-hero-visual img{object-position:center 52%}
.monitoring-continuity{padding:0 0 76px;background:var(--dem-bg)}
.monitoring-continuity-card{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:40px;align-items:start;padding:31px 34px;border:1px solid #e7b63f55;background:linear-gradient(115deg,#e7b63f12,#fff1 45%,transparent)}
.monitoring-continuity-card .dem-eyebrow{margin-bottom:12px}
.monitoring-continuity-card h2{max-width:520px;margin:0;font-size:clamp(25px,3.3vw,38px);line-height:1.12;letter-spacing:-.045em}
.monitoring-continuity-card>p{margin:0;color:var(--dem-muted);font-size:14px;line-height:1.8}
.monitor-videos-section{padding:76px 0 84px;background:#101010;border-block:1px solid #222}
.monitor-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.monitor-video-card{min-width:0;border:1px solid var(--dem-line);background:var(--dem-panel)}
.monitor-video-frame{aspect-ratio:16/9;background:#050505}
.monitor-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#050505}
.monitor-video-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;align-items:center;padding:16px 18px 8px;color:var(--dem-text);font-size:13px}
.monitor-video-meta>span{color:var(--dem-gold);font-weight:800;font-variant-numeric:tabular-nums}
.monitor-video-meta small{grid-column:1/-1;color:var(--dem-muted);font-size:11px;line-height:1.5}
.monitor-video-meta a{grid-column:1/-1;color:var(--dem-gold);font-weight:800;text-decoration:none}
.monitor-video-meta a:hover{text-decoration:underline}
.monitor-music-note{margin:0;padding:0 18px 16px;color:var(--dem-muted);font-size:11px;line-height:1.5}
.monitoring-gallery{grid-auto-rows:clamp(190px,20vw,280px)}
.monitoring-photo-card{margin:0}
.monitoring-photo-card figcaption{position:absolute;z-index:1;right:13px;bottom:13px;left:13px;color:#fff;font-size:11px;font-weight:700;line-height:1.45;text-shadow:0 1px 8px #000}
.monitoring-screenshot-card img{object-position:top center}
.monitor-contact-details{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:17px}
.monitor-contact-details a{color:var(--dem-gold);font-size:13px;font-weight:800;text-decoration:none}
.monitor-contact-details a:hover{text-decoration:underline}
.monitor-back{padding:0 0 40px}
.monitor-back a{color:var(--dem-muted);font-size:12px;text-decoration:none}
.monitor-back a:hover{color:var(--dem-gold)}
.monitoring-noscript{padding-block:55px}
.monitoring-noscript h1{font-size:clamp(38px,7vw,72px);line-height:1.05}
.monitoring-noscript p{max-width:760px;color:var(--dem-muted);line-height:1.8}
.monitoring-noscript a{color:var(--dem-gold)}
html[data-theme="light"] #monitoringPage.demolition-page{--dem-bg:#f7f6f2;--dem-panel:#fff;--dem-panel-2:#f0eee8;--dem-line:#dedbd4;--dem-text:#171717;--dem-muted:#5d5b56;--dem-gold:#aa7a1b;--dem-black:#090909;background:var(--dem-bg);color:var(--dem-text)}
html[data-theme="light"] .monitoring-continuity{background:var(--dem-bg)}
html[data-theme="light"] .monitoring-continuity-card{border-color:#d2bc81;background:linear-gradient(115deg,#b7812612,#fff8 45%,transparent)}
html[data-theme="light"] .monitor-videos-section{background:#eeece6;border-color:#dedbd4}
html[data-theme="light"] .monitor-video-card{background:#fff;border-color:#d6d2c9}
html[data-theme="light"] .monitor-video-meta{color:#171717}
@media(max-width:1000px){
  .monitor-video-grid{grid-template-columns:1fr}
  .monitoring-gallery{grid-auto-rows:clamp(175px,24vw,245px)}
}
@media(max-width:900px){
  .monitoring-continuity-card{grid-template-columns:1fr;gap:14px}
}
@media(max-width:600px){
  .monitoring-continuity{padding-bottom:55px}
  .monitoring-continuity-card{gap:12px;padding:22px 17px}
  .monitoring-continuity-card>p{font-size:12px;line-height:1.7}
  .monitor-videos-section{padding:55px 0 60px}
  .monitor-video-meta{padding:13px 13px 8px;font-size:11px}
  .monitor-music-note{padding:0 13px 13px}
  .monitoring-gallery{grid-auto-rows:clamp(160px,42vw,220px)}
  .monitoring-photo-card figcaption{right:9px;bottom:9px;left:9px;font-size:9px}
  .monitor-contact-details{display:grid;gap:10px}
}