.pgc-brief {
        --r: clamp(34px, min(100vw, 100svh) * 0.042, 54px);
        --sx: calc(var(--r) * 1.7320508);
        --hx: calc(var(--sx) / 2);
        --cols: 28;
        --c1: 5;
        --c2: 5;
        --c3: 6;
        --c4: 8;
        --c5: 4;
        --nm: 16;
        --ns: 11;
        --k1: 8;
        --k2: 11;
        --k3: 9;
        --measure: calc(var(--cols) * var(--hx));
        --pgc-node-lift: 18px;
        --rail: clamp(18px, 2.1vh, 24px);
        --ctrl: clamp(46px, 5vh, 58px);
        --rule: rgba(21, 21, 21, 0.3);
        --rule-on: rgba(21, 21, 21, 0.46);
        --wall: rgba(21, 21, 21, 0.13);
        isolation: auto;
      }

      @media (min-width: 1051px) {
        .pgc-brief .pgc-frame {
          display: grid;
          width: 100%;
          min-height: 100svh;
          grid-template-columns: var(--measure);
          justify-content: start;
          align-content: center;
          row-gap: clamp(30px, 5.4vh, 74px);
          padding-block: clamp(52px, 6vh, 88px) clamp(58px, 6.6vh, 96px);
          padding-inline: 4.5vw;
        }
      }

      .pgc-brief .pgc-intro {
        max-width: none;
        width: 100%;
        margin-inline: 0;
        text-align: left;
      }

      .pgc-brief .pgc-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 clamp(6px, 1.1vh, 13px);
        color: var(--signal);
        font-size: 0.8rem;
        font-weight: 750;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .pgc-brief .pgc-intro h2 {
        max-width: 20ch;
        margin: 0;
        font-size: clamp(1.85rem, 3.3vw, 3.15rem);
        font-weight: 540;
        letter-spacing: -0.05em;
        line-height: 0.94;
        text-wrap: balance;
      }

      .pgc-brief .pgc-lede {
        max-width: 60ch;
        margin: clamp(14px, 1.8vh, 22px) 0 0;
        color: rgba(21, 21, 21, 0.66);
        font-size: clamp(1rem, 1.14vw, 1.2rem);
        line-height: 1.55;
        text-wrap: pretty;
      }

      @media (min-width: 1051px) {

        .pgc-brief:not(.pgc-wired) {
          --measure: 100%;
        }
      }

      .pgc-comb {
        position: absolute;
        z-index: 0;
        inset: 0;
        display: none;
        width: 100%;
        height: 100%;
        pointer-events: none;
      }

      .pgc-feed {
        display: none;
      }

      @media (min-width: 1051px) and (prefers-reduced-motion: no-preference) {
        .pgc-feed {
          position: absolute;
          z-index: 4;
          left: 0;
          display: block;
          overflow: visible;
          pointer-events: none;
          shape-rendering: geometricPrecision;
        }

        .pgc-feed:not([viewBox]) {
          display: none;
        }

        .pgc-feed-line,
        .pgc-feed-parts path {
          fill: none;
          stroke: color-mix(in srgb, var(--ink) 20%, var(--line));
          stroke-width: 1.25;
          stroke-linecap: round;
          stroke-linejoin: round;
          opacity: 0.9;
          vector-effect: non-scaling-stroke;
          will-change: stroke-dashoffset;
          transition:
            stroke 0.5s ease,
            stroke-width 0.5s ease;
        }

        .pgc-feed-line.is-red,
        .pgc-feed-parts path.is-red {
          stroke: var(--signal);
          stroke-width: 1.5;
        }

        .pgc-feed-head {
          fill: var(--ink);
          r: 2px;
          opacity: 0;
          filter: drop-shadow(0 0 4px color-mix(in srgb, var(--ink) 40%, transparent));
          transition:
            fill 0.5s ease,
            filter 0.5s ease,
            r 0.5s ease;
        }

        .pgc-feed-head.is-red {
          fill: var(--signal);
          r: 3.5px;
          filter: drop-shadow(0 0 6px color-mix(in srgb, var(--signal) 55%, transparent));
        }

        .pgc-feed-node {
          fill: var(--signal);
          opacity: 0;
          transform-box: fill-box;
          transform-origin: center;
          scale: 0.2;
          transition:
            opacity 220ms ease,
            scale 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
        }

        .pgc-feed.is-arrived .pgc-feed-node {
          opacity: 1;
          scale: 1;
        }
      }

      @media (min-width: 1051px) and (max-height: 860px) {
        .pgc-brief {
          --rail: 18px;
          --ctrl: 44px;
        }

        .pgc-brief .pgc-frame {
          row-gap: clamp(20px, 3.4vh, 44px);
          padding-block: clamp(40px, 4.6vh, 60px) clamp(44px, 5vh, 66px);
        }
      }

      @media (max-width: 1050px) {
        .pgc-brief {
          --measure: 100%;
          --ctrl: 48px;
        }

        .pgc-brief .pgc-frame {
          padding: clamp(44px, 6.5vh, 76px) clamp(20px, 5vw, 48px) clamp(48px, 7vh, 84px);
        }

        .pgc-brief .pgc-brief-body {
          margin-top: clamp(26px, 4vh, 46px);
        }
      }

      .pgc-brief.pgc-measuring [data-pgc-fuse],
      .pgc-brief.pgc-measuring [data-pgc-fuse]::after {
        transition: none;
      }

      .pgc-brief [data-pgc-fuse] {
        transition:
          opacity 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
          translate 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      @supports selector(:has(a)) {
        @media (scripting: enabled) and (min-width: 1051px) and (prefers-reduced-motion: no-preference) {
          .pgc-brief.pgc-wired:not(.pgc-measuring) [data-pgc-fuse]:not(.is-lit) {
            opacity: 0;
            translate: 0 10px;
            transition-duration: 220ms;
            transition-delay: 0ms;
          }

          .pgc-brief.pgc-wired:not(.pgc-measuring) [data-pgc-fuse]:not(.is-lit)::after {
            background: var(--signal);
            transform: scaleX(0);
            transition-delay: 0ms;
          }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .pgc-brief [data-pgc-fuse] {
          transition: none;
        }
      }
      @media (max-width: 700px) and (min-height: 500px) {
        .app-shell .pgc-brief .abt-stage .pgc-intro {
          display: flex;
          flex-direction: column;
        }

        .app-shell .landing-canvas .pgc-brief .abt-stage .pgc-eyebrow {
          margin: 0 0 6px;
          font-size: 10px;
          letter-spacing: 0.3em;
        }

        .app-shell .landing-canvas .pgc-brief .abt-stage .pgc-eyebrow::before {
          width: 18px;
        }

        .app-shell .pgc-brief .abt-stage .pgc-intro h2 {
          max-width: none;
          margin: 0;
          font-size: 28px;
          line-height: 1.08;
        }

        .app-shell .pgc-brief .abt-stage .pgc-lede {
          display: none;
        }
      }

      @media (max-width: 389px) {
        .app-shell .pgc-brief .abt-stage .pgc-intro h2 {
          font-size: 26px;
        }
      }

      @media (max-width: 700px) and (min-height: 900px) {
        .app-shell .pgc-brief .abt-stage .pgc-lede {
          display: block;
          margin-top: 8px;
          font-size: 14px;
          line-height: 1.45;
        }
      }