.trinity-coverage-section {
      scroll-margin-top: 72px;
      position: relative;
      z-index: 8;
      width: 100%;
      min-height: 0;
      background: #000;
      pointer-events: auto;
    }

    .trinity-coverage-shell {
      position: relative;
      width: 100%;
      height: auto;
      overflow: visible;
      background: #000;
      border-top: 1px solid rgba(217, 210, 201, 0.12);
      border-bottom: 1px solid rgba(217, 210, 201, 0.12);
    }

    .trinity-viewer-panel,
    .trinity-video-panel,
    .coverage-panel {
      position: relative;
      inset: auto;
      width: 100%;
      height: calc(100vh - 72px);
      min-height: 620px;
      overflow: hidden;
      opacity: 1;
      transform: none;
      border-bottom: 1px solid rgba(217, 210, 201, 0.12);
    }

    .trinity-viewer-panel {
      opacity: 1;
      background: radial-gradient(circle at 54% 42%, #0d0f10 0%, #040505 48%, #000 80%);
    }

    .trinity-video-panel {
      position: relative;
      z-index: 3;
      pointer-events: none;
    }

    .coverage-panel {
      z-index: 4;
      background: radial-gradient(circle at 50% 46%, #121311 0%, #050505 72%, #000 100%);
      pointer-events: auto;
    }

    .trinity-viewer-panel::after,
    .coverage-panel::after {
      content: '';
      position: absolute;
      inset: clamp(18px, 3vw, 48px);
      z-index: 4;
      pointer-events: none;
      background:
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) left top / 72px 1px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) left top / 1px 72px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) right top / 72px 1px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) right top / 1px 72px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) left bottom / 72px 1px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) left bottom / 1px 72px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) right bottom / 72px 1px no-repeat,
        linear-gradient(rgba(217,210,201,.72), rgba(217,210,201,.72)) right bottom / 1px 72px no-repeat;
    }

    #trinity-viewer-canvas {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      pointer-events: none;
      touch-action: auto;
      cursor: default;
    }

    .viewer-copy,
    .coverage-copy {
      position: absolute;
      z-index: 5;
      left: clamp(36px, 6vw, 104px);
      bottom: clamp(40px, 8vh, 96px);
      pointer-events: none;
    }

    .viewer-copy span,
    .coverage-copy span {
      display: block;
      margin-bottom: 10px;
      font-size: clamp(9px, 1vw, 12px);
      color: #aaa39a;
    }

    .viewer-copy strong {
      display: block;
      font-size: clamp(62px, 9vw, 144px);
      line-height: 0.82;
      color: #f4eee6;
    }

    .viewer-specs {
      display: flex;
      flex-wrap: wrap;
      gap: 14px clamp(22px, 3vw, 48px);
      margin-top: 24px;
    }

    .viewer-spec {
      display: grid;
      grid-template-columns: auto auto;
      grid-template-rows: auto auto;
      column-gap: 9px;
      align-items: center;
      min-width: max-content;
    }

    .viewer-spec i {
      grid-row: 1 / 3;
      font-family: 'Roboto Mono', monospace;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      color: #747a7d;
    }

    .viewer-spec b {
      font-family: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
      font-size: clamp(22px, 2.3vw, 38px);
      font-weight: 600;
      line-height: 0.9;
      letter-spacing: 0.025em;
      color: #f4eee6;
    }

    .viewer-spec small {
      margin-top: 4px;
      font-family: 'Roboto Mono', monospace;
      font-size: 8px;
      font-weight: 300;
      letter-spacing: 0.11em;
      text-transform: uppercase;
      color: #8d8780;
    }


.viewer-copy strong { font-family: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
@media(max-width:900px) {
.trinity-viewer-panel { height:calc(100svh - 72px); min-height:620px; }
.viewer-copy { left:34px; bottom:48px; max-width:calc(100vw - 68px); }
.viewer-copy strong { font-size:clamp(58px,19vw,92px); }
.viewer-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 20px; margin-top:20px; }
.viewer-spec { min-width:0; }
.viewer-spec b { font-size:25px; }
.nav-logo .logo-icon { width:100%; }
}