/* Shared base for right-side variations.
   Left half is locked to the C2 baseline. Right half is per-variant.
*/
:root {
  --bg: #000;
  --fg: #e0e0e0;
  --orange: #e47f6b;
  --orange-rgb: 228, 127, 107;
  --green: #8ae7c8;
  --fg-muted: #666;
  --fg-dim: #333;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; height: 100%;
  background: var(--bg); color: var(--fg);
  font-family: 'Helvetica Neue', Helvetica, 'Arial Narrow', Arial, sans-serif;
  overflow: hidden;
}
.frame {
  position: fixed; inset: 0;
  display: grid; grid-template-columns: minmax(280px, 38%) 1fr;
}
.left {
  position: relative;
  border-right: 1px solid rgb(var(--orange-rgb) / 0.15);
  overflow: hidden;
}
.right { overflow: hidden; background: var(--bg); position: relative; }

/* corner brackets */
.frame-tl, .frame-tr, .frame-bl, .frame-br {
  position: fixed; width: 16px; height: 16px;
  border: 1.5px solid var(--orange);
  pointer-events: none; z-index: 100; opacity: 0.5;
}
.frame-tl { top: 16px; left: 16px;    border-right: none; border-bottom: none; }
.frame-tr { top: 16px; right: 16px;   border-left: none;  border-bottom: none; }
.frame-bl { bottom: 16px; left: 16px; border-right: none; border-top: none; }
.frame-br { bottom: 16px; right: 16px;border-left: none;  border-top: none; }

/* C2 baseline name treatment — locked */
.l1, .l2 {
  position: absolute; margin: 0;
  font-weight: 800;
  font-size: clamp(72px, 11vh, 152px);
  letter-spacing: -0.04em;
  line-height: 0.82;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fg);
}
.l1 { left: 35%; top: 64%; transform: translate(-50%, -50%) rotate(-90deg); }
.l2 { left: 60%; top: 36%; transform: translate(-50%, -50%) rotate(-90deg); color: var(--orange); }

/* version label */
.vlabel {
  position: fixed; top: 14px; left: 50%; transform: translateX(-50%);
  font-family: 'Courier New', monospace; font-size: 10px;
  letter-spacing: 0.3em; color: var(--orange);
  text-transform: uppercase; z-index: 200;
}

/* utility */
.mono { font-family: 'Courier New', 'Lucida Console', monospace; }